@charset "utf-8";

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

.wp{margin:0 auto;width:1300px;}



.indexA .tit h3,.indexB .tit h3,.indexC h3,.indexD-tit h3{font-size:56px;}

#footer .logo{width:380px;}
#footer .logo p{font-size:14px;}
#footer .logo .share a{width:36px;height:36px;line-height:36px;margin:0 8px 0 0;}
#footer .logo .share a i{font-size:18px;}

#footer .foot-nav1{width:180px;}
#footer .foot-nav2{width:250px;}
#footer .foot-nav4{width:350px;}

.indexA .list .swiper-slide::after{display:none;}
.indexA .list .swiper-slide .pic{width:100%;margin:0;}
.indexA .list .swiper-slide h5{margin:15px 0 0;}
.indexA .btn{margin:80px 0 0;}




.mainleft{width:290px;}

.mainRight{margin-left:350px;}

.pro_img{width:450px;}


}

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

.indexA .tit h3,.indexB .tit h3,.indexC h3,.indexD-tit h3{font-size:52px;}

.indexB .tit h3{background:none;}
.indexB .txt{padding:35px 40px;width:820px;bottom:-37px;}
.indexB .txt::before{width:55px;height:37px;left:-55px;}
.indexB .txt::after{width:55px;height:37px;right:-55px;}
.indexB .txt p{line-height:30px;}

.indexA .swiper-button-prev i,.indexA .swiper-button-next i{font-size:46px;}

}

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

.wp{width:1200px;}
.nav ul li+li{margin-left:40px;}
#footer .logo img{margin:0 0 20px;}
#footer .foot-nav4{width:300px;}

.indexA .tit h3,.indexB .tit h3,.indexC h3,.indexD-tit h3{font-size:48px;}

.indexB .txt{padding:30px 35px;width:770px;bottom:-32px;}
.indexB .txt p{line-height:28px;}
.indexB .txt::before{width:45px;height:32px;left:-45px;}
.indexB .txt::after{width:45px;height:32px;right:-45px;}

.indexA .swiper-button-prev i,.indexA .swiper-button-next i{font-size:42px;}
.indexA .btn{margin:70px 0 0;}

.indexD .swiper-button-list{width:270px;}
.indexD .swiper-button-list b{font-size:40px;}
.indexD .swiper-button-list .swiper-button-num{width:90px;line-height:90px;height:90px;font-size:32px;}
.indexD .swiper-button-prev,.indexD .swiper-button-next{width:90px;height:90px;line-height:90px;}
.indexD .swiper-button-prev i,.indexD .swiper-button-next i{font-size:45px;}

.mainRight{margin-left:340px;}

.pro_img .spic ul li{margin:0 3px;}
.pro_img .spic ul li img{width:55px;}

.pro_img{width:400px;}
.pro_view_inner{margin-left:40px;}

}

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

.wp{width:100%;padding-left:60px;padding-right:60px;}
.nav ul li+li{margin-left:35px;}

.indexA .tit h3,.indexB .tit h3,.indexC h3,.indexD-tit h3{font-size:44px;}

.indexA{padding:50px 0;}
.indexA .swiper-button-prev,.indexA .swiper-button-next{display:none;}
.indexA .swiper-pagination-bullets{display:block;}
.indexA .btn{margin:60px 0 0;}

.indexB .txt{right:50px;width:750px;}
.indexB .txt p{line-height:27px;}

.indexC .list ul li h6{font-size:28px;}

.indexD .swiper-button-list{width:240px;}
.indexD .swiper-button-list b{font-size:35px;}
.indexD .swiper-button-list .swiper-button-num{width:80px;line-height:80px;height:80px;font-size:30px;}
.indexD .swiper-button-prev,.indexD .swiper-button-next{width:80px;height:80px;line-height:80px;}
.indexD .swiper-button-prev i,.indexD .swiper-button-next i{font-size:40px;}

.mainRight{margin-left:330px;}

.pro_img{width:380px;}
.pro_view_inner{margin-left:30px;}
.pro_view_inner h1{font-size:22px;}

}

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

.wp{padding-left:50px;padding-right:50px;}
.indexA .tit h3,.indexB .tit h3,.indexC h3,.indexD-tit h3{font-size:40px;}
.nav ul li+li{margin-left:30px;}

