@charset "utf-8";
/* CSS Document */
/*CSS reset*/
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{padding:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}
.fl{ float:left}
.fr{ float:right}
.clear{ clear:both}
a{ text-decoration:none; color:#646464;}
a:hover{ color:#0392d7 }
ul{ padding:0px; margin:0px;}
h1,h2,h3,h4{ padding:0px; margin:0px;}
p{ padding:0px; margin:0px;}

table { width:100%!important;} 

body{ margin:0 auto;padding:0px;width:100%; font-family:Arial, Helvetica, sans-serif;font-size:16px!important;color:#646464; margin:0px; }
.pc_daohang{ display:block}
.wap_daohang{ display:none}	
.wap_foot{ display:none}
.wap_fenlei{ display:none}





/*导航*/
.nav_zce{ width:1200px; margin:0 auto;height:90px; }
.nav_fixed{position: fixed;top: 0;width: 100%;height:90px;z-index:999 }
.nav_bgc{width:100%;margin:0 auto;height:90px; z-index:99999; background:rgba(255,255,255,0.7);position: fixed;}
.logo{ padding-top:5px;}
.nav ul{display: flex; flex-wrap: wrap; justify-content: space-between; }
.nav{ width:70%; margin:0 auto;margin-left:70px; margin-top:15px;}
.nav li {  display: inline-block;list-style: none;font-size: 17px;text-align: center;position: relative;}
.nav li a {display: block;text-align: center;position: relative;color: #000;height: 60px;line-height: 60px; text-transform:capitalize;}
.nav li.hover a, .nav li:hover a {color: #0392d7!important;}


.nav li .subnav {background: #fff;box-shadow: 0 13px 42px 11px rgba(0, 0, 0, 0.05);height: auto;left: 0;overflow: hidden;position: absolute;top: 100%; width: 100%;z-index: 99999999;}
.nav li .subnav { width:140px;filter: progid:DXImageTransform.Microsoft.Shadow(color=#0392d7, direction=120, strength=5);opacity: 0;visibility: hidden;transition: all .6s ease 0s;transform: translate3d(0, 10px, 0);-moz-transform: translate3d(0, 10px, 0);-webkit-transform: translate3d(0, 10px, 0);left:-35px;}
.nav li:hover .subnav {opacity: 1;visibility: visible;transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);}
.nav li .subnav a { text-align:center;text-transform:capitalize;-moz-border-radius: 0;-webkit-border-radius: 0;border-radius: 0;color: #666;display: block;font-size: 15px;font-weight: 500;line-height: 40px;height: 40px;transition: all 0.2s ease-in-out 0s;border-bottom: 1px solid #eee;background: #fff;}
.nav li .subnav a:last-child{ border-bottom:0px;}
.nav li .subnav a:hover {color: #fff!important;background: #0392d7;}
.nav li .subnav a:hover a{ color:#fff!important;}

.yuyan{ background:#0392d7; height:50px; width:50px; text-align:center; line-height:50px;border-radius:8px; margin-top:20px;}
.yuyan a{ color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:16px; text-transform:uppercase; }



.wd1200{ width:1200px;margin:0 auto;padding-top:70px;padding-bottom:70px;}
.wenzi{ text-align:center; margin:0 auto}
.wenzi h2{ font-size:35px; color:#000; text-transform:uppercase}
.wenzi h3{ font-size:17px; line-height:25px; width:80%; margin:0 auto; font-weight:normal; margin-top:15px;}




/*首页公司简介*/
.about{display: flex; /*flex-wrap: wrap;*/ justify-content: space-between; }
.abtu{ width:45%; overflow:hidden; border-radius:8px;}
.abtu  img{width:100%;transition: all 0.8s;}
.abtu  img:hover{   transform: scale(1.1);}

.abtxt{ width:50%}
.abtxt img{ height:90px;}
.abtxt h2{ color:#0392d7; font-size:18px;}
.abnr{padding:0px; font-size:15px; line-height:27px; margin-top:30px; -webkit-transition: 0.3s;transition: 0.3s;
text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:8;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden;height:236px; }

.abmore a{ color:#fff;}
.abmore{ margin-top:30px; background:#0392d7; border-radius:25px; height:40px; line-height:40px; text-align:center; width:150px; -webkit-transition: padding-left .8s;
-moz-transition: padding-left .8s;
-o-transition: padding-left .8s;}
.abmore a{ color:#fff;}
.abmore:hover{ display:block; padding-left:15px; background:#1d6fbb; }
.abmore:hover a{color:#fff!important;}

/*首页产品*/
.index_pro{ background:url(../images/about_bg02.jpg) no-repeat center; width:100%;}
.pro_left{ width:35%; background:url(../images/index_06.png) no-repeat center; height:490px; }
.index_pro .wenzi{ padding-bottom:50px;}
.pbk{ padding:70px 50px;}
.ptop h2{ color:#333; font-size:28px; font-weight:normal}
.pmore{ background:#0392d7; width:45px; height:45px; line-height:45px; text-align:center; border-radius:50px;}
.pmore a{ color:#fff; font-size:20px; font-family:"黑体"}
.pro_left ul{ margin-top:30px;}
.pro_left ul li{ line-height:35px;}
.pro_left ul li a{ font-size:17px; color:#333;}
.pro_left ul li a:hover{ color:#0392d7}
.pro_right{ width:65%;}
.pro_right ul li h2{ font-size:20px; font-weight:normal; margin-bottom:10px;}
.pro_right ul li h3{ font-size:17px; font-weight:normal; margin-top:5px;text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:1;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden;}
.pro_gd{ text-align:center; border:1px solid #d8d8d8; width:120px; line-height:35px; height:35px; border-radius:25px; margin-top:20px; font-size:15px;-webkit-transition: padding-left .8s;
-moz-transition: padding-left .8s;
-o-transition: padding-left .8s;}


.pro_right ul li:nth-child(2n){ float:right}
.pro_right ul li{ float:left; width:40%; padding:8.5% 5%}
.pro_right ul li:nth-child(1) .pro_gd{ color:#fff}
.pro_right ul li:nth-child(1):hover .pro_gd{ display:block; padding-left:15px; }
.pro_right ul li:nth-child(1){ background:#0392d7}
.pro_right ul li:nth-child(1) h2{ color:#fff}
.pro_right ul li:nth-child(1) h3{ color:#fff}
.pro_right ul li:nth-child(4) .pro_gd{ color:#fff}
.pro_right ul li:nth-child(4){ background:#0392d7}
.pro_right ul li:nth-child(4) h2{ color:#fff}
.pro_right ul li:nth-child(4) h3{ color:#fff}
.pro_right ul li:nth-child(4):hover .pro_gd{ display:block; padding-left:15px; }


.pro_right ul li:nth-child(2){ background:#0392d7}
.pro_right ul li:nth-child(2) h2{ color:#333}
.pro_right ul li:nth-child(2) h3{ color:#333}
.pro_right ul li:nth-child(2):hover .pro_gd{ display:block; padding-left:15px; color:#0392d7; border:1px solid #0392d7 }
.pro_right ul li:nth-child(2){ background:#fff}
.pro_right ul li:nth-child(3){ background:#fff}
.pro_right ul li:nth-child(3):hover .pro_gd{ display:block; padding-left:15px; color:#0392d7; border:1px solid #0392d7 }
.pro_right ul li:nth-child(3) h2{ color:#333}
.pro_right ul li:nth-child(3) h3{ color:#333}
.pro_right ul li:nth-child(4){ background:#0392d7}


/*生产设备*/
.shebei ul li{ float:left; width:23%; margin-left:1%; margin-right:1%; margin-top:50px;height:200px;  display: flex;justify-content: center;
align-items: center; overflow:hidden}
.shebei ul li  img{max-width:100%;max-height:200px;transition: all 0.8s;}
.shebei ul li  img:hover{   transform: scale(1.1);}
.shebei_more{}

.shebei_more{ margin:0 auto; border:2px solid #0392d7; border-radius:25px; height:40px; line-height:40px; text-align:center; width:160px; -webkit-transition: padding-left .8s;
-moz-transition: padding-left .8s;
-o-transition: padding-left .8s; margin-top:50px;}
.shebei_more a{ color:#0392d7;}
.shebei_more:hover{display:block; padding-left:15px; background:#0392d7; }
.shebei_more:hover a{ color:#fff}


/*首页新闻*/
.index_news{ background:#f2f2f2;}
.tjxwtu{ width:50%; height:307px; display: flex;justify-content: center;
align-items: center; overflow:hidden;}
.tjxwtu  img{max-width:100%;max-height:307px; transition: all 0.8s;}
.tjxwtu  img:hover{   transform: scale(1.1);}
.tjxinwen{ padding-top:50px;}
.triqi{ font-size:17px;}
.tjwenzi:hover .triqi{ color:#0392d7}
.tjwenzi{ width:45%;  padding-top:30px;}
.tjgeng{ background:#0392d7; border-radius:20px; color:#fff; height:40px; line-height:40px; text-align:center; width:140px; margin-top:30px;}

.tjbt{ color:#0392d7; font-size:25px;text-overflow: ellipsis;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow:hidden; margin-top:25px; margin-bottom:25px;}
.tjmiao{color:#555; opacity:0.6; line-height:25px; font-size:15px;text-overflow: ellipsis;display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow:hidden;}

.xwshijian{ font-weight:bold}
.xwline{ background:#0392d7; height:2px; width:50px; margin-top:15px; margin-bottom:10px;}
.index_news ul li:nth-child(3n){ float:right}
.index_news ul li{ width:26%; margin-top:60px; background:#fff; padding:30px; -moz-transition: All 0.4s ease-in-out;}
.index_news ul li:hover{box-shadow: 0 1px 20px rgba(0, 0, 0, 0.25);
transform: scale(1.05);}
.index_news ul li .triqi{ font-size:18px;}
.biaoti{ color:#555; font-size:18px;text-overflow: ellipsis;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;overflow:hidden; margin-top:10px; }
.xwmiao{color:#555; opacity:0.5; font-size:15px;text-overflow: ellipsis;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow:hidden;height:44px; line-height:22px;margin-bottom:20px;}
.index_news ul li{ float:left}

.index_news li:nth-child(3n) { float:right}
.index_news li:nth-child(2n) { margin-left:43px}




/*-------底部-----------*/
.foot{ background:url(../images/index_16.png) no-repeat center bottom #0c0c0d; width:100%; margin:0 auto; color:#fff}
.foot .wd1200{ padding-bottom:0px; padding-top:60px; }
.foota{ padding-bottom:30px; border-bottom:1px solid rgba(255,255,255,0.1); margin-bottom:40px;}
.logotxt{ margin-left:10px; margin-top:5px;}
.logotxt h2{ color:#dedede; font-size:28px;}
.logotxt h3{ color:#dedede; font-size:16px; font-weight:normal; margin-top:5px;}

.fan{ background:#0392d7; width:55px; height:55px; line-height:55px; text-align:center;  border-radius:50px; font-size:20px; margin-top:10px;}
.fan a{ color:#fff!important; font-size:30px; font-family:"黑体"; }
.fan:hover{ background:#fbb228; width:55px; height:55px; border-radius:50px;}
 
.foot a{ color:#a5a5a6;}
.footb{ padding-bottom:40px;}
.fbt{ color:#fff; font-size:20px; text-transform:capitalize; margin-bottom:15px;}
.faline{ background:#fff; height:1px; width:50px; margin-bottom:30px;}
.flian{ width:44%}
.ftxt ul li{text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:3;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden; height:75px;}
.ftxt ul li{ width:48%; color:#a5a5a6; font-size:15px; line-height:25px; float:left}
.ftxt ul li:nth-child(2n){ float:right}
.ftxt ul li:nth-child(3){ margin-top:25px;}
.ftxt ul li:nth-child(4){ margin-top:25px;}


.ftxt{ line-height:28px;}
.fabout{ width:15%; margin-left:10%;}
.fabout ul li{ line-height:28px;}
.fabout ul li{ font-size:15px;}
.fpro{ width:15%;}
.fpro ul li{ line-height:28px;}
.fpro ul li{ font-size:15px;}
.ewm img{ padding:5px; background:#fff; border-radius:5px;}


.banquan{  line-height:30px; color:#a5a5a6; padding-top:30px; padding-bottom:30px;  border-top:1px solid rgba(255,255,255,0.1); font-size:15px; }
a.zzb07link{font-family: Arial, Helvetica, sans-serif;text-decoration:none;color: #a5a5a6;}
a.zzb07link:hover {text-decoration: underline;color: #a5a5a6;}
.zzb07tail{font-family:Arial, Helvetica, sans-serif;color:#a5a5a6;}




/*翻页*/
.contentPage{text-align:center; margin:0px 3px; padding:0px; padding-top:15px;color: #0392d7; line-height: 30px; text-decoration: none; clear:both; }
.contentPage a:link {color: #0392d7; text-decoration: none; font-size: 12px; margin:0px 3px; padding:4px 7px; border: 1px solid #0392d7; font-weight: normal;}
.contentPage a:visited {color: #0392d7; text-decoration: none; font-size: 12px; margin:0px 3px; border: 1px solid #0392d7; padding:4px 7px; font-weight: normal;}
.contentPage a:hover {color:#FFF; margin:0px 3px; font-size: 12px; text-decoration: none; padding:4px 7px; background-color:#0392d7;font-weight:normal;}
.contentPage .current{color:#e73b00; text-decoration: none; font-size: 12px; margin: 0px; border:0px solid #0392d7; padding:4px 7px; font-weight: normal;}
.contentPage .zi{font-size:12px; font-weight:bold; float:none!important;}
.contentPage .zi form{ display:inline;}
.contentPage .zi form input[type="text"]{ border:1px solid #CCC; line-height:18px; width:25px!important;}
.contentPage .zi form input[type="submit"]{ background-color:#CCC; border:0px; line-height:20px; color:#FFF; cursor:pointer;}


/*内页*/
.ny_weizhi{ background:#f2f2f2; width:100%; margin:0 auto; line-height:60px; height:60px;}
.dingwei{width:1200px; margin:0 auto;}
.weizhi{  color:#333; background:url(../images/dw.png) no-repeat left; background-size:20px; padding-left:25px;}
.weizhi span{ margin-left:7px; margin-right:7px;}
.weizhi a{ color:#333;}

.neiyebt{ text-align:center; font-size:35px; text-transform:uppercase; color:#000; font-weight:bold}
.neirong{background-color: #fff; line-height:30px;
box-shadow: 1px 10px 60px 0px rgba(0, 0, 0, 0.07);
border: #e4e4e4 solid 1px; margin-top:50px; padding:50px; min-height:300px;}
.neirong_nbk{ min-height:300px; margin-top:40px;}


.neirong_nmenu{width:1200px; margin:0 auto; min-height:300px;line-height: 30px;  margin-bottom:0px; margin-top:30px;}

.tesm ul{ width:28%!important; margin:0 auto;}
.nav-tabs-wrapper{ width:60%; margin:0 auto}

.nav-tabs-wrapper ul{margin:0 auto; text-align:center; margin-bottom:50px; margin-top:50px;display: flex;  justify-content: space-between;  width: 100%;}

.nav-tabs-wrapper li{ background:#f1f1f1;width: 100%;text-align: center;vertical-align: center;position: relative; height:50px; line-height:50px; margin-left:1px;}
.nav-tabs-wrapper li.active a,.nav-tabs-wrapper li:hover a{ color:#fff}
.nav-tabs-wrapper li.active,.nav-tabs-wrapper li:hover{ background:#0392d7;}
.nav-tabs-wrapper li .triangle-down{position: absolute;bottom: 0px;left: 50%;margin-left: -5px;}
.nav-tabs-wrapper li.active .triangle-down,.nav-tabs-wrapper li:hover .triangle-down{bottom: -10px;}

.nav-tabs-wrapper li a{color: #333; font-size:17px; text-transform:capitalize}
.nav-tabs-wrapper li.active .triangle-down,.nav-tabs-wrapper li:hover .triangle-down {width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 10px solid #0392d7;
}




/*荣誉证书/企业展示*/
.honor ul li{ float:left; width:22%; margin-left:1.5%; margin-right:1.5%;overflow:hidden; margin-bottom:30px; }
.honor ul li .hotu{border:1px solid #eee; padding:10px;display: flex;justify-content: center;align-items: center; height:180px; overflow:hidden;}

.honor ul li .hotu img{width:100%;transition: all 0.8s; max-height:180px; object-fit: cover;  }
.honor ul li:hover img{transform: scale(1.05);}
.honame{ text-align:center; padding-top:10px;}

.tjtu ul li{ float:left; width:30%; margin-left:1.5%; margin-right:1.5%;overflow:hidden; margin-top:40px; }
.tjtu ul li .hotu_tj{display: flex;justify-content: center;align-items: center; height:250px; overflow:hidden; border-radius:8px;}

.tjtu ul li .hotu_tj img{width:100%;transition: all 0.8s; max-height:250px; object-fit: cover;  }
.tjtu ul li:hover img{transform: scale(1.05);}


.nymain{ padding-top:60px;  width:1200px; margin:0 auto; padding-bottom:60px;}




.nyabout{ width:100%;background:url(../images/nyabout.jpg) no-repeat center  bottom; margin: 0 auto; height:350px;}
.nyzr{ width:100%;background:url(../images/nyzr.jpg) no-repeat center ; margin: 0 auto; height:350px; }

.nycon{ width:100%; height:350px; background:url(../images/nycon.jpg) no-repeat   center ; margin:0 auto}
.nynews{ width:100%; height:350px; background:url(../images/nynews.jpg) no-repeat    center ; margin:0 auto}
.nyfz{ width:100%; height:350px; background:url(../images/nyfz.jpg) no-repeat    center; margin:0 auto}
.nypro{ width:100%; height:350px; background:url(../images/nypro.jpg) no-repeat    center ; margin:0 auto}
.nyjob{ width:100%; height:350px; background:url(../images/nyjob.jpg) no-repeat    center ; margin:0 auto}



.page_in{ border-top:5px solid #fafafa; margin-top:40px;}
.page_in ul{ align-items: center;margin-top:30px;}

.page_in ul li { width: 33%; font-size:15px; float:left}
.page_in ul li:nth-child(2){ transition: all 0.3s ease 0s; width:33%;margin:0 auto; }
.page_in ul li:nth-child(2) a{ display:block; color:#fff; background:#0055a9; width:50px; height:50px; line-height:50px; color:#fff; border-radius:50%; margin:0 auto; text-align:center}
.page_in ul li:nth-child(2):hover{}
.page_in ul li:nth-child(2):hover a{ color:#fff; background:#000; border-radius:50%; }
.page_in ul li:nth-child(3){ text-align:right;}
.cuti{ width:100%; font-size:25px; line-height:25px; text-align:center; color:#e73b00; }
.nyma{ min-height:150px;}
.proxx{ font-size:15px; margin-top:30px;}

.proxx table{border-left: #d8d8d8 1px solid; border-top: #d8d8d8 1px solid;  width:100%; margin:0 auto; }
.proxx tr td{padding: 10px 25px;
    line-height: 30px;
	border-bottom: #d8d8d8 1px solid; border-right: #d8d8d8 1px solid;}
	.proxx tr td:first-child{ text-align:center; width:15%;}



/*内页新闻*/
.newsmid_2_1_mid_1{ 
overflow:hidden; width:200px; border:1px solid #f2f2f2; float:left;display: flex;justify-content: center;
align-items: center;height:130px; background:#fff; margin-bottom:40px;}
.newsmid_2_1_mid_1 img{max-width:200px;max-height:130px;transition: all 0.8s;}
.newsmid_2_1_mid_1 img:hover{   transform: scale(1.4);}

.newsmid_2_1_mid {position:relative;
background-color:#fff; border:1px #e4e4e4 solid; margin-bottom:40px;     box-shadow: 0px 5px 5px 0px rgba(0,0,0,.1); padding:40px; height:130px;
 }
a:hover .newsmid_2_1_mid{ background:#f8f8f8;}


a:hover .newsmid_2_1_mid .newsmid_2_1_mid_1 img { transform:scale(1.07) }

.newsmid_2_1_mid_2{ width:79%; float:right;}

.newsmid_2_1_mid_2_1{ margin-bottom:0.35em; margin-top:0.2em;text-align:left; 
color:#0392d7; font-size:0.875em; font-family:Arial, Helvetica, sans-serif; }
.newsmid_2_1_mid_2_1 b { font-size:44px; color:#0392d7; font-family:Arial, Helvetica, sans-serif; display:block;}
.newsmid_2_1_mid_2_1 i {font-size:15px; color:#0392d7; font-family:Arial, Helvetica, sans-serif; font-style:normal; display:block;  }
.newsmid_2_1_mid_2_2{overflow:hidden;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;   
overflow: hidden;word-wrap:break-word;
word-break:break-all;
 min-height:3em; }
.newsmid_2_1_mid_2_2 h3 {font-size:24px; color:#000; line-height:1.5; font-weight:400; padding:0px; margin:0px;margin-bottom:5px;-webkit-transition: padding-left .8s;
-moz-transition: padding-left .8s;
-o-transition: padding-left .8s;}

.newsmid_2_1_mid_2_2 h3:hover{ display:block; padding-left:15px; color:#0392d7;   }

.newsmid_2_1_mid_2_2 .fx { font-size:13px; color:#999; line-height:36px;}
.newsmid_2_1_mid_2_2 .fx .em1 { background:url(../images/icon1.png) no-repeat left center; background-size:15px auto; float:left; width:130px; padding-left:20px;  }
.newsmid_2_1_mid_2_2 .fx .em2 { background:url(../images/icon2.png) no-repeat left center; background-size:13px auto; float:left; width:70px; padding-left:16px; }
.newsmid_2_1_mid_2_2 p {font-size:15px; color:#999; line-height:25px;overflow:hidden;display: -webkit-box; 
-webkit-box-orient: vertical;
-webkit-line-clamp: 2; height:50px;
overflow: hidden;word-wrap:break-word;
word-break:break-all; padding:0px; margin:0px;}
.newsmid_2_1_mid_3{ position:absolute; left:0; bottom:0;border-top:1px #d7d7d7 solid;
width:100%;}
.newsmid_2_1_mid_3 div{
padding:.8em 1.5625em; }
.newsmid_2_1_mid_3 span{ padding-right:2.142857142857143em;
font-size:0.875em; color:#000; display:inline-block; background-position:right center; background-repeat:no-repeat; background-image:url(../images/index/img5.png);}
.newsmid_2_1_mid_2_2_jj{ margin-top:2em;
font-size:0.875em; color:#333; line-height:1.7;overflow:hidden;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 9;   
overflow: hidden;word-wrap:break-word;
word-break:break-all;}
.newsmid_2_2{ margin-top:1em;
text-align:center;}
.newsmid_2_2 a{ 
display:inline-block; background-color:#fff; padding:0.5em 1.1em; font-family:Arial, Helvetica, sans-serif; color:#666; margin:0 0.2em;margin-bottom:0.5em;}
.newsmid_2_2 a.on,.newsmid_2_2 a:hover{
color:#fff; background-color:#2c82cd}
.newsmid_2{
padding-top:4em;}

.news_da { background:none!important;}
.news_da_nr { width:68%; float: left;}

.xwbt{ font-size:20px; text-align:center; margin:0 auto; font-weight:bold;}
.shijian{ text-align:center; margin:0 auto; font-size:15px; color:#555; opacity:0.6}
.xxnr img{ max-width:100%!important; height:auto!important}
.fanhui ul li a{ color:#fff}
.fanhui ul li{ float:left; color:#fff}
.fanhui ul li:nth-child(2n){ float:right}
.fanhui li{ }
.fanhui{ margin-top:50px; background:#0392d7; padding:15px 20px;}



.wenzi h4{ font-size:25px; color:#000; font-weight:normal;}
.wenzi h5{ font-weight:normal; font-size:15px; opacity:0.8; padding:0px; margin:0px; padding-top:10px;}


/*内页新闻*/
.nyxinwen ul li{ float:left; width:44%; background-color: #ffffff; -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05); box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05); line-height:30px;padding:30px;border-radius:5px; margin-bottom:25px;}
.nyxinwen ul li:nth-child(2n){ float:right}

.xwmiao{color:#555; opacity:0.5; font-size:15px;text-overflow: ellipsis;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow:hidden;height:44px; line-height:22px; margin-top:8px; margin-bottom:10px;}
.nyxinwen ul li{
transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;}
.nyxinwen ul li:hover{
	transform: translate(0,-5px);
	-webkit-transform: translate(0,-5px);
	-moz-transform: translate(0,-5px);
	-o-transform: translate(0,-5px);
	-ms-transform: translate(0,-5px);}
.new_biaoti{ color:#333; font-size:18px;text-overflow: ellipsis;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; overflow:hidden; font-weight:normal; line-height:23px; height:46px; }
	
.xline{ background:#0055a9; height:2px; width:40px; margin-top:15px; margin-bottom:15px;}
.riqi{ color:#a3a3a3}
.nybt{ line-height:40px; text-align:center; color:#fff; background:#0055a9; font-size:20px; margin-bottom:30px;}
.new_nybt{color:#0055a9; font-size:20px; text-align:center; margin-bottom:10px;}



.nyadd h2{ color:#000; padding:0px; margin:0px; font-size:17px}
.nyadd{ background:url(../images/con1.png) no-repeat left top; padding-left:60px;background-size:auto 45px; line-height:25px;}
.nymail h2{ color:#000; padding:0px; margin:0px; font-size:17px}
.nymail{ background:url(../images/con2.png) no-repeat left top; padding-left:60px;background-size:auto 45px; line-height:25px; margin-top:30px;}
.nytel h2{ color:#000; padding:0px; margin:0px; font-size:17px}
.nytel{ background:url(../images/con3.png) no-repeat left; padding-left:60px;background-size:auto 45px; line-height:25px; margin-top:30px;}
.nyshijian h2{ color:#000; padding:0px; margin:0px; font-size:17px}
.nyshijian{ background:url(../images/con4.png) no-repeat left top; padding-left:60px;background-size:auto 45px; line-height:25px; margin-top:30px;}

/*oncopy*/
.diermail{ margin-top:10px;}
#contact-copy{display: flex;align-items: center;}
.copy-button{ margin-left:30px;
width: 7vw;
height: 1.8vw;
border-radius: 2.3vw;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
transition: transform .2s;
background: linear-gradient(105deg, #64c4a9 0%, #6ab960 50%, #41904a 100%);}


.copy-button:hover{transform: scale(1.05);}
.copy-button:active{transform: scale(1);}
.copy-button::before{
content: "";
width: .5vw;
height: .8vw;
border-radius: .2vw;
border: solid .2vw #fff;
box-shadow: .25vw .25vw 0 0 #fff;
transform: translate(0, -.125vw);}

.copy-button::after{
content: "COPY";
font-size: 1.1vw;
font-weight: bold;
color: #fff;
margin-left: .8vw;}

.copy-text{
color: #41904a;
font-size: 1.1vw; line-height:30px;
padding-left: 1vw;
opacity: 0;
font-weight: bold;
pointer-events: none;
transition: all .2s;}
#information-head p{display: inline;padding: 0;}
#input-copy{position: fixed;top: 0;left: 0;opacity: 0;pointer-events: none;}
#input-copy {pointer-events: none;}

#contact-copy2{align-items: center;}

.copy-button2{
width: 7vw;margin-left:20px;
height: 1.8vw;
border-radius: 2.3vw;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
transition: transform .2s;
background: linear-gradient(105deg, #64c4a9 0%, #6ab960 50%, #41904a 100%);}
.copy-button2:hover{transform: scale(1.05);}
.copy-button2:active{transform: scale(1);}
.copy-button2::before{
content: "";
width: .5vw;
height: .8vw;
border-radius: .2vw;
border: solid .2vw #fff;
box-shadow: .25vw .25vw 0 0 #fff;
transform: translate(0, -.125vw);}

.copy-button2::after{
content: "COPY";
font-size: 1.1vw;
font-weight: bold;
color: #fff;
margin-left: .8vw;}

.copy-text2{
color: #41904a;
font-size: 1.1vw;
line-height:30px;
padding-left: 1vw;
opacity: 0;
font-weight: bold;
pointer-events: none;
transition: all .2s;}
#information-head2 p{display: inline;padding: 0;}
#input-copy2{position: fixed;top: 0;left: 0;opacity: 0;pointer-events: none;}
#input-copy2 {pointer-events: none;}


/*内页联系我们*/


.liuyan{ background:#f4f4f4; margin-top:50px;}
.shuoming{ font-size:18px; color:#0392d7; padding-bottom:10px;}
.ss{ font-size:17px; padding-bottom:20px;}

.contact_2{ padding:30px; }
.contact_2_1 ul li{ margin-bottom:1.4375em;float:left; width:48.5%;}
.contact_2_1 ul li:nth-child(2),.contact_2_1 ul li:nth-child(4){
float:right}
.tixing{ line-height:50px;}
.contact_2_1 ul li:nth-child(5){width:100%;}
.contact_2_1 ul li:nth-child(5) .contact_2_1_mid{ width:96%; padding:0.8em 2%;;}
.contact_2_1_mid{ width:90%;
background-color:#fff; border:1px #e7e7e7 solid; padding:0.8em 1em;}
.contact_2_1_mid input{
border:none; background:none; width:100%; font-size:1em; outline:none}
.contact_2_1_mid textarea{ height:5em;
border:none; background:none; width:100%; font-size:1em;outline:none}

.anniu2 {
font-size:1.125em; display:inline-block; color:#fff; background-color:#0392d7; border:0px; width:10.55555555555556em; line-height:2.777777777777778em; color:#fff; text-align:center;}

.anniu2:hover{
background-color:#999;}



.contact_2_2 a{
font-size:1.125em; display:inline-block; color:#fff; background-color:#40904a; width:10.55555555555556em; line-height:2.777777777777778em; color:#fff; text-align:center;}
.contact_2_2{margin-top:1.5em;}
.contact_2_2 a:hover{
background-color:#999;}
.hyb { color:#40904a; font-size:25px; font-weight:bold; }
.hya{ font-size:18px; margin-top:20px;}

/*brand office*/
.neilian ul li {text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:3;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden; height:90px;
	padding: 2.5%; float:left;
	border-radius: 5px;
	box-shadow:0 10px 40px -10px rgba(0,0,0,.2);
	width:18%; margin-left:1%; margin-right:1%;
	text-align:left;
	line-height: 30px; font-size:15px; margin-bottom:60px;
transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;
	}

.neilian ul li:hover{ transform: translate(0,-5px);
-webkit-transform: translate(0,-5px);
-moz-transform: translate(0,-5px);
-o-transform: translate(0,-5px);
-ms-transform: translate(0,-5px);}















/*悬浮链接*/
/*main css*/
.izl-rmenu{position:fixed; left:50%; margin-left:632px; bottom:10px; padding-bottom:63px; background:url(../images/r_b.png) 0px bottom no-repeat; z-index:999; }
.izl-rmenu .btn{width:62px; height:63px; margin-bottom:1px; cursor:pointer; position:relative;}
.izl-rmenu .btn-qq{background:url(../images/r_qq.png) 0px 0px no-repeat; background-color:#4dd464;background-size: auto 62px;}
.izl-rmenu .btn-qq:hover{background-color:#08b825;}
.izl-rmenu a.btn-qq,.izl-rmenu a.btn-qq:visited{background:url(../images/r_qq.png) 0px 0px no-repeat; background-color:#4dd464; text-decoration:none; display:block;background-size: auto 62px;}
.izl-rmenu .btn-wx{background:url(../images/r_wx.png) 0px 0px no-repeat; background-color:#6da9de;background-size: auto 62px;}
.izl-rmenu .btn-wx:hover{background-color:#488bc7;}
.izl-rmenu .btn-wx .pic{background-color:#6da9de; position:absolute; width:200px; left:-200px; top:0px; line-height:63px; color:#FFF; font-size:18px; text-align:center; display:none;}
.izl-rmenu .btn-phone{background:url(../images/r_phone.png) 0px 0px no-repeat; background-color:#fbb01f;background-size: auto 62px;}
.izl-rmenu .btn-phone:hover{background-color:#ff811b;}
.izl-rmenu .btn-phone .phone{background-color:#ff811b; position:absolute; width:200px; left:-200px; top:0px; line-height:63px; color:#FFF; font-size:18px; text-align:center; display:none;}
.izl-rmenu .btn-top{background:url(../images/r_top.png) 0px 0px no-repeat; background-color:#666666; display:none;background-size: auto 62px;}
.izl-rmenu .btn-top:hover{background-color:#444;}

/*人才招聘*/
.content { clear:both; overflow:visible;margin:0px auto;}
.join-us .recruit-list{padding:20px 0px;}
.join-us .recruit-list .item{ background:#fff;border-bottom:0px dashed #D3D3D3; margin-bottom:10px; box-shadow:5px 5px 5px 5px rgba(0,0,0,.1); border-radius:10px; overflow: hidden; padding:0px 3%; margin-bottom:30px;}
.join-us .recruit-list .item .title{height:80px;line-height:80px;font-size:16px;color:#333333;cursor:pointer;}
.join-us .recruit-list .item em { padding:3px 20px; background-color:#f2a602; color:#FFF; line-height:32px; text-align:center; font-size:15px; border-radius:5px; margin-right:10px;}
.join-us .recruit-list .item .title .down{ font-family:"黑体"!important;width:30px;height:30px;line-height:30px;text-align:center;font-size:18px;color:#8A8A8A;float:right;border-radius:50%;margin-top:25px;
	transition:all .6s;-webkit-transition:all .6s;-moz-transition:all .6s;-ms-transition:all .6s;}
.join-us .recruit-list .item .title .down:hover{background:#008cd7;color:#FFFFFF;transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);
	-ms-transform:rotate(180deg);line-height:31px;}
.join-us .recruit-list .item .title .down.open{background:#008cd7;color:#FFFFFF;transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);
	-ms-transform:rotate(180deg);line-height:31px; font-family: "黑体";}
.join-us .recruit-list .item .contents{font-size:13px;color:#999999;line-height:1.8;overflow:hidden;display:none;}
.join-us .recruit-list .item .contents.open{}
.join-us .recruit-list .item .contents p{padding-bottom:20px; font-size:15px;}
.join-us .recruit-list .item .contents p .strong1 { color:#666;}


.join-us .investment{padding:0px 0px 0px 0px;}
.iui-tab-one2{  margin:50px auto 0;}
.join-us .investment .iui-tab-one .contents .module .rows{padding:45px 0px;border-bottom:1px dashed #D3D3D3;}
.join-us .investment .iui-tab-one .contents .module .rows:last-child{border:none;}
.join-us .investment .iui-tab-one .contents .module .rows .title{font-size:18px;color:#333333;font-weight:normal;padding-bottom:20px;}
.join-us .investment .iui-tab-one .contents .module .rows .text{font-size:14px;color:#999999;line-height:1.8;}
.join-us .investment .customer-information-form table{margin:30px 0px;}
.join-us .investment .customer-information-form table td{padding:8px 0px;}
.join-us .investment .customer-information-form table td .must{color:#FF0000;margin-left:-10px;display:block;float:left;}
.join-us .investment .customer-information-form table td:first-child{font-size:14px;color:#333333;padding-right:10px;padding-left:10px;vertical-align:top;}
.join-us .investment .customer-information-form table td input[type=text]{border:1px solid #DCDCDC;border-radius:3px;height:40px;line-height:40px;padding:0px 8px;width:380px;outline:none}
.join-us .investment .customer-information-form .btn-apply-online{width:144px;height:54px;color:#FFFFFF;background:#0066af;font-size:14px;border:none;outline:none;border-radius:5px;
	transition:all .6s;-webkit-transition:all .6s;-moz-transition:all .6s;-ms-transition:all .6s;}
.join-us .investment .customer-information-form .btn-apply-online:hover{background:#BF3929;}

.join-us .investment .customer-information-form textarea{border:1px solid #DCDCDC;border-radius:3px;padding:0px 8px;width:380px;height:140px;resize:none;outline:none;}

.tabp{ padding-bottom:30px;}
.tabp p{ font-size:13px; color:#999999; line-height:1.8;  padding-top:35px; letter-spacing:1.3px;}



.job_list { width:1200px; margin:0px auto;}
.job_list ul li { width:48%; margin:50px 1%; float:left; height:220px; text-align:center; color:#FFF;
transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;
}
.job_list ul a:hover li {transform: translate(0,-10px);
	-webkit-transform: translate(0,-10px);
	-moz-transform: translate(0,-10px);
	-o-transform: translate(0,-10px);
	-ms-transform: translate(0,-10px);
}
.job_list ul li p { line-height:30px; margin-top:60px; font-size:22px; font-weight:bold;}

.bai { border:1px solid #fff;}
.lan1 { background-color:#3c98d3;}
.lan2 { background-color:#f2a602;}


@media screen and (max-width: 1024px) {

.pc_daohang{ display:blcok}
.wap_daohang{ display:none}	
.wap_foot{ display:none}


.head{ width:95%; }
/*导航*/
.nav{ width:95%;}
.wd1200{ width:95%;}


/*首页产品*/
.index_5_1_left{left:-20px;}
.index_5_1_right{right:-20px; }
.pan01 { width: 48%;}
.pan02 {width: 48%;}


/*首页公司简介*/
.abtu{ width:45%; height:450px;}
.abtu img{ height:450px;}
.abtxt{ width:55%;}
.abtxt h3{font-size:14px; }


/*首页新闻*/
.news_in ul li h3{ width:18%;}
.n_text { width:76%;}


/*内页*/
.neirong{ width:95%}
.dingwei{width:95%;}
.neirong_nmenu{width:95%; margin:0 auto; min-height:300px;line-height: 30px;  margin-bottom:0px; margin-top:30px;}

/*证书*/
.zu11{height:300px; }
.zu11 img{ max-height:300px; }

/*team*/
.team_txt{ width:73%;}

.nymain{ width:95%; }

/*内页新闻*/
.newsmid_2_1_mid_2{ width:73%; }

.nditu  .contact_2_1 ul li{ float:left; width:100%; margin-bottom:10px;}
.nditu .anniu2 { margin-top:30px;}


/*application*/

.neizr ul{ }
.neizr ul li:nth-child(2n) .zerenzuo{ float:right}
.neizr ul li:nth-child(2n) .zerenyou{ float:left;}




.tupianzuo{ width:45%;}
.miaoshupro{ width:45%; }
}


@media screen and (max-width:768px) {
.pc_daohang{ display:none}
.wap_daohang{ display:block}
.wap_foot{ display:block}


.wd1200{ width:95%;padding-top:50px; padding-bottom:50px;}
.wenzi h2{ font-size:30px; }


/*首页公司简介*/
.abys ul{margin-top:30px; }
.abys ul li:nth-child(1){ margin-bottom:0px;}
.abys ul li:nth-child(2){ margin-bottom:0px;}

.abys ul li{ width:23%; padding-top:20px; padding-bottom:20px; }
.abys ul li h2{ font-size:20px;}
.abys ul li h2 span{ font-size:20px;}

.abys ul li h3{ font-size:17px;}

.yzpro{ width:95%; height:45px; line-height:45px;  margin-top:40px; margin-bottom:40px;}


.abbk{ padding:25px;}
.ablist ul li:nth-child(2){margin-bottom:0px; margin-top:0px;}
.ablist ul li{ width:31%;}
.column { float:none; width:100%; margin-left:0%; margin-right:0%;}



/*首页产品*/
.index_pro{ width:100%;}
.index_pro .wenzi h2{ font-size:28px; font-weight:normal}
.index_5_1{ position:relative; margin-top:30px;}
.index_5_1_mid .swiper-slide{ width:45%!important; }

.index_5_1_left{ left:-0px;  width:40px; height:40px; background-size: auto 40px;}
.index_5_1_right{ right:-0px; top:32%; width:40px; height:40px;background-size: auto 40px;}
.pan01{ width:30%}
.pan02{ width:30%}
.pan01 a{ font-size:15px;}
.pan02 a{ font-size:15px;}



/*首页合作伙伴*/
.index_partner ul{display: flex; flex-wrap: wrap; justify-content: space-between; padding-top:30px;  }
.index_partner ul li{width:18%; height:100px;}
.index_partner ul li:nth-child(5){ margin-right:0%; margin-top:0px;}
.index_partner ul li:nth-child(4){ margin-left:0%; margin-top:0px;}
.index_partner ul li img{ max-height:100px; display:block; width:100%}


/*首页公司简介*/
.index_gongsi {display: flex;}
.abtu{ width:50%; float:left; height:450px!important;}
.abtu img{ height:450px}
.abtxt{ width:45%; float:none; flex:right  }

.abtxt ul li{ padding:20px;}

.gstu{ width:20%; }
.gstxt{ width:75%;}
.tuwai{width:70px; height:70px; border-radius:50px;}
.abtxt .tubk { width:50px; height:50px;}
.abtxt .tubk img{ width:30px;}
.abtxt h2{ font-size:20px;}
.abtxt h3{font-size:14.5px; }


/*首页新闻*/
.newszuo{ width:100%; margin-top:40px; float:none}
.tjdate{ width:22%; background:#42904d; padding-top:8px; height:72px; text-align:center; color:#fff;}
.tjdate h2{ font-size:35px;}
.tjdate h3{ font-size:17px; font-weight:normal; padding-top:2px;}
.tjtxt{ width:78%; background:rgba(0,0,0,0.5); height:80px; line-height:80px; text-align:center}
.tjtu{ display: block;justify-content: center;align-items: center; overflow:hidden}
.tjtu  img{width:100%; transition: all 0.8s;}
.tjtu  img:hover{   transform: scale(1.1);}
.tjab{ position:relative; z-index:11; margin-top:-80px;}
.tjtxt{ color:#fff; font-size:18px;text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:1;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden}


.newsyou{ width:100%; float:none; margin-top:0px; margin-bottom:-30px;}
.news_in ul li:nth-child(2n){ background:#fafafa}
.news_in ul li h3{ width:17%;}
.n_text { width:75%; }





/*-------底部-----------*/
.foot .wd1200{ padding-bottom:40px; padding-top:50px; }
.fbt{ color:#fff; font-size:25px; text-transform:capitalize; margin-bottom:25px;}
.fcon{ width:100%; float:none}
.ftxt{ line-height:28px;}

.fabout{ display:none}
.fpro{ width:30%; display:none}
.banquan{ font-size:15px!important; line-height:25px;}


/*内页*/
.ny_weizhi{ font-size:15px; line-height:25px; height:auto; padding-top:10px; padding-bottom:10px;}
.dingwei{width:95%; margin:0 auto;}
.weizhi{  color:#333; background:url(../images/dw.png) no-repeat left top 3px;background-size:20px; padding-left:25px;}


.neiyebt{font-size:30px;}

.neirong_nmenu{width:95%; margin:0 auto; min-height:300px;line-height: 30px;  margin-bottom:0px; margin-top:30px;}


.nav-tabs-wrapper ul{margin-bottom:10px; margin-top:30px;display: flex;  justify-content: space-between;  width: 100%;}
.nav-tabs-wrapper li:nth-child(2n){ float:none}
.nav-tabs-wrapper li{width: 100%; float:none;  margin-bottom:15px;}
.nav-tabs-wrapper li a {font-size: 16px;}

.neirong{ width:95%;}


/*choose*/
.choose h2{ font-size:32px;}


/*证书*/
.honor ul{display: flex; flex-wrap: wrap; justify-content: space-between; }
.honor ul li{ float:none; width:48%; overflow:hidden; margin-top:25px;}
.zu11{ height:220px; background:#fafafa;}
.zu11 img{ max-height:220px;}




.tesm ul{ width:28%!important; margin:0 auto;}
/*荣誉资质*/
.rollBox1{  width:100%; margin:0 auto; }
.rollBox1 .Cont{width:100%; }
.rollBox1 .Cont .pick{width:23%; height:150px; }
.rollBox1 .Cont .pic1{width:100%; height:150px; }
.rollBox1 .Cont .pic1 img{max-height:150px;}
	
/*team*/

.team ul{ margin:0 auto; margin-top:-90px;}
.team ul li{ padding:30px 9%;}
.team_pic{ width:100%; float:none }
.team_txt{ width:100%; float:none; margin-top:25px;}

.nymain{ padding-top:40px;  width:95%; padding-bottom:40px;}



.serfuwu ul{display: flex; flex-wrap: wrap; justify-content: space-between;}
.serfuwu ul li{ width:40%;overflow:hidden; }
.serfuwu ul li:nth-child(2){ width:60%}

.neixw ul li{ line-height:60px; border-bottom:1px dotted #d8d8d8;}
.neixw ul li a{transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;}
.neixw ul li span{padding-right:20px;}
.neixw ul li div{ padding-right:20px;}
.neixw ul li:hover { background:#009631}
.neixw ul li:hover a{ padding-left:10px; color:#fff}
.neixw ul li:hover span{ color:#fff;}
.neixw ul li:hover div{ color:#fff}
.neisj{ text-align:center; font-size:15px; margin-top:5px;}



.banwz{display:-webkit-box; display:-moz-box; display:-ms-flexbox; display: -webkit-flex; display:flex; -webkit-align-items:center; align-items:center; -webkit-justify-content: center; justify-content: center; height:250px; background:rgba(0,0,0,0); color:#fff; font-size:45px; text-transform:capitalize}





.quzs{ margin-top:30px;}
.quzs h2{ color:#009631; font-size:18px; margin-bottom:30px;}
.quzs ul{display: flex; flex-wrap: wrap; justify-content: space-between; }
.quzs ul li{ width:31%; overflow:hidden; }

.biaoti{ text-align:center; padding-top:15px;}


.cco{ background:#fff;border:5px solid #009631; border-top:0px; padding:20px; line-height:25px;  word-wrap:break-word;  }
.cco p{ padding:0px; margin:0px; font-size:14px;}

.page_in{ border-top:5px solid #fafafa; margin-top:40px;}
.page_in ul{ align-items: center;margin-top:30px;}

.page_in ul li { width: 33%; font-size:15px; float:left}
.page_in ul li:nth-child(2){ transition: all 0.3s ease 0s; width:33%;margin:0 auto; }
.page_in ul li:nth-child(2) a{ display:block; color:#fff; background:#0055a9; width:50px; height:50px; line-height:50px; color:#fff; border-radius:50%; margin:0 auto; text-align:center}
.page_in ul li:nth-child(2):hover{}
.page_in ul li:nth-child(2):hover a{ color:#fff; background:#000; border-radius:50%; }
.page_in ul li:nth-child(3){ text-align:right;}
.cuti{ width:100%; font-size:25px; line-height:25px; text-align:center; color:#e73b00; }
.nyma{ min-height:150px;}
.proxx{ font-size:15px; margin-top:30px;}

.proxx table{border-left: #d8d8d8 1px solid; border-top: #d8d8d8 1px solid;  width:100%; margin:0 auto; }
.proxx tr td{padding: 10px;
    line-height: 25px;
	border-bottom: #d8d8d8 1px solid; border-right: #d8d8d8 1px solid;}
	.proxx tr td:first-child{ text-align:center; width:25%;}



/*内页新闻*/
.newsmid_2_1_mid_1{  width:35%;  float:left;height:auto; background:#fff; margin-bottom:0px; height:120px;}
.newsmid_2_1_mid_1 img{max-height:120px;transition: all 0.8s;object-fit: cover;}

.newsmid_2_1_mid {padding:20px; height:120px;}
.newsmid_2_1_mid_2{ width:60%; float:right;}



.newsmid_2_1_mid_2_2{overflow:hidden;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;   
overflow: hidden;word-wrap:break-word;
word-break:break-all;
 min-height:3em; }


.newsmid_2_1_mid_2_2 p { display:none;}



.news_da { background:none!important;}
.news_da_nr { width:68%; float: left;}

.xwbt{ font-size:20px; text-align:center; margin:0 auto; font-weight:bold;}
.shijian{ text-align:center; margin:0 auto; font-size:15px; color:#555; opacity:0.6}
.xxnr img{ max-width:100%!important; height:auto!important}
.fanhui li{ margin-top:15px;}
.fanhui{ margin-top:30px;}


.neirong_nbk{
}
.wenzi h4{ font-size:25px; color:#000; font-weight:normal;}
.wenzi h5{ font-weight:normal; font-size:15px; opacity:0.8; padding:0px; margin:0px; padding-top:10px;}


/*内页新闻*/
.nyxinwen ul li{ float:left; width:44%; background-color: #ffffff; -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05); box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05); line-height:30px;padding:30px;border-radius:5px; margin-bottom:25px;}
.nyxinwen ul li:nth-child(2n){ float:right}

.xwmiao{color:#555; opacity:0.5; font-size:15px;text-overflow: ellipsis;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow:hidden;height:44px; line-height:22px; margin-top:8px; margin-bottom:10px;}
.nyxinwen ul li{
transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;}
.nyxinwen ul li:hover{
	transform: translate(0,-5px);
	-webkit-transform: translate(0,-5px);
	-moz-transform: translate(0,-5px);
	-o-transform: translate(0,-5px);
	-ms-transform: translate(0,-5px);}
.new_biaoti{ color:#333; font-size:18px;text-overflow: ellipsis;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; overflow:hidden; font-weight:normal; line-height:23px; height:46px; }
	
.xline{ background:#0055a9; height:2px; width:40px; margin-top:15px; margin-bottom:15px;}
.riqi{ color:#a3a3a3}
.nybt{ line-height:40px; text-align:center; color:#fff; background:#0055a9; font-size:20px; margin-bottom:30px;}
.new_nybt{color:#0055a9; font-size:20px; text-align:center; margin-bottom:10px;}




/*oncopy*/
.diermail{ margin-top:10px;}
.nymail .fl{ float:left;}
#contact-copy{display: flex;align-items: center; float:none;}
.copy-button{ margin-left:30px;
width: 13vw;
height:4vw;
border-radius: 2.3vw;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
transition: transform .2s;
background: linear-gradient(105deg, #64c4a9 0%, #6ab960 50%, #41904a 100%);}


.copy-button:hover{transform: scale(1.05);}
.copy-button:active{transform: scale(1);}
.copy-button::before{
content: "";
width: 1vw;
height: 2vw;
border-radius: .2vw;
border: solid .2vw #fff;
box-shadow: .25vw .25vw 0 0 #fff;
transform: translate(0, -.125vw);}

.copy-button::after{
content: "COPY";
font-size: 2vw;
font-weight: bold;
color: #fff;
margin-left: .8vw;}

.copy-text{
color: #41904a;
font-size: 2vw; line-height:30px;
padding-left: 30px;
opacity: 0;
font-weight: bold;
pointer-events: none;
transition: all .2s;}
#information-head p{display: inline;padding: 0;}
#input-copy{position: fixed;top: 0;left: 0;opacity: 0;pointer-events: none;}
#input-copy {pointer-events: none;}

#contact-copy2{align-items: center;}

.copy-button2{
	width: 13vw;
height:4vw;
margin-left:15px;

border-radius: 2.3vw;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
transition: transform .2s;
background: linear-gradient(105deg, #64c4a9 0%, #6ab960 50%, #41904a 100%);}
.copy-button2:hover{transform: scale(1.05);}
.copy-button2:active{transform: scale(1);}
.copy-button2::before{
content: "";
width: 1vw;
height: 2vw;
border-radius: .2vw;
border: solid .2vw #fff;
box-shadow: .25vw .25vw 0 0 #fff;
transform: translate(0, -.125vw);}

.copy-button2::after{
content: "COPY";
font-size: 2vw;
font-weight: bold;
color: #fff;
margin-left: .8vw;}

.copy-text2{
color: #41904a;
font-size:2vw;
line-height:30px;
padding-left: 30vw;
opacity: 0;
font-weight: bold;
pointer-events: none;
transition: all .2s;}
#information-head2 p{display: inline;padding: 0;}
#input-copy2{position: fixed;top: 0;left: 0;opacity: 0;pointer-events: none;}
#input-copy2 {pointer-events: none;}


.nditu .contact_2_1 ul li{ margin-bottom:1.4375em;
float:none; width:100%;}
.nditu .anniu2 { margin-top:50px;}


/*内页联系我们*/
.nlian{ width:100%; float:none; margin-top:40px;}
.nditu{ width:100%; float:none; background:#f4f4f4; margin-top:40px;}
.contact_2{ padding:30px; }
.contact_2_1 ul li{ margin-bottom:15px;float:none; width:100%;}

.contact_2_1 ul li:nth-child(2),.contact_2_1 ul li:nth-child(4){
float:none}
.tixing{ line-height:50px;}
.contact_2_1 ul li:nth-child(5){width:100%; float:none}
.contact_2_1 ul li:nth-child(5) .contact_2_1_mid{ width:96%; padding:0.8em 2%;}
.contact_2_1_mid{ width:85%; }

.anniu2{ margin-top:50px;}




/*brand office*/
.gsbt{ text-align:left; color:#333; font-weight:bold; font-size:25px; padding-bottom:20px;}

.neilian .lianbg .lieaaa ul li{ background:#fff}
.neilian .lianbg{background:#f9f9f9;}

.lxfs:nth-child(2){ margin-top:30px;}

.c_icon{ }
.neiadd{ width:88%;text-align:left}
.lieaaa{ width:100%; float:none; margin-bottom:30px;}
.lieaaa:nth-child(2){ float:none}
.lieaaa:nth-child(1){ padding-top:30px;}
.neilian .wd1200{ padding-bottom:0px; padding-top:0px;}
.neilian{ padding-bottom:40px;}

.c_icon ul{ margin:70px 0 50px 0;}
.neilian ul li {
	padding: 3%;
	border-radius: 5px;
	box-shadow:0 10px 40px -10px rgba(0,0,0,.2);
	width:94%;
	text-align:center;
	line-height: 30px;}

.c_icon {width: 70px;height: 70px;}
.c_icon span {width: 50px;height: 50px;}
.neilian img{ margin-top:10px;} 



/*application*/

.neizr ul{ }
.neizr ul li:nth-child(2n) .zerenzuo{ float:none}
.neizr ul li:nth-child(2n) .zerenyou{ float:none;}
.neizr ul li{ padding-bottom:30px; padding-top:30px;}
.zerenzuo { width:100%; float:none; overflow:hidden}
.zerenyou {width:100%; float:none}




/*内页产品*/
.itemList{ margin-top:30px; }
.itemList li{padding: 1.5%;float:left;width: 42%;margin-left:1.5%; margin-right:1.5%;margin-bottom:3%;}
  






/*评论列表*/
#comment { margin-top:40px; }

/*图片放大镜样式*/
.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:450px;height:450px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#ffffff /*url(../images/zoom.png) 50% center no-repeat*/;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}

/*图片小图预览列表*/
.spec-preview{max-width:100%; width:100%;height:350px;}
.spec-preview img{ max-width:100%}
.spec-scroll{clear:both;margin-top:5px;width:100%;}

.spec-scroll .prev{float:left;margin-right:4px;}
.spec-scroll .next{float:right;}

.spec-scroll .items{width:90%;}

.spec-scroll .items ul{position:absolute;width:999999px;height:56px;}
.spec-scroll .items ul li{float:left;width:64px;text-align:center;}
.spec-scroll .items ul li img{border:1px solid #CCC;padding:2px;width:50px;height:50px;}
.spec-scroll .items ul li img:hover{border:2px solid #FF6600;padding:1px;}

/*产品详细页*/
.fanye{ margin-top:40px; border-top:5px solid #f4f4f4;}
.fanye ul{ padding-top:30px;}
.fanye ul li{ line-height:30px;}
.neirong_pro{ margin-top:0px;}
.proxx table{border-left: #DFDFDF 1px solid; border-top: #DFDFDF 1px solid;  width:100%; margin:0 auto; }
.proxx tr td{padding: 5px 10px;border-bottom: #DFDFDF 1px solid; border-right: #DFDFDF 1px solid;}

.tupianzuo{ width:100%; float:none}
.miaoshupro{ width:100%; float:none; margin-top:90px;}
.miaoshupro h2{ font-size:28px;}

.miaoshupro h3{ font-weight:normal; font-size:20px; font-size:555; opacity:0.8; margin-top:20px;}
.miaoshupro h4{ background:#01a23b; width:150px; height:40px; line-height:40px; text-align:center; margin-top:20px; font-weight:normal}
.miaoshupro h4 a{ text-align:center; color:#fff; font-size:17px;}
/* Clear Fix */ 
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;} 
.clearfix{display:inline-block;} 
/* Hide from IE Mac */ 
.clearfix{display:block;} 
/* End hide from IE Mac */ 
/* end of clearfix */ 
/*页面全局结束*/
.tab{ overflow:hidden; }
.tab li,.tab a,.tab-item{cursor:pointer;float:left;text-align: center;}
.m, .mt, .mc, .mb{overflow:hidden;}
.mt .extra{float: right;}


.right-extra .tab{border-bottom:2px solid #40904a;margin-bottom:10px;}
.right-extra .tab li{position:relative;height:35px;padding:3px 12px 0;overflow:hidden;margin-right:3px;line-height:35px; background:#d8d8d8;color:#333;}
.right-extra .tab span{position:absolute;left:0;top:0;z-index:1;width:10px;}
.right-extra .tab a{float:none;color:#c30;}
.right-extra .tab .curr{ background:#40904a;color:#fff;}
.right-extra .tab .curr span{background-position:0 -178px;}
.right-extra .tab .curr a{color:#fff;}
.right-extra .mc{ margin-top:30px; min-height:200px;}




.fanye{ border-top:5px solid #f2f2f2; margin-top:50px;}
.fanye ul { padding-top:30px;}
.fanye ul li{width:100%; text-align:center}
.fanye ul li:nth-child(3){ text-align:center}
.fanye ul li:nth-child(2){ text-align:center; margin-top:10px; margin-bottom:10px;  }




.pro_list {  width:100%; display:block; }
.pro_list ul { margin-top:50px;}
.pro_list ul li { width:48%; margin:0.5% 1%; line-height:50px; border:1px solid #d9d9d9; padding:0px 2%; text-align:center; text-align:left; font-size:16px; color:#333; background:#fff; float:left; overflow:hidden;  }
.pro_list ul li font {display: inline-block; float:left;transition:all 0.4s; max-width:60%; text-overflow: ellipsis; font-size:15px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
height: 50px;
line-height: 50px;}
.pro_list ul li i { display: inline-block;float:left; color:#999; padding-left:5%; font-family:Arial, Helvetica, sans-serif; font-style:normal;} 
.pro_list ul li span { width:25px; height:25px; background:#fff; border:1px solid #d9d9d9; text-align:center; line-height:25px; float:right; font-family:"黑体"; color:#999; margin-top:2.5%; border-radius:50%; transition:all 0.4s;}


.pro_list ul a:hover li { background:#01a23b; border:1px solid #00923f; box-shadow:2px 2px 2px 2px rgba(0,0,0,.2); color:#fff;}
.pro_list ul a:hover li font { margin-left:2%;}
.pro_list ul a:hover li i { color:#fff;}
.pro_list ul a:hover li span { margin-right:2%;}

.liuyan{ background:#f4f4f4; margin-top:60px;}
.shuoming{ font-size:18px;  padding-bottom:10px;}
.ss{ font-size:17px; padding-bottom:20px;}



/* product detail */
.product-detail { position: relative; overflow: visible; }
.detail-tabs { position: relative; margin-bottom: -1px; background: #eaedf0; }
.detail-tabs .title { position: relative; position: relative; position: relative; float: left; display: inline-block; margin-right: -1px; padding: 1px 35px; border: 1px solid #ccd3d9; color: #959da7; color: rgba(0,33,64,.5); vertical-align: top; text-transform: uppercase; font-weight: bold; font-size: 18px; font-family: Times New Roman; line-height: 35px; cursor: pointer; }
.detail-tabs .title.current { position: relative; z-index: 2; margin-bottom: -1px; padding-bottom: 2px; border-bottom: none; background: #fff; color: #41904A; }
.product-detail .tab-panel-content { display: block; overflow: hidden; padding: 10px 0; }
.product-detail .disabled { display: none; }
.tab-panel-wrap { margin-bottom: 40px; padding: 20px; border: 1px solid #ccd3d9; background-color: #fff; }

.table_wrap{
margin:10px 0;
}
.table_wrap tr:nth-child(2n){
    background-color: #f1f1f1;
}

.content_box{
    position: relative;
    margin-bottom: 10px;background:#f4f4f4;
}

.content_box h2{ width: 75%;}
.content_box h2 > span{ font-size:17px;}


.content_box h2:after{
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: -20px;
    height: 100%;
    width: 50%;
    
    z-index: -1;
    background-image:none !important;
}
.content_box .companyname{
    position: absolute;
    right: 0;
    bottom: 0;
    line-height: 33px;
    max-height: 33px;
    padding-right: .2rem;
    width: 100%;
    height: 33px;
    text-align: right;
    z-index: 0;
    color: #ffffff;
    text-transform: capitalize;

}
.content_box:before{width: 75%;}




.content_box h2:after , .content_box h2{
    background-color: #505050;
}
.content_box:before{
    background-color: #868080;
}
.content_box .companyname{
    background-color: #dbdbdb;
}

.tab-panel-content .fl-row-content-wrap{padding:0!important;}

.single_product_text .fl-rich-text br{
    display: none;
}
.single_product_text .fl-rich-text p span {
    display: block;
    width: 50%;
    float: left;
}


.img_photo .fl-photo-content{
    position: relative;
    z-index: 1;
}
.img_photo .fl-photo-content:after{
    content: '';
    position: absolute;
    left: -4%;
    top: -4%;
    width: 150px;
    height: 150px;
    display: inline-block;
    z-index: -1;
    background-color: transparent;
    border: 9px solid #c8382b;
}
.img_photo .fl-photo-content:before{
    content: '';
    position: absolute;
    right: -4%;
    bottom: -4%;
    width: 150px;
    height: 150px;
    display: inline-block;
    z-index: -1;
    background-color: transparent;
    border: 9px solid #41904b;
}
.content_box .companyname{
    background-color: #dbdbdb;
}
.content_box .companyname{
    position: absolute;
    right: 0;
    bottom: 0;
    line-height: 33px;
    max-height: 33px;
    padding-right: .2rem;
    width: 100%;
    height: 33px;
    text-align: right;
    z-index: 0;
    color: #ffffff;
    text-transform: capitalize;
}
.single_product_text .fl-rich-text p span {
    display: block;
    width: 100%;
    float: left;
}
.tab-panel-content .fl-row-content-wrap{padding:0!important;}

.single_product_text .fl-rich-text br{
    display: none;
}
.fl-row::after, .fl-row-content::after, .fl-col-group::after, .fl-col::after, .fl-module::after, .fl-module-content::after {
  clear: both;
}

.fl-photo-align-center {
  text-align: center;
}
.fl-photo-content {
  display: inline-block;
  line-height: 0;
  position: relative;
  max-width: 100%;
}
.fl-photo-content img {
  display: inline;
  height: auto !important;
  max-width: 100%;
  width: auto !important;
}
.fl-col {
  float: left;
  min-height: 1px;
}
.entry p {
  font-size: 15px;
  font-family: Arial, Helvetica, sans-serif;
}
.fl-row::before, .fl-row::after, .fl-row-content::before, .fl-row-content::after, .fl-col-group::before, .fl-col-group::after, .fl-col::before, .fl-col::after, .fl-module::before, .fl-module::after, .fl-module-content::before, .fl-module-content::after {
  display: table;}
.fl-module-content {
  margin: 10px;
}
.fl-node-60a4efe40eeed .fl-separator {
  border-top: 1px dashed #cccccc;
  filter: alpha(opacity = 100);
  opacity: 1;
  margin: auto;
}
.fl-node-60a4efe40ef2b .fl-separator {
  border-top: 1px dashed #cccccc;
  filter: alpha(opacity = 100);
  opacity: 1;
  margin: auto;
}

.fl-node-60a4efe40f05c .fl-separator {
  border-top: 1px dashed #cccccc;
  filter: alpha(opacity = 100);
  opacity: 1;
  margin: auto;
}
.entry table { margin-bottom: 20px; width: 100%; border-collapse: collapse; border-spacing: 0; }
.entry th, .entry td {
        padding: 8px;
    height: 30px;
    border: 1px solid #dbdbdb;
    /* background: #fbfbfb; */
    color: #666;
    text-align: left;
    font-size: 14px;
    line-height: 1.5;
}
.entry th { background: #eee; font-size: 12px; }
.entry td p, .entry th p, .pd-panel .entry td p, .pd-panel .entry th p { margin: 0; padding: 5px; color: #666; font-size: 12px; line-height: 1.3; }
.entry td.amts { color: #cb2027; }
.entry th#cartDelete { text-align: center; }
.entry .button { margin: 15px 10px 0 0; padding: 8px 15px; border: 0; background: #dfdfdf; color: #777; text-transform: Capitalize; font-weight: bold; line-height: 1.2; cursor: pointer; }
.entry .button:hover { background: #cb2027; color: #fff; }



/*悬浮链接*/
.izl-rmenu{ display:none}




	



.tbottom{ height:3.5rem;}
#BottomNav { background-color:#333; bottom: 0;
    height: 4.5em;
    left: 0;
    overflow: hidden;
    position: fixed;
    width: 100%;
    z-index: 39; box-sizing:border-box; 
}
#BottomNav ul li {
    float: left;
    box-sizing:border-box;
    text-align: center;
    width: 20%; padding-top:0.7em;
}


#BottomNav ul li a {
    color: #fff;
    display: block; 
    


}


#BottomNav ul li a div {
    font-size:14px; padding-bottom:0.7rem; padding-top:0.3em;
}
#BottomNav .a {
    background-image: url(../images/shl-a.png);
}
#BottomNav .b {
    background-image: url(../images/shl-b.png);
}
#BottomNav .c {
    background-image: url(../images/shl-c.png);
}
#BottomNav .d {
 background-image: url(../images/vperson.png);
}
#BottomNav .e {
    background-image: url(../images/shl-e.png);
}
#BottomNav .f {
    background-image: url(../images/shl-f.png); 
}
#BottomNav .icon {
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    height: 1.4rem;
    margin: 0 auto;
    width: 1.4rem;
    background-size: auto 1.4em;
	
}


	.m-header {
 height:60px;
  width: 100%;
  background: #ffffff; z-index:999999999
}
.sousuo{ background:url(../images/wap_sea.png) no-repeat center;text-align: center;
background-position: center center;
background-size: auto 30px; height:45px; margin-top:7px;}


.m-header.cur {
  position: absolute;
}
.ce-table .table-bot .item .i{
	display: inline-block;
	vertical-align: middle;
	line-height: 1.5;
}
.m-header .w-header.fixed {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: #ffffff;
}

.m-header .w-header {
  position: relative;
  padding: 0 10px;
  padding-right: 0;
  width: 100%;
  box-sizing: border-box;
  z-index: 444444444444;
  height: 60px;
  box-shadow: 0 0px 9px rgba(0, 0, 0, 0.1);
  background: #fff;
}
.glasslist-list .items .words .p span{
  font-size: 150%;
  color:#0aadb1;
}

.m-header .welcome-a {
  float: left;
 /* width: 50%;*/
  height: 100%; margin-top:0px;
  /*
  line-height: 48px;
  position: relative;*/
}

.m-header .welcome-a img {
  max-height: 100%;top:10px;
/*  display: inline-block;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;*/
}

.m-header .search-cover {
  float: right;
  width: 50px;
  height: 48px;
  display: block;
  line-height: 48px;
}

.m-header .search-cover img {
  width: 100%;
  vertical-align: middle;
}

.m-header .uio {
  float: right;
  height: 100%;
  width: 65px;
  border-left: 0px solid #e1e1e1;
}

.m-header .search-bg {
  position: fixed;
  left: 0;
  top: 48px;
  width: 100%;
  height: 150px;
  z-index: 10;
  background: #ffffff;
  display: none;
}

.m-header .subsearch {
  padding-right: 15px;
  border-right: 1px solid #d2d2d2;
  box-sizing: border-box;
}
.m-header .subsearch .sp {
  width: 35px;
  height: 35px;
  background-size: 80%;
}

.m-header .subsearch img {
  height: 100%;
}

.m-header .search-bg .m-close-search {
  display: block;
  width: 10px;
  height: 10px;
  background-size: 100% auto;
  position: fixed;
  right: 4%;
  top: 10px;
  cursor: pointer;
  z-index: 11;
}

.m-header .search-bg .m-search-box {
  width: 92%;
  margin: 0 auto;
  border-bottom: 1px solid #f2f2f2;
  position: absolute;
  left: 3%;
  top: 48px;
  height: 40px;
  z-index: 11;
}

.m-header .search-bg .m-search-box .tex {
  border: none;  font-size: 14px;
  color: #a7a7a7;
  height: 41px;
  padding-left: 5px;
  box-sizing: border-box;
  width: 60%;
  background: none;
}

.m-header .search-bg .m-search-box .search-btn {
  border: none;
  width: 30px;
  height: 30px;
  background-size: 100%;
  margin-top: 6px;
}

.m-header .btn-na {
  margin-right: 15px;
}

.m-header .nav-btn {
    position: absolute;
    right: 21px;
    top: 50%;
    width: 22px;
    height: 17px;
    vertical-align: middle;
    cursor: pointer;
    margin-top: -8px;
}

.m-header .nav-btn .line {
  position: absolute;
  display: block;
  width: 100%;
  height: 2px;
  background-color: #333333;
  left: 0;
  border-radius: 4px;
}

.m-header .nav-btn .line1 {
  top: 0px;
  -webkit-transform-origin: left top 0;
  -ms-transform-origin: left top 0;
  transform-origin: left top 0;
}

.m-header .nav-btn .line2 {
  top: 7px;
}

.m-header .nav-btn .line3 {
  bottom: 0px;
  -webkit-transform-origin: left bottom 0;
  -ms-transform-origin: left bottom 0;
  transform-origin: left bottom 0;
}

.m-header .nav-btn.active {
  -webkit-animation: rotate 0.3s linear 0s;
  animation: rotate 0.3s linear 0s;
}

.m-header .nav-btn.hover .line {
  left: 6px;
}

.nav0 {
  position: relative;
  border-left: 1px solid #e1e1e1;
  cursor: pointer;
}
.nav0:hover .nav-btn .line {
  background: #059ea0;
  transition: .5s ease-in-out;
}

.nav0 .nav-btn {
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 12px;
  vertical-align: middle;
  cursor: pointer;
  bottom: 0;
  right: 0;
  margin: auto;
}

.nav0 .nav-btn .line {
  position: absolute;
  display: block;
  width: 100%;
  height: 2px;
  background-color: #fff;
  transition: .5s ease-in-out;
  left: 0;
  border-radius: 4px;
}

.nav0 .nav-btn .line1 {
  top: 0;
  -webkit-transform-origin: left top 0;
  -ms-transform-origin: left top 0;
  transform-origin: left top 0;
}

.nav0 .nav-btn .line2 {
  top: 5px;
}

.nav0 .nav-btn .line3 {
  bottom: 0;
  -webkit-transform-origin: left bottom 0;
  -ms-transform-origin: left bottom 0;
  transform-origin: left bottom 0;
}

.nav0 .nav-btn.active {
  -webkit-animation: rotate 0.3s linear 0s;
  animation: rotate 0.3s linear 0s;
}

.nav0 .nav-btn.hover .line {
  left: 6px;
}


.m-header .sub-menu {
  width: 100%;
  height: 100%;
  padding: 14px 0 0;
  display: none;
  position: fixed;
  left: 0;
  top: 45px;
  background-color: white;
  z-index: 1999999990;
  color: #666;
  overflow-y: auto;
}

.m-header .sub-menu li .sub-tit {
  padding: 0 3%;
  box-sizing: border-box;
}
.m-header .sub-menu li .sub-tit .tu-box {
  padding: 13px 0;
  border-bottom: 1px solid #dcdcdc;
  box-sizing: border-box;
  position: relative;
}
.m-header .sub-menu li .sub-tit .tu-box .imgbox {
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  bottom: 0;
  margin: auto;
}

.m-header .sub-menu li .sub-tit.on .tu-box {
  border-bottom-color: transparent;
}

.m-header .sub-menu li a {
  display: block;
}

.m-header .sub-menu .tit {
  display: block;
  width: 100%;
  padding: 10px 3%; text-transform:uppercase;
  box-sizing: border-box;
  line-height: 33px;
  color: #666;
  position: relative;
  font-size: 15px;
  line-height: 20px;
}
.m-header .sub-menu .tit a {
  color: #666;
}

.menu-text {
  text-align: center;
  margin-top: 35px;
}
.menu-text .li {
  display: inline-block;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #f2f2f2;
  line-height: 50px;
  margin: 0 15px;
}
.menu-text .li img {
  width: 23px;
  display: inline-block;
}

.case-ul.w1480 {
  line-height: 1;
  font-size: 1px;
  /*margin-top: -32px;*/
  margin-bottom: 52px;
}

.headsearch-box {
  position: fixed;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.9);
  z-index: 150;
  top: 0;
  left: 0;
  display: none;
  touch-action: none;
}

.headsearch-box input[type="text"] {
  text-align: center; color:#fff;
  position: absolute;
  width: 100%;
  left: 0;
  height: 100%;
}

.headsearch-box input[type="submit"] {
  position: absolute;
  text-indent: -9999px;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 35px;
  width: 35px;
  background: url(../images/ser-black.png) no-repeat center;
}

.headsearch-box input {
  border: none;
  background: none;
  outline: none;
}

.headsearch-box .x-box .x-o {
  position: absolute;
  right: 0;
  top: 10%;
  cursor: pointer;
}

.headsearch-box .x-box {
  /*height:960px;*/
  width: 1200px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

.headsearch-box .x-p {
  text-align: center;
  width: 1200px;
  margin: 0 auto;
  height: 110px;
  line-height: 110px;
  border-bottom: 1px solid #606060;
  font-size: 24px;
  color: #606060;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

.m-header .sub-menu .tit1 {
  display: block;
  width: 100%; text-transform:uppercase;
  line-height: 33px;
  color: #666;
  position: relative;
  font-size: 15px;
  line-height: 18px;
  box-sizing: border-box;
}

.m-header .sub-menu .sub-tit.on.on .btn-v {
  background: url(../images/img6.png) center center no-repeat;
  background-size: 100%;
}

.m-header .sub-menu .btn-v {
  display: inline-block;
  height: 20px;
  width: 20px;
  float: right;
  margin-right: 16px;
  margin-top: 0;
  background: url(../images/img5.png) center center no-repeat;
  background-size: 100%;
}

.m-header .sub-menu .sub-tit1.on {
  background-color: #ff0001;
  color: #fff;
}

.m-header .sub-menu .sub-tit.on:after {
  background-size: 100% auto;
}

.m-header .sub-menu .sec-list {
  line-height: 28px;
  padding: 1px 1.5%;
  display: none;
  background: #f2f2f2;
}

.m-header .sub-menu .sec-list p {
  background-size: 8px auto;
  height: 43px;
  line-height: 43px;
  font-size: 13px;
  border-top: 1px solid #e8e8e8;
  box-sizing: border-box;
}
.m-header .sub-menu .sec-list p:nth-child(1) {
  border-top: none;
}

.m-header .sub-menu .sec-list a { text-transform:uppercase;
  padding-left: 21px;
  color: #888;
  display: block;
}

.bocweb-header.ff {
  background: #ffffff;
}

.imgd {
  position: relative;
}
.imgd img {
  display: block;
  vertical-align: middle;
}
.imgd .i1, .imgd .i2 {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.nav-pro {
  position: relative;
}

.search-close.show {
  transform: scale(1);
  z-index: 3;
}

.header-search-wrap .submit {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 5;
  width: 36px;
  height: 43px;
  background: url(../images/ser-black.png) no-repeat center;
  border: none;
  box-sizing: border-box;
}

.hide1, .hide1.header.active {
  transform: scale(0) !important;
  opacity: 0;
  transition: .6s ease-in-out;
  transition-duration: .5s;
}

.search-close {
  position: absolute;
  z-index: -1;
  display: block;
  right: -1.5rem;
  top: 50%;
  margin-top: -12px;
  width: 24px;
  height: 24px;
  background:url(../images/close2.png) no-repeat center;
  background-size: 24px !important;
  cursor: pointer;
  transition-duration: .5s;
  transform: scale(0);
}

.header-search-wrap {
  position: absolute;
  z-index: 10;
  left: 50%;
  top: 10px;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  opacity: 0;
  width: 600px;
  height: 44px;
  margin-left: -300px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  color: #666;
  line-height: 44px;
  transition: all 0.5s;
  /*background: #fff;*/
  padding-right: 50px;
}

.header-search-wrap .submit {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 5;
  width: 36px;
  height: 43px;
  background: url(../images/ser-black.png) no-repeat center;
  border: none;
  box-sizing: border-box;
}

.header-search-wrap .ser-input {
  width: 100%;
  height: 43px;
  position: relative;
  border: none;
  background: none;
  box-sizing: border-box;
  text-indent: 20px;
}





.header {
  width: 100%;
  color: #4c4c4c;
  top: 0;
  left: 0;
  height: 70px;
  background: #ffffff;
  transition: .5s ease-in-out;
  line-height: 70px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.header .nav-btn .line {
  background: #353535;
}
.header.active {
  color: #fff;
  position: fixed;
  background: transparent;
}
.header.active .nav0 {
  border-left: 1px solid rgba(255, 255, 255, 0.1);
}
.header.active a {
  color: #ffffff;
}
.header.active .icon-sousuo {
  border-left: 1px solid rgba(255, 255, 255, 0.1);
}
.header.active .bocweb-logo .i0 {
  opacity: 1;
}
.header.active .bocweb-logo .i1 {
  opacity: 0;
}
.header.active .navleft-ul .li .imgd .i0 {
  opacity: 1;
}
.header.active .navleft-ul .li .imgd .i1,
.header.active .navleft-ul .li .imgd .i2 {
  opacity: 0;
}
.header.active .navleft-ul .li:hover .imgd .i0, .header.active .navleft-ul .li.active .imgd .i0 {
  opacity: 0;
}
.header.active .navleft-ul .li:hover .imgd .i2, .header.active .navleft-ul .li.active .imgd .i2 {
  opacity: 0;
}
.header.active .navleft-ul .li:hover .imgd .i1, .header.active .navleft-ul .li.active .imgd .i1 {
  opacity: 1;
}
.header a {
  color: #4c4c4c;
}
.header .bocweb-logo {
  width: 165px;
  height: 70px;
  position: relative;
  margin-right: 60px;
}
.header .bocweb-logo img {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}
.header .bocweb-logo .i0 {
  opacity: 0;
}
.header .bocweb-logo .i1 {
  opacity: 1;
}
.header .bocweb-navleft {
  padding-left:0px;
  box-sizing: border-box;
}
.header .navleft-ul .li {
  float: left;
  padding-left: 30px;
  box-sizing: border-box;
  position: relative;
}
.header .navleft-ul .li:nth-child(n+2) {
  margin-left: 40px;
}
.header .navleft-ul .li .imgd .i2 {
  opacity: 1;
}
.header .navleft-ul .li .imgd .i0 {
  opacity: 0;
}
.header .navleft-ul .li:hover, .header .navleft-ul .li.active {
  color: #059ea0;
  transition: .5s ease-in-out;
}
.header .navleft-ul .li:hover span, .header .navleft-ul .li.active span {
  color: #059ea0;
  transition: .5s ease-in-out;
}
.header .navleft-ul .li:hover .imgd img, .header .navleft-ul .li.active .imgd img {
  transition: .5s ease-in-out;
}
.header .navleft-ul .li:hover .imgd .i0, .header .navleft-ul .li.active .imgd .i0 {
  opacity: 0;
}
.header .navleft-ul .li:hover .imgd .i2, .header .navleft-ul .li.active .imgd .i2 {
  opacity: 0;
}
.header .navleft-ul .li:hover .imgd .i1, .header .navleft-ul .li.active .imgd .i1 {
  opacity: 1;
}
.header .navleft-ul .li .imgd {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 20px;
  height: 20px;
}
.header .navleft-ul .li.li2 .imgd {
   
    top: 4px;
   
}
.header .navleft-ul .li .imgd img {
  transition: .5s ease-in-out;
}
.header .bocweb-nav .nav-li {
  float: left;
}
.header .bocweb-nav .nav-li .li-top {
  transition: .5s ease-in-out;
}
.header .bocweb-nav .nav-li:hover .li-top, .header .bocweb-nav .nav-li.active .li-top {
  color: #059ea0;
  transition: .5s ease-in-out;
}
.header .bocweb-nav .nav-li:nth-child(n+2) {
  margin-left: 95px;
}
.header .bocweb-nav .nav0 {
  width: 80px;
  height: 70px;
}




.header.fixed {
  position: fixed;
  top: 0;
  width: 100%;
  left: 0;
  transition: .5s ease-in-out;
}






 .headsearch-box .x-box {
    width: 90%;
  }

  .headsearch-box .x-p {
    width: 100%;
  }

.mbox {
    display: block!important;
  }

  .maintain-tip .img {
    width: 160px;
  }

  .icon-sousuo {
    width: 40px;
  }

	}
	
	
@media screen and (max-width: 640px) {
.pc_daohang{ display:none}
.wap_daohang{ display:block}
.wap_foot{ display:block}


.wd1200{ width:95%;padding-top:40px; padding-bottom:40px;}
.wenzi h2{ font-size:30px; }
.wenzi h3 { width:100%;font-size: 15px;}
.wenzi { padding-bottom:30px;}


/*首页公司简介*/
.about{display: flex; width:100%;
flex-wrap: wrap;
flex-direction: column-reverse; }

.abtxt img{ height:60px;}

.index_gongsi {display: block;}
.abtu{ margin-top:30px; width:100%; float:none; height:230px!important;}
.abtu img{ max-height:100%; object-fit: cover;}
.abtxt{ width:100%; float:none; flex:none  }

.abtxt ul li{ padding:20px;}
.abmore{ width:130px;}
.abmore a{ font-size:15px;}
.gstu{ width:20%; }
.gstxt{ width:75%;}
.tuwai{width:70px; height:70px; border-radius:50px;}
.abtxt .tubk { width:50px; height:50px;}
.abtxt .tubk img{ width:30px;}
.abtxt h2{ font-size:16px;}
.abtxt h3{font-size:14.5px; }
.abtxt .abnr{ margin-top:0px;}


/*首页产品*/

.pro_left{ width:100%;height:100%; }
.index_pro .wenzi{ padding-bottom:30px;}

.pbk{ padding:40px;}
.ptop h2{font-size:25px;}
.pmore{width:35px; height:35px; line-height:35px;}
.pmore a{font-size:17px;}

.pro_left ul{ margin-top:10px;}
.pro_left ul li{ display:inline-block; width:100%;line-height:30px;}
.pro_left ul li a{ font-size:16px; color:#333;}

.pro_right{ width:100%;}
.pro_right ul li h2{ font-size:17px;margin-bottom:10px;}
.pro_right ul li h3{ font-size:14px; }
.pro_gd{ width:100px; line-height:30px; height:30px; margin-top:20px; font-size:14px;}


.pro_right ul li{ float:left; width:40%; padding:5% 5%}


/*生产设备*/
.shebei ul li:nth-child(1){ margin-bottom:20px;}
.shebei ul li:nth-child(2){ margin-bottom:20px;}
.shebei ul li:nth-child(2n){ float:right}
.shebei ul li{ width:48%; margin-left:0%; margin-right:0%; margin-top:0px;height:150px;}
.shebei ul li  img{max-width:100%;height:150px;transition: all 0.8s;}
.shebei ul li  img:hover{   transform: scale(1.1);}
.shebei_more{}

.shebei_more{ height:35px; line-height:35px; width:140px; margin-top:40px;}
.shebei_more a{ font-size:15px;}




/*首页新闻*/

.tjxwtu{ width:100%; height:auto;}
.tjxwtu  img{max-height:200px;}

.tjxinwen{ padding-top:00px;}
.triqi{ font-size:16px;}
.tjwenzi{ width:100%;  padding-top:30px;}

.tjgeng{  height:35px; line-height:35px;  width:120px; margin-top:15px; font-size:15px;}

.tjbt{font-size:20px; margin-top:15px; margin-bottom:15px;}

.tjmiao{line-height:25px; font-size:14px;}


.index_news ul li:nth-child(3n){ float:left}
.index_news ul li{ width:94%; margin-top:30px;padding:3%;}
.index_news ul li .triqi{ font-size:15px;}

.biaoti{ color:#555; font-size:18px; margin-top:10px; }
.xwmiao{font-size:14px;}
.index_news ul li{ float:left}

.index_news li:nth-child(3n) { float:left}
.index_news li:nth-child(2n) { margin-left:0px; margin-bottom:20px; margin-top:20px;}




/*-------底部-----------*/

.foot .wd1200{ padding-bottom:0px; padding-top:40px; }
.foota{ padding-bottom:30px; border-bottom:1px solid rgba(255,255,255,0.1); margin-bottom:40px;}
.logotxt{ margin-left:10px; margin-top:2px;}
.flogo img{ height:50px;}
.logotxt h2{ font-size:20px;}
.logotxt h3{ font-size:11px; margin-top:5px;}

.fan{width:35px; height:35px; line-height:35px;   font-size:20px; margin-top:5px;}
.fan a{ font-size:20px;   }
.fan:hover{ width:35px; height:35px; }
 

.footb{ padding-bottom:30px;}

.flian{ width:100%;}
.ftxt ul li{ width:100%;font-size:14px; line-height:25px; }
.ftxt ul li:nth-child(2n){ float:left}
.ftxt ul li:nth-child(2){ margin-top:15px;}
.ftxt ul li:nth-child(3){ margin-top:-10px;}
.ftxt ul li:nth-child(4){ margin-top:15px;}

.fabout{ display:none;}
.fpro{ display:none; width:15%;}

.ewm{ display:none;}

.banquan{ padding-top:20px; line-height:25px; font-size:14px; }
a.zzb07link{font-size:14px;}

.zzb07tail{font-size:14px;}



/*内页*/
.ny_weizhi{ font-size:14px; line-height:25px; height:auto; padding-top:10px; padding-bottom:10px;}
.dingwei{width:95%; margin:0 auto;}
.weizhi span { margin-left: 4px;margin-right: 4px;}
.weizhi{ background:url(../images/dw.png) no-repeat left top 3px;background-size:20px; padding-left:25px;}


.neiyebt{font-size:30px;}


.neirong_nmenu{width:95%; margin:0 auto; min-height:auto;line-height: 30px;  margin-bottom:0px; margin-top:30px;}

.nav-tabs-wrapper{ width:100%;}
.nav-tabs-wrapper ul{margin-bottom:10px; margin-top:20px;display: flex;  width: 100%;}
.nav-tabs-wrapper li:nth-child(2n){ float:none}
.nav-tabs-wrapper li{width: 25%; float:none;  margin-bottom:15px; line-height:35px; height:35px;}
.nav-tabs-wrapper li a {font-size: 15px;}

.neirong{ min-height:200px;width:95%; padding:4% 2.5%; margin-top:20px; font-size:14.5px; line-height:27px;}

.tjtu ul li .hotu_tj { height: 150px;}
.tjtu ul li .hotu_tj img { max-height: 150px; height:150px;}
.tjtu ul li{ margin-top:20px;}

/*choose*/
.choose h2{ font-size:32px;}


/*证书*/
.honor ul{display: block; }
.honor ul li:nth-child(2n){ float:right}
.honor ul li{ margin-left:0px; margin-right:0px; float:left; width:48%; overflow:hidden; margin-top:25px; margin-bottom:0px;}
.zu11{ height:150px;}
.honor ul li .hotu { height:150px;}
.honor ul li .hotu img{ max-height:150px; height:150px;object-fit: cover;}
.honame{ font-size:14px;text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:2;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden; height:30px;}



.tesm ul{ width:28%!important; margin:0 auto;}
/*荣誉资质*/
.rollBox1{  width:100%; margin:0 auto; }
.rollBox1 .Cont{width:100%; }
.rollBox1 .Cont .pick{width:48%; height:150px; }
.rollBox1 .Cont .pic1{width:100%; height:150px; }
.rollBox1 .Cont .pic1 img{max-height:150px;}
	
/*team*/

.team ul{ margin:0 auto; margin-top:-90px;}
.team ul li{ padding:30px 9%;}
.team_pic{ width:100%; float:none }
.team_txt{ width:100%; float:none; margin-top:25px;}

.nymain{ padding-top:40px;  width:95%; padding-bottom:40px;}



.serfuwu ul{display: flex; flex-wrap: wrap; justify-content: space-between;}
.serfuwu ul li{ width:40%;overflow:hidden; }
.serfuwu ul li:nth-child(2){ width:60%}

.neixw ul li{ line-height:60px; border-bottom:1px dotted #d8d8d8;}
.neixw ul li a{transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;}
.neixw ul li span{padding-right:20px;}
.neixw ul li div{ padding-right:20px;}
.neixw ul li:hover { background:#009631}
.neixw ul li:hover a{ padding-left:10px; color:#fff}
.neixw ul li:hover span{ color:#fff;}
.neixw ul li:hover div{ color:#fff}
.neisj{ text-align:center; font-size:15px; margin-top:5px;}



.banwz{display:-webkit-box; display:-moz-box; display:-ms-flexbox; display: -webkit-flex; display:flex; -webkit-align-items:center; align-items:center; -webkit-justify-content: center; justify-content: center; height:250px; background:rgba(0,0,0,0); color:#fff; font-size:45px; text-transform:capitalize}





.quzs{ margin-top:30px;}
.quzs h2{ color:#009631; font-size:18px; margin-bottom:30px;}
.quzs ul{display: flex; flex-wrap: wrap; justify-content: space-between; }
.quzs ul li{ width:31%; overflow:hidden; }

.biaoti{ text-align:center; padding-top:15px;}


.cco{ background:#fff;border:5px solid #009631; border-top:0px; padding:20px; line-height:25px;  word-wrap:break-word;  }
.cco p{ padding:0px; margin:0px; font-size:14px;}

.page_in{ border-top:5px solid #fafafa; margin-top:40px;}
.page_in ul{ align-items: center;margin-top:30px;}

.page_in ul li { width: 33%; font-size:15px; float:left}
.page_in ul li:nth-child(2){ transition: all 0.3s ease 0s; width:33%;margin:0 auto; }
.page_in ul li:nth-child(2) a{ display:block; color:#fff; background:#0055a9; width:50px; height:50px; line-height:50px; color:#fff; border-radius:50%; margin:0 auto; text-align:center}
.page_in ul li:nth-child(2):hover{}
.page_in ul li:nth-child(2):hover a{ color:#fff; background:#000; border-radius:50%; }
.page_in ul li:nth-child(3){ text-align:right;}
.cuti{ width:100%; font-size:25px; line-height:25px; text-align:center; color:#e73b00; }
.nyma{ min-height:150px;}
.proxx{ font-size:15px; margin-top:30px;}

.proxx table{border-left: #d8d8d8 1px solid; border-top: #d8d8d8 1px solid;  width:100%; margin:0 auto; }
.proxx tr td{padding: 10px; font-size:14px;
    line-height: 25px;
	border-bottom: #d8d8d8 1px solid; border-right: #d8d8d8 1px solid;}
.proxx tr td:first-child{ text-align:center; width:30%;}
.proxx tr td img{ max-width:100%}


/*内页新闻*/
.newsmid_2_1_mid_1{  width:35%;  float:left;height:auto; background:#fff; margin-bottom:0px; height:80px;}
.newsmid_2_1_mid_1 img{max-height:80px;transition: all 0.8s;object-fit: cover; max-width:100%;}

.newsmid_2_1_mid_2_2 h3 {
    font-size: 17px;}

.newsmid_2_1_mid {padding:20px; height:auto;}
.newsmid_2_1_mid_2{ width:60%; float:right;}



.newsmid_2_1_mid_2_2{overflow:hidden;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;   
overflow: hidden;word-wrap:break-word;
word-break:break-all;
 min-height:3em; }


.newsmid_2_1_mid_2_2 p { display:none;}



.news_da { background:none!important;}
.news_da_nr { width:68%; float: left;}

.xwbt{ font-size:20px; text-align:center; margin:0 auto; font-weight:bold;}
.shijian{ text-align:center; margin:0 auto; font-size:15px; color:#555; opacity:0.6}
.xxnr img{ max-width:100%!important; height:auto!important}


.fanhui li{ width:100%; margin-top:0px;}
.fanhui{ margin-top:30px;}
.fanhui li:nth-child(2){ margin-top:10px; text-align:left; float:left}
.fanhui li:nth-child(2) .fr{ float:left}
.neirong_nbk{ margin-top:20px;}
.wenzi h4{ font-size:20px; color:#000; font-weight:normal;}
.wenzi h5{ font-weight:normal; font-size:15px; opacity:0.8; padding:0px; margin:0px; padding-top:10px;}


/*内页新闻*/
.nyxinwen ul li{ float:left; width:44%; background-color: #ffffff; -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05); box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05); line-height:30px;padding:30px;border-radius:5px; margin-bottom:25px;}
.nyxinwen ul li:nth-child(2n){ float:right}

.xwmiao{color:#555; opacity:0.5; font-size:15px;text-overflow: ellipsis;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow:hidden;height:44px; line-height:22px; margin-top:8px; margin-bottom:10px;}
.nyxinwen ul li{
transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;}
.nyxinwen ul li:hover{
	transform: translate(0,-5px);
	-webkit-transform: translate(0,-5px);
	-moz-transform: translate(0,-5px);
	-o-transform: translate(0,-5px);
	-ms-transform: translate(0,-5px);}
.new_biaoti{ color:#333; font-size:18px;text-overflow: ellipsis;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; overflow:hidden; font-weight:normal; line-height:23px; height:46px; }
	
.xline{ background:#0055a9; height:2px; width:40px; margin-top:15px; margin-bottom:15px;}
.riqi{ color:#a3a3a3}
.nybt{ line-height:40px; text-align:center; color:#fff; background:#0055a9; font-size:20px; margin-bottom:30px;}
.new_nybt{color:#0055a9; font-size:20px; text-align:center; margin-bottom:10px;}

.protable table td{ font-size:14px;}
.protable table td img{ height:50px;}

/*oncopy*/
.diermail{ margin-top:10px;}
.nymail .fl{ float:none;}
#contact-copy{display: flex;align-items: center; float:none;}
.copy-button{ margin-left:0px;
width: 20vw;
height:6vw;
border-radius: 2.3vw;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
transition: transform .2s;
background: linear-gradient(105deg, #64c4a9 0%, #6ab960 50%, #41904a 100%);}


.copy-button:hover{transform: scale(1.05);}
.copy-button:active{transform: scale(1);}
.copy-button::before{
content: "";
width: 2vw;
height: 3.2vw;
border-radius: .2vw;
border: solid .2vw #fff;
box-shadow: .25vw .25vw 0 0 #fff;
transform: translate(0, -.125vw);}

.copy-button::after{
content: "COPY";
font-size: 4vw;
font-weight: bold;
color: #fff;
margin-left: .8vw;}

.copy-text{
color: #41904a;
font-size: 4vw; line-height:30px;
padding-left: 0px;
opacity: 0;
font-weight: bold;
pointer-events: none;
transition: all .2s;}
#information-head p{display: inline;padding: 0;}
#input-copy{position: fixed;top: 0;left: 0;opacity: 0;pointer-events: none;}
#input-copy {pointer-events: none;}

#contact-copy2{display: flex;align-items: center;}

.copy-button2{
	width: 20vw;
height:6vw;
margin-left:00px;

border-radius: 2.3vw;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
transition: transform .2s;
background: linear-gradient(105deg, #64c4a9 0%, #6ab960 50%, #41904a 100%);}
.copy-button2:hover{transform: scale(1.05);}
.copy-button2:active{transform: scale(1);}
.copy-button2::before{
content: "";
width: 2vw;
height: 3.2vw;
border-radius: .2vw;
border: solid .2vw #fff;
box-shadow: .25vw .25vw 0 0 #fff;
transform: translate(0, -.125vw);}

.copy-button2::after{
content: "COPY";
font-size: 4vw;
font-weight: bold;
color: #fff;
margin-left: .8vw;}

.copy-text2{
color: #41904a;
font-size:4vw;
line-height:30px;
padding-left: 0vw;
opacity: 0;
font-weight: bold;
pointer-events: none;
transition: all .2s;}
#information-head2 p{display: inline;padding: 0;}
#input-copy2{position: fixed;top: 0;left: 0;opacity: 0;pointer-events: none;}
#input-copy2 {pointer-events: none;}


.nditu .contact_2_1 ul li{ margin-bottom:1.4375em;
float:none; width:100%;}
.nditu .anniu2 { margin-top:50px;}


/*内页联系我们*/
.nlian{ width:100%; float:none; margin-top:40px;}
.nditu{ width:100%; float:none; background:#f4f4f4; margin-top:40px;}
.contact_2{ padding:30px; }
.contact_2_1 ul li{ margin-bottom:8px;float:none; width:100%;}

.contact_2_1 ul li:nth-child(2),.contact_2_1 ul li:nth-child(4){
float:none}
.tixing{ line-height:50px;}
.contact_2_1 ul li:nth-child(5){width:100%; float:none}
.contact_2_1 ul li:nth-child(5) .contact_2_1_mid{ width:96%; padding:0.8em 2%;}
.contact_2_1_mid{ width:85%; }

.anniu2{ margin-top:70px; font-size:15px;}




/*brand office*/
.gsbt{ text-align:left; color:#333; font-weight:bold; font-size:25px; padding-bottom:20px;}

.neilian .lianbg .lieaaa ul li{ background:#fff}
.neilian .lianbg{background:#f9f9f9;}

.lxfs:nth-child(2){ margin-top:30px;}

.c_icon{ }
.neiadd{ width:75%;text-align:left}
.lieaaa{ width:100%; float:none; margin-bottom:30px;}
.lieaaa:nth-child(2){ float:none}
.lieaaa:nth-child(1){ padding-top:30px;}
.neilian .wd1200{ padding-bottom:0px; padding-top:0px;}
.neilian{ padding-bottom:40px;}

.c_icon ul{ margin:70px 0 50px 0;}
.neilian ul li { height:auto; margin-bottom:20px;
	padding: 3%;
	border-radius: 5px;
	box-shadow:0 10px 40px -10px rgba(0,0,0,.2);
	width:94%;
	text-align:center;
	line-height: 30px;}

.c_icon {width: 70px;height: 70px;}
.c_icon span {width: 50px;height: 50px;}
.neilian img{ margin-top:10px;} 



/*application*/

.neizr ul{ }
.neizr ul li:nth-child(2n) .zerenzuo{ float:none}
.neizr ul li:nth-child(2n) .zerenyou{ float:none;}
.neizr ul li{ padding-bottom:30px; padding-top:30px;}
.zerenzuo { width:100%; float:none; overflow:hidden}
.zerenyou {width:100%; float:none}




/*内页产品*/
.itemList{ margin-top:30px; }
.itemList li{padding: 1.5%;float: none;width: 97%;margin-left:0%; margin-right:0%;margin-bottom:3%;}
  






/*评论列表*/
#comment { margin-top:40px; }

/*图片放大镜样式*/
.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:450px;height:450px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#ffffff /*url(../images/zoom.png) 50% center no-repeat*/;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}

/*图片小图预览列表*/
.spec-preview{max-width:100%; width:100%;height:350px;}
.spec-preview img{ max-width:100%}
.spec-scroll{clear:both;margin-top:5px;width:100%;}

.spec-scroll .prev{float:left;margin-right:4px;}
.spec-scroll .next{float:right;}

.spec-scroll .items{width:90%;}

.spec-scroll .items ul{position:absolute;width:999999px;height:56px;}
.spec-scroll .items ul li{float:left;width:64px;text-align:center;}
.spec-scroll .items ul li img{border:1px solid #CCC;padding:2px;width:50px;height:50px;}
.spec-scroll .items ul li img:hover{border:2px solid #FF6600;padding:1px;}

/*产品详细页*/
.fanye{ margin-top:40px; border-top:5px solid #f4f4f4;}
.fanye ul{ padding-top:30px;}
.fanye ul li{ line-height:30px;}
.neirong_pro{ margin-top:0px;}
.proxx table{border-left: #DFDFDF 1px solid; border-top: #DFDFDF 1px solid;  width:100%; margin:0 auto; }
.proxx tr td{padding: 5px 10px;border-bottom: #DFDFDF 1px solid; border-right: #DFDFDF 1px solid;}

.tupianzuo{ width:100%; float:none}
.miaoshupro{ width:100%; float:none; margin-top:90px;}
.miaoshupro h2{ font-size:28px;}

.miaoshupro h3{ font-weight:normal; font-size:20px; font-size:555; opacity:0.8; margin-top:20px;}
.miaoshupro h4{ background:#01a23b; width:150px; height:40px; line-height:40px; text-align:center; margin-top:20px; font-weight:normal}
.miaoshupro h4 a{ text-align:center; color:#fff; font-size:17px;}
/* Clear Fix */ 
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;} 
.clearfix{display:inline-block;} 
/* Hide from IE Mac */ 
.clearfix{display:block;} 
/* End hide from IE Mac */ 
/* end of clearfix */ 
/*页面全局结束*/
.tab{ overflow:hidden; }
.tab li,.tab a,.tab-item{cursor:pointer;float:left;text-align: center;}
.m, .mt, .mc, .mb{overflow:hidden;}
.mt .extra{float: right;}


.right-extra .tab{border-bottom:2px solid #40904a;margin-bottom:10px;}
.right-extra .tab li{position:relative;height:35px;padding:3px 12px 0;overflow:hidden;margin-right:3px;line-height:35px; background:#d8d8d8;color:#333;}
.right-extra .tab span{position:absolute;left:0;top:0;z-index:1;width:10px;}
.right-extra .tab a{float:none;color:#c30;}
.right-extra .tab .curr{ background:#40904a;color:#fff;}
.right-extra .tab .curr span{background-position:0 -178px;}
.right-extra .tab .curr a{color:#fff;}
.right-extra .mc{ margin-top:30px; min-height:200px;}




.fanye{ border-top:5px solid #f2f2f2; margin-top:50px;}
.fanye ul { padding-top:30px;}
.fanye ul li{width:100%; text-align:center}
.fanye ul li:nth-child(3){ text-align:center}
.fanye ul li:nth-child(2){ text-align:center; margin-top:10px; margin-bottom:10px;  }




.pro_list {  width:100%; display:block; }
.pro_list ul { margin-top:50px;}
.pro_list ul li { width:48%; margin:0.5% 1%; line-height:50px; border:1px solid #d9d9d9; padding:0px 2%; text-align:center; text-align:left; font-size:16px; color:#333; background:#fff; float:left; overflow:hidden;  }
.pro_list ul li font {display: inline-block; float:left;transition:all 0.4s; max-width:60%; text-overflow: ellipsis; font-size:15px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
height: 50px;
line-height: 50px;}
.pro_list ul li i { display: inline-block;float:left; color:#999; padding-left:5%; font-family:Arial, Helvetica, sans-serif; font-style:normal;} 
.pro_list ul li span { width:25px; height:25px; background:#fff; border:1px solid #d9d9d9; text-align:center; line-height:25px; float:right; font-family:"黑体"; color:#999; margin-top:2.5%; border-radius:50%; transition:all 0.4s;}


.pro_list ul a:hover li { background:#01a23b; border:1px solid #00923f; box-shadow:2px 2px 2px 2px rgba(0,0,0,.2); color:#fff;}
.pro_list ul a:hover li font { margin-left:2%;}
.pro_list ul a:hover li i { color:#fff;}
.pro_list ul a:hover li span { margin-right:2%;}

.liuyan{  margin-top:40px;}
.shuoming{ font-size:16px; }
.ss{ font-size:15px; padding-bottom:20px;}

.contact_2_1_mid input {font-size: 14px;}
.contact_2_1_mid textarea {font-size: 14px;}


/* product detail */
.product-detail { position: relative; overflow: visible; }
.detail-tabs { position: relative; margin-bottom: -1px; background: #eaedf0; }
.detail-tabs .title { position: relative; position: relative; position: relative; float: left; display: inline-block; margin-right: -1px; padding: 1px 35px; border: 1px solid #ccd3d9; color: #959da7; color: rgba(0,33,64,.5); vertical-align: top; text-transform: uppercase; font-weight: bold; font-size: 18px; font-family: Times New Roman; line-height: 35px; cursor: pointer; }
.detail-tabs .title.current { position: relative; z-index: 2; margin-bottom: -1px; padding-bottom: 2px; border-bottom: none; background: #fff; color: #41904A; }
.product-detail .tab-panel-content { display: block; overflow: hidden; padding: 10px 0; }
.product-detail .disabled { display: none; }
.tab-panel-wrap { margin-bottom: 40px; padding: 20px; border: 1px solid #ccd3d9; background-color: #fff; }

.table_wrap{
margin:10px 0;
}
.table_wrap tr:nth-child(2n){
    background-color: #f1f1f1;
}

.content_box{
    position: relative;
    margin-bottom: 10px;background:#f4f4f4;
}

.content_box h2{ width: 75%;}
.content_box h2 > span{ font-size:17px;}


.content_box h2:after{
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: -20px;
    height: 100%;
    width: 50%;
    
    z-index: -1;
    background-image:none !important;
}
.content_box .companyname{
    position: absolute;
    right: 0;
    bottom: 0;
    line-height: 33px;
    max-height: 33px;
    padding-right: .2rem;
    width: 100%;
    height: 33px;
    text-align: right;
    z-index: 0;
    color: #ffffff;
    text-transform: capitalize;

}
.content_box:before{width: 75%;}




.content_box h2:after , .content_box h2{
    background-color: #505050;
}
.content_box:before{
    background-color: #868080;
}
.content_box .companyname{
    background-color: #dbdbdb;
}

.tab-panel-content .fl-row-content-wrap{padding:0!important;}

.single_product_text .fl-rich-text br{
    display: none;
}
.single_product_text .fl-rich-text p span {
    display: block;
    width: 50%;
    float: left;
}


.img_photo .fl-photo-content{
    position: relative;
    z-index: 1;
}
.img_photo .fl-photo-content:after{
    content: '';
    position: absolute;
    left: -4%;
    top: -4%;
    width: 150px;
    height: 150px;
    display: inline-block;
    z-index: -1;
    background-color: transparent;
    border: 9px solid #c8382b;
}
.img_photo .fl-photo-content:before{
    content: '';
    position: absolute;
    right: -4%;
    bottom: -4%;
    width: 150px;
    height: 150px;
    display: inline-block;
    z-index: -1;
    background-color: transparent;
    border: 9px solid #41904b;
}
.content_box .companyname{
    background-color: #dbdbdb;
}
.content_box .companyname{
    position: absolute;
    right: 0;
    bottom: 0;
    line-height: 33px;
    max-height: 33px;
    padding-right: .2rem;
    width: 100%;
    height: 33px;
    text-align: right;
    z-index: 0;
    color: #ffffff;
    text-transform: capitalize;
}
.single_product_text .fl-rich-text p span {
    display: block;
    width: 100%;
    float: left;
}
.tab-panel-content .fl-row-content-wrap{padding:0!important;}

.single_product_text .fl-rich-text br{
    display: none;
}
.fl-row::after, .fl-row-content::after, .fl-col-group::after, .fl-col::after, .fl-module::after, .fl-module-content::after {
  clear: both;
}

.fl-photo-align-center {
  text-align: center;
}
.fl-photo-content {
  display: inline-block;
  line-height: 0;
  position: relative;
  max-width: 100%;
}
.fl-photo-content img {
  display: inline;
  height: auto !important;
  max-width: 100%;
  width: auto !important;
}
.fl-col {
  float: left;
  min-height: 1px;
}
.entry p {
  font-size: 15px;
  font-family: Arial, Helvetica, sans-serif;
}
.fl-row::before, .fl-row::after, .fl-row-content::before, .fl-row-content::after, .fl-col-group::before, .fl-col-group::after, .fl-col::before, .fl-col::after, .fl-module::before, .fl-module::after, .fl-module-content::before, .fl-module-content::after {
  display: table;}
.fl-module-content {
  margin: 10px;
}
.fl-node-60a4efe40eeed .fl-separator {
  border-top: 1px dashed #cccccc;
  filter: alpha(opacity = 100);
  opacity: 1;
  margin: auto;
}
.fl-node-60a4efe40ef2b .fl-separator {
  border-top: 1px dashed #cccccc;
  filter: alpha(opacity = 100);
  opacity: 1;
  margin: auto;
}

.fl-node-60a4efe40f05c .fl-separator {
  border-top: 1px dashed #cccccc;
  filter: alpha(opacity = 100);
  opacity: 1;
  margin: auto;
}
.entry table { margin-bottom: 20px; width: 100%; border-collapse: collapse; border-spacing: 0; }
.entry th, .entry td {
        padding: 8px;
    height: 30px;
    border: 1px solid #dbdbdb;
    /* background: #fbfbfb; */
    color: #666;
    text-align: left;
    font-size: 14px;
    line-height: 1.5;
}
.entry th { background: #eee; font-size: 12px; }
.entry td p, .entry th p, .pd-panel .entry td p, .pd-panel .entry th p { margin: 0; padding: 5px; color: #666; font-size: 12px; line-height: 1.3; }
.entry td.amts { color: #cb2027; }
.entry th#cartDelete { text-align: center; }
.entry .button { margin: 15px 10px 0 0; padding: 8px 15px; border: 0; background: #dfdfdf; color: #777; text-transform: Capitalize; font-weight: bold; line-height: 1.2; cursor: pointer; }
.entry .button:hover { background: #cb2027; color: #fff; }




/*悬浮链接*/
.suspension{ display:none}


.nyabout{ height:150px;background-size:150%}
.nyplant{ height:150px;background-size:150%}
.nyfz{ height:150px;background-size:150%}
.nyzr{ height:150px;background-size:150%}
.nyjob{ height:150px;background-size:150%}

.nycon{ height:150px;background-size:150%}
.nynews{ height:150px;background-size:170%}
.nyapp{ height:150px;background-size:170%}
.nypro{ height:150px;background-size:150%}




	



.tbottom{ height:3.5rem;}
#BottomNav { background-color:#fff; bottom: 0;
    height: 4.5em;
    left: 0;
    overflow: hidden;
    position: fixed;
    width: 100%;
    z-index: 39; box-sizing:border-box; 
}
#BottomNav ul li {
    float: left;
    box-sizing:border-box;
    text-align: center;
    width: 20%; padding-top:0.7em;
}


#BottomNav ul li a {
    color: #555;
    display: block; 
    


}


#BottomNav ul li a div {
    font-size:13px; padding-bottom:0.7rem; padding-top:0.3em;
}
#BottomNav .a {
    background-image: url(../images/shl-a.png);
}
#BottomNav .b {
    background-image: url(../images/shl-b.png);
}
#BottomNav .c {
    background-image: url(../images/shl-c.png);
}
#BottomNav .d {
 background-image: url(../images/shl-d.png);
}
#BottomNav .e {
    background-image: url(../images/shl-e.png);
}
#BottomNav .f {
    background-image: url(../images/shl-f.png); 
}
#BottomNav .icon {
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    height: 1.4rem;
    margin: 0 auto;
    width: 1.4rem;
    background-size: auto 1.4em;
	
}


	.m-header {
 height:60px;
  width: 100%;
  background: #ffffff; z-index:999999999
}
.sousuo{ background:url(../images/wap_sea.png) no-repeat center;text-align: center;
background-position: center center;
background-size: auto 30px; height:45px; margin-top:7px;}


.m-header.cur {
  position: absolute;
}
.ce-table .table-bot .item .i{
	display: inline-block;
	vertical-align: middle;
	line-height: 1.5;
}
.m-header .w-header.fixed {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: #ffffff;
}

.m-header .w-header {
  position: relative;
  padding: 0 10px;
  padding-right: 0;
  width: 100%;
  box-sizing: border-box;
  z-index: 444444444444;
  height: 60px;
  box-shadow: 0 0px 9px rgba(0, 0, 0, 0.1);
  background: #fff;
}
.glasslist-list .items .words .p span{
  font-size: 150%;
  color:#0aadb1;
}

.m-header .welcome-a {
  float: left;
 /* width: 50%;*/
  height: 100%; margin-top:0px;
  /*
  line-height: 48px;
  position: relative;*/
}

.m-header .welcome-a img {
  max-height: 100%;top:10px;
/*  display: inline-block;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;*/
}

.m-header .search-cover {
  float: right;
  width: 50px;
  height: 48px;
  display: block;
  line-height: 48px;
}

.m-header .search-cover img {
  width: 100%;
  vertical-align: middle;
}

.m-header .uio {
  float: right;
  height: 100%;
  width: 65px;
  border-left: 0px solid #e1e1e1;
}

.m-header .search-bg {
  position: fixed;
  left: 0;
  top: 48px;
  width: 100%;
  height: 150px;
  z-index: 10;
  background: #ffffff;
  display: none;
}

.m-header .subsearch {
  padding-right: 15px;
  border-right: 1px solid #d2d2d2;
  box-sizing: border-box;
}
.m-header .subsearch .sp {
  width: 35px;
  height: 35px;
  background-size: 80%;
}

.m-header .subsearch img {
  height: 100%;
}

.m-header .search-bg .m-close-search {
  display: block;
  width: 10px;
  height: 10px;
  background-size: 100% auto;
  position: fixed;
  right: 4%;
  top: 10px;
  cursor: pointer;
  z-index: 11;
}

.m-header .search-bg .m-search-box {
  width: 92%;
  margin: 0 auto;
  border-bottom: 1px solid #f2f2f2;
  position: absolute;
  left: 3%;
  top: 48px;
  height: 40px;
  z-index: 11;
}

.m-header .search-bg .m-search-box .tex {
  border: none;  font-size: 14px;
  color: #a7a7a7;
  height: 41px;
  padding-left: 5px;
  box-sizing: border-box;
  width: 60%;
  background: none;
}

.m-header .search-bg .m-search-box .search-btn {
  border: none;
  width: 30px;
  height: 30px;
  background-size: 100%;
  margin-top: 6px;
}

.m-header .btn-na {
  margin-right: 15px;
}

.m-header .nav-btn {
    position: absolute;
    right: 21px;
    top: 50%;
    width: 22px;
    height: 17px;
    vertical-align: middle;
    cursor: pointer;
    margin-top: -8px;
}

.m-header .nav-btn .line {
  position: absolute;
  display: block;
  width: 100%;
  height: 2px;
  background-color: #333333;
  left: 0;
  border-radius: 4px;
}

.m-header .nav-btn .line1 {
  top: 0px;
  -webkit-transform-origin: left top 0;
  -ms-transform-origin: left top 0;
  transform-origin: left top 0;
}

.m-header .nav-btn .line2 {
  top: 7px;
}

.m-header .nav-btn .line3 {
  bottom: 0px;
  -webkit-transform-origin: left bottom 0;
  -ms-transform-origin: left bottom 0;
  transform-origin: left bottom 0;
}

.m-header .nav-btn.active {
  -webkit-animation: rotate 0.3s linear 0s;
  animation: rotate 0.3s linear 0s;
}

.m-header .nav-btn.hover .line {
  left: 6px;
}

.nav0 {
  position: relative;
  border-left: 1px solid #e1e1e1;
  cursor: pointer;
}
.nav0:hover .nav-btn .line {
  background: #059ea0;
  transition: .5s ease-in-out;
}

.nav0 .nav-btn {
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 12px;
  vertical-align: middle;
  cursor: pointer;
  bottom: 0;
  right: 0;
  margin: auto;
}

.nav0 .nav-btn .line {
  position: absolute;
  display: block;
  width: 100%;
  height: 2px;
  background-color: #fff;
  transition: .5s ease-in-out;
  left: 0;
  border-radius: 4px;
}

.nav0 .nav-btn .line1 {
  top: 0;
  -webkit-transform-origin: left top 0;
  -ms-transform-origin: left top 0;
  transform-origin: left top 0;
}

.nav0 .nav-btn .line2 {
  top: 5px;
}

.nav0 .nav-btn .line3 {
  bottom: 0;
  -webkit-transform-origin: left bottom 0;
  -ms-transform-origin: left bottom 0;
  transform-origin: left bottom 0;
}

.nav0 .nav-btn.active {
  -webkit-animation: rotate 0.3s linear 0s;
  animation: rotate 0.3s linear 0s;
}

.nav0 .nav-btn.hover .line {
  left: 6px;
}


.m-header .sub-menu {
  width: 100%;
  height: 100%;
  padding: 14px 0 0;
  display: none;
  position: fixed;
  left: 0;
  top: 45px;
  background-color: white;
  z-index: 1999999990;
  color: #666;
  overflow-y: auto;
}

.m-header .sub-menu li .sub-tit {
  padding: 0 3%;
  box-sizing: border-box;
}
.m-header .sub-menu li .sub-tit .tu-box {
  padding: 13px 0;
  border-bottom: 1px solid #dcdcdc;
  box-sizing: border-box;
  position: relative;
}
.m-header .sub-menu li .sub-tit .tu-box .imgbox {
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  bottom: 0;
  margin: auto;
}

.m-header .sub-menu li .sub-tit.on .tu-box {
  border-bottom-color: transparent;
}

.m-header .sub-menu li a {
  display: block;
}

.m-header .sub-menu .tit {
  display: block;
  width: 100%;
  padding: 10px 3%;text-transform:capitalize;
  box-sizing: border-box;
  line-height: 33px;
  color: #666;
  position: relative;
  font-size: 15px;
  line-height: 20px;
}
.m-header .sub-menu .tit a {
  color: #666;
}

.menu-text {
  text-align: center;
  margin-top: 35px;
}
.menu-text .li {
  display: inline-block;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #f2f2f2;
  line-height: 50px;
  margin: 0 15px;
}
.menu-text .li img {
  width: 23px;
  display: inline-block;
}

.case-ul.w1480 {
  line-height: 1;
  font-size: 1px;
  /*margin-top: -32px;*/
  margin-bottom: 52px;
}

.headsearch-box {
  position: fixed;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.9);
  z-index: 150;
  top: 0;
  left: 0;
  display: none;
  touch-action: none;
}

.headsearch-box input[type="text"] {
  text-align: center; color:#fff;
  position: absolute;
  width: 100%;
  left: 0;
  height: 100%;
}

.headsearch-box input[type="submit"] {
  position: absolute;
  text-indent: -9999px;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 35px;
  width: 35px;
  background: url(../images/ser-black.png) no-repeat center;
}

.headsearch-box input {
  border: none;
  background: none;
  outline: none;
}

.headsearch-box .x-box .x-o {
  position: absolute;
  right: 0;
  top: 10%;
  cursor: pointer;
}

.headsearch-box .x-box {
  /*height:960px;*/
  width: 1200px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

.headsearch-box .x-p {
  text-align: center;
  width: 1200px;
  margin: 0 auto;
  height: 110px;
  line-height: 110px;
  border-bottom: 1px solid #606060;
  font-size: 24px;
  color: #606060;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

.m-header .sub-menu .tit1 {
  display: block;
  width: 100%; text-transform:capitalize;
  line-height: 33px;
  color: #666;
  position: relative;
  font-size: 15px;
  line-height: 18px;
  box-sizing: border-box;
}

.m-header .sub-menu .sub-tit.on.on .btn-v {
  background: url(../images/img6.png) center center no-repeat;
  background-size: 100%;
}

.m-header .sub-menu .btn-v {
  display: inline-block;
  height: 20px;
  width: 20px;
  float: right;
  margin-right: 16px;
  margin-top: 0;
  background: url(../images/img5.png) center center no-repeat;
  background-size: 100%;
}

.m-header .sub-menu .sub-tit1.on {
  background-color: #ff0001;
  color: #fff;
}

.m-header .sub-menu .sub-tit.on:after {
  background-size: 100% auto;
}

.m-header .sub-menu .sec-list {
  line-height: 28px;
  padding: 1px 1.5%;
  display: none;
  background: #f2f2f2;
}

.m-header .sub-menu .sec-list p {
  background-size: 8px auto;
  height: 43px;
  line-height: 43px;
  font-size: 13px;
  border-top: 1px solid #e8e8e8;
  box-sizing: border-box;
}
.m-header .sub-menu .sec-list p:nth-child(1) {
  border-top: none;
}

.m-header .sub-menu .sec-list a { text-transform:capitalize;
  padding-left: 21px;
  color: #888;
  display: block;
}

.bocweb-header.ff {
  background: #ffffff;
}

.imgd {
  position: relative;
}
.imgd img {
  display: block;
  vertical-align: middle;
}
.imgd .i1, .imgd .i2 {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.nav-pro {
  position: relative;
}

.search-close.show {
  transform: scale(1);
  z-index: 3;
}

.header-search-wrap .submit {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 5;
  width: 36px;
  height: 43px;
  background: url(../images/ser-black.png) no-repeat center;
  border: none;
  box-sizing: border-box;
}

.hide1, .hide1.header.active {
  transform: scale(0) !important;
  opacity: 0;
  transition: .6s ease-in-out;
  transition-duration: .5s;
}

.search-close {
  position: absolute;
  z-index: -1;
  display: block;
  right: -1.5rem;
  top: 50%;
  margin-top: -12px;
  width: 24px;
  height: 24px;
  background:url(../images/close2.png) no-repeat center;
  background-size: 24px !important;
  cursor: pointer;
  transition-duration: .5s;
  transform: scale(0);
}

.header-search-wrap {
  position: absolute;
  z-index: 10;
  left: 50%;
  top: 10px;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  opacity: 0;
  width: 600px;
  height: 44px;
  margin-left: -300px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  color: #666;
  line-height: 44px;
  transition: all 0.5s;
  /*background: #fff;*/
  padding-right: 50px;
}

.header-search-wrap .submit {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 5;
  width: 36px;
  height: 43px;
  background: url(../images/ser-black.png) no-repeat center;
  border: none;
  box-sizing: border-box;
}

.header-search-wrap .ser-input {
  width: 100%;
  height: 43px;
  position: relative;
  border: none;
  background: none;
  box-sizing: border-box;
  text-indent: 20px;
}





.header {
  width: 100%;
  color: #4c4c4c;
  top: 0;
  left: 0;
  height: 70px;
  background: #ffffff;
  transition: .5s ease-in-out;
  line-height: 70px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.header .nav-btn .line {
  background: #353535;
}
.header.active {
  color: #fff;
  position: fixed;
  background: transparent;
}
.header.active .nav0 {
  border-left: 1px solid rgba(255, 255, 255, 0.1);
}
.header.active a {
  color: #ffffff;
}
.header.active .icon-sousuo {
  border-left: 1px solid rgba(255, 255, 255, 0.1);
}
.header.active .bocweb-logo .i0 {
  opacity: 1;
}
.header.active .bocweb-logo .i1 {
  opacity: 0;
}
.header.active .navleft-ul .li .imgd .i0 {
  opacity: 1;
}
.header.active .navleft-ul .li .imgd .i1,
.header.active .navleft-ul .li .imgd .i2 {
  opacity: 0;
}
.header.active .navleft-ul .li:hover .imgd .i0, .header.active .navleft-ul .li.active .imgd .i0 {
  opacity: 0;
}
.header.active .navleft-ul .li:hover .imgd .i2, .header.active .navleft-ul .li.active .imgd .i2 {
  opacity: 0;
}
.header.active .navleft-ul .li:hover .imgd .i1, .header.active .navleft-ul .li.active .imgd .i1 {
  opacity: 1;
}
.header a {
  color: #4c4c4c;
}
.header .bocweb-logo {
  width: 165px;
  height: 70px;
  position: relative;
  margin-right: 60px;
}
.header .bocweb-logo img {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}
.header .bocweb-logo .i0 {
  opacity: 0;
}
.header .bocweb-logo .i1 {
  opacity: 1;
}
.header .bocweb-navleft {
  padding-left:0px;
  box-sizing: border-box;
}
.header .navleft-ul .li {
  float: left;
  padding-left: 30px;
  box-sizing: border-box;
  position: relative;
}
.header .navleft-ul .li:nth-child(n+2) {
  margin-left: 40px;
}
.header .navleft-ul .li .imgd .i2 {
  opacity: 1;
}
.header .navleft-ul .li .imgd .i0 {
  opacity: 0;
}
.header .navleft-ul .li:hover, .header .navleft-ul .li.active {
  color: #059ea0;
  transition: .5s ease-in-out;
}
.header .navleft-ul .li:hover span, .header .navleft-ul .li.active span {
  color: #059ea0;
  transition: .5s ease-in-out;
}
.header .navleft-ul .li:hover .imgd img, .header .navleft-ul .li.active .imgd img {
  transition: .5s ease-in-out;
}
.header .navleft-ul .li:hover .imgd .i0, .header .navleft-ul .li.active .imgd .i0 {
  opacity: 0;
}
.header .navleft-ul .li:hover .imgd .i2, .header .navleft-ul .li.active .imgd .i2 {
  opacity: 0;
}
.header .navleft-ul .li:hover .imgd .i1, .header .navleft-ul .li.active .imgd .i1 {
  opacity: 1;
}
.header .navleft-ul .li .imgd {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 20px;
  height: 20px;
}
.header .navleft-ul .li.li2 .imgd {
   
    top: 4px;
   
}
.header .navleft-ul .li .imgd img {
  transition: .5s ease-in-out;
}
.header .bocweb-nav .nav-li {
  float: left;
}
.header .bocweb-nav .nav-li .li-top {
  transition: .5s ease-in-out;
}
.header .bocweb-nav .nav-li:hover .li-top, .header .bocweb-nav .nav-li.active .li-top {
  color: #059ea0;
  transition: .5s ease-in-out;
}
.header .bocweb-nav .nav-li:nth-child(n+2) {
  margin-left: 95px;
}
.header .bocweb-nav .nav0 {
  width: 80px;
  height: 70px;
}




.header.fixed {
  position: fixed;
  top: 0;
  width: 100%;
  left: 0;
  transition: .5s ease-in-out;
}






 .headsearch-box .x-box {
    width: 90%;
  }

  .headsearch-box .x-p {
    width: 100%;
  }

.mbox {
    display: block!important;
  }

  .maintain-tip .img {
    width: 160px;
  }

  .icon-sousuo {
    width: 40px;
  }

	}