@charset "utf-8";
@media (max-width:1599px) {
.w1600,.w1400{width: 92%;}
.footer .ff2{margin: 0 5%;}
.footer .ff3{width: 250px;}
}
@media (max-width:1488px) {

}
@media (max-width:1399px) {
.wrap3,.wrap2,.w1600,.w1400 {width: 92%;}
.toper ul li{margin-left: 50px;}
.footer .ff3{width: 200px;}

}

@media (max-width:1360px) {
.footer .ff2{margin: 0 3%;}
	

}
@media (max-width:1321px) {

}

@media (max-width:1284px) {
.footer .ff3{width: 190px;}
.footer .ff2{margin: 0 2%;}
.toper ul li{margin-left: 40px;}


}
@media (max-width:1250px) {
.toper ul li{margin-left: 30px;}
.footer .ff2{margin: 0;}	
.product-box3 .swiper-button-next{right: 0;}
.product-box3 .swiper-button-prev{left: 0;}
}

@media (max-width:1185px) {
.wrap,.wrap2,.w1600,w1400,.w1220 {width: 92%;}
body {font-size:12px;}
.mBan2 .t1{font-size: 20px;right:0;left: 0;width: 100%;top: 300px;}
#toTop{display: none;}
#toggleMenu{display: -webkit-box;display: -ms-flexbox;display: flex;}
.mBan2{display: block;}
.phonemenu{display: block;}
.toper .menu{display: none;}
.mBan2 .t1 span{padding-bottom: 28px;}
.footer{display: none;}
.foot{display: block;}
#toggleMenu nav{padding: 0;}
#toggleMenu nav .toggle::before{display: none;}
.phonemenu ul{margin: 0;}
#toggleMenu nav .toggle{top: 29px;}
.mBan2{margin-bottom: 73px;}
.about2 .swiper-button-prev,.about2 .swiper-button-next,.product-box3 .swiper-button-next,.product-box3 .swiper-button-prev{display: none;}
.about1 .our{width: 60%;}
.about1{background: url(../images/about_03.jpg) no-repeat right bottom;min-height: 638px;background-size: auto 400px;}
.wrapper{padding-bottom: 80px;}
.news li a .text{width: 75%;}
.news li a h4{margin-top: 18px;}

}
@media (max-width:1130px){
	.products li a h3{font-size: 26px;}
	.leftside,.rightside{width: 100%;float: none;}
	.inside_text05 .text05_nav h2{line-height:normal;font-size: 18px;padding-bottom: 15px;}
.inside_text05 .text05_nav h3 span{line-height: 26px;}
.inside_text05 .text05 p{line-height: 24px;}
.inside_text05 .text05_nav h3{padding-bottom: 20px;}
.inside_text05 .text05 img{margin: 20px auto;}
.inside_text05 .text05,.inside_text05 .fy{padding-bottom:40px;}
.rightside{border: none;padding: 0;}
.rightside .tit{line-height:normal;font-size: 18px;padding-bottom: 30px;font-weight: bold;}
.part-box li a .p1{font-size: 16px;margin-bottom: 6px;}
.part-box li a span{font-size: 13px;}
.part-box li{margin-bottom: 20px;}

}
@media (max-width:1044px) {
.mBan2{display: block;}
.phonemenu{display: block;}
#toTop{display: none;}
.toper { background:#fff;}
.toper .tel { display:none;}
.toper,.toperh.active { height:80px}
.toper .logo,.toperh.active .logo {margin:25px 0 0 0;}
.toper ul { display:none;}

.toperh{transition-duration:0s;-ms-transition-duration:0s;-moz-transition-duration:0s; -webkit-transition-duration:0s;}
#toggleMenu nav .toggle{top:20px;}

.foot{display: block;}
.mBan2 .t1{font-size: 20px;}
.product-box1 h4{font-size: 20px;}
.product-box1 h4 b{font-size:34px;}
.product-box1 li .p11,.product-box2 li .pp33{font-size: 20px;}
.product-box1 li .p22{font-size: 16px;line-height:26px;}
.product-box1 .left{width: 45%;}
.product-box1 .right{width: 50%;}
.product-box1 .right li{padding: 20px 0;}
.radis-box{font-size: 24px;}
.product-box2 li .pp44{font-size: 16px;line-height:26px;}
.product-box2 li::before{top: 6px;}
.product-box2 .cons1{margin: 50px 0 0 50px;}
.product-box3{padding-bottom: 80px;}
.bt-name{font-size: 28px;}
.bt-name span{font-size: 20px;padding-top: 10px;}
.join{margin-bottom: 40px;}
.news li a .text{width: 72%;}
.leftside,.rightside{width: 100%;float: none;}
.inside_text05 .text05_nav h2{line-height:normal;font-size: 18px;padding-bottom: 15px;}
.inside_text05 .text05_nav h3 span{line-height: 26px;}
.inside_text05 .text05 p{line-height: 24px;}
.inside_text05 .text05_nav h3{padding-bottom: 20px;}
.inside_text05 .text05 img{margin: 20px auto;}
.inside_text05 .text05,.inside_text05 .fy{padding-bottom:40px;}
.rightside{border: none;padding: 0;}
.rightside .tit{line-height:normal;font-size: 18px;padding-bottom: 30px;font-weight: bold;}
.part-box li a .p1{font-size: 16px;margin-bottom: 6px;}
.part-box li a span{font-size: 13px;}
.part-box li{margin-bottom: 20px;}

}

@media (max-width:920px) {
.mBan2 .t1{font-size: 16px;}
.mBan2 .t1 span{font-size: 40px;}
.products li a h3{font-size: 26px;}


}
@media (max-width:860px) {
	.news li a .text{width: 60%;}
	
}

@media (max-width:768px) {
.toper .logo, .toperh.active .logo{display: block;}
.phonemenu{display: block;}
.mBan2 .t1{font-size: 14px;}
.mBan2 .t1 span{font-size: 32px;line-height: 50px;}
.about1{padding-top: 50px;background: url(../images/about_03.jpg) no-repeat right bottom;min-height: 638px;background-size: auto 300px;}
.about1 .our{width: 100%;}
.about1 h2{font-size: 15px;padding-bottom: 20px;margin-bottom: 30px;}
.about1 h2 b{font-size: 19px;padding-bottom: 6px;}
#particles{width: 100%;height: 50%;top: 0;}
.about2{padding: 50px 0 100px 0;}
.about2 h3{padding-bottom: 30px;font-size: 20px;}
.m2abt_itmx strong{font-size: 16px;padding-top: 10px;}
.about2 .m2abt_itmx .overflowHide{height: 300px;}
.about2 .m2abt_itmx{height: 350px;}
.bt-name{font-size: 20px;padding: 40px 0 30px 0;}
.bt-name span{font-size: 16px;}
.contact .left,.contact .right{width: 100%;float: none;}
.contact .left h4{font-size: 18px;}
.contact .left li,.contact .left li.lx2,.contact .left li.lx3,.contact .left li.lx4{background-size:24px auto;}
.contact .left li{padding: 16px 0 16px 35px;line-height: 24px;}
.contact .left li label{margin-bottom: 30px;}
.contact .left li.lx4{background: url(../images/xtb_12.jpg) no-repeat left 17px;background-size:24px auto;}
.contact{padding-bottom: 40px;}
.job_ul ul li{width: 100%;float: none;}
.job_ul ul li .boxs{padding: 20px;}
.job_ul ul li .h3{font-size: 16px;}
.job_ul ul li .desc{line-height: 24px;height: 24px;}
.job_ul ul li .p{line-height: 24px;height: 48px;}
.join{margin-bottom: 40px;}
.about_x2.bgs2{margin: 40px 0;}
.about_x2.bgs2 .show_t{font-size: 18px;margin-bottom: 0;}
.wap-banner{display: block;}
.mBan2{display: none;}
.toper,.toperh.active { height:60px}
.toper .logo,.toperh.active .logo {margin:18px 0 0 0;}
.toper .logo img{height: 24px;}
#toggleMenu nav .toggle{top:10px;}
}

@media (max-width:720px) {
.toper .logo, .toperh.active .logo{display: block;}
.products li .left,.products li .right{float: none;width: 100%;}
.products{padding: 40px 0;}
.products li .right{padding: 30px 15px;height: auto;}
.products li a h3{font-size: 18px;}
.products li a .p2{font-size: 14px;line-height: 24px;margin-top: 10px;}
.products li a .look{margin-top: 30px;font-size: 15px;width: 104px;}
.products li{margin-bottom: 20px;}
.news li a .time{width: 100px;font-size: 20px;padding: 10px 0 0 0;border-right: none;}
.news li a .time b{font-size: 40px;}
.news li a .time2{width: 100px;}
.news li a .text{width: 75%;}
.news{padding: 20px 0 40px 0;}
.news li a h4{font-size: 16px;margin-top: 0;}
.news li a p{font-size: 14px;line-height: 22px;}
.news li{padding: 25px 0;border-bottom: 1px solid #ddd;}	
.news li:hover{box-shadow: none;}
.news li:hover a h4{color: #0f6bb0;transform: translateX(0px);}
.products li a .p1{font-size: 16px;}
.leftside,.rightside{width: 100%;float: none;}
.inside_text05 .text05_nav h2{line-height:normal;font-size: 18px;padding-bottom: 15px;}
.inside_text05 .text05_nav h3 span{line-height: 26px;}
.inside_text05 .text05 p{line-height: 24px;}
.inside_text05 .text05_nav h3{padding-bottom: 20px;}
.inside_text05 .text05 img{margin: 20px auto;}
.inside_text05 .text05,.inside_text05 .fy{padding-bottom:40px;}
.rightside{border: none;padding: 0;}
.rightside .tit{line-height:normal;font-size: 18px;padding-bottom: 30px;font-weight: bold;}
.part-box li a .p1{font-size: 16px;margin-bottom: 6px;}
.part-box li a span{font-size: 13px;}
.part-box li{margin-bottom: 20px;}
.wap-banner{display: block;}
.mBan2{display: none;}
.toper,.toperh.active { height:60px}
.toper .logo,.toperh.active .logo {margin:18px 0 0 0;}
.toper .logo img{height: 24px;}
#toggleMenu nav .toggle{top:10px;}
}
@media (max-width:650px) {
.products li .left,.products li .right{float: none;width: 100%;}.wap-left{display: block;}.pc-left{display: none;}
.products{padding: 40px 0;}
.products li .right{padding:20px 15px 30px 15px;height: auto;}
.products li a h3{font-size: 18px;}
.products li a .p2{font-size: 14px;line-height: 24px;margin-top: 10px;}
.products li a .look{margin-top: 30px;font-size: 15px;width: 104px;}
.products li{margin-bottom: 20px;}
.news li a .time{width: 100px;font-size: 20px;padding: 10px 0 0 0;border-right: none;}
.news li a .time b{font-size: 40px;}
.news li a .time2{width: 100px;}
.news li a .text{width: 75%;}
.news{padding: 20px 0 40px 0;}
.news li a h4{font-size: 16px;margin-top: 0;}
.news li a p{font-size: 14px;line-height: 22px;}
.news li{padding: 25px 0;border-bottom: 1px solid #ddd;}	
.news li:hover{box-shadow: none;}
.news li:hover a h4{color: #0f6bb0;transform: translateX(0px);}
.products li a .p1{font-size: 16px;}
.wap-banner{display: block;}
.mBan2{display: none;}
.product-box3 a span img{width: 24px;height: 24px;}
.product-box3 figcaption{padding: 0;left: 0;right: 0;bottom: 0;top: 0;width: 100%;height: 100%;}
}

@media (max-width:640px) {
#pictureViewer > .content{width:100%;height: 100%;}
.goods-fy{padding:20px 0;}
.goods-fy h4{float: none;margin: 10px 0;font-size: 16px;}
.goods-fy h4 a{font-size: 16px;}
.goods-fy .fr{text-align: left;}
.page span, .page a{padding: 4px 6px;}
.page{font-size: 14px;padding: 20px 0;}

}

@media (max-width:480px) {
.toper .logo, .toperh.active .logo{display: block;width: auto;}
.toper .logo3, .toperh.active .logo3{display: none;}
.carousel-scroll-btn{display: none;}
.toper,.toperh.active { height:60px}
.toper .logo,.toperh.active .logo {margin:18px 0 0 0;}
.toper .logo img{height: 24px;}
#toggleMenu nav .toggle{top:10px;}
.brand .tittle-bt{display: none;}
.brand .menu-aa{float: none;text-align: center;}
.brand a{margin: 0 15px;}
.product-box1 h4{font-size: 15px;}
.product-box1 h4 b{font-size: 22px;padding-bottom: 10px;}
.product-box1 .left,.product-box1 .right{float: none;width: 100%;}
.product-box1 li .p11, .product-box2 li .pp33{font-size: 16px;margin-bottom: 14px;}
.radis-box{font-size: 18px;height: 50px;line-height: 50px;padding-left: 20px;}
.product-box2 .cons1{margin: 30px 0 0 35px;}
.product-box2 li{margin-bottom: 30px;}
.product-box3 .radis-box{margin-bottom: 30px;border-radius: 15px 0 15px 0;}
.product-box3 a h5{font-size: 16px;line-height: auto;margin-bottom: 8px;}
.product-box3 a figcaption span{display: inline-block;width: auto;padding: 0 10px;font-size: 13px;}
.product-box3 .swiper-button-next,.product-box3 .swiper-button-prev{display: none;}
.product-box3{padding-bottom: 30px;}
.product-box1{padding-top: 40px;}
.product-box1 .item1{padding-top: 40px;}
.about1{padding-top: 50px;background: url(../images/about_03.jpg) no-repeat right bottom;min-height: 638px;background-size: auto 300px;}
.about1 .our{width: 100%;}
.about1 h2{font-size: 15px;padding-bottom: 20px;margin-bottom: 30px;}
.about1 h2 b{font-size: 19px;padding-bottom: 6px;}
#particles{width: 100%;height: 50%;top: 0;}
.about2{padding: 50px 0 100px 0;}
.about2 h3{padding-bottom: 30px;font-size: 20px;}
.m2abt_itmx strong{font-size: 16px;padding-top: 10px;}
.about2 .m2abt_itmx .overflowHide{height: 300px;}
.about2 .m2abt_itmx{height: 350px;}
.news li a .text{width: 70%;}
.mBan2 .t1 span{font-size: 24px;}
.product-box2 li .pp44{font-size: 15px;}

}

@media (max-width:375px) {	.mBan2 .t1 span{font-size: 20px;}
.news li a .text{width: 65%;}
.news li a .time{width: 100px;font-size: 18px;padding: 10px 0 0 0;border-right: none;}
.news li a .time b{font-size:34px;}
.news li a h4{margin-bottom: 10px;}
}