@charset "utf-8";


.banner_div{position:absolute;width:100%;text-align: left;
    left: 64%;
    top: 70%;
    z-index: 99;
    transform: translate(-50%, -50%);}
.banner_div h3{color:#ffffff;font-size:24px;font-family:Arial;}
.banner_div h2{color:#1783db;font-size:60px;font-family:Arial;font-weight:900;text-transform: uppercase;line-height:1;margin:20px 0;}
.banner_div a{color:#fff;font-size:24px;font-family:Arial;display:inline-block;width:200px;line-height:50px;border-radius:100px;text-align:center;background:#1783db;margin-top:30px;}
.banner_div a:hover{background:#fff;color:#1783db}
@media (max-width: 1450px) {
.banner_div{position:absolute;width:100%;}
.banner_div h3{color:#ffffff;font-size:18px;font-family:Arial;}
.banner_div h2{color:#1783db;font-size:36px;font-family:Arial;font-weight:900;text-transform: uppercase;line-height:1;margin:10px 0;}
.banner_div a{color:#fff;font-size:18px;font-family:Arial;display:inline-block;width:180px;line-height:45px;border-radius:100px;text-align:center;background:#1783db;margin-top:20px;}	
}

@media (max-width: 990px) {
.banner_div{position:absolute;top:20%;width:100%;display:none}
.banner_div h3{color:#ffffff;font-size:18px;font-family:Arial;}
.banner_div h2{color:#1783db;font-size:36px;font-family:Arial;font-weight:900;text-transform: uppercase;line-height:1;margin:10px 0;}
.banner_div a{color:#fff;font-size:18px;font-family:Arial;display:inline-block;width:180px;line-height:45px;border-radius:100px;text-align:center;background:#1783db;margin-top:20px;}	
}

.in-tit{margin-bottom: 50px;text-align: center}
.in-tit h4{margin-bottom: 5px;font-size: 36px;color: #1e2235}
.in-tit span{color: #949fb1;text-transform: uppercase;}

.homea{padding-top: 100px}
.product-tjindex li{width: 25%;display: flex;flex-wrap: wrap;}
.product-tjindex li .info{padding: 20px 10%;text-align: right;position: relative;}
.product-tjindex li .info:after{content: '';width: 2px;height: 108px;background:#006db8;position: absolute;left: 50%;margin-left: -1px;z-index: 2 }
.product-tjindex li:nth-child(2) .info:after{top:-30px;}
.product-tjindex li:nth-child(3) .info:after{bottom:-30px;}
.product-tjindex li .info h4{font-size: 36px;color: #949fb1}
.product-tjindex li .info p{font-size: 30px;font-weight: bold;margin: 10px 0}
.product-tjindex li .info span.off{font-size: 30px;color: #006db8}
.product-tjindex li:nth-child(2) .pic{height: 50%;width: 100%}
.product-tjindex li:nth-child(2) .info{height: 50%;width: 100%}
.product-tjindex li:nth-child(3) .pic{height: 50%;width: 100%}
.product-tjindex li:nth-child(3) .info{height: 50%;width: 100%}

.homeb{background: #f2f5f9;padding-bottom: 40px;padding-top: 80px}
.homeb .in-tit{padding: 35px 0 25px;background: url(../images/logoa.png) no-repeat top center;margin-bottom: 15px;background-size: auto 100%}
.homeb .tabnav{margin-bottom: 40px}
.homeb .tabnav a{font-size: 18px;display: inline-block;line-height: 45px;padding: 0 40px;border-radius: 30px;margin: 0 20px}
.homeb .tabnav a.active{background: #1783db;color: #fff}

.homeb .proList li{width: 23.875%;margin-right: 1.5%;display: flex;position: relative;margin-bottom: 25px;background: #fff}
.homeb .proList li:nth-child(1){width: 49.25%;background: #fff}
.homeb .proList li:nth-child(1) .pic{width: 50%}
.homeb .proList li:nth-child(1) .info{width: 50%;padding: 20px 5% 20px 0}
.homeb .proList li:nth-child(1) .info h4{font-size: 24px;line-height: 1.4em}
.homeb .proList li:nth-child(1) .info h4:after{content: '';display: block;width:25px;height: 3px;background: #1783db;margin-top: 20px}
.homeb .proList li:nth-child(1) .info h4 span{display: block;}
.homeb .proList li:nth-child(1) .info p{color: #949fb1;line-height: 1.6em;margin-top: 20px;max-height: 50px\0}
.homeb .proList li:nth-child(3){margin-right: 0}
.homeb .proList li:nth-child(7){margin-right: 0}
.homeb .proList li .con{position: absolute;top:0;left: 0;right: 0;height: 30%; z-index: 5;text-align: center;transition: .3s;padding: 0 5%}
.homeb .proList li .con i{font-size: 12px;opacity: 0;visibility: hidden;transition:font-size opacity visibility  .3s}
.homeb .proList li .con h4{font-size: 16px;transition:font-size margin .3s;color: #949fb1}
.homeb .proList li:hover .con h4{font-size: 20px;margin-top: 40px;color: #fff}
.homeb .proList li:hover .con i{font-size: 40px;opacity: 1;visibility:inherit;}
.homeb .proList li:hover .con{background: rgba(0,109,184,.65);color: #fff;height: 100%}
.homec{
  background: url(../images/wave1.png)  no-repeat bottom center,
  url(../images/wave2.png) no-repeat top center;background-size: 100% auto;padding-bottom: 13%;padding-top: 12%}
.homec .aleft{width: 40%}
.homec .aleft img {max-width: 100% !important;}
.homec .aleft .play{display: block;width: 73px;height: 73px;position: absolute;left: 50%;top: 50%;margin-left: -36px;margin-top: -36px;z-index: 3;background: url(../images/play.png) no-repeat center;}
.homec .aleft .lineimg{position: absolute;right: 3%;bottom: -17%;z-index: 3;width: 80%}
.homec .aright{width: 57%;padding-right: 7.25%;background: url(../images/logpp.png) no-repeat bottom left;
  background-size: 88% auto;padding-bottom: 5%}
.homec .aright .tit{font-size: 36px;margin-bottom: 30px}
.homec .aright .tit span{color:#949fb1;margin-left: 15px;padding-left: 25px;position: relative;}
.homec .aright .tit span:before{content: '';position: absolute;left: 0;top:50%;width: 8px;height: 8px;border: 2px solid #949fb1;border-radius: 50%;margin-top: -5px}
.homec .aright .desc{color:#949fb1;line-height: 1.8em;margin-bottom: 30px;font-size: 14px }
.homec .aright .pic{border-radius: 15px;overflow: hidden;}
.homec .aright .p{font-size: 18px;margin-top: 35px;text-align: center}
.homec .aright .p span{font-size: 48px;font-weight: bold;line-height: 1em;margin-right: 4px}

.c-slide .swiper-pagination-cus{margin-top: 45px}
.c-slide .swiper-pagination-cus div{margin: 0 10px;color:  #39a2eb}
.c-slide .swiper-pagination-cus .swiper-pagination-bullets{position: static;padding-top: 10px}
.c-slide .swiper-pagination-cus .swiper-pagination-bullets span{height:1px;width: 55px;display:block;background: #39a2eb;position: relative;border-radius: 0;}
.c-slide .swiper-pagination-cus .swiper-pagination-bullets span.swiper-pagination-bullet-active{height: 3px;position: relative;top:-1px;}
.c-slide .next-btn,.c-slide .prev-btn{cursor: pointer;}
.c-slide .next-btn i,.c-slide .prev-btn i{font-size: 16px;color:  #39a2eb}
.c-slide .swiper-slide img{width: 100%}





.homed{background: #f2f5f9}
.homed .aleft{width: 41.25%}
.homed .aleft .news-top .pic{height: 292px;margin-bottom: 40px}
.homed .aleft .news-top .pic img{display: none}
.homed .aleft .news-top .info .time{width: 80px;font-size: 28px;color: #949fb1}
.homed .aleft .news-top .info .txt{width: calc(100% - 120px);}
.homed .aleft .news-top .info .txt h4{font-size: 20px;margin-bottom: 15px}
.homed .aleft .news-top .info .txt p{font-size:14px;color: #949fb1;line-height: 1.7em;max-height: 46px\0;}
.homed .aright{width: 52%}
.homed .aright li {border-top: 1px solid #d4d9e2;padding: 40px 0}
.homed .aright li:first-child{border-top: 0;padding-top: 0}
.homed .aright li:last-child{padding-bottom: 0}
.homed .aright li .time{width: 80px;font-size: 28px;color: #949fb1;text-align: center}
.homed .aright li .time time{display: block;text-align: center}
.homed .aright li:hover .time time,.homed .aright li:hover .txt h4 a{color: #006db8}
.homed .aright li .time .more{font-size: 24px;color: #949fb1;}
.homed .aright li .txt{width: calc(100% - 120px);}
.homed .aright li .txt h4{font-size: 20px;margin-bottom: 15px}
.homed .aright li .txt p{font-size:14px;color: #949fb1;line-height: 1.7em;max-height: 46px\0;}



@media screen and (max-width:1600px){
.product-tjindex li .info h4{font-size: 30px;}
.product-tjindex li .info p{font-size: 26px;}
.product-tjindex li .info span.off{font-size: 26px;}
.homec{padding-bottom: 10%}
}
@media screen and (max-width:1366px){
.homeb .proList li:nth-child(1) .info h4{font-size: 20px}
.homeb .proList li:hover .con h4{font-size: 18px;}
.homeb .proList li:hover .con i{font-size: 35px;}

.homec .aright .p span{font-size: 30px}
.homec{padding-bottom: 6%}
}


@media screen and (max-width:1279px){
.homea{padding-top: 60px}
.product-tjindex li .info h4{font-size: 22px;}
.product-tjindex li .info p{font-size: 16px;}
.product-tjindex li .info span.off{font-size: 16px;}
.homeb{padding-top: 60px}
.homeb .tabnav a {
    font-size: 16px;
    line-height: 40px;
    padding: 0 30px;
    margin: 0 15px;
}
.homeb .in-tit{padding: 25px 0 15px;margin-bottom: 15px}
.homeb .proList li:nth-child(6){display: none}
.homeb .proList li:nth-child(7){display: none}
.homeb .proList li:nth-child(2){margin-right: 0}
.homeb .proList li:nth-child(5){margin-right: 0}
.homeb .proList li:nth-child(3){margin-right: 2%}
.homeb .proList li:nth-child(1){width: 66%}
.homeb .proList li{width: 32%;margin-right: 2%;margin-bottom: 20px}

.homec .aright .tit{font-size: 30px;margin-bottom: 10px}
.homec .aright .desc{margin-bottom: 20px}
}
@media screen and (max-width:980px){
  .in-tit{margin-bottom: 40px}
  .product-tjindex li .pic{width: 100%}
.product-tjindex li img{width: 100%}
.product-tjindex li:nth-child(1){width: 100%}
.product-tjindex li:nth-child(2){width: 100%}
.product-tjindex li:nth-child(3){width: 100%}
.product-tjindex li:nth-child(4){width: 100%}

.product-tjindex li:nth-child(2) .pic{height: auto;width: 50%}
.product-tjindex li:nth-child(2) .info{height:auto;width: 50%}
.product-tjindex li:nth-child(3) .pic{height: auto;width: 50%}
.product-tjindex li:nth-child(3) .info{height: auto;width:50%;text-align: left;}
.product-tjindex li .info{padding: 20px 5%}
.product-tjindex li .info:after{content: '';width: 100px;height:2px;left:auto;margin-top: -1px;top:50%; }
.product-tjindex li:nth-child(2) .info:after{top:auto;left: -30px}
.product-tjindex li:nth-child(3) .info:after{bottom:auto;right: -30px}

.product-tjindex li .info h4{font-size: 24px;}
.product-tjindex li .info p{font-size: 18px;}
.product-tjindex li .info span.off{font-size: 18px;}

.homec .aright{width: 92%;margin: 0 auto;padding-right: 0;}
.homec .aleft{width: 92%;margin: 0 auto;margin-bottom: 50px;padding-bottom: 5%}

.homed .aleft{width: 100%;margin-bottom: 25px}
.homed .aright{width: 100%}
.homed .aright li{padding: 25px 0}
.homed .aright li:first-child {
    border-top: 1px solid #d4d9e2 ;
    padding-top: 25px;
}
}
@media screen and (max-width:640px){
  .product-tjindex li img {
      width: 100%;
      height: 200px;
      object-fit: cover;
  }
.in-tit{margin-bottom: 40px;text-align: center}
.in-tit h4{font-size: 30px;}
.in-tit span{font-size: 14px}

.homea{padding-top: 30px}
.homeb{padding-top: 30px}
.product-tjindex li .info:after{width: 60px}
.product-tjindex li .info h4{font-size: 20px;}
.product-tjindex li .info p{font-size: 16px;}
.product-tjindex li .info span.off{font-size: 16px;}
.product-tjindex li .info{padding: 20px 0}
.product-tjindex li:nth-child(2) .info{padding-left: 5%;padding-right: 4%;}
.product-tjindex li:nth-child(3) .info{padding-right: 5%;padding-left: 4%;}
.homeb .in-tit{padding: 10px 0 0;margin-bottom:25px}
.homeb .tabnav{margin-bottom: 30px}
.homeb .tabnav a {font-size: 15px;line-height: 33px;padding: 0;margin: 0 0;width: 25%;text-align: center}
.homeb .proList li:nth-child(1) .info h4{font-size: 16px}
.homeb .proList li:nth-child(1) .info p{display: none}
.homeb .proList li:nth-child(1){width: 100%;margin-right: 0}
.homeb .proList li{width: 49%;margin-right: 2%;margin-bottom: 10px}
.homeb .proList li:nth-child(2){margin-right:2%}
.homeb .proList li:nth-child(3){margin-right:0}
.homeb .proList li .con h4{font-size: 14px}
.homeb .proList li:hover .con h4{font-size: 16px;margin-top:20px}
.homec .aright .p span {
    font-size: 26px;
}
.c-slide .swiper-pagination-cus .swiper-pagination-bullets span{width: 30px}

.homed .aright li .time{width: 65px;font-size: 22px;}
.homed .aright li .time .more{font-size: 18px;}
.homed .aright li .txt{width: calc(100% - 80px);}
.homed .aright li .txt h4{font-size: 16px;margin-bottom: 10px}
.homed .aright li .txt p{font-size:13px;}
.homed .aleft .news-top .pic{height: 200px;margin-bottom: 20px}
.homed .aleft .news-top .info .time{width: 65px;font-size: 22px;}
.homed .aleft .news-top .info .txt{width: calc(100% - 80px);}
.homed .aleft .news-top .info .txt h4{font-size: 16px;margin-bottom: 10px}
.homed .aleft .news-top .info .txt p{font-size:13px;}

}
@media screen and (max-width:480px){
.product-tjindex li .info h4{font-size: 18px;}
.product-tjindex li .info p{font-size: 14px;}
.product-tjindex li .info span.off{font-size: 14px;}
}
@media screen and (max-width:360px){
.c-slide .swiper-pagination-cus .swiper-pagination-bullets span{width: 20px}
}

/*ie11 css hack*/ 
@media all and (-ms-high-contrast:none) { 
*::-ms-backdrop, 
} 
/*ie11注意里面的标点符号*/ 
/*ie10 css hack*/ 
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { 

}