@charset "utf-8";


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

.wp{width:1300px;}


}

@media screen and (max-width:1550px) {
.nav > ul > li > a{font-size:19px;}

.indexA h3,.indexB .txt h3,.indexF h3,.indexC h3,.indexG .tit h3{font-size:40px;}

}


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

.wp{width:1200px;}
.header{padding:0 20px;}
.nav > ul > li > a{font-size:18px;padding:0 12px;}

.indexA h3,.indexB .txt h3,.indexF h3,.indexC h3,.indexG .tit h3{font-size:38px;}

.indexB .txt h3::after{margin:20px auto 0 0;}
.indexB .txt .t{line-height:26px;margin:30px 0 0;}
.indexB .more{margin:30px 0 0;width:170px;line-height:43px;font-size:17px;}

.indexF .left ul li .text h2{font-size:22px;}

.prolist ul li{width:31.33333%;}

}


@media screen and (max-width:1367px) {
.wp{width:100%;padding-right:70px;padding-left:70px;}
.nav > ul > li{margin:0 12px;}

.foot-share a i{font-size:45px;}

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

.indexB .txt .box{max-width:100%;padding:0 40px;}
.indexB .txt .t{line-height:25px;margin:25px 0 0;}
.indexB .more{margin:25px 0 0;width:165px;line-height:41px;}

.indexF .left ul li .text h2{font-size:20px;line-height:28px;}

.indexD .list .item .t h5{font-size:22px;}
.indexD .list .item{height:550px;}
.indexD .list .item img{height:550px;}

.main-left{width:270px;}
.main-right{margin-left:310px;}

}

@media screen and (max-width:1281px){
.wp{padding-right:60px;padding-left:60px;}
.header .logo img{height:80px;}
.nav > ul > li{margin:0 10px;}
.nav > ul > li > a{font-size:17px;padding:0 10px;}

.indexA h3,.indexB .txt h3,.indexF h3,.indexC h3,.indexG .tit h3{font-size:34px;}

.indexA{padding:60px 0;}

.indexB .txt h3::after{margin:15px auto 0 0;}
.indexB .txt .t{line-height:24px;margin:20px 0 0;}
.indexB .more{margin:20px 0 0;width:160px;line-height:40px;font-size:16px;}

.indexF{padding:70px 0;}
.indexF .left ul li + li{margin-top:25px;}
.indexF .left ul li .text h2{font-size:18px;line-height:26px;}

.indexC{padding:60px 0;}

.indexD .list .item .t h5{font-size:20px;}
.indexD .list .item{height:500px;}
.indexD .list .item img{height:500px;}

.indexG {padding:60px 0;}

.newslist ul li .pic{width:240px;}


}

@media screen and (max-width:1171px){
.wp{padding-right:50px;padding-left:50px;}
.nav > ul > li{margin:0 8px;}
.nav > ul > li > a{font-size:16px;padding:0 8px;}

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

.indexB .txt .box{padding:0 30px;}
.indexB .txt .t{line-height:22px;margin:15px 0 0;}
.indexB .more{margin:15px 0 0;width:150px;line-height:36px;font-size:15px;}

.newslist ul li .t .more{display:none;}

}

