@charset "utf-8";


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

.wp{width:1340px;}

.foot-logo img{width:250px;}

.indexA{margin:70px 0 110px;height:750px;}
.indexA .left{width:55%;margin-top:30px;}
.indexA .txt .tit h3{font-size:42px;}
.indexA .txt{border:3px solid #FFD100;padding:40px 160px 40px 40px;}
.indexA .swiper-box{margin:30px 290px 0 0;}

.indexA .list{height:750px;}
.indexA .swiper1 .swiper-slide{height:750px;}

.indexB .tit h3{font-size:48px;}
.indexB .tit h3::before{font-size:60px;}
.indexB .tit h3::after{margin:20px 0 0;}
.indexB .tit ul li{font-size:15px;line-height:50px;padding:0 15px;}
.indexB .tit ul li+li{margin-left:15px;}

.indexC .bd{width:72%;}
.indexC .bd ul li .t{padding:0 60px;}
.indexC .bd .pageState{left:60px;}

.indexC .hd ul li{padding:12px 30px;line-height:22px;height:auto;}


}

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

.wp{width:1270px;}

}

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

.wp{width:1170px;}
.header .logo img{height:75px;}
.header_right p{margin-right:35px;font-size:15px;}

.nav > li > a{font-size:17px;line-height:70px;}
.nav > li > ul{top:70px;}

#footer h5{font-size:24px;}
.foot-logo{text-align:center;}
.foot-logo img{width:150px;}
.foot-nav ul li{font-size:15px;line-height:24px;}
.foot-contact ul li{font-size:15px;line-height:24px;}

.indexA .txt .tit h3{font-size:36px;}

.indexB{padding:60px 0;}
.indexB .tit h3{font-size:40px;}
.indexB .tit h3::before{font-size:50px;}
.indexB .tit ul li{font-size:14px;line-height:45px;padding:0 10px;}
.indexB .tit ul li + li{margin-left:8px;}

.indexB .bd ul{margin:30px -15px 0;}
.indexB .bd ul li{padding:15px;}
.indexB .bd ul li h5{font-size:17px;}

.indexC{padding:70px 0 170px;}
.indexC h3{position:relative;right:auto;top:auto;font-style:italic;font-size:40px;writing-mode:horizontal-tb;}
.indexC h3::before{font-size:50px;height:auto;font-style:italic;text-transform:uppercase;}
.indexC .list{margin:30px 0 0;}

.indexC .bd{width:72%;}
.indexC .bd ul li .t{padding:0 30px;}
.indexC .bd ul li .t h5{font-size:30px;}
.indexC .bd ul li .t p{font-size:17px;line-height:26px;margin:40px 0 0;}
.indexC .bd ul li .t .more{height:36px;line-height:36px;margin:60px 0 0;}
.indexC .bd ul li .t .more i{font-size:22px;}

.indexC .bd .pageState{left:30px;bottom:25px;}

.main{padding-top:50px;padding-bottom:170px;}
.main-left{width:260px;}
.side-nav ul li{line-height:22px;}
.side-nav ul li a{font-size:16px;padding:10px 0;}

.menu-tabs ul li a{font-size:20px;}

.rtit h1,.app-top .tit h1,.contact h1,.contact-inquiry h3{font-size:36px;}

.app-list .swiper-slide .txt{padding:35px 30px;margin:-50px auto 0;}

.about{font-size:17px;line-height:24px;}
.eq-list ul li a{border:1px solid #333;padding:12px;}

.contact{margin:20px 0 0;}
.contact-inquiry{margin:60px 0 0;padding:50px 0 0;}
.map{margin:60px 0 0;}


}

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

.wp,.wp2{width:90%;}
.nav > li > a{font-size:16px;padding:0 10px;}
.nav > li > ul{padding:10px 10px;}
.nav > li > ul li > a{padding:5px 0;}

.foot-contact{width:450px;}

.indexA .swiper-box{display:none;}
.indexC .bd .pageState{display:none;}
.indexC .hd ul li{padding:10px 20px;font-size:15px;}

.app-list .swiper{padding-bottom:0;}
.app-list .swiper-slide .txt{position:static;padding:25px 30px;box-shadow:0 0 10px 3px rgba(63,62,62,0.2) inset;}

