@charset "gb2312";
/* CSS Document */
*{ margin:0; padding:0;}
body{max-width:640px; min-width:320px; position: relative; margin:0 auto; font-size:14px; line-height:25px; font-family:"Microsoft Yahei","微软雅黑",Verdana, Geneva, sans-serif;}
p,ul,li,ol,h1,h2,h3,h4,h5,h6{ margin:0; padding:0;}
ul,li,ol{ list-style:none;}
img{ border:none;-moz-object-fit:cover;-ms-object-fit:cover;-o-object-fit:cover;-webkit-object-fit:cover;object-fit:cover;}
li>a{/* display:block; *//* color:inherit; */}
a{ text-decoration:none; color:#000;}
.clear{clear:both;height: 0;}
.w{position:relative;width:96%; display:block; margin:0 auto; clear:both; overflow:hidden;}
.fl{float:left;}.fr{float:right;}
.h10{height:10px; width:100%; clear:both;}.h20{height:20px; width:100%; clear:both;}
.h30{height:30px; width:100%; clear:both;}.h60{height:60px; width:100%; clear:both;}
.radius{border-radius:5px;}

@font-face {font-family: "iconfont";
  src: url('../fonts/iconfont.eot'); /* IE9*/
  src: url('../fonts/iconfont.eot') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/iconfont.woff') format('woff'), /* chrome, firefox */
  url('../fonts/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('../fonts/iconfont.svg') format('svg'); /* iOS 4.1- */
}



@font-face {font-family: "iconfont";
  src: url('../fonts/iconfont.eot'); /* IE9 */
  src: url('../fonts/iconfont.eot') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/3166d08ae38a4a0896c5c7a319ab96b3.woff') format('woff2'),
  url('../fonts/iconfont.woff') format('woff'),
  url('../fonts/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
  url('../fonts/iconfont.svg') format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}
/* 头部 */
/* 头部 */
header {
	background:rgba(0,0,0,0.7);
	height: 78px;
	position: fixed;
	left: 0px;
	top: 0px;
	z-index: 9;
	width: 100%;
}
.header {
	width: 100%;
	height: 30px;
	float: left;
	clear: both;
}
.logo {height: 48px;/* background:#fff; */width: 100%;float: left;}
.logo h1 {    height: 48px;
    line-height: 48px;
}
.logo h1 .logoa{
	display: inline-block;
    float: left;
    width: 50%;
	}
	
.logo h1 .topphone{
	color: #fff;
	
	display: inline-block;
	float: left;
	width: 45%;
	text-align: right;
	font-size: 13px;
	padding-right: 10px;
	}
.logo img {
	height: 48px;
	margin-bottom: 2px;
	padding:3px;
	margin-left: 10px;
}





.logo span {
	float: right;
	margin-right: 2%;
	margin-top: 15px;
	color: #000;
	line-height: 25px;
}
.nav {/* background:#84a094; */
	overflow: hidden;
	clear: both;
}
.nav li {
	float: left;
	width: 20%;
	height: 30px;
	line-height: 30px;
	text-align: center;
}
.nav li>a {/* border-right:1px solid #fff; *//* border-bottom:1px solid #fff; */
	color: #fff;
}
.nav li:nth-child(4n)>a {
	border-right: 0;
}
.nav li.on{background: #84a094}
/* banner */
#banner #wh21{ clear:both; width:100%; height:0px; padding-bottom:41.7%; background:#CCC; position:relative; overflow:hidden; text-align:center;}
#banner #wh21 img{width:100%; height:auto; margin:auto}
#banner #wh21 ul li{float:left; list-style:none; }
#banner #d_show{width:100%; overflow:hidden;height:auto; }
#banner #d_no{width:1000%; padding:0; position:relative;}
#banner #show_btn{ width:100%; height:20px;position:absolute;bottom:0; text-align:right;}
#banner #show_btn span{height:100%; width:20px; display:inline-block; background:#fff; text-align:center;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;}
.pronav{width:100%;margin: 25px 0 0;clear: both;height: 200px;}
.pronav li{width:33.3%;float:left;text-align:center;}
.pronav p{text-align:center;width:100%;}
.pronav li:nth-child(4),.pronav li:nth-child(5){/* width:50%; */margin-top:20px;}
.pronav li:nth-child(4){padding-left:60px;}
.pronav li:nth-child(5){padding-left:10px;}

.pronav span{width:60px;height:60px;display:inline-block;font-family:"iconfont" !important;font-size:40px;font-style:normal;-webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;border-radius:10px;line-height:50px;}

.pronav li:nth-child(1) span{background-color:#95c36a;}
.pronav li:nth-child(2) span{background-color:#2dc2e3;}
.pronav li:nth-child(3) span{background-color:#ce905a;}
.pronav li:nth-child(5) span{background-color:#fcc32b;}
.pronav li:nth-child(4) span{background-color:#fd367c;}
.pronav li p{font-size:15px;height:40px;line-height:40px;}
 
.pronav span i{font-style:normal;color:#fff;}
.pronav li:nth-child(1) span i:before { content: "\e75e";display:inline-block;width:45px;height:45px;background-size:100% 100%;}
.pronav li:nth-child(2) span i:before { content: "\e614";display:inline-block;width:45px;height:45px;background-size:100% 100%;}
.pronav li:nth-child(3) span i:before { content: "\e706";display:inline-block;width:45px;height:45px;background-size:100% 100%;font-size:35px;}
.pronav li:nth-child(4) span i:before {content: "\e654";display:inline-block;width:45px;height:45px;background-size:100% 100%;margin-top: 5px;}
.pronav li:nth-child(5) span i:before { content: "\e61b";display:inline-block;width:45px;height:45px;background-size:100% 100%;}




.prospan {
	 text-align: center;
	 display: block;
	 margin: 10px auto 0px;
	 display: block;
	 letter-spacing: 2px;
	 display: block;
	 text-transform: uppercase;
	 clear: both;
}
.prospan a {
	
	color: #2b2b2b;
	line-height: 20px;
	
	width: 100%;
	float: left;
	font-size: 20px;
	display: block;
	text-transform: uppercase;
	font-weight: normal;
	font-style: normal;
}
.prospan i {
	    line-height: 50px;
	    display: block;
	    font-size: 20px;
	    letter-spacing: 2px;
	  
	    font-style:normal;
	    width:100%;
	    text-transform: uppercase;
	    font-weight: bold;
	    color: #2b2b2b;
}






/* 中部通用样式 */
.title{ padding-left:2%; padding-right:2%; height:40px; line-height:40px; font-size:16px; color:#fff; background:#07b5e2;}
.title a{color:#fff;}

.header2{padding-left:2%; padding-right:2%;height:90px; line-height:90px; background:#07b5e2; color:#fff; font-size:16px; text-align:center;}
.fanhui{ position:absolute; left:2%; top:26px; padding:10px; line-height:16px; border:1px solid #0081C9; color:#fff;}

.content{clear:both;}
.content img{max-width:98% !important; height:auto !important; margin:0 auto;}

.pc-hidden{display:none;}
/* 尾部 */
footer{background-color: #4a4f54; color:#fff; margin-top:20px; padding-bottom:10px;}
.footright{width:100%; padding-top:20px;}
.footright>div{width: 45%;float:left;text-align:center;}
.footright>div>img{width:75%;}
.footright>div.fdivp{height:40px;margin-top: 45px;width:55%;background:url(../images/tophone.png) center left no-repeat;text-indent: 20px;line-height: 40px;}

.footright>div.fdivp a{color:#fff;font-size: 24px;/* text-indent: 10px; */}
footer>p{text-align:center;/* height:35px; */line-height:35px; clear:both;}


.list-inline>li.chanpili:nth-child(1){ background:url(../images/xing1.png) no-repeat 10px center;}

.list-inline>li.chanpili:nth-child(2){ background:url(../images/xing2.png) no-repeat 10px center;}

.list-inline>li.chanpili:nth-child(3){ background:url(../images/xing3.png) no-repeat 10px center;}

.list-inline>li.chanpili:nth-child(4){ background:url(../images/xing4.png) no-repeat 10px center;}

.list-inline>li.chanpili:nth-child(5){background:url(../images/xing6.png) no-repeat 10px center;}
.list-inline>li.chanpili:nth-child(5):hover{background:url(../images/hxing6.png) no-repeat 10px center;}


/* 产品列表 */
.cp_list{/* padding-top:20px; */padding-bottom:20px;}
.cp_list li{ float:left;width:49%; text-align:center; padding-bottom:10px;}
.cp_list li img{margin:0 auto;width: 100%;}
.cp_list li h3{font-weight:normal;font-size:14px;height:30px;line-height:30px;overflow:hidden;}
.cp_list li h3.vr{
    line-height: 28px;
    text-align: left;
    height: 50px;
    padding: 0 15px;
}
.cpfl li{clear:both; padding:2%; border-bottom:#EE0000 1px solid; font-size:16px; overflow:hidden;}
.cpflimg{ float:left;width:90px; height:90px; margin-right:2%;}
.cpfl .more{float:right; font-size:30px; color:#EE0000; margin-top:20px;}

.cp_list li:nth-child(2n-1){float:left;}
.cp_list li:nth-child(2n){float:right;}


.list-inline li{float:left;width: 33.3%;text-align:center;height:35px;line-height:35px;}
.list-inline>li.shilili:nth-child(1){ background:url(../images/gong1.png) no-repeat 10px center;}
.list-inline>li.shilili:last-child{ margin-right:-30px;}
.list-inline>li.shilili:nth-child(2){ background:url(../images/gong2.png) no-repeat 10px center;}
.list-inline>li.shilili:nth-child(3){ background:url(../images/gong3.png) no-repeat 10px center;}
.list-inline>li.shilili:nth-child(4){ background:url(../images/gong4.png) no-repeat 10px center;}
.list-inline>li.shilili:nth-child(5){ background:url(../images/gong5.png) no-repeat 10px center;}


/* 案例列表 */
.list-inline li.anlinav{width:20%;}
.list-inline li.anav{width:25%;}
.case_list{padding-top:20px;padding-bottom:20px;}
.case_list li{ float:left;width:50%; text-align:center; padding-bottom:10px;}
.case_list li img{margin:0 auto;width: 90%;height: 108px;object-fit: cover;}
.case_list li h3{font-weight:normal; font-size:14px; height:30px; line-height:30px; overflow:hidden;}
.case_list li h3.vr{
    line-height: 28px;
    text-align: left;
    height: 50px;
    padding: 0 15px;
}
.title2 .text-center{margin-bottom:20px}
.text-center{width:100%; clear: both;}
/* 荣誉列表 */
.ry_list{padding-top:20px;padding-bottom:20px;}
.ry_list li{ float:left;width:50%; text-align:center; padding-bottom:10px;}
.ry_list li>a{display:block;background:url(../images/zheng.png) center no-repeat;width:153px;height: 228px;text-align: center;margin: 0 auto;}
.ry_list li img{width: 87%;margin-top:10px;height: 210px;object-fit: cover;}
.ry_list li h3{font-weight:normal; font-size:14px; height:30px; line-height:30px; overflow:hidden;}

.list-inline>li.honortui{width:25%;text-indent:8px;}
.list-inline>li.honortui:nth-child(1){ background:url(../images/rong1.png) no-repeat 0px center;}
.list-inline>li.honortui:nth-child(2){ background:url(../images/rong2.png) no-repeat 0px center;}

.list-inline>li.honortui:nth-child(3){ background:url(../images/rong3.png) no-repeat 0px center;}

.list-inline>li.honortui:nth-child(4){ background:url(../images/rong4.png) no-repeat 0px center;}
.list-inline>li.honortui:nth-child(5){ background:url(../images/rong5.png) no-repeat 0px center;}






/* 工厂列表 */
.about_list {padding-top:20px;padding-bottom:20px;}
.about_list  li{ float:left;width:50%; text-align:center; padding-bottom:10px;}
.about_list li img{margin:0 auto;width: 90%;}
.about_list li h3{font-weight:normal; font-size:14px; height:30px; line-height:30px; overflow:hidden;}

/* 列表页荣誉列表 */
.dry_list{padding-top:20px;padding-bottom:20px;}
.dry_list li{ float:left;width:50%; text-align:center; padding-bottom:10px;}
.dry_list li>a{display:block;background:url(../images/dzheng.png) center no-repeat;width:313px;height: 466px;text-align: center;margin: 0 auto;}
.dry_list li img{width: 87%;margin-top: 20px;height: 425px;object-fit: cover;}
.dry_list li h3{font-weight:normal; font-size:14px; height:30px; line-height:30px; overflow:hidden;}



/* 产品内容 */
.cpnav{ transition:left 1s; -moz-transition:left 1s; -ms-transition:left 1s; -o-transition:left 1s; -webkit-transition:left 1s;}
.cpnav{position:fixed;left:100%;top:0;width:100%;height:100%;overflow:hidden;z-index: 99;}
.show_hide_btn{float:left;width:15%; height:100%; background:rgba(0,0,0,0.35); color:#fff; font-size:50px;}
.show_hide_btn span{position:relative; width:15%; top:42%; left:0;}
.nav_weizhi{float:left;width:1%; height:100%; background:#ffdec8;}
.cpnav ul{float:right;width:84%;height:100%;background: #84a094;/* background:url(../images/cpnav_bg.jpg) repeat left top; */overflow:hidden;z-index: 999;}
.cpnav li{height:40px; line-height:40px; text-align:left; padding-left:20px; overflow:hidden; border-bottom:dashed 1px #fff; color:#fff;}

/* 新闻列表 */
.news_list li{ padding-left:2%; padding-right:2%; line-height:45px; border-bottom:1px #b7b7b7 solid; overflow:hidden;}
.news_list li span{float:right;}

/* 新闻内容 */
.news_title{text-align:center;font-size: 18px;line-height:50px;font-weight:normal;}
.title2 {
	text-align: left;
	clear: both;
	padding: 0 10px;
}
.title2>a{font-size: 18px;/* clear:both; */}
.title2 .tispan{
	   
       line-height: 50px;
    height: 50px;
    text-align:center;font-size:25px;letter-spacing:10px;
	}

.title2 .fenlei {
	    width: 80px;
    border: 1px solid #ddd;
    margin: 0 auto;
    text-align: center;
    height: 30px;
    line-height: 30px;
    border-radius: 3px;
    float: right;
	    font-size: 14px;
}
.xn_c_pro_13_lbbigbox {
	height: 50px;
	line-height: 50px; text-align:left;
}
.xn_c_pro_13_lbname{}
.xn_c_pro_13_lbbigbox .xn_c_pro_13_lbname a {
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
	color: #84a094;
}
.xn_c_pro_13_lbbigbox .xn_c_pro_13_lbmore {
	float: right;
	display: inline-block;
}
.xn_c_pro_13_nrbigbox {
	width: 100%;
}
.xn_c_pro_13_nrbigbox .col-md-3 {
	width: 50%;
	float: left;
	padding-bottom: 10px;
}
.xn_c_pro_13_nrbigbox .col-md-3 img {
	width: 95%;
	height: 123px;
	object-fit: cover;
}
.xn_c_pro_13_nrbigbox .col-md-3 h3 {
	text-align: center;
	font-weight: normal;
	font-size: 14px;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
}


.abouth1 {
	text-align: center;
	line-height: 50px;
	font-size: 20px;
}
.content table, .content table tr {
	width: 100%;
}
.content table td {
	width: 100% !important;
	clear: both;
	float: left;
	margin-bottom: 20px;
	margin-bottom: 40px;
}
.shoujip{padding:0px !important;margin:0px !important;}
.phide{display: none}
.nian1 ,.nian{margin-left: 30px !important;padding-left: 0px !important;}


#allmap{display:none; width:100% !important; height: 400px !important;}
iframe{width:100%;}
.jiaju>span{margin-left:30px;}
.userpuseh3{text-align: center;clear: both;margin-top: 10px;}
.userpuseh3>p{text-align:center;margin:0px;color:#84a094;text-transform: uppercase;}
.userpuseh3>h3{margin:0px;margin-top:-16px;text-align:center;margin-bottom:15px;}
.userpuseh3>h3>a{color:#84a094;font-size:16px;background-color:#fff;padding:0px 8px;font-family:'Microsoft YaHei'}
.userpuseh3>span{width:160px;height:2px;background-color:#84a094;display:block;margin:10px auto 0px;font-family:'Microsoft YaHei'}

.user2listnm{padding: 15px 0px 0px 10px;text-align:center;}
.user2listnm>a{display: block;/* padding:8px 5px; */width:31%;text-align:center;background-color: #84a094;color:#fff;border-radius:20px;margin: 8px 2px;float: left;height: 35px;line-height: 35px;}
.user2listnm>a.current{background:#7acfab;color:#fff;}
.user2listnm>a:nth-child(4){margin-left:15%}
.aboutimg{width: 60%;}

.rongyua{padding: 15px 0px 0px 10px;text-align:center;}
.rongyua>a{display: block;/* padding:8px 5px; */width:48%;text-align:center;background-color: #84a094;color:#fff;border-radius:20px;margin: 8px 2px;float: left;height: 35px;line-height: 35px;}

 

.userlist{padding: 15px 0px 0px 10px;text-align:center;}
.userlist>a{display: block;/* padding:8px 5px; */width:31%;text-align:center;background-color: #84a094;color:#fff;border-radius:20px;margin: 8px 2px;float: left;height: 35px;line-height: 35px;}
.userlist>a.current{background:#7acfab}


.laos_box{height:2730px;position:relative;overflow:hidden;padding-top:87px;width: 100%;margin:0 auto;}
.line_box{width:3px; height:2134px; background:#84a094; overflow:hidden; position:absolute; left:50%; margin-left:-1px;}
.roud_box1,.roud_box2,.roud_box3,.roud_box4,.roud_box5,.roud_box6,.roud_box7,.roud_box8,.roud_box9,.roud_box10,.roud_box11
{width:15px; height:15px; background:#84a094; position:absolute;top:87px; left:50%; border-radius:50%; margin-left:-7px;}
.roud_box2{ margin-top:87px;}
.roud_box3{margin-top: 307px;}
.roud_box4{margin-top: 394px;}
.roud_box5{margin-top: 565px;}
.roud_box6{margin-top: 787px;}
.roud_box7{margin-top: 1187px;}
.roud_box8{margin-top: 970px;}
.roud_box9{margin-top: 1450px;}
.roud_box10{ margin-top:1977px;}
.roud_box11{ margin-top:2133px;}
.box_year_tex{width: 150px;min-height: 264px;float:left;left: 10px;position:relative;top:-35px;}
.box_year_tex2{margin-left: 190px;top: -180px;}
.box_year_tex3{top: -220px;}
.box_year_tex3 .arr_box1{top: -2px;}
.box_year_tex4 .arr_box1{top: 34px;}
.box_year_tex5 .arr_box1{top: 26px;}
.box_year_tex6 .arr_box1{top: 13px;}
.box_year_tex8 .arr_box1{top: 19px;}
.box_year_tex7 .arr_box1{top: 18px;}
.box_year_tex4{margin-left: 190px;top: -230px;}
.box_year_tex5{height: 325px;top: -270px;}
.box_year_tex6{margin-left: 190px;top: -420px;}
.box_year_tex7{top: -730px;}
.box_year_tex8{margin-left: 190px;top: -200px;}
.box_year_tex9{top:-253px;}
.box_year_tex10{margin-left:274px; top:42px;}
.box_year_tex11{top:-266px;}
.year_t1{color:#84a094;font-size:25px;font-weight:bold;font-family:Arial, Helvetica, sans-serif;text-align: center;transition:.2s;}
.year_t2{color:#333;font-size:14px;text-align: left;line-height:26px;transition:.2s;margin-top: 10px;}
.year_t2s{color:#333; transition:.2s;}
.year_t1s{color:#84a094; transition:.2s;}