@charset "utf-8";

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

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

#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-nav{width:180px;margin:0 0 0 20px;}
#footer .foot-nav2{width:250px;margin:0;}
#footer .foot-nav4{width:360px;margin:0;}

.indexA .list .swiper-slide::after{display:none;}
.indexA .list .swiper-slide .pic{width:100%;margin:0;}

.indexD .swiper-slide .tit{float:none;width:auto;margin:0 0 0 450px;}
.indexD .swiper-slide .txt{float:none;width:auto;margin:0 0 0 450px;}


.mainleft{float:left;width:290px;}

.mainRight {width:880px;float:right;}

.pro_view_top{padding:10px;}
.pro_img{float:left;width:450px;}
.pro_img .bpic ul li img{width:100%;}

.pro_view_inner{float:right;width:380px;}

.mess{float:left;width:580px;padding:20px 0;}

}


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

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

.wp{width:100%;padding-right:10px;box-sizing:border-box;padding-left:10px;}

.nav{display:none;}

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

.header-lang{margin:11px 10px 0 0;}

.header{height:auto;box-sizing:border-box;padding:20px 0;}
.header .logo{float:none;margin:0;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{padding:30px 0;}
.indexA .tit h3{font-size:30px;}
.indexA .tit p{font-size:14px;letter-spacing:0;}

.indexA .list{margin:20px 0 0;}
.indexA .list .swiper-slide h5{font-size:18px;}
.indexA .list .swiper-slide p{font-size:14px;}

.indexA .swiper-button-prev,.indexA .swiper-button-next{display:none;}

.indexA .btn{margin:30px 0 0;}
.indexA .btn a{width:47%;height:45px;line-height:45px;margin:0 1%;font-size:14px;}
.indexA .btn a:hover{width:47%;}


.indexB{background:url(../images/ibg1.jpg) center top;box-sizing:border-box;padding:30px 0;}
.indexB .tit{padding:0;}
.indexB .tit h3{font-size:30px;}
.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 h3{font-size:30px;}
.indexC .list{}
.indexC .list ul{margin:10px 0 0;}
.indexC .list ul li{float:left;width:50%;margin:40px 0 0;padding:0 10px;box-sizing:border-box;text-align:center;cursor:pointer;}
.indexC .list ul li span{width:248px;height:248px;text-align:center;box-sizing:border-box;display:block;margin:0 auto;transition:All 0.4s ease-in-out;}
.indexC .list ul li span img{width:230px;height:230px;border:4px solid transparent;border-radius:50%;}
.indexC .list ul li h6{font-size:22px;height:56px;line-height:28px;}
.indexC .list ul li p{font-size:14px;line-height:22px;height:88px;margin:10px 0 0;}

.indexC .list ul li:hover span img{border:4px solid #F08200;}

.indexC a.more{margin:20px auto 0;width:280px;font-size:14px;}


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

.indexD{padding:30px 0;height:auto;}
.indexD .swiper-slide .pic{float:none;width:400px;margin:0 auto;}

.indexD .swiper-slide .tit{float:none;width:100%;margin:20px 0 0;padding:0;text-align:center;box-sizing:border-box;}
.indexD .swiper-slide .tit h5{font-size:20px;}
.indexD .swiper-slide .tit p{font-size:15px;margin:10px 0 0;}

.indexD .swiper-slide .txt{float:none;width:100%;font-size:18px;color:#fff;margin:10px 0 0;text-align:center;}
.indexD .swiper-slide .txt p{font-size:15px;margin:10px 0 0;line-height:26px;}

.indexD .swiper-button-list{width:200px;height:60px;margin:20px auto 0;}
.indexD .swiper-button-list b{font-size:26px;vertical-align:top;}
.indexD .swiper-button-list .swiper-button-num{width:80px;line-height:60px;font-size:26px;}
.indexD .swiper-button-prev,.indexD .swiper-button-next{width:60px;height:60px;}
.indexD .swiper-button-prev i,.indexD .swiper-button-next i{font-size:26px;line-height:60px;}



.main{padding-top:20px;padding-bottom:30px;}
.mainRight{width:100%;float:none;}
.mainleft{width:100%;float:none;}
.sidemenu{margin:0;}
.sidemenu h3::after{display:block;}
.sidemenu ul{display:none;}

.path{height:auto;padding:30px 0;}
.path h2{font-size:30px;}
.path p{font-size:15px;margin:10px 0 0 0;}

.about-tit{margin:20px 0;}
.about-tit h4{width:100%;}
.about-tit h4 span{font-size:26px;padding:0 10px;}

.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%;}

.productlist ul{margin:0 0 0 -2%;}
.productlist ul li{width:48%;margin:15px 0 0 2%;}
.productlist ul li .t h5{font-size:16px;}
.productlist ul li p{color:#666;font-size:14px;}

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

.related-pro ul{margin:0 0 0 -2%;}
.related-pro ul li{width:48%;margin:15px 0 0 2%;}


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

.newslist ul li a.pic{width:200px;}
.newslist ul li .t{margin:0 0 0 220px;}
.newslist ul li .t h5{font-size:17px;}
.newslist ul li .t p{line-height:22px;}
.newslist ul li .t a.more{display:none;}


.inquirShow .row{margin:0;}
.inquirShow dd{margin:10px 0 0;}

.down ul li{margin:15px 0 0;position:relative;}
.down ul li h4{float:none;width:100%;line-height:34px;padding:0 0 0 18px;}
.down ul li h4 a{font-size:14px;}
.down ul li span{display:none;}
.down ul li a.more{float:none;position:absolute;right:10px;top:15px;height:34px;line-height:34px;width:120px;font-size:12px;}
.down ul li a.more i{font-size:14px;}

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

.contact{margin:20px 0 0 0;}
.mess{float:none;width:100%;padding:20px 0;}
.mess h3{font-size:18px;margin-bottom:20px;}

.map{margin:20px 0 0 0;}
.map iframe{width:100%;}
.map h5{font-size:24px;}
.map p{font-size:14px;line-height:25px;}

.inquirbox{float:none;width:100%;padding:15px;margin:10px 0 0 0;box-sizing:border-box;}

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



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

.indexA{padding:25px 0;}
.indexA .tit h3{font-size:24px;}

.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{width:48%;height:40px;line-height:40px;margin:0 1%;font-size:12px;}
.indexA .btn a:hover{width:48%;}

.indexB{padding:20px 0;}
.indexB .tit h3{font-size:24px;}
.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:20px 0;}
.indexC h3{font-size:24px;}
.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;}

.indexC a.more{width:260px;height:40px;line-height:40px;font-size:13px;}

.indexD-tit{padding:20px 0;}
.indexD-tit h3{font-size:24px;}

.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;height:40px;margin:15px auto 0;}
.indexD .swiper-button-list b{font-size:20px;}
.indexD .swiper-button-list .swiper-button-num{width:60px;line-height:40px;font-size:20px;}
.indexD .swiper-button-prev,.indexD .swiper-button-next{width:40px;height:40px;}
.indexD .swiper-button-prev i,.indexD .swiper-button-next i{font-size:22px;line-height:40px;}

.pro_img{width:100%;}

.newslist ul li a.pic{float:none;width:300px;margin:0 auto;}
.newslist ul li .t{margin:15px 0 0 0;}

.linetit h4 span{font-size:20px;}
.mess dl{line-height:26px;padding:10px 0;border-bottom:1px dashed #ccc;}
.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{min-height:30px;}
.down ul li h4{padding:0 120px 0 18px;line-height:22px;box-sizing:border-box;background: url(../images/dot2.png) no-repeat left 6px;}
.down ul li a.more{height:30px;line-height:30px;}
}


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

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

.rela_list{border-bottom:none;padding:0 0;}
.rela_list li{border-top:none;height:80px;border:1px solid #B4B4B4;margin:10px 0 0 0;padding:0 10px;}
.rela_list .t{float:none;width:100%;height:40px;display:block;text-align:left;background:#fff;color:#333;border-right:none;border-bottom:1px solid #B4B4B4;}
.rela_list a{float:none;margin-left:0;width:100%;}


}

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

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

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



.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;}

}