@media screen and (max-width:992px){
.wp{padding-right:40px;padding-left:40px;}

.nav{display:none;}
.header_right > span{display:block;}

.indexA h3,.indexB .txt h3,.indexF h3,.indexC h3,.indexG .tit h3{font-size:30px;}

.indexB{display:block;}
.indexB .pic{width:100%;}
.indexB .txt{width:100%;}
.indexB .txt .box{padding:30px 30px;}
.indexB .txt h3{text-align:center;}
.indexB .txt h3::after{margin:15px auto 0;}
.indexB .more{margin:15px auto 0;}

.indexF h3{text-align:center;}

.indexC ul{margin:30px 0 0;display: block;}
.indexC ul li{width:100%;padding:10px 0;}
.indexC ul li .box{height:auto;display:flex;align-items:center;}
.indexC ul li .pic{width:38%;}
.indexC ul li .t{padding:0 25px;flex:1;}

.indexG ul{display:block;margin:30px 0 0;}
.indexG ul li{width:100%;padding:10px 0;}
.indexG ul li .box{display:flex;align-items:center;}
.indexG ul li .pic{width:38%;}
.indexG ul li .txt{flex:1;text-align:left;margin:0 25px;}
.indexG ul li .txt h5{margin-top:15px;}
.indexG ul li .txt .more{width:160px;margin:15px 0 0;text-align:center;}


.main-left{float:none;width:100%;}
.main-right{margin-left:0;}

.main-left h3{font-size:18px;padding:0 0 0 15px;}
.main-left h3::after{display:block;}
.sidemenu ul,.sidenav ul{display:none;}
.sidemenu ul li h5 a{padding:8px 15px;}
.sidenav ul li{padding:10px 40px 10px 15px;}
.sidenav ul li a{font-size:16px;}


}


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

.hidden-xs{display:none !important;}
.visible-xs-block{display:block !important;}

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

.nav,.search{display:none;}
#footBar{display: block;}

.header .logo img{height:70px;}

.header{height:auto;padding:15px 0;}
.header-lang{}
.header-lang .box{height:30px;width:80px;}
.header-lang .box img{margin:5px 0 0 5px;border-radius:0;}
.header-lang .box em{margin:5px 5px 0 5px;}
.header-lang .box i{margin:5px 0 0 0;}
.header-lang ul{padding:0 5px;}
.header-lang ul li img{margin-right:5px;}

#banner .swiper-pagination-bullets{bottom:10px;}
#banner .swiper-pagination-bullet {height:10px;width:10px;margin:0 3px;}
#banner .swiper-pagination-bullet-active{width:20px;}

#banner .swiper-button-prev,#banner .swiper-button-next{width:30px;height:30px;margin-top:-15px;}
#banner .swiper-button-prev i,#banner .swiper-button-next i{font-size:17px;line-height:30px;}
#banner .swiper-button-prev,#banner .swiper-container-rtl .swiper-button-next{left:5px;}
#banner .swiper-button-next,#banner .swiper-container-rtl .swiper-button-prev{right:5px;}

.sidebanner {height: 160px;}
.sidebanner h2, .sidebanner h1 {font-size: 26px;}

#footer{margin-top:20px;background-size:cover;padding:30px 0 0;}

.foot-share{padding-bottom:30px;}
.foot-share a+a{margin-left:30px;}
.foot-share a i{font-size:35px;}

.foot-contact{margin:30px 0 0;}
.foot-contact h5{font-size:22px;}
.foot-contact > p{font-size:15px;line-height:22px;width:100%;}

.foot-contact ul{margin:30px 0 0;}
.foot-contact ul li{width:100%;padding:20px 15px;height:auto;}
.foot-contact ul li h6{font-size:16px;margin:10px 0 0;}
.foot-contact ul li p{margin:10px 0 0;}

.copyright{padding:20px 0;}

/*-----------------------*/

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

.indexA{padding:30px 0;}
.indexA ul{margin:15px -15px 0;}
.indexA ul li{width:50%;}
.indexA ul li h6{height:60px;font-size:15px;padding:0 5px;}
.indexA ul li h6 a{line-height:20px;}
.indexA .more{margin:20px 0 0;text-align:center;}
.indexA .more a{width:150px;line-height:40px;font-size:16px;}

.indexB .txt .box{padding:25px 20px;}


.indexC{padding:30px 0;}

.indexC ul{margin:20px 0 0;}
.indexC ul li .t{padding:0 20px;}
.indexC ul li .t h5{font-size:17px;}
.indexC ul li .t p{font-size:15px;margin:10px 0 0;line-height:20px;height:auto;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;}

.indexD .list .item{height:auto;width:100%;float:none;}
.indexD .list .item+.item{margin-top:20px;}
.indexD .list .item::after{display:none;}
.indexD .list .item .t{width:auto;height:auto;position:static;background:rgba(0,0,0,0.6);}
.indexD .list .item .t .box{padding:15px;}
.indexD .list .item .t h5{font-size:18px;}
.indexD .list .item img{position:static;width:100%;height:auto;display:block;}

.indexD .list .item.cur{width:100%;}

.indexF{padding:30px 0;}
.indexF .box{display:block;margin:30px 0 0;}
.indexF .left{width:100%;}
.indexF .left ul li .pic{display:block;}
.indexF .left ul li{display:block;}
.indexF .left ul li .ico{display:none;}
.indexF .left ul li .text{margin:20px 0 0;text-align:center;}
.indexF .left ul li .text h2{font-size:17px;line-height:24px;}
.indexF .right{display:none;}

.indexG{padding:30px 0;}
.indexG .tit p{font-size:17px;}

}


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

.main{padding-top:20px;padding-bottom:30px;}

.path{height:40px;line-height:40px;}
.path p{font-size:14px;}
.path p i{margin:0 5px 0 0;}



.service ul li~li{margin-top:15px;}
.service ul li .pic{width:250px;}
.service ul li .t{padding:0 20px;}
.service ul li .t h5{font-size:18px;}
.service ul li .t p{font-size:15px;line-height:20px;height:auto;}


.prolist ul li{width:48%;}
.prolist ul li h6 a{line-height:20px;}


.pro_img{float:none;margin:0 auto;width:400px;}
.pro_img .view .arrow-left,.pro_img .view .arrow-right{margin-top:-20px;height:40px;}
.pro_img .view .arrow-left i,.pro_img .view .arrow-right i{line-height:40px;}

.pro_view_inner{float:none;width:100%;margin:20px 0 0;}
.pro_view_inner h1{font-size:20px;margin:0 0 10px;text-align:center;}
.pro_view_inner .para{margin:15px 0 0;font-size: 15px;line-height:22px;}

.pro_view_inner .pro-share{text-align:center;}
.pro_view_inner .book{height:36px;line-height:36px;margin:20px auto 0;}

.pro_text{margin:20px 0 0;}

.pro_text .tit{height:45px;padding:10px 0 0;}
.pro_text .tit h5{padding:0 0 0 15px;height:25px;line-height:25px;font-size:17px;}

.pro-content{padding:20px 10px;line-height:22px;font-size:15px;}
.pro-content p{margin-bottom:8px;}
.pro-content table{margin-bottom:15px;}
.pro-content table tr > td{padding:7px 9px;}

.pro-inquiry .tit,.related-pro .tit{height:45px;padding:10px 0 0;}
.pro-inquiry .tit h5,.related-pro .tit h5{padding:0 0 0 15px;height:25px;line-height:25px;font-size:18px;}

.pro-inquiry{margin:20px 0 0;}
.pro-inquiry .inquirbox{padding:15px 15px 0;}

.inquirbox .row{margin-bottom:0;}
.inquirbox .row > div{margin-bottom:10px;}

.rela-pro{margin-top:20px;}
.rela-pro .tit{height:40px;line-height:40px;}
.rela-pro .tit h5{font-size:18px;}
.rela-pro ul li{width:48%;padding:5px 5px 0;margin:15px 0 0 2%;}
.rela-pro ul li h6{height:60px;font-size:15px;}
.rela-pro ul li h6 a{line-height:20px;}

.about{line-height:22px;font-size:15px;text-align:justify;padding:0 10px;}

.newslist ul li .pic{width:200px;}
.newslist ul li .t{padding:0 20px;}
.newslist ul li .t h5{font-size:17px;}
.newslist ul li .t p{line-height:22px;}

.honor ul li{width:48%;}

.projectlist ul li{margin:0 0 20px;-webkit-flex-wrap:wrap;flex-wrap:wrap}
.projectlist ul li .pic{width:100%;}
.projectlist ul li .nr{padding:20px;box-sizing:border-box;}
.projectlist ul li .nr em{display:none;}
.projectlist ul li .nr h5{font-size:20px;text-align: center;}
.projectlist ul li .nr p{font-size:14px;line-height:22px;}
.projectlist ul li .nr .more{display:none;}


.newsnr h1{font-size:18px;line-height:1.2;margin:20px 0 0;}

.newsnr .artInfo{padding:0 0 15px;margin:20px 0 0;}
.newsnr .artInfo::after{width:80px;margin:0 0 0 -40px}
.newsnr .artInfo span{margin:0 6px;}

.myart{line-height:24px;font-size:16px;}
.myart p{margin:0 0 8px;}

.pnbar{margin-top:20px;}
.pnbar p{padding:6px 10px;font-size:15px;}


.contact-info h3{font-size:22px;margin-bottom:20px;}
.contact-info h3::after{width:70px;height:1px;margin:15px auto 0;}
.contact-info ul{margin:20px 0 0 0;}
.contact-info ul li{float:none;width:100%;padding:20px 10px;height:auto;border-right:none;border-bottom:1px solid #EBEBEB;}
.contact-info ul li:last-child{border-right:none;border-bottom:none;}
.contact-info ul li i{font-size:35px;}

.contact-inquiry{margin:30px 0 0;}
.contact-inquiry h3{font-size:22px;}
.contact-inquiry .inquirbox{margin:20px 0 0;}
.contact-inquiry .inquirbox .row{margin-bottom:0;}

.linetit{margin:20px 0 0;}
.linetit h4 span{font-size:20px;padding:8px 10px;}

}




@media screen and (max-width:576px) {
.wp{padding-right:15px;padding-left:15px;}

.indexA h3,.indexB .txt h3,.indexF h3,.indexC h3,.indexG .tit h3{font-size:26px;}

.indexA ul{margin:15px -10px 0;}
.indexA ul li{padding:10px;}

.indexB .pic img{border-radius:0;}

.indexC ul li .box{display:block;}
.indexC ul li .pic{width:100%;}
.indexC ul li .t{padding:20px 15px;}

.indexD .list .item .t h5{font-size:17px;}

.indexG ul li .box{display:block;}
.indexG ul li .pic{width:100%;}
.indexG ul li .txt{margin:20px 0 0;}
.indexG ul li .txt .more {display:none;}


.service ul li{-webkit-flex-direction:column;flex-direction:column;}
.service ul li .pic{width:100%;}
.service ul li .t{padding:20px 15px;}
.service ul li .t h5{text-align:center;}

.newslist ul li{display:block;}
.newslist ul li .pic{width:100%;}
.newslist ul li .t{padding:20px 0 0;}


}


@media screen and (max-width:480px) {
.wp{padding-right:10px;padding-left:10px;}

.header .logo img{height:60px;}
.foot-share a{margin-bottom:5px;}
.foot-share a+a{margin-left:15px;}
.foot-share a i{font-size:30px;}
.foot-contact h5{font-size:20px;}
.foot-contact ul li{padding:15px 10px;}
.foot-contact ul li img{height:25px;}
.foot-contact ul li p{margin:8px 0 0;}

.sidebanner {height: 120px;}
.sidebanner h2, .sidebanner h1 {font-size: 22px;}


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

.indexC ul li .pic{width:100%;}

.indexF .left ul li .text h2{font-size:16px;}

.indexD .list .item .t h5{font-size:16px;}

.prolist ul{margin:0;}
.prolist ul li{width:100%;padding:5px 5px 0;margin:0 0 20px;}

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

.contact-info h3,.contact-inquiry h3{font-size:18px;}
.linetit h4 span{font-size:16px;}

}

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

.sidebanner {height: 100px;}
.sidebanner h2, .sidebanner h1 {font-size: 20px;}

.indexA h3,.indexB .txt h3,.indexF h3,.indexC h3,.indexG .tit h3{font-size:22px;}


.foot-share a+a{margin-left:10px;}
.foot-share a i{font-size:26px;}


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

.pro_img .preview .swiper-slide{width:40px;}


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


}