@charset "utf-8";

@media screen and (max-width:1550px) {
.wp{width:1300px;}


}

@media screen and (max-width:1441px) {
.wp{width:1200px;}

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

.pro_img {width: 450px;}

.about2 .txt h3,.about4 .tit h3,.about3 h3{font-size: 36px;}
}

@media screen and (max-width:1280px) {
.wp{width:1200px;}
   
.main-left {width: 240px;}
.main-right {margin-left: 270px;}

.pro_img {width: 400px;}

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

.about2 .txt h3,.about4 .tit h3,.about3 h3{font-size: 32px;}

.about2 .txt .t {line-height: 20px;margin: 20px 0 0;}
.about2 .txt .t p {margin-top: 10px;}
}



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

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

.header-right .share,.nav,.search,#gotop,.rides-cs{display:none;}

.sitetop,#footBar{display:block;}

.header {position: static;height: 100px;}
.header .logo{width:100%;text-align:center;}
.header .logo img{height:70px;}

.header-right {position: static;}
.header-right > a {display: none;}
.header-lang {position: absolute;top: 9px;right: 10px;}
.header-lang .box {height: 33px;padding: 0 10px;border-radius: 0;}

.search-box .close {display: none;}
.search-box {top: 50px;padding: 15px;}
.search-box .serchbox {width: 100%;}
.search-box .serchbox .submit_text {height: 40px;line-height: 40px;padding: 0 80px 0 15px;}
.search-box .serchbox .submit_btn {height: 40px;line-height: 40px;}

#banner {height: auto;}
#banner video {position: relative;left: auto;top: auto;transform: none;}
#banner .t {padding: 0;}
#banner .t h5 {font-size: 48px;padding: 15px 0;}
#banner .t p {font-size: 48px;margin: 20px 0 0;}

#banner::after{display:none;}
#banner .swiper-pagination-bullet{height:12px;width:12px;border:1px solid #71B637;}
#banner .swiper-pagination-bullet::after{width:6px;height:6px;}
#banner .swiper-pagination-bullet-active{border:1px solid #71B637;}


