@charset "utf-8";

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

.wp{width:1300px;}

.indexA .tit h3,.indexD .txt h3,.indexG h3,.indexE h3{font-size:52px;}

}

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

.wp{width:1200px;}

.indexA .tit h3,.indexD .txt h3,.indexG h3,.indexE h3{font-size:48px;}

.indexA{padding:60px 0;}
.indexA .tit .more,.indexB .txt .more{margin:40px 0 0;}

.indexH ul li h5{font-size:90px;}

.indexG .swiper-slide .txt .more{margin:30px 0 0;}


.indexA ul li .fun-btn h5{font-size:28px;margin:40px 0 0;}

.indexB .txt h3{font-size:36px;margin:30px 0 0;}

.indexH{padding:100px 0;}

.indexD{padding:60px 0 40px;}

.indexG{padding:40px 0 0;}

}

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

.wp{width:86%;}
.header{padding:0 7%;height:140px;}
.header_right{margin-right:0;}
.header .logo{width:auto;}

.nav > ul > li > a{font-size:19px;padding:0 25px;}

.indexA .tit .more,.indexB .txt .more,.indexG .swiper-slide .txt .more{width:170px;height:45px;line-height:45px;font-size:17px;}

.indexA .tit h3,.indexD .txt h3,.indexG h3,.indexE h3{font-size:44px;}
.about h3,.team-list h3,.cert-list h3,.factory h3,.album h3,.contact-info h4,.contact-inquiry h4,.foot-form h5,.pro-index h1{font-size:34px;}

.sidebanner h3,.sidebanner h1{font-size:38px;}

.indexA ul li .fun-btn h5{font-size:26px;margin:35px 0 0;}
.indexB .txt h3{font-size:34px;}

.team-list,.cert-list,.album{padding:60px 0;}
.factory{padding:20px 0 60px;}

.prolist ul li h6 a{font-size:16px;}

.pro-index ul li .txt h5{font-size:25px;}

.foot-contact ul li{width:33.333333%;}
.foot-contact ul li:last-child{width:50%;}

.team-list .swiper-slide{width:800px;}

}

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

.wp,.wp2{width:100%;padding-right:40px;padding-left:40px;max-width:none;}

.header{padding:0 40px;height:120px;}
.header .logo img{height:100px;}

.nav > ul > li > a{font-size:18px;padding:0 20px;}

.indexA .tit h3,.indexD .txt h3,.indexG h3,.indexE h3{font-size:40px;}
.about h3,.team-list h3,.cert-list h3,.factory h3,.album h3,.contact-info h4,.contact-inquiry h4,.foot-form h5,.pro-index h1{font-size:32px;}

.sidebanner h3,.sidebanner h1{font-size:36px;}

.indexA ul li .fun-btn h5{font-size:24px;margin:30px 0 0;}
.indexB .txt h3{font-size:32px;margin:20px 0 0;}

.pro_img{width:550px;}
.pro_view_inner{margin-left:50px;}

.pro-index ul li .txt h5{font-size:24px;}

.newslist ul li .t p{font-size:17px;}

.team-list .swiper-pagination{display:block;}
.team-list .swiper-button-prev,.team-list .swiper-button-next{display:none;}

.cert-list .swiper-button-prev,.cert-list .swiper-button-next{display:none;}
.cert-list .swiper-pagination{display:block;}

.factory .swiper-button-prev,.factory .swiper-button-next{display:none;}
.factory .swiper-pagination{display:block;}

.album .swiper-button-prev,.album .swiper-button-next{display:none;}
.album .swiper-pagination{display:block;}

.team-list .swiper-slide{width:750px;}

}

@media screen and (max-width:1171px){
.wp,.wp2{padding-right:30px;padding-left:30px;}

.indexA .tit h3,.indexD .txt h3,.indexG h3,.indexE h3{font-size:36px;}
.about h3,.team-list h3,.cert-list h3,.factory h3,.album h3,.contact-info h4,.contact-inquiry h4,.foot-form h5,.pro-index h1{font-size:30px;}
.sidebanner h3,..sidebanner h1{font-size:34px;}

.indexB .txt h3{font-size:30px;}
.prolist ul li{width:50%;}

.pro-index ul li .txt h5{font-size:23px;}
.pro-index ul li .txt p{font-size:17px;line-height:22px;}

}

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

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

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

.foot-contact{padding:30px 0;}
.foot-contact ul li{width:100%;height:auto;padding:20px 0;}
.foot-contact ul li+li{width:50%;}
.foot-contact ul li .t h5{font-size:22px;}

