@charset "utf-8";



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

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

.sitetop{height:50px;}
.sitetop .wp{padding:0;}
.sitetop p,#gotop,.nav{display:none;}
.sitetop span,#footBar{display:block;}

.search {display:none;}

.header-lang{position:absolute;right:10px;top:9px;}
.header-lang .box{height:32px;width:80px;border:1px solid #fff;border-radius:0;}
.header-lang .box img{margin:5px 0 0 5px;border-radius:0;}
.header-lang .box em{margin:5px 5px 0 5px;color:#fff;}
.header-lang .box i{margin:5px 0 0 0;color:#fff;}
.header-lang ul{width:82px;padding:0 5px;top:32px;border:1px solid #ccc;border-radius:0;}
.header-lang ul li img{margin-right:5px;border-radius:0;}

.header{height:auto;padding:20px 0;}
.header .logo{width:100%;text-align:center;}
.header .logo a{-webkit-justify-content:center;justify-content:center;}
.header .logo a h2{font-size:20px;margin-left:12px;}

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

#footer{padding:30px 0;}
#footer .wp{-webkit-flex-direction:column;flex-direction:column;}
#footer h5{font-size:22px;text-align:center;}

.foot-contact{width:100%;}
.foot-contact ul li{font-size:15px;margin-bottom:10px;line-height:24px;}
.foot-contact .share{margin:25px 0 0;text-align:center;}
.foot-contact .share a{margin:0 3px;}
.foot-nav,.foot-list{display:none;}

.copyright{padding:15px 0 60px;}

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

.indexA{padding:30px 0 40px;}
.indexA .tit{-webkit-flex-direction:column;flex-direction:column;}
.indexA .tit h3{font-size:30px;}
.indexA .tit h3::before{position:static;margin:0 auto 15px;}

.indexA .hd{margin:10px 0 0;}
.indexA .hd ul{margin-right:0;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.indexA .hd ul li{width:48%;height:50px;padding:0 5px;box-sizing:border-box;margin:10px 0 0;line-height:20px;font-size:15px;font-weight:500;cursor:pointer;border:1px solid #3a3a3a;color:#3a3a3a;position:relative;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;text-align:center;}
.indexA .hd ul li::after{display:none;}
.indexA .hd ul li:hover,.indexA .hd ul li.on{color:#15ad4f;border-color:#15ad4f;}

.indexA .tit em,.indexA .prev,.indexA .next{display:none;}

.indexA .tab-box{margin:20px 0 0;}
.indexA .bd ul li{width:48%;margin:15px 1% 0;}
.indexA .bd ul li .pic{border-radius:10px;}
.indexA .bd ul li h6{font-size:15px;line-height:20px;}

.indexB{padding-bottom:30px;}
.indexB h3{font-size:30px;}
.indexB h3::before{margin:0 auto 15px;}
.indexB .box{margin-top:25px;-webkit-flex-direction:column;flex-direction:column;}
.indexB .pic{width:100%;border-radius:10px;}
.indexB .txt{margin:0 0 20px;}
.indexB .txt .t{font-size:15px;line-height:22px;}
.indexB .txt .t p~p{margin-top:10px;}
.indexB .txt .more{margin:20px auto 0;width:120px;height:36px;line-height:36px;}

.indexC{padding:30px 0;}
.indexC h3{font-size:30px;}
.indexC h3::before{margin:0 auto 15px;}
.indexC .box{margin-top:20px;-webkit-flex-direction:column;flex-direction:column;}
.indexC .pic{width:auto;max-width:380px;margin:0 auto;border-radius:10px;}
.indexC ul{margin:10px 0 0;}
.indexC ul li{width:50%;margin:20px 0 0;-webkit-flex-direction:column;flex-direction:column;text-align:center;}
.indexC ul li .t{margin:12px 0 0;}
.indexC ul li .t h6{font-size:18px;line-height:22px;}
.indexC ul li .t p{font-size:14px;margin:12px 0 0;}

.indexD{padding:30px 0;}
.indexD h3{font-size:30px;}
.indexD h3::before{margin:0 auto 15px;}

.indexD ul{margin:10px 0 0;-webkit-flex-direction:column;flex-direction:column;}
.indexD ul li{position:relative;width:100%;margin:20px 0 0;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;}
.indexD ul li .pic{width:220px;border-radius:10px;}
.indexD ul li .date{top:10px;right:auto;left:10px;width:45px;height:50px;padding:4px 0 0;}
.indexD ul li .date em{font-size:16px;}
.indexD ul li .date span{font-size:14px;}

.indexD ul li .t{-webkit-flex:1;flex:1;margin:0 0 0 15px;}
.indexD ul li .t h5{font-size:16px;}
.indexD ul li .t p{margin:10px 0 0;font-size:15px;line-height:20px;}
.indexD ul li .t .more{display:none;}


}

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

.sidebanner{height:auto;padding:25px 0;}
.sidebanner h2{font-size:26px;}
.sidebanner p{font-size:13px;margin:8px 0 0;}

.main{padding-top:30px;padding-bottom:30px;}
.main-left{float:none;width:100%;}
.main-right{margin-left:0;}

.main-left h3{font-size:18px;}
.sidemenu h3::after,.sidenav h3::after{display:block;}
.sidemenu ul,.sidenav ul{display:none;}


.prolist ul{margin:0 0 0 -2%;}
.prolist ul li{width:48%;padding:5px 5px 0;margin:0 0 15px 2%;}
.prolist ul li h6{height:60px;}
.prolist ul li h6 a{font-size:15px;}

.menu-tabs{padding:0 0 15px;margin-bottom:20px;}
.menu-tabs ul li{height:36px;line-height:36px;margin:0 5px 15px;}
.menu-tabs ul li a{font-size:15px;padding:0 15px;}

.caselist ul li{width:48%;margin:0 0 15px 2%;}
.caselist ul li .t{padding:6px 0;height:50px;}
.caselist ul li .t a{font-size:15px;padding:0 5px;}

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

.pnbar{margin-top:25px;}
.pnbar p{font-size:14px;}

.pro_img{float:none;margin:0 auto;width:400px;}
.pro_view_inner{margin:20px 0 0;}
.pro_view_inner h1{font-size:24px;margin:0;text-align:center;}
.pro_view_inner .book{width:140px;height:36px;line-height:36px;margin:20px auto 0;}
.pro_view_inner .pro-share{text-align:center;}


.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:18px;}
.pro-content{padding:15px 15px;line-height:22px;font-size:14px;}
.pro-content h5{font-size:18px;}
.pro-content p iframe {width:100%;height: 400px;}

.rela-pro{margin-top:20px;}
.rela-pro .tit{height:40px;line-height:40px;}
.rela-pro .tit h5{font-size:16px;}
.rela-pro ul li{width:48%;padding:5px 5px 0;margin:15px 0 0 2%;}
.rela-pro ul li h6{height:60px;font-size:14px;}
.rela-pro ul li h6 a {word-break: break-all;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}


.newslist ul{margin-left:0;}
.newslist ul li{float:none;width:100%;margin:0 0 20px;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;box-shadow:0 0 5px rgba(0,0,0,0.15);}
.newslist ul li .pic{width:220px;}
.newslist ul li .t{-webkit-flex:1;flex:1;margin-left:15px;padding:0;border:none;}

.newslist ul li:hover{box-shadow:0 0 5px rgba(0,0,0,0.2);}
.newslist ul li:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);}
.newslist ul li:hover .t h5{color:#15A84F;}
.newslist ul li:hover .t .bot i{color:#15A84F;}


.down ul li{float:none;width:100%;margin:0 0 15px;padding:15px;overflow:hidden;}
.down ul li:nth-child(2n){float:none;}
.down ul li .t h5{font-size:18px;}


.contact h3,.contact h1{font-size:26px;}
.contact h3::before,.contact h1::before{margin:0 auto 15px;}
.contact ul{margin:30px 0 0;border-top:none;}
.contact ul li{float:none;border:none;width:100%;height:auto;padding:20px 0;border-bottom:1px dashed #D2D2CF;}
.contact ul li h6{font-size:16px;margin:10px 0 0;}
.contact ul li p{font-size:14px;line-height:22px;}

.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:30px 0 0;}
.linetit h4 span{font-size:20px;}

.map h3{font-size:26px;}
.map h3::before{margin: 0 auto 15px;}
.inquirbox .row{margin-bottom:0;}
.inquirbox .row > div{margin-bottom:10px;}

.about{font-size:14px;line-height:22px;}

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


.faq ul li{margin:0 0 10px;padding:10px;}
.faq ul li:hover{border-left:1px solid #00AEBF;padding-left:10px;}

.rtit h1 {font-size: 24px;margin-bottom: 15px;}
.rtit h1::before {margin: 0 auto 13px;}
.service ul {margin-left: 0;}
.service ul li {width: 100%;margin: 15px 0 0;display: block;height: auto;text-align: center;}
.service ul li .ico img {height: 60px;}
.service ul li .t h6 {font-size: 20px;}
.service ul li .t p {font-size: 15px;margin: 15px 0 0;}

}




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

.indexD ul li .pic{width:140px;}

}


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

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

.indexA .bd ul li {width: 98%;}


.indexD ul li{-webkit-flex-direction:column;flex-direction:column;}
.indexD ul li .pic{width:100%;}
.indexD ul li .t{margin:15px 0 0;}

.newslist ul li{-webkit-flex-direction:column;flex-direction:column;padding:15px;}
.newslist ul li .pic{width:auto;max-width:300px;margin:0 auto;}
.newslist ul li .t{margin:15px 0 0;padding:0;border:none;}
.newslist ul li .t h5{text-align:center;}


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

.pro_img{width:100%;}
.pro_img .preview .swiper-slide{width:45px;}

.pro_view_inner .pro_tip p{font-size:15px;}

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

.pro_view_inner .bnts {text-align: center;}
.pro_view_inner .bnts > a {width: 100px;height: 32px;line-height: 32px;}

}

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

.sidebanner h2{font-size:20px;}

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


}

.language-flag .country-flag {
	position: relative;
	display: inline-block;
	margin: 1px 5px 0;
	width: 22px;
	height: 16px;
	background-image: url(../images/lang.gif);
	background-repeat: no-repeat;
	vertical-align: top;
}
li.language-flag a {
	position: relative;
}

.language-flag-af .country-flag {
	background-position: 0 0 !important;
}

.language-flag-sq .country-flag {
	background-position: 0 -16px !important;
}

.language-flag-ar .country-flag {
	background-position: 0 -32px !important;
}

.language-flag-hy .country-flag {
	background-position: 0 -48px !important;
}

.language-flag-az .country-flag {
	background-position: 0 -64px !important;
}

.language-flag-eu .country-flag {
	background-position: 0 -80px !important;
}

.language-flag-be .country-flag {
	background-position: 0 -96px !important;
}

.language-flag-bg .country-flag {
	background-position: 0 -112px !important;
}

.language-flag-ca .country-flag {
	background-position: 0 -128px !important;
}

.language-flag-zh .country-flag {
	background-position: 0 -144px !important;
}

.language-flag-zh-TW .country-flag {
	background-position: 0 -160px !important;
}

.language-flag-hr .country-flag {
	background-position: 0 -176px !important;
}

.language-flag-cs .country-flag {
	background-position: 0 -192px !important;
}

.language-flag-da .country-flag {
	background-position: 0 -208px !important;
}

.language-flag-nl .country-flag {
	background-position: 0 -240px !important;
}

.language-flag-en .country-flag {
	background-position: 0 -256px !important;
}

.language-flag-et .country-flag {
	background-position: 0 -272px !important;
}

.language-flag-tl .country-flag {
	background-position: 0 -288px !important;
}

.language-flag-fi .country-flag {
	background-position: 0 -304px !important;
}

.language-flag-fr .country-flag {
	background-position: 0 -320px !important;
}

.language-flag-gl .country-flag {
	background-position: 0 -336px !important;
}

.language-flag-ka .country-flag {
	background-position: 0 -352px !important;
}

.language-flag-de .country-flag {
	background-position: 0 -368px !important;
}

.language-flag-el .country-flag {
	background-position: 0 -384px !important;
}

.language-flag-ht .country-flag {
	background-position: 0 -400px !important;
}

.language-flag-iw .country-flag {
	background-position: 0 -416px !important;
}

.language-flag-hi .country-flag,
.language-flag-te .country-flag,
.language-flag-kn .country-flag,
.language-flag-ta .country-flag,
.language-flag-gu .country-flag {
	background-position: 0 -432px !important;
}

.language-flag-hu .country-flag {
	background-position: 0 -448px !important;
}

.language-flag-is .country-flag {
	background-position: 0 -464px !important;
}

.language-flag-id .country-flag {
	background-position: 0 -480px !important;
}

.language-flag-ga .country-flag {
	background-position: 0 -496px !important;
}

.language-flag-it .country-flag {
	background-position: 0 -512px !important;
}

.language-flag-ja .country-flag {
	background-position: 0 -528px !important;
}

.language-flag-ko .country-flag {
	background-position: 0 -544px !important;
}

.language-flag-la .country-flag {
	background-position: 0 -560px !important;
}

.language-flag-lv .country-flag {
	background-position: 0 -576px !important;
}

.language-flag-lt .country-flag {
	background-position: 0 -592px !important;
}

.language-flag-mk .country-flag {
	background-position: 0 -608px !important;
}

.language-flag-ms .country-flag {
	background-position: 0 -624px !important;
}

.language-flag-mt .country-flag {
	background-position: 0 -640px !important;
}

.language-flag-no .country-flag {
	background-position: 0 -656px !important;
}

.language-flag-fa .country-flag {
	background-position: 0 -672px !important;
}

.language-flag-pl .country-flag {
	background-position: 0 -688px !important;
}

.language-flag-pt .country-flag {
	background-position: 0 -704px !important;
}

.language-flag-ro .country-flag {
	background-position: 0 -720px !important;
}

.language-flag-ru .country-flag {
	background-position: 0 -736px !important;
}

.language-flag-sr .country-flag {
	background-position: 0 -752px !important;
}

.language-flag-sk .country-flag {
	background-position: 0 -768px !important;
}

.language-flag-sl .country-flag {
	background-position: 0 -784px !important;
}

.language-flag-es .country-flag {
	background-position: 0 -800px !important;
}

.language-flag-sw .country-flag {
	background-position: 0 -816px !important;
}

.language-flag-sv .country-flag {
	background-position: 0 -832px !important;
}

.language-flag-th .country-flag {
	background-position: 0 -848px !important;
}

.language-flag-tr .country-flag {
	background-position: 0 -864px !important;
}

.language-flag-uk .country-flag {
	background-position: 0 -880px !important;
}

.language-flag-ur .country-flag {
	background-position: 0 -896px !important;
}

.language-flag-vi .country-flag {
	background-position: 0 -912px !important;
}

.language-flag-cy .country-flag {
	background-position: 0 -928px !important;
}

.language-flag-yi .country-flag {
	background-position: 0 -944px !important;
}

.language-flag-bn .country-flag {
	background-position: 0 -960px !important;
}

.language-flag-eo .country-flag {
	background-position: 0 -976px !important;
}

.language-flag.language-flag-custom-afghanistan .country-flag {
	background-position: 0 -992px !important;
}

.language-flag.language-flag-custom-albania .country-flag {
	background-position: 0 -1008px !important;
}

.language-flag.language-flag-custom-algeria .country-flag {
	background-position: 0 -1024px !important;
}

.language-flag.language-flag-custom-argentina .country-flag {
	background-position: 0 -1040px !important;
}

.language-flag.language-flag-custom-australia .country-flag {
	background-position: 0 -1056px !important;
}

.language-flag.language-flag-custom-austria .country-flag {
	background-position: 0 -1072px !important;
}

.language-flag.language-flag-custom-belgium .country-flag {
	background-position: 0 -1088px !important;
}

.language-flag.language-flag-custom-brazil .country-flag {
	background-position: 0 -1104px !important;
}

.language-flag.language-flag-custom-canada .country-flag {
	background-position: 0 -1120px !important;
}

.language-flag.language-flag-custom-chile .country-flag {
	background-position: 0 -1136px !important;
}

.language-flag.language-flag-custom-cote-d-ivoire .country-flag {
	background-position: 0 -1152px !important;
}

.language-flag.language-flag-custom-ecuador .country-flag {
	background-position: 0 -1168px !important;
}

.language-flag.language-flag-custom-egypt .country-flag {
	background-position: 0 -1184px !important;
}

.language-flag.language-flag-custom-england .country-flag {
	background-position: 0 -1200px !important;
}

.language-flag.language-flag-custom-luxembourg .country-flag {
	background-position: 0 -1216px !important;
}

.language-flag.language-flag-custom-malaysia .country-flag {
	background-position: 0 -1232px !important;
}

.language-flag.language-flag-custom-mexico .country-flag {
	background-position: 0 -1248px !important;
}

.language-flag.language-flag-custom-new-zealand .country-flag {
	background-position: 0 -1264px !important;
}

.language-flag.language-flag-custom-oman .country-flag {
	background-position: 0 -1280px !important;
}

.language-flag.language-flag-custom-qatar .country-flag {
	background-position: 0 -1296px !important;
}

.language-flag.language-flag-custom-saudi-arabia .country-flag {
	background-position: 0 -1312px !important;
}

.language-flag.language-flag-custom-singapore .country-flag {
	background-position: 0 -1328px !important;
}

.language-flag.language-flag-custom-south-africa .country-flag {
	background-position: 0 0 !important;
}

.language-flag.language-flag-custom-switzerland .country-flag {
	background-position: 0 -1344px !important;
}

.language-flag.language-flag-custom-syria .country-flag {
	background-position: 0 -1360px !important;
}

.language-flag.language-flag-custom-united-arab-emirates .country-flag {
	background-position: 0 -1376px !important;
}

.language-flag.language-flag-custom-united-states-of-america .country-flag {
	background-position: 0 -1392px !important;
}

.language-flag-hy .country-flag {
	background-position: 0 -1408px;
}

.language-flag-bs .country-flag {
	background-position: 0 -1424px;
}

.language-flag-ceb .country-flag {
	background-position: 0 -1440px;
}

.language-flag-ny .country-flag {
	background-position: 0 -1456px;
}

.language-flag-ha .country-flag {
	background-position: 0 -1472px;
}

.language-flag-hmn .country-flag {
	background-position: 0 -1488px;
}

.language-flag-ig .country-flag {
	background-position: 0 -1504px;
}

.language-flag-jw .country-flag {
	background-position: 0 -1520px;
}

.language-flag-kk .country-flag {
	background-position: 0 -1536px;
}

.language-flag-km .country-flag {
	background-position: 0 -1552px;
}

.language-flag-lo .country-flag {
	background-position: 0 -1568px;
}

.language-flag-la .country-flag {
	background-position: 0 -1584px;
}

.language-flag-mg .country-flag {
	background-position: 0 -1600px;
}

.language-flag-ml .country-flag {
	background-position: 0 -1616px;
}

.language-flag-mi .country-flag {
	background-position: 0 -1632px;
}

.language-flag-mr .country-flag {
	background-position: 0 -1648px;
}

.language-flag-mn .country-flag {
	background-position: 0 -1664px;
}

.language-flag-my .country-flag {
	background-position: 0 -1680px;
}

.language-flag-ne .country-flag {
	background-position: 0 -1696px;
}

.language-flag-pa .country-flag {
	background-position: 0 -1712px;
}

.language-flag-st .country-flag {
	background-position: 0 -1728px;
}

.language-flag-si .country-flag {
	background-position: 0 -1744px;
}

.language-flag-so .country-flag {
	background-position: 0 -1760px;
}

.language-flag-su .country-flag {
	background-position: 0 -1776px;
}

.language-flag-tg .country-flag {
	background-position: 0 -1792px;
}

.language-flag-uz .country-flag {
	background-position: 0 -1808px;
}

.language-flag-yo .country-flag {
	background-position: 0 -1824px;
}

.language-flag-zu .country-flag {
	background-position: 0 -1840px;
}