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

@media screen and (max-width:1400px){


.wrap,.headertopIn{width:1100px;}

.index-about h3,.index-product .tit h3,.indexB .tit h3,.customer .tit h3{font-size:34px;}
.quality h1{font-size:34px;}
.indexB .list .bd ul li .txt em{font-size:70px;}


}

@media screen and (max-width:1367px) {

.index-about h3,.index-product .tit h3,.indexB .tit h3,.customer .tit h3{font-size:32px;}
.quality h1{font-size:32px;}
.indexB .list .bd ul li .txt em{font-size:65px;}
.indexB .list .bd ul li .txt h5{margin:100px 0 0;font-size:28px;}

}


@media screen and (max-width:1280px){

.wrap,.headertopIn{width:100%;padding-left:80px;padding-right:80px;}

.logo h4{font-size:17px;line-height:26px;}

.smartmenu > ul > li > a{padding:0 15px;}

.index-about h3,.index-product .tit h3,.indexB .tit h3,.customer .tit h3{font-size:30px;}
.quality h1{font-size:30px;}
.indexB .list .bd ul li .txt em{font-size:60px;}

.index-about ul li a h5{font-size:15px;}
.index-product ul li h5{font-size:17px;}

.quality img{width:450px;}

.projectlist ul li .pic{width:500px;}
.projectlist ul li .nr em{font-size:48px;}
.projectlist ul li .nr h5 a{font-size:20px;}

.pro_img{width:430px;}
.bpic{width:330px;}
.pro_view_inner{margin:0 40px;}

}

@media screen and (max-width:1171px){

.wrap,.headertopIn{padding-left:60px;padding-right:60px;}

.smartmenu > ul > li > a{padding:0 12px;}

.pro_img{width:390px;}
.spic{width:70px;}
.bpic{width:300px;}


}

