@charset "utf-8";


/*==ÏìÓ¦¡ý==*/
@media all and (max-width:1920px){
.ProductShow .relevant .swiperLong{ padding:0 0px;}    
.ProductShow .relevant .swiper-button-prev{left:10px;}
.ProductShow .relevant .swiper-button-next{left:auto;right:10px;}

}


@media all and (max-width:1720px){
.header .nav{width: 50%;}

}


@media all and (max-width:1600px){
.container{width:1400px}
/*--*/
#bannerBox .cutChart .wx{ width:70%; text-align:center;}
/*--*/
.productHome .down .left{height: 500px;}	
}


@media all and (max-width:1580px){
.header .container{padding:0 50px;}
.header .nav{width: 45%;padding-left:50px;}
.header .line.nav:before{left: 20px;}

}


@media all and (max-width:1440px){
.container {width:1200px}
/*-*/
.header .nav {width:44%;padding-left:30px;}
.header .line.nav:before {left:10px;}
.header .right {padding:30px 0 0 20px;}
.header .logo .txt {padding:20px 0 0 20px;font-size:12px;}
.header .logo .txt strong {font-size:14px;}
.fixed-top.header .logo .txt{padding: 8px 0 0 20px;}
/*--*/
.productHome .down .long {/*height:440px;*/}
.productHome .down .left{height: 470px;}
/*--*/
.introduceHome .tone li {padding:30px 20px 30px 20px;}
.introduceHome .right .box h3{font-size:38px;}
/*--*/
.ProductShow .righter {width:25%;}
.ProductShow .righter .relevant {padding:30px 25px;}
.ProductShow .righter .touch {padding:30px 25px;}
/*--*/
.AboutBox .introduce .left {padding-right:20px;}
.AboutBox .introduce .left,.AboutBox .introduce .right {height:500px;}
/*--*/
.footer .right .ewm {margin-left:40px;}

} 

@media all and (max-width:1320px){
.header .logo .txt{display:none} 
.header .nav{width: 55%;padding-left:50px;}
.header .line.nav:before{left:30px;}

}