#footer{background-size:cover;padding:40px 0;}
#footer .wp{display:block;}

.foot-logo{width:100%;text-align:center;}
.foot-logo em{font-size:20px;}
.foot-logo p{margin:25px 0 0;font-size:18px;line-height:35px;}

.foot-form{margin:30px 0 0;}
.foot-form p{font-size:17px;margin:15px 0 0;}
.foot-form .inquirbox{margin:30px 0 0;}

.indexA .tit h3,.indexD .txt h3,.indexG h3,.indexE h3{font-size:32px;}
.about h3,.team-list h3,.cert-list h3,.factory h3,.album h3,.contact-info h4,.contact-inquiry h4,.foot-form h5,.pro-index h1{font-size:28px;}
.sidebanner h3,.sidebanner h1{font-size:32px;}

.indexA ul li .fun-btn h5{font-size:24px;margin:30px 0 0;}
.indexB .txt h3{font-size:28px;}

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

.main-left{width:100%;float:none;}
.main-right{margin-left:0;}
.main-left h3::after{display:block;}
.sidemenu > ul,.sidenav ul{display:none;}
.sidenav ul li{line-height:18px;margin:3px 0 0;padding:8px 40px 8px 15px;}
.sidenav ul li::after{line-height:36px;}
.sidenav ul li a{font-size:15px;}

.prolist ul li{width:33.33333%;}

.pro-index ul li{margin:30px 0 0;}
.pro-index ul li .txt{padding:0 25px;}
.pro-index ul li .txt h5{font-size:22px;}

.newslist ul{margin:0;}
.newslist ul li{float:none;width:100%;margin:0 0 15px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;background:#F4F4F4;}
.newslist ul li .pic{width:300px;}
.newslist ul li .pic::before,.newslist ul li .pic::after{display:none;}
.newslist ul li .t{flex:1;padding:0 20px;}
.newslist ul li .t h5{font-size:20px;white-space:normal;}
.newslist ul li .t p{font-size:17px;}


	
}

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

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

#gotop{display:none !important;}