.indexB .wp{height:740px;}
.indexB .txt{width:700px;}
.indexB .txt p{line-height:24px;}

.indexC .list ul li h6{font-size:26px;}

.pro-top{padding:15px;}
.pro-top h1{font-size:28px;}

.indexD .swiper-button-list{width:210px;}
.indexD .swiper-button-list b{font-size:32px;}
.indexD .swiper-button-list .swiper-button-num{width:70px;line-height:70px;height:70px;font-size:26px;}
.indexD .swiper-button-prev,.indexD .swiper-button-next{width:70px;height:70px;line-height:70px;}
.indexD .swiper-button-prev i,.indexD .swiper-button-next i{font-size:35px;}

.pro_img{width:360px;}
.pro_view_inner h1{font-size:20px;}

}


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


}

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

.wp{padding-left:30px;padding-right:30px;}
.header-right > span{display:block;}
.nav{display:none;}

#footer .wp{display:block;}
#footer .logo{width:100%;text-align:center;}
#footer .logo .wx{width:120px;margin:0 auto;}
#footer .foot-nav1,#footer .foot-nav2{display:none;}
#footer .foot-nav4{width:100%;margin:25px 0 0;text-align:center;}
#footer h5{text-align:center;}

#banner .swiper-container-horizontal > .swiper-pagination-bullets{bottom:15px;}
#banner .swiper-pagination-bullet {height:12px;width:12px;margin:0 3px;}
#banner .swiper-pagination-bullet-active{width:30px;}

.indexA .tit h3,.indexB .tit h3,.indexC h3,.indexD-tit h3{font-size:36px;}

.main{padding-top:40px;padding-bottom:40px;}
.no-banner .main{padding-top:10px;}

.mainleft{float:none;width:100%;}
.mainRight{margin-left:0;}
.sidemenu > ul{display:none;}
.mainleft h3::after{display:block;}

.pro_img{width:340px;}

.indexA .tit h3{background:none;}

.indexD .swiper-slide .pic{width:300px;}

.pro_tab ul li{padding:15px 10px;line-height:22px;}

.contact{display:block;margin:20px 0 0;}
.mess{width:100%;}
.contact-inquiry{width:100%;margin:30px 0 0;}


}




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

.visible-xs-block{display:block;}

.wp{padding-left:20px;padding-right:20px;}


#top{background:#333;height:50px;}
#top .wp{padding:0;}
#top p,.search,.header-right > span{display:none;}
#top span.mo-header-menu,#top span.mo-header-search{display:block;}

.header-lang{margin:11px 10px 0 0;}
.header-lang .box{border:none;}
.header-lang .box img{height:16px;}
.header-lang .box em{margin:0 5px;line-height:16px;}
.header-lang .box i{line-height:16px;}

.header{height:auto;padding:20px 0;}
.header .logo{width:100%;text-align:center;}

#banner .swiper-container-horizontal > .swiper-pagination-bullets{bottom:10px;}

#footBar{display:block;}
#footer{padding:30px 0 60px;}
#footer h5{text-align:center;margin:0 0 10px 0;}

#footer .logo{float:none;width:100%;height:auto;text-align:center;}
#footer .logo img{margin:0 0 20px 0;}
#footer .logo p{font-size:14px;}

#footer .logo .share{margin:20px 0 0 0;}
#footer .logo .share a{margin:0 3px;}

#footer .foot-nav{display:none;}
#footer .foot-nav4{display:block;float:none;width:100%;margin:20px 0 0;text-align:center;}


}


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

.indexA .tit h3,.indexB .tit h3,.indexC h3,.indexD-tit h3{font-size:32px;}

.indexA{padding:30px 0;}
.indexA .tit p{font-size:15px;letter-spacing:0;}
.indexA .list{margin:25px 0 0;}
.indexA .btn{margin:30px 0 0;}
.indexA .btn a{width:49%;height:45px;line-height:45px;font-size:14px;}
.indexA .btn a+a{margin-left:2%;}


.indexB{background:url(../images/ibg1.jpg) center top;box-sizing:border-box;padding:30px 0;}
.indexB .tit{padding:0;}
.indexB .tit p{font-size:14px;line-height:24px;letter-spacing:0;margin:10px 0 0;}

