/*通用样式*/
html{font-size:14px !important}
ul,li{ list-style: none;}
img{ width: auto; max-width: 100%;}

.flexb{ display: flex; flex-direction:row; justify-content: space-around;}
.flexa{display: flex; flex-direction:row; justify-content: space-between;}
.flex{ display: flex; flex-direction: row;}

.w4{ width: 40%;}
.w6{ width: 70%;}
.w5{ width: 50%;}
.w3{ width: 30%; padding-left: 50px; box-sizing: border-box;}
.border{ border: 1px solid #EAEAEA;}

.header,.protag,.rprotag{ position: relative;}

.rprotag::after{border-bottom: 120px solid #0073bd; z-index: -1; left: 0; right:inherit;
border-right: 800px solid transparent; border-left: none;}
.protag::after{border-bottom: 120px solid #0073bd; z-index: -1;}
.top{ line-height: 28px; }
.bgblack{ background: #033c20;}
.bggray{background: #05753d;}
.bg02{background: rgba(0,0,0,0.1); color: #999; }
.logo{vertical-align: middle; display: flex; flex-direction: column; justify-content: center;}
.h_logo{ padding: 0px 0;}
.header,.border10{ border-bottom: 2px solid #05753d;}
.topContact{ background: #f9f9f9; border-bottom: 1px solid #EAEAEA;}
.topContact a{ color: #d60000; font-size: 22px;}
.nav{ display: flex; flex-direction: row;}
.nav li{ line-height: 100px; padding: 0 20px; font-size: 16px;}
.nav li a{ color: #333; height: 99%; display: block; padding:0 16px}
.nav li.current a{color:#fff; border-bottom:2px solid #05753d; background:#05753d}
.nav li.current a:active{color:#fff;}
.hkey{ border-bottom: 1px solid #e4e4e4; line-height: 40px;}
.hkey a{ color:#05753d}
.hkey li{ padding-right: 20px;}
.hkey li:not(first-child){ color: #666; font-size: 14px;}
.h_pro,.promise,.about,.news  { padding: 80px 0 50px 0;}
.footer{ padding: 50px 0 0 0;}
.h_title{ width: 100%; text-align: center; margin-bottom: 24px;}
.h_pro h1{ text-align: center;}
.h_pro .hkey{ text-align: center; justify-content: center; border:none; margin-bottom:16px}
.h_title h1{ font-weight: normal; position: relative; font-weight:bold}
.h_title h1 span{ color: #05753d;}

.h_title p{ color: #999; padding-top:-10px;}
.h_title nav{ margin-left: 40px;}
.h_title nav li{ vertical-align: middle; line-height: 40px; padding: 0 10px; background:#f9f9f9; border-radius:4px; margin:0 5px; cursor:pointer}
.prolist,.prolistzs{ display: flex; flex-direction: row; margin-top: 20px; flex-wrap: wrap;}
.prolist li,.prolistzs li{    margin-bottom: 16px; border: 1px solid #fff; }
.prolist li:hover,.prolistzs li:hover{ border: 1px solid #05753d;}
.prolist li p{  color: #333; margin: 0; text-align: center; text-align: center; padding:10px}
.prolist li a img{ }
.bgimg{background: #05753d url(../images/bg.png) repeat-x center center; background-size: 30%; padding:24px 0}
.h_advantag{ padding:50px 0 70px; color: #fff;  }
.h_advantag h2{ margin-top: 40px; margin-bottom:10px}
.procons{ padding:50px 0 70px; display: flex; flex-direction: row;}
.procons .procon{ width: 65%; height: 500px; overflow: hidden; background: #000; position: relative; z-index: 1; }
.procons .procon .ptx,.procon1 ul li .ptx{ background: rgba(0,0,0,0.5); font-size: 14px; color: #fff; padding: 20px; box-sizing: border-box; position: absolute;  z-index: 0; bottom: 0; left: 0; width: 70%;}
.procons .procon .ptx h1,.pocon1 ul li .ptx h1{ font-size: 16px;}
.procon1 ul li a{ display: flex; flex-direction: row; background: rgba(255,255,255,0.8); border: 1px solid #e4e4e4; align-items: center;}
.procon1 ul li .pic {
    width: 40px;
    height: 40px;
    display: block;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
	margin-right:10px
	
}
.procon1 ul li .ptx{ width: 100%;}
.procon1{  z-index: 10; margin-top: 60px; margin-bottom: 20px;}
.procon1 ul{display: flex; flex-direction: row; flex-wrap: wrap;}
.procon1 ul li{ width: 30%; position: relative; padding: 10px; box-sizing: border-box;}
.procon1 ul li img{ width: auto;max-width: 100%;}
.promise .more{ width: 120px; height: 50px; margin: 0 auto; background: #000; text-align: center; line-height: 50px;}
.promise .more a{ color: #fff;}
.about .h_title{ color: #000;}

.acon{ margin: 30px;}
.fsite,.fcode{ padding: 20px 0; margin: 0 20px;}
.fcode .icon{ margin-right: 10px;}
.fcode img{width: 220px;}
.fcode p{}
.fcode h1{ font-size: 24px;}
.fcode>div:nth-child(2){ display:flex; flex-direction:column; justify-content:center}
.fnav{ width:15%}
.fsite h1{ font-size:20px; color:#fff; margin-top:24px;}
.fsite ul{ display: flex; flex-direction: column; flex-wrap: wrap;}
.fsite ul li{padding-left: 15px;box-sizing: border-box;list-style: inside;color: #fff; line-height: 40px;}
.fsite ul li a span{ color: #fff;}
.fsite .tel{ color: #fff; line-height: 50px; font-size: 24px;}
.fsite .tel span{ padding-left: 50px;}
.faddr p,.fcode p{ color: #fff; white-space: nowrap; line-height:40px}
.fsite{ border-right:1px solid rgba(255,255,255,0.1)}
.fcode h1{ color: #fff;}
.fcode .icon-105{ color: #fff; vertical-align: middle; font-size: 18px; margin-top:50px}
.newnav{ width: 300px; margin-right: 40px; flex-direction: row; justify-content: center; text-align: center;}
.newnav li.current{ color: #fff; background:#05753d; border-bottom: 1px solid #000; font-size:16px}
.newnav li.current a{ color:#fff}
.newnav li{ line-height: 50px;  width: 100%; box-sizing: border-box; border: 1px solid #eaeaea;}
.ncon{ width: 85%; margin: 0 auto;}
.proimg{ vertical-align: middle;  display: flex; flex-direction: column;justify-content: flex-end;}
.newimg{ margin-right: 50px;  }
.newimg .weui-comment{ margin-top: 15px;}
.hpage .weui-comment li .date { text-align: right; padding-right: 10px;  color: #fff;}
.weui-comment li .date p{ white-space: nowrap;text-align: right;}
.weui-comment li .date p:first-child{ font-weight: bold;  font-size: 16px;}
.weui-comment li .ntxt{ padding:5px 15px; }
.weui-comment li .ntxt h1{ font-size: 16px; padding-bottom: 15px;}
.weui-comment li .ntxt p{ padding-top: 20px; color: #999;}
.hpage .newlist {margin-left: -60px; }
.hpage .newlist .weui-comment li{ margin-bottom: 15px; padding:5px; padding-left: 30px; border: none;}
.hpage .newlist .weui-comment li.cur,.hpage .newlist .weui-comment li:hover{ background: #f5f5f5;}
.hpage .newlist .weui-comment li.cur .date,.hpage .newlist .weui-comment li:hover .date{ padding:10px; color: #666; border: 1px solid #05753d; margin: 6px; }
.newlist .weui-comment li.cur .date{ color: #666; }
.newlist .weui-comment li{ margin-bottom: 24px; border-bottom: 1px solid #e4e4e4;}
.newlist .weui-comment li .time a{ color: #05753d;}

.newimgcon{ height: 320px; overflow: hidden;}
.ncon_1{ padding-top: 20px;}
.ellipsis_2 {display:-webkit-box !important;overflow:hidden;text-overflow:ellipsis;word-break:break-all;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.ellipsis_4 {display:-webkit-box !important;overflow:hidden;text-overflow:ellipsis;word-break:break-all;-webkit-box-orient:vertical;-webkit-line-clamp:6;}

.about{ color: #333;}
.about h2{  position: relative; z-index: 1; }
.about h2 span{background: #fff;padding:0 16px}
.about h2::after{ position: absolute; top:48%; left: 0; content:""; width: 100%; height: 1px; background: #e8e8e8;z-index: -1;}
.aboutTag .atag{ font-weight: bold; line-height: 1; font-size: 60px; text-align: left;}
.aboutTag .aname h1{ font-size: 24px; line-height: 1; padding: 0; margin: 0; padding-top: 15px;}
.carousel-inner{ overflow: hidden; position:relative;height:330px;float:left;}
.carousel-inner ul{position:absolute;left:0px;top:32px;width:1800px;height:140px;list-style:none;}
.aboutlist{ display: flex; flex-direction: row;width:2000%;}
.aboutlist li{ margin-right: 10px; text-align: center; }
.aboutlist li { display: block;width: 220px; height:260px;  }
.aboutlist li img{ width: auto; max-width: 100%; height: 100%;}
.aboutlist li .proDecrip{ padding:0 10px; padding-top:16px; }

.atxt{ padding-left: 20px;}
.atxt .atxts{ margin-left: 24px; padding: 24px 16px;}
.atxt h1{ font-size: 18px; text-align: left;}
.atxt p{ line-height: 28px;}
.carouseltitle{ width: 40%; margin: 10px auto;  }
.carouseltitle a{ padding: 0px 10px; background: rgba(255,255,255,0.5)}
.aboutcon{ margin-bottom: 20px;}
.atitle{ border-bottom: 1px dashed rgba(255,255,255,0.5); margin-bottom: 15px;}
.proDecrip{ color: #000; margin-bottom: 40px;}

.subnav{ color: #999; font-size: 14px;}
.content{ width: 100%; margin: 0 auto; line-height: 30px; color: #333;}
.card{width: 100%;margin: 0 auto; margin-top: 50px;margin-bottom: 70px; padding: 20px 30px;}
.card .card_name{ width: 25%; overflow: hidden; vertical-align: bottom; text-align: right; position: relative; padding-right: 30px; border: 1px dashed #e4e4e4;}
.card .card_name p:nth-child(2){ margin-top: 40px;}
.card .card_name p:last-child{ font-size: 24px;}
.card .card_name span{font-size: 120px;border-radius: 100%;padding: 15px;opacity: 0.3;font-weight: bold;position: absolute;right: -28px;bottom: -30px;line-height: 120px;display: block;box-shadow: 0px 0px 0px 3px #5a5a5a, 0 0 0 10px #fff, 0 0 0 15px #333;}
.card .cardtxt{ width: 20%; border: 1px dashed #e4e4e4; color: #666;}
.card .cardtxt p:first-child{ font-weight: bold; padding-bottom: 20px;}

.pagination{height:40px;padding:0px 0px 60px;text-align:center;width:100%}
.pagination a{display:inline-block;margin-right:10px;padding:0px 12px;height:30px;border:1px #cccccc solid;background:#fff;text-decoration:none;color:#808080;font-size:12px;line-height:30px}
.pagination a:hover{color:#004D93;background:white;border:1px #004D93 solid}
.pagination a.cur{border:none;background:#05753d;color:#fff;border:1px solid #05753d}
.pagination p{display:inline-block;padding:0px 12px;font-size:12px;height:30px;line-height:30px;color:#bbb;border:1px #ccc solid;background:#fcfcfc;margin-right:8px}
.pagination p.pageRemark{border-style:none;background:none;margin-right:0px;padding:4px 0px;color:#666}
.pagination p.pageRemark b{color:#004D93}
.pagination p.pageEllipsis{border-style:none;background:none;padding:4px 0px;color:#808080}
.detail{ padding: 0px 20px;}
.detail h3{ display:flex; flex-direction:row; justify-content:space-between; font-size:14px; border-bottom:1px solid #eaeaea; padding-bottom:10px; margin-bottom:24px}
.detail h3 span{ color:#666}
.detail h1{ line-height: 80px; padding-bottom: 30px;}
.detail p{ line-height: 30px;}
.m100{ margin-top: 100px;}
.protitle{ font-weight: normal; line-height: 100px; text-align: center; font-size: 24px;}

.h_pro .h_pro_advantage{  display: flex; flex-direction: row; justify-content: space-between; width: 70%; margin: 0 auto;margin-bottom: 30px;}
.h_pro .h_pro_advantage li{ display: flex; flex-direction: column; justify-content: center; border-right:1px solid #E4E4E4 ; width: 25%; text-align: center; color: #666; font-size: 20px;}
.h_pro .h_pro_advantage li img{ width: 50px; height: 50px; margin: 0 auto;}
.h_pro .h_pro_advantage li:last-child{ border: none;}
.prolist, .prolistzs{ padding:0 10px; box-sizing:border-box}
.prolist .protxt,.prolistzs .protxt{  padding: 0 16px; text-align: left; padding-bottom: 10px;}
.prolist .protxt h1,.prolistzs .protxt h1{font-size: 20px; margin-bottom: 16px; text-align: left;}
.prolist .protxt p,.prolistzs .protxt p{ color: #666; text-align: left; line-height: 35px;}
.prolist .protxt a,.prolistzs .protxt a{ border: 1px solid #05753d; color: #05753d;  padding: 0px 16px; border-radius: 100px; margin: 0 auto; margin-bottom: 10px; display: inline-block; text-align: center;}
.protxt ul{ display: flex; flex-direction: row; margin-top: 40px; }
.protxt ul li{ width: 220px; background: #fff; padding: 10px; border: 5px solid #004D93; margin-right: 20px;} 
.aimg{background: #f9f9f9; height: 500px; overflow: hidden; z-index: -1; position: relative; display: flex; flex-direction: column; justify-content: flex-end;}
.aimg img{ width: 100%;  z-index: -1;}
.atxt{ width: 94%; margin: 0 auto; margin-top: -50px; background: #fff; padding: 20px; }
.carousel-inner { width: 90%; margin: 0 auto;}
.carousel{ display: flex; background: #fff; flex-direction: row; justify-content: center; align-items: center;}
.carousel .carousel-control{ padding: 10px 5px; border: 1px solid #e4e4e4; margin: 0 20px;}
.copy, .copy a{  text-align: center; line-height: 40px; color: #fff;}
.company{ color: #fff; display: flex; flex-direction: row; justify-content: center;}

#tc-tel{background:#fff; padding:20px; box-sizing: border-box; border-radius: 5px; display:none; position: fixed; top:50%; left: 50%; width: 400px; height: 250px; overflow: hidden; margin-top: -125px; margin-left: -200px; z-index: 100; box-shadow:1px 1px 1pc #00000038}
#tc-tel p{ font-size:14px; color:#888;display:inline-block;*display:inline;*zoom:1; padding:5px 0}
#tc-tel h1{ font-family:Impact, "MS Sans Serif"; font-size:40px;color:#333/*60c10a*/;}
#tc-tel h2{ font-family:Impact, "MS Sans Serif"; font-size:22px;color:#05753d;  padding:10px 0}
#tc-tel .btns .btn{display:inline-block;*display:inline;*zoom:1;height:50px; width: 40%; line-height:50px;padding:0 30px; text-align: center; border:1px #05753d solid;font-size:16px;background:#05753d;margin:0 10px; color:#fff;}
#tc-tel .btns .btn:hover{ background:#e85319;}
#tc-tel .btns .noneyin{background:#fff;border-color:#dbdbdb; color:#666;}
#tc-tel .btns .noneyin:hover{ border-color:#aaa; color:#333; background:#fff;}
.fixed{ position: fixed; right: 5px; bottom: 40px;}
/*漂浮*/
.fixed_box{  bottom:5px; display:block; width:50px; z-index:9999; color:#FFF;}
.fixed_box .item{ display:block; width:100%; height:50px;margin-top:0px; background: rgba(0,0,0,0.5); }
.fixed_box .item_a{ display:block;width:50px; height:50px; position:relative;  text-align:center;  cursor:pointer;}
.fixed_box .item_a>.icon{font-size:20px; position:absolute; left:13px; top:13px;}
.fixed_box .item_a>.icon.iconfont{ font-size:22px;}
.fixed_box .item_a p{ padding-top:4px; line-height:20px; font-size:12px; letter-spacing:2px;}
.fixed_box .item_top{ display:none;}
.fixed_box .item_a .hover{ display:none;}
.fixed_box .item_a:hover{}
.fixed_box .item_a:hover .hover{ display:block;}
.fixed_box .item_a:hover>.icon{ display:none;}
.fixed_box .item_a.on .hover{ display:block;}
.fixed_box .item_a.on .icon{ display:none;}
.fixed_box .item_open .hidebox{width:300px; height:50px; position:absolute; top:-1px; overflow:hidden;
filter: alpha(opacity=0);/* internet explorer */
-khtml-opacity: 0;/* khtml, old safari */
-moz-opacity: 0; 
opacity:0;}
.fixed_box .item_open.on .hidebox{
filter: alpha(opacity=100);/* internet explorer */
-khtml-opacity: 1;/* khtml, old safari */
-moz-opacity: 1; 
opacity:1;}
.fixed_box .item_open .hidebox .icon{ display:inline-block; *display:inline;*zoom:1;}
.fixed_box .item_open .hidebox ul li{  display:inline;}
.fixed_box .item_open .hidebox ul li a{display:block;width:48px; height:48px; position:relative;  text-align:center; }
.fixed_box .item_open .hidebox ul li a .icon{ position:initial; font-size:18px; padding-top:5px;}
.fixed_box .item_open .hidebox ul li a p{ letter-spacing:0; font-size:12px; padding-top:2px;}
.fixed_box .item_open .hidebox h1{ padding:0 20px;font-size:16px;line-height:48px; height:48px; text-align:right;}
/*皮肤*/
.fixed_box.orange .item_a{}
.fixed_box.orange .item_a>.icon{color:#ccc;}
.fixed_box.orange .item_a:hover{background:#05753d; color:#fff; border-color:#05753d;}
.fixed_box.orange .item_a.on{ background:#05753d; color:#fff; border-color:#05753d;}
.fixed_box.orange .item_open .hidebox ul li a{border:1px solid;border-color:#05753d;color:#ccc; background: #05753d;}
.fixed_box.orange .item_open .hidebox ul li a:hover{background-color:#05753d; color:#fff; border-color:#05753d;}
.fixed_box.orange .item_open .hidebox h1{background:#05753d; color:#fff; border:1px #05753d solid;}
/*左右*/
.fixed_box_r{right:5px;}
.fixed_box_l{left:5px;}
.fixed_box_r .item_open .hidebox{right:-300px; }
.fixed_box_l .item_open .hidebox{left:-300px; }
.fixed_box_r .item_open .hidebox ul li{ float:right; margin-left:1px;}
.fixed_box_l .item_open .hidebox ul li{ float:left; margin-right:1px;}
.fixed_box_r .item_open .hidebox h1{ float:right;}
.fixed_box_l .item_open .hidebox h1{ float:left;}
.fixed_box_r .item_open.on .hidebox{ right:49px;}
.fixed_box_l .item_open.on .hidebox{ left:49px;}
.txt-c{ text-align: center;}
.aboutcon .atxt .atxts p{ margin-bottom: 16px;}
.prodetail{ padding-top:24px;}
.prodetail h1{font-size:20px; padding-bottom:40px;}
.prodetail p{ padding-bottom:10px;}
.prodetail .probtn{ margin-top:80px; background:#05753d; text-align:center}
.prodetail .probtn a{ color:#fff}
#magnifier {position: relative;margin-right:100px}
.small-box {position: relative;border: 1px solid #eee;}
.small-box table td {width: 400px;height: 400px;border:none}
.small-box img {width: auto;height: auto;}
.small-box .hover {display: none;position: absolute;left: 0;top: 0;width: 200px;height: 200px;border: 1px solid #aaa;background: #0099ff;
filter: alpha(opacity: 50);cursor: move;}
.thumbnail-box {position: relative;width: 100%;}
.thumbnail-box .btn {position: absolute;top: 50%;width: 22px;height: 32px;margin-top: -16px;}
.thumbnail-box .btn-prev {left: 0;background: url(images/btn_prev.png) no-repeat;}
.thumbnail-box .btn-prev.btn_prev_disabled {	background: url(images/btn_prev_disabled.png) no-repeat;cursor: not-allowed;}
.thumbnail-box .btn-next {right: 0;background: url(images/btn_next.png) no-repeat;}
.thumbnail-box .btn-next.btn_next_disabled {	background: url(images/btn_next_disabled.png) no-repeat;
cursor: not-allowed;}
.thumbnail-box .list {overflow: hidden;width: 390px;margin: 0 auto;margin-top:20px}
.thumbnail-box .wrapper {width: 100000px;}
.thumbnail-box .list .item {float: left;margin: 0 10px;}
.thumbnail-box .list .item-cur {}
.thumbnail-box .list .item img {border: 2px solid #a9a9a9;width: 54px;height: 54px;}
.thumbnail-box .list .item-cur img {border: 2px solid #e53e41;}
.big-box {display: none;overflow: hidden;position: absolute;left: 451px;top: 0;width: 480px;height: 480px;border: 1px solid #e4e4e4;}
.big-box img {display: block;}
.hr{ position: relative; margin-top: 40px; text-align: center;}
.hr span{ background: #fff; padding: 0 24px; color: #D9D9D9;}
.hr::before{ position: absolute; top:50%; left: 0; content: ""; width: 100%; height: 1px; background: #EAEAEA; z-index: -1; }
.sectorimg{ display:flex; flex-direction:row; justify-content:flex-start; width:100%; flex-wrap:wrap; margin:16px 0;}
.sectorimg li{ width:33%; position:relative; z-index:0}
.sectorimg li:before{ position:absolute; top:0; left:0; width:100%; height:100%; background:rgb(0 38 19 / 60%);z-index:1; content:""}
.sectorimg li:hover:before{background:rgba(0,0,0,0);}
.pagination .layui-laypage .layui-laypage-curr .layui-laypage-em{background:#05753d}
.enlargeImg_wrapper {
	display: none;
	position: fixed;
	z-index: 9999;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center;
	background-color: rgba(52,52,52, 0.8);
	background-size: 25%;
}

img:hover {cursor: zoom-in;}
.enlargeImg_wrapper:hover{cursor: zoom-out;}
.picture{ flex-wrap:wrap}
.picture > div {
	width: 33%; padding:0 16px; box-sizing:border-box; margin-bottom:16px
}
.picture > div p{ line-height:40px; text-align:center}
.h_title nav li.current{ background:#05753d}
.h_title nav li.current a{ color:#fff}
.aboutcon .atxt .acimg{ width:40%}
.aboutcon .atxt .atxts { width:60%}
.phone span:last-child{font-size:1.125rem; color:red}
@media screen and (min-width: 1440px) {
	.header {position: inherit;width: 100%;z-index: 1000}
	.prolist {}
 .prolistzs{ padding:0}
.prolist li, .prolistzs li {width: 23.5%;border: 1px solid #eaeaea;margin-right: 16px;}
.prolist li:nth-child(4n) {margin-right: 0;}
.prolist li:hover, .prolistzs li:hover {box-shadow: 3px 5px 7px 0px #00000020;}
.w1200 {width: 1200px;margin: 0 auto;}
.slide {width: 100%;height: 680px;}
.cons.hnew {width: 100%;}
.cons {	width: 860px;}
.prodetail{ width:50%}
.prodetail p{ border-bottom:1px solid #eaeaea; line-height:40px; padding-left:10px}
.prodetail .phone{ margin-top:60px;}
.prodetail .phone span:last-child{ font-size:18px; color:red}
.prodetail h1{ text-align:left}

}
@media screen and (min-width:768px) and (max-width: 1440px) {
.header {position: inherit;width: 100%;z-index: 1000}
.prolist {}
.prolistzs{ padding:0}
.prolist li, .prolistzs li {width: 23.5%;border: 1px solid #eaeaea;margin-right: 16px;}
.prolist li:nth-child(4n) {margin-right: 0;}
.prolist li:hover, .prolistzs li:hover {box-shadow: 3px 5px 7px 0px #00000020;}
.w1200 {width: 1200px;margin: 0 auto;}
.slide {width: 100%;height: 680px;}
.cons.hnew {width: 100%;}
.cons {	width: 860px;}
.prodetail{ width:50%}
.prodetail p{ border-bottom:1px solid #eaeaea; line-height:40px; padding-left:10px}
.prodetail .phone{ margin-top:60px;}
.prodetail .phone span:last-child{ font-size:18px; color:red}
.prodetail h1{ text-align:left}
}
@media screen and (max-width: 768px) {
html {font-size: 1rem !important;}
body {padding-bottom: 50px;font-size: 1rem !important;}
.header {z-index: 10;border: none;width: 100%;background: #fff;}
.header .flexb {display: inline;}
.header .logo {width: 50%;text-align: left; margin-left:1rem;}
.header .nav {background: #fff;width: 100%;border: 1px solid #EAEAEA;overflow: hidden;overflow-x: scroll;}
.header .nav li {line-height: 3rem;}
.header .nav li a {color: #333;font-size: 1rem;white-space: nowrap;}
.header .nav li.current a {border-bottom: 1px solid #05753d;color: #fff;height: 99%;display: block;}
.topContact {display: none;}
.flexa {flex-direction: column;}
.box {width: 100%;}
.left-pro {width: 100%;padding: 0;display: flex;flex-direction: column-reverse;}
.left-pro .t1 {width: 100%;position: relative;}
#showArea {width: 80%;height: 72px;margin: 10px auto;}
#gotop {transform: rotate(-90deg);position: absolute;top: 50%;left: -24px;}
#gobottom {transform: rotate(-90deg);position: absolute;top: 50%;right: 0;}
.left-pro .t2 {}
.w1200 {width: 100%;margin: 0 auto; box-sizing:border-box}
.prolist li, .prolistzs li {width: 49%;padding: 5px;box-sizing: border-box; border:1px solid #eaeaea;}
.prolist li{margin-right:1%;}
.prolist li:nth-child(2n){ margin-right:0}
.main {margin-top: 30px}
.procon1 {width: 100%;margin-top: 1rem;}
.procon1 ul li {width: 50%;}
.h_advantag {padding: 1rem;box-sizing: border-box;}
.cons .flex {display: inherit;}
.cons .flex .weui-comment li .flex {	display: flex;}
.w5 {width: 100%;}
.newimgcon {height: auto;}
.hpage .newlist {margin: 0;margin-top: 1rem;}
.hpage .newlist .weui-comment li {padding-left: 0;}
.hpage .newlist .weui-comment li.cur, .hpage .newlist .weui-comment li:hover {background: #fff;}
.hpage .newlist .weui-comment li.cur .date, .hpage .newlist .weui-comment li:hover .date {border: none;margin: 0;}
.hpage .newlist .weui-comment li {padding: 0 10px;}
.hpage .newlist .weui-comment li .date {background: #05753d;padding: 10px;position: relative;}
.hpage .newlist .weui-comment li .date::before {position: absolute;
top: 48%;right: -14px;width: 0;height: 0;border-top: 8px solid #ff000000;border-right: 8px solid #34060600;content: "";border-left: 8px solid #05753d;border-bottom: 8px solid #6e040400;}
.hpage .newlist .weui-comment li .date p {color: #fff;}
.hpage .weui-comment li .date {color: #333;}
.weui-comment li .ntxt {padding: 0px 15px;padding-right: 0;overflow: hidden;box-sizing: border-box;}
.weui-comment li .ntxt h1 {overflow: hidden;text-overflow: ellipsis;font-size: 1rem;white-space: nowrap;}
.weui-comment li .ntxt .ellipsis_2 {color: #333;font-size: 0.875rem;}
.aboutcon .flex {}
.aboutcon .acimg {display: none;}
.aboutcon .atxt .acimg{ width:100%}
.aboutcon .atxt .atxts {margin: 0;padding: 0; width:100%}
.aimg {height: auto;}
.footer .fcode {display: none;}
body #tc-tel {display: none}
#tc-tel {width: 80%;margin-left: -40%;box-shadow: 3px 5px 7px 0px #00000040;}
#tc-tel .btns .btn {padding: 0;}
.h_advantag h2 {margin-top: 1rem;margin-bottom: 10PX}
.h_pro, .promise, .about, .news {padding: 1rem 0;box-sizing: border-box;}
.h_pro .h_title.flex {display: flex;flex-direction: column;}
.h_title nav {color: #666;}
.h_title h1 {font-size: 1.1rem;}
.h_title nav li {font-size: 0.875rem;line-height: inherit;}
.prolist li, .prolistzs li {display: flex;flex-direction: column;}
.prolist .protxt h1 {margin-bottom: 1rem;font-size: 1rem;}
.prolist .protxt {padding: 10px;}
.prolist .protxt p {padding: 0;margin: 0;display: -webkit-box !important;overflow: hidden;text-overflow: ellipsis;
word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp: 2;font-size: 0.875rem;line-height: 2rem;margin-bottom: 10px;}
.pagination p, .pagination a {margin: -3px;}
.content.flex, .card.flexb {display: inherit;}
.card .cardtxt {padding: 10%;box-sizing: border-box;}
.card {padding: 0;}
.card .card_name, .card .cardtxt {width: 80%;margin: 0 auto;margin-bottom: 2rem;}
.weui-comment li .ntxt h1 span:first-child {}
.weui-comment li .ntxt h1 span:last-child {color: #666;font-size: 0.875rem;font-weight: normal;}
.h_pro h1 {font-size: 1.2rem;}
.h_pro p{ margin-top:0.3rem; font-size:0.875rem}
.detail h1{ line-height: 80px; padding-bottom: 0px;}
.procon1 ul li {padding: 5px}
.prolist .protxt a {font-size: 0.875rem;}
.newnav {display: flex;flex-direction: row;justify-content: center;width: 100%;margin-bottom: 1rem;flex-wrap: wrap}
.newnav li {width: auto;padding: 0 10px;margin: 5px;line-height: 30px;border-radius: 2px;}
.newnav li.current {border: 1px solid #05753d;color: #05753d;background: #fff;}
.newnav li.current a {color: #05753d}
.weui-comment li .ntxt h1 {display: flex;flex-direction: column;justify-content: flex-start;text-align: left;}
.weui-comment li .ntxt p {margin-top: 10px;margin-bottom: 20px;padding: 0;}
.fsite, .fcode {box-sizing: border-box;}
.conn {padding: 10px;}
.hkey {display: none;}
.prodetail {padding: 0 16px;}
.pagination .layui-laypage-skip {display: none}
.txt-c h2.flexa {display: flex;flex-direction: row;}
.sectorimg {padding: 1rem;width: 100%;box-sizing: border-box;padding-top: 0}
.prodetail {padding: 24px 16px;}
.prodetail h1 {text-align: left;font-size: 1.25rem;padding-bottom: 20px}
.pagination .layui-laypage-skip {display: none}
.small-box table td, .magnifier {width: 100%;height: auto;}
#magnifier {margin-right: 0}
.h_title nav {margin-left: 0;flex-wrap: wrap;gap: 10px;padding: 0 10px;margin-top: 16px}
.h_title nav li {background: #EAEAEA;padding: 0 10px;}
.tanchubox {display: none}
.fsite {border-right: none}
.fsite ul li a span {font-size: 0.875rem;}
.layui-fixbar li:not(li:nth-child(2)) {display: none}
.footer {padding-top: 24px}
.footer .faddr:first-child {display: none}
.footer .flexb {flex-direction: column;}
.footer .fnav {width: 100%;box-sizing: border-box;padding: 0;margin: 0}
.footer .fnav ul {display: flex;flex-direction: row;background: rgba(255,255,255,0.2)}
.footer .fnav ul li {border: 1px solid rgba(255,255,255,0.1);list-style: none;width: 20%;border-left: 0;padding: 0;text-align: center}
.footer .fnav ul li:last-child {border-right: 0}
.fsite p {line-height: 30px}
.enlargeImg_wrapper {background-size:80%}
.carousel .carousel-control{ margin:0;}
.aboutlist li{ width:180px; height:220px;}
.cons .picture{ display:flex; flex-direction:row}
.cons .picture > div{ width:50%}
.detail p,details p span{text-wrap:none !important;}
.detail h3 span{font-size:12px}
.header .logo{ padding:8px 0}
.aboutcon .atxt .atxts p{ margin-top:1rem}
.atxt{ width:100%; box-sizing:border-box}
}