.header_right > span{color:#333;}

.search{position:static;}
.search span{width:34px;height:34px;line-height:34px;color:#333;}
.search span i{font-size:24px;}

.header-lang .box{height:30px;width:80px;}
.header-lang .box img{margin:5px 0 0 5px;}
.header-lang .box em{margin:5px 5px 0 5px;color:#333;}
.header-lang .box i{margin:5px 0 0 0;color:#333;}
.header-lang ul{width:80px;padding:0 5px;top:30px;}
.header-lang ul li img{margin-right:5px;}

.header{position:static;height:auto;padding:15px 10px;}
.header .logo img{height:75px;}


.search-box{border-top:1px solid #F1F1F1;left:0;right:0;top:105px;width:100%;padding:15px 45px 15px 10px;box-sizing:border-box;border-radius:0;transition:none;}
.search-box .close{right:15px;}
.search-box .close i{transition:none;}
.search-box .serchbox{width:100%;margin:0 auto;position:relative;}
.search-box .serchbox .submit_text{background:#fff;width:100%;height:35px;line-height:35px;float:left;color:#666;padding:0 65px 0 15px;font-size:17px;border:1px solid #f0f0f0;border-radius:15px;}
.search-box .serchbox .submit_btn{position:absolute;right:0;top:0;width:50px;height:35px;line-height:35px;background:#0BAD35;text-align:center;display:block;cursor:pointer;border-radius:0 15px 15px 0;}
.search-box .serchbox .submit_btn i{font-size:25px;color:#fff;}

.search-box.active{width:100%;visibility:visible;z-index:101;transition-delay:0.3s;transition:none;}

#banner .page{position:static;width:auto;height:auto;display:block;}
#banner .page .swiper-button-num{display:none;}
#banner .swiper-pagination-bullets{bottom:10px;}
#banner .swiper-pagination-bullet{width:30px;height:4px;}

#footer{padding:30px 0 15px;}

.foot-logo{width:100%;text-align:center;}
.foot-logo em{margin:10px 0 0;font-size:17px;}
.foot-logo p{margin:10px 0 0;font-size:16px;line-height:22px;}

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

.foot-form .inquirbox{display:block;}
.foot-form .l{width:100%;}
.foot-form .r{margin:10px 0 0;}
.foot-form .inquirbox .submit{width:120px;line-height:40px;background:#007BC9;font-size:17px;margin:0 auto;}

.foot-nav,.foot-list{display:none;}

.foot-contact{padding:15px 0;}
.foot-contact ul{-webkit-flex-direction:column;flex-direction:column;}
.foot-contact ul li{width:100%;padding:15px 0;height:auto;display:block;}
.foot-contact ul li + li,.foot-contact ul li:last-child{width:100%;}
.foot-contact ul li .ico{margin:0 auto;}
.foot-contact ul li .t{height:auto;padding:0;margin:10px 0 0;text-align:center;}
.foot-contact ul li .t::after{display:none;}
.foot-contact ul li .t h5{font-size:20px;}
.foot-contact ul li .t p{font-size:15px;height:auto;}


}

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

.indexA .tit .more,.indexB .txt .more,.indexG .swiper-slide .txt .more{width:150px;height:40px;line-height:40px;font-size:16px;}
.indexA .tit .more,.indexB .txt .more{margin:20px 0 0;}

.indexA .tit h3,.indexD .txt h3,.indexG h3,.indexE h3{font-size:28px;}

.indexA{padding:30px 0;}
.indexA .tit h3{letter-spacing:0;}
.indexA .tit p{font-size:16px;margin:15px 0 0;}
.indexA ul{margin:20px 0 0;}
.indexA ul li{width:50%;margin:0;padding:8px;}
.indexA ul li a{overflow:visible;}
.indexA ul li .pic{box-shadow: 0 0 8px rgba(63,62,62,0.15);}
.indexA ul li .fun-btn{margin:15px 0 0;position:static;background:#fff;padding:0;opacity:1;display:block;}
.indexA ul li .fun-btn img{display:none;}
.indexA ul li .fun-btn h5{font-size:22px;color:#333;margin:0;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);opacity:1;}
.indexA ul li .fun-btn p{display:none;}

.indexB .box{-webkit-flex-direction:column-reverse;flex-direction:column-reverse;}
.indexB .pic{width:100%;}
.indexB .pic::before{display:none;}
.indexB .txt{margin:0 0 15px;text-align:center;}
.indexB .txt em{font-size:16px;display:block;letter-spacing:1px;}
.indexB .txt h3{font-size:26px;margin:15px 0 0;}
.indexB .txt p{font-size:16px;line-height:24px;margin:20px 0 0;}
.indexB .txt .more{margin:20px auto 0;}

.indexH{padding:10px 0;}
.indexH ul li{width:50%;padding:15px 0;}
.indexH ul li h5{font-size:40px;}
.indexH ul li h5::after{right:-50px;bottom:10px;font-size:18px;}
.indexH ul li:nth-child(1) h5::after{right:-50px;}
.indexH ul li:nth-child(2) h5::after{right:-110px;font-size:17px;}
.indexH ul li:nth-child(3) h5::after{right:-20px;}
.indexH ul li:nth-child(4) h5::after{right:-60px;}
.indexH ul li p{font-size:16px;}

.indexC .v .play{left:calc(50% - 45px);top:calc(50% - 45px);width:90px;height:90px;}
.indexC .v .play > img{height:35px;}


.indexD{padding:30px 0 10px;}
.indexD .wp{-webkit-flex-direction:column;flex-direction:column;}
.indexD .txt{margin-right:0;text-align:center;}
.indexD .txt h6{font-size:17px;margin:15px 0 0;}
.indexD .txt p{font-size:16px;line-height:24px;margin:15px 0 0;}
.indexD .txt .more{margin:20px 0 0;}

.indexD ul{width:100%;margin:20px 0 0;}
.indexD ul li{width:50%;height:200px;}
.indexD ul li .ico{width:100px;height:100px;}
.indexD ul li .ico img{max-width:70px;max-height:70px;}
.indexD ul li p{font-size:15px;margin:15px 10px 0;}


.indexG{padding:30px 0;}
.indexG h3{font-size:30px;}
.indexG .list{position:relative;margin:30px 0 0;}
.indexG .swiper-slide{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;-webkit-flex-direction:column-reverse;flex-direction:column-reverse;}

.indexG .swiper-slide .pic{width:100%;}
.indexG .swiper-slide .pic .date{left:10px;top:10px;width:80px;height:80px;padding:10px 0 0;}
.indexG .swiper-slide .pic .date em{font-size:30px;}
.indexG .swiper-slide .pic .date span{margin:10px 0 0;font-size:18px;}

.indexG .swiper-slide .txt{margin:15px 0 0;}
.indexG .swiper-slide .txt h5{font-size:18px;;}
.indexG .swiper-slide .txt .t{display:none;font-size:15px;line-height:24px;margin:15px 0 0;;}
.indexG .swiper-slide .txt .more{display:none;}

.indexG .page{position:static;margin:20px 0 0;}
.indexG .swiper-button-prev,.indexG .swiper-button-next{width:40px;height:40px;}
.indexG .swiper-button-prev i,.indexG .swiper-button-next i{font-size:22px;line-height:40px;}

.indexE{padding:30px 0;}
.indexE h3{font-size:30px;}
.indexE p{font-size:15px;line-height:24px;margin:20px 0 0;}
.indexE .pic{margin:30px 0 0;}

.indexF{padding:30px 0;}
.indexF .swiper-slide{height:80px;}
.indexF .swiper-pagination{display:block;}

}


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

.about h3,.team-list h3,.cert-list h3,.factory h3,.album h3,.contact-info h4,.contact-inquiry h4,.foot-form h5,.pro-index h1{font-size:26px;}
.sidebanner h3,.sidebanner h1{font-size:30px;}

.sidebanner{height:280px;}
.sidebanner p{font-size:16px;margin:15px 0 0;}

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

.about{padding:30px 0;}
.about h3{margin-bottom:25px;}
.about h6{font-size:20px;margin-bottom:20px;}
.about h5{font-size:16px;text-align:center;}
.about dl{margin:0 0 25px;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.about dl dd{width:100%;line-height:56px;height:56px;margin:0 0 10px;}
.about dl dd em{font-size:15px;}
.about p{line-height:22px;font-size:15px;}
.about .txt img {float: right;width: 100%;margin: 0 0 30px;}

.team-list{padding:30px 0;}
.team-list .list{margin:25px 0 0;}
.team-list .swiper-slide{width:100%;margin:0;display:block;box-shadow:none;}
.team-list .swiper-slide .pic{width:100%;}
.team-list .swiper-slide .txt{padding:15px;background:#F9F9F9;}
.team-list .swiper-slide .txt h4{font-size:24px;}
.team-list .swiper-slide .txt h6{font-size:20px;}
.team-list .swiper-slide .txt p{font-size:16px;}
.team-list .swiper-slide .txt a{display:none;}


.cert-list{padding:30px 0;}
.cert-list .list{margin:25px 0 0;}
.cert-list .list .swiper-container .swiper-slide a{padding:10px;}
.cert-list .list .swiper-container .swiper-slide p{font-size:15px;}


.factory{padding:30px 0;}
.factory .list{margin:25px 0 0;}
.factory .swiper-container .swiper-slide p{font-size:15px;}


.album{padding:30px 0;}
.album .list{margin:25px 0 0;}
.album .swiper-slide .t{position:static;margin-top:10px;}
.album .swiper-slide .t p{width:auto;height:auto;background:none;border-radius:0;}



.pro-index ul li{margin:20px 0 0;display:block;}
.pro-index ul li .txt{width:100%;padding:15px 10px;}
.pro-index ul li .txt p{font-size:16px;}

.prolist ul li{width:50%;padding:10px;}
.prolist ul li h6{height:55px;padding:0 10px;}
.prolist ul li h6 a{font-size:15px;display:block;line-height:20px;height:40px;overflow:hidden;}

.pro_view{-webkit-flex-direction:column;flex-direction:column;}
.pro_img{float:none;width:100%;}
.pro_img .preview .swiper-slide{width:50px;margin:0 2px;}

.pro_view_inner{margin:20px 0 0 0;}
.pro_view_inner h1{font-size:18px;margin:0;text-align:center;}

.pro_view_inner a.book{height:36px;line-height:36px;width:140px;font-size:16px;margin:20px auto 0;}
.pro_view_inner .pro-share{text-align:center;}

.pro_text{margin:20px 0 0;}

.pei-list .tit,.pro-detail > .tit{padding:0 0 15px;line-height:30px;}
.pei-list .tit h4,.pro-detail > .tit h4{font-size:24px;border-left:2px solid var(--active-color);padding: 0 0 0 13px;}
.pei-list .list h5,.pro_text h5{line-height:35px;font-size:18px;}
.pei-list .list ul{margin:15px -10px 0;}
.pei-list .list ul li{width:33.333333%;padding:5px 10px;}

.pro-detail{margin:30px 0 0;}


.pro-content{padding:15px 0 0;line-height:22px;font-size:16px;}
.pro-content table tr > th{padding:5px 6px;}
.pro-content table tr > td{padding:5px 6px;}

.pro-inquiry{margin:0;}
.pro-inquiry h4{line-height:40px;font-size:18px;padding:0 0 0 15px;}
.pro-inquiry .inquirbox{padding:15px 15px 5px;}
.pro-inquiry .inquirbox input[type="text"],.pro-inquiry .inquirbox textarea{padding:8px 10px;}
.pro-inquiry .inquirbox input.submit{line-height:36px;width:130px;}

.menu-tabs{padding:20px 0 10px;}
.menu-tabs ul li{height:36px;line-height:36px;display:inline-block;margin:0 5px 10px;}
.menu-tabs ul li a{font-size:17px;padding:0 25px;}


.newslist ul li .pic{width:230px;}
.newslist ul li .t{padding:0 15px;}
.newslist ul li .t h5{font-size:18px;}
.newslist ul li .t p{font-size:16px;}

.newsnr h1{font-size:26px;line-height:1.2;margin:25px 0 0;}
.artInfo{padding:15px 0;margin:20px 0 0;}
.artInfo span{font-size:14px;}
.myart{line-height:26px;font-size:16px;}

.pnbar{margin-top:25px;}



.down ul li{float:none;width:100%;margin:0 0 15px;padding:12px;overflow:hidden;}
.down ul li:nth-child(2n){float:none;}
.down ul li .pic{float:left;width:100px;height:100px;}
.down ul li .pic i{font-size:40px;}
.down ul li .t{margin:0 0 0 115px;}
.down ul li .t h5{font-size:18px;}
.down ul li .t p{height:40px;line-height:20px;font-size:15px;}

.faq ul li{padding:15px;}
.faq ul li .tit .date-month{font-size:15px;}
.faq ul li .tit h4{font-size:15px;}
.faq ul li .con .date-day{font-size:15px;}
.faq ul li .con .t{margin:0 0 0 30px;font-size:15px;}
.faq ul li:hover{border-left:1px solid #80D428;padding:15px;}


.qa{line-height:26px;font-size:17px;margin-bottom:25px;}

.onepage{margin:25px 0 0;}
.onepage h5{font-size:22px;margin-bottom:20px;}


.contact-info{padding:30px 0 0;}
.contact-info h4{font-size:30px;margin-bottom:20px;}
.contact-info p{font-size:15px;line-height:22px;}
.contact-info ul{margin:20px 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-info ul li h6{font-size:17px;}

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

.contact-inquiry{margin:0;padding:30px 0;}
.contact-inquiry h4{font-size:30px;margin-bottom:20px;}
.contact-inquiry .inquirbox .row{margin-bottom:0;}
.contact-inquiry .inquirbox input[type="text"],.contact-inquiry .inquirbox textarea{padding:10px 10px;}

.inquirbox input.submit{width:130px;line-height:36px;font-size:15px;}

}


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

.indexH ul li h5::after{font-size:16px;}

.sidebanner{height:240px;}

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

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

.qa{line-height:24px;font-size:16px;margin-bottom:20px;}

.faq ul li{padding:13px;}

}


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

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

.search-box{top:85px;}

.foot-logo img{height:90px;}
.pro_view_inner h1{font-size:16px;}

.indexA .tit .more,.indexB .txt .more,.indexG .swiper-slide .txt .more{width:140px;height:36px;line-height:36px;font-size:15px;}

.indexA .tit h3,.indexD .txt h3,.indexG h3,.indexE h3{font-size:26px;}
.about h3,.team-list h3,.cert-list h3,.factory h3,.contact-info h4,.contact-inquiry h4,.foot-form h5,.pro-index h1{font-size:24px;}
.sidebanner h3,.sidebanner h1{font-size:28px;}

.indexA ul li .fun-btn h5{font-size:18px;}

.indexB .txt h3{font-size:24px;}

.indexH ul li:nth-child(2) h5::after{right:-70px;font-size:15px;width:70px;bottom:5px;}

.indexC .v .play{left:calc(50% - 35px);top:calc(50% - 35px);width:70px;height:70px;}
.indexC .v .play > img{height:30px;}

.indexD ul li .ico{width:90px;height:90px;}
.indexD ul li .ico img{max-width:50px;max-height:50px;}

.sidebanner{height:180px;}

.pei-list .tit, .pro-detail > .tit{padding: 0 0 10px;line-height:25px;}
.pei-list .tit h4,.pro-detail > .tit h4{font-size:20px;}

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

.faq ul li{padding:10px;}

}

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




}