@charset "utf-8";
/* CSS Document */

body{ background:url(../images/gk_bg.jpg) top center;}
.wap{ background:url(../images/pro_bg.jpg) top center;background-size:cover;}
/**内页部分*/
.categ{width:100%; overflow:hidden;height: 260px;position: relative;}
.categ_bg{width: 100%; height:260px;position: absolute; left: 0; top: 0; z-index: 1;}

.rff{height:55px;position: absolute; left: 50%; bottom: 0px; z-index: 2;margin-left: -625px;}
.meun li{ float:left;height:55px; line-height:55px; font-size:16px; text-align:center; margin-right:25px; margin-bottom:-2px;}
.meun li.cur{ border-bottom:2px solid #c99f63;}
.meun li.cur a{ color:#c99f63;}
.meun li:hover{ border-bottom:2px solid #c99f63;}
.meun li:hover a{ color:#c99f63;}


/*********公司简介************/
.prolit{background:url("../images/prolit_bg.jpg")no-repeat; padding:20px 0px 0px;}
.content_w{font-size:40px; font-weight:bold; line-height:3; text-align:center;}
.info_b p{ text-indent:2em; line-height:1.8; font-size:16px; color:#666; margin-bottom:10px;}
.ins-banner { width: 100%;position: relative; overflow: hidden;z-index: 1;}
.ins-banner img {float: left; width: 100%;}


/*******企业文化********/
.whk{ display:block; overflow:hidden; padding:35px 0px; margin-left:-2%;}
.whk li{ display:block; background:#fff; float:left; position: relative; width:23%; padding-bottom: 20px; overflow:hidden; margin-left:2%;}
.whknr1{ display:block; position:relative; z-index:2;}
.qywtu{ display:block; overflow:hidden; padding:10px;}
.qywnr{ display:block; padding:10px 7.5% 0;text-align: center;}
.qywnr1{ display:block; margin-bottom:12px; line-height:40px; color:#0a0a0a; font-size:20px;}
.qywnr2{ display:block; line-height:24px; color:#545454; font-size:17px;}
.whk li:hover { background:#5ab734;}
.whk li:hover .qywnr1,.whk li:hover .qywnr2{ color:#fff;}


.ins-lwh{ width:100%;overflow:hidden; padding:50px 0px;}
.whs_lf{float:left; width:605px;}
.whs_lf img{ float:left; width:290px; height:210px;}
.whs_lf .lf_wh{ float:left;background:#fff; width:315px; height:210px;padding:35px 25px 0px 25px; box-sizing:border-box;}
.whs_lf .lf_wh .t1{ color:#5c5c5c; font-size:20px; line-height:45px;}
.whs_lf .lf_wh .t2{ color:#4c4c4c; font-size:15px; line-height:1.6;}
.whs_lf:hover .lf_wh{background:#5ab734;}
.whs_lf:hover .t1{ color:#fff;}
.whs_lf:hover .t2{ color:#fff;}

.whs_rf{float:right; width:605px;}
.whs_rf img{ float:left; width:290px; height:210px;}
.whs_rf .rf_wh{ float:left;background:#fff; width:315px; height:210px; padding:35px 25px 0px 25px;box-sizing:border-box;}
.whs_rf .rf_wh .t1{ color:#5c5c5c; font-size:20px; line-height:45px;}
.whs_rf .rf_wh .t2{ color:#4c4c4c; font-size:15px; line-height:1.6;}
.whs_rf:hover .rf_wh{background:#5ab734;}
.whs_rf:hover .t1{ color:#fff;}
.whs_rf:hover .t2{ color:#fff;}



/*******工匠之路*******/
.fzxk{ display:block; width:100%; height:490px; margin:0 auto; margin-top: 60px; position:relative; z-index:1;background:url(../images/san1.png) center 45px repeat-x;}
.fzxkt{ display:block; width:100%; position: absolute; height:1px; background:#e1e1e1; top:58px;}
.fzx1{ display:block;}
#timeline{width:1250px;height: auto;overflow:hidden; position:relative; margin:0 auto;}
#dates{width:1250px;overflow:hidden; }
#dates li{float:left;width:90px;height:70px;font-size:18px;text-align:center;}
#dates a{color:#616161;width:90px;height:70px; padding-bottom:40px; line-height:30px;display:block; font-family:Arial, Helvetica, sans-serif;}
#dates .selected{font-size:24px; color:#00873b; background:url(../images/san2.png) center bottom no-repeat;}
#issues{width:1250px;height:410px;overflow:hidden;}
#issues li{width:1250px;/*height:410px;*/list-style:none;float:left;}
#issues li img{text-align:center;display:block;margin:0 auto;}
#next,#prev{position:absolute; top:105px;width:70px;height:30px;text-align:center; overflow:hidden; }
#next{right:454px; background:url(../images/jt2.png) center center no-repeat;}
#prev{left:454px; background:url(../images/jt1.png) center center no-repeat;}
#next.disabled,#prev.disabled{opacity:0.2;}
#next:hover{ background:url(../images/jt2.png) center center no-repeat;}
#prev:hover{ background:url(../images/jt1.png) center center no-repeat;}
.fzlc{ display:block; width:1250px; margin:0 auto;}
.fzlc-n{ display:block; text-align:center; line-height:100px; font-size:48px; color:#00873b;}
.fzlc-js1{ display:block; position:relative; text-align:center; padding-bottom:5px; line-height:22px; font-size:14px; color:#545454;}
.fzlc-js1 b{ display:block; position:absolute; background:#d0d0d0; width:52px; height:3px; bottom:0; left:50%; margin-left:-26px;}
.fztik{ display:block; margin-bottom:25px;}
.fzlc-js2{ line-height:28px; font-size:19px; color:#545454;width:810px;}
.faztu{ display:block; float:left; position:relative; width: 416px;}
.faztu1{ display:block; position:relative; z-index:2;}
.faztu2{ display:block; position: absolute; z-index:1; left:10px; top:10px;}


/******荣誉资质********/
.zzbox{ overflow:hidden;margin: 50px auto;}
.zzimg{width:26%;}
.zzimg img{max-width:100%; margin-top:25%;}
.zzlb { display: block; width:73%; position:relative;}
.zzlb .slideGroup .parHd {text-align: right;}
.zzlb .slideGroup .parHd li{display: inline-block;width:14%; min-width: 110px;text-align: center;border: 1px solid #cfcfcf;line-height: 36px;font-size: 16px;color: #666666;margin:0 5px 8px 0;cursor: pointer;padding: 0 5px;position: relative;transition:background 0.3s,color 0.3s,border 0.3s;}
.zzlb .slideGroup .parHd li:before{content: "";width: 0;height: 0;border-left: 6px solid transparent; border-right: 6px solid transparent;border-top: 5px solid #00B4F1;position: absolute; bottom: -5px;left: 50%;opacity: 0;filter:alpha(opacity=0); margin-left: -6px; transition:opacity 0.3s;}
.zzlb .slideGroup .parHd li.on{color: #fff;background: #00B4F1;border-color: #00B4F1;}
.zzlb .slideGroup .parHd li.on:before{opacity: 1;filter:alpha(opacity=100);}
.zzlb .slideGroup .parBd{padding:0px 0px 0px;}

.honor-k{ overflow: hidden; zoom:1;}
.zzlb .honor-hd  li{display: inline-block;width:14%; min-width: 110px;text-align: center;border: 1px solid #cfcfcf;line-height: 36px;font-size: 16px;color: #666666;margin:0 5px 8px 0;cursor: pointer;padding: 0 5px;position: relative;transition:background 0.3s,color 0.3s,border 0.3s;}
.zzlb .honor-hd  li:before{content: "";width: 0;height: 0;border-left: 6px solid transparent; border-right: 6px solid transparent;border-top: 5px solid #00B4F1;position: absolute; bottom: -5px;left: 50%;opacity: 0;filter:alpha(opacity=0); margin-left: -6px; transition:opacity 0.3s;}
.zzlb .honor-hd  li.active{color: #fff;background: #00B4F1;border-color: #00B4F1;}
.zzlb .honor-hd  li.active:before{opacity: 1;filter:alpha(opacity=100);}

.honor-bd .honor-box{display:none; padding:20px 0px;font-size: 14px;}
.honor-bd .honor-box.thisclass{ display:block;}

.zzlk{ height:320px; overflow:hidden;margin-bottom: 67px;}
.zzlm{ display: block; float:left; height:40px; line-height:40px;color:#212121;transition:all 0.3s linear;-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;-o-transition:all 0.3s linear;}
.zzlm span{ background:#00B4F1; padding:2px 5px; color:#fff;}
.zzlan{ display:block; float:right; height:40px; line-height:40px; position:relative;color:#00B4F1;}
.zzlan span{ font-family:"宋体";}
.zzlb .swiper-slide:hover .zzlm{ padding-left:5px; color:#00B4F1;}
.zzlb .swiper-button-prev{ display:block;  float: left;width:42px; height:42px; cursor:pointer; background:url(../img/zzb1.png) no-repeat;transition:all 0.4s;-webkit-transition:all 0.4s;left:0;bottom:0px;top:auto;}
.zzlb .swiper-button-prev:hover{background:url(../img/zzb1.png) no-repeat;opacity: 0.35;}
.zzlb .swiper-button-next { display:block;  width:42px; height:42px; float:right; overflow:hidden;cursor:pointer; background:url(../img/zzb2.png) no-repeat;transition:all 0.4s;-webkit-transition:all 0.4s;left:50px;bottom:0px;top:auto;}
.zzlb .swiper-button-next :hover{background:url(../img/zzb12.png) no-repeat;opacity: 0.35;}


.popup-bigic {position:fixed;left: 0;top: 0;height:100%;background: rgba(0, 180, 241, 0.8);overflow: hidden;z-index: 999;width:100%; display:none;}
.popup-bigic .loading-bigic {position: absolute;left: 50%;top: 50%;width: 24px;height: 24px;margin-left: -12px;margin-top: -12px;}
.popup-bigic #image {position: absolute;left: 50%; top: 50%;transform: translateX(-50%) translateY(-50%); max-height:100%;}
.popup-bigic .img-alt {position: absolute;text-align: center;width: 50%;margin: 0 auto;left: 25%;top:80%; font-size:16px; color:#000; background:#fff; padding:2%; box-sizing:border-box;}
.option-bigic {position: absolute;right: 20px;top: 20px;z-index: 1;}
.option-bigic span {display: inline-block;width: 40px;height: 40px;margin-right: 20px;text-indent: -999px;overflow: hidden;cursor: pointer;border-radius: 5px;background-image: url(../img/icons.png);background-repeat: no-repeat;background-color: #fff;opacity: .5;}
.option-bigic span:hover {opacity: 1;}
.option-bigic span.close-bigic {background-position: 8px 8px;}



/***新闻中心***/
.list_news{width:100%;padding:20px 0px;}
.list_news ul{margin:0;padding:0}
.list_news ul li{list-style-type:none;height:195px;padding:20px;background:#fff;border-bottom:1px dashed #e7e7e7}
.list_news ul li .info{width:630px; float:left;}
.list_news ul li .info a{text-decoration:none}
.list_news ul li .info a span{display:block}
.list_news ul li .info a .time,.list_news ul li .info a .des{color:#808080;font-size:12px;line-height:25px}
.list_news ul li .info a .t{font-size:16px;font-weight:bold;line-height:30px;color:#333;padding-bottom:10px}
.list_news ul li .info a:hover .t{color:#0092dc}

.list_news ul li .thumb{width:300px;height:160px;overflow:hidden;  float:right;}
.list_news ul li .thumb a{display:block;width:300px;overflow:hidden}
.list_news ul li .thumb a img{-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s; max-width:100%;}
.list_news ul li .thumb a:hover img{-webkit-transform:scale(1.1, 1.1);-moz-transform:scale(1.1, 1.1);-o-transform:scale(1.1, 1.1);transform:scale(1.1, 1.1)}
.list_news ul li:hover{background:#fafafa}

/***新闻内页***/
.news_d{padding:30px}
.news_d h1.t{text-align:center;font-size:24px;font-weight:normal;color:#0092dc}
.news_d .info{text-align:center;color:#979797;border-bottom:1px dashed #e1e0e0;line-height:50px;font-size:12px}
.news_d .thumb{text-align:center;padding-bottom:20px;border-bottom:1px dashed #e1e0e0}
.news_d .news_d_w{font-size:14px;line-height:200%;color:#6a6a6a;padding-top:20px}
.news_d .updown{font-size:12px;color:#6a6a6a;line-height:30px}
.news_d .updown a{text-decoration:none;color:#6a6a6a}
.news_d .updown a:hover{color:#0092dc}
.news_d .news_video{width:600px;margin:0 auto}
.updown{border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;height:30px;line-height:30px;margin-top:20px;font-size:12px}
.updown a{color:#333;text-decoration:none}
.updown .previous{float:left}
.updown .next{float:right;text-align:right}

/************产品中心************/
.pro_list{ margin-top:30px;}
/*******左边导航*******/
.meun_nav{ width:230px; float:left; overflow:hidden; text-align:center;margin-right:20px;}
.cp_tit{ height: 120px; background:#455d95; text-align: center; color: #fff; }
.cp_tit h2 { display: block; font-size: 27px; line-height: 1; padding-top: 30px; }
.cp_tit p { font-style: normal; font-size: 14px; text-transform: uppercase; font-weight: normal; line-height: 2; display: block; }

.meun_nav h3{background:#0092dc; line-height:50px; color:#fff;border-bottom:1px solid rgba(79, 181, 232, 0.92);margin-bottom: 5px;}
.meun_nav h3 a{color:#fff;font-size: 18px;}
.meun_nav .menn h3{background:#455D95;  border-top: 1px solid #fff;}

.meun_nav li{line-height:38px; color:#333; border-bottom:1px solid #ccc;}
.meun_nav li a{ color:#333;}
.meun_nav li:hover a{ color:#0092dc;}
.meun_nav li.menn { background:#455D95; }
.meun_nav li.menn a{ color:#fff;}

/*******右边内容*******/
.pro_box{ float:left;width:1000px;overflow:hidden;}
.list_pro{overflow:hidden;margin-left:-26px;float: left;}
.list_pro li{float:left;width:316px;margin:0px 0px 26px 26px}
.list_pro li a{display:block;text-decoration:none;font-size:12px;}
.list_pro li a .thumb{display:block;width:100%;overflow:hidden;position:relative}
.list_pro li a .thumb img{width:100%; height:211px;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}

.list_pro li a .title{display:block;height:35px;line-height:35px;text-align:center;background:#455d95;color:#fff;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s}
.list_pro li a:hover .thumb img{-webkit-transform:scale(1.1, 1.1);-moz-transform:scale(1.1, 1.1);-o-transform:scale(1.1, 1.1);transform:scale(1.1, 1.1)}
.list_pro li a:hover .title{background:#0092dc;transition:background 0.3s;-moz-transition:background 0.3s;-webkit-transition:background 0.3s;-o-transition:background 0.3s}


/****产品展示内页****/
.pro_detail{margin-top:50px;width:100%;margin:35px auto}
.pro_detail .pro_t{width:100%; text-align:center;}
.pro_detail .pro_t h1.t{margin:0;padding:0;font-size:24px;color:#0092dc;font-weight:normal;border-bottom:1px solid #dcdcdc}
.pro_detail .pro_t h1.t span{display:block;font-size:12px;line-height:30px;color:#898989}
.pro_detail .pro_t a{color:#898989}
.pro_detail .pro_t a:hover{color:#0092dc}
.pro_detail .pro_t .des{padding:10px 0px;line-height:25px}
.pro_detail .slide_zyyw{width:800px;height:533px;overflow:hidden;position:relative;margin:30px auto}
.pro_detail .slide_zyyw .hd{overflow:hidden;zoom:1;margin:0;width:800px;padding:10px 0px;text-align:center;position:absolute;right:0px;bottom:0px;z-index:1}
.pro_detail .slide_zyyw .hd ul{margin:0;padding:0}
.pro_detail .slide_zyyw .hd ul li{display:inline-block;width:14px;height:14px;margin-right:10px;background:#dcdcdc;cursor:pointer;overflow:hidden;-moz-border-radius:7px;-webkit-border-radius:7px;border-radius:7px;text-indent:-9999px;overflow:hidden}
.pro_detail .slide_zyyw .hd ul li:last-child{margin-right:0px}
.pro_detail .slide_zyyw .hd ul li.on{background:#0092dc}
.pro_detail .slide_zyyw .bd{position:relative;height:100%;z-index:0}
.pro_detail .slide_zyyw .bd ul{margin:0;padding:0}
.pro_detail .slide_zyyw .bd ul li{list-style-type:none;zoom:1;vertical-align:middle}
.pro_detail .slide_zyyw .bd ul img{width:800px;height:533px;display:block}
.pro_detail .slide_zyyw .prev,.pro_detail .slide_zyyw .next{position:absolute;left:20px;top:50%;margin-top:-38px;display:block;width:38px;height:76px;background:url(../img/arrow.png) 0px -76px no-repeat;filter:alpha(opacity=20);opacity:0.2}
.pro_detail .slide_zyyw .next{left:auto;right:20px;background-position:-38px -76px}
.pro_detail .slide_zyyw .prev:hover,.pro_detail .slide_zyyw .next:hover{filter:alpha(opacity=40);opacity:0.4}
.pro_detail .slide_zyyw .prevStop{display:none}
.pro_detail .slide_zyyw .nextStop{display:none}
.pro_detail_w{line-height:200%}
.pro_detail_w .t{border-bottom:1px solid #dcdcdc;height:35px}
.pro_detail_w .t span{display:block;float:left;padding:0px 20px;height:35px;line-height:35px;background:#0092dc;color:#fff}
.pro_detail_w .w{min-height:500px}
.pro_detail_w .pro_table{width:99%;margin:0 auto 20px;padding:0;border-left:1px solid #cccccc;border-top:1px solid #cccccc}
.pro_detail_w .pro_table th,.pro_detail_w .pro_table td{border-right:1px solid #cccccc;border-bottom:1px solid #cccccc;padding:10px;text-align:center}
.pro_detail_w .pro_table th{background:#d2efff;color:#333}
.pro_detail_w .sec_des{font-size:12px}
.pro_detail_w .sec_des a{font-size:12px;color:#333;text-decoration:none}
.pro_detail_w .sec_des a:hover{color:#0092dc}



/********分页*********/
.text-center {text-align: center;}
.pagination{display: inline-block; padding-left: 0; margin:0px 0px 20px; border-radius: 4px; font-size: 12px;}
.pagination > li{display: inline;}
.pagination > li > a,
.pagination > li > span{position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #4d4d4d; text-decoration: none; background-color: #fff; border: 1px solid #ddd;}
.pagination > li:first-child > a,
.pagination > li:first-child > span{margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px;}
.pagination > li:last-child > a,
.pagination > li:last-child > span{border-top-right-radius: 4px; border-bottom-right-radius: 4px;}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus{z-index: 3; color: #000; background-color: #eee; border-color: #ddd;}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus{z-index: 2; color: #fff; cursor: default; background-color: #0092dc; border-color: #0092dc;}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus{color: #777; cursor: not-allowed; background-color: #fff; border-color: #ddd;}