@font-face {
    font-family: 'Verdana';
    src: url('../fonts/Verdana.eot');
    src: url('../fonts/Verdana.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Verdana.woff2') format('woff2'),
        url('../fonts/Verdana.woff') format('woff'),
        url('../fonts/Verdana.ttf') format('truetype'),
        url('../fonts/Verdana.svg#Verdana') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input{ margin:0; padding:0;list-style:none;text-decoration:none;border:0; list-style:none;}
body{ font-size:12px;font-family:'';font-family: 'Verdana'; color:#666;}
a{color:#666;}
a:hover{ color:#f60; text-decoration:underline;}
p{line-height:1.8em; padding:5px 0;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ width:1200px; margin:0 auto;}
.fl{float: left;}
.fr{float: right;}

.head {border-bottom: 1px solid #ccc;}

.head .logo img{height: 90px;}

.menu ul li{display: inline-block;/*width: 135px;*/text-align: center;line-height: 90px;text-align: center;font-size: 0.6vw;position: relative; margin:0 20px}
.menu ul li.cur a{color: #000;}
.menu ul li:hover a{color: #000;}
.menu ul li a{color:#979797;}
.menu ul li dl{position: absolute;left: 0;top: 90px;background: #fff;z-index: 99;width: 120px;text-align: center;display: none;line-height: 40px;}
.menu ul li:hover dl{display: block;}


.menuicon{display: flex; justify-content: center;align-items: center;}
.menuicon .qidhu{display: flex; align-items: center;}
.menuicon .qidhu a{color: #666; font-size:12px; margin:0 4px;} 


.seachicon{margin-top: 30px;position: relative;}
.searchmain{padding: 10px 10px;position:absolute;top: 63px;right: 0;z-index: 999;width: 228px;display: none;background: #fff;}
.searchmain input{line-height: 40px;outline: none;background: #f2f2f2;}
.seachicon img{cursor: pointer;}
.phone{display: none;}

.phonehead{padding: 15px 0;}
.phonehead .logo img{height: 80px;}
.phonehead .menuicon a{color: #000;font-size: 20px;}
.menulist{position: fixed;left: 0;right: 0;top: 0;bottom: 0;background: #fff;z-index: 99;display: none;}
.menulist .close{font-size: 20px;margin-top: 20px;color: #000;text-align: right;}
.menulist ul li{line-height: 40px;font-size: 14px;border-bottom: 1px solid #ccc;}
.menulist ul li a{color: #000;}

.banner img{max-width: 100%;}

.pad{padding: 50px 0;margin-top: 5%;}
.con{border-bottom: 1px solid #E1E1E1;}
.con ul li{width: 31.3%;margin: 1%;float: left;}
.con ul li .lileft{width: 13%;margin-left: 56px;
    margin-top: -19px;}
.con ul li .liright{width: 68%;}
.con ul li h3{color: #333;font-size: 16px;margin-bottom: 20px;}
.con ul li span{display: block;font-size: 14px;color: #919191;}

.tit{margin-bottom: 20px;}
.tit h3{font-size: 30px;color: #333;text-align: center;font-weight: normal;margin-bottom: 10px;}
.tit span{display: block;font-size: 14px;color: #989A98;text-align: center;}
.more{text-align: center;margin-top: 20px;}
.more a{display: inline-block;width: 140px;height: 45px;line-height: 45px;text-align: center;border-radius: 5px;background: #38C946;color: #fff;}
.more a:hover{opacity: 0.9;}

.piclist{margin: 20px 0;}
.piclist{width: 100%;overflow: hidden;}
.piclist ul li{width: 20%;float: left;}
.piclist ul li.on{width: 40%;}
.piclist ul li.on2{width: 15%;}

.con3 ul li{width: 48%;margin: 1%;float: left;}
.con3 ul li .lileft{width: 5%;margin-left: 15%;
    margin-top: -7px;}
.con3 ul li .liright{width: 78%;}
.con3 ul li h3{color: #919191;font-size: 16px;margin-bottom: 20px;}
.con3 ul li span{display: block;font-size: 14px;color: #919191;}
.con3 .img{text-align: center;}

.con4 ul li{width: 33.3%;float: left;}
.con4 img{max-width: 100%;}

.con5 img{max-width: 100%;}
.con5 ul li{width: 25%;float: left;text-align: center;}
.con5 ul li h2{display: inline-block;padding-left: 40px;font-size: 20px;}
.con5 dl dd{width: 23%;float: left;margin: 1%;overflow: hidden;}
.con5 dl dd img{transition: all;}
.con5 dl dd img:hover{transform: scale(1.1);}

.con6{text-align: center;}
.con6 h3{text-align: center;font-size: 18px;color: #707070;margin-bottom: 30px;font-weight: normal;}
.con6 .touxiang{display: inline-block;}
.con6 .touxiang h4{color: #333;font-weight: normal;font-size: 14px;margin-bottom: 10px;}
.con6 .touxiang span{display: block;font-size: 14px;}

.con7 ul li{width: 25%;text-align: center;float: left;}
.con7 ul li img{max-width: 100%;}

.con8 .bor{border: 1px solid #ccc;border-left: 0;border-right: 0;padding: 30px 0;}
.con8 .left{width: 30%;}
.con8 .right{width: 68%;}
.con8 .right ul li{margin-bottom: 40px;}
.con8 .right ul li h3{font-size: 18px;color: #333;}
.con8 .right ul li span{display: block;}


.foot{background: #222222;}
.foot ul li{width: 25%;float: left;}
.foot ul li h3{color: #ffffff;font-size: 18px;margin-bottom: 20px;}
.foot ul li dd{color: #ffffff;font-size: 14px;line-height: 29px;}
.foot ul li dd a{color: #fff;line-height: 40px;}
.foot ul li dd a:hover{color: #8F8D8F;}

.copy{line-height: 40px;color: #fff;font-size: 14px;text-align: center;background: #333333;}



.product .left{width: 21%;border-right: 1px solid #ccc;padding: 0 2%;}
.product .left dl{margin-bottom: 40px;}
.product .left dl dt{color: #333;font-size: 16px;text-align: right;margin-bottom: 10px;font-weight: bold;}
.product .left dl dt a{color: #333;}
.product .left dl dd{color: #989A98;font-size: 14px;line-height: 30px;text-align: right;}
.product .left dl dd a{color: #989A98;}
.product .left dl dd a.cur{color: #000;}
.product .left dl dd a:hover{color: #88BBC8;}
.product .left dl dd ul li{display: inline-block;padding:3px;border: 1px solid #ccc;font-size: 12px;}
.product .left dl dd ul li a{font-size: 12px;}


.product .right{width: 73%;}
.tiaojiao select{height: 34px;border: 1px solid #ccc;}
.product .right ul{margin-top: 30px;}
.product .right ul li{float: left;text-align: center;width: calc((100% - 24px)/3);margin-right: 8px;margin-bottom: 8px;}
.product .right ul li:nth-child(3n) {
    margin-right: 0% ;
}
.product .right ul li a{display: block;border: 1px solid #ccc;padding: 10px;}
.product .right ul li .img2{display: none;}
.product .right ul li .imgarea{/* border-bottom: 1px solid #ccc; */height: 270px;display: flex;justify-content: center;align-items: center;}
.product .right ul li .imgarea .img{max-width:100%;max-height: 100%;}
.product .right ul li:hover .img{display: none;}
.product .right ul li:hover .img2{display: inline-block;max-width: 100%; max-height:100% }
.product .right ul li .wenziarea{line-height: 40px;color: #333;font-size: 14px;font-weight: normal;}
.product .right ul li .wenziarea h3{font-weight: normal;}


.bortop{border-top: 1px solid #ccc;}

.how2 ul li{width: 29.3%;margin: 2%;float: left;text-align: center;}
.how2 ul li .limain{background: #FCFCFC;}
.how2 ul li img{margin-top: -25px;}
.how2 ul li  h3{margin: 20px 0;color: #222;font-size: 18px;}
.how2 ul li span{display: block;color: #666666;font-size: 14px;line-height: 25px;min-height: 164px;}

.more2{text-align: center;}
.more2 a{display: inline-block;width: 330px;line-height: 46px;text-align: center;background: #F6FCF6;color: #7DDC86;}

.more3{text-align: center;margin-top: 40px;}
.more3 a{display: inline-block;width: 160px;line-height: 40px;text-align: center;background: #F6FCF6;color: #7DDC86;}

.how3 img{max-width: 100%;}
.how3 .left{width: 48%;}
.how3 .right{width: 48%;}
.how3 img{transition: all 1.5s;}
.how3 img:hover{transform: scale(1.1);}


.how4 ul li{width: 21%;margin: 2%;float: left;text-align: center;}
.how4 ul li .limain{background: #FCFCFC;}
.how4 ul li img{margin-top: -25px;}
.how4 ul li  h3{margin: 20px 0;color: #222;font-size: 18px;}
.how4 ul li span{display: block;color: #666666;font-size: 14px;}


.contact .left{width: 48%;}
.contact .right{width: 48%;}
.contact .left h3{font-size: 18px;color: #000;margin-bottom: 15px;}
.contact .left h4{font-size: 16px;color: #000;margin-bottom: 15px;}
.contact .right dl dt{padding-left: 30px;font-size: 14px;margin-bottom: 10px;}
.contact .right dl dd{padding-left: 30px;line-height: 30px;color: #9196A3;font-size: 14px;}

.biaomain{padding: 0 10%;}
.biaomain h3{color: #333;font-size: 20px;margin-bottom: 20px;}
.label span{display: block;color: #666666;font-size: 14px;margin-bottom: 10px;}
.label span strong{color: #C57478;}
.label input{line-height: 40px;width: 100%;border: 1px solid #E1E1E1;}
.label{margin-bottom: 20px;}
.label select{height: 40px;border: 1px solid #E1E1E1;width: 100%;}
.label textarea{width: 100%;border: 1px solid #E1E1E1;height: 200px;}
.label .wenzi{background: #FF0000;color: #fff;font-size: 20px;padding: 15px;border-radius: 15px;margin-bottom: 20px;}

.news ul li{margin-bottom: 20px;}
.news ul li img{max-width: 100%;}
.news ul li .litop{font-size: 18px;color: #000;border-bottom: 1px solid #C2D3E8;padding-bottom: 10px;margin-bottom: 15px;}
.news ul li  h3{color: #000;font-size: 16px;margin-bottom: 15px;}
.news ul li span{display: block;font-size: 14px;color: #ccc;}


.newsdetail  .ul{margin-top: 30px;}
.newsdetail  .ul li{display: inline-block;margin-right: 15px;font-size: 14px;color: #595959;}
.newsdetail .zhaiyao h3{border-bottom: 1px solid #F2F2F2;line-height: 40px;font-size: 20px;text-align: center;color: #333;}
.newsdetail .main{margin-top: 30px;}

.pian{line-height: 40px;margin-top: 30px;}
.pian a{color: #333;font-size: 14px;}
.pian a:hover{color: #BB1C21;}

.prodetail img{max-width: 100%;}
.prodetailtit h3{font-size: 20px;color: #000;margin-bottom: 15px;}
.prodetail .main{margin: 15px 0;}

@media screen and (max-width: 760px){
	.wapper{width:90%;padding: 0 5%;}
	.pc{display: none;}
	.phone{display: block;}

	.con ul li{width: 98%;margin: 1%;float: left;}
	.con3  img{max-width: 100%;}
	.con3 ul li{width: 98%;margin: 1%;float: left;}

	.con5 ul li{width: 100%;float: left;text-align: center;}
	.con5 dl dd{width: 98%;float: left;margin: 1%;overflow: hidden;}
	.con7 ul li{width: 100%;text-align: center;float: left;}

	.con8 .left{width: 100%;}
	.con8 .right{width: 100%;}

	.foot ul li{width: 100%;float: left;}

	.product .left{width: 96%;border-right: 0px solid #ccc;padding: 0 2%;display: none;}
	.product .right{width: 96%;padding: 0 2%;}

	.product .right ul li{width: 98%;margin: 1%; float: left;text-align: center;}

	.how2 ul li{width: 96%;margin: 2%;float: left;text-align: center;background: #FCFCFC;margin-bottom: 50px;}
	.how4 ul li{width: 96%;margin: 2%;float: left;text-align: center;background: #FCFCFC;margin-bottom: 50px;}


	.contact .left{width: 100%;}
	.contact .right{width: 100%;}
	.biaomain{padding: 0 0%;}
}