/*通用样式*/
html {font-family: "微软雅黑","microsoft yahei";font-size: 16px !important;color: #666;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;}
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;}
.header{ z-index:9999}
.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: #000;}
.bggray{background: #f9f9f9;}
.bggreen{background:#1b79dd}
.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 #1b79dd;}
.topContact{ background: #f9f9f9; border-bottom: 1px solid #EAEAEA;}
.topContact a{ color: #d60000; font-size: 22px;}
.h_logo{padding: 16px 0;}
.logo{ width: 25%; }
.h_logo p{ line-height: 62px; color: #498933; word-spacing: 2px; font-size:18px}
.navbar{ width: 100%; background: #f9f9f9; border-top: 1px solid #f5f5f5; border-bottom: 1px solid #f5f5f5;}
.nav{ display: flex; flex-direction: row;}
.nav li{ line-height: 50px; padding: 0 20px; font-size: 16px; width: 16%;text-align: center;}
.nav li a{ color: #333; height: 100%; display: block; padding:0 16px}
.nav li.current a{background-color:#1b79dd; color: #fff;}
.nav li.current a:active{color:#fff;}
.hkey{ border-bottom: 1px solid #e4e4e4; line-height: 40px;}
.hkey li{ padding-right: 20px;}
.hkey a{ color:#1b79dd}
.hkey li:not(first-child){ color: #666; font-size: 14px;}
.h_pro,.promise,.about,.news  { padding: 50px 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}
.h_title h1{ font-weight: normal; position: relative;}
.h_title h1 span{ color: #1b79dd; font-weight: bold;}

.h_title p{ color: #999; padding-top:-10px;}
.h_title nav{ margin-left: 40px;}
.h_title nav li{ vertical-align: middle; line-height: 35px; padding: 0 10px;}
.h_title nav li a{ display:block;background:#f9f9f9; padding:0 8px; border-radius:4px; }
.h_title nav li.current a{ display:block;background:#1b79dd; padding:0 8px; border-radius:4px; color:#fff}
.prolist{ display: flex; flex-direction: row; margin-top: 20px; flex-wrap: wrap; gap:16px;}
.prolist li{ margin-bottom: 16px; border: 1px solid #eaeaea; }
.prolist li:hover{ border: 1px solid #1b79dd;}
.prolist li p{  color: #333; margin: 0; text-align: center; text-align: center; line-height:40px}
.prolist li a img{ }
.bgimg{ background-size: 100%;}
.h_advantag{  color: #fff; text-align: center; padding-top:0 }
.h_advantag h2{ margin-top:10px;}
.h_advantag .layui-text{ color:#666}
.h_advantag .recoment{ position:relative; z-index:0; width:100%}
.h_advantag .recoment:hover .gtext{ display:none}
.h_advantag .gtext{ position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.6); z-index:10; padding:30px; box-sizing:border-box; display:block}
.h_advantag .gtext h1{ margin-top:80px; margin-bottom:24px;}
.h_advantag .gtext p{ line-height:30px;}

.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 { display: block;}
.procon1 ul li .ptx{ width: 100%;}
.procon1 ul li .title{ position: absolute; top:0; left: 0; background: rgba(0,0,0,0.6); height: 100%; width: 100%; display: none; padding: 10px; box-sizing: border-box;}
.procon1 ul li .title p{display:-webkit-box !important;overflow:hidden;text-overflow:ellipsis;word-break:break-all;-webkit-box-orient:vertical;-webkit-line-clamp:3; font-size: 14px;}
.procon1 ul li:hover .title{ display: block;}



.procon1{ width:100%; z-index: 10; margin-bottom: 20px;}
.procon1 ul{display: flex; flex-direction: row; flex-wrap: wrap;}
.procon1 ul li{ width: 24%; position: relative; margin: 5px 0.5%; 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: 160px;}
.fcode p{}
.fcode h1{ font-size: 24px;}
.fnav{ width:15%;}
.fsite{ border-right:1px solid rgba(255,255,255,0.1)}
.fsite h1{ font-size:20px; color:#fff}
.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;}
.fsite p{ line-height:40px}
.faddr p,.fcode p{ color: #fff; white-space: nowrap; }
.fcode h1{ color: #fff;}
.fcode .icon-105{ color: #fff; vertical-align: middle; font-size: 18px;}
.newnav{ width: 100%; display: flex; flex-direction: row; justify-content: center; text-align: center; margin-bottom: 30px;}
.newnav li.current{ color: #fff; color:#1b79dd; border-bottom: 1px solid #1b79dd; font-size: 16px;}
.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: 24px;  }
.newimg .weui-comment{ margin-top: 15px;}
.hpage .weui-comment li .date { text-align: right; padding-right: 10px;  color: #666; border-right: 1px solid #eaeaea;}
.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; text-align:left}
.weui-comment li .ntxt p{ padding-top: 20px; color: #999;}
.hpage .newlist {}
.hpage .newlist .weui-comment li{ margin-bottom: 15px; padding:5px; padding-left: 30px; border: none;}
.hpage .newlist .weui-comment li.cur .date,.hpage .newlist .weui-comment li:hover .date{  color: #666;  }
.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: #1b79dd;}

.newimgcon a{ height: 220px; display:block; overflow:hidden;}
.newimgcon .ntxt{ padding: 10px; padding-top: 0;}
.newimgcon .ntxt h1{ font-size: 16px; text-align:left; margin-top:10px;}
.newimgcon .ntxt .ellipsis_2{margin: 8px 0; color: #666;}

.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:320px;float:left;}
.carousel-inner ul{position:absolute;left:0px;top:0px;width:2000px;height:320px;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 .H_img{ width:40%}
.atxt .atxts{ width:60%; box-sizing:border-box}
.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; border-bottom:1px solid #eaeaea;}
.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: left; position: relative; padding-right: 30px;}
.card .card_name p:nth-child(2){ }
.card .card_name p:last-child{ font-size: 18px;}
.card .card_name span{font-size: 32px;border-radius: 100%;padding: 15px;opacity: 0.3;font-weight: bold;line-height: 32px;display: block;box-shadow: 0px 0px 0px 3px #5a5a5a, }
.card .cardtxt{ width: 10%; 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:#1b79dd;color:#fff;border:1px solid #1b79dd}
.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: 50px 20px;}
.detail h1{ line-height: 80px; padding-bottom: 30px;}
.detail h3{ margin-bottom:40px; display:flex; flex-direction:row; justify-content:space-around; color:#6666; font-weight:normal; font-size:15px; border-bottom:1px solid #e4e4e4}
.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 .protxt{  padding: 16px; text-align: left; padding-bottom: 10px;}
.prolist .protxt h1{font-size: 20px; margin-bottom: 16px; text-align: left;}
.prolist .protxt p{ color: #666; text-align: left; line-height: 35px; margin-bottom: 16px;}
.prolist .protxt a{ border: 1px solid #1b79dd; color: #1b79dd;  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{ z-index: -1; position: relative; display: flex; flex-direction: column; justify-content: flex-end;}
.aimg img{ width: 100%;  z-index: -1;}
.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;}
.atxt{ width: 96%; margin: 0 auto; background: #fff; padding: 20px; z-index:100 }
.carousel-inner { width: 90%; margin: 0 auto; margin-top:40px}
.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: #666;}
.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;}
#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:#1b79dd; 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 #1b79ddsolid;font-size:16px;background:#1b79dd;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:#1b79dd; color:#fff; border-color:#1b79dd;}
.fixed_box.orange .item_a.on{ background:#1b79dd; color:#fff; border-color:#1b79dd;}
.fixed_box.orange .item_open .hidebox ul li a{border:1px solid;border-color:#1b79dd;color:#ccc; background: #1b79dd;}
.fixed_box.orange .item_open .hidebox ul li a:hover{background-color:#1b79dd; color:#fff; border-color:#1b79dd;}
.fixed_box.orange .item_open .hidebox h1{background:#1b79dd; color:#fff; border:1px #1b79dd 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;}
#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;}
.prodetail{ padding-top:24px;}
.prodetail h1{font-size:20px; padding-bottom:40px;}
.prodetail p{ padding-bottom:10px;}
.prodetail .probtn{ margin-top:30px; }
.prodetail .probtn a{ color:#fff;background:#1b79dd; text-align:center; padding:10px 30px; width:25%; 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; }
.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}
.pagination .layui-laypage .layui-laypage-curr .layui-laypage-em{background:#1b79dd}
.atxt h1{  padding-bottom:16px;}
.atxt a{color:#1b79dd;}

@media screen and (min-width: 1440px) {
	.header{ position: inherit; width: 100%;}
	.nav{ }
	
	.prolist li{ width: 49%; border-right: 1px solid #eaeaea;  display: flex; flex-direction: row;}
	.prolist li a{ display:block; }
	.prolist li .protxt{ width:100%}
	.prolist li:nth-child(2n){ margin-right: 0;  }
	.prolist li:hover{box-shadow: 3px 5px 7px 0px #00000020;}
	.prozs{   display: flex; flex-direction: row; flex-wrap:wrap; gap:16px}
	.prozs li{ width:24%;border: 1px solid #eaeaea;  display: flex; flex-direction: column; padding:10px; box-sizing:border-box; }
	.prozs li .protxt{ padding:10px;}
	.w1200{ width: 1200px; margin: 0 auto;}
	.slide{ width: 100%; height: 680px;}
	.cons.hnew{ width: 100%;}
	.h_pro .protag .prolist li a{ display:block; width:100%}
	.protag .prolist li{width: 23%; border-right: 1px solid #eaeaea; display: block; border: 1px solid #eaeaea; margin-right:1%;}
	.protag .prolist li:nth-child(4n){ margin-right: 0; }
	.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 only screen and (min-width: 480px) and (max-width: 1440px) {
		.header{ position: inherit; width: 100%;}
	.nav{ }
	
	.prolist li{ width: 49%; border-right: 1px solid #eaeaea;  display: flex; flex-direction: row;}
	.prolist li a{ display:block; }
	.prolist li .protxt{ width:100%}
	.prolist li:nth-child(2n){ margin-right: 0;  }
	.prolist li:hover{box-shadow: 3px 5px 7px 0px #00000020;}
	.prozs{   display: flex; flex-direction: row; flex-wrap:wrap; gap:12px}
	.prozs li{ width:24%;border: 1px solid #eaeaea;  display: flex; flex-direction: column; padding:10px; box-sizing:border-box; }
	.prozs li .protxt{ padding:10px;}
	.w1200{ width: 96%; margin: 0 2%;}
	.slide{ width: 100%; height: 680px;}
	.cons.hnew{ width: 100%;}
	.h_pro .protag .prolist li a{ display:block; width:100%}
	.protag .prolist li{width: 23.8%; border-right: 1px solid #eaeaea; display: block; border: 1px solid #eaeaea; }
	.protag .prolist li:nth-child(4n){ margin-right: 0; }
	.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 only screen and (max-width: 480px){
	html {font-family: "微软雅黑","microsoft yahei";font-size: 16px !important;color: #666;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;}
	body{ padding-bottom: 50px;}
	.header{ z-index: 10; border: none; width: 100%; box-sizing:border-box;}
	.header .flexb{ display: inline;}
	.header .logo{ width: 35%; text-align: left; margin-left:1rem }
	.header p{ white-space:pre-wrap; width:30%; margin-right:1rem; line-height:1.2; font-size:0.875rem;}
	.header .navbar{ border:none}
	.header .nav{  background: #fff; width: 100%;  overflow: hidden; flex-wrap:wrap; border-top:1px solid #f9f9f9}
	.header .nav li{ line-height: 2rem; width:33.33%; padding:0 }
	.header .nav li a { color: #333; font-size: 1rem; white-space: nowrap; display:block; border-bottom:1px solid #eaeaea; border-right:1px solid #eaeaea;}
	.header .nav li:nth-child(3n) a{ border-right:none; }
	.header .nav li.current a{  color: #fff; height:99%; display: block;} 
	.topContact{ display: none;}
	.flexa{}
	.aboutcon .atxt{ flex-direction:column; width:88%; margin-top:-3rem}
	.aboutcon .atxt .atxts h1{ margin-top:1rem; font-size:1.2rem; margin-bottom:1rem;}
	.box {
		width: 100%;
	}
	.small-box table td,.magnifier{ width:100%; height:auto;}
	#magnifier{ margin-right:0}
	.w4{ width:100%}
	.newimgcon .ntxt h1{ text-align:left}
	.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;}
	.h_title nav li{ margin:0 10px; padding:0; margin-bottom:10px}
	.prolist li{ width: 47%; margin-bottom:0}
	.prozs li{ width: 47%;}
	.main{ margin-top:40px}
	.procon1{ width: 100%; margin-top: 1rem;}
	.procon1 ul li{ width: 50%;}
	.h_advantag{ padding:1rem; box-sizing: border-box;}
	.cons .hpage{display:inherit}
	.cons .picture { display: flex;}
	.cons .picture>div{ width:50%}
	.cons .picture>div p{ line-height:30px}
	.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: #1b79dd; 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 #1b79dd;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 .atxt{ padding:10px}
	.aboutcon .acimg{ display: none;}
	.aboutcon .atxt .atxts{ margin: 0; padding: 0;}
	.aboutcon .atxt .H_img{ width:410px;}
	
	.aimg{ height: auto;}
	.footer .fcode { 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{}
	.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; display:flex; flex-direction:row; flex-wrap:wrap}
	.h_title h1{ font-size: 1.1rem; margin-bottom:0.5rem;}
	.h_title nav li{ font-size: 0.875rem; line-height: 2rem; background:#f9f9f9;}
	.h_title nav li a{ display:block;background:#f9f9f9;}
	.h_pro .prolist li{ display: flex; flex-direction: column;}
	.prozs{   display: flex; flex-direction: row; flex-wrap:wrap; gap:16px}
	.prolist li{ display: flex; flex-direction: row;}
	.prolist .protxt h1{ margin-bottom: 0.5rem; 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{ margin: 50px 0 0 0;}
	.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.65rem; }
	.h_pro .content{ padding:0 10px; box-sizing:border-box;}
	.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; width:90%; margin:0 auto;}
	.newnav li{ width: auto; padding:0 10px; margin: 0 5px; line-height: 40px;border-radius: 10px; width:30%; margin-bottom:16px;}
	.newnav li.current{ border: 1px solid #1b79dd; color: #1b79dd; background: #fff; }
	.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; margin:0; padding:20px 10px}
	.conn{ padding: 10px;}
	.hkey{ display: none;}
	.prodetail{ padding: 24px 16px;}
	.prodetail h1{ text-align:left; font-size:1.25rem; padding-bottom:20px}
	.pagination .layui-laypage-skip{ display:none}
	.aboutcon .atxt .H_img{ width:100%}
	.h_title nav{ width:100%; padding:0 10px; box-sizing:border-box; margin-left:0}
	.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; font-size:14px}
	.footer .fnav ul li:last-child{ border-right:0}
	.fsite p{ line-height:30px}
.enlargeImg_wrapper {background-size:80%}
.h_advantag .gtext{ padding:5px}
	.h_advantag .gtext h1{ margin-top:2rem; font-size:1.125rem;}
	.h_advantag .layui-col-xs4{ width:50%}
	.h_advantag .layui-font-24{font-size:1rem !important;  }
	.h_advantag .layui-font-16 {display:-webkit-box !important;overflow:hidden;text-overflow:ellipsis;word-break:break-all;-webkit-box-orient:vertical;-webkit-line-clamp:4; font-size:0.9rem !important;line-height:25px}
	.aboutcon .atxt .atxts{ width:100%}
	.carousel .carousel-control{ margin:0;}
.aboutlist li{ width:180px; height:220px;}
.detail{ padding: 0px 20px;}
.detail h1{ line-height: 80px; padding-bottom: 0px;}
.detail h3{ margin-bottom:40px; display:flex; flex-direction:row; justify-content:space-around; color:#6666; font-weight:normal; font-size:15px; border-bottom:1px solid #e4e4e4}
.detail p{ line-height: 30px;}
.layui-col-xs3{ width:50%}
}