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

*{ transition: all .4s;}

.banner{background: #EEE;border-radius: 10px;overflow: hidden;box-shadow: 0 5px 10px rgba(0,0,0,0.2);margin-bottom: 4vw;}
.banner .focus{ width:92vw; /* height:62vw; */  margin:0 auto; position:relative; overflow:hidden;   }
.banner .focus .hd{ width:100%; height:4vw;  position:absolute; z-index:1; bottom:3vw; text-align:center;  }
.banner .focus .hd ul{ display:inline-block; height:10px;  
	font-size:0; vertical-align:top;
}
.banner .focus .hd ul li{ display:inline-block; width:6px; height:6px; border-radius:10px; background:#FFF; margin:0 5px;  vertical-align:top; overflow:hidden; opacity: 0.5;}
.banner .focus .hd ul .on{ background:#FFF; width: 18px; opacity: 1;}
.banner .focus .bd{ position:relative; z-index:0; }
.banner .focus .bd li img{ width:92vw;  /* height:44vw; */ background:url(images/loading.gif) center center no-repeat;  }
.banner .focus .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */  }


.banner2{background: #EEE;border-radius: 10px;overflow: hidden;box-shadow: 0 5px 10px rgba(0,0,0,0.2);margin-bottom: 4vw;}
.banner2 .focus{ width:92vw; /* height:62vw; */  margin:0 auto; position:relative; overflow:hidden;   }
.banner2 .focus .hd{ width:100%; height:4vw;  position:absolute; z-index:1; bottom:3vw; text-align:center;  }
.banner2 .focus .hd ul{ display:inline-block; height:10px;  
	font-size:0; vertical-align:top;
}
.banner2 .focus .hd ul li{ display:inline-block; width:6px; height:6px; border-radius:10px; background:#FFF; margin:0 5px;  vertical-align:top; overflow:hidden; opacity: 0.5;}
.banner2 .focus .hd ul .on{ background:#FFF; width: 18px; opacity: 1;}
.banner2 .focus .bd{ position:relative; z-index:0; }
.banner2 .focus .bd li img{ width:92vw;  /* height:44vw; */ background:url(images/loading.gif) center center no-repeat;  }
.banner2 .focus .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */  }


header{width: 92vw;overflow: hidden;padding: 4vw; position: fixed;background: #FFF; top: 0; left: 0; right: 0; z-index: 9;}
header .logo{height: 10vw;float: left;line-height: 10vw; font-size: 0;margin-left: 2vw;}
header .logo img{height: 6vw;width: auto; vertical-align: middle;}
header .home{height: 10vw;float: right;line-height: 10vw; font-size: 0;margin-right: 2vw;}
header .home img{height: 5vw;width: auto; vertical-align: middle;}

header .nav{width: 100%;border-top: 3px solid #CCC; border-bottom: 1px solid #CCC; clear: both;overflow: hidden;}
header .nav ul li{width: 25%; float: left; text-align: center;line-height: 10vw;font-size: 4vw; font-weight: bold; }




footer{height: 10vw;background: #EEE;border-radius: 4vw 4vw 0 0;overflow: hidden; position: fixed; z-index: 9; bottom: 0;left: 0; right: 0;}
footer .btn{float: left;height: 7vw; margin: 1.5vw 0 0 1.5vw; white-space: nowrap;font-size: 0;}
footer .btn a{ display: inline-block; font-size: 4.2vw; line-height: 7vw; border-radius: 200px; background: #FFF;box-shadow: 0 1px 2px rgba(0,0,0,0.1);margin-right: 2vw;width: 39.5vw; text-align: center;}
footer .btn a:last-child{margin-right: 0; }
footer .link{float: right;height: 7vw; margin: 1.5vw 1.5vw 0 0;}
footer .link a{ display: inline-block; font-size: 4.2vw; line-height: 7vw;width: 14vw; border-radius: 200px; background: #FFF;box-shadow: 0 1px 2px rgba(0,0,0,0.1);text-align: center;font-size: 0;}
footer .link a img{height: 6vw; width: auto; vertical-align: middle;}


main{padding: 29vw 4vw 14vw 4vw;}

.mainTitle{padding: 4vw 0 3vw 0;font-size: 5vw; font-weight: bold; color: #000;}

.top4{margin-bottom: 4vw;}
.top4 ul li{margin-bottom: 3vw;border-radius: 10px; box-shadow: 0 5px 10px rgba(0,0,0,0.2);overflow: hidden;}
.top4 ul li:last-child{margin-bottom: 0;}
.top4 ul li img{width: 100%; height: auto;}

.searchbtn{margin-bottom: 3vw;}
.searchbtn a{ line-height: 10vw; font-size: 3.6vw; color: #888; text-align: center; display: block; border-radius: 200px;  background:#EEE url(../images/ico_search.png) no-repeat 84vw center / auto 4vw; cursor:pointer}

.productlist{margin-bottom: 4vw;overflow: hidden;}
.productlist dl{width: 44vw;float: left;margin-bottom: 2vw;}
.productlist dl:nth-child(even){float: right;}
.productlist dl dt{margin-bottom: 2vw;}
.productlist dl dt img{ width: 44vw;border-radius: 10px;}
.productlist dl dd a{font-size: 3.4vw; line-height: 5vw;}
.productlist dl dd{ height:10vw;}

.productlist2{margin-bottom: 4vw;overflow: scroll; white-space: nowrap; font-size: 0;}
.productlist2 dl{width: 38vw;margin-right: 4vw; display: inline-block;vertical-align: top;}
.productlist2 dl:last-child{margin-right:0;}
.productlist2 dl dt{margin-bottom: 2vw;}
.productlist2 dl dt img{ width: 38vw;border-radius: 10px;}
.productlist2 dl dd a{font-size: 3vw; line-height: 5vw; height: 10vw; white-space: normal;}



.morebtn{margin-bottom: 6vw; text-align: center;}
.morebtn a{display: inline-block;background: #EEE; font-size: 3.4vw; line-height: 8vw; padding: 0 10vw; border-radius: 200px; color: #888;}

.promiseCont{font-size: 3.4vw; line-height: 5vw; color: #666;margin-bottom: 3vw;}

.evaluation{margin-bottom: 4vw;overflow: scroll; white-space: nowrap; font-size: 0;}
.evaluation dl{width: 20vw;margin-right: 2vw; display: inline-block;}
.evaluation dl:last-child{margin-right:0;}
.evaluation dl dt{margin-bottom: 2vw;}
.evaluation dl dt img{ width: 20vw;border-radius: 10px;}
.evaluation dl dd{font-size: 3vw; line-height: 5vw; height: 5vw; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.newslist{margin-bottom: 4vw;overflow: hidden;}
.newslist .newsbox{margin-bottom: 3vw;overflow: hidden;}
.newslist .newsbox .img{float: left; width: 24vw;}
.newslist .newsbox .img img{width: 24vw;height: auto; border-radius: 10px;}
.newslist .newsbox dl{float: right; width: 64vw;}
.newslist .newsbox dl dt a{font-size: 3.8vw; line-height: 5.4vw;height: 10.8vw;padding-top: 1.2vw;}
.newslist .newsbox dl dd{font-size: 3.2vw; line-height: 5.4vw;}
.newslist .newsbox dl dd span{color: #BBB;}
.newslist .newsbox dl dd span:first-child{margin-right: 4vw;}

.qrcode{text-align: center;}
.qrcode dl dt{margin-bottom: 1vw;}
.qrcode dl dt img{width: 46vw; height: auto;}
.qrcode ul li{font-size: 5vw; color: #888;line-height: 8vw;}

.flyqrcode{text-align: center;position: fixed;padding: 6vw; top: 50%; left: 50%; transform: translate(-50%,-50%) scale(1.2);background-color: #FFF; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.5);z-index: 100;opacity: 0; pointer-events: none;border-radius: 10px;}
.flyqrcode dl dt{margin-bottom: 1vw;}
.flyqrcode dl dt img{width: 46vw; height: auto;}
.flyqrcode ul li{font-size: 5vw; color: #888;line-height: 8vw;}
.flyqrcode.op{transform:translate(-50%,-50%) scale(1) !important;opacity: 1 !important;pointer-events: auto;}
.flyqrcode.ed{transform:translate(-50%,-50%) scale(1.2) !important;opacity: 0 !important;pointer-events: none;}

.mask{width: 100%; height: 100%;position: fixed; top: 0;bottom: 0; left: 0;background: rgba(0, 0, 0, 0.5);opacity: 0;pointer-events: none;backdrop-filter: blur(10px);z-index: 99;}
.mask.op{opacity: 1 !important;pointer-events: auto !important;}
.mask.ed{opacity: 0;pointer-events: none;}

.newstitle{font-size: 6vw; line-height: 8vw; padding: 6vw 0; text-align: center; font-weight: bold;}
.newsinfo{font-size: 3.4vw; color: #888; line-height: 6vw; border-bottom: 1px solid #DDD; text-align: center;}
.newsinfo span:first-child{margin-right: 4vw;}
.newscontent{padding: 8vw 0; font-size: 3.4vw; line-height: 5vw; color: #000;border-bottom: 1px solid #DDD; margin-bottom: 4vw; }
.newscontent img{max-width: 100%; height: auto;}
.newscontent table{max-width: 100%; height: auto;font-size: 3vw;border-collapse: collapse;border: 2px solid #888;overflow: scroll; display: block;}
.newscontent table th{padding: 5px; border: 1px solid #cccccc;}
.newscontent table td{padding: 5px; border: 1px solid #cccccc;}

.searchbox{margin-bottom: 3vw;}
.searchbox input{ line-height: 10vw; font-size: 3.6vw; color: #888; text-align: center;  border-radius: 200px;  background:#EEE url(../images/ico_search.png) no-repeat 84vw center / auto 4vw; border: none; width: 100%;}
.searchbox input::-webkit-input-placeholder{color: #888;}
.searchbox input:hover::-webkit-input-placeholder{color: #EEE;}

.selectlist{margin-bottom: 4vw; overflow: hidden;}
.selectlist .selectbox{width: calc(44vw - 2px); float: left;border: 1px solid #EEE;border-radius: 200px;margin-bottom: 2vw;line-height: 12vw;font-size: 0;background:#FFF url(../images/ico_plus.png) no-repeat 35vw center / auto 4vw;}
.selectlist .selectbox:nth-child(even){width: 44vw; float: right;}
.selectlist .selectbox label{font-size: 4vw; margin-left: 4vw; vertical-align: middle;padding-top: 0.4vw;height: 12vw;line-height: 12vw;}
.selectlist .selectbox select{font-size: 4vw; border: none; vertical-align: middle; background: #FFF;height: 12vw;line-height: 12vw;}

.selectkey{margin-bottom: 4vw;border-bottom: 1px solid #DDD; line-height: 6vw; font-size: 4vw; white-space: nowrap; color: #BBB;padding-bottom: 2vw; overflow: scroll; }
.selectkey a{color: #000;}
.selectkey span{color: #666;}


.protitle{font-size: 6vw; line-height: 8vw; padding: 6vw 0; text-align: center; font-weight: bold;}
.proimg{padding: 4vw 0;border-bottom: 1px solid #DDD;}
.proimg dl dt{padding: 4vw 0;border-top: 1px solid #DDD;}
.proimg dl dt img{width: 100%; height: auto;}
.proimg dl dd{overflow: hidden;}
.proimg dl dd span{display: block; float: left;font-size: 3vw;color: #888; background: #EEE; padding:0 4vw; line-height: 5vw; border-radius: 200px; margin: 1vw;}
.proimg dl dd span em{font-style: normal;}
.procontent{padding: 8vw 0; font-size: 3.4vw; line-height: 5vw; color: #000;border-bottom: 1px solid #DDD; margin-bottom: 4vw; }
.procontent img{max-width: 100%; height: auto;}
.procontent table{max-width: 100%; height: auto;font-size: 3vw;border-collapse: collapse;border: 2px solid #888;overflow: scroll; display: block;}
.procontent table th{padding: 5px; border: 1px solid #cccccc;}
.procontent table td{padding: 5px; border: 1px solid #cccccc;}


@media screen and (min-width: 767px){
header .nav ul li{line-height: 60px;font-size: 16px;}
header {width: 100%; padding: 12px;}
header .nav {width: 98%;}
header .logo {height: 90px; line-height: 90px;}
header .logo img {height: 46px;}
header .home {height: 90px;line-height: 90px;}
header .home img {height: 50px;}
main {padding-top:180px; padding-bottom:85px;}
.banner {margin-bottom: 12px;}
.banner .focus .hd{height:12px;bottom: 12px;}
.banner .focus .bd li img{width:100%}
.banner2 {margin-bottom: 12px;}
.banner2 .focus .hd{height:12px;bottom: 12px;}
.banner2 .focus .bd li img{width:100%}
.mainTitle {padding: 12px 0 12px 0;font-size: 24px;}
.searchbtn a {line-height: 60px;font-size: 30px;background: #EEE url(../images/ico_search.png) no-repeat 84vw center / auto 30px;}
.productlist dl {width: 50%;}
.productlist dl dt {margin-bottom: 10px;margin-left: 20px;margin-right: 20px;}
.productlist dl dt img { width: 100%;}
.productlist dl dd {margin-left: 20px;margin-right: 20px;}
.productlist dl dd a {font-size: 24px;line-height: 30px;}
.productlist dl dd{ height:30px;}
.productlist2 {overflow: hidden;}
.productlist2 dl {width: 25%;margin-right: 0px;}
.productlist2 dl dt img {width: 100%;}
.productlist2 dl dt {margin-bottom: 10px;margin-left: 10px;margin-right: 10px;}
.productlist2 dl dd {margin-left: 10px;margin-right: 10px;}
.productlist2 dl dd a {font-size: 24px;line-height: 30px;}
.morebtn {margin-bottom: 20px;}
.morebtn a {font-size: 30px;line-height: 60px;}
.promiseCont {font-size: 24px;line-height: 30px;margin-bottom: 10px;}
.evaluation {overflow: hidden;}
.evaluation dl {width: 25%;margin-right: 0px;}
.evaluation dl dt img {width: 100%;}
.evaluation dl dt {margin-bottom: 10px;margin-left: 10px;margin-right: 10px;}
.evaluation dl dd {margin-left: 10px;margin-right: 10px;}
.evaluation dl dd a {font-size: 24px;line-height: 30px;}
.newslist .newsbox .img {width: 27%;}
.newslist .newsbox dl {width: 70%;}
.newslist .newsbox dl dt a {font-size: 24px;line-height: 30px;height: 60px;padding-top: 6px;}
.newslist .newsbox dl dd {font-size: 24px;line-height: 30px;}
.qrcode dl dt img {width: 330px;}
.qrcode ul li {font-size: 24px;line-height: 36px;}
.flyqrcode dl dt img {width: 400px;}
.flyqrcode ul li {font-size: 24px;line-height: 36px;}
footer {height: 85px;}
footer .btn a {font-size: 20px;line-height: 50px;}
footer .link a {line-height: 50px;}
footer .link a img { height: 50px;}
.newstitle {font-size: 24px;line-height: 36px;padding: 24px 0;}
.newsinfo {font-size: 18px;line-height: 32px;}
.newscontent {padding: 24px 0;font-size: 24px;line-height: 30px;}
.protitle {font-size: 24px;line-height: 36px;padding: 24px 0;}
.procontent {padding: 24px 0;font-size: 24px;line-height: 30px;}
.proimg {padding: 12px 0;}
.proimg dl dt {padding: 12px 0;}
.proimg dl dd span {font-size: 18px;padding: 0 24px;line-height: 30px;border-radius: 200px;margin: 5px;}
.selectlist .selectbox {line-height: 49px;background: #FFF url(../images/ico_plus.png) no-repeat 38vw center / auto 2vw;}
.selectlist {margin-bottom: 24px;}
.selectlist .selectbox label {font-size: 24px;height: 49px;line-height: 49px;}
.selectlist .selectbox select {font-size: 24px;height: 49px;line-height: 49px;}
.selectkey {margin-bottom: 24px;line-height: 30px;font-size: 24px;overflow:hidden;}
}