.indexB .wp{height:auto;position:relative;}
.indexB .txt{margin-top:20px;padding:20px;width:100%;background:#0068B7;box-sizing:border-box;position:static;}
.indexB .txt::before,.indexB .txt::after{display:none;}
.indexB .txt p{font-size:14px;line-height:24px;margin:0 0 10px 0;}
.indexB .txt a.more{margin:20px auto 0;width:280px;font-size:14px;}


.indexC{padding:30px 0;}
.indexC .list ul{margin:10px 0 0;}
.indexC .list ul li{margin:30px 0 0;}
.indexC .list ul li span{width:220px;height:220px;}
.indexC .list ul li span img{width:212px;height:212px;}
.indexC .list ul li h6{font-size:24px;}
.indexC .list ul li p{font-size:15px;line-height:24px;max-height:48px;}


.indexD-tit{text-align:center;padding:30px 0;}

.indexD{padding:30px 0;background-size:cover;}
.indexD .swiper-slide{display:block;}
.indexD .swiper-slide .pic{width:400px;margin:0 auto;}
.indexD .swiper-slide .txt{width:100%;margin:15px 0 0;text-align:center;}
.indexD .swiper-slide .txt h5{font-size:20px;}
.indexD .swiper-slide .txt span{font-size:15px;}
.indexD .swiper-slide .txt p{font-size:16px;line-height:24px;}

.indexD .swiper-button-list{width:180px;}
.indexD .swiper-button-list b{font-size:30px;}
.indexD .swiper-button-list .swiper-button-num{width:60px;line-height:60px;height:60px;font-size:24px;}
.indexD .swiper-button-prev,.indexD .swiper-button-next{width:60px;height:60px;line-height:60px;}
.indexD .swiper-button-prev i,.indexD .swiper-button-next i{font-size:32px;}



.main{padding-top:25px;padding-bottom:30px;}
.mainleft h3{padding:0 0 0 15px;font-size:18px;}
.sidemenu ul li h5{padding:6px 40px 6px 15px;}
.sidemenu ul li h5 span{top:2px;width:36px;height:36px;}

.path{height:auto;padding:30px 0;}
.path h2{font-size:30px;}
.path p{font-size:15px;color:rgba(255,255,255,0.7);margin:10px 0 0 0;}
.path p a{color:rgba(255,255,255,0.7);}

.about-tit{margin-bottom:25px;}
.about-tit ~ .about-tit{margin-top:50px;}
.about-tit h1 span,.about-tit h4 span{font-size:28px;}


.about{line-height:24px;font-size:14px;}
.about p{margin:0 0 10px 0;}
.about ul li{width:48%;}

.honor ul li{float:left;width:48%;margin:15px 0 0 2%;}

.pro-top h1{font-size:26px;}


.productlist ul li{width:50%;}
.productlist ul li .t h5{font-size:17px;}

.pro_view_top{display:block;}
.pro_img{width:450px;margin:0 auto;}
.pro_view_inner{width:100%;text-align:center;margin:20px 0 0;}
.pro_view_inner p a.book{height:40px;line-height:40px;margin:0;}

.related-pro h5{font-size:18px;}
.related-pro ul{}
.related-pro ul li{width:48%;}

.pro-scroll{padding:15px;}


.pro-content img{width:100%;height:auto;}

.newslist ul li .pic{width:250px;}
.newslist ul li .t{margin:0 0 0 25px;}
.newslist ul li .t h5{font-size:17px;}
.newslist ul li .t p{max-height:66px;}
.newslist ul li .t a.more{display:none;}


.inquirbox .row{margin-bottom:0;}
.inquirbox .row > div{margin-bottom:10px;}
.inquirbox .submit{width:170px;line-height:40px;font-size:17px;}

.down ul li h4{margin-right:20px;}
.down ul li span{display:none;}


.linetit h4 span{font-size:22px;}

.contact{margin:20px 0 0;}
.mess h3{font-size:18px;margin-bottom:20px;}

.contact-inquiry h4{padding:0 15px;line-height:45px;height:45px;font-size:18px;}
.contact-inquiry .inquirbox{padding:15px 15px 5px;}



.showList .list .box ul{width:48%;}

.videolist ul li{width:48%;}

.pnbar p{padding:7px 10px;font-size:16px;}

}



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

.wp{padding-left:15px;padding-right:15px;}

.indexA .tit h3,.indexB .tit h3,.indexC h3,.indexD-tit h3{font-size:28px;}