@media all and (max-width:1200px){
.container {width:1000px;}
/*--*/
.menu {margin-top:-51px;height:55px;}
.menu li a {font-size:16px;border-left:1px #ddd solid;padding:15px 30px;}
/*--*/
#bannerBox .cutChart{height:600px; }
#bannerBox .cutChart .wx{ margin:80px auto 0;width:80%;}
#bannerBox .cutChart .wx .tit01{font-size:45px;}
#bannerBox .cutChart .wx .tit02{margin-top:10px;font-size:32px;}
#bannerBox .cutChart .wx .tit03{margin-top:10px;font-size:16px;}
#bannerBox .cutChart .wx .tit04{font-size:30px;}
#bannerBox .cutChart .wx .tit05{margin-top:10px;font-size:30px;}
#bannerBox .cutChart .pic{margin-top:30px;} 
#bannerBox .cutChart .pic img{max-height:300px;}
/*--*/
.productHome .down .long {/*height:410px;*/}
.productHome .down .left{height: 440px;}
/*--*/
.introduceHome .container {height:400px;}
.introduceHome .tone {}
.introduceHome .tone li {padding:25px 10px 25px 10px;}
.introduceHome .tone li h4 {margin-left:12px;}
.introduceHome .right .box {width:60%;padding:10px 30px 10px 30px;}
.introduceHome .pic {width:40%;}
.introduceHome .right .box .txt {margin-top:20px}
.introduceHome .right .box h3 {font-size:30px;}
/*--*/
.abouteHome .left,.abouteHome .right {height:500px;}
.abouteHome .left {width:40%;padding-right:20px}
/*--*/
.ProductListBox .top h3 {margin-top:0px;}
.ProductShow .lefter {width:70%}
.ProductShow .sTopLeft {width:100%}
.ProductShow .sTopRight {width:100%;margin-top:30px}
.ProductShow .righter {width:28%}
/*--*/
.strengthBox .long-1 {height:450px}
.strengthBox .long-2 .wx {width:60%;bottom:90px;left:10px;}
/*--*/
.NewsListBox2 .list-top li {height:400px;}
.NewsListBox2 .list-top li .pic {width:500px;}
.NewsListBox2 .list-top li .box {padding-left:550px;}
.NewsListBox2 .swiper-container .spot {left:500px}
/*--*/
.AboutBox .introduce .left {width:60%;padding-right:20px;}
.AboutBox .introduce .left,.AboutBox .introduce .right {height:400px;}
/*--*/
.contactBox .info .right .title{font-size:28px;}
.contactBox .info .right{padding: 30px 0 20px 30px;}
.contactBox .info .right .block{margin: 10px 0;}
.contactBox .info .right .ewm span{width:30%;}
/*--*/
.list-box{}
.list-box li{float:left; width:14.6%; margin:0 1% 1% 1%}
.list-box li h4{color:#666;font-size: 15px;text-align: center;padding:10px 0;}
.list-box li:hover h4{color:#cdad81;} 
/*--*/
.list-honor2{}
.list-honor2 li{float:left; width:14.6%; margin:0 1% 1% 1%}
.list-honor2 li h4{color:#666;font-size: 15px;text-align: center;padding:10px 0;}
.list-honor2 li:hover h4{color:#cdad81;} 
/*--*/
.ProductShow .long{margin-top:50px;margin-bottom:10px;}
.ProductShow .long .leftBox{width:45%;}
.ProductShow .long .rightBox{width:55%;padding: 0 0 0 35px;}
/*--*/
.footer .left{width:70%;}
.footer .right .ewm{display: none;}
}


@media all and (max-width:1150px){
.header .container{padding:0 30px;}
.header .nav{width: 55%;padding-left:30px;}
.header .line.nav:before{left:10px;}

}


@media all and (max-width:1000px){	
.container {width:100%;padding-left:10px;padding-right:10px;}
/*--*/
.header {height:85px !important;padding:20px 0 !important}
.header .container {padding:0 10px;}
.header .nav {display:none}
.header .right {display:none}
/*--*/
.navWap-trigger {margin-top:10px;}
.navWap-block {top:85px;}
.fixed-top {position:fixed;z-index:99;background:#fff}
/*--*/
.logo img {height:55px !important;width:auto}
/*--*/
.ProductShow .sTopRight .online {float:left;margin-left:0;/*! clear:both;*/}
/*--*/
#bannerBox .swiper-button-prev:before,.bannerBox .swiper-button-next:before {font-size:60px;}
#bannerBox .swiper-pagination {bottom:20px;}
/*--*/
#bannerBox .cutChart{height:400px; }
#bannerBox .cutChart .wx{ margin:50px auto 0;width:80%;}
#bannerBox .cutChart .wx .tit01{font-size:26px;}
#bannerBox .cutChart .wx .tit02{margin-top:10px;font-size:22px;}
#bannerBox .cutChart .wx .tit03{margin-top:10px;font-size:14px;}
#bannerBox .cutChart .wx .tit04{font-size:24px;}
#bannerBox .cutChart .wx .tit05{margin-top:10px;font-size:24px;}
#bannerBox .cutChart .pic{margin-top:20px;} 
#bannerBox .cutChart .pic img{max-height:200px;}
/*--*/
.titleAx {font-size:30px;}
.titleBx {font-size:30px;}
/*--*/
.menu {margin-top:0px;height:auto;}
.menu ul {width:100%}
.menu li a {font-size:14px;border-left:1px #ddd solid;padding:15px 30px;}
/*--*/
.productHome .down .long {height:auto}
.productHome .tone li font {margin-left:50px;}
.productHome .down .long .left,.productHome .down .long .right {display:block;width:100%}
/*--*/
.introduceHome .container {height:auto;}
.introduceHome .tone {width:100%}
.introduceHome .tone li {float:left;width:25%;height:auto;}
.introduceHome .tone li em {display:none;}
.introduceHome .tone li h4 {margin-left:5px;}
.introduceHome .right{width:100%}
.introduceHome .right .box{margin-top:0px;width:100%;margin-bottom:20px;}
.introduceHome .right .box{width:100%;}  
.introduceHome .right .lower {position:initial;margin-top:50px;}
.introduceHome .pic {width:100%;display: table;}
/*--*/
.abouteHome {padding:50px 0 50px 0;}
.abouteHome .left {width:100%;padding-right:0px;}
.abouteHome .left .wx {margin-top:30px;}
.abouteHome .left .lower {position:initial;margin-top:30px;width:100%;padding:20px 0 0 0;}
.abouteHome .left .digital li {width:25%;padding-left:30px;}
.abouteHome .left .digital li span {font-size:34px;}
.abouteHome .right {margin-top:30px;width:100%;}
.abouteHome .left,.abouteHome .right {display:block;height:auto;overflow:hidden;}
/*--*/
.newsHome {padding:50px 0 80px 0;}
/*--*/
.ProductListBox .top {padding:30px;}
.ProductListBox .top .left {width:50%;}
.ProductListBox .top .pic {float:right;width:30%;}
/*--*/
.ProductShow .lefter {width:100%}
.ProductShow .righter {width:100%}
.ProductShow .righter .relevant {display:none}
/*--*/
.strengthBox .long-1 {height:400px}
.strengthBox .long-1 .right {padding:0px 0 0 20px;}
.strengthBox .long hr {margin:20px 0 20px 0;}
.strengthBox .long {margin-bottom:50px;padding-bottom:50px;}
.strengthBox .long-2 .wx {bottom:60px}
/*--*/
.NewsListBox2 .list-2 {width:100%;margin-left:0%;}
.NewsListBox2 .list-2 li {width:100%;margin:0 0 2% 0}
.NewsListBox2 .list-3 li {width:50%}
/*--*/
.AboutBox .introduce {margin:0 0 50px 0}
.AboutBox .introduce .left {width:100%;padding-right:0px;padding-bottom:80px}
.AboutBox .introduce .left,.AboutBox .introduce .right {height:auto;display:block;}
.AboutBox .introduce .right {width:100%;margin-top:20px;}
.AboutBox .course {}
/*--*/
.contactBox .info .left,.contactBox .info .right{display:block;width:100%; vertical-align: top;}
.contactBox .info .right{padding-left:0px;}
.contactBox .info .left #dituContent{min-height:300px;}
/*--*/
.ditu {height:400px;}
/*--*/
.list-box{}
.list-box li{float:left; width:23%; margin:0 1% 1% 1%}
.list-box li h4{color:#666;font-size: 15px;text-align: center;padding:10px 0;}
.list-box li:hover h4{color:#cdad81;}
/*--*/
.list-honor2{}
.list-honor2 li{float:left; width:23%; margin:0 1% 1% 1%}
.list-honor2 li h4{color:#666;font-size: 15px;text-align: center;padding:10px 0;}
.list-honor2 li:hover h4{color:#cdad81;} 
/*--*/
.ProductShow .long{margin-top:20px;margin-bottom:30px;}
.ProductShow .long .leftBox{width:50%;}
/*--*/
.flatI{display: block;}
/**/
.footer .left{width:100%;}
.footer .left .bx{margin-top:0px}
.footer .left .bx .logo{display: none;}
.footer .left .bx .txt{margin-left:0px}
.footer .left .nav{display: none;}
.footer .right{float:left;margin-top:20px;}
.footer .right .bx .tel{float:left;width:100%}
.footer .right .bx .position{display: none;}
}


@media all and (max-width:760px){

.container{width:100%;padding-left:10px; padding-right:10px;}
/*--*/	
.header{height:55px !important;padding: 10px 0 !important;}
.logo img{height:40px !important;}
/*--*/	
.navWap-trigger{margin-top:2px;}
.navWap-block{top:55px;}
/*--*/
.banner-within{}
/*--*/
.menu{margin: 20px 0 10px 0;}
.menu ul{border:none}
.menu li{float:left;width:33.3%;text-align: center;}
.menu li a{margin:2px;font-size:14px;padding: 10px 0px; border:none; background: #eee;}
/*--*/
.rack { padding: 30px 0 40px 0;}
/*--*/
.site{display: none}
/*--*/
.titleAx{margin:10px 0;font-size:20px;}
.titleAx font{ font-size:12px;}
.titleBx{font-size:20px;}
.titleBx.pg{margin-top:30px}
/*--*/
.titleCx{margin:0 0 20px 0;}
.titleCx:before{top:30px;} 
.titleCx h3{font-size:18px;padding-right: 10px;}
.titleCx .more{padding:5px 10px;margin: 15px 0 0 0;}
/*--*/
.titleTop{margin:0 0 20px 0;}
.titleTop .more{ margin:10px 0 0 0; }
/*--*/
#bannerBox .swiper-button-prev{left:10px}
#bannerBox .swiper-button-next{right:10px;}
#bannerBox .swiper-button-prev:before,.bannerBox .swiper-button-next:before{ font-size:30px;}
#bannerBox .swiper-pagination{bottom: 10px;}
#bannerBox .swiper-pagination span{opacity: 0.6;width:20px;height:5px;margin:0 5px;border-radius:0%;border: 0px; background: #fff}
#bannerBox .swiper-pagination span:before{display: none}
#bannerBox .swiper-pagination span.swiper-pagination-bullet-active{ background: #333}
#bannerBox .spot-1 font{display: none;}
#bannerBox .spot-1 span:after{display: none;}
/*--*/
#bannerBox .cutChart{height:300px; }
#bannerBox .cutChart .wx{ margin:30px auto 0;width:100%;}
#bannerBox .cutChart .wx .tit01{font-size:20px;}
#bannerBox .cutChart .wx .tit02{margin-top:10px;font-size:16px;}
#bannerBox .cutChart .wx .tit03{margin-top:10px;font-size:12px;}
#bannerBox .cutChart .wx .tit04{font-size:16px;}
#bannerBox .cutChart .wx .tit05{margin-top:10px;font-size:16px;}
#bannerBox .cutChart .pic{margin-top:20px;} 
#bannerBox .cutChart .pic img{max-height:150px;}
/*--*/
.onlineMore {padding:8px 20px;font-size:12px;}
.onlineMore:after {margin:5px 0 0 10px;}
/*--*/
.productHome {padding:30px 0}
.productHome .tone li a {font-size:14px;padding:10px 1px;}
.productHome .tone li font {margin-left:auto;}
.productHome .tone li font:before {display:none;/*left:0;top:0;width:10px;height:10px;background-size:100%;*/}
.productHome .down .long {}
.productHome .down .long .left,.productHome .down .long .right {display:block;width:100%}
.productHome .down .left img{height:100%}
.productHome .down .right {border-left:0px}
.productHome .down .right .top {padding:20px 10px 0 10px;}
.productHome .down .right .top h4 {font-size:14px;}
.productHome .down .right .top p {margin:15px 0 15px 0;font-size:12px;}
.productHome .down .srll{margin-top:20px;}
.productHome .down .list li {width:100%}
.productHome .down .list li a {}
/*--*/
.introduceHome {padding:30px 0}
.introduceHome .tone li {padding:10px 0px;text-align:center;}
.introduceHome .tone li h4 {font-size:14px;margin-left:0px;}
.introduceHome .tone li h4 font {display:none;}
.introduceHome .right .box {padding:20px 15px 15px 15px;margin:0px;}
.introduceHome .right .box h3 {font-size:18px;}
.introduceHome .right .box h3 hr {margin:10px 0 0 0;}
.introduceHome .right .box .txt {margin-top:25px;}
.introduceHome .right .box .txt span {margin-top:10px;padding-left:20px;font-size:12px;}
.introduceHome .pic{height:auto}
.introduceHome .pic a{height:auto;margin:0px}
.introduceHome .pic a img{max-width:100%;height: auto;object-fit: initial; padding-top:0px;}
.introduceHome .right .lower {padding-top:15px;margin-top:25px;}
.introduceHome .right .lower .tel {font-size:16px;padding-left:22px;}
.introduceHome .right .lower .online {padding:8px 20px;margin-left:40px;}
.introduceHome .right .lower .online:before {margin:2px 0 0 12px;width:14px;height:14px;line-height:14px;}
/*--*/
.abouteHome {padding:30px 0 30px 0;}
.abouteHome .left .wx {margin-top:15px;line-height:22px;}
.abouteHome .left .lower {padding:0px 0 0 0;margin-top:30px;}
.abouteHome .left .digital {padding-right:0px;}
.abouteHome .left .digital li {width:25%;padding-left:10px;}
.abouteHome .left .digital li span {font-size:22px;}
.abouteHome .left .digital li h4 {font-size:12px;}
.abouteHome .left .lower .more {margin-top:10px;}
.abouteHome .right {width:100%;}
.abouteHome .right .video {right:10px;bottom:10px;padding:10px 20px;}
.abouteHome .left,.abouteHome .right {display:block;height:auto;width:;margin-top:25px;}
/*--*/
.newsHome {padding:30px 0 50px 0;}
.newsHome .titleTop {margin-bottom:20px;}
.newsHome .tone {margin:0px 0 0 0;}
.newsHome .tone li {padding-bottom:10px;margin-left:20px;}
.newsHome .tone li a {font-size:14px;/*margin-bottom:20px*/}
.newsHome .list li {width:48%;margin-right:2%;}
.newsHome .list li:nth-child(n+3) {display:none}
.newsHome .list li h4 {margin:10px 0;font-size:14px;-webkit-line-clamp:1;}
.newsHome .list li p {-webkit-line-clamp:2;}
.newsHome .list li .time {padding-top:10px;margin-top:15px;}
.newsHome .list li .time font {font-size:20px;margin-right:10px;}
/*--*/
.ProductListBox .top {padding:20px 20px;margin-bottom:30px;}
.ProductListBox .top .left {width:100%;margin-bottom:20px;}
.ProductListBox .top h3 {font-size:20px;margin-top:0px;}
.ProductListBox .top h3 font {font-size:14px;}
.ProductListBox .top hr {margin:10px 0 0 0;}
.ProductListBox .top p {font-size:14px;margin-top:20px;-webkit-line-clamp:3;}
.ProductListBox .top .pic {float:none;display:block;width:80%;margin:20px auto 0;}
.list-product li {width:48%;margin:0 0 4% 2%;}
.list-product li h4 {font-size:14px;margin:10px 0 0 0;}
.list-product li em {margin-top:5px;width:8px;height:5px;}
/*--*/
.cntr{padding: 0 0px;}
/*--*/
.ProductShow {margin:0 0 50px 0;}
.ProductShow .sTopRight h2 {font-size:22px;padding-bottom:15px;margin-bottom:20px;}
.ProductShow .sTopRight .txt {font-size:14px;margin-bottom:20px;}
.ProductShow .sTopRight .txt b {font-size:16px;margin-bottom:5px;}
.ProductShow .sTopRight .txt font {width:100%;margin:2px 0}
/*.ProductShow .sTopRight .tel {padding:10px 0 10px 30px;font-size:20px;}
.ProductShow .sTopRight .testing {margin-top:20px;}*/
.ProductShow .sTopRight .contact {font-size:14px;line-height:24px;padding-top:15px;margin-top:20px;}
.ProductShow .sTopRight .ewm{margin-top:25px}
.ProductShow .sTopRight .ewm span{ width:30%;font-size:12px;}
.ProductShow .detail {margin-top:40px}
.ProductShow .detail .title {font-size:18px;padding-bottom:10px;margin-bottom:10px;}
.ProductShow .detail .wor {margin-top:20px;padding:20px;}
.ProductShow .pagIng-2 {margin-top:30px;}
.ProductShow .pagIng-2 span {font-size:14px;width:100%}
.ProductShow .pagIng-2 .block {padding:5px 10px;width:100%;display:block;float:left !important;text-align:left;}
.ProductShow .pagIng-2 span a {font-size:14px;}
.ProductShow .pagIng-2 .next {text