﻿@font-face {
    font-family: 'Optima';
    src:  url("../fonts/Optima.eot");
    src: url('../fonts/Optima.eot?#iefix') format('embedded-opentype'),
    url("../fonts/Optima.otf"),
    url("../fonts/Optima.woff2") format("woff2"),
    url("../fonts/Optima.woff") format("woff"),
    url("../fonts/Optima.ttf") format("truetype"),
    url("../fonts/Optima.svg#webfont34M5alKg") format("svg");
}
/*reset*/
body{font-family: "Optima","Helvetica";}
a:hover{text-decoration: none;color:#ff0000;}
a:link{text-decoration: none;}
*{margin:0;padding:0;}
ul,li{list-style: none;}
a{color:#333;}
.bg{background-image:url("../images/bg.png");background-repeat:no-repeat;}
.navbar{background: url("../images/top_bg.png") no-repeat center center/cover;padding:45px 0;margin-bottom: 0;position: relative;z-index:1000;}
.navbar .container{border-bottom: 1px solid #414141;padding: 10px 0 30px 0;}
.sc_container{width:100%;position: relative;z-index:100;margin-top:-40px;margin-bottom: 40px;}
.sc_public{width:1200px;margin:auto;}
.title_line{border-bottom: 2px solid #ccc;  width: 90px;  margin:0 auto 30px;}
.sc_i_about img{max-width:100%;}
.mar-bot{margin-bottom: 60px;}
.cb{clear:both;}
img{border:0;vertical-align:middle;}
/*top*/
.sc_top{background:url("../images/top_bg.png") no-repeat center center;padding:55px 0;position:relative;z-index:1000;}
.sc_top_one{float:left;width:25%;overflow: hidden;height:55px;}
.sc_top_one a{display:table-cell;height:55px;vertical-align: middle;overflow: hidden;}
.sc_top_one img{max-width: 100%;}
.sc_top_two{float:left;width:75%;position: relative;}
.top_bg{border-bottom: 1px solid #414141;}
.top_ul{float:right;width:93%;}
.top_ul>li{float:left;margin-left:45px;position: relative;padding:15px 0 20px 0;}

.top_ul li ul{position: absolute;top:100%;left:-20px;width:200px;background-color:#333;display:none;}
.top_ul li.sc_yu ul{width:130px;}
.top_ul li ul li a{overflow: hidden;text-overflow: ellipsis;white-space:nowrap;display:block;width:90%;}
.top_ul li ul li{padding: 8px 0;padding-left:20px;position:relative;}
.top_ul li ul li:hover{background-color: #191919;}
.top_ul li ul li ul{position:absolute;left:100%;top:0;}
.top_ul i{display:inline-block;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top: 5px solid #fff;vertical-align: middle;margin-left:5px;}
.top_ul li a{color:#fff;}
.top_ul li a:hover{color:#ff0000;}
.sc_yu a{width:90px;display:inline-block;}
.top_ul img{width:16px;margin-right:5px;}
.top_search{margin-top:15px;border:1px solid #fff;float:right;width:27px;height:27px;border-radius:50%;cursor:pointer;background:url("../images/search.png") no-repeat 6px 5px #fff;margin-left:30px;}
.top_close{margin-top:15px;border:1px solid #fff;float:right;width:27px;height:27px;border-radius:50%;cursor:pointer;background:url("../images/top_close.png") no-repeat 6px 5px #fff;margin-left:30px;}
.top_ser{position: absolute;top:15px;left:0;width:95%;display:none;}
.top_form{position: relative;}
.top_input{width:100%;padding-left:30px;height:27px;line-height:27px;}
.top_submit{width:27px;height:27px;background:url("../images/search.png") no-repeat 8px 6px;position: absolute;top:0;left:0;border:none;}
.top_ul li ul li span{position: absolute;top:10px;right:10px;width:0;height:0;border-top:5px solid transparent;border-bottom: 5px solid transparent;border-left:5px solid #fff;}
.top_ul li ul.nav_on{display:block;}
.top_ul li.li_form{display:none;}
/*banner*/
/*service*/
.sc_i_service{background:url("../images/bgs.jpg") no-repeat center center/cover;width:100%;color:#fff;padding:30px 0;margin-bottom: 30px;}
.sc_img{width:100%;height:200px;}
/*product*/
.sc_p_list dl:hover img,.sc_in_total dl:hover img{transform: scale(1.03);-moz-transform: scale(1.03);-ms-transform: scale(1.03);-o-transform: scale(1.03);-webkit-transform: scale(1.03);}
.sc_p_list dt {  border: 1px solid #ccc;  padding: 20px;  overflow: hidden;  text-align: center; height:262px; }
.sc_p_list dt a {  display: table-cell;  height: 222px;  vertical-align: middle;  width: 10%;  overflow: hidden; }
.sc_p_list dt a img{width:100%;transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;-webkit-transition: all 0.5s;}
.p_title {  padding: 0 20px;  text-align: center;  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;  margin: 10px 0;  font-size: 1.125em;  }
.p_inquiry a {  display: block;  width: 100px;  margin: 0 auto 10px;  color: #fff;  font-size: 0.875em;  padding-left: 40px;  line-height: 30px;  background: url(../images/inquiry.png) no-repeat 13px 8px #666; }
/*news*/
.sc_in_total dt {width: 100%;  height: 270px;  overflow: hidden;}
.sc_in_total dt a {display: table-cell;  height: 270px;  overflow: hidden;  vertical-align: middle;width:10%;}
.sc_in_total img {width: 100%;  transition: all 0.5s;  -webkit-transition: all 0.5s;  -o-transition: all 0.5s;  -moz-transition: all 0.5s;}
.sc_in_total dd {padding: 0 20px;  text-align: center;}
.sc_in_total dd a {display: block;  color: #fff;  margin: 15px 0;  width: 100%;  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;  font-size: 1.35em;}
.sc_in_total dd a:hover{color:#ff0000;}
.sc_blog_bd{margin-bottom:15px;}
/*follow us*/
.sc_sign{margin-bottom: 60px;}
.sc_sign a {display: inline-block;  margin-right: 15px;  width: 60px;  height: 60px;}
.si_0{  background-position: 6px -6px;  }
.si_1{  background-position: -57px -6px;  }
.si_2 {  background-position: -129px -6px;  }
.si_3 {  background-position: -207px -6px;  }
.si_4 {  background-position: -277px -6px;  }
.di_0{background-position:10px -88px;}
.di_1{background-position:-58px -88px;}
.di_2{background-position:-128px -88px;}
.di_3{background-position:-207px -88px;}
.di_4{background-position:-277px -86px;}
.foot_two{width: 100%;  border-top: 1px solid #080808;  border-bottom: 1px solid #5f5f5f;}
.footer{color:#fff;width:100%;}
.foot_stroke{width:100%;background:url("../images/foot_sign.png") no-repeat center center;height:71px;}
.foot_bg{background-color:#333;width:100%;}
.foot_three{padding:15px;font-size:0.875em;}
.foot_form{width:50%;margin: 0 auto 30px;}
.foot_form label{text-transform: uppercase;font-size:1.25em;line-height:35px;width:25%;float:left;}
#f_form{height:35px;line-height:35px;padding-left: 5px;border:1px solid #494848;width:60%;float:left;background-color: #333;color:#fff;}
#f_submit{background-color: #494848;height:35px;line-height:35px;outline:medium;border:none;text-align:center;width:15%;float:left;cursor:pointer;color: #fff;}
.f_o,.f_lian{padding-bottom:20px;}
.f_lian li { display: inline-block;  margin: 0 10px;  padding-left: 35px;  line-height: 30px; }
.f_1 {  background: url(../images/f_tel.png) no-repeat 2px 0;  }
.f_2 {  background: url(../images/f_yx.png) no-repeat 0 0;}
.footer a,.addr_two a,.sc_contact a{color:#ff0000;text-decoration: underline;}
.footer a:hover,.addr_two a:hover,.sc_contact a:hover{text-decoration: none;}
.form-inline label{margin-right:10px;}
.sc_about_text{line-height:180%;overflow: hidden;}
.sc_about_text img{max-width:100%;}
/*contact.html*/
.sc_pdd,.sc_i_product{  overflow: hidden;  margin-bottom:40px;}
.sc_addr{overflow: hidden;margin-bottom: 20px;}
.addr_one { font-size: 1.8em;  margin-bottom: 20px;  }
.addr_two {  color: #666;  }
.addr_two li{display:inline-block;margin:0 10px 8px;}
.addr {  height: 38px;  overflow: hidden;  }
.sc_contact dt {  font-size: 1.25em;  margin-bottom: 10px;  }
.sc_contact dd {  color: #666;  margin-bottom: 10px;  }
#allmap {  width: 100%;  height: 400px;  margin-bottom: 30px;  margin-top:15px;  }
.sc_contact_form p{display:none;color:#ff0000;margin-top:3px;}
/*news.html*/
.n_time{margin-bottom: 20px;}
.n_time span {  display: block;  font-size: 0.875em;  text-align: center;  width: 60px;  }
.n_date {height: 30px;  color: #fff;  line-height: 30px;  background-color: #ff0000;  border-radius: 30px 30px 0 0;  }
.n_month {height: 30px;  color: #fff;  line-height: 30px;  background-color: #ff0000;  border-radius: 0 0 30px 30px;  }
.n_right dt a {  display: table-cell;  width: 10%;  overflow: hidden; height:320px;vertical-align: middle; }
.n_right img{width:100%;}
.n_right dt {  position: relative;  width: 100%;  overflow: hidden; height:320px; }
.n_right dt span {cursor: pointer;  display: none;  position: absolute;  top: 0;  left: 0;  right: 0;  bottom: 0;  background-color: #333;  opacity: 0.6;  filter: alpha(opacity=60);  -moz-opacity: 0.6;  font-size: 3em;  color: #fff;  }
.n_right dt b {  position: absolute;  top: 50%;  left: 50%;  margin-top: -33px;  margin-left: -16px;  }
.n_title a {  display: block;  margin: 10px 0;  font-size: 1.5em;  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;  }
.n_text {  line-height: 140%;  overflow: hidden;  height: 58px;  }
/*news details.html*/
.sc_nd_left{line-height:150%;overflow: hidden;}
.nf_one {  margin: 30px 0;  }
.nd_title {  font-size: 1.8em;  margin-bottom: 10px;  }
.nd_ul>li {  padding-left: 10px;  margin-bottom: 5px;  }
.nd_ul li ul{width:100%;padding:5px 13px 0;display:none;}
.nd_ul li ul li{margin-bottom: 5px;}
.nd_ul li ul li a{display:inline-block;width:90%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;vertical-align: middle;}
.nd_ul i {vertical-align: middle;  display: inline-block;  width: 0;  height: 0;  border-top: 5px solid transparent;  border-bottom: 5px solid transparent;  border-left: 5px solid #666;  margin-right: 8px;  }
.media-left img{width:110px;}
.media-body h4 a{color:#333;height:58px;overflow: hidden;display:inline-block;}
/*product.html*/
.mar-t{margin-bottom: 20px;}
.sc_p_text{overflow: hidden;line-height:150%;margin-bottom: 40px;}
/*service.html*/
#myTabs li{display:inline-block;margin-right:20px;font-size:1.5em;}
/*product_details.html*/
#magnifier {position:relative;width:90%;}
.small-box {position:relative;width:100%;margin-bottom:20px;border: 1px solid #eee;}
.small-box img{display:block;max-width:100%;}
.small-box .hover{display:none;position:absolute;left: 0;top:0;width:200px;height:200px;border:1px solid #aaa;background:#0099ff;  opacity: .5;  filter: alpha(opacity: 50);  cursor: move;  }
.thumbnail-box{position:relative;width:100%;}
.thumbnail-box .btn{position:absolute;top:50%;width: 22px;  height: 32px;  margin-top: -16px;}
.thumbnail-box .btn-prev{left:0;background:url(../images/btn_prev.png) no-repeat; }
.thumbnail-box .btn-next{right:0;background:url(../images/btn_next.png) no-repeat; }
.thumbnail-box .list{overflow:hidden;width:80%;margin: 0 auto;}
.thumbnail-box .wrapper{width:100000px;}
.thumbnail-box .list .item{float: left;margin: 0 10px;}
.thumbnail-box .list .item img{border:2px solid #fff;width:58px;height:58px;}
.thumbnail-box .list .item-cur img{border:2px solid #eee; width:58px;height:58px;}
.big-box{display:none;overflow: hidden;position: absolute;  left: 501px;top: 0;width: 500px;height: 500px;  border: 1px solid #e4e4e4;  background-color: #fff;  z-index: 100000;}
.sc_pd_title {  font-size: 1.5em;  font-weight: 500;  margin-bottom: 15px;  }
.pd_ul li {  margin-bottom: 15px;  }
.sc_pddr{color: #666;}
.pd_inquiry {  border-top: 1px solid #ccc;  padding: 20px 0;  margin: 30px 0;  }
.pd_inquiry a {  display: block;  width: 100px;  color: #fff;  font-size: 0.875em;  padding-left: 40px;  line-height: 30px;  background: url(../images/inquiry.png) no-repeat 13px 8px #666;  }
.pd_inquiry a:hover,.p_inquiry a:hover{background-color:#ff0000;}
.pd_share a {  margin-right: 15px;  }
.relater_title {  font-size: 1.8em;  text-transform: capitalize;  margin-bottom: 20px;  }
/*relater*/
.relater_phone{display:none;}
.relater_pc{width:100%;margin:auto;position:relative;padding-bottom:15px;clear:both;}
.bx_wrap a.prev{width:27px;height:34px;line-height:17px;outline-style:none;outline-width:0;position:absolute;top:150px;left: -40px;text-indent:-9999px;background:url(../images/btn_prev.png) no-repeat left;}
.bx_wrap a.next{width:27px;height:34px;line-height: 17px;left:1180px;outline-style:none;outline-width:0;position:absolute;top:150px;text-indent:-9999px;background: url(../images/btn_next.png) no-repeat right;}
#example1 li{width:300px;}
/*service.html*/
.ser_ul li {  display: inline-block;  margin: 0 10px 20px;  cursor: pointer;  font-size: 1.5em;}
.ser_active {  color: #ff0000;  }
.ser_text>div {  display: none;  }
.ser_text>div.ser_con_0 {  display: block;  }
.ser_top {  line-height: 150%;  margin-bottom: 30px;  }
.ser_o_title {  font-size: 1.35em;  margin-bottom: 8px;  }
.ser_con_0 ul li, .ser_con_1 ul li {  margin-bottom: 10px;  line-height: 150%;  }
.ser_con_0 ul li.ser_t, .ser_con_1 ul li.ser_t {  color: #666;  }
/*product_details.html*/
.sc_pd_two li {  display: inline-block;  margin-right: 20px;  margin-bottom: 20px;  text-transform: uppercase;  cursor: pointer;  font-size:1.25em;  }
.pd_active {  color: #ff0000;  border-bottom: 1px solid #ff0000;  }
.sc_pd_con>div {  display: none;  }
.sc_pd_con>div.pd_con_0 {  display: block; line-height:180%;overflow:hidden; }
.sc_pd_con>div.pd_con_0 img{max-width:100%;}
.pd_con_0 img {  max-width: 100%;  }
.pdd_t_title {  font-size: 0.875em;  color: #666;  line-height: 150%;  overflow: hidden;  margin-bottom: 30px;  }
.sc_pd_con{padding-bottom:30px;}
/* superslider */
.picList .pic{ text-align:center;margin-bottom: 20px;width:100%;}
.picList .pic img{width:120px;}
.leftLoop .hd{ overflow:hidden;height:30px; }
.leftLoop .hd ul{overflow:hidden;  margin-top:10px;  text-align: center;}
.leftLoop .hd ul li{  display:inline-block; width:10px; height:10px; overflow:hidden; background:#ccc; margin-right:10px; text-indent:-999px; cursor:pointer;
    -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.leftLoop .hd ul li.on{ background:#f00;  }
.leftLoop #tempWrap{width:100%;}
.leftLoop .bd{overflow:hidden; }
.leftLoop .bd ul{ overflow:hidden; zoom:1;}
.leftLoop .bd ul li{ margin:0 10px; text-align:center; float:left;width:100%;overflow:hidden;word-break:break-all;word-wrap:break-word;}
/*no search*/
.sc_no_f{font-size: 1.25em;color:#f00;width:100%;text-align: center;overflow: hidden;}
/*return top*/
.f_top {
    cursor: pointer;
    position: fixed;
    bottom: 50px;
    right: 20px;
    background-color: #666;
    color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    text-align: center;
    line-height: 35px;
    font-size: 1.25em;
    z-index:1000000;
}