.indexA{padding:25px 0;}

.indexA .list .swiper-slide h5{font-size:16px;line-height:20px;height:40px;margin:10px 0 0;}
.indexA .list .swiper-slide p{font-size:13px;height:32px;}

.indexA .btn{margin:20px 0 0;}
.indexA .btn a{height:40px;line-height:40px;font-size:13px;}

.indexB{padding:25px 0;}
.indexB .tit p{font-size:13px;line-height:22px;}

.indexB .txt{margin-top:20px;padding:15px;}
.indexB .txt::before,.indexB .txt::after{display:none;}
.indexB .txt p{font-size:13px;line-height:22px;margin:0 0 10px 0;}
.indexB .txt a.more{margin:20px auto 0;width:260px;height:40px;line-height:40px;font-size:13px;}

.indexC{padding:25px 0;}
.indexC .list ul{margin:10px 0 0;}
.indexC .list ul li{float:none;width:100%;margin:20px 0 0;}
.indexC .list ul li h6{font-size:18px;height:auto;line-height:25px;}
.indexC .list ul li p{line-height:22px;height:auto;}


.indexD-tit{padding:25px 0;}

.indexD{padding:20px 0;height:auto;}
.indexD .swiper-slide .pic{width:100%;}
.indexD .swiper-slide .tit h5{font-size:18px;}
.indexD .swiper-slide .tit p{font-size:14px;;}

.indexD .swiper-slide .txt p{font-size:14px;margin:10px 0 0;line-height:22px;}

.indexD .swiper-button-list{width:140px;margin:25px auto 0;}
.indexD .swiper-button-list b{font-size:20px;}
.indexD .swiper-button-list .swiper-button-num{width:60px;line-height:40px;height:40px;font-size:18px;}
.indexD .swiper-button-prev,.indexD .swiper-button-next{width:40px;height:40px;line-height:40px;}
.indexD .swiper-button-prev i,.indexD .swiper-button-next i{font-size:22px;}

.pro-top h1{font-size:24px;}
.path h2{font-size:26px;}

.pro_img{width:100%;}
.pro_view_inner h1{font-size:18px;}

.pro_tab ul li{width:50%;}
.pro_tab ul li + li{margin-left:0;}

.newslist ul li{padding:10px;}
.newslist ul li .pic{width:200px;}
.newslist ul li .t{margin:0 0 0 20px;}
.pnbar p{padding:6px 9px;font-size:15px;}


.linetit h4 span{font-size:20px;}
.mess dl{line-height:26px;padding:10px 0;border-bottom:1px dashed #ccc;display: block;}
.mess dl dt,.mess dl dd{float:none;font-size:15px;box-sizing:border-box;text-align:center;}
.mess dl dt{width:100%;padding-right:0;text-align:center;font-weight:bold;}
.mess dl dd{padding-left:0;width:100%;}

.down ul li{display:block;}
.down ul li h4{margin-right:0;}
.down ul li a.more{height:34px;line-height:34px;width:140px;font-size:13px;margin:15px 0 0;}




}


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

.indexA .tit h3,.indexB .tit h3,.indexC h3,.indexD-tit h3{font-size:24px;}

.indexA .btn a{font-size:12px;}

.about-tit{margin-bottom:20px;}
.about-tit h1, .about-tit h4{width:100%;}
.about-tit ~ .about-tit{margin-top:30px;}

.path h2{font-size:24px;}

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


.pro_tab ul li{padding:0 5px;line-height:20px;font-size:15px;height:55px;display:inline-flex;justify-content:center;align-items:center;}

.pro-content table{font-size:14px;}

.videolist ul{margin:0;}
.videolist ul li{float:none;width:100%;margin:0 0 15px;}

.newslist ul li{display:block;}
.newslist ul li .pic{width:100%;}
.newslist ul li .t{margin:15px 0 0;text-align:center;}

.newsnr h1{font-size:18px;margin:25px 0 0;}
.newsnr .artInfo{padding:0 0 15px;margin:20px 0 0;}

}

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

.newslist ul li a.pic{width:100%;}

.path h2{font-size:22px;}



.honor ul{margin:10px 0 0 0;}
.honor ul li{float:none;width:100%;margin:5px 0 5px 0;}

.project ul{margin:0 0 0 0;}
.project ul li{float:none;width:100%;margin:25px 0 0 0;}

}