@media screen and (max-width:992px){

.wrap,.headertopIn{padding-left:40px;padding-right:40px;}

.topright .share,.headbott,.foot-nav{display:none;}
.head-right span.mo-header-menu{display:block;}

.main{padding:40px 0;}
#banner{margin-top:0;}
.position{height:90px;padding:0;margin-top:0;}
.position h3{font-size:24px;}

.sideleft{float:none;width:100%;}
.sideright{float:none;width:100%;}

.sidelist h3,.sidehot h3,.sidemenu h3{line-height:50px;border-top:3px solid #f6b632;}
.sidelist h3::after,.sidemenu h3::after{display:block;}
.sidelist > ul,.sidemenu > ul,.sidehot{display:none;}

.sub_goods ul{margin:-10px -10px 0;}
.sub_goods ul li{padding:10px;}
.sub_goods ul li .desc{height:70px;position:static;transform:none;}
.sub_goods ul li .desc p,.sub_goods ul li .desc .more{display:none;}
.sub_goods ul li .desc h5{line-height:22px;white-space:normal;font-size:16px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}

.projectlist ul li .pic{width:450px;}

.pro_view_top{display:block;}

.pro_img{width:600px;margin:0 auto;justify-content:space-between;flex-direction:column-reverse;}
.bpic{width:100%;}
.spic{width:100%;margin:10px 0 0;}
.spic ul{display:flex;justify-content:space-between;}
.spic ul li{width:calc(25% - 6px);}
.spic ul li+li{margin-top:0;}

.pro_view_inner{margin:30px 0 0;}
.conright{width:100%;margin:30px 0 0;}

.demainone h3, .demaintwo h3, .related h3{line-height:44px;}
.demainone h3::after,.demaintwo h3::after,.related h3::after{border-width:22px;}

.related ul li{width:33.33333%;}

}

@media screen and (max-width:768px){

.row{margin-right:-10px;margin-left:-10px;}
.row > div{padding-right:10px !important;padding-left:10px !important;}
.inquirbox .row{margin-bottom:0;}
.inquirbox .row > div{margin-bottom:10px;}
.inquirbox input[type="text"],.inquirbox textarea{padding:8px 10px;font-size:15px;}
.inquirbox .submit{width:140px;line-height:40px;font-size:16px;}

.wrap{padding-left:25px;padding-right:25px;}
.headertopIn{padding-left:0;padding-right:0;}

.headertop p,.search,.head-right span.mo-header-menu,.toTop{display:none;}
.headertop span.mo-header-menu,.topright > span{display:block;}

.logo{justify-content:center;width:100%;}

.header-lang .box{height:30px;width:80px;padding:0 5px;}
.header-lang .box img{height:16px;}
.header-lang .box em{margin:0 5px;line-height:16px;}
.header-lang .box i{line-height:16px;}

.footbottom{padding:60px 0 30px;}
.copyright{padding:25px 0;}

.index-about h3,.index-product .tit h3,.indexB .tit h3,.customer .tit h3{font-size:28px;}

.index-about,.index-product,.indexB,.indexBo,.customer{padding:30px 0;}
.index-about ul{margin:20px -10px 0;}
.index-about ul li{width:50%;}

.index-product .tit p{font-size:14px;line-height:22px;max-width:100%;}
.index-product ul{margin:20px -10px 0;}
.index-product ul li{width:50%;padding:10px;}

.indexB .tit p{line-height:22px;max-width:100%;}
.indexB .list{margin:20px 0 0;}
.indexB .list .bd ul li{display:block;}
.indexB .list .bd ul li .pic{width:100%;}
.indexB .list .bd ul li .txt{width:100%;padding:15px 20px;}
.indexB .list .bd ul li .txt em{left:20px;top:20px;font-size:50px;}
.indexB .list .bd ul li .txt h5{margin:30px 0 0;font-size:24px;}
.indexB .list .bd ul li .txt p{font-size:16px;line-height:22px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;}
.indexB .hd{margin-top:20px;}
.indexB .hd ul{padding:10px;}
.indexB .hd ul li img{width:90px;}
.indexB .prev,.indexB .next{display:none;}

.indexBo .wrap{display:block;}
.indexBo .client,.indexBo .newsindex{width:100%;}
.indexBo .newsindex{margin:30px 0 0;}
.client h3,.newsindex h3{text-align:center;}

.customer ul{margin:20px -10px 0;}
.customer ul li{width:calc(100% / 4);}

.conus{padding:35px 0;}
.conus h6{font-size:18px;}

.footbottom .wrap{display:block;}
.footbottom h5{font-size:19px;margin-bottom:20px;text-align:center;}
.foot-contact{width:100%;}
.foot-form{width:100%;margin:25px 0 0;}

.main{padding:30px 0;}
.sidelist h3,.sidehot h3,.sidemenu h3{font-size:22px;padding:0 0 0 15px;}

.proclass ul{margin:-10px -10px 0;}
.proclass ul li{width:33.33333%;padding:10px;}
.proclass ul li h5 a{font-size:17px;}

.sub_goods ul li{width:50%;}

.projectca ul{margin:-10px -10px 0;}
.projectca ul li{width:50%;padding:10px;}
.projectca ul li .intro .time b{font-size:24px;}
.projectca ul li .intro .time{font-size:13px;}
.projectca ul li .intro h6{font-size:17px;}
.projectca ul li > h5{font-size:17px;}

.sub_right_tit{font-size:17px;line-height:40px;padding-left:15px;margin-bottom:20px;}

.projectlist ul li{display:block;}
.projectlist ul li + li{margin-top:20px;}
.projectlist ul li .pic{width:100%;}
.projectlist ul li .nr{padding:15px 20px;}
.projectlist ul li .nr em{font-size:40px;}
.projectlist ul li .nr h5 a{font-size:19px;}

.formtitle{display:block;}
.formtitle p{padding:15px;}

.mess dl{display:block;line-height:24px;}
.mess dl dt{background:#A9D5F8;width:120px;font-weight:700;color:#fff;display:inline-block;}
.mess dl dd{margin-left:0;}

}

@media screen and (max-width:620px) {

.pro_img{width:100%;}

}

@media screen and (max-width:576px) {

.wrap{padding-left:10px;padding-right:10px;}

.index-about h3,.index-product .tit h3,.indexB .tit h3,.customer .tit h3{font-size:26px;}

.index-about p{line-height:22px;max-width:100%;margin:15px auto 0;}

.indexB .hd ul li img{width:70px;}
.indexB .list .bd ul li .txt em{left:15px;top:15px;font-size:40px;}
.indexB .list .bd ul li .txt h5{margin:30px 0 0;font-size:22px;}
.indexB .list .bd ul li .txt p{font-size:15px;}

.client h3,.newsindex h3{font-size:24px;}

.newsindex .list dl dd h5{font-size:15px;}

.customer ul li{width:calc(100% / 3);}

.index-about ul{margin:20px -6px 0;}
.index-about ul li{padding:6px;}
.index-about ul li a h5{font-size:14px;}

.conus h6{font-size:17px;}

.position h3{font-size:24px;}

.proclass ul li{width:50%;}

.downlist ul li{padding:4px 0 4px 12px;}

.case_read h1{font-size:22px;}
.case_read .txt{margin:25px 0 0;font-size:15px;}

.news-list ul li .img{width:180px;}

.demainone h3,.demaintwo h3,.related h3{font-size:17px;line-height:22px;padding:8px 0 8px 20px;border-left:3px solid #0271B8;}
.demainone h3::after,.demaintwo h3::after,.related h3::after{display:none;}

.related ul li{width:50%;}
}

@media screen and (max-width:480px) {

.logo img{height:65px;}
.logo h4{font-size:16px;line-height:24px;}

#banner .swiper-pagination-bullet{height:12px;width:12px;}

.index-about h3,.index-product .tit h3,.indexB .tit h3,.customer .tit h3{font-size:24px;}

.indexB .hd ul li img{width:50px;}
.client h3,.newsindex h3{font-size:22px;}

.customer ul li{width:calc(100% / 2);}

.conus h6{font-size:16px;}

.index-about ul li a h5{font-size:13px;}

.index-product ul li h5{font-size:16px;}

.position .wrap{flex-direction:column;justify-content:center;align-items:flex-start;}
.position h3{font-size:22px;}
.position p{font-size:14px;margin:10px 0 0;}

.proclass ul li h5 a{font-size:16px;}

.projectca ul{margin:-8px 0 0;}
.projectca ul li{width:100%;padding:8px 0;}

.news-list ul li{padding:10px 0;display:block;}
.news-list ul li .intro{margin:20px 0 0;}

.case_read h1{font-size:20px;}

.videolist ul{margin:0;}
.videolist ul li{float:none;width:100%;margin:0 0 15px;}
.videolist ul li .t{padding:10px;height:auto;display:block;}

}	


@media screen and (max-width:420px) {

.logo img{height:60px;}
.logo h4{font-size:15px;line-height:22px;}

.indexB .list .bd ul li .txt h5{font-size:20px;}

.newsindex .list dl{display: block;}
.newsindex .list dl dt{width:100%;padding:4px;margin-right:0;}
.newsindex .list dl dd{margin:15px 0 0;}
.newsindex .list dl dd p{padding-left:0;margin-top:10px;}
.newsindex .list dl dd p.px-textborder::before{display:none;}

.position h3{font-size:20px;}

.related ul{margin:10px 0 0;}
.related ul li{width:100%;padding:10px 0;}

}