@charset "utf-8";
/* CSS Document */
@media screen and (max-width:1620px){
.topdh{width:calc(67% - 100px);}
.toplogo{background:none;}
}
@media screen and (max-width:1400px){
.topdh{width:calc(67% - 100px);}
.toplogo p{font-size:22px}
}

@media screen and (max-width:1400px){
.toplogo p i{font-size:12px;}
.topdh li{padding:0 10px;}
	}
@media screen and (max-width:980px){
.i-ban{height:200px;}
.i-he{display:none;}
.i-dao{width:100%;float:none;}
.top{padding:0 1%;}
.toplogo{width:60%}
.toplogo img{width: 225px;}
.zhz{display:block;}
.topdh{position:absolute;top:100%;right:0;z-index:999;background:#eee;width:30%;display:none;}
.topdh li{width:100%;border-bottom:1px dashed #fff;position:relative;padding:0;}
.topdh li p{line-height:40px;box-sizing:border-box;padding:0 20px;}
.topdh .topi:after{position:absolute;right:15px;top:17px;}
.topdh li dl{position:static;box-shadow:0 0 0 #fff;border-radius: 0px;box-sizing:border-box;padding:0 10px;background:none;}
.topdh li dl dd{width:100%;}
.topyu{margin-right: 25px;margin-top: 31px;}
.toplogo p{font-size:22px;}
.top{height: 78px;}
.abouta h3{font-size: 20px;margin: 17px auto 8px;}
.abouta p{line-height:26px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
.i-test li{width:32%;margin-right:2%;}
.i-test li:nth-child(3n){margin-right:0;}
.i-test li:nth-child(4){margin-right:2%;}
.i-test li:nth-child(8){margin-right:2%;}
.i-fact li{line-height:20px;margin-bottom:10px;}
.i-da{padding-top:43px;}
.i-he h4{font-size:20px;}
.i-video li{width:48%;margin-right:2%;}
.i-video iframe{height:240px;}
.i-productb h4{font-size:20px}
.i-appl li{width:32%;margin-right:2%;}
.i-appl li:nth-child(3n){margin-right:0;}
.i-appl li:nth-child(4){margin-right:2%}
.i-appl li:nth-child(8){margin-right:2%}
#pro{font-size:24px;}
.xus{transform:translateX(186px);}
	}
@media screen and (max-width:780px){
.i-fact img{padding:0;}
.i-fact p{line-height:30px;}
.i-test li img{padding:0;}
.i-test p{margin-top:0;line-height:30px;font-size:14px;}
    #banner .owl-stage .item .jux{font-size:30px;}
.i-ban{height:150px;}
.abouta h3{font-size: 16px;margin: 0px auto 8px;}
.abouta,.aboutb{width:100%;}
.about{margin: 20px auto;width:100%;}
.abouta{margin:20px auto 0;}
.abouta a{width:100%;box-sizing:border-box;text-align:center;}
.topdh li dl dd{text-align:center;}
.topdh dd a:before{display:none;}
.produ li .pro{padding:2px;}
.i-hen{border:none;}
.i-ban{height:auto;}
.i-ban img{display:block;}
.i-dao{text-align:center;margin:20px auto;}
.i-dao li{border:1px solid #ccc;margin:5px;line-height:40px;}
.iabout{margin: 5px auto 20px;}
.i-produ{margin:auto;}
.i-productb h4{font-size:18px;}
.i-product{margin:auto;}
.i-producta{float:none;width:100%;padding:0;}
.i-productb{float:none;width:100%}
.i-appl{margin:20px auto 0}
.i-appl li{width:48%;margin-right:4%}
.i-appl li:nth-child(2n){margin-right:0%}
.i-appl li:nth-child(2n){margin-right:0;}
.i-appl li:nth-child(3){margin-right:4%}
.i-appl li:nth-child(9){margin-right:4%;}
.i-lan{margin:20px auto 0}
.i-lan p{font-size:16px;}
.i-lan p:after{width:50px;transform:translateX(35px)}
.i-lan p:before{width:50px;transform:translateX(-35px)}
.i-lev{margin:10px auto;}
.input_d p{width:100%;margin:auto;float:none;}
.input_d span{margin-bottom:5px;}
.input_d p:nth-child(2){float:none;}

.btn_d .btn_c{min-width:90px;}
.text_aread .text_area{height:80px;}
.btn_d{padding-bottom:0;}
.bott{display:none;}
#pro{font-size:20px;}
#pro:after{width:50px;}
	}
@media screen and (max-width:500px){
.toplogo img{width:151px;margin-top:0;}	
.toplogo p{display:none;}
.toplogo b{font-size:18px;display:inline-block;}
.toplogo{margin-top:12px;margin-left: 5px;}
.topdh li dl dd{}
.top{height:61px;width:100%;}
.topyu{position:absolute;top:23px;right:60px;width:auto;margin:auto;}
.topyu samp{font-size:12px;}
.topyu ul{padding: 0 7px;}
.topyu ul p{font-size:12px;}
.zhz{margin-top: 6px;}
.topdh{width:100%;}
.produ{margin:auto;}
.produ li{width:100%;margin:0 auto 20px;float:none;}
.produ li p{line-height:30px;font-size:14px;}
.bottom{box-sizing:border-box;padding:20px 10px;}
.i-dao{text-align:left}
.i-dao li{line-height:30px;width:48%;margin:5px 4% 0 0;box-sizing:border-box;text-align:center;}
.i-dao li:nth-child(2n){margin-right:0;}
.iabout img{width:100%;}
.i-test li{width:48%;margin-right:4%;}
.i-test li:nth-child(2n){margin-right:0;}
.i-test li:nth-child(3){margin-right:4%}
.i-test li:nth-child(9){margin-right:4%;}
.i-fact li{width:48%;margin-right:4%;}
.i-fact li:nth-child(2n){margin-right:0;}
.i-fact li:nth-child(3){margin-right:4%;}
.i-fact li:nth-child(9){margin-right:4%;}
.i-fact li:nth-child(12){margin-right:4%;}
.i-video li{width:100%;margin:0 auto 10px;}
.i-video iframe{height:200px;}
.i-video{margin:auto;}
.i-produ li{width:48%;margin-right:4%;}
.i-produ li:nth-child(2n){margin-right:0;}
.i-produ li:nth-child(3){margin-right:4%;}
.i-produ li:nth-child(n+9){margin-right:4%;display:none;}
.i-produ li:nth-child(12){margin-right:4%;}
.i-appb p{font-size:12px;}
.i-appb h5{font-size:14px;margin-bottom:10px;}
.sxybottom{padding-bottom:25px;}
.i-apct{margin:20px auto;}
.trr{padding-top:20px;margin:20px auto;}
.i-contact li{width:100%;margin:auto;}
.i-contact li p{display:inline-block;font-size:14px;font-weight:normal;}
.i-contact li div{margin:auto;}
.i-contact ul{margin-top:20px;}
.i-contact h4{text-align:left;}
.about .imgxx2{display:block;}
.about .imgxx1{display:none;}
}