@media screen and (min-width:1700px){
    .index-pover {
        height: 680px;
    }
}
@media screen and (max-width:1700px){
    .index-pover {
        height: 637px;
    }
}
@media screen and (min-width:1600px){
	.index-zx .index-title{
		    margin: 6% auto;
	}
	.index-zx-fl .swiper {
        padding: 10% 4% 14%;
    }
	.index-zx figure {
        height: 800px;
    }
    .index-product {
      height: 722px;
    }
    .index-product .swiper-slide figure{
      height: 265px;
    }
    .index-about-h span p{
        margin: 4% auto;
    }
    .index-zx-fl{
        width: 42%;
        margin: 1% 0% 4% 8%;
    }
    
    .index-news ul li figure{
        height: 240px;
    }



}
@media screen and (max-width:1600px){
    .index-product {
      height: 642px;
    }
    .index-product .swiper-slide figure{
      height: 226px;
    }
    .index-about-h span p{
        margin: 2% auto;
    }
    .index-zx-fl{
        width: 47%;
        float: left;
        margin: 1% 0% 4% 2%;
    }
    .index-zx figure{
        height: 607px;
    }
	  .index-zx-fl .swiper {
        width: 96%;
        padding: 4% 4% 10%;
    }
    .index-pover {
        height: 556px;
    }
    .index-news ul li figure{
        height: 210px;
    }


}
@media screen and (min-width:1400px){
	
    .index-about-h h2{
        font-size: 26px;
        line-height: 30px;
    }
    
    .index-about-h p{
        font-size: 18px;
        line-height: 36px;
    }
    .index-about-h ul li strong{
        font-size: 24px;
        line-height: 30px;
    }
    .index-encycl ul li h2,
.index-encycl>span h2{
    font-size: 20px;
    line-height: 30px;
}
.index-encycl ul li h2{
    line-height: 40px;
}
.index-encycl>span h2{
    padding:19px;
}
.index-encycl ul li p,
.index-encycl>span p{
    font-size: 18px;
    line-height: 32px;
    margin-bottom:30px;
}
.index-encycl ul{
    height: 493px;
}
.index-encycl>span figure{
    height: 328px;
    overflow: hidden;
}
.index-encycl-fr figure img,
.index-encycl-fr figure{
    height: 221px;
}
.index-encycl-fr span{
    height: 217px;
    margin-top: 55px;
}
.index-encycl-fr span p{
    font-size: 18px;
    line-height: 30px;
}
.index-encycl-fr span strong{
    font-size: 26px;
    line-height: 40px;
}

.product-h ul li figure{
    height: 240px;
}
.product-h ul li h2{
    font-size: 18px;
    height: 52px;
    line-height: 26px;
}
.contact-fl p{
    margin: 4% auto 0%;
}
}
@media screen and (max-width:1400px){
    .index-product {
        height: 570px;
    }
    .index-product .swiper-slide figure{
        height: 190px;
      }
      .index-about-h h2{
        font-size: 26px;
        line-height: 36px;
    }
    .index-about-h p{
        font-size: 16px;
        line-height: 28px;
    }
    .index-about-h ul li strong{
        font-size: 20px;
        line-height: 26px;
    }
    .index-zx figure {
        height: 567px;
    }
    .index-encycl ul li h2,
    .index-encycl>span h2{
        font-size: 18px;
        line-height: 26px;
    }
    .index-encycl ul li h2{
        line-height: 30px;
    }
    .index-encycl ul li p,
    .index-encycl>span p{
        font-size: 16px;
        line-height: 26px;
        margin-bottom:20px;
    }
    .index-encycl>span h2{
        padding:10px;
    }
    .index-encycl ul{
        height: 368px;
    }
    .index-encycl>span figure{
        height: 250px;
    }
    .index-encycl-fr figure img,
    .index-encycl-fr figure{
        height:160px;
    }
    .index-encycl-fr span{
        height: 184px;
        margin-top: 25px;
    }
    .index-encycl-fr span strong{
        font-size: 20px;
        line-height: 30px;
    }
    .index-encycl-fr span p {
        font-size: 16px;
        line-height: 26px;
    }
    .index-pover {
        height: 478px;
    }
    .index-news ul li figure{
        height: 180px;
    }

    .product-h ul li figure{
        height: 200px;
    }
    .product-h ul li h2{
        font-size: 16px;
        height: 44px;
        line-height: 22px;
    }
    .contact-fl p{
        margin: 3% auto 0%;
    }
}
@media screen and (min-width:1200px){
    .index-about-h span h2{
        margin: 2% auto 0%;
    }
    .index-zx-h p{
        overflow: hidden;
        word-break: break-all;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }
    .index-title strong,
    .index-title h3{
        font-size: 32px;
        line-height: 50px;
    }
    .index-title a{
        font-size: 18px;
        line-height: 30px;
    }
    .index-title p{
        font-size: 50px;
        line-height: 44px;
    }
    .index-encycl ul li{
        margin-bottom: 2%;
    }
    .index-pover .swiper-slide>span h3{
        font-size: 28px;
        line-height: 50px;
    }
    .index-pover .swiper-slide>span p{
        font-size: 18px;
        line-height: 32px;
    }
    .index-pover .swiper-slide>span hr{
        height: 60px;
    }
    .index-pover .swiper-slide>span a{
        padding: 7px 14px;
        line-height:20px;
    }
    .product-h ul li,
    .index-news ul li{
        width: 24.25%;
        margin-right: 1%;
    }
    .product-h ul li:nth-of-type(4n),
    .index-news ul li:nth-of-type(4n){
        margin-right: 0px;
    }
    .tails-fl{
        width: 75%;
        float: left;
        padding:4% 3%;
    }
    .tails-fr{
        width: 23%;
        float: right;
    }
}
@media screen and (max-width:1200px){
    .index-product {
        height: 590px;
    }
    .index-product .swiper-slide figure{
        height: 212px;
    }
    .index-about-h span h2{
        margin: 2% auto;
    }
    .index-about-h span p{
        overflow: hidden;
        word-break: break-all;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
    }
    .index-zx figure {
        height: 495px;
    }
    .index-zx figure img{
        width: auto !important;
    }
    .index-zx-h p{
        overflow: hidden;
        word-break: break-all;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    .index-title strong,
    .index-title h3{
        font-size: 28px;
        line-height: 40px;
    }
    .index-title a{
        font-size: 16px;
        line-height: 26px;
    }
    .index-title p{
        font-size: 36px;
        line-height: 40px;
    }
    .index-encycl ul li h2, .index-encycl>span h2 {
        font-size: 16px;
        line-height: 26px;
    }
    .index-encycl ul li{
        margin-bottom: 4%;
    }
    .index-pover .swiper-slide>span h3{
        font-size: 22px;
        line-height: 40px;
    }
    .index-pover .swiper-slide>span p{
        font-size: 16px;
        line-height: 30px;
    }
    .index-pover .swiper-slide>span hr{
        height: 30px;
    }
    .index-pover .swiper-slide>span a{
        padding: 5px 14px;
        line-height:20px;
    }
    .index-pover {
        height:393px;
    }
    .tails-fl{
        padding:3% 2%;
    }
    .contact-fl p{
        margin: 2% auto 0%;
    }


}
@media screen and (min-width:992px){
    .index-about-h span{
        width:55%;
        float: left;
    }
    .index-about-h span .index-title{
        text-align: left;
    }
    .index-about-h>figure{
        width: 43%;
        float: right;
    }
    .index-zx-fl{
        float: left;
    }
    .index-zx figure{
        float: right;
        width: 50%;
    }
    .index-zx-fl .swiper {
        width: 96%;
        
    }
    .index-encycl>span,
    .index-encycl ul,
    .index-encycl-fr{
        width: 31%;
    }
    .index-pover .swiper-slide>span{
        width: 28%;
        float: left;
    }
    .index-encycl-fr span,
    .index-encycl-fr figure{
        width: 100%;
    }
    .index-pover .swiper-slide>figure{
        width: 72%;
        float: right;
    }
    .index-pover .swiper-slide>span h3{
        margin-top: -25%;
    }
    .index-pover .swiper-slide>span p{
        margin: 10% auto 0%;
    }
    .index-pover .swiper-pagination-vertical.swiper-pagination-bullets, 
    .index-pover .swiper-vertical>.swiper-pagination-bullets {
        right: 9%;
        top: 50%;
    }
    .contact-fl h3{
        font-size: 30px;
        line-height: 40px;
    }
    .contact-fl p{
        font-size: 18px;
        line-height: 30px;
        letter-spacing: 2px;
    }
    .tails-fl{
        float: left;
    }
    .tails-fr{
        float: right;
    }
    .product-details-cp ul li{
        width: 100%;
        padding: 4%;
        margin: 6% auto 0%;
        height: auto;
        display: table;
    }
    .product-details-cp ul li a h2{
        font-size: 18px;
        line-height: 30px;
    }
}
@media screen and (max-width:1200px) and (min-width:992px){
    
    .product-h ul li,
    .index-news ul li{
        width: 32%;
        margin-right: 2%;
    }
    .product-h ul li{
        margin-bottom: 2% !important;
    }
    .product-h ul li:nth-of-type(3n),
    .index-news ul li:nth-of-type(3n){
        margin-right: 0px;
    }
    .index-news ul li:nth-of-type(4){
        display: none;
    }
    .index-news ul li figure {
        height: 203px;
    }
    .tails-fl{
        width: 70%;
    }
    .tails-fr{
        width: 27%;
    }
    
}
@media screen and (max-width:992px){
    .index-product .swiper-slide figure{
        height: 186px;
    }
    .index-about-h span,
    .index-about-h>figure{
        width:90%;
        margin: 1% auto;
    }
    .index-zx-fl{
        width: 98%;
    }
    .index-zx figure{
        display: none;
    }
    .index-zx-fl .swiper {
        width: 98%;
        padding: 4% 3% 8%;
    }
    .index-encycl>span{
        margin-left: 5.5%;
    }
    .index-encycl>span,
    .index-encycl ul{
        width: 43%;
    }
    .index-encycl-fr{
        width: 100%;
    }
    .index-encycl-fr span,
    .index-encycl-fr figure{
        width:49%;
        float: left;
        margin-top: 2%;
    }
    .index-encycl-fr span{
        margin-left: 2%;
        padding: 2% !important;
    }
    .index-encycl-fr figure img, .index-encycl-fr figure {
        height: 182px;
    }
    .index-pover {
        height: 692px;
    }
    .index-pover .swiper-slide>span{
        width: 70%;
    }
    .index-pover .swiper-slide>span figure{
        display: none;
    }
    .index-pover .swiper-slide>figure{
        width: 100%;
        margin-top: 3%;
    }
    .index-pover .swiper-slide>span h3{
        margin-top: 5%;
    }
    .index-pover .swiper-slide>span p{
        margin: 2% auto 0%;
    }
    .index-pover .swiper-pagination-vertical.swiper-pagination-bullets, 
    .index-pover .swiper-vertical>.swiper-pagination-bullets {
        right: 9%;
        top: 25%;
    }
    .product-h ul li,
    .index-news ul li{
        width: 49.5%;
        margin-right: 1%;
        margin-bottom: 1%;
    }
    .product-h ul li:nth-of-type(2n),
    .index-news ul li:nth-of-type(2n){
        margin-right: 0%;
    }
    .index-news ul li figure {
        height: 248px;
    }
    .product-h ul li figure {
        height: 283px;
    }
    .contact-fl h3{
        font-size: 22px;
        line-height: 30px;
    }
    .contact-fl p{
        font-size: 16px;
        line-height: 24px;
    }
    .tails-fl,
    .tails-fr{
        width:100%;
    }
    .product-details-cp h3{
        margin-top: 2%;
    }
    .product-details-cp ul li{
        float: left;
        padding: 2%;
        height: auto;
        display: table;
    }
    .product-details-cp ul li figure{
        height: 188px;
        overflow: hidden;
    }
    .product-details-cp ul li a h2{
        font-size: 16px;
        line-height: 26px;
        height: 52px;
    }




}
@media screen and (max-width:992px) and (min-width:768px){
    .product-details-cp ul li{
        width: 32%;
        margin: 2% 2% 2% 0%;
    }
    .product-details-cp ul li:nth-of-type(3n){
        margin-right: 0%;
    }
}
@media screen and (min-width:866px) {
    .contact-h figure{
        width: 60%;
        float: right;
    }
    .contact-fl{
        width: 38%;
        float: left;
    }
}
@media screen and (max-width:866px){
    .index-product .swiper-slide figure {
        height: 163px;
    }
    .product-h ul li figure {
        height: 250px;
    }
    .contact-h figure,
    .contact-fl{
        width:90%;
        margin: 1% auto;
    }
    .contact-fl{
        padding: 5%;
        margin-bottom: 3%;
        box-sizing: border-box;
        box-shadow: 0px 0px 4px 1px #0000001d;
    }
    .product-details-cp ul li figure{
        height: 160px;
    }
}
@media screen and (min-width:768px){
    .index-tell-h marquee h2,
    .index-tell-h marquee{
        font-size: 18px;
        line-height: 40px;
    }
    .index-tell-h marquee b{
        font-size: 24px;
        margin-left: 10px;
        letter-spacing: 2px;
    }
    .index-product .swiper-slide span h2{
        font-size: 18px;
        line-height: 26px;
        height: 52px;
    }
    .index-about-h ul li figure{
        width: 60px;
    }
    .index-news ul li h2{
        font-size: 18px;
        line-height: 30px;
    }
    .index-news ul li p{
        font-size: 16px;
        line-height: 26px;
    }
    .index-news ul li time{
        padding: 6px 10px;
        font-size: 14px;
    }
    .error-h a{
        padding: 8px 12px;
    }
    .com-list ul li span time{
        font-size: 20px;
        line-height: 22px;
    }
    .com-list ul li span time strong{
        font-size: 66px;
        line-height: 66px;
    }
    .com-list ul li span figure{
        width: 50px;
        margin-top: .6%;
    }
    .com-list ul li a h2{
        font-size: 22px;
        line-height: 32px;
    }
    .com-list ul li p{
        font-size: 18px;
        line-height: 28px;
    }
    .com-list ul li{
        margin: 1% auto;
    }
    .tails-fl p img,
    .tails-fl img{
        width: 90%;
    }
}
@media screen and (max-width:768px){
    .index-tell-h marquee h2,
    .index-tell-h marquee{
        font-size: 16px;
        line-height: 30px;
    }
    .index-tell-h marquee b{
        font-size: 18px;
    }
    .index-product .swiper-slide figure {
        height: 210px;
    }
    .index-product .swiper-slide span h2 {
        font-size: 16px;
        line-height: 22px;
        height: 44px;
    }
    .index-about-h ul li figure{
        width: 40px;
    }
    .index-about-h ul li strong {
        font-size: 16px;
        line-height: 26px;
    }
    .index-zx-fl .swiper {
        padding-bottom: 50px;
    }
    .index-encycl ul{
        margin-right: 0% !important;
        margin-left: 2% !important;
    }
    .index-encycl>span{
        margin-left: 0%;
    }
    .index-encycl>span,
    .index-encycl ul{
        width: 49%;
    }
    .index-encycl-fr span,
    .index-encycl-fr figure img, 
    .index-encycl-fr figure {
        height: 150px;
    }
    .index-encycl>span figure {
        height: 220px;
    }
    .index-encycl ul {
        height: 338px;
    }
    .index-encycl ul li {
        margin-bottom: 3%;
    }
    .index-pover {
        height: 600px;
    }
    .index-news ul li figure {
        height: 206px;
    }
    .index-news ul li h2{
        font-size: 16px;
        line-height: 26px;
    }
    .index-news ul li p{
        font-size: 14px;
        line-height: 24px;
    }
    .index-news ul li time{
        padding: 4px 6px;
        font-size: 12px;
    }
    .product-h ul li figure {
        height: 216px;
    }
    .error-h a{
        padding: 6px;
    }
    .com-list ul li span time strong {
        font-size: 40px;
        line-height: 40px;
    }
    .com-list ul li span time {
        font-size: 14px;
        line-height: 18px;
    }
    .com-list ul li span figure {
        width: 30px;
        margin-top: 1%;
    }
    .com-list ul li a h2 {
        font-size: 18px;
        line-height: 30px;
    }
    .com-list ul li p{
        font-size: 16px;
        line-height: 24px;
    }
    .com-list ul li hr{
        margin: 2% auto;
    }
    .com-list ul li{
        margin: 3% auto;
    }
    .tails-fl p img,
    .tails-fl img{
        width: 100%;
    }
    .product-details-cp ul li{
        width:49%;
        margin: 2% 2% 0% 0%;
    }
    .product-details-cp ul li:nth-of-type(2n){
        margin-right: 0%;
    }
    .product-details-cp ul li figure{
        height: 220px;
    }

}
@media screen and (min-width:640px){
    .index-encycl>span,
    .index-encycl ul,
    .index-encycl-fr{
        float: left;
    }
    .index-pover .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, 
    .index-pover .swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{
        width: 22px;
        height: 22px;
        margin-bottom: 30px;
    }
    .index-pover .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet::after, 
    .index-pover .swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet::after{
        width: 10px;
        height: 10px;
    }
    .index-pover .index-title{
        right: 8%;
    }
    .index-pover .swiper-pagination-vertical.swiper-pagination-bullets, 
    .index-pover .swiper-vertical>.swiper-pagination-bullets {
        right: 9%;
    }
    .product-details-fl .product-details-pimg figure{
        width: 600px;
    }







}
@media screen and (max-width:640px){
    .index-product {
        height: 535px;
    }
    .index-product .swiper-slide figure {
        height: 182px;
    }
    .index-encycl>span,
    .index-encycl ul{
        width:90%;
        margin: 1% auto !important;
        padding-bottom: 1px;
    }
    .index-encycl ul{
        margin-top: 0% !important;
        box-shadow: 0px 0px 8px 1px #0000002d;
    }
    .index-encycl-fr span,
    .index-encycl>span figure,
    .index-encycl>span,
    .index-encycl ul{
        height: auto;
    }
    .index-encycl-fr figure {
        display: none;
    }
    .index-encycl-fr span{
        width: 96%;
    }
    .index-pover {
        height: 548px;
    }
    .index-pover .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, 
    .index-pover .swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
        width: 16px;
        height: 16px;
        margin-bottom: 10px;
    }
    .index-pover .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet::after, .index-pover .swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet::after {
        width: 4px;
        height: 4px;
    }
    .index-pover .index-title {
        right: 3%;
    }
    .index-pover .swiper-pagination-vertical.swiper-pagination-bullets, 
    .index-pover .swiper-vertical>.swiper-pagination-bullets {
        right: 4%;
    }
    .index-news ul li figure {
        height: 180px;
    }
    .product-details-cp ul li figure,
    .product-h ul li figure {
        height: 183px;
    }
    .product-details-fl .product-details-pimg figure{
        width: 96%;
    }

}
@media screen and (min-width:560px){
    .index-zx-h span>a>h2,
    .index-zx-h p{
        font-size: 18px;
        line-height: 32px;
    }
    .index-zx-h .swiper-wrapper .swiper-slide>a>h2{
        font-size: 22px;
        line-height: 32px;
    } 
    .index-zx-h .swiper-button-next, 
    .index-zx-h .swiper-button-prev{
        width: 30px;
        height: 30px;
    }
    .index-title {
        margin: 4% auto 3%;
    }
    .tails-fl h1{
        font-size: 24px;
        line-height: 40px;
    }


   
}
@media screen and (max-width:560px){
    .index-product {
        height: 473px;
    }
    .index-product .swiper-slide figure {
        height: 152px;
    }
    .index-about-h span, .index-about-h>figure {
        width: 96%;
        margin: 1% auto;
    }
    .index-about-h h2 {
        font-size: 22px;
        line-height: 36px;
    }
    .index-zx-h span>a>h2,
    .index-zx-h p{
        font-size: 16px;
        line-height: 30px;
    }
    .index-zx-h .swiper-wrapper .swiper-slide>a>h2{
        font-size: 18px;
        line-height: 30px;
        font-weight: bold;
    } 
    .index-zx-h .swiper-button-next, 
    .index-zx-h .swiper-button-prev {
        width: 26px;
        height: 26px;
    }
    .index-title strong, 
    .index-title h3 {
        font-size: 24px;
        line-height: 32px;
    }
    .index-title p {
        font-size: 30px;
        line-height: 32px;
    }
    .index-title a {
        font-size: 14px;
        line-height: 20px;
    }
    .index-title {
        margin: 7% auto 3%;
    }
    .index-zx-fl,
    .index-product{
        margin-bottom: 7% !important;
    }
    .index-about-h {
        padding: 7% 0% !important;
    }
    .index-pover {
        height: 510px;
    }
    .index-pover .swiper-slide{
        padding-top: 2%;
    }
    .product-details-cp ul li figure,
    .product-h ul li figure,
    .index-news ul li figure {
        height: 148px;
    }
    .product-details-cp ul li a h2 ,
    .product-h ul li h2 {
        font-size: 14px;
        height: 60px;
        line-height: 20px;
    }
    .com-list ul li span figure{
        margin-top: 2%;
    }
    .tails-fl h1{
        font-size: 20px;
        line-height: 30px;
    }
}
@media screen and (min-width:460px){
    .error-h a{
        font-size: 16px;
        line-height: 16px;
    }

}
@media screen and (max-width:460px){
    .index-product {
        height: 414px;
    }
    .product-h ul li figure,
    .index-product .swiper-slide figure {
        height: 124px;
    }
    .index-product .swiper-slide span h2 {
        font-size: 14px;
        line-height: 20px;
        height: 44px;
    }
    .index-encycl>span,
    .index-encycl ul{
        width:96%;
    }
    .index-pover {
        height: 455px;
    }
    .product-details-cp ul li figure,
    .index-news ul li figure {
        height: 122px;
    }
    .error-h a{
        font-size: 14px;
        line-height: 14px;
    }



}
@media screen and (max-width:380px){
    .index-about-h h2 {
        font-size: 18px;
        line-height: 36px;
    }
    .index-pover {
        height: 376px;
    }
    .index-pover .swiper-slide>span hr{
        display: none;
    }
    .index-pover .swiper-pagination-vertical.swiper-pagination-bullets, 
    .index-pover .swiper-vertical>.swiper-pagination-bullets {
        top: 30%;
    }
    .product-details-cp ul li figure,
    .product-h ul li figure,
    .index-news ul li figure {
        height: 110px;
    }
    .error-h a{
        bottom: 15% !important;
    }
    .com-list ul li span figure{
        margin-top: 3%;
    }
    .tails-fl h1{
        font-size: 18px;
        line-height: 28px;
    }

}
@media screen and (max-width:340px){
    .index-product .swiper-slide figure {
        height: 103px;
    }
    .index-pover {
        height: 350px;
    }
    .product-details-cp ul li figure,
    .index-news ul li figure {
        height: 96px;
    }
}