.rtit h1,.app-top .tit h1,.contact h1,.contact-inquiry h3{font-size:32px;}


}

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

.wp,.wp2{width:100%;padding-right:30px;box-sizing:border-box;padding-left:30px;}
.nav,.header_right p,.foot-nav{display:none;}
.header{height:100px;}
.header span.mo-header-menu{display:block;}
.header .logo img{height:70px;}

#footer{border-top:5px solid #FED201;padding:50px 0;}
#footer h5{font-size:22px;}

.indexA{margin:50px 0;padding:0 30px;height:auto;-webkit-flex-direction:column;flex-direction:column;}
.indexA .left{width:100%;margin-top:0;}
.indexA .txt{border:2px solid #FFD100;padding:25px;}
.indexA .txt .tit h3{font-size:34px;text-align:center;}
.indexA .txt .t{margin:20px 0 0;}
.indexA .txt .t p~p{margin-top:10px;}
.indexA .txt .more{font-size:15px;margin:20px auto 0;}

.indexA .swiper-box{display:none;}

.indexA .list{margin-top:20px;position:static;width:100%;height:auto;padding-bottom:0;-webkit-transform:skew(0);-ms-transform:skew(0);transform:skew(0);}
.indexA .list::after{display:none;}
.indexA .swiper1 .swiper-slide{height:auto;}
.indexA .swiper1 .swiper-slide .pic img{position:static;-webkit-transform:skew(0);-ms-transform:skew(0);transform:skew(0);}

.indexA .page{display:none;}
.indexA .swiper-pagination{display:block;}

.indexB{padding:50px 0;background-size:cover;}
.indexB .tit{text-align:center;display:block;}
.indexB .tit h3{font-size:34px;display:inline-block;}
.indexB .tit h3::before{font-size:40px;}
.indexB .tit h3::after{display:none;}
.indexB .tit ul{margin:20px 0 0;text-align:center;font-size:0;}
.indexB .tit ul li{font-size:15px;line-height:40px;padding:0 8px;}

.indexB .bd ul{margin:20px -12px 0;}
.indexB .bd ul li{width:33.333333%;padding:12px;}

.indexC{padding:50px 0 150px;}
.indexC h3{font-size:36px;}
.indexC h3::before{font-size:40px;}
.indexC .hd ul li{padding:10px 15px;line-height:22px;height:auto;}


.rtit h1,.app-top .tit h1,.contact h1,.contact-inquiry h3{font-size:26px;}

.main{padding-top:40px;padding-bottom:50px;background:none;}

.menu-tabs{padding:40px 0 0;}
.menu-tabs ul li + li{margin-left:15px;}
.menu-tabs ul li{line-height:50px;}
.menu-tabs ul li a{font-size:17px;}

.main-left h3{font-size:20px;height:50px;line-height:50px;}
.main-left h3::after{display:block;}
.main-left{width:100%;}
.main-right{margin-left:0;-webkit-flex:none;flex:none;width:100%;}

.side-nav ul,.sidemenu > ul{display:none;}
.side-nav ul li{float:left;width:50%;box-sizing:border-box;line-height:22px;padding-left:15px;}
.side-nav ul li a{font-size:16px;padding:10px 0;}
.side-nav ul li::before{margin-right:10px;}

.mate-tit{height:45px;line-height:45px;background:#fff;text-align:center;padding:0;}
.mate-tit h1{font-size:20px;}

.pro-tit{height:45px;line-height:45px;background:#fff;padding:0;margin-bottom:10px;text-align:center;}

.pro_img{width:380px;}
.pro_view_inner h1{font-size:18px;}
.pro_view_inner .pro_para{font-size:15px;line-height:22px;}
.pro_view_inner .pro_para p ~ p{margin-top:7px;}
.pro_view_inner .book{margin:20px 0 0;width:170px;height:42px;line-height:42px;font-size:15px;}
.pro_view_inner .pro-share{margin:20px 0 0;}

.newsnr h1{font-size:24px;line-height:1.3;}

.app-list .swiper-slide .txt{padding:30px 25px;box-shadow:0 0 15px rgba(5,5,5,0.23) inset;max-width:100%;margin:0 auto 0;}
.app-list .swiper-button-prev, .app-list .swiper-button-next {display:none;}

}

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

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

.wp,.wp2{padding-right:10px;padding-left:10px;}

.header span.mo-header-menu,.side-bar{display:none;}
.sitetop,#footBar{display:block;}

.header{padding:20px 0;height:auto;-webkit-justify-content:center;justify-content:center;border-top:none;}
.header-fix{position:static;}
.header .logo{width:100%;text-align:center;}

.header-lang{position:absolute;right:15px;top:9px;}
.header-lang .box{height:32px;padding:6px;width:80px;}
.header-lang .box em{margin:0 6px;color:#fff;font-size:12px;}
.header-lang .box i{color:#fff;}
.header-lang ul{width:80px;padding:0 6px;top:32px;}
.header-lang ul li a{font-size:12px;}
.header-lang ul li img{margin-right:6px;}

#banner .swiper-button-prev,#banner .swiper-button-next{display:none;}
#banner .swiper-container-horizontal > .swiper-pagination-bullets{bottom:10px;}
#banner .swiper-pagination-bullet {height:10px;width:10px;margin:0 3px;}


#footer{padding:30px 0 55px;}
#footer > div{-webkit-flex-direction:column;flex-direction:column;}
#footer h5{font-size:20px;text-align:center;}

.foot-contact{width:100%;text-align:center;}

.foot-logo{text-align:center;margin:30px 0 0;}
.foot-logo .share a + a{margin-left:20px;}
.foot-logo img{display:none;}

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

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

.indexA{margin:25px 0;padding:0 10px;}
.indexA .txt{padding:15px;}

.indexB{padding:30px 0;}
.indexB .tit h3::before{display:none;}
.indexB .tit ul li{margin:5px 4px;}
.indexB .bd ul{margin:20px -10px 0;}
.indexB .bd ul li{width:50%;padding:10px;}

.indexC{padding:30px 0;background:none;}
.indexC h3{text-align:center;}
.indexC h3::before{display:none;}
.indexC .list{-webkit-flex-direction:column;flex-direction:column;}

.indexC .bd{width:100%;}
.indexC .hd{width:100%;}
.indexC .hd ul{-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.indexC .hd ul li{width:33.333333%;text-align:center;-webkit-justify-content:center;justify-content:center;}

.indexC .bd ul li .t p{font-size:16px;line-height:24px;margin:25px 0 0;}
.indexC .bd ul li .t .more{margin:25px 0 0;}

}


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

.inquirbox .submit{width:170px;height:40px;line-height:40px;font-size:15px;}

.main{padding-top:25px;padding-bottom:30px;}
.main-left h3{font-size:18px;}

.rtit h1,.app-top .tit h1,.contact h1,.contact-inquiry h3{font-size:26px;}

.rtit{margin-bottom:20px;}

.menu-tabs{padding:15px 0 5px;}
.menu-tabs ul li{line-height:20px;height:50px;width:48%;-webkit-flex:none;flex:none;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;margin-top:10px;}
.menu-tabs ul li+li{margin-left:0;}
.menu-tabs ul li a{font-size:16px;}

.about{font-size:16px;line-height:22px;}
.about p{margin-bottom:10px;}

.cert-list ul{margin:0 -6px;}
.cert-list ul li{width:50%;padding:6px;}

.eq-list ul{margin:0 -6px;}
.eq-list ul li{width:50%;padding:6px;}
.eq-list ul li a{padding:4px;}


.app-list{margin-top:30px;}
.app-list .swiper-slide .txt{padding:15px 20px;}

.prolist ul{margin:0 -10px;}
.prolist ul li{width:50%;margin:15px 0;padding:0 10px;}
.prolist ul li a{font-size:17px;}


.pro_view{-webkit-flex-direction:column;flex-direction:column;}
.pro_img{width:420px;margin:0 auto;}

.pro_view_inner{width:100%;margin:20px 0 0;}
.pro_view_inner h1{text-align:center;}

.pro_view_inner .pro_para{margin:15px 0;}

.pro_view_inner .pro_tip{padding:20px 0 0;margin:20px 0 0;}
.pro_view_inner .book{height:36px;line-height:36px;font-size:15px;margin:25px auto 0;}
.pro_view_inner .pro-share{text-align:center;margin:25px 0 0;}

.pro_text{margin:20px 0 0;}
.pro_text .tit{height:45px;line-height:45px;border-left:5px solid #FFD100;padding:0 0 0 12px;}
.pro_text .tit h5{font-size:18px;}


.pro-content{line-height:24px;font-size:15px;}
.pro-content p{margin-bottom:10px;}
.pro-content table{max-width:100%;width:100%;margin-bottom:15px;font-size:15px;line-height:22px;}
.pro-content table tr > th{padding:9px 10px;font-size:15px;}
.pro-content table tr > td{padding:9px 10px;line-height:22px;}

.pro-inquiry{margin-top:25px;}
.pro-inquiry .inquirbox{padding:15px 15px 5px;}

.mate-text h5{font-size:17px;}
.mate-text p{margin-bottom:10px;}

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

.newslist ul li{padding:12px;}
.newslist ul li + li{margin-top:15px;}
.newslist ul li .pic{width:200px;}
.newslist ul li .t h5{font-size:17px;}
.newslist ul li .t em{font-size:13px;margin:10px 0 0;}
.newslist ul li .t p{font-size:15px;line-height:20px;height:40px;overflow:hidden;margin-top:10px;padding-top:10px;}

.newsnr h1{font-size:20px;line-height:1.2;}
.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 5px;font-size:14px;}

.myart{padding:20px 0 0;line-height:24px;font-size:15px;}

.pnbar{margin-top:20px;}
.pnbar p{width:100%;padding:0 10px;font-size:14px;margin-top:5px;}


.contact h1{text-align:center;}
.contact ul{margin:30px 0 0;}
.contact ul li{width:100%;text-align:center;}
.contact ul li+li{margin-top:15px;}
.contact ul li:first-child{width:100%;}
.contact ul li p{font-size:15px;line-height:22px;}

.contact-inquiry{margin:30px 0 0;padding:25px 0 0;}
.contact-inquiry h3{text-align:center;}
.contact-inquiry .inquirbox{margin:20px 0 0;}
.contact-inquiry .inquirbox .row{margin-bottom:0;}
.contact-inquiry .inquirbox .submit{width:120px;height:45px;line-height:45px;margin:0 auto;}


.map{margin:30px 0 0;}
.map h3{font-size:24px;margin-bottom:20px;}
.map h3::after{width:25px;height:2px;}

}

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

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

.app-top .tit{text-align:center;}
.app-top .tit p{font-size:15px;}
.app-top .more{display:none;}

.newslist ul li{-webkit-flex-direction:column;flex-direction:column;padding:10px;}
.newslist ul li .pic{width:240px;margin:0 auto;}
.newslist ul li .t{margin:20px 0 0;text-align:center;}
.newslist ul li .t em{display:inline-block;}

}


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

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

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

.indexB .bd ul li h5{margin:10px 0 0;font-size:16px;}

.indexC .bd ul li .t{padding:0 15px;}
.indexC .bd ul li .t h5{font-size:24px;}
.indexC .bd ul li .t p{font-size:15px;line-height:20px;margin:13px 0 0;}
.indexC .bd ul li .t .more{margin:13px 0 0;height:30px;line-height:30px;}

.indexC .hd ul li{padding:10px 5px;}
.indexC .hd ul li{width:50%;}


.rtit h1,.app-top .tit h1,.contact h1,.contact-inquiry h3{font-size:22px;}

.menu-tabs ul li{line-height:18px;height:40px;}
.menu-tabs ul li a{font-size:15px;}

.path{height:40px;line-height:40px;}
.path p{font-size:15px;}

.side-nav ul li{padding-left:5px;}
.side-nav ul li::before{margin-right:5px;}
.side-nav ul li a{font-size:14px;padding:8px 0;}

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

.factory ul li{width:100%;}

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


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

.pro_text .tit{height:40px;line-height:40px;border-left:2px solid #FFD100;padding:0 0 0 10px;}
.pro_text .tit h5{font-size:16px;}

.newsnr h1{font-size:18px;}

}

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



}