footer{background:#3C3C3C;padding:30px 0;}
footer .wp{-webkit-flex-direction:column;flex-direction:column;}

.foot-list {display: none;}

.foot-logo {width: 100%;}
.foot-logo img {height: 80px;}
.foot-logo .share {margin: 20px 0 0;}
.foot-logo .share a {width: 30px;height: 30px;line-height: 30px;}
.foot-logo .share a + a {margin-left: 15px;}
.foot-contact {width: 100%;margin-top: 20px;text-align: center;}
footer h5 {font-size: 22px;margin-bottom: 10px;}
.foot-contact p {font-size: 16px;line-height: 26px;}
.foot-contact p:nth-of-type(2) {margin: 20px 0 0;font-size: 26px;line-height: 36px;background-size: 21px 30px;}
.foot-contact p:nth-of-type(3) {margin: 15px 0 0;padding-top: 15px;}


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

.n01-index-A {margin-top: -40px;}
.n01-index-A ul {padding: 25px 0;}
.n01-index-A ul li {width: 100%;padding: 15px 20px;}
.n01-index-A ul li .ico img{height: 80%;}
.n01-index-A ul li h5 {font-size: 20px;margin: 15px 0 0;}
.n01-index-A ul li p {font-size: 16px;line-height: 20px;margin: 15px 0 0;}

.n01-index-B {padding: 50px 0 30px;}

.n01-index-B .tit h3,.n01-index-E h3,.n01-index-H .txt h3,.n01-index-I .txt h3,.n01-index-J h3,.n01-index-K .tit h3 {font-size: 28px;}

.n01-index-B .tit p {font-size: 18px;margin: 10px 0 0;}
.n01-index-B .tab {margin: 20px 0 0;}
.n01-index-B .tab ul li {font-size: 18px;}
.n01-index-B .tab ul li:not(:last-child)::after {margin: 0 15px;}
.n01-index-B .list ul {margin: 0 -10px 0;}
.n01-index-B .list ul li {padding: 15px 10px;width: 50%;}
.n01-index-B .list ul li .txt {padding: 15px 10px 10px;}
.n01-index-B .list ul li .txt h6 {text-align: center;}
.n01-index-B .list ul li .txt h6 a {font-size: 19px;}
.n01-index-B .list ul li .txt .more {margin: 10px auto 0;width: 108px;line-height: 30px;height: 32px;font-size: 18px;display: block;}

.n01-index-C {padding: 40px 0;}
.n01-index-C > div {display: block;text-align: center;}
.n01-index-C .tit h5 {font-size: 26px;}
.n01-index-C .tit p {font-size: 20px;margin: 10px 0 0;}
.n01-index-C a {width: 184px;line-height: 38px;height: 38px;font-size: 18px;margin: 20px auto 0;}

.n01-index-D {padding: 40px 0 0;}

.n01-index-E {margin-top: 30px;padding: 30px 0;}
.n01-index-E h3::after {width: 220px;margin: 15px auto 0;}
.n01-index-E .txt {margin: 20px 0 0;font-size: 18px;line-height: 26px;}
.n01-index-E ul {margin: 30px -15px 0;}
.n01-index-E ul li {width: 33.333%;padding: 0 20px;}
.n01-index-E ul li .box {padding: 20px 0;height: 100%;}
.n01-index-E ul li span {font-size: 32px;}
.n01-index-E ul li p {font-size: 19px;margin: 15px 0 0;}
.n01-index-E ul li:nth-child(4n) {border-right: 2px solid #fff;}
.n01-index-E ul li:nth-child(3n) {border-right: none;}
.n01-index-E ul li:nth-child(-n+6) .box {border-bottom: 2px solid #fff;}

.n01-index-H {padding: 40px 0 20px;}
.n01-index-H > div {display: block;}
.n01-index-H .pic {width: 100%;}
.n01-index-H .txt {margin-right: 0;margin-top: 30px;text-align: center;}
.n01-index-H .txt > p {font-size: 18px;margin: 10px 0 0;}
.n01-index-H .txt ul {margin: 20px 0 0;}
.n01-index-H .txt ul li {margin: 15px 0 0;}
.n01-index-H .txt ul li .ico {justify-content: center;}
.n01-index-H .txt ul li h5 {font-size: 18px;margin: 15px 0 0;}
.n01-index-H .txt ul li p {font-size: 15px;margin: 10px 0 0;}

.n01-index-I {padding: 40px 0 20px;}
.n01-index-I > div {display: block;}
.n01-index-I .pic {width: 100%;}
.n01-index-I .txt {margin-left: 0;margin-top: 30px;}
.n01-index-I .txt h3 {text-align: center;}
.n01-index-I .txt p {font-size: 16px;line-height: 26px;margin: 20px 0 0;}
.n01-index-I .txt ul {margin: 15px 0 0;}
.n01-index-I .txt ul li {font-size: 16px;margin: 15px 0 0;}
.n01-index-I .txt .more {margin: 30px auto 0;width: 140px;line-height: 40px;height: 40px;font-size: 20px;}

.n01-index-J {padding: 30px 0;}
.n01-index-J .list {margin: 30px 0 0;padding: 45px 80px;}
.n01-index-J .swiper-slide .ico .t {margin-left: 20px;}
.n01-index-J .swiper-slide .ico .t h5 {font-size: 20px;}
.n01-index-J .swiper-slide .ico .t em {font-size: 18px;}
.n01-index-J .swiper-slide .ico img {width: 77px;}
.n01-index-J .swiper-slide p {font-size: 20px;margin: 20px 0 0;}
.n01-index-J .swiper-button-prev, .n01-index-J .swiper-button-next {width: 36px;height: 36px;line-height: 36px;margin-top: -18px;}
.n01-index-J .swiper-button-prev, .n01-index-J .swiper-container-rtl .swiper-button-next {left: 20px;}
.n01-index-J .swiper-button-next, .n01-index-J .swiper-container-rtl .swiper-button-prev {right: 20px;}
.n01-index-J .swiper-button-prev i, .n01-index-J .swiper-button-next i {font-size: 22px;}

.n01-index-K {padding: 30px 0;}
.n01-index-K .tit a {line-height: 36px;height: 36px;padding: 0 18px;font-size: 16px;}
.n01-index-K ul {margin: 20px -10px 0;flex-wrap: wrap;justify-content: center;}
.n01-index-K ul li {width: 50%;padding: 10px;}
.n01-index-K ul li .t h5 {font-size: 18px;line-height: 26px;}
.n01-index-K ul li .t {padding: 20px 8px 10px;}
.n01-index-K ul li .t em {font-size: 16px;margin: 10px 0 0;}
}


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

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

.path p{font-size:14px;}

.main{padding-top:25px;padding-bottom:30px;}
    
.main-left{float:none;width:100%;}
.main-right{margin:20px 0 0;}
    
.main-left h3{padding:0 0 0 15px;}
.main-left h3::after{display:block;}
.sidemenu > ul {display: none;}
.sidemenu ul li{padding-left:15px;}
    
.menu-tabs{padding:20px 0 10px;}
.menu-tabs ul li{height:40px;line-height:40px;margin:0 5px 10px;width:auto;}
.menu-tabs ul li a{font-size:15px;padding:0 20px;}

/*--------*/
.pro-top {padding: 15px;}
.pro-top h1 {font-size: 20px;}
.pro-top .t {font-size: 16px;line-height: 20px;margin: 10px 0 0;}

.pro-list ul #list_empty{padding:0 15px;}
.pro-list ul li {width: 50%;padding: 15px;}
.pro-list ul li .txt h6 a {font-size: 18px;word-break: break-all;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.pro-list ul li .txt .more {margin: 10px 0 0;width: 108px;line-height: 30px;height: 32px;font-size: 15px;}

.pro_img {width: 100%;}
.pro_img .view a img {width: 100%;}
.pro_img .view .arrow-left i, .pro_img .view .arrow-right i {color: #fff;}
.pro_img .view .arrow-left {left: -10px;}
.pro_img .view .arrow-right {right: -10px;}
.pro_view .btn-box a {padding: 0 20px;height: 36px;line-height: 36px;font-size: 15px;}

.side-pro{display:none;}


.pro_view{-webkit-flex-direction:column;flex-direction:column;}
.pro_view > h1 {font-size: 19px;}
.pro_img{margin:15px auto 0;}
.pro_view_inner{margin:25px 0 0;}
.pro_view_inner h1{font-size:22px;margin:0;text-align:center;}
.pro_view_inner .btn-box{text-align:center;}
.pro_view_inner .btn-box a{width:140px;height:40px;line-height:40px;font-size:16px;}
.pro_view_inner .pdf{margin-left:20px;}
.pro_view_inner .pro-share{text-align:center;}

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

.pro-content{line-height:24px;padding:15px 0 0;font-size: 15px}

.pro-inquiry{margin-top:25px;}
.pro-inquiry .tit{height:45px;}
.pro-inquiry .tit h5{padding:0 0 0 10px;height:25px;line-height:25px;font-size:18px;}
.pro-inquiry .inquirbox{border:1px solid #F3F3F3;padding:12px 12px 5px;}

.rela-pro .tit h5 {padding:0 0 0 10px;height:25px;line-height:25px;font-size:18px;}

.inquirbox .row {margin-bottom: 0;}
.inquirbox .row input {margin-bottom: 5px;}
.rela-pro .swiper-slide .txt h6 {font-size: 18px;}
.rela-pro .swiper-slide .txt h6 a {line-height: 20px;height: 40px;}

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

/*----about----*/

.about2 .txt h3,.about4 .tit h3,.about3 h3{font-size: 26px;}

.about2 {padding: 30px 0;}
.about2 .wp {display: block;}
.about2 .txt {margin-left: 0;text-align: center;}
.about2 .pic {width: 100%;margin-top: 20px;}

.about4 {padding: 30px 0 20px;}
.about4 .tit h3::after {margin: 10px auto 0;}
.about4 ul {margin: 30px 0 0;justify-content: center;}
.about4 ul li {width: 33.333%;padding: 15px 0;}
.about4 ul li h5 {font-size: 18px;margin: 15px 0 0;}
.about4 ul li p {font-size: 15px;line-height: 22px;margin: 15px 0 0;}

.about3 {padding: 30px 0;}
.about3 .list {margin: 30px 0 0;}


/*----faq----*/

.faq ul li .tit {padding-right: 30px;}

.faq ul li .con .t {font-size: 15px;line-height: 20px;}

/*----download----*/

.down-list ul li {margin: 20px 0 0;padding: 15px;display: block;}
.down-list ul li .pic {width: 100%;}
.down-list ul li .t {margin: 15px 0 0;text-align: center;}
.down-list ul li .t h5 {font-size: 20px;line-height: 24px;height: 48px;overflow: hidden;}
.down-list ul li .t .more {margin: 10px 0 0;font-size: 16px;line-height: 34px;}

/*----video----*/

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

/*----contact----*/

.contact {padding: 30px 0;display: block;}
.contact-info {width: 100%;}
.contact-info h3 {font-size: 20px;text-align: center;}
.contact-info dl dd h5 {font-size: 16px;}
.contact-info dl dd p {font-size: 15px;}
.contact-info dl {padding: 15px 0;display: block;text-align: center;}
.contact-info dl dt {margin: 0 auto 15px;}
.contact-info dl dd {padding-left: 0;}

.contact-inquiry {width: 100%;margin-top: 20px;}
.contact-inquiry h3 {font-size: 20px;text-align: center;}
.contact-inquiry p {text-align: center;}

.contact-inquiry .inquirbox .submit {margin: 0 auto 0;}

}




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


}


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

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

#banner .t h5 {font-size: 26px;}
#banner .t p {font-size: 24px;margin: 15px 0 0;}

.foot-logo img {height: 60px;}

.foot-contact p:nth-of-type(2) {margin: 15px 0 0;font-size: 20px;line-height: 24px;}

.n01-index-B .tit h3, .n01-index-E h3, .n01-index-H .txt h3, .n01-index-I .txt h3, .n01-index-J h3, .n01-index-K .tit h3 {font-size: 22px;}

.n01-index-B .tab ul {flex-wrap: wrap;}
.n01-index-B .tab ul li {width: 50%;text-align: center;position: relative;margin: 6px 0;}
.n01-index-B .tab ul li:nth-child(2n)::after{display: none;}
.n01-index-B .tab ul li:after {position: absolute;right: 0;margin: 0;}
.n01-index-B .list ul li {width: 100%;}

.n01-index-C .tit h5 {font-size: 20px;}
.n01-index-C .tit p {font-size: 18px;}

.n01-index-E ul li {width: 50%;padding: 0 15px;}
.n01-index-E ul li:nth-child(3n) {border-right: 2px solid #fff;}
.n01-index-E ul li:nth-child(2n) {border-right: none;}

.n01-index-J .list {padding: 35px 50px;}
.n01-index-J .swiper-button-prev, .n01-index-J .swiper-container-rtl .swiper-button-next {left: 10px;}
.n01-index-J .swiper-button-next, .n01-index-J .swiper-container-rtl .swiper-button-prev {right: 10px;}
.n01-index-J .swiper-button-prev, .n01-index-J .swiper-button-next {width: 30px;height: 30px;line-height: 30px;margin-top: -15px;}
.n01-index-J .swiper-slide p {font-size: 18px;margin: 15px 0 0;}

.n01-index-H .txt ul li {width: 100%;}

.n01-index-K ul li {width: 100%;}

.sidebanner .txt {	padding: 60px 0 0;}

.about2 .txt h3, .about4 .tit h3, .about3 h3 {font-size: 22px;}

.about4 ul li {width: 50%;}

.down-list ul li {width: 100%;}

.video-list ul li {width: 100%;}

}

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

.sidebanner .txt {padding: 40px 0 0;}

.pro-list ul li {width: 100%;}

.n01-index-A {margin-top: 30px;}


}