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

@media all and (max-width:640px){
*{box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}
body{ max-width:100%; margin: 0 0; padding: 0 0 }
.height50{ width:100%; height:50px; line-height:50px; clear:both; }
p{ margin:0 0; padding:0 0}
.g-hd{margin:auto;}
.com_1180{ width:100%; margin:0 auto}
.com_1200{ width:100%; margin:10px auto}

.com_1180_news{ width:94%; margin:0 auto}

.dispcnone{ display:block; }
.dispcblock{ display:none; }
.cl{ width:100%; height:5px}

.clearfix:after{content:".";display:block; width:100%;height:0; line-height:0;clear:both; overflow:hidden}
/**头部和导航**/
.bodyid{ width:100%; margin:0 auto; overflow:hidden; background:#fff; padding-top:0}

.topgunheight{
  height:70px;
  background-color:#eee;
}
.topgun{ width:100%; margin:0 auto; height:70px; position:fixed; z-index:100;}


.htop{ width:100%; margin:0 auto; height:70px; background:#eee;  z-index:110; position:fixed }

.logo{ width:70%; float:left;margin-top:10px; text-align:left; padding-left:10px}
.logo img{ height:50px; width:auto}


.nav{position: fixed;left:0; top:0;background-color: #eee; border-bottom:0px solid #ccc; height:70px; z-index:1000; width:100%}

#sousuonav{ width:100%; height:70px;font-size:14px;margin:0 auto; background:#f1f1f1; overflow:hidden; z-index:500; display:none}

.menuthis{ display:block; text-indent:-9999px; width:50px; height:50px; background:url(../images/menu_icon.png) no-repeat center center; background-size:30px 22px; position: absolute;top:10px; right:0; z-index:100;}
.nav{ background:none}

#menu10{width:60%; height:auto; line-height:50px; position: absolute;right:0; top:70px; z-index:1000; background-color: rgba(100,100,100,0.8);}
.wap_slide{ display:none;}
ul.menu li{  width:100%; height:50px; line-height:50px; } 
ul.menu li a{  width:100%; height:50px; line-height:50px; } 

ul.menu .menulink { display:block; width:80%; height:40px;line-height:40px; border-bottom:1px solid #666; color:#eee; margin:0 auto; margin-bottom:4px }
ul.menu .menulink:hover, ul.menu .menuhover { background:none}
ul.menu .menulink:hover{ background:none; color:#333 }
ul.menu ul{ position:static; opacity:1;left:auto; top:auto; width:50%; float:right; }
ul.menu ul li,ul.menu ul li a{ display:block; width:100%;height:46px; line-height:46px; }
ul.menu .menulinkbg { width:80%;height:48px; margin:0 auto;font-size:14px;font-family:"微软雅黑";text-align:center;border-bottom:2px solid #f76d27;color:#f76d27;font-weight:normal; line-height:88px;}
ul.menu .menulinkbg:hover{border-bottom:2px solid #f76d27;color:#f76d27;}


.wlcenter{ height:auto; }

.gallery{position:relative; overflow:hidden; padding-top:70px;}
.gallery .swiper-container { width: 100%;position: relative;height:auto}
.gallery .swiper-slide {text-align: center;font-size: 18px;background: #fff;}
.gallery .swiper-slide img{width:100%; height:auto}

.protop{ width:100%; margin:0 auto; overflow:hidden; margin-bottom:20px; padding-top:70px}
.protopyou{ width:100%; float:none}

.about_dl{ width:94%; margin:0 auto; height:auto;margin-bottom:20px; line-height:56px; margin-top:20px }

.pro_dl_left{width:100%; overflow:hidden ; margin:0 auto; border-radius:2px} 
.pro_dl_left a{width:33.3%; float:left; font-size:14px; font-weight:400; color:#222;transition:all ease 0.5s; text-align:center; display:block;transition:all ease 0.5s; border-right:1px solid #fff; background:#eee; margin-bottom:1px} 
.pro_dl_left a:hover{ background:#f76d27; color:#fff; transition:all ease 0.5s } 
.pro_dl_left a.abg{ background:#f76d27; color:#fff;transition:all ease 0.5s  } 



.aboutprocon_title{width:100%; font-size:18px; font-weight:200; color:#000; text-align:left; line-height:46px;font-weight:600}

.aboutprocon_title span{width:50%; background:#f76d27; font-size:18px; font-weight:200; color:#fff; text-align:center; line-height:46px; margin-right:10px; padding:0 20px 0 20px; border-radius:2px; font-weight:600; display:block}







.prod_list{ width:96%; margin:0 auto; height:auto; overflow:hidden; margin-bottom:20px}
.prod_list ul{ width:100%; margin:0 auto; overflow:hidden;}
.prod_list ul li{ width:48%; float:left; height:180px; margin:1%;transition:all ease 0.5s; border:1px solid #ccc}
.prod_list ul li a{ width:100%; height:auto; display: block;transition:all ease 0.5s;-webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; -o-transition:all ease 0.5s;}
.prod_list_img{width:100%; height:140px; overflow:hidden;}
.prod_list_img img{width:100%; height:140px;transition:all ease 0.5s; -webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; -o-transition:all ease 0.5s;}
.prod_list_text{ width:100%; height:42px; font-size:14px; font-weight:normal; line-height:42px; color:#333; margin:0 auto; text-align:center; overflow:hidden; background:#f9f9f9;transition:all ease 0.5s;}


.prod_list ul li:hover{ background:#f76d27;transition:all ease 0.5s;border:1px solid #f76d27}
.prod_list ul li a:hover .prod_list_img img{ -webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transition:all ease 0.5s;-webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; -o-transition:all ease 0.5s;}

.prod_list ul li a:hover .prod_list_text{color:#fff;transition:all ease 0.5s; background:#f76d27}




.banner_about_wpa{ width: 100%; margin: 0 auto; overflow: hidden; height: auto; padding-top:70px}
.banner_a_title{ width:60%; margin:0 auto; margin-top:50px; overflow:hidden; text-align:center; background-color:rgba(0,0,0,0.2); height:60px}
.banner_a_title h1{ font-size:20px; font-weight:normal; color:#fff ; line-height:60px}

/*gynn*/
.gynn{ width:94%; margin:20px auto; overflow:hidden }
.gynn_tit{ width:94%; overflow:hidden;text-align:center; margin:0 auto;margin-top:20px; margin-bottom:20px}
.gynn_tit h1{ width:100%; line-height:40px; overflow:hidden; font-size:22px; font-weight:600; color:#333; margin:0 auto;}
.gynn_tit p{ width:100%;font-size:14px; font-weight:400; color:#666;line-height:24px;}
.gynn_tit h1 span{ color:#f76d27 }



.liucheng_bg{background:#0063ce; width:100%; margin:0 auto; overflow:hidden;}
.liucheng{ width:100%;background:#fff; overflow:hidden;background:url(../images/shuju_bg.png) bottom center no-repeat #fff; background-size:100%;}

.index_company_left{ width:94%; margin:0 auto; overflow: hidden; background:rgba(255,255,255,0); padding:30px 0 30px 0}
.index_company{ width:100%; overflow: hidden;}
.index_company h1{ font-size:36px; color:#fff; line-height:50px; text-align:center; font-weight:400; margin-bottom:15px}
.index_company h1 span{ color:#f76d27; }

.index_company p{ font-size:14px; color:#ddd; line-height:26px; text-align: left}


.index_company_more{ width:120px; display:block; height:36px; margin:0 auto; margin-top:40px}
.index_company_more a{ width:100%; line-height:36px; color:#fff;transition:all ease 0.5s;-webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; -o-transition:all ease 0.5s; font-size:14px; background:#f76d27; display:block; text-align:center;border-radius:2px}
.index_company_more a:hover{ color:#ccc;transition:all ease 0.5s;-webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; -o-transition:all ease 0.5s;}



.cphplist{ width:49%; height:140px; float:left; margin:0.5%}
.cphplist a{ width:100% ;height:140px;color:#222; overflow:hidden; background:#f1f1f1; display:block; position:relative;}
.cphplist a img{ width:100% ; min-height:140px; transition:all ease 0.5s; -webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; -o-transition:all ease 0.5s; }
.cphplist span{ display:block; overflow:hidden}

.cphplist a h1{ width:100%; font-weight:400; font-size:14px; margin:0 auto;  position: absolute; transition:all ease 0.5s; -webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; -o-transition:all ease 0.5s; bottom:0px;background-color:rgba(0,0,0,0.6); color:#ccc; text-align:center; line-height:40px; height:40px;}

.cphplist a:hover{transition:all ease 0.5s; -webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; -o-transition:all ease 0.5s; }

.cphplist a:hover img{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transition:all ease 0.5s; -webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; -o-transition:all ease 0.5s; overflow:hidden;}

.cphplist a:hover h1{ height:60px; line-height:60px;transition:all ease 0.5s; -webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; -o-transition:all ease 0.5s;color:#fff;}

















.gynn_list{ width:100%;  margin:10px auto;overflow:hidden}

.gynn_left{ width:100%; float:none; font-size:14px; line-height:24px; color:#333; }


.gynn_right{ width:100%; float:none; height:auto; font-size:14px; line-height:24px; color:#333; background:#fff; overflow:hidden}
.gynn_right h1{ width:100%;font-size:20px; line-height:60px; color:#333; font-weight:400; text-align:center; height:60px; margin:0 auto}
.gynn_right p{ width:100%;font-size:14px; line-height:26px; color:#999;text-align:left;margin:0 auto}

.gynn_right a{width:120px; height:30px; margin:0 auto; font-size:12px; font-weight:normal; border:#f76d27 0.5px solid;color:#f76d27;line-height:30px;  margin-top:20px; display:block; text-align:center;transition:all ease 0.5s;-webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; -o-transition:all ease 0.5s;}
.gynn_right a:hover{width:140px;transition:all ease 0.5s;-webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; -o-transition:all ease 0.5s;}

/*netw*/
.netw{ width:100%; margin:0 auto; overflow:hidden; background:url(../images/cpbg1_wap.png) top center no-repeat #f76d27; height:auto; padding-top:20px; padding-bottom:0px}

.netw_left{width:88%; float:none;  margin:0 auto;margin-top:20px;}
.netw_left h1{width:100%; line-height:50px; font-size:20px; font-weight:600; color:#333}
.netw_left p{width:100%; line-height:28px; font-size:18px; font-weight:400; color:#333;  text-indent:20px}

.netw_left a{width:140px; height:36px; font-size:12px; font-weight:normal; background:#f76d27;color:#fff;line-height:36px;  margin-top:30px; display:block; text-align:center;transition:all ease 0.5s;-webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; -o-transition:all ease 0.5s; border:1px solid #fff}
.netw_left a:hover{width:180px;transition:all ease 0.5s;-webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; -o-transition:all ease 0.5s;}

.netw_right{width:94%; float:none; margin:0 auto; margin-top:50px; text-align:center; margin-bottom:30px}

.netw_right img{width:88%; height:auto;}

/**more**/
.inmore{ width:100%; margin:0 auto; margin-bottom:20px; margin-top:10px}
.inmore a{width:100%; height:60px; font-size:14px; font-weight:normal; line-height:60px; color:#333; margin:0 auto; text-align:center;display:block;transition:all ease 0.5s;-webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; -o-transition:all ease 0.5s; border-radius:8px; text-decoration:underline;}

.inmore a:hover{ font-size:20px; transition:all ease 0.5s;-webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; -o-transition:all ease 0.5s; color:#f76d27}


.inmore1{ width:100%; margin:0 auto; margin-bottom:20px; margin-top:20px}
.inmore1 a{width:50%; height:40px; font-size:14px; font-weight:normal; line-height:40px; border:1px solid #fff;  color:#fff; margin:0 auto; text-align:center;display:block;transition:all ease 0.5s;-webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; -o-transition:all ease 0.5s; border:1px solid #fff }

.inmore1 a:hover{width:50%; transition:all ease 0.5s;-webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; -o-transition:all ease 0.5s;}

/**more**/




/*video*/
.video{ width:94%; margin:0 auto; overflow:hidden; padding-top:10px; padding-bottom:30px}
.videolist{ width:92%; margin:0 auto; overflow:hidden; }
.videolist ul{ width:100%; margin:0 auto; overflow:hidden;}
.videolist ul li{ width:98%; height:auto; float:none; margin-left:0px; margin-right:0px;margin-top:20px}
.videosize{ width:100%; height:auto; background:#fff; overflow:hidden; border:2px solid #fff; box-shadow:1px 1px 5px #333}
.videosize iframe{ width:100%; height:240px; background:#fff; overflow:hidden; border:2px solid #fff; box-shadow:1px 1px 5px #333}

.videotit{ width:100%; height:50px; line-height:50px; font-size:14px; color:#222; text-align:center}












.liucheng_list{ width:100%; margin:40px auto;}
.liucheng_list_li{ width:100%; float:none; overflow:hidden; height:auto; padding:20px 0; background-color:rgba(255,255,255,0.1);  cursor:pointer;transition:all ease 1s; -webkit-transition:all ease 1s; -moz-transition:all ease 1s; -ms-transition:all ease 1s; -o-transition:all ease 1s; margin-left:1%; margin-bottom:5px }
.list_li_left{ width:100%; }
.list_li_left_img{ width:190px;margin:0 auto;cursor:pointer;font-size:60px; text-align:center; line-height:0px; font-family: "Arial Black", Gadget, sans-serif; color:#f76d27; display:none}
.list_li_left_img img{ width:55px; height:0;display:block; margin:0 auto;transition:all ease 0.5s; -webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; -o-transition:all ease 0.5s; }
.list_li_left_img:hover{transition:all ease 0.5s; -webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; -o-transition:all ease 0.5s; }

.list_li_left_num{ width:90%; height:36px; line-height:36px; font-size:14px; color:#FFF; text-align:center; font-weight:bold; padding-top:0px; margin:0 auto;transition:all ease 0.8s; -webkit-transition:all ease 0.8s; -moz-transition:all ease 0.8s; -ms-transition:all ease 0.8s; -o-transition:all ease 0.8s;  }
.list_li_left_con{ width:90%; line-height:26px; font-size:14px; color:#ccc; text-align:center; font-weight:normal;margin:0 auto;}
.list_li_left_xx{ width:30px; height:2px; background:#f76d27; margin:10px auto}
.liucheng_list_li:hover{ background:#f76d27;transition:all ease 1s; -webkit-transition:all ease 1s; -moz-transition:all ease 1s; -ms-transition:all ease 1s; -o-transition:all ease 1s;  }

.liucheng_list_li:hover .list_li_left_num{ color:#FFF; margin-top:-10px;transition:all ease 0.8s; -webkit-transition:all ease 0.8s; -moz-transition:all ease 0.8s; -ms-transition:all ease 0.8s; -o-transition:all ease 0.8s;  }
.liucheng_list_li:hover .list_li_left_con{ color:#FFF}
.liucheng_list_li:hover .list_li_left_img{ color:#FFF}
.liucheng_list_li:hover .list_li_left_xx{ background:#FFF}





/*首页产品分类*/

.inpro{ width:100%; margin:0 auto; overflow:hidden; padding:0px 0px; background: url(../images/pro_bg.jpg) top center repeat-y; }

.inpro_fl{ width:100%; overflow:hidden; height:auto; margin:20px auto;}
.inpro_fl dl{ width:100%; height:auto; overflow:hidden;}
.inpro_fl dt{ width:auto; height:40px;float:left; margin-right:6px; margin-bottom:6px }
.inpro_fl dt a{ height:38px; line-height:36px; font-size:14px; font-weight:normal; color:#fff; text-align:center;  display:block;  transition:all ease 0.5s; -webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; -o-transition:all ease 0.5s; border:1px solid #fff; padding:0 15px 0 15px }
.inpro_fl dt a:hover{background:#f76d27; color:#fff;transition:all ease 0.5s; -webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; -o-transition:all ease 0.5s;border:1px solid #fff;}


.inpro_fl dd{ width:202px; height:40px; line-height:40px; border-bottom:1px solid #fff;}
.inpro_fl dd a{ width:172px; height:40px; line-height:40px; font-size:14px; font-weight:normal; color:#333;  display:block; padding-left:30px; transition:all ease 0.5s; -webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; -o-transition:all ease 0.5s; background:url(../images/nleft.png) left center no-repeat #eee; background-size:15px 15px; background-position:10px}
.inpro_fl dd a:hover{ color:#fff;  display:block; transition:all ease 0.5s; -webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; -o-transition:all ease 0.5s; background:url(../images/nleft-1.png) right center no-repeat #f76d27; background-size:15px 15px;padding-left:20px;width:182px;}



.inpro_list_ul{ width:94%; margin:0 auto; height:auto; overflow:hidden;}

.inpro_list{ width:100%; margin:10px auto; background:none; height:auto; margin-top:0px}
.inpro_list ul{ width:100%; margin:0 auto; overflow:hidden;padding:0px; float:none}
.inpro_list ul li{ width:48%; float:left; height:auto; margin-top:0px; margin-bottom:10px; margin-left:1%; margin-right:1%;}
.inpro_list ul li a{ width:100%; height:auto; display: block;padding-bottom:0px;background:none;}
.inpro_list_img{width:100%; height:140px; overflow:hidden; border:0px solid #ccc;background:#fff;}
.inpro_list_img img{width:100%; height:auto;}
.inpro_list_text{width:100%; height:40px; font-size:12px; font-weight:normal; line-height:40px; color:#333; margin:0 auto; float:none; margin-left:0px; text-align:center; background:rgba(255,255,255,0.5)}
.inpro_list_anniu{width:0; height:0px; font-size:12px; font-weight:normal; line-height:22px; border:1px solid #f76d27; color:#f76d27; text-align:center;float:right; margin-top:18px; margin-right:10px; display:none}

.pnTab{width:94%; margin:0 auto;overflow:hidden;border-radius:2px; height:auto;}
.pnTab .pTabTitle{clear: both; height: auto;overflow: hidden;}
.pnTab .pTabTitle ul{width:100%; height: auto;padding-top:0; }
.pnTab .pTabTitle li{ width:49%;float: left; height:40px; line-height:40px; font-size:14px; font-weight:normal; color:#333; text-align:center;  display:block;  transition:all ease 0.5s; -webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; -o-transition:all ease 0.5s; border:0px solid #666; padding:0 0px 0 0px; margin-right:1%; transition:all ease 0.5s;-webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; -o-transition:all ease 0.5s; cursor:pointer; margin-bottom:2px}
.pnTab .pTabTitle .pactive{color:#fff; background:#f76d27;border:1px solid #f76d27;transition:all ease 0.5s;-webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; -o-transition:all ease 0.5s;}
.pnTab .pTabTitle .pnormal{color:#333;transition:all ease 0.5s;-webkit-transition:all ease 0.5s; background:#fff; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; -o-transition:all ease 0.5s;border:1px solid #fff;}

.pTabContent{width:96%; margin:0 auto; overflow:hidden;  height:auto; margin-top:20px}

/*首页产品分类*/
.tsbg1{background:none}
.tsbg2{background:none}
.tsbg3{background:none}

.inpromore{ width:40%; display:block; height:40px; text-align:center; margin:0 auto; margin-bottom:20px}

.inpromore a{ width:100%; line-height:40px; color:#fff;transition:all ease 0.5s;-webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; -o-transition:all ease 0.5s;}
.inpromore a:hover{ color:#fff;transition:all ease 0.5s;-webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; -o-transition:all ease 0.5s;}



/*首页广告条*/
.inadv{ width:100%; background:#f76d27; height:auto; overflow:hidden; margin:0 auto; padding-top:10px; padding-bottom:20px}
.inadv_left{ width:94%; height:auto; float:none; margin:0 auto; margin-top:0px;background:url(../images/kefulogo.png) left center no-repeat; background-size:70px 66px; padding-left:80px; border-right:0px solid #f76d27;}

.inadv_left_title{ width:100%;height:auto; font-size:20px; font-weight:bold; color:#fff; border-bottom:1px dashed #fff; line-height:50px; text-align:center}
.inadv_left_text{ width:100%; height:auto; font-size:14px; font-weight:normal; color:#fff; line-height:30px;text-align:center}

.inadv_right{ width:94%; height:auto; float:none; margin:0 auto; margin-top:0px; background:url;}
.inadv_right_title{ width:100%; height:50px; font-size:26px; font-weight:bold; color:#fff;  line-height:50px; text-align: center;background:none; background-size:45px 45px; padding-left:0px}
.inadv_right_text{ width:100%; height:auto; font-size:14px; font-weight:bold; color:#fff; line-height:20px;text-align:center; text-indent:0;}

/*首页广告条*/


.inser{ width:100%; background: url(../images/advbg_1.png) top center no-repeat; overflow:hidden; margin:0 auto; margin-bottom:0px; margin-top:10px}
.inser_bg{ width:100%; background-color:rgba(255,255,255,0); overflow:hidden; margin:0 auto;  padding-bottom:30px; padding-top:20px}

.inser_list{ width:47%; height:250px; margin:5px 5px 0px 5px; float:left; padding:10px 15px 20px 15px; background:;transition:all ease 0.5s;-webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; -o-transition:all ease 0.5s; cursor:pointer }
.inser_list_img{ width:140px; height:140px;overflow:hidden; margin:0 auto; text-align:center; transition:all ease 0.5s;-webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; -o-transition:all ease 0.5s; border:1px solid #f76d27; border-radius:70px;margin-top:10px; background:#f76d27 }

.inser_list_img h1{ width:140px; height:40px; font-size:20px; font-weight:normal; color:#333;  line-height:40px; margin-top:30px  }
.inser_list_img h1 img{ width:40px; height:40px; }
.inser_list_img p{ width:140px; height:50px; font-size:26px; font-weight:normal; color:#fff;  line-height:50px; font-family:arial  }

.inser_list_text{ width:100%; height:56px; font-size:14px; font-weight:normal; color:#000;  line-height:28px; text-align:center; margin-top:20px ; }


/*首页服务*/

/*首页新闻*/
.innews{ width:100%; background:#eee;  overflow:hidden; margin:0 auto; padding-top:60px; padding-bottom:50px; }
.innews_left{ width:94%; float:none;margin:0 auto;}
.nTab{float: left;width:100%; }
.nTab .TabTitle{clear: both; height: 50px;overflow: hidden;}
.nTab .TabTitle ul{width:100%; height: 50px;float:left;}
.nTab .TabTitle li{float: left;width:48%;cursor: pointer;list-style-type: none; line-height:50px; text-align:left;font-size:14px; font-family:微软雅黑;font-weight:normal; text-align:center; margin-right:1%; border-radius:4px; margin-left:1%}
.nTab .TabTitle .active{color:#fff; background:#f76d27;transition:all ease 0.5s;-webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; -o-transition:all ease 0.5s;}
.nTab .TabTitle .normal{color:#fff;transition:all ease 0.5s;-webkit-transition:all ease 0.5s; background:#999; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; -o-transition:all ease 0.5s;}

.TabContent{width:94%;overflow:hidden;  margin:0 auto;margin-top:30px;}
.news_left_img{ width:0; height:0; float:left}
.news_left_img img{ width:0; height:0;transition:all ease 0.5s;-webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; -o-transition:all ease 0.5s;}

.news_left_img span{ display:block; overflow:hidden}
.news_left_con{width:100%;float:none; padding-left:0px}
.news_left_con h1{ width:100%; height:auto; line-height:26px; font-size:14px; font-weight:bold;margin:0 auto;}
.news_left_con h2{width:100%;  background:url(../images/icon_rl.png)left center no-repeat; padding-left:20px; font-size:12px; color:#999; margin-top:10px; margin-bottom:5px; font-weight:normal}
.news_left_con p{ width:100%; height:auto; line-height:22px; font-size:14px; font-weight:normal;  margin:0 auto; color:#666; overflow:hidden}

.none{ display:none;}
.TabContent ul li a:hover{width:100%; height:auto; background:#; padding:0px;}
.TabContent ul li{width:100%;text-align:left;font-size:14px; overflow:hidden; margin-bottom:20px}

.TabContent ul li a{width:100%; background:#; padding:0px; display:block;transition:all ease 1s;-webkit-transition:all ease 1s; -moz-transition:all ease 1s; -ms-transition:all ease 1s; -o-transition:all ease 1s; color:#333; }





.innews_right{ width:94%; float:none; margin:0 auto; margin-top:10px;}
.innews_right a{ width:100%; height:auto; overflow:hidden; display:block; background:none; padding:0px;}
.innews_right_a{ width:100%; overflow:hidden}
.innews_right_a a{ width:100%; height:auto; overflow:hidden; display:block; background:#fff; padding:0px;transition:all ease 0.5s;-webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; -o-transition:all ease 0.5s;color:#333;}

.innews_right_img{ width:100%; height:auto;}
.innews_right_img img{ width:100%; height:auto; }
.innews_right_img span{overflow:hidden; display:block;}
.innews_right_text{ width:94%; height:40px; line-height:40px; font-size:18px; font-weight:bold; color:#222;margin:0 auto; margin-top:10px}
.innews_right_p{ width:94%; height:auto; line-height:24px; font-size:14px; font-weight:normal; color:#222;margin:0 auto;}
.innews_right_anniu{width:120px; height:40px; font-size:14px; font-weight:normal; line-height:40px; background:#f76d27; color:#333; margin:0 auto; margin-top:10px; text-align:center; margin-bottom:20px}
.innews_right_date{width:94%;margin:0 auto;  background:url(../images/icon_rl.png)left center no-repeat; padding-left:20px; font-size:12px; color:#999; margin-top:5px; margin-bottom:5px}

.innews_right_title{ width:100%; height:32px; overflow:hidden; margin-bottom:30px; border-bottom:2px solid #f76d27; }
.innews_right_title h1{ width:50%; float:left; font-size:18px; font-weight:normal; display:block;line-height:20px; color:#f76d27}
.innews_right_title a{ width:15%; float:right; font-weight:normal; color:#111; display:block; font-size:12px;text-align:right; line-height:20px;  margin-top:6px; background:none}
.innews_right_title a:hover{ color:#f76d27; }

.innews_right_list .innews_right_list ul li{ width:100%; overflow:hidden; margin:0 auto}
.innews_right_list ul li a{ width:100%; height:auto; display:block; overflow:hidden; line-height:30px;margin-bottom:0px } 

.question{ width:100%; height:30px; margin:0 auto;overflow:hidden}
.question span{  width:26px; height:26px; font-weight:400; color:#999; display:block; float:left;line-height:26px; text-align:center;font-size:26px; font-family: arial  }
.question h1{ width:90%; height:26px; display:block; overflow:hidden; font-size:14px; color:#222;font-weight:bold;float:right; line-height:26px}

.answer{ width:100%; height:auto; margin:0 auto; margin-bottom:20px; overflow:hidden}
.answer span{  width:26px; height:26px; font-weight:400; color:#f76d27;display:block; float:left;  line-height:26px; text-align:center;font-size:26px; font-family: arial}
.answer h1{ width:90%; height:48px; display:block; overflow:hidden; font-size:14px; color:#222;font-weight:normal;float:right; line-height:24px}



/*首页新闻*/





/*gcase*/
.gcase{ width:94%; margin:0 auto; overflow:hidden;padding-bottom:0px; padding-top:20px; background:none}
.gcasecon{ width:100%; margin:0 auto; overflow:hidden}
.gnTab{width:100%; margin-bottom:10px; overflow:hidden; margin-top:20px}
.gnTab .gTabTitle{clear: both; height: auto;overflow: hidden;}
.gnTab .gTabTitle ul{width:100%; height: auto; margin-left:0px}
.gnTab .gTabTitle li{float: left;width:48%;cursor: pointer;list-style-type: none; line-height:40px; text-align:left;font-size:14px; font-family:微软雅黑;font-weight:normal; text-align:center; margin-right:1%; border-radius:0px;transition:all ease 0.5s;-webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; -o-transition:all ease 0.5s; margin-bottom:5px}
.gnTab .gTabTitle .gactive{width:48%;color:#fff; background:#f76d27;transition:all ease 0.5s;-webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; -o-transition:all ease 0.5s;}
.gnTab .gTabTitle .gnormal{width:48%;color:#333;transition:all ease 0.5s;-webkit-transition:all ease 0.5s; background:#eee; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; -o-transition:all ease 0.5s;}

.gTabContent{width:100%;overflow:hidden; margin-top:0px;}

.gcaselist{ width:94%; margin:0 auto; overflow:hidden; margin-top:10px}
.gcaselist ul{ width:100%; margin:0 auto; overflow:hidden;}
.gcaselist ul li{ width:100%; float:none; height:auto; margin:8px 0px 14px 0px}
.gcaselist ul li a{ width:100%; height:auto;background:#none; display: block;transition:all ease 0.5s;-webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; -o-transition:all ease 0.5s; padding:0px}
.gcaselist_img{width:100%; height:auto; overflow:hidden}
.gcaselist_img img{width:100%; height:auto;transition:all ease 0.5s; -webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; -o-transition:all ease 0.5s;}
.gcaselist_text{ width:100%; height:50px; font-size:14px; font-weight:normal; line-height:50px; color:#333; margin:0 auto; padding-left:10px; background:rgba(0,0,0,0.1); overflow:hidden }



.gcaselist ul li a:hover{ background:#fff; }
.gcaselist ul li a:hover .gcaselist_img img{ -webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transition:all ease 0.5s;-webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; -o-transition:all ease 0.5s;}

.gcaselist ul li a:hover .gcaselist_text{color:#333;background:rgba(0,0,0,0.1);transition:all ease 0.5s; text-indent:0px}
.gcaselist ul li a:hover .gcaselist_anniu{color:#fff;background:#f76d27;transition:all ease 0.5s; -webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; -o-transition:all ease 0.5s;}








.product_scroll{width:100%;height:auto;position:relative; margin:0 auto}
.newpp{ width:100%; margin:0 auto; overflow:hidden; padding-bottom:0px;padding-top:20px; height:auto; }
.newpp_xh{ width:92%; margin:0 auto; overflow:hidden} 




.newslist{ width:100%; margin:0 auto; float:none; height:auto;transition:all ease 0.5s;-webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; -o-transition:all ease 0.5s; padding:0 0 0 0;}
.newslist a{ width:100%;height:auto; display:block; margin:0 auto;transition:all ease 0.5s;-webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s;}
.news_left_img{ width:100%; height:auto; }
.news_left_img img{ width:100%; height:auto;transition:all ease 0.5s;-webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; -o-transition:all ease 0.5s;}

.news_left_img span{ display:block; overflow:hidden}

.news_left_con{width:100%;}
.news_left_con h3{ width:50px; height:1px; line-height:60px; font-size:18px; font-weight:200; background:#ccc; margin-top:20px;}

.news_left_con h1{ width:100%; height:auto; line-height:40px; font-size:16px; font-weight:400; color:#333; margin-top:15px;margin-bottom:0}
.news_left_con h2{width:100%; font-size:16px; color:#999; margin-top:5px; margin-bottom:10px; font-weight:200; font-family:"微软雅黑"}
.news_left_con p{ width:100%; height:80px; line-height:25px; font-size:14px; font-weight:400;  margin:0 auto; color:#999; overflow:hidden}




.newslist:hover{transition:all ease 0.5s;-webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; -o-transition:all ease 0.5s; margin-top:-10px}

.newslist:hover .news_left_img img{ transition:all ease 0.5s;-webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; -o-transition:all ease 0.5s;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}


.newslist:hover .news_left_con h1{ color:#333;transition:all ease 0.5s;-webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; -o-transition:all ease 0.5s;}
.newslist:hover .news_left_con p{ color:#333;transition:all ease 0.5s;-webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; -o-transition:all ease 0.5s;}

.newslist:hover .news_left_con h2{color:#333;transition:all ease 0.5s;-webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; -o-transition:all ease 0.5s;}
.newslist:hover .news_left_con h3{background:#ccc;transition:all ease 0.5s;-webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; -o-transition:all ease 0.5s;}









.honor_list{ width:280px; float:left;padding:0 5px;   /*  margin-right:5px; margin-left:5px; */transition:all ease 1s; -webkit-transition:all ease 1s; -moz-transition:all ease 1s; -ms-transition:all ease 1s; -o-transition:all ease 0.5s; margin-bottom:20px;height: 280px;border:1px solid #ccc}

.honor_list a{width: 280px;  display: block; transition:all ease 0.5s; -webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; -o-transition:all ease 0.5s;height: 268px;background:#fff; padding-bottom:25px;padding-top:15px; }

.honor_list_img{width:256px; height:220px;transition:all ease 0.5s; -webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; -o-transition:all ease 0.5s;  display:block; margin:0 auto; text-align:center;overflow:hidden; border:0px solid #fff}
.honor_list_img img{width:100%; height:220px;transition:all ease 0.5s; -webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; -o-transition:all ease 0.5s;}


.honor_list_p{ height:40px; text-align:center; line-height:40px; font-size:14px; color:#333; width:92%; margin:0 auto; font-weight:normal; overflow:hidden}

.honor_list_wap{ width:100%; float:none;padding:0 5px;   /*  margin-right:5px; margin-left:5px; */transition:all ease 1s; -webkit-transition:all ease 1s; -moz-transition:all ease 1s; -ms-transition:all ease 1s; -o-transition:all ease 0.5s; height: auto; border:1px solid #ddd; margin:0 auto}

.honor_list_wap a{width: 100%;  display: block; transition:all ease 0.5s; -webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; -o-transition:all ease 0.5s;height: auto;background:#fff; padding-bottom:0;padding-top:15px;}

.honor_list_img_wap{width:100%; height:auto;transition:all ease 0.5s; -webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; -o-transition:all ease 0.5s;  display:block; margin:0 auto; text-align:center;overflow:hidden;}
.honor_list_img_wap img{max-width:100%; height:250px;transition:all ease 0.5s; -webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; -o-transition:all ease 0.5s;}

.honor_list_p_wap{ height:40px; text-align:center; line-height:40px; font-size:14px; color:#333; width:92%; margin:0 auto; font-weight:normal; overflow:hidden}


.honor_list_wap:hover img{transition:all ease 1s; -webkit-transition:all ease 1s; -moz-transition:all ease 1s; -ms-transition:all ease 1s; -o-transition:all ease 1s;ransform: scale(1); -ms-transform: scale(1);-webkit-transform: scale(1);}





.honor_list_wap:hover img{transition:all ease 1s; -webkit-transition:all ease 1s; -moz-transition:all ease 1s; -ms-transition:all ease 1s; -o-transition:all ease 1s;ransform: scale(1); -ms-transform: scale(1);-webkit-transform: scale(1);}


.control a{ display:block; width:45px; height:45px; position:absolute;top:40%;}
.control a.go_next{ background:url(../images/butt-right.png) no-repeat center center/30px 30px #999;right:0px;transition:all ease 0.5s; -webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; -o-transition:all ease 0.5s;}
.control a.go_next:hover{transition:all ease 0.5s; -webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; -o-transition:all ease 0.5s; -webkit-transform:scale(1.3);-moz-transform:scale(1.3);-ms-transform:scale(1);-o-transform:scale(1);background:url(../images/butt-right.png) no-repeat center center/30px 30px #f76d27;}
.control a.go_prev{ background:url(../images/butt-left.png) no-repeat center center/30px 30px #999;left:0px;transition:all ease 0.5s; -webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; -o-transition:all ease 0.5s;}
.control a.go_prev:hover{transition:all ease 0.5s; -webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; -o-transition:all ease 0.5s; -webkit-transform:scale(1);-moz-transform:scale(1.3);-ms-transform:scale(1);-o-transform:scale(1);background:url(../images/butt-left.png) no-repeat center center/30px 30px #f76d27;}










/*首页客服板块*/

.sectionOne{ width:100%; height:auto; padding:10px 0;  margin: 0 auto}
.sectionHeader{text-align:center}
.sectionHeader h1{font-size:28px;font-weight:normal;}
.sectionHeader p{color:#333;font-size:14px;margin:10px 0 20px; text-transform:uppercase; }
.sectionHeader .wecan_des{color:#333;font-size:14px}
.sectionOneWarrp{display:flex;text-align:center;justify-content:space-between;padding:90px 0 0}
.sectionOneContent{flex-basis:256px;/*transform: rotateY(0);
     transition: all 0.50s ease-in-out 0s; */}
.sectionOneContent:hover .wzcon_pic{background-color:#007aff;transform: rotateY(360deg);transition: all 0.8s ease-in-out 0s;}
.sectionOneContent:hover .wzcon_pic>img:nth-child(2){display:none}
.wzcon_pic{height:107px;width:107px; transform:rotateY(0);transition: all 0.50s ease-in-out 0s;background-color:#f2f2f2;margin:0 auto;border-radius:50%;position:relative;transition:all .3s ease-in-out}
.wzcon_pic img{width:45%;display:block;position:absolute;left:0;top:0;right:0;bottom:0;margin:auto;transition:all .3s linear}
.imgsmall img{width:55%!important}
.sectionOneContent h1{display:block;color:#000;font-size:18px; font-weight:normal; margin:40px auto 15px; font-family:微软雅黑;}
.wzcon_des{color:#666;font-size:15px;line-height:30px; padding:0 20px;}
.sectionTwo{background-image:url(../images/bgsection.png);background-position:center center;background-size:cover;background-repeat:no-repeat}

.infor_send{ width:100%; height:auto; background: url(../images/bg3.jpg) top center no-repeat; overflow:hidden; overflow:hidden; }
.infor_send .sectionHeader h1{color:#eee;}
.contes{ padding-top:0px;width: 94%;margin: 0 auto; padding-bottom:0px}
.contes_lef{width:100%; color:#eee; margin: 0 auto}
.contes_lef_til{ padding:0px 0 0px 0; min-height:30px;  color:#eee; font-size:14px;line-height: 24px}
.cont_mescoico{ padding:10px 0px; line-height:20px;}
.cont_mescoico i{ display:inline-block; vertical-align:top; width:20px; height:20px; margin-right:15px;}
.cont_mescoico01{ background:url(../images/dianhua.png) no-repeat center; background-size: 100% 100%}
.cont_mescoico02{ background:url(../images/email.png) no-repeat center; background-size: 100% 100%}
.cont_mescoico03{ background:url(../images/web.png) no-repeat center; background-size: 100% 100%}
.cont_mescoico04{ background:url(../images/ditu.png) no-repeat center; background-size: 100% 100%}
.contes_imwe{ height:auto; margin-top:20px;}
.contes_imwe img{ display:block; width:50%;height:auto;}
.contes_reg{width:90%; padding-top:20px; margin: 0 auto; float:none}
.iframe_k{ width:100%; height:300px; overflow:hidden}
.iframe_k1{ width:100%; height:300px; margin:0 auto}

.cont_mesinput{ width:100%; height:62px;margin-bottom:1%;}
.cont_mesinput input{ width:49%; height:52px; line-height:50px; float:left; padding:0 1% 0; font-size:14px;background:#ccc; border:none;}
.cont_mesinput input.gs_name{ width:100%; }
.cont_mesinput input.gs_email{ width:100%; }
.cont_mesinput input:first-child{ margin-right:2%;}
.cont_mesinput .select_list{ width:100%; height:52px; background:#fff; border:none; padding:0 10px; }
.cont_mesteart textarea{ width:100%; height:122px; line-height:30px;float:left; padding:0 1% 0; font-size:14px;resize:none;border:none;}
.cont_mesbtnck{ width:100%; display:block; background:#F63538; height:52px; line-height:50px; color:#fff; padding:0 5px; font-size:18px; text-align:center;margin-top:4%;}

.input_c{ width:100%; height:42px; line-height:42px; color:#333; padding:0 5px; font-size:14px; text-align:center;margin-top:2%; cursor:pointer;background:#f76d27; border:none; font-weight:normal;transition:all ease 0.5s; -webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; -o-transition:all ease 0.5s; font-family:微软雅黑}

/*首页客服板块*/	

/*底部版权*/
.footnav{ width:100%; margin:0 auto; background:#0063ce; padding:0px 0 0px 0; overflow:hidden;  padding-bottom:40px}
.Foot{ width:100%;overflow:hidden;background:#0063ce; margin:0 auto; padding: 0px 0; font-size:14px}
.Foot a{ color:#eee;}
.Foot  .Nr{ width:94%; margin:0 auto; overflow:hidden; border-top:0px solid #eee; padding-top:20px;padding-bottom:20px; text-align:center; line-height:22px; color:#eee}




	

.footer_flixd{width:100%;margin-top:15px;display:block;position:fixed;bottom:0;margin:0 auto;height:46px;background:#f9f9f9;z-index:600; border-top:1px solid #ccc}
.footer_flixd ul{width:100%}
.footer_flixd ul li{width:33.33%;height:47px;line-height:47px;float:left;text-align:center}
.footer_flixd ul li a{color:#666;display:block;font-size:14px;height:47px;line-height:47px;cursor:pointer;border-right:1px solid #ddd}
.footer_flixd .flixd_two a{background:#f9f9f9}
.footer_flixd ul li a i{display:inline-block;width:20px;height:47px;vertical-align:top;margin-right:10px}
.flixd_home{background:url(../images/flixd_home.png) no-repeat center center/20px 20px}
.flixd_tel{background:url(../images/flixd_tel.png) no-repeat center center/20px 20px}
.flixd_line{background:url(../images/flixd_line.png) no-repeat center center/20px 20px}
.footer_flixd_bottom{height:47px;width:100%;display:block}
.footer{display:none}
.fiexd-public a{display:block;width:84px;height:34px;font-size:14px;color:#fff;line-height:34px;position:absolute;top:23px;right:5px;background:#ffa800;text-align:center;border-radius:15px}
.fiexd-public div{display:block;position:absolute;padding:18px 100px 10px 85px;font-size:14px;color:#fff;line-height:20px;height:80px}




/*在线留言*/
.contactbook{ width:90%; margin:0 auto; overflow:hidden}
.contactbook_list{ width:100%; margin:0 auto; margin-bottom:20px; margin-top:10px}
.contactbook_list p{ width:100%; margin:0 auto; height:30px; line-height:30px; font-size:12px; color:#333; display:block}
.contactbook_list input{ width:100%; margin:0 auto; height:30px; line-height:30px; font-size:14px; color:#666;clear:both}
.contactbook_list span{ width:100%; margin:0 auto;line-height:20px; font-size:12px; color:#666; clear:both; display:block}
.contactbook_list textarea{ width:100%; margin:0 auto;font-size:14px; color:#666;clear:both}
.comment_1180_1{ width:100%; margin:0 auto; overflow:hidden}


/*内页样式开始*/
/*about*/
.aboutcon{ width:100%; margin:0 auto; overflow:hidden; margin-top:30px}
.aboutcon p{ width:100%; line-height:28px; font-size:14px; color:#333}
.aboutcon img{ width:100%; height:}



/*about_dl*/
.about_dl1180{ width:98%; margin:0px auto; height:auto;margin-bottom:0px; line-height:50px; }


.about_dl_left{width:96%; overflow:hidden ; margin:0 auto; text-align:center} 
.about_dl_left a{width:21%; margin-left:2%; float:left; font-size:14px; font-weight:400; color:#222;margin-right:2% } 
.about_dl_left a:hover{ border-bottom:2px #f76d27 solid; color:#f76d27 } 
.about_dl_left a.abg{border-bottom:2px #f76d27 solid;color:#f76d27 } 

.news_dl_left{width:100%; overflow:hidden ; margin:0 auto; text-align:center} 
.news_dl_left a{width:21%; margin-left:2%; float:left; font-size:14px; font-weight:400; color:#222;margin-right:2%} 
.news_dl_left a:hover{ border-bottom:2px #f76d27 solid; color:#f76d27 } 
.news_dl_left a.aabg{border-bottom:2px #f76d27 solid;color:#f76d27 } 


.case_dl_left{width:100%; overflow:hidden ; margin:0 auto; text-align:center; height:auto; overflow:hidden} 
.case_dl_left a{width:18%; margin-left:1%; float:left; font-size:14px; font-weight:400; color:#444;margin-right:1%; height:auto; line-height:20px; padding-top:15px; padding-bottom:15px; background:#ddd; margin-top:15px; margin-bottom:15px;padding-left:5%;padding-right:5%;} 
.case_dl_left a:hover{ border-bottom:0px #f76d27 solid; color:#fff; background:#f76d27;} 
.case_dl_left a.aabg{border-bottom:0px #f76d27 solid;color:#fff; background:#f76d27;} 

.procase_dlcon{ width:94%; margin:0 auto; height:40px;margin-bottom:20px; line-height:40px; }
.procase_dl{width:100%; overflow:hidden ; margin:0 auto; margin-top:30px} 
.procase_dl a{width:24%; margin-left:0.5%; float:left; font-size:14px; font-weight:400; color:#666;margin-right:0.5%; transition:all ease 0.5s ; background:#eee; text-align:center; border-radius:0px} 
.procase_dl a:hover{ background:#f76d27;color:#fff ; transition:all ease 0.5s} 
.procase_dl a.aabg{color:#fff;background:#f76d27; } 










.ch_date{ width:92%; margin:0 auto; overflow:hidden; margin-bottom:80px;margin-top:40px}
.ch_date ul li{ width:100%; margin:0 auto; overflow:hidden; padding-bottom:30px; background: url(../images/ch_xian.png) top repeat-y; background-position:96px 0; padding-top:10px}

.ch_date_dian{ width:14px; height:14px; display:block; background:#ccc; border-radius:20px; float:left; margin-right:10px; margin-top:20px}
.ch_date_year{ width:90px; line-height:40px; font-size:20px; font-weight:600;color:#f76d27; float:left; margin-top:10px; font-family:arial}

.ch_date_txt{ width:62%; float:right; margin-top:15px;}
.ch_date_txt p{ width:100%; line-height:24px; font-size:14px; font-weight:400;color:#333;}






.about_dl_right{width:0; float:none; overflow:hidden; text-align:right; color:#666; font-size:14px; display:none }
.about_dl_right a{color:#666;transition:all ease 0.5s; -webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; -o-transition:all ease 0.5s;} 
.about_dl_right a:hover{color:#f76d27;transition:all ease 0.5s; -webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; -o-transition:all ease 0.5s;}  



/*内页product**/
.aboutpro{ width:94%; margin:0 auto; overflow:hidden}

.aboutpro_right_title{ width:100%; height:46px; line-height:46px;border-bottom:1px solid #ccc;  }
.aboutpro_right_title h1{ width:auto; margin-right:50px; float:left; font-size:14px; font-weight:400; color:#222;border-bottom:2px solid #f76d27; float:left }
.aboutpro_right_title a{ width:auto; height:30px; line-height:30px;  float:left; font-size:12px; font-weight:400; color:#fff;float:right; background:#f76d27; padding:0 10px 0 10px; margin-top:10px;transition:all ease 0.5s;-webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; -o-transition:all ease 0.5s;}
.aboutpro_right_title a:hover{  padding:0 19px 0 19px; transition:all ease 0.5s;-webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; -o-transition:all ease 0.5s;}


.aboutpro_right{ width:100%; margin:0 auto; float:none; overflow:hidden;}

.aboutpro_right_list{width:100%; overflow:hidden; margin:0 auto; float:none}

.aboutpro_right_list ul li{ width:49%; height:180px;  float:left; margin-top:0; margin-bottom:10px;transition:all ease 0.5s;-webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; -o-transition:all ease 0.5s; overflow:hidden;margin-left:0.5%; margin-right:0.5%;}
.aboutpro_right_list_img{width:100%; height:auto; overflow:hidden; border:1px solid #ccc}
.aboutpro_right_list_img img{width:100%; height:auto;transition:all ease 0.5s; -webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; -o-transition:all ease 0.5s;}
.aboutpro_right_list_text{ width:100%; height:auto; font-size:14px; font-weight:400; line-height:20px;  margin:0 auto;overflow:hidden; float:none; padding-top:5px;padding-left:0px;text-align:left;}
.aboutpro_right_list_text a{color:#666;transition:all ease 0.5s;-webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; -o-transition:all ease 0.5s;}

.aboutpro_right_list_anniu{width:0px; height:26px; float:right; display:none }

.aboutpro_right_list_anniu a{width:66px; height:26px; font-size:12px; font-weight:normal; line-height:24px; background: url(../images/zx1.png) left center no-repeat #fff; background-size:20px 20px; background-position:8px 3px;text-indent:30px;transition:all ease 0.5s;-webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; -o-transition:all ease 0.5s; margin-top:12px;border:0px solid #f76d27; color:#999; display:block }

.aboutpro_right_list ul li:hover{ background:#f76d27; transition:all ease 0.5s;-webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; -o-transition:all ease 0.5s;}

.aboutpro_right_list ul li:hover .aboutpro_right_list_img{ border:1px solid #f76d27; }
.aboutpro_right_list ul li:hover .aboutpro_right_list_img img{ -webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transition:all ease 0.5s;-webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; -o-transition:all ease 0.5s;}
.aboutpro_right_list ul li:hover .aboutpro_right_list_text a{ color:#fff; padding-left:10px;transition:all ease 0.5s;-webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; -o-transition:all ease 0.5s;}
.aboutpro_right_list ul li:hover .aboutpro_right_list_anniu a{background: url(../images/zx1-1.png) left center no-repeat #f76d27; background-size:20px 20px; background-position:8px 3px;text-indent:30px;transition:all ease 0.5s;-webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; -o-transition:all ease 0.5s;border:0px solid #f76d27; color:#fff;}

/*内页新闻列表*/
.aboutnews{ width:94%; margin:0 auto;overflow:hidden}
.aboutnews ul{ width:100%; margin:0 auto; overflow:hidden; margin-top:15px}
.aboutnews ul li{width:100%; height:auto;margin:0 15px 10px 0; float:none; overflow:hidden}
.aboutnews ul li a{ width:100%; height:auto; overflow:hidden; display:block; background:#f1f1f1; padding:15px;}

.aboutnews_img{ width:100%; height:auto; float:none}
.aboutnews_img img{ width:100%; height:auto; }
.aboutnews_img span{overflow:hidden; display:block;}


.aboutnews_text{ width:100%; height:auto; float:none; margin-top:15px}
.aboutnews_text h1{ width:100%; height: auto; line-height:30px; font-size:14px; font-weight:bold; color:#222; margin-top:0px; overflow:hidden}
.aboutnews_anniu{width:60px; height:1px;  background:#f76d27;  margin-top:5px; text-align:center;}

.date{ width:100%; height:40px; line-height:30px; font-size:14px; font-weight:normal; color:#666}

.aboutnews_intro{width:100%; height:auto; line-height:24px; font-size:14px; font-weight:normal; color:#333; overflow:hidden}
/*新闻详情*/
.aboutnewscon{ width:94%; margin:0 auto;overflow:hidden; margin-top:20px}
.aboutnewscon a{ color:#666;}
.aboutnewscon_title{width:100%; font-size:14px; font-weight:bold; color:#333; text-align:center; line-hight:60px}

.item{color:#999;text-align:center;margin:20px 0;font-family:arial;border-bottom:1px solid #f0f0f0;padding:0 0 15px 0;}
.content{word-break:break-all;line-height:22px;font-size:14px; line-height:26px; color:#666; margin:20px auto; width:96%}
.content p{margin:15px 0;font-size:14px;}
.content img{max-width:100%;}
.pre,.next{line-height:30px;height:30px;}




/*翻页list*/
.list_page{text-align:center;margin:0 auto;display:block; width:100%; overflow:hidden; }
.list_page:after{content:" ";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.list_page ul{width:100%; list-style:none;margin:0 auto;padding:0;display:inline-block;margin-top:5px;margin-bottom:20px}
.list_page ul li{display:inline-block;border:solid 1px #ddd;border-radius:4px;}
.list_page ul a{ width: auto;height:30px;color:#333;line-height:30px;display:block;
transition:all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;background:#f1f1f1; float:left; margin-right:5px; text-align:center; padding:2px 10px; margin-bottom:5px; font-size:12px; font-family:arial}
.list_page ul a:hover{background:#f76d27; color:#fff}
.page_group ul{border-right:solid 1px #ddd;border-radius:4px;}
.page_group ul li{border-right:none;border-radius:0;float:left;}
.page_group ul li:not(:first-child):not(:last-child){border-radius:0;}
.page_group ul li:first-child{border-radius:4px 0 0 4px;}
.page_group ul li:last-child{border-radius:0 4px 4px 0;}
.page_group ul .active a{background:#f3f3f3;border-radius:0;}

.more_procase{ width:100%; margin:0 auto; clear:both}
.more_procase a{ width:100%; display:block; line-height:40px; color:#666; font-size:14px; margin-bottom:10px; text-align:center; text-decoration:underline}
/*内页产品详情*/
/*
组图开始
小图部分
*/
.bpro_right{ width:100%; float:none; overflow:hidden}
.thumbpic{margin:0 auto;width:94%; overflow:hidden; padding-bottom:10px; margin-top:15px; margin-bottom:5px}
#piclist{width:86%;float:left;overflow:hidden;height:96px;position:relative;}
#piclist ul{margin:0;padding:0;list-style:none;overflow:hidden;width:20000px;position:relative;}
#piclist ul li{float:left;cursor:pointer;position:relative;background:#fff;height:92px;margin:0 6px; border:1px solid #ccc; padding:5px }
#piclist ul li img{width:108px;height:80px;}
#piclist .hover{height:92px;border:1px solid #f76d27;box-shadow:0px 5px 5px #f76d27;}
#piclist ul li tt{background:#000;color:#FFF;position:absolute;z-index:20; font-family:arial;font-size:12px;line-height:16px;padding:0 5px;margin:45px 0 0 -100px; display:none}

.thumbpic a.bntprev{float:left;width:20px;height:64px;display:block;outline:none;background:url(../images/ico_left.gif) no-repeat center; margin-top:10px}
.thumbpic a.bntnext{float:left;width:20px;height:64px;display:block;outline:none;background:url(../images/ico_right.gif) no-repeat center;margin-top:10px}

#originalpic{position:relative;overflow:hidden;zoom:1;height:auto;clear:both;text-align:center;  padding-top:0px; width:100%}
#originalpic ul{list-style:none;}
#originalpic li{display:none;position:relative;width:100%; text-align:center}
#originalpic li img{margin:0 0 0 0;min-width:100%; height:auto;max-width:100%;}
#originalpic li div{text-align:left;line-height:24px;color:#444;}
#aPrev{position:absolute;z-index:10;left:0;top:0;display:block;width:50%;height:100%;background:url(../images/blank.gif);}
#aNext{position:absolute;z-index:10;right:0;top:0;display:block;width:50%;height:100%;background:url(../images/blank.gif);}

.changye_n{ width:100%; overflow:hidden; margin:0 auto; border:1px solid #eee; padding:15px 0 15px 0; margin-top:0px; margin-bottom:20px} 
.changye_n ul li{ width:93%; overflow:hidden; margin:0 auto; float:left; margin-right:22px; border-bottom:1px dashed #ccc; margin-left:15px}
.changye_n ul li a{ width:100%; height:40px; display:block; overflow:hidden; line-height:40px} 
.changye_n ul li a h1{ width:67%; height:40px; display:block; overflow:hidden; float:left; font-size:14px; color:#333; background:url(../images/nleft.png)left center no-repeat;background-size:15px 15px; text-indent:18px; font-weight:normal} 
.changye_n ul li a p{ width:30%; height:40px; display:block; overflow:hidden; float:left; font-size:12px; color:#999; text-align:right} 

.aboutpro_tt1{ width:100%; height:46px;  background:#eee;}

.aboutpro_tt1 h1{ width:50%; height:46px; font-size:14px; font-weight:bold; line-height:46px;text-indent:15px; display:block; float:left}

.aboutpro_tt1 a{ width:30%; height:46px; font-size:14px; font-weight:normal; line-height:46px;display:block; float:right; text-align:right; color:#666; padding-right:15px}



/*zixun*/
.zixun{ width:94%; margin:0 auto; overflow:hidden; margin-top:0px; margin-bottom:20px}



.zxright{ width:100%; margin:0 auto;overflow:hidden; float:none}
.zxrighttit{ width:100%; height:46px; line-height:46px;border-bottom:1px solid #eee; }
.zxrighttit a{ width:auto; margin-right:30px; float:left; font-size:14px; font-weight:400; color:#222;}
.zxrighttit a:hover{border-bottom:2px #f76d27 solid; color:#f76d27 }
.zxrighttit a.habg{ border-bottom:2px #f76d27 solid;}



.zxrightlist{ width:100%; overflow:hidden; margin:0 auto; margin-top:0px}
.zxrightlist ul{ width:100%; margin:0 auto; overflow:hidden}
.zxrightlist ul li{width:100%; height:auto; background:#f9f9f9; margin-bottom:20px; margin-top:10px; padding:10px 0 20px 0;transition:all ease 0.5s;-webkit-transition:all ea se 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; -o-transition:all ease 0.5s; overflow:hidden}
.zxrightlist ul li a{ width:92%; height:auto; overflow:hidden; display:block; transition:all ease 0.5s;-webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; -o-transition:all ease 0.5s; margin:0 auto }



.zxrightlist_text{ width:100%; height:auto; margin:0 auto; float:none; margin-left:0}
.zxrightlist_text h1{ width:100%; height:auto; line-height:26px; font-size:16px; font-weight:200; color:#111; overflow:hidden;transition:all ease 0.5s;-webkit-transition:all ea se 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; -o-transition:all ease 0.5s; padding:10px 0 10px 0}
.zxrightlist_intro{width:100%; height:auto; line-height:22px; font-size:12px; font-weight:normal; color:#999; }
.zxrightlist_date{ width:100%; height:auto; line-height:40px; font-size:14px; font-weight:200; color:#999;}

.zxrightlist_img{ width:100%; height:auto; margin:0 auto;float:none; overflow:hidden;margin-right:0; text-align:center}
.zxrightlist_img img{ width:100%; height:auto;transition:all ease 0.5s;-webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; -o-transition:all ease 0.5s; display:block}


.zxrightlist ul li:hover{background:#666;  transition:all ease 0.5s;-webkit-transition:all ea se 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; -o-transition:all ease 0.5s;}
.zxrightlist ul li a:hover{ transition:all ease 0.5s;-webkit-transition:all ea se 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; -o-transition:all ease 0.5s;}
.zxrightlist ul li:hover .zxrightlist_text h1{ color:#fff;transition:all ease 0.5s;-webkit-transition:all ea se 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; -o-transition:all ease 0.5s;}
.zxrightlist ul li:hover .zxrightlist_intro{ color:#fff;transition:all ease 0.5s;-webkit-transition:all ea se 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; -o-transition:all ease 0.5s;}
.zxrightlist ul li:hover .zxrightlist_date{ color:#fff;transition:all ease 0.5s;-webkit-transition:all ea se 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; -o-transition:all ease 0.5s;}
.zxrightlist ul li:hover .zxrightlist_img img{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transition:all ease 0.5s;-webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; -o-transition:all ease 0.5s; }



.zxright ul li a:hover .zxright_text h1{ color:#f76d27;transition:all ease 0.5s;-webkit-transition:all ea se 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; -o-transition:all ease 0.5s;}

.zxright ul li:hover{ background:#f9f9f9}


.zxrightknow{ width:100%; overflow:hidden; margin-bottom:20px }
.zxrightknow ul{ width:100%; overflow:hidden;}
.zxrightknow ul li{width:100%; height:auto;overflow:hidden; border-bottom:1px solid #eee; padding-bottom:10px; padding-top:20px }


.question_1{ width:100%; height:40px; margin:0 auto;overflow:hidden}
.question_1 span{  width:26px; height:26px; font-style:normal; color:#fff; background:#666; display:block; float:left; color:14px; line-height:26px; text-align:center }
.question_1 h1{ width:88%; height:26px; display:block; overflow:hidden; font-size:18px; color:#222;font-weight:bold;float:right; line-height:26px}

.answer_1{ width:100%; height:auto; margin:0 auto; margin-bottom:0px; overflow:hidden}
.answer_1 span{  width:26px; height:26px; font-style:normal; color:#fff; background:#f76d27; display:block; float:left; color:14px; line-height:26px; text-align:center }
.answer_1 h1{ width:88%; height:auto; display:block; overflow:hidden; font-size:14px; color:#222;font-weight:normal;float:right; line-height:24px}




html.hc-yscroll {
    overflow-y: scroll
}

body.hc-nav-open {
    position: fixed;
    width: 100%;
    min-height: 100%;
    background: #fff
}

.hc-mobile-nav {
    display: none;
    position: fixed;
    top: 0;
    height: 100%;
    z-index: 9999;
    overscroll-behavior: none
}

.hc-mobile-nav.is-ios * {
    cursor: pointer !important
}

.hc-mobile-nav .nav-container {
    position: fixed;
    z-index: 9998;
    top: 0;
    width: 240px;
    max-width: 100%;
    height: 100%;
    transition: transform .4s ease
}

.hc-mobile-nav .nav-wrapper {
    width: 100%
}

.hc-mobile-nav .nav-wrapper.nav-wrapper-1 {
    position: static;
    height: 100%;
    overflow: scroll;
    overflow-x: visible;
    overflow-y: auto
}

.hc-mobile-nav ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.hc-mobile-nav li {
    position: relative;
    display: block
}

.hc-mobile-nav li.level-open>.nav-wrapper {
    visibility: visible
}

.hc-mobile-nav input[type="checkbox"] {
    display: none
}

.hc-mobile-nav label {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    cursor: pointer
}

.hc-mobile-nav a {
    position: relative;
    display: block;
    box-sizing: border-box;
    cursor: pointer
}

.hc-mobile-nav a, .hc-mobile-nav a:hover {
    text-decoration: none
}

.hc-mobile-nav.disable-body:not(.nav-open)::after {
    pointer-events: none
}

.hc-mobile-nav.disable-body::after, .hc-mobile-nav.disable-body .nav-wrapper::after {
    content: '';
    position: fixed;
    z-index: 9990;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    overscroll-behavior: none;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s ease .4s, opacity .4s ease
}

.hc-mobile-nav.disable-body.nav-open::after, .hc-mobile-nav.disable-body .sub-level-open::after {
    visibility: visible;
    opacity: 1;
    transition-delay: .05s
}

.hc-mobile-nav.nav-levels-expand .nav-wrapper::after {
    display: none
}

.hc-mobile-nav.nav-levels-expand ul .nav-wrapper {
    min-width: 0;
    max-height: 0;
    overflow: hidden;
    transition: height 0s ease .4s
}

.hc-mobile-nav.nav-levels-expand .level-open>.nav-wrapper {
    max-height: none
}

.hc-mobile-nav.nav-levels-overlap ul .nav-wrapper {
    position: absolute;
    z-index: 9999;
    top: 0;
    height: 100%;
    visibility: hidden;
    transition: visibility 0s ease .4s, transform .4s ease
}

.hc-mobile-nav.nav-levels-overlap ul ul {
    height: 100%;
    overflow: scroll;
    overflow-x: visible;
    overflow-y: auto
}

.hc-mobile-nav.nav-levels-overlap ul li.nav-parent {
    position: static
}

.hc-mobile-nav.nav-levels-overlap ul li.level-open>.nav-wrapper {
    visibility: visible;
    transition: transform .4s ease
}

.hc-mobile-nav.side-left {
    left: 0
}

.hc-mobile-nav.side-left .nav-container {
    left: 0;
    transform: translate3d(-100%, 0, 0)
}

.hc-mobile-nav.side-left.nav-levels-overlap li.level-open>.nav-wrapper {
    transform: translate3d(-40px, 0, 0)
}

.hc-mobile-nav.side-left.nav-levels-overlap li .nav-wrapper {
    left: 0;
    transform: translate3d(-100%, 0, 0)
}

.hc-mobile-nav.side-right {
    right: 0
}

.hc-mobile-nav.side-right .nav-container {
    right: 0;
    transform: translate3d(100%, 0, 0)
}

.hc-mobile-nav.side-right.nav-levels-overlap li.level-open>.nav-wrapper {
    transform: translate3d(40px, 0, 0)
}

.hc-mobile-nav.side-right.nav-levels-overlap li .nav-wrapper {
    right: 0;
    transform: translate3d(100%, 0, 0)
}

.hc-mobile-nav.nav-open .nav-container {
    transform: translate3d(0, 0, 0)
}

.hc-nav-trigger {
    position: absolute;
    cursor: pointer;
    display: none;
    top: 20px;
    z-index: 9980;
    min-height: 24px
}

.hc-nav-trigger span {
    width: 30px;
    top: 50%;
    transform: translateY(-50%);
    transform-origin: 50% 50%
}


.hc-nav-trigger span, .hc-nav-trigger span::before, .hc-nav-trigger span::after {
    position: absolute;
    left: 0;
    height: 4px;
    background: #34495E;
    transition: all .2s ease
}

.hc-nav-trigger span::before, .hc-nav-trigger span::after {
    content: '';
    width: 100%
}

.hc-nav-trigger span::before {
    top: -10px
}

.hc-nav-trigger span::after {
    bottom: -10px
}

.hc-nav-trigger.toggle-open span {
    background: rgba(0, 0, 0, 0);
    transform: rotate(45deg)
}

.hc-nav-trigger.toggle-open span::before {
    transform: translate3d(0, 10px, 0)
}

.hc-nav-trigger.toggle-open span::after {
    transform: rotate(-90deg) translate3d(10px, 0, 0)
}

.hc-mobile-nav::after, .hc-mobile-nav .nav-wrapper::after {
    background: rgba(0, 0, 0, 0.3)
}

.hc-mobile-nav .nav-wrapper {
    background: #000000
}

.hc-mobile-nav.nav-open .nav-wrapper {
    box-shadow: 1px 0 2px rgba(0, 0, 0, 0.2)
}

.hc-mobile-nav h2 {
    font-size: 19px;
    font-weight: normal;
    text-align: left;
    padding: 20px 17px;
    color: #1b3958
}

.hc-mobile-nav a {
    padding: 14px 17px;
    font-size: 16px;
    color: #fff;
    z-index: 1;
    background: rgba(0, 0, 0, 0);
    border-bottom: 1px solid #cb9b68
}

.hc-mobile-nav:not(.touch-device) a:hover {
    background: #31679e
}

.hc-mobile-nav li {
    text-align: left
}

.hc-mobile-nav li.nav-close a, .hc-mobile-nav li.nav-back a {
    background: #000;
    border-top: 1px solid #cb9b68;
    border-bottom: 1px solid #cb9b68;
    height: 60px;
}

.hc-mobile-nav li.nav-close a:hover, .hc-mobile-nav li.nav-back a:hover {
    background: #2b5c8d
}

.hc-mobile-nav li.nav-parent a {
    padding-right: 58px
}

.hc-mobile-nav li.nav-close span, .hc-mobile-nav li.nav-parent span.nav-next, .hc-mobile-nav li.nav-back span {
    width: 45px;
    position: absolute;
    font-size: 35px;
    top: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    cursor: pointer;
    transition: background .2s ease
}

.hc-mobile-nav li.nav-close span::before, .hc-mobile-nav li.nav-close span::after {
    display: block;
    content: '';
    position: absolute;
    top: 50%;
    left: 30%;
    /*width: 6px;
    height: 6px;
    margin-top: -3px;
    border-top: 4px solid #fff;
    border-left: 4px solid #fff;*/
}

.hc-mobile-nav li.nav-close span::before {
    margin-left: -9px;
    transform: rotate(135deg)
}

.hc-mobile-nav li.nav-close span::after {
    transform: rotate(-45deg)
}

.hc-mobile-nav a[href]:not([href="#"])>span.nav-next {
    border-left: 1px solid #2c5d8f
}

.hc-mobile-nav span.nav-next::before, .hc-mobile-nav li.nav-back span::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 8px;
    height: 8px;
    margin-left: -2px;
    box-sizing: border-box;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    transform-origin: center
}

.hc-mobile-nav span.nav-next::before {
    transform: translate(-50%, -50%) rotate(135deg)
}

.hc-mobile-nav li.nav-back span::before {
    transform: translate(-50%, -50%) rotate(-45deg)
}

.hc-mobile-nav.side-right span.nav-next::before {
    margin-left: 0;
    margin-right: -2px;
    transform: translate(-50%, -50%) rotate(-45deg)
}

.hc-mobile-nav.side-right li.nav-back span::before {
    margin-left: 0;
    margin-right: -2px;
    transform: translate(-50%, -50%) rotate(135deg)
}

.hc-mobile-nav.nav-levels-expand .nav-container ul .nav-wrapper, .hc-mobile-nav.nav-levels-none .nav-container ul .nav-wrapper {
    box-shadow: none;
    background: transparent
}

.hc-mobile-nav.nav-levels-expand .nav-container ul h2, .hc-mobile-nav.nav-levels-none .nav-container ul h2 {
    display: none
}

.hc-mobile-nav.nav-levels-expand .nav-container ul ul a, .hc-mobile-nav.nav-levels-none .nav-container ul ul a {
    font-size: 14px
}

.hc-mobile-nav.nav-levels-expand .nav-container li, .hc-mobile-nav.nav-levels-none .nav-container li {
    transition: background .3s ease
}

.hc-mobile-nav.nav-levels-expand .nav-container li.level-open, .hc-mobile-nav.nav-levels-none .nav-container li.level-open {
    background: #000
}

.hc-mobile-nav.nav-levels-expand .nav-container li.level-open a, .hc-mobile-nav.nav-levels-none .nav-container li.level-open a {
    border-bottom: 1px solid #ffc991
}

.hc-mobile-nav.nav-levels-expand .nav-container li.level-open a:hover, .hc-mobile-nav.nav-levels-none .nav-container li.level-open a:hover {
    background: #cb9b68
}

.hc-mobile-nav.nav-levels-expand .nav-container li.level-open>a .nav-next::before, .hc-mobile-nav.nav-levels-none .nav-container li.level-open>a .nav-next::before {
    margin-top: 2px;
    transform: translate(-50%, -50%) rotate(45deg)
}

.hc-mobile-nav.nav-levels-expand .nav-container span.nav-next::before, .hc-mobile-nav.nav-levels-none .nav-container span.nav-next::before {
    margin-top: -2px;
    transform: translate(-50%, -50%) rotate(225deg)
}

html, body, div, span, header, ul, li, a {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

ol, ul {
    list-style: none
}

.cf::before, .cf::after {
    content: '';
    display: block;
    height: 0;
    overflow: hidden
}

.cf::after {
    clear: both
}

#container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    /*min-height: 100vh;*/
    /*height: 100%;*/
    /*background: linear-gradient(-134deg, #517FA4 0%, #243949 100%)*/
}

.wrapper {
    max-width: 800px;
    margin: 0 auto;
    padding: 0 20px
}

#main-nav {
    display: none
}

header {
    position: fixed;
    padding: 50px 0 20px;
    z-index: 99999;
}

header h1 {
    font-size: 50px;
    font-weight: 700;
    text-align: center;
    letter-spacing: 5px;
    padding-bottom: 8px
}

header h2 {
    max-width: 680px;
    margin: auto;
    font-size: 20px;
    font-weight: 200;
    line-height: 1.4;
    text-align: center;
    letter-spacing: 1px;
    padding-bottom: 30px
}

header .git {
    display: inline-block;
    text-decoration: none;
    color: #fff;
    border-radius: 4px;
    padding: 4px 10px 4px 0;
    font-size: 15px;
    font-weight: 400;
    color: #fffce1;
    background: #54b9cb;
    transition: background .15s ease-in-out
}

header .git:hover {
    background: #4CA8B9
}

header .git:hover svg {
    border-color: #54b9cb
}

header .git svg {
    width: 15px;
    height: 15px;
    fill: #fffce1;
    position: relative;
    top: 2px;
    padding: 0 10px;
    margin-right: 10px;
    border-right: 1px solid #4daabb;
    transition: border-color .15s ease-in-out
}

header .toggle {
    cursor: pointer;
    display: none;
    top: -90px;
    left: 320px;
    z-index: 9980;
    min-height: 24px;
    position: relative;
    float: left;
    display: block;
    cursor: pointer;
    box-sizing: content-box;
    font-size: 20px;
    padding-left: 55px;
    line-height: 24px;
    margin-top: 55px
}

header .toggle span {
    width: 35px;
    top: 50%;
    transform: translateY(-50%);
    transform-origin: 50% 50%
}

header .toggle span, header .toggle span::before, header .toggle span::after {
    position: absolute;
    left: 0;
    height: 4px;
    background: #182631;
    transition: all .1s ease
}

header .toggle span::before, header .toggle span::after {
    content: '';
    width: 100%
}

header .toggle span::before {
    top: -10px
}

header .toggle span::after {
    bottom: -10px
}

header .toggle.toggle-open span {
    background: rgba(0, 0, 0, 0);
    transform: rotate(45deg)
}

header .toggle.toggle-open span::before {
    transform: translate3d(0, 10px, 0)
}

header .toggle.toggle-open span::after {
    transform: rotate(-90deg) translate3d(10px, 0, 0)
}

header .toggle:hover span, header .toggle:hover span::before, header .toggle:hover span::after {
    background: #dab977
}

header .toggle div {
    display: inline-block;
    margin-right: 15px
}
.top_logo {
    z-index: 999;
    width: 100%;
    padding-bottom: 10px;
    position: fixed;
    left: 0px;
    top: 0px;
    background: #fff;
    border-bottom: 1px solid #f0f0f0;
}
.top_logo img {
	width: 50%;
	padding: 10px 0px 0px 10px;
}




/*mianbaoxue*/
.mianbao{ width:100%; margin:0 auto; height:50px; border-bottom:1px solid #CCC; margin-bottom:20px}
.mianbao h1{ font-weight:normal; font-size:14px; color:#666; line-height:50px; padding-left:15px}
.mianbao h1 a{ color:#666; padding:0 5px}
.mianbao h1 a:hover{ color:#11205d}
.mianbao h1 span{ color:#666; padding:0 5px}














}