.idxwrapper{height: 100vh}
.ftheight{height: auto!important}
.banner{overflow: hidden;height: 100vh}
.banner .swiper-container{height: 100%}
.bannerimg{width: 100%;object-fit: cover;transform: scale3d(1, 1, 1);transition: all 6s cubic-bezier(0.04, 0.79, 1, 1);height: 100%}
.swiper-slide-active .bannerimg{transform: scale3d(1.15, 1.15, 1);transition: all 6s cubic-bezier(0.04, 0.79, 1, 1);}
.bannertxt{position: absolute;top: 0;left: 0;right: 0;bottom: 0;display: flex;align-items: center;z-index: 2;padding: 0 17.1875%;}
.bannertxt .weui-cell__bd{margin-top: -8%;}
.bannertxt .h1{font-size: .24rem;color: #fff;line-height: 1.333;margin-bottom: .15rem}
.bannertxt .h2{font-size: 4.685vw;color: #fff;}
.bannertxt .h3{font-size: .24rem;
    /* color: rgba(255, 255, 255, 0.4); */
    margin: .75rem 0 .2rem;color: #04c9fa;}
.bannertxt .h4{font-size: .24rem;color: #fff;}
.bannertxt .h1 span{color: #04c9fa;}
.bannertxt .h2 span{color: #04c9fa;}
.bannertxt .h4 span{color: #04c9fa;}
/* .banner .swiperbtn{width:.27rem;position: absolute;top: 50%;margin-top:-.115rem;z-index: 3;transition: all .3s} */
.banner .swiperbtn{width:.6rem; height: .6rem; border-radius: 50%; background: rgba(0,0,0,0.4); position: absolute;top: 50%;margin-top:-.115rem;z-index: 3;transition: all .3s; margin-top: -.3rem;display: flex; align-items: center; justify-content: center;}
.banner .prev{left: .47rem}
.banner .next{right: .47rem}
.banner .swiperbtn:hover{background: rgb(1, 64, 153);}
.banner .swiper-slide-active .h1{animation: fadeup 1s .2s;-webkit-animation: fadeup 1s .2s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.banner .swiper-slide-active .h2{animation: fadeup 1s .3s;-webkit-animation: fadeup 1s .3s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.banner .swiper-slide-active .h3{animation: fadeup 1s .4s;-webkit-animation: fadeup 1s .4s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.banner .swiper-slide-active .h4{animation: fadeup 1s .5s;-webkit-animation: fadeup 1s .5s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}

.index1{height:100vh;position: relative;z-index: 0;background: #333;display: flex;align-items: center;}
.index1 .bgbox{position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: -1}
.index1 .bgbox img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;transform: scale(1.05);opacity: 0;transition: all 1s;object-fit: cover;}
.index1 .bgbox img.on{transform: scale(1);opacity: 1;}
.index1 .title{display: flex;align-items: center;justify-content: center;margin-bottom: 4vw}
.index1 .title .cn{font-size: .4rem;color: #fff}
.index1 .title .line{height: .4rem;width: .03rem;background: #fff;margin: 0 .38rem}
.index1 .title .en{font-size: .22rem;color: #fff;line-height: 1}
.index1 .swiper-container{padding: 0 .47rem;}
.swiper-slide-active .index1 .title{animation: fadeup 1s .3s;-webkit-animation: fadeup 1s .3s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.swiper-slide-active .index1 .swiper-container{animation: faderight 1s .5s;-webkit-animation: faderight 1s .5s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}

.index1 .swiper-slide{width: 28.73%;margin-right: 2.9%;}
.index1 .item{position: relative;cursor: pointer;}
.index1 .item .txtbox{position: absolute;bottom: 0;left:0;right: 0;padding:0 2.2vw 3.2vw;display: flex;align-items: center;}
.index1 .item .h1{font-size:.24rem;color: #fff;line-height: 1.333}
.index1 .item .num{font-size: .22rem;color: #fff;line-height: 1}
.index1 .item .num img{width: .18rem;margin:.16rem auto 0;}


.index2 .item{position: relative;display: block;overflow: hidden;}
.index2 .item .imgbox{overflow: hidden;width:80%;height:50vh;transition: all .6s}
.index2 .item .imgbox img{width: 100%;height: 100%;object-fit: cover;}
.index2 .item .txtbox{text-align: center;width: 45%;position: absolute;right: 0;top: 50%;transform: translateY(-50%);z-index: 3}
.index2 .item .h1{font-size: .14rem;color: #999;transition: all .3s}
.index2 .item .h2{font-size: .22rem;color: #333;margin-top: .12rem;transition: all .3s}
/*.index2 .item:nth-child(even) .imgbox{float: right;}*/
.index2 .item:nth-child(even) .txtbox{right: auto;left: 0;}
.index2 .item:after{content:"";width: 45%;background: #fff;right: 0;top: 0;bottom: 0;transition: all .6s;position: absolute;}
.index2 .item:nth-child(even):after{right:auto;left: 0}
.index2 .item:nth-child(even) .imgbox{float: right;}

@media(max-width: 1025px){
    .idxwrapper{height: auto;}
    .idxwrapper>.swiper-wrapper{-webkit-flex-flow: column wrap;-ms-flex-flow: column wrap;flex-flow: column wrap;}
    .bannerimg{height: 50vh}
    .banner{height: 50vh}
    .index1{height: auto;padding: 10vw 0}
    .index2 .item .imgbox{height:35vw}
}
@media (max-width: 767px){
    .index1{height: auto;padding: .6rem 0}
    .index1 .title .line{width: 2px;margin: 0 15px;}
    .index1 .title .cn{font-size: 18px;}
    .index1 .title .en{font-size: 13px}
    .index1 .title{margin-bottom: .5rem}
    .index1 .swiper-slide{width: 50%;margin-right: 4%}
    .banner{height: 400px}
}
@media (min-width: 1000px){
    .banner .prev:hover{transform: translateX(-5px);}
    .banner .next:hover{transform: translateX(5px);}
    .index2 .item:hover:after{width: 0}
    .index2 .item:hover .txtbox .h1{color: #fff}
    .index2 .item:hover .txtbox .h2{color: #fff}
    .index2 .item:hover .imgbox{width: 100%}
}




.banner2{position: relative;overflow:hidden;}
.banner2 .container{position: absolute;top: 0;left: 0;bottom: 0;right: 0;display: flex;align-items: center;}
.banner2 .banner2box{display: flex;align-items: flex-end;flex: 1;padding-bottom: .3rem;border-bottom: 1px solid #d4d4d4}
.banner2 .h1{font-size:4vw;color: #fff;text-transform: uppercase;font-family: "GilmerBold";font-weight: 600}
.banner2 .navs{display: flex;align-items: center;}
.banner2 .navs a{font-size: .16rem;color: #fff;transition: all .3s;line-height: .32rem;display: block;}
.banner2 .navs img{width: .09rem;margin: 0 .15rem}
.banner2 .navs a.on{background:#fff;border-radius: .5rem;color: #333;padding: 0 .2rem;}

.news1{padding: .7rem 0 .6rem;}
.news1 .container{position: relative;}
.news1 .item:nth-child(1){width: 70%;}
.news1 .item:nth-child(2){width: 28.18%;position: absolute;top:0;right: 0;}
.news1 .item:nth-child(3){width: 28.18%;position: absolute;right: 0;bottom: 0}
.news1 .item .time{font-size: 12px;color: #999;line-height: 1;margin: .18rem 0 .12rem}
.news1 .item .h1{font-size: .18rem;color: #333;transition: all .3s;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.news1 .item{display: block;}
.news1 .item .imgbox{overflow: hidden;}
.news1 .item .imgbox img{transition: all .3s}
.news2 .row{margin:-.15rem;overflow: hidden;}
.news2 .col-sm-6{padding:.15rem;}
.news2{padding: 1rem 0 .45rem;background: #e7e7e7}
.news2 .item{background: #fff;display:flex;align-items: center;padding: .48rem .48rem .48rem 3.5vw;transition: all .3s}
.news2 .item .time{margin-right: 2.5vw;text-align: center;}
.news2 .item .h2{font-size: 12px;color: #000;font-family: "DIN";transition: all .3s;margin-top: .05rem}
.news2 .item .h3{font-size: .46rem;color: #000;font-family: "DIN";transition: all .3s}
.news2 .item .h1{font-size: .18rem;color: #333;transition: all .3s;margin-bottom: .12rem}
.news2 .item p{font-size: .16rem;color: #999;transition: all .3s;line-height: 1.5;}
.news3{padding: .72rem 0 .57rem;background: #eee}
.news4{background: #fff;padding: 0 .62rem}
.news4top{padding: .42rem 0;border-bottom: 1px solid #e3e3e3;display: flex;align-items: center;}
.news4top .h1{font-size: .24rem;color: #333;}
.news4top .h2{font-size: .14rem;color: #999;margin-top: .14rem;}
.news4top .share{position: relative;width: 1.22rem;}
.news4top .share a{position:absolute;top: 0;bottom: 0;width: 20%;}
.news4top .share>div a:nth-child(1){left: 0}
.news4top .share>div a:nth-child(2){left: 26%}
.news4top .share>div a:nth-child(3){left: 54%}
.news4top .share>div a:nth-child(4){right: 0%}
.news4content{padding: .4rem 0 .6rem}
.news4content img{display: inline-block;}
.news5{padding:10px .2rem;position: relative;}
.news5 .swiperbtn{position: absolute;top: 50%;width:.36rem;height: .36rem;border-radius: 50%;box-shadow: 5.7px 8px 7px 0px rgba(23, 22, 22, 0.05);margin-top: -.18rem;cursor: pointer;z-index: 5}
.news5 .swiperbtn img{position: absolute;top: 0;left: 0;transition: all .3s}
.news5 .swiperbtn img:nth-child(2){opacity: 0}
.news5 .prev{left:0;}
.news5 .next{right:0;}
.news5 .item{display:flex;align-items: center;justify-content: center;background: #fff;padding: 3.5vw 0;transition: all .3s}
.news5 .item .h3{font-size: .27rem;color: #000;font-family: "DIN";transition: all .3s;font-weight: 600}
.news5 .item .h2{font-size: 12px;color: #000;font-family: "DIN";transition: all .3s;font-weight: 600;margin-top: .05rem;}
.news5 .item .time{text-align: center;margin-right: 2.2vw}
.news5 .item .h1{width: 1.6rem;font-size: .16rem;line-height: 1.5;color: #333;transition: all .3s}

.expo{background: #f0f0f0;padding: 1.1rem 0 .45rem;}
.expobox .item{box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.05);display: flex;align-items: center;padding: .33rem 2.5vw .33rem 4vw;background: #fff;margin-top: .1rem;transition: all .3s}
.expobox .item:first-child{margin-top: 0;}
.expobox .item .h4{font-size: .32rem;color: #333;font-family: "DIN";font-weight: 600}
.expobox .item .h3{font-size: .16rem;color: #333;font-family: "DIN";font-weight: 600;margin-top: .12rem;}
.expobox .item .h1{font-size: .26rem;color: #333;font-weight: 600;transition: all .3s}
.expobox .item .h2{font-size: .16rem;color: #333;margin-top:10px;}
.expobox .item .time{text-align: center;margin-right: 12vw}
.expobox .item .imgbox{width: 23.2%;}
.expobox .item .imgbox img{width: 100%;height: 100%;object-fit: cover}
.expobox .item .jiantou{width: .08rem;margin-left: 2.3vw}

@media (min-width: 1000px){
/*	.banner2 .navs a:hover{color: #02509f}*/
	.news1 .item:hover .imgbox img{transform: scale(1.05);}
	.news1 .item:hover .h1{color: #02509f}
	.news2 .item:hover{background: #02509f;transform: translateY(-5px);}
	.news2 .item:hover .h1{color: #fff}
	.news2 .item:hover .h2{color: #fff}
	.news2 .item:hover .h3{color: #fff}
	.news2 .item:hover p{color: #fff}
	.news5 .swiperbtn:hover img:nth-child(2){opacity: 1}
	.news5 .swiperbtn:hover img:nth-child(1){opacity: 0}
    .news5 .item:hover .h1{color: #fff}
    .news5 .item:hover .h2{color: #fff}
    .news5 .item:hover .h3{color: #fff}
    .news5 .item:hover{background: #014099}
	.expobox .item:hover{transform: translateY(-5px);}
	.expobox .item:hover .h1{color: #02509f}
}

@media (max-width:767px){
    .banner2img{height:300px;object-fit: cover;}
    .banner2 .banner2box{display: block;padding-bottom: 15px}
    .banner2 .h1{font-size: 9vw}
    .banner2 .navs a{font-size: 12px;}
    .banner2 .navs img{width: 6px;}
    .banner2 .navs a{line-height: 24px}
    .banner2 .navs{margin-top: 3vw}
    .index2 .item .imgbox{width: 100%;height: 40vw}
    .index2 .item .txtbox{position: static;transform:none;width: 100%;padding: 24px 0}
    .index2 .item:after{display: none;}
    .index2 .item .h1{font-size: 13px;}
    .index2 .item .h2{font-size: 15px;}
    .index2 .item:nth-child(even) .imgbox{float: none;}
    .news1 .item{position: static!important;width: 100%!important}
    .news1{padding: .5rem 0}
    .news2{padding: .5rem 0}
    .news1 .item:not(:first-child){margin-top:.3rem}
    .news1 .item .h1{font-size: 13px}
    .news1 .item .time{margin: 12px 0 10px}
    .news2 .item .h1{font-size: 13px;margin-bottom: 8px}
    .news2 .item p{font-size: 12px}
    .news2 .item{padding: .4rem .32rem}
    .news2 .item .h3{font-size: 26px;}
    .news2 .item .time{margin-right: .3rem}
    .news3{padding: .5rem 0}
    .news4{padding: 0 .4rem}
    .news4content{padding: .3rem 0 .4rem}
    .news4top{padding: .4rem 0;display: block;}
    .news4top .h1{font-size: 16px;}
    .news4top .h2{font-size: 12px;margin-top: .15rem}
    .news4top .share{width: 1.5rem;margin-top: .15rem;}
    .news5 .item .h3{font-size: 20px}
    .news5 .item .h1{font-size: 13px;width: auto;max-width: 45%}
    .news5 .item .time{margin-right: 6%;}
    .news5 .item{padding: .4rem 0}
    .news5 .swiperbtn {width: 26px;height: 26px;margin-top:-13px}
    .expo{padding: .6rem 0}
    .expobox .item{padding:.33rem .3rem}
    .expobox .item .h3{font-size: 12px;}
    .expobox .item .h2{font-size: 12px;}
    .expobox .item .imgbox{display: none;}
    .expobox .item .time{margin-right: 8vw}
    .expobox .item .jiantou{margin-left: 6vw}
}


.searchcon{padding: .9rem 0;background: #eee}
.search2{margin: 0 10vw;background: #fff;display: flex;align-items: center;height:.66rem;border-radius: .4rem;padding-right: .35rem;box-shadow: 5.736px 8.192px .38rem 0px rgba(23, 22, 22, 0.05);}
.search2 img{width:.25rem;}
.search2 input{font-size: .18rem;text-align: center;padding: 0 .35rem;color: #333;flex: 1;background: none}
.search2 input::placeholder{color: #999}
.searchcon .title1{font-size: .36rem;color: #333;margin:5vw 0 3vw;text-align: center;}
.search3 .item{background: #fff;width: 1.85rem;line-height: .46rem;font-size: .16rem;color: #333;border-radius: .1rem;text-align: center;margin: 0 3.5px;cursor: pointer;}
.search3{display: flex;align-items: center;justify-content: center;margin-bottom: 10px}
.search3 .item.on{background: #014099;color: #fff}
.search4{background: #fff;border-radius: .1rem;padding-top: .48rem;}
.search4-3 .item{padding:0 2vw 0 3vw;display: flex;align-items: center;height: .7rem;border-bottom: 1px solid #e2e2e2;font-size: .16rem;color: #333}
.search4-1 select{width: 1.85rem;height: .46rem;border-radius:.1rem;border:1px solid rgb(221,221,221);padding: 0 .15rem;display: block;margin: 0 .11rem;font-size: .16rem}
.search4-1 select{appearance:none;-moz-appearance:none;-webkit-appearance:none;background: url(../images/down.png) no-repeat 93% center;background-size:9px}
.search4-1{display: flex;align-items: center;justify-content: center;margin-bottom: .35rem}
.search4-2{padding:0 2vw 0 3vw;display: flex;align-items: center;font-size: .16rem;color: #333;height: .4rem;background: #eee}
.search4 .col1{width: 34%;padding-right: .2rem}
.search4 .col2{width: 44%;}
.search4 .col3{width: 22%;}
.search4 .col4{width: 1.18rem;}
.search4-3 .item .btn1{transition: all .3s;width: 1.18rem;line-height: .3rem;border:1px solid rgb(202,202,202);border-radius: .1rem;text-align: center;font-size: .14rem;color: #333}
.search4 .pagebox{margin-top: .7rem;padding: 0 .55rem}
.searchcon .title2{font-size: .22rem;color: #333;text-align: center;margin: .6rem 0 .35rem;}
.search5{display: flex;align-items: center;justify-content: space-around;}
.search5 .item{display: block;width: 49.3%;background: #fff;position: relative;border-radius: .2rem;height:1.38rem;transition: all .3s}
.search5 .item img{position: absolute;top: 0;left: 0;bottom: 0;right: 0;margin: auto;max-width: 35%;max-height: 60%}
.search6{background: #fff;margin-top: .66rem;border-radius: .1rem}
.search6-1{padding:.6rem .7rem 6vw}
.search6-1top{display: flex;align-items: center;margin-bottom: .6rem}
.search6-1top .h1{font-size: .26rem;color: #333}
.search6-1top .h2{font-size: .16rem;color: #333;margin-top: .12rem}
.search6-1top .h3{font-size: .16rem;color: #333}
.search6-1top .h4{font-size: .4rem;color: #333;margin-top: .1rem}
.search6-2{font-size: .16rem;line-height: 2;color: #333}
.search6-3{padding: .42rem .7rem .6rem;border-top: 1px solid #eee}
.search6-3 .h1{font-size: .26rem;margin-bottom: .6rem;color: #333}
.search6-3form{max-width: 5.15rem;}
.search6-3form .item{display: flex;align-items: center;margin-bottom: .25rem}
.search6-3form .item input{flex: 1;font-size: 12px;height: 31px;padding: 0 10px;color: #333;border: 1px solid #ddd}
.search6-3form .item input::placeholder{color: #ddd}
.search6-3form .item .txt1{font-size: 12px;color: #333;margin-right: .14rem}
.search6-3form .item .txt1 em{color: red}
.search6-3form .item .file1{text-align: center;position: relative;width:80px;border: 1px solid #ddd;border-radius: .03rem;font-size:12px;color: #333;line-height:31px;}
.search6-3form .item .file1 input{position: absolute;top: 0;left: 0;bottom: 0;right: 0;opacity: 0}
.search6-3form .item .filename{font-size:12px;color: #bababa;margin-left: .15rem}
.search6-3form .subbtn{background: #014099;width: 1.85rem;line-height: .46rem;font-size: .16rem;color: #fff;border-radius: .1rem;text-align: center;cursor: pointer;transition: all .3s}

@media (max-width: 1000px){
    .search4 .col1{width: 40%}
    .search4 .col2{width: 38%}
}
@media (min-width: 1000px){
    .search4-3 .item .btn1:hover{background: #014099;border-color: #014099;color: #fff}
    .search5 .item:hover{transform: translateY(-5px);}
    .search6-3form .subbtn:hover{transform: translateY(-5px);}
}

@media (max-width: 767px){
    .searchcon{padding: .6rem 0}
    .search2 input{font-size: 13px;}
    .searchcon .title1{font-size: 20px;margin: 25px 0 15px}
    .search3 .item{font-size: 13px;line-height: 32px}
    .search4 .col2{display: none;}
    .search4 .col3{display: none;}
    .search4 .col1{width: 100%;}
    .search4 .col4{display: none;}
    .search4-2{padding:0 15px;font-size: 13px;height: 36px}
    .search4-3 .item{font-size: 12px;padding:12px 15px;height: auto}
    .search4-1 select{height: 32px;font-size: 13px;margin: 0 3.5px}
    .search4-3 .item .btn1{font-size: 12px;width: 80px;line-height: 24px}
    .search4 .pagebox{margin-top: .5rem;padding: 0 15px}
    .searchcon .title2{font-size: 15px;margin: .5rem 0 .3rem}
    .search5 .item{width: 48%;height: 1.2rem;}
    .search5 .item img{max-width: 45%}
    .search6{margin-top: .5rem;}
    .search6-1{padding: .4rem}
    .search6-1top .h1{font-size: 15px}
    .search6-1top .h2{font-size: 12px;}
    .search6-1top .h3{font-size: 12px}
    .search6-1top .h4{font-size: 20px}
    .search6-1top{margin-bottom: .4rem}
    .search6-2{font-size: 12px}
    .search6-3{padding: .4rem}
    .search6-3 .h1{font-size: 15px;margin-bottom: .4rem}
    .search6-3form .subbtn{line-height: 32px}
}

.contact{padding: 10.4vw 0 5.2vw;background: #eeeeee;}
.contact .title1{font-size: 2.4vw;color: #333;text-align: center;margin-bottom: .8rem;}
.cta1 .col-md-2{padding: 0 5px;margin-bottom: 10px;}
.cta1{padding: 0 2vw;margin-bottom: 4.5vw}
.cta1 .item{line-height: .46rem;font-size: .16rem;color: #333;background: #fff;border-radius:.1rem;transition: all .3s;text-align: center;cursor: pointer;overflow: hidden;position: relative;z-index: 0}
.cta1 .item:after{content:"";width: 0;top: 0;bottom: 0;background: #014099;transition: all .3s;position: absolute;left: 0;z-index: -1}
.cta1 .item.on:after{width: 100%}
.cta1 .item.on{color: #fff}
.cta2 img{margin: 0 auto;}
.cta2{position: relative;}
/* .cta2 .item{position: absolute;top: 40%;left: 50%;width: 5rem;height: 1.7rem;background: #014099;border-radius: .1rem;margin-left: -2.5rem;margin-top: -.85rem;padding: .3rem .28rem;transition: all .5s;opacity: 0;transform: translateY(25%);} */
/* .cta2 .item.on{transform: translateY(0);opacity: 1} */
.cta2 .item{position: absolute;top: 40%;left: 50%;width: 5rem;background: #014099;border-radius: .1rem;padding: .3rem .28rem;transition: all .5s;display: none;}
.cta2 .item p{font-size: .16rem;color: #fff;line-height: 2}

.cta2 .item.on{display: block;}
.contact2 .item{float: left;width: 25%;padding: 4vw 0;text-align: center;}
.contact2 .item .h1{font-size: .16rem;color: #014099}
.contact2 .item p{font-size: .16rem;color: #333;margin-top: .15rem}

.culbox{padding: 5vw 0 0 0}
.culbox .item{margin-bottom: 5vw}
.culbox .item .num{font-size:.24rem;font-family: "GilmerBold";color: #333;font-weight: 600;margin-bottom: 5vw}
.culbox .item:nth-child(odd) .num{text-align: right;}
.culbox .item .num .container{position: relative;}
.culbox .item .num .container:after{content:"";width: .3rem;height: .03rem;background: #333;position: absolute;top: 50%;margin-top: -.015rem}
.culbox .item:nth-child(odd) .num .container:after{left: 0}
.culbox .item:nth-child(even) .num .container:after{right: 0}
.culbox .item .box{overflow: hidden;position: relative;}
.culbox .item .txtbox{position: absolute;top: 50%;transform: translateY(-50%);max-width: 3.4rem}
.culbox .item .imgbox{max-width: 60%;}
.culbox .item:nth-child(odd) .imgbox{float: right;}
.culbox .item:nth-child(even) .imgbox{float: left;}
.culbox .item .h1{font-size: .24rem;color: #014099;margin-bottom:.1rem;}
.culbox .item p{font-size: .16rem;color: #333;line-height: 1.75}
.culbox .item:nth-child(odd) .txtbox{left: 14.427%;}
.culbox .item:nth-child(even) .txtbox{right: 14.427%;text-align: right;}

@media (min-width: 640px){
   .culbox .item:nth-child(odd) .txtbox{left: 8.3%;}
.culbox .item:nth-child(even) .txtbox{right: 8.3%;}
}
@media (min-width: 1200px){
   .culbox .item:nth-child(odd) .txtbox{left: 12%;}
.culbox .item:nth-child(even) .txtbox{right: 12%;}
}
@media (max-width: 767px){
    .contact .title1{font-size:18px;margin-bottom: .5rem}
    .contact{padding: .6rem 0}
    .cta1 .item{font-size: 12px;line-height: 32px}
    .cta1{padding: 0;}
    .cta1{margin-bottom: .5rem}
    .cta2 .item{margin-top: -1.1rem;top:45%;}
    .cta2 .item p{font-size: 12px;}
    .contact2{padding: .35rem 0}
    .contact2 .item{width:50%;padding: .25rem 0}
    .contact2 .item .h1{font-size: 12px}
    .contact2 .item p{font-size: 12px}
    .culbox{padding: .5rem 0 .2rem}
    .culbox .item .num{text-align: left!important;}
    .culbox .item .num .container:after{right: 0!important;left: auto!important}
    .culbox .item .num{font-size: 15px;margin-bottom:15px}
    .culbox .item .txtbox{position: static;transform: none;max-width: none;text-align: left!important;margin-top: 15px}
    .culbox .item .imgbox{float: none!important;max-width: none;}
    .culbox .item .box{padding: 0 15px;}
    .culbox .item .h1{font-size: 15px;}
    .culbox .item p{font-size: 12px;}
    .cta2 .item{position: absolute;top: 40%;left: 5%;width: 90%;background: #014099;border-radius: .1rem;margin-top: -.85rem;padding: .3rem .28rem;transition: all .5s;opacity: 0;transform: translateY(25%); display: block;}
    .cta2 .item.on{transform: translateY(0);opacity: 1}
}

.subnav1{display: flex;align-items: center;justify-content: center;margin: .45rem 0 .36rem}
.subnav1 a{display:block;position: relative;padding:.32rem .12rem;line-height: 1;font-size: .24rem;color: #333;transition: all .3s;margin: 0 6vw}
.subnav1 a:after{content:"";background: #02509f;height: .04rem;position: absolute;bottom: 0;left: 0;width: 0;transition: all .3s}
.subnav1 a.on:after{width: 100%;}
.subnav1 a.on{color: #02509f}
.core2{padding: 1.4rem 0 0}
.coretitle{text-align: center;}
.coretitle img{width:.43rem;margin: 0 auto;}
.coretitle .h1{font-size: .32rem;color: #333;line-height: 1;margin-top: .2rem}
.core1-1{padding: 0 .2rem}
.core1-1 .item{position: relative;}
.core1-1 .item .container{position: absolute;top: 0;left: 0;right: 0;bottom: 1.05rem;display: flex;align-items: center;}
.core1-1 .item .title{font-size: .32rem;color: #fff;padding-left: 7.5vw}
.core1-1 .swiper-pagination{bottom: 1.7rem!important;font-size: 0}
.core1-1 .swiper-pagination .swiper-pagination-bullet{margin: 0 6px;background: rgba(255,255,255,302);}
.core1-1 .swipernum{position: absolute;top: 0;bottom: 1.05rem;display: flex;align-items: center;z-index: 4;text-align: center;right: 22.8%}
.core1-1 .swipernum .h1{font-size: .18rem;color: #fff}
.core1-1 .swipernum .h2{font-size:12px;color: #fff;margin-top: 5px;}
.core1-1 .swiper-slide-active .item .title{animation: fadeup 1s;-webkit-animation: fadeup 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.core1-2{background: #fff;box-shadow: 0.927px 2.853px .6rem 0px rgba(6, 0, 1, 0.13);padding: .75rem 0;text-align: center;margin-top: -1.05rem;margin-bottom: 1rem;position: relative;z-index: 4}
.core1-2 .h1{font-size: .24rem;color: #1c5ba5;}
.core1-2 .h2{font-size: .16rem;color: #333;margin-top: .18rem}
.core1line{height:.03rem;background: #e8e8e8;margin-bottom: .8rem;}
.core1-3{margin-top: 4vw}
.core1-3 .item{display: flex;align-items: center;justify-content: center;padding: 2vw 0}
.core1-3 .item .imgbox{max-width:65%;position: relative;box-shadow:-.15rem 0px .2rem 0px rgba(0,0,0,.15)}
.core1-3 .item .imgbox .logo{position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;max-width: 50%;}
.core1-3 .swiper-pagination{position: static;margin-top:.35rem;font-size: 0}
.core1-3 .swiper-pagination .swiper-pagination-bullet{width:13px;height: 13px;opacity: 1;margin:0 .085rem!important;border: 2px solid rgba(51,51,51,.23);background: none}
.core1-3 .swiper-pagination .swiper-pagination-bullet-active{background: #668fc0;border-color:#668fc0;}


.core1-4 .coretitle .h1{font-size: .26rem;}
.core1-4{display: flex;align-items: center;justify-content: center;padding: 7.5vw 0 4vw}
.core1-4 .imgbox{position: relative;max-width: 70%;}
.core1-4 .coretitle{position: absolute;top:50%;left: 50%;transform: translate(-50%,-50%);}
.core1-5{padding-bottom: .6rem;}
.core1-5 .imgbox img{margin: auto;}
.core1-5-pbox{ margin: 15px auto;}
.core1-5-pbox .p{ font-size: 20px; line-height: 38px;}
.core2-1{padding-top: 7.5vw}
.core2-1box{padding: 7vw 0 17vw}
.core2-1box .item:not(:last-child){margin-bottom: 19.5vw;}
.core2-1box .item:first-child{margin-bottom: 13vw;}
.core2-1box .item .imgbox{width: 44.5%;position: relative;box-shadow: 0.7vw 2vw 3vw 0px rgb(6 0 1 / 25%);}
.core2-1box .item .imgbox:before{content:"";top: -8.6%;bottom: -40.4%;right: 10.7%;left: 27.4%;background: #f6f6f6;position: absolute;z-index:1}
.core2-1box .item .imgbox .num{font-family: "DIN";line-height: 0.692;text-shadow: .75vw .55vw 1.2vw rgba(6, 0, 1, 0.09);font-size: 6.77vw;position: absolute;bottom: 0;color: #fff;bottom: -29%;right: 16%;z-index: 5;}
.core2-1box .item .imgbox img{width:100%;height:100%;object-fit: cover;position: relative;z-index: 4}
.core2-1box .item .txtbox{width:40%;position: absolute;top: 50%;transform: translateY(-50%);}
.core2-1box .item .h1{font-size: .24rem;color: #333;line-height: 1.333}
.core2-1box .item .h2{font-size: .16rem;color: #333;margin-top: .15rem}
.core2-1box .item .h3 p{font-size: .16rem;color: #333;line-height: 2;}
.core2-1box .item .h3 p span{color: #014099;font-size: .14rem;margin-right: .15rem;}
.core2-1box .item .h3{margin-top: 3vw}
.core2-1box .item{position: relative;}
.core2-1box .item:nth-child(odd) .txtbox{right: 0}
.core2-1box .item:nth-child(even) .txtbox{left: 4.83%}
.core2-1box .item:nth-child(even) .imgbox{float: right;margin-right: 1.5vw}
.core2-2{padding:1.2rem 0 1.4rem;background: #f9f9f9;}
.core2-2 .title{margin-bottom:6vw}
.core2-2 .title .cn{font-size: .32rem;color: #333;margin-bottom: .1rem}
.core2-2 .title{text-align: center;}
.core2-2 .title .en{font-size: .16rem;color: #999}
.core2-2 .box1{display: flex;align-items: center;justify-content: space-between;padding: 0 4vw}
.core2-2 .item img{width: .64rem;margin: 0 auto}
.core2-2 .item .h1{font-size: .24rem;color: #333;margin: .3rem 0 .15rem}
.core2-2 .item{text-align: center;}
.core2-2 .item .h2{font-size: .32rem;color: #014099;font-weight: 600}

@media (max-width: 1200px){
  .core1-3 .swiper-pagination .swiper-pagination-bullet{width: 10px;border-width: 1px;height: 10px}
  .core1-1 .swipernum{right: 16.8%}
}

@media (min-width: 1000px){
    .subnav1 a:hover{color: #02509f}
    .subnav1 a:hover:after{width: 100%;}
}
@media (max-width: 767px){
    .subnav1{margin: .3rem 0;justify-content: space-around;}
    .subnav1 a{font-size: 13px;margin:0;padding: .3rem .1rem}
    .core1-2{margin-top: .3rem;padding: .6rem 0;margin-bottom: .6rem}
    .core1-1 .item .container{bottom: 0}
    .core1-1 .item .title{font-size: 16px}
    .core1-1 .swiper-pagination{bottom: 15px!important}
    .core1-1 .item>img{height: 200px;object-fit: cover;}
    .core1-1 .swiper-pagination .swiper-pagination-bullet{width: 6px;height: 6px;}
    .core1-1 .swipernum{bottom: 0;}
    .core1-1 .swipernum .h1{font-size: 14px;right: 14%}
    .core1-2 .h2{font-size: 12px;}
    .core1-2 .h1{font-size: 14px;}
    .coretitle img{width: 20px;}
    .coretitle .h1{font-size: 16px}
    .core1line{margin-bottom: .6rem}
    .core1-3 .swiper-pagination .swiper-pagination-bullet{width: 9px;height: 9px;margin: 0 4px!important}
    .core1-3 .item{padding: 3vw 0}
    .core1-3 .item .imgbox{max-width: 70%}
    .core1-4{padding: .6rem 0}
    .core1-4 .imgbox{max-width: 100%}
    .core1-4 .coretitle .h1{font-size: 14px;}
    .core1-3 .swiper-pagination{margin-top: .3rem}
    .core2-1{padding-top: .3rem}
    .core2-2{padding: .6rem 0}
    .core2-2 .title .cn{font-size: 16px;}
    .core2-2 .title .en{font-size: 12px;}
    .core2-2 .title{margin-bottom: .4rem}
    .core2-2 .box1{padding: 0;overflow: hidden;display: block;}
    .core2-2 .item{float: left;width: 50%;padding: .2rem 0}
    .core2-2 .item img{width: 32px;}
    .core2-2 .item .h1{font-size: 14px;margin: 15px 0 10px}
    .core2-2 .item .h2{font-size: 16px;}
    .core2-1box .item .imgbox{height: 32px!important;width: 100%;margin-right: 0!important;margin-bottom: 15px}
    .core2-1box .item .txtbox{position: static!important;width: 100%;transform: translateY(0);}
    .core2-1box .item .imgbox:before{display: none;}
    .core2-1box .item .imgbox .num{top: 0;right: auto;left: 15px;bottom: 0;line-height:32px;font-size: 14px}
    .core2-1box{padding: .5rem 0}
    .core2-1box .item .h1{font-size: 14px}
    .core2-1box .item .h2{font-size: 12px;}
    .core2-1box .item .h3 p{font-size: 12px}
    .core2-1box .item{margin-bottom: .4rem!important;}
    .core2-1box .item .h3{margin-top: 15px}

}

/*.banner2video{height:42vw;background: #333}*/
.banner2video .playbtn{width: .75rem;position: absolute;top: 0;left: 0;bottom: 0;right: 0;margin: auto;max-width:4vw;}


.solu1{position: relative;overflow: hidden;}
.solu1 .solu1box{position: absolute;top:13vw;left: 0;right: 0;text-align: center;}
.solu1 .h1{font-size: .22rem;color: #fff}
.solu1 .h2{font-size: 2.8vw;color: #fff;margin:1.25vw 0 1.6vw}
.solu1 .h2 span{color: #04c9fa}
.solu1 .h3{font-size: .18rem;color: #fff}
.solu1 .h3 span{color: #999}
.solu1 .h4{display: flex;align-items: center;margin-top: 1.4vw;justify-content: center;}
.solu1 .h4 a{display: block;width: 1.98rem;font-size:.18rem;line-height: .4rem;border: .02rem solid #fff;border-radius: .4rem;color: #fff;position: relative;margin: 0 .07rem;transition: all .3s}
.solu1 .h4 a img{position: absolute;width: .06rem;position: absolute;right: .4rem;top: 50%;margin-top:-.05rem;transition: all .3s}
.solu2{padding-top:4vw;position: relative;}
.solu2 .container{position: absolute;top: 0;left: 0;right: 0;padding-top:6vw}
.solu2 .h1{font-size:2.8vw;color: #333;text-align: center;margin-bottom: 2vw}
.solu2 p{font-size: .16rem;line-height: 1.375;color: #333;max-width: 8rem;margin: 0 auto;}
.solu3{font-size: 0;text-align: center;padding: 10vw 0 2.6vw}
.solu3 .item{position: relative;border-radius: .1rem;background: #fff;box-shadow: 0px .1rem .32rem 0px rgba(51, 51, 51, 0.21);border-bottom: 1px solid #9d9d9d;text-align: center;display: inline-block;margin:0 .32rem .7rem;width: 4.4rem;padding: .45rem .75rem 0;vertical-align: top;height: 1.66rem}
.solu3 .item img{width: .52rem;position: absolute;top:-.26rem;left: 50%;margin-left: -.26rem;}
.solu3 .item .h1{font-size: .24rem;color: #333;margin-bottom: .2rem}
.solu3 .item .h2{font-size: .16rem;color: #999;line-height: 1.375;}
.solu3 .item:nth-child(n+3){padding:.45rem .5rem 0;height: 2.12rem}
.solu4{position: relative;overflow: hidden;}
.solu4 .txtbox{position: absolute;top:50%;left: 15.6%;transform: translateY(-50%);width: 26.6%}
.solu4 .txtbox .h1{font-size: .26rem;color: #fff;margin-bottom: 1.9vw;}
.solu4 .txtbox p{font-size: .16rem;color: #fff;line-height: 1.75}
.solu5 .txtbox .h1{color: #333}
.solu5 .txtbox p{color: #333}
.solu6{padding: .7rem .46rem 0}
.solu6 .title{font-size: .36rem;color: #333;text-align: center;margin-bottom: 3vw}
.solu6 .btnbox{display: flex;align-items: center;margin-top: 5vw}
.solu6 .btnbox .item{flex: 1;height: .46rem;position: relative;border: 1px solid #999;cursor: pointer;transition: all .3s}
.solu6 .btnbox .item img{position: absolute;top: 0;left: 0;bottom: 0;right: 0;margin: auto;transition: all .3s}
.solu6 .btnbox .item:nth-child(2){border-left: 0}
.solu6 .btnbox .item img:nth-child(2){opacity: 0}
.solu6 .swiper-container{margin: 0 4vw}
.solu6 .item{display: block;text-align: center;max-width: 66%;margin: 0 auto;}
.solu6 .item .imgbox{height:13.54vw;position: relative;}
.solu6 .item .imgbox img{position: absolute;top: 0;left: 50%;transform: translateX(-50%);}
.solu6 .item .h1{font-size: .22rem;color: #333}
.solu7{padding:.9rem .46rem .65rem;}
.solu7 .title{text-align: center;font-size: .36rem;color: #333;margin-bottom: 4.5vw}
.solu7 .swiperbtn{position: absolute;width: .64rem;height: .64rem;top: 50%;margin-top: -.32rem;z-index: 5;cursor: pointer;}
.solu7 .prev{left: 3vw}
.solu7 .next{right: 3vw}
.solu7 .swiperbtn img{position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;transition: all .3s}
.solu7 .swiperbtn img:nth-child(2){opacity:0}
.solu7 .item{display: block;text-align: center;padding: 6vw 0;background: #000;transition: all .3s}
.solu7 .item .h1{font-size: .24rem;color: #fff}
.solu7 .item p{font-size:12px;color: #fff;margin-top: .16rem;}
.solu8{overflow: hidden;}
.solu9{display: flex;align-items: center;justify-content: center;padding: .4rem 0;background: #0b479d;margin-top: -.6rem;position: relative;z-index: 3}
.solu9  a{display: block;width: 1.98rem;font-size:.18rem;line-height: .4rem;border: .02rem solid #fff;border-radius: .4rem;color: #fff;position: relative;margin: 0 .1rem;transition: all .3s;text-align: center;}
.solu9  a img{position: absolute;width: .06rem;position: absolute;right: .4rem;top: 50%;margin-top:-.05rem;transition: all .3s}

@media (min-width: 1000px){
    .solu1 .h4 a:hover img{transform: translateX(5px);}
    .solu1 .h4 a:hover{background: #02509f;border-color: #02509f}
    .solu7 .swiperbtn:hover img:nth-child(1){opacity:0}
    .solu7 .swiperbtn:hover img:nth-child(2){opacity:1}
    .solu7 .item:hover{background: #02509f}
    .solu9 a:hover img{transform: translateX(5px);}
    .solu6 .btnbox .item:hover{background: #02509f;border-color: #02509f}
    .solu6 .btnbox .item:hover img:nth-child(1){opacity:0}
    .solu6 .btnbox .item:hover img:nth-child(2){opacity:1}
}

@media (max-width: 1000px){
    .solu1 .solu1box{top: 16vw}
}

@media (max-width: 767px){
    .solu1>img{height: 300px;object-fit: cover;}
    .solu1 .h1{font-size: 13px}
    .solu1 .h2{font-size: 16px;margin: 10px 0 12px}
    .solu1 .h3{font-size: 13px}
    .solu1 .h4 a img{width: 4px}
    .solu1 .h4 a{line-height: 28px;font-size: 12px}
    .solu1 .h4{margin-top: 12px}
    .solu1 .solu1box{top: 80px}
    .solu2 p{font-size: 12px}
    .solu2 .h1{font-size: 16px;margin-bottom: 15px}
    .solu2 .container{padding-top: .5rem}
    .solu2>img{height:300px;object-fit: cover;}
    .solu3 .item{margin:0 .6rem .6rem;width: auto;height: auto!important;padding-bottom: .3rem!important}
    .solu3 .item:nth-child(n+3){padding: .45rem .4rem 0}
    .solu3 .item .h1{font-size: 14px}
    .solu3 .item p{font-size: 12px}
    .solu3{padding: .8rem 0 0 0}
    .solu6{padding: .6rem 15px 0}
    .solu6 .btnbox .item{height: 30px}
    .solu6 .title{font-size: 16px;margin-bottom: .6rem}
    .solu6 .item .imgbox{height: 28vw;}
    .solu6 .item .h1{font-size: 14px}
    .solu6 .swiper-container{margin: 0}
    .solu7 .title{font-size: 18px}
    .solu7{padding: .6rem 15px}
    .solu7 .item .h1{font-size: 14px}
    .solu7 .item{padding: 10vw 0}
    .solu7 .swiperbtn{width: 32px;height: 32px}
    .solu9 a img{right: 16%}
    .solu9 a{line-height: 28px;font-size: 12px;width: 28%;margin: 0 1%}
    .solu4 .txtbox{left: 15px;width: 50%;}
    .solu4 .txtbox .h1{font-size: 15px;margin-bottom: 2vw}
    .solu5 .txtbox p{font-size: 12px}
    .solu4>img{height: 250px;object-fit: cover;}
}

.down1{padding: .9rem 0 .6rem;background: #eee}
.down1 .search2{margin-bottom: .9rem}
.down1-1{margin-bottom: .6rem}
.down1-1 .item{border-radius: .1rem;background: #fff;box-shadow: 0px .13rem .18rem 0px rgba(51, 51, 51, 0.07);display: flex;align-items: center;padding:.36rem .45rem}
.down1-1 .item .h1{font-size: .16rem;color: #333;}
.down1-1 .item .btn1{transition: all .3s;width: 1.18rem;height: .32rem;display: flex;align-items: center;justify-content: center;border:1px solid rgb(202,202,202);border-radius: .1rem;font-size: .14rem;color: #333}
.down1-1 .item .btn1 img{width: .15rem;margin-right: .08rem}
.down1title{font-size: .32rem;text-align: center;color: #333;margin-bottom: .45rem}
.down1-3{border-radius: .1rem;overflow: hidden;margin-bottom: .55rem}
.down1-3 .item{background: #fff;display: flex;align-items: center;padding:.14rem .4rem .14rem .55rem;border-bottom: 1px solid #e2e2e2}
.down1-3 .item .h1{font-size: .16rem;color: #333;}
.down1-3 .item .btn1{transition: all .3s;width: 1.18rem;height: .32rem;display: flex;align-items: center;justify-content: center;border:1px solid rgb(202,202,202);border-radius: .1rem;font-size: .14rem;color: #333}
.down1-3 .item .btn1 img{width: .15rem;margin-right: .08rem}
.down1-2{display: flex;align-items: center;justify-content: center;margin-bottom: .2rem}
.down1-2 select{width: 3.9rem;height: .65rem;background: #fff;border-radius: .1rem;font-size: .16rem;padding: 0 .36rem;margin: 0 .09rem;}
.down1-2 select{appearance:none;-moz-appearance:none;-webkit-appearance:none;background: url(../images/down2.png) no-repeat 92% center #fff;background-size:.15rem}

.down3{padding: .8rem 0;background: #eee}
.down3 .item{margin-bottom: 1px}
.down3 .item .qbox{cursor: pointer;height: .64rem;background: #fff;border-radius: .1rem;display: flex;align-items: center;padding:0 .4rem;font-size: .16rem;color: #333;position: relative;}
.down3 .item .qbox:after{content:"";width: .1rem;height: .1rem;border: 2px solid #333;border-left: 0;border-top: 0;position: absolute;right: .5rem;transition: all .3s;transform: rotate(-45deg);}
.down3 .item .en{width:.28rem;line-height: .28rem;font-size: .14rem;color: #fff;background: #999;margin-right: .2rem;border-radius: 50%;text-align: center;}
.down3 .item .abox{padding: .18rem 12vw .32rem .4rem;background: #014099;border-radius: .1rem;display: none;}
.down3 .item .abox .en{background: #fff;color: #014099}
.down3 .item .abox .h1{display: flex;align-items: center;font-size: .16rem;color: #fff;margin-bottom: .35rem}
.down3 .item .abox p{font-size: .14rem;color: #fff;line-height: 2;padding-left: .5rem}
.down3 .item .qbox.on:after{transform: rotate(45deg);}
.about{padding: 5vw 0 0 0}
.about1{display: flex;align-items: flex-start;margin-bottom: 5.5vw}
.about1 .h1{font-size: .24rem;color: #333;margin-bottom: .2rem}
.about1 .h2{font-size: .36rem;color: #014099}
.about1 img{width: 1.41rem;}
.about >img{ margin: auto;}
/*position: relative;*/
.about2{display: flex;align-items: center;justify-content: space-between;margin-bottom: 16vw}
.about2 .imgbox{position: relative;width: 49%}
.about2 .imgbox .bgimg{width: 100%;height: 100%;object-fit: cover;}
.about2 .imgbox .car{width: 153%;position: absolute;bottom:-23%;right:-40%;max-width: none;}
.about2 .txtbox{width: 39%;}
.about2 .txtbox .h1{font-size:.24rem;line-height: 1.583;color: #333;margin-bottom: 4vw}
.about2 .txtbox p{font-size: .16rem;color: #333;line-height: 1.75}
.about2:before{content:"";width: .03rem;height: .4rem;background: #333;position: absolute;top: 0;left: 0}
.about2 .title{position: absolute;top:6%;left:8.5%;z-index: 3}
.about2 .title .cn{font-size: .24rem;color: #fff}
.about2 .title .en{font-size: 2.4vw;color: #fff;font-weight: 600}
.about2 .btn1{position: absolute;left:8.9%;bottom:8%;transition: all .3s}
.about2 .btn1 .icon{width: .6rem;height: .6rem;border-radius:50%;border: .04rem solid #fff;position: relative;transition: all .3s}
.about2 .btn1 .icon img{width:.19rem;position: absolute;top: 0;left: 0;bottom: 0;right: 0;margin: auto;}
.about2 .btn1 p{font-size: .22rem;color: #fff;margin-top:1.25vw}

.about3{display: flex;align-items: center;justify-content: center;position: relative;margin-bottom: 12vw}
.about3 .txtbox .h1{font-size: .3rem;color: #333;margin-bottom: 2.5vw}
.about3 .txtbox p{font-size: .16rem;color: #333;line-height: 1.75}
.about3 .txtbox img{width: .41rem;margin-bottom: 1.5vw}
.about3 .txtbox{width: 37.5%;position: absolute;top:.75vw;right:1.5vw}

.about4{display: flex;align-items: center;margin-right:-14.427vw;margin-bottom: 4vw}
.about4 .txtbox{flex: 1;padding-right: 5vw}
.about4 .txtbox .h1{font-size: .24rem;color: #333;margin-bottom: 3vw}
.about4 .txtbox p{line-height: 2.5;font-size: .16rem;color: #333}
.about4 .txtbox p:before{content:"";width: .14rem;height: .14rem;border: .02rem solid #333;border-radius: 50%;display: inline-block;margin-right: .2rem;vertical-align: middle;}
.about4 img{max-width: 60%}
.about5 {display: flex;align-items: center;margin-bottom: 10vw}
.about5 img{max-width: 36%;}
.about5 .txtbox{flex: 1;text-align: right;}
.about5 .txtbox .h1{font-size: .24rem;color: #333;margin-bottom: 3.5vw}
.about5 .txtbox p{font-size: .16rem;color: #333;line-height: 1.75}
.about6 .title{text-align: center;margin-bottom: 1rem}
.about6 .title img{width: .39rem;margin: 0 auto;}
.about6 .title .h1{font-size: .24rem;color: #333;margin: .36rem 0 .3rem}
.about6 .title .h2{font-size: .16rem;color: #333;line-height: 1.75}
.ab6box{display: flex;align-items: flex-start;justify-content: space-around;margin-bottom: 9.5vw}
.ab6box .item .num{display: flex;align-items: center;justify-content: center;font-size: .78rem;font-family: "Bebas";color: #014099;line-height: 1;font-weight: 600}
.ab6box .item .num>div{position: relative;} 
.ab6box .item .num img{width: .34rem;position: absolute;right: -.12rem;bottom:.1rem;box-shadow: -.1rem .083rem .18rem 0px rgba(6, 0, 1, 0.47);border-radius: 50%}
.ab6box .item p{font-size: .16rem;color: #333;margin-top: .1rem}
.ab6box .item{text-align: center;}

@media (min-width: 1000px){
    .down1-1 .item .btn1:hover{transform: translateY(-5px);}
    .down1-3 .item .btn1:hover{transform: translateY(-5px);}
    .about2 .btn1:hover .icon{background: #014099;border-color: #014099;}
    .about2 .btn1:hover{transform: translateX(5px);}
}

@media (max-width: 767px){
    .down3{padding: .6rem 0}
    .down3 .item .qbox{padding: 12px 25px 12px 15px;height: auto}
    .down3 .item .en{width: 20px;line-height: 20px}
    .down3 .item .qbox{font-size: 12px}
    .down3 .item .qbox:after{right: 15px}
    .down3 .item .abox{padding:20px 15px}
    .down3 .item .abox .h1{font-size: 12px;margin-bottom: 15px}
    .down3 .item .abox p{font-size: 12px;padding-right: .3rem}
    .down1{padding: .6rem 0}
    .down1 .search2{margin-bottom: .5rem}
    .down1-1 .item{border-bottom: 1px solid #e2e2e2}
    .down1-1 .item .h1{font-size: 13px}
    .down1-1 .item{padding: .2rem .45rem}
    .down1-1 .item .btn1{width: 75px;height: 24px;font-size: 12px}
    .down1-1 .item .btn1 img{width: 12px}
    .down1-1{margin-bottom: .5rem}
    .down1title{font-size: 16px;margin-bottom: .4rem}
    .down1-2 select{font-size: 13px}
    .down1-3 .item{padding: .2rem .45rem;}
    .down1-3 .item .h1{font-size: 13px}
    .down1-3 .item .btn1{width: 75px;height: 24px;font-size: 12px}
    .down1-3 .item .btn1 img{width: 12px}
    .banner2video .playbtn{top: 50%;margin-top:-.4rem;right: 15px;left: auto;bottom: auto;width:32px;max-width:none;}
    .about1 .h2{font-size: 16px}
    .about1 .h1{font-size: 14px;margin-bottom: 10px}
    .about{padding: .6rem 0 0 0}
    .about1 img{width: 1.4rem;margin-left: 15px}
    .about2{display: block;}
    .about2 .txtbox{width: 100%}
    .about1{margin-bottom: .6rem}
    .about2:before{display: none;}
    .about2 .txtbox p{font-size: 12px}
    .about2 .imgbox{width: 60%;margin:.5rem auto 0}
    .about2 .title .en{font-size: 14px;}
    .about2 .title .cn{font-size: 15px;}
    .about2 .imgbox .car{right: -55%}
    .about2 .btn1 p{font-size: 13px}
    .about3{display: block;margin-bottom: 6vw}
    .about3 .txtbox{position: static;width: 100%;margin-top: 15px}
    .about3 .txtbox img{width: 24px;margin-bottom: 10px;display: none;}
    .about3 .txtbox .h1{font-size: 16px}
    .about3 .txtbox p{font-size: 12px}
    .about4 .txtbox p{font-size: 12px;line-height: 1.857}
    .about4 .txtbox .h1{font-size: 14px}
    .about4{display: block;position: relative;margin-right: 0;padding-top: 165px;margin-bottom:20px}
    .about4 img{width: 100%;position: absolute;top: 0;left: 0;right: 0;height: 150px;object-fit: cover;max-width: none;}
    .about4 .txtbox p:before{width: 8px;height: 8px;margin-right: 10px;}
    .about5 img{width: 100%;position: absolute;top: 0;left: 0;right: 0;height: 150px;object-fit: cover;max-width: none;}
    .about5{display: block;position: relative;margin-right: 0;padding-top: 165px;margin-bottom: .5rem}
    .about5 .txtbox .h1{font-size: 14px;}
    .about5 .txtbox p{font-size: 12px}
    .about5 .txtbox{text-align: left;}
    .about6 .title .h1{font-size: 15px;margin:15px 0 12px}
    .about6 .title .h2{font-size: 12px}
    .ab6box{display: block;overflow: hidden;}
    .about6 .title{margin-bottom: .5rem}
    .ab6box .item{float: left;width: 50%;margin-bottom: 15px;}
    .ab6box .item p{font-size: 12px}
    .ab6box .item .num img{right: -.18rem;bottom: .06rem}
}

.pro1{position: relative;}
.pro1bg{overflow: hidden;}
.pro1 .pro1box{position: absolute;top:11vw;left: 0;right: 0;text-align: center;z-index:4;}
.pro1 .h1{font-size: 5.2vw;color: #fff;line-height: 1}
.pro1 .h2{font-size: .26rem;color: #fff;margin:2vw 0 .8vw}
.pro1 .h3{font-size: .16rem;color: #fff;line-height: 1.375;}
.pro1 .h4{font-size: .18rem;color: #fff;margin: 1.8vw 0 1.4vw}
.pro1 .h5{display: flex;align-items: center;margin-top: 1.4vw;justify-content: center;}
.pro1 .h5>a{display: block;width: 1.98rem;font-size:.18rem;line-height: .4rem;border: .02rem solid #fff;border-radius: .4rem;color: #fff;position: relative;margin: 0 .07rem;transition: all .3s}
.pro1 .h5>div{display: block;width: 1.98rem;font-size:.18rem;line-height: .4rem;border: .02rem solid #fff;border-radius: .4rem;color: #fff;position: relative;margin: 0 .07rem;transition: all .3s}
.pro1 .h5>a img{position: absolute;width: .06rem;position: absolute;right: .4rem;top: 50%;margin-top:-.05rem;transition: all .3s}
.pro1 .h5>div img{position: absolute;width: .06rem;position: absolute;right: .4rem;top: 50%;margin-top:-.05rem;transition: all .3s}
.tof1img{width:15.7vw;position: absolute;bottom: -2.7vw;left: 50%;z-index: 5;margin-left: -7.85vw}
.tof2 .item{float: left;width: 33.33%;text-align: center;padding:2vw 0}
.tof2 .item img{width: .6rem;margin: 0 auto}
.tof2 .item .h1{font-size: .19rem;color: #333;margin: .15rem 0 .1rem}
.tof2 .item p{font-size: .26rem;color: #333}
.tof2{padding: 9vw 0 7vw}
.tof3{position: relative;overflow: hidden;}
.tof3 .txtbox{position: absolute;width: 28.125%;left: 7.3%;top: 50%;transform: translateY(-50%);}
.tof3 .txtbox .h1{font-size: .26rem;color: #fff;margin-bottom: 1.5vw}
.tof3 .txtbox p{font-size: .16rem;color: #fff;line-height: 1.75}
.tof4{overflow: hidden;position: relative;}
.tof4 .h1{font-size: .26rem;color: #fff;margin-bottom: 1.5vw}
.tof4 p{font-size: .16rem;color: #fff;line-height: 1.75}
.tof4 .txtbox{position: absolute;top: 7vw;left: 0;right: 0;text-align: center;}
.tof5{display: flex;align-items:center;padding: 10.5vw 13vw 10.5vw 8vw;justify-content: space-between;}
.tof5 .imgbox{width: 48%;position: relative;}
.tof5 img{height: 59.5%;width: 81.25%;object-fit: cover;position: absolute;}
.tof5 img:nth-child(1){top: 0;right: 0}
.tof5 img:nth-child(2){left: 0;bottom: 0;box-shadow: 4.1vw 1.6vw 3vw 0px rgba(0, 0, 0, 0.25);}
.tof5 .right{width: 44.3%;}
.tof5 .right .h1{font-size: .36rem;color: #333;margin-bottom:2.6vw}
.tof5-1{margin-right: -2.5vw}
.tof5-1 .item{float: left;width: 50%;padding-right: 2.5vw}
.tof5-1 .item .h2{font-size: .16rem;color: #333;line-height: .38rem;border-bottom:1px solid #020b18}
.tof5-1 .item p{font-size:.22rem;padding: 1.1vw 0}
.tof6{position: relative;overflow: hidden;}
.tof6 .container{display: flex;align-items: center;position: absolute;top: 0;left: 0;right: 0;bottom: 0}
.tof6 .item{float: left;width: 33.33%;text-align: center;}
.tof6 .item img{width: .8rem;margin: 0 auto}
.tof6 .item p{font-size: .24rem;color: #fff;margin-top: .25rem}
.tof7 .title{padding: 6vw 0 5vw;font-size: .36rem;color: #333;text-align: center;}
.tof7 .swiper-slide{width: 65.625%;margin:0 .08rem}
.tof7 .item{display: block;text-align: center;padding: 6vw 0;background: #000;transition: all .3s}
.tof7 .item .h1{font-size: .24rem;color: #fff}
.tof7 .item p{font-size:12px;color: #fff;margin-top: .16rem;}
.tof7 .swiperbtn{position: absolute;width: .64rem;height: .64rem;top: 50%;margin-top: -.32rem;z-index: 5;cursor: pointer;}
.tof7 .prev{left: 19.3%}
.tof7 .next{right: 19.3%}
.tof7 .swiperbtn img{position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;transition: all .3s}
.tof7 .swiperbtn img:nth-child(2){opacity:0}
.tof8{padding: 7vw 0 .7rem;text-align: center;}
.tof8 .imgbox{margin: 0 auto;max-width:16%;}
.tof8 .h1{font-size: .36rem;color: #333;margin-top: -4vw}
.tof8 .h2{font-size: .16rem;color: #333;margin-top: .15rem}
.tof8 .btnbox{display: flex;align-items: center;justify-content: center;margin-top: 3.5vw}
.tof8 .btnbox>a{transition: all .3s;width: 2.56rem;line-height: .62rem;border: 1px solid rgba(0,0,0,.33);display: block;font-size: .16rem;color: #333;border-radius: .2rem;margin: 0 .09rem}
.tof8 .btnbox>a.on{background: #014099;border-color: #014099;color: #fff}
.tof8 .btnbox .buynow{transition: all .3s;width: 2.56rem;line-height: .62rem;border: 1px solid rgba(0,0,0,.33);display: block;font-size: .16rem;color: #333;border-radius: .2rem;margin: 0 .09rem}
.tof8 .btnbox .buynow.on{background: #014099;border-color: #014099;color: #fff}
.buynow{position: relative;}
.hs1 .h5 .buynow{color: #333;
    border-color: #333;}
.buynow .sub-navs{margin-top: .1rem;}
.buynow .sub-navs div{line-height: 1.25;}
.buynow:hover:after{content:'';top:100%;left:0;right:0;height:10px;position:absolute;}

.tof8 .btnbox .buynow1{transition: all .3s;width: 2.56rem;line-height: .62rem;border: 1px solid rgba(0,0,0,.33);display: block;font-size: .16rem;color: #333;border-radius: .2rem;margin: 0 .09rem}
.tof8 .btnbox .buynow1.on{background: #014099;border-color: #014099;color: #fff}
.buynow1{position: relative;}
.hs1 .h5 .buynow1{color: #333;
    border-color: #333;}
.buynow1 .sub-navs{margin-top: .1rem;}
.buynow1 .sub-navs div{line-height: 1.25;}
.buynow1:hover:after{content:'';top:100%;left:0;right:0;height:10px;position:absolute;}

@media (min-width: 1000px){
    .pro1 .h5>a:hover{background: #014099;border-color: #014099;}
    .pro1 .h5>a:hover img{transform: translateX(5px);}
     .pro1 .h5>div:hover{background: #014099;border-color: #014099;}
     .pro1 .h5>div:hover img{transform: translateX(5px);}
    .tof8 .btnbox>a:hover{background: #014099;border-color: #014099;color: #fff}
    .tof8 .btnbox .buynow:hover{background: #014099;border-color: #014099;color: #fff}
    .tof8 .btnbox .buynow1:hover{background: #014099;border-color: #014099;color: #fff}
    .tof7 .swiperbtn:hover img:nth-child(1){opacity:0}
    .tof7 .swiperbtn:hover img:nth-child(2){opacity:1}
    .tof7 .item:hover{background: #02509f}
}

@media (max-width: 767px){
    .tof5{padding:8vw}
    .tof5-1 .item p{font-size: 13px;}
    .tof5 .right{width: 45%}
    .pro1bg img{height: 400px;object-fit: cover;}
    .pro1 .h5>a{line-height: 28px;font-size: 12px;width: 28%;margin: 0 1%;}
    .pro1 .h5>a img{right: 16%}
    .pro1 .h3{padding: 0 15px;font-size: 12px;}
    .pro1 .h3 br{display: none;}
    .pro1 .h4{font-size: 13px;margin: 12px 0 10px}
    .pro1 .pro1box{top: 80px}
    .pro1 .h1{font-size: 7vw}
    .pro1 .h2{margin: 12px 0 10px}
    .tof1img{width: 30vw;margin-left: -15vw;bottom: -10vw}
    .tof2{padding: 10vw 0}
    .tof2 .item img{width: 36px;}
    .tof2 .item .h1{font-size: 12px}
    .tof2 .item p{font-size: 13px}
    .tof2 .item{padding: 4vw 0}
    .tof3 .txtbox{width: 60%;left: 15px}
    .tof3 .txtbox .h1{font-size: 15px;margin-bottom:10px}
    .tof3 .txtbox p{font-size: 12px}
    .tof3>img{height: 250px;object-fit: cover;}
    .tof4>img{height: 320px;object-fit: cover;}
    .tof4 .txtbox{top: 8vw}
    .tof4 p{padding: 0 15px;}
    .tof4 .h1{font-size: 15px;margin-bottom: 10px}
    .tof4 p br{display: none;}
    .tof7 .title{font-size: 16px;padding: .6rem 0 .5rem}
    .tof7 .item .h1{font-size: 14px}
    .tof7 .item{padding: 10vw 0}
    .tof7 .swiperbtn{width: 32px;height: 32px}
    .tof7 .swiper-slide{width: auto;margin: 0}
    .tof7 .swiper-container{padding: 0 25px}
    .tof7 .next{right: 35px}
    .tof7 .prev{left: 35px}
    .tof8{padding: .6rem 0}
    .tof8 .imgbox{max-width: 30vw}
    .tof8 .h1{font-size: 18px;margin-top: -10vw}
    .tof8 .h2{font-size: 13px}
    .tof8 .btnbox>a{font-size: 13px;width: 2.3rem}
     .tof8 .btnbox .buynow{font-size: 13px;width: 2.3rem}
    .tof8 .btnbox .buynow1{font-size: 13px;width: 2.3rem}
    .tof6>img{height:200px;object-fit: cover;}
    .tof6 .item img{width: 40px}
    .tof6 .container{margin: 0}
    .tof6 .item p{font-size: 13px;margin-top: .2rem}
    .tof5{padding: .6rem 15px;display: block;}
    .tof5 .right{width: 100%;margin-top: .5rem}
    .tof5-1{margin-right: -5vw}
    .tof5 .imgbox{width: 80%;margin: 0 auto}
    .tof5 .right .h1{font-size: 16px;margin-bottom:15px}
    .tof5-1 .item .h2{font-size: 12px;line-height: 30px}
    .tof5-1 .item{padding-right: 5vw}
    .tof5-1 .item p{padding:2vw 0;font-size: 13px}
    .tof8 .btnbox{margin-top: 15px}
}

.mso1{padding-bottom: 13vw}
.mso1 .pro1box{top: 10vw}
.mso1 .h4{margin: 1.3vw 0}
.mso1img{width:31.7vw;position: absolute;bottom:0;left: 50%;z-index: 5;margin-left: -15.85vw}
.mso2{overflow: hidden;position: relative;}
.mso2 .txtbox{right: 13.5vw;position: absolute;top: 50%;transform: translateY(-50%);width: 26%;text-align: center;}
.mso2 .txtbox .h1{font-size: .36rem;color: #fff;margin-bottom: 3.5vw}
.mso2 .txtbox .h2{display: flex;align-items: center;justify-content: space-between;}
.mso2 .txtbox .h2-1{font-size: 3.54vw;color: #fff;text-shadow: 0px .3vw .65vw rgba(2, 80, 141, 0.52);font-family: "DIN";line-height: 1}
.mso2 .txtbox p{font-size: .26rem;color: #fff;margin-top: .1rem}
.mso3{padding: 6vw .38rem .25rem;display: flex;align-items:flex-start;justify-content: space-between;}
.mso3 .item{margin: 0 .07rem;text-align: center;}
.mso3 .item .h1{font-size: 3.54vw;color: #0b479d}
.mso3 .item .h1 span{font-size: 1.8vw}
.mso3 .item .h2{font-size: .26rem;color: #333;margin: .1rem 0 3.5vw}
.mso3 .item p{font-size: .16rem;color: #333;padding: 1.5vw 0}
.mso4{overflow: hidden;position: relative;}
.mso4 .txtbox{position: absolute;top: 50%;left: 13vw;transform: translateY(-50%); /*left: 18vw;*/}
.mso4 .txtbox p{font-size: .16rem;color: #fff;line-height: 2}
.mso4 .txtbox .h1{font-size: .36rem;color: #fff;margin-bottom:2.3vw}
.mso5{background: url(../images/mso5bg.jpg);background-size: cover;padding: 6.5vw 4.5vw 5vw;display: flex;align-items: center;}
.mso5 img{max-width:53vw;margin-right: 4.5vw}
.mso5 .right{width: 2.94rem;}
.mso5 .right .h1{font-size: .26rem;color: #333}
.mso5 .right .item p{font-size:.16rem;color: #333;line-height: 2}
.mso5 .right .item{padding: 1.6vw .05rem;border-bottom: 1px solid #1b1b1b}
.mso5 .right .item:last-child{border-bottom: 0}
.mso6{padding:9.2vw .46rem .64rem;background: #202020;}
.mso6 .title{font-size: .36rem;color: #fff;text-align: center;margin-bottom: 4vw}
.mso6 .item p{font-size: .16rem;color: #fff;margin-top:.24rem;text-align: center;}
.mso6 .swiper-container{padding-bottom:5vw}
.mso6 .swiper-pagination{bottom: 0!important;font-size: 0}
.mso6 .swiper-pagination-bullet{width:11px;height: 11px;opacity:1;border: 2px solid rgba(217,217,217,.5);background: transparent;margin: 0 6px!important;}
.mso6 .swiper-pagination-bullet-active{background: #0b479d;border-color: #0b479d}
.mso6 .item .imgbox{overflow: hidden;}
.mso6 .item img{transition: all .3s}
.mso7 .item{background:#02509f;z-index: 0}
.mso7 .item:after{content:"";
    /* background: url(../images/mso7.jpg);background-size: cover; */
    position: absolute;top: 0;left: 0;width:100%;height: 100%;transform:scale(.6);opacity: 0;transition: all .3s}
.mso7 .swiper-slide-active .item:after{transform: scale(1);opacity: 1}
.mso7 .item .h1{position: relative;z-index: 2}
.mso7 .item p{position: relative;z-index: 2}
.mso8 .imgbox{max-width: 27.6vw}
.mso8{padding: 8.5vw 0 5.5vw}
.mso8 .h1{margin-top: 0}

@media (min-width: 1000px){
    .mso6 .item:hover img{transform: scale(1.05);}
}

@media (max-width: 767px){
    .mso5{display: block;}
    .mso1 .pro1box{top: 80px}
    .mso1 .h4{margin: 12px 0}
    .mso1 .pro1bg img{height: 360px}
    .mso1img{width: 50vw;margin-left: -25vw}
    .mso2>img{height: 250px;object-fit: cover;}
    .mso2 .txtbox .h1{font-size: 18px}
    .mso2 .txtbox{width:140px;}
    .mso2 .txtbox .h2-1{font-size: 20px}
    .mso2 .txtbox p{font-size: 15px}
    .mso3{padding: 6vw .38rem;display: block;}
    .mso3 .item .h2{font-size: 15px}
    .mso3 .item p{font-size: 13px;padding:2.5vw 0}
    .mso3 .item .h1{font-size: 5.5vw}
    .mso3 .item:first-child{margin-bottom:10px}
    .mso4>img{height: 250px;object-fit: cover;}
    .mso8 .btnbox a{width: 28%;margin: 0 1%;}
    .mso8{padding: .6rem 0}
    .mso8 .imgbox{max-width: 45vw}
    .mso6 .title{font-size: 16px;margin-bottom: .5rem}
    .mso6{padding: .6rem 15px}
    .mso6 .item p{font-size: 12px}
    .mso6 .swiper-container{padding-bottom: .7rem}
    .mso6 .swiper-pagination-bullet{width: 9px;height: 9px;margin: 0 5px!important}
    .mso4 .txtbox .h1{font-size: 16px}
    .mso4 .txtbox p{font-size: 12px}
    .mso4 .txtbox{left: .46rem}
    .mso5 .right{width: auto}
    .mso5{padding: .4rem 14vw .4rem}
    .mso5 img{max-width: 100%;margin-right: 0;margin-bottom: .5rem}
    .mso5 .right .h1{font-size: 15px;}
    .mso5 .right .item p{font-size: 12px}
    .mso5 .right .item{padding:2vw .05rem}
}


.gdj1 .pri1box{top: 14vw}
.gdj1img{position: absolute;width: 47.7vw;margin-left: -23.85vw;position: absolute;left: 60%;bottom: -6vw}
.gdj1 .h4{margin: 1.2vw 0 1.4vw}
.gdj2{overflow: hidden;position: relative;}
.gdj2box{position: absolute;top: 5vw;left: 0;right: 0;text-align: center;}
.gdj2box .h1{font-size: .36rem;color: #fff}
.gdj2box p{font-size: .16rem;color: #fff;line-height: 1.563;margin: 2.8vw 0 2.7vw}
.gdj2box img{width: 5.15rem;margin: 0 auto;}
.gdj3{position: relative;overflow: hidden;}
.gdj3 .title{position: absolute;left: 0;right: 0;top: 50%;line-height: .56rem;margin-top: -.28rem;text-align: center;font-size: .36rem;color: #fff}
.gdj4 .item{width: 33.33%;text-align: center;float: left;padding: .25rem 0}
.gdj4 .item img{width: .6rem;margin: 0 auto}
.gdj4 .item p{font-size:.26rem;color: #333;margin-top: .2rem}
.gdj4{padding: 6.5vw 0 7.5vw}
.gdj5{overflow: hidden;position: relative;}
.gjd5box{position: absolute;right:5vw;top:50%;transform: translateY(-50%);width: 7.8rem}
.gjd5box .h1{font-size: .36rem;color: #fff;margin-bottom:2.6vw}
.gdj5-1 .item{float: left;margin-bottom:1vw;}
.gdj5-1 .item .h2{font-size: .16rem;color: #fff;line-height: .38rem;border-bottom:1px solid #fff;width:15.9vw}
.gdj5-1 .item p{font-size:1.14vw;padding: 1vw 0;color: #fff}
.gdj5-1 .item:nth-child(odd){margin-right: 2.5vw}

.gdj6{padding: 14vw .46rem 13vw 7vw;display: flex;align-items: center;background: #f1f1f1}
.gdj6 .h1{font-size: .36rem;color: #333;margin-bottom: 2vw}
.gdj6 p{font-size: .16rem;color: #333;line-height: 1.563}
.gdj6 .itembox .item{width: 21.3%}
.gdj6 .itembox .item:nth-child(n+3){width: 24%}
.gdj6 .itembox{width: 62%;display: flex;align-items: flex-start;justify-content: space-between;}
/*.gdj6 .itembox .item:not(first-child){margin-left: 9.8%}*/
.gdj6 .item .h2{font-size: .18rem;color: #333;margin-bottom: .2rem}
.gdj6 .txtbox{padding-right: 3.2vw}
.gdj6 .item:nth-child(odd){transform: translateY(6vw);}
.tof7 .item .bgimg{position: absolute;top: 0;left: 0;right: 0;bottom: 0;object-fit: cover;height: 100%;width: 100%}
.tof7 .item .h1{position: relative;z-index: 2}
.tof7 .item p{position: relative;z-index: 2}
.gdj8 .imgbox{max-width: 21.4vw}
.gdj8 .h1{margin-top: .2rem}
.tof7 .item{position: relative;}

@media (max-width: 767px){
    .gdj4 .item img{width: 36px;}
    .gdj4 .item p{font-size: 14px;}
    .gdj4{padding: .35rem 0}
    .gdj3 .title{font-size: 18px}
    .gdj2>img{height: 300px;object-fit: cover;}
    .gdj2box .h1{font-size: 16px;}
    .gdj2box img{width: 280px}
    .gdj2box p{font-size: 12px;padding: 0 15px;margin: 15px 0}
    .gdj2box p br{display: none;}
    .gdj2box{top: 10vw}
    .gdj1 .h4{margin: 10px 0 12px}
    .gdj1img{width: 66vw;margin-left: -33vw;left: 65%;bottom: -16vw;}
    .gdj8 .imgbox{max-width: 30vw}
    .gdj6{padding: .6rem 15px 1rem;display: block;}
    .gdj6 p{font-size: 12px}
    .gdj6 .h1{font-size: 18px;margin-bottom: .3rem}
    .gdj6 .itembox{width:100%}
    .gdj5>img{height: 600px;}
    .gjd5box .h1{font-size: 16px;margin-bottom:15px}
    .gjd5box .item .h2{font-size: 12px;line-height: 30px}
    .gjd5box .item{width: 50%;margin-right: 0!important;padding-right: 5vw;margin-bottom: 0}
    .gjd5box .item p{padding:2vw 0;font-size: 13px}
    .gjd5box .item .h2{width: auto}
    .gdj6 .txtbox{margin-bottom: .3rem;padding: 0}
    .gdj6 .item .h2{font-size: 12px}
    .gdj5-1{margin-right: -5vw}
    .gjd5box{width: auto;left: 15px;right: 15px}
}

.hs1 .pro1box{top: 9vw}
.hs1 .h1{color: #333}
.hs1 .h2{color: #333}
.hs1 .h3{color: #999}
.hs1 .h4{color: #999;margin: 1.5vw 0 2vw}
.hs1 .h4 span{color: #fff}
.hs1 .h5 a{color: #333;border-color: #333}
.hs1img{position: absolute;bottom: 6.5vw;width: 28.4vw;left: 50%;margin-left: -14.2vw}
.hs2{overflow: hidden;position: relative;}
.hs2 .txtbox{position: absolute;left: 0;right: 0;text-align: center;bottom: 6vw}
.hs2 .txtbox .h1{font-size: 2.91vw;color: #fff}
.hs2 .txtbox .h2{font-size: 1.875vw;color: #fff;margin:1vw 0 1.6vw}
.hs2 .txtbox p{font-size: .16rem;color:#fff;}
.hs4{overflow: hidden;position: relative;}
.hs4 .playbtn{width: .74rem;margin: 0 auto;cursor: pointer;}
.hs4 .txtbox{position: absolute;left: 0;right: 0;text-align: center;bottom: 10.6vw}
.hs4 .txtbox .h1{font-size: 2.91vw;color: #fff;margin-top: 4.3vw}
.hs4 .txtbox .h2{font-size: 1.875vw;color: #fff;margin:1vw 0 1.6vw}
.hs4 .txtbox p{font-size: .16rem;color:#fff;}
.hs5{overflow: hidden;position: relative;}
.hs5 .hs5box .h1{font-size: 2.91vw;color: #fff;margin-bottom: 1.5vw}
.hs5 .hs5box .h2{font-size: .16rem;color: #fff;line-height: 1.33}
.hs5-1{padding: 0 12vw;margin-top: 7.5vw}
.hs5-1 .item{float: left;width: 20%;text-align: center;}
.hs5-1 .item img{width: .7rem;margin: 0 auto}
.hs5-1 .item p{font-size: 1.45vw;color: #fff;margin-top: .15rem;}
.hs5-1 .item .h3{font-size: .38rem;color: #fff;line-height: .7rem}
.hs5box{position: absolute;top:11vw;left: 0;right: 0;text-align: center;}
.hs6{padding: 9vw 8.5vw 7.5vw 6.5vw;display: flex;align-items: center;background:url(../images/hs6bg.jpg);background-size: cover;background-position: center;}
.hs6 .gjd5box{position: static;transform: none;flex: 1;width: auto;}
.hs6 .gjd5box .h1{color: #333}
.hs6 .gjd5box .h2{color: #333;border-color: #333}
.hs6 .gjd5box p{color: #333}
.hs6 .gjd5box .item{margin-bottom: 0}
.hs6 .img{width: 43.2%;box-shadow: .3rem .3rem .3rem 0px rgba(0,0,0,.15)}
.hs7{padding: 4.6vw 0 5vw;background: #242424}
.hs7 .title{font-size: .36rem;color: #fff;text-align: center;margin-bottom: 3.4vw}
.hs7 .btnbox{display: flex;align-items: center;margin:4.3vw .46rem 0}
.hs7 .btnbox .item{flex: 1;height: .46rem;position: relative;border: 1px solid #999;cursor: pointer;transition: all .3s}
.hs7 .btnbox .item img{position: absolute;top: 0;left: 0;bottom: 0;right: 0;margin: auto;transition: all .3s}
.hs7 .swiper-slide{width: 28%;}
.hs7 .swiper-slide-active{width: 32.8%}
.hs7 .item .h1{font-size: .16rem;color: #fff;margin-top: 2vw;text-align: center;}
.hs7 .item .imgbox{height: 17.3vw;display: flex;align-items: center;}
.hs7 .item .imgbox img{transition: all .3s;transform:scale(.9);filter: grayscale(.6);}
.hs7 .swiper-slide-active .item .imgbox img{transform: scale(1);filter: grayscale(0);}
.hs8{padding: 6.5vw 0}
.hs8 .imgbox{max-width: 28.4vw}
.hs8 .h1{margin-top: 5vw}

@media (min-width: 1000px){
   .hs1 .h5>a:hover{background:#fff;border-color: #fff;color: #333}
   .hs7 .btnbox .item:hover{background: #02509f;border-color: #02509f}
   .hs1 .h5 .buynow:hover{background:#fff;border-color: #fff;color: #333}
}

@media (max-width: 767px){
    .hs7 .btnbox.item{height: 30px}
    .hs1 .h4{margin: 10px 0 12px}
    .hs1 .pro1box{top: 80px}
    .hs1img{bottom: 5vw;width: 40vw;margin-left: -20vw}
    .hs2>img{height: 250px;object-fit: cover;}
    .hs2 .txtbox .h1{font-size: 18px}
    .hs2 .txtbox p{font-size: 12px}
    .hs2 .txtbox .h2{font-size: 13px;margin: 10px 0 12px}
    .hs2 .txtbox{padding: 0 15px}
    .hs4 .playbtn{width: 36px}
    .hs4>img{height: 250px;object-fit: cover;}
    .hs4 .txtbox .h1{font-size: 18px}
    .hs4 .txtbox .h2{margin:10px 0 12px}
    .hs4 .txtbox{padding: 0 15px}
    .hs5>img{height: 300px;object-fit: cover;}
    .hs5 .hs5box .h2{font-size: 12px;}
    .hs5 .hs5box .h2 br{display: none;}
    .hs5 .hs5box .h1{font-size: 18px;margin-bottom: 12px}
    .hs5box{top: 15vw;padding: 0 15px}
    .hs5-1 .item img{width: 36px;}
    .hs5-1{padding: 0 15px}
    .hs5-1 .item .h3{font-size: 18px;line-height: 36px}
    .hs6{padding: .6rem 15px;display: block;}
    .hs6 .img{width: 80%;margin: 15px auto 0}
    .hs8{padding: .6rem 0}
    .hs7{padding: .6rem 15px}
    .hs7 .title{font-size: 16px;margin-bottom: .5rem}
    .hs7 .btnbox{margin: .6rem 0 0 0}
    .hs7 .swiper-slide-active{width: 90%}
    .hs7 .swiper-slide{width: 70%}
    .hs7 .item .imgbox{height:38vw}
    .hs7 .item .h1{font-size: 12px}
}

.cx1 .h3{color: #999}
.cx1img{position: absolute;bottom: -2.6vw;left: 50%;width: 19vw;margin-left: -9.5vw}
.cx2{position: relative;overflow:hidden;}
.cx2box{position: absolute;bottom:6.5vw;left: 0;right: 0;text-align: center;}
.cx2box .h1{font-size: 2.5vw;color: #fff}
.cx2box .h2{font-size: 1.354vw;color: #fff;margin-top:.14rem;}
.cx3{position: relative;overflow:hidden;}
.cx3box{position: absolute;bottom:5vw;left: 0;right: 0;text-align: center;}
.cx3box .h1{font-size: 1.875vw;color: #fff;margin: .75vw 0 1.5vw}
.cx3box .h2{font-size: 1.875vw;color: #fff;}
.cx3box img{width: .42rem;margin: 0 auto}
.cx4{position: relative;overflow:hidden;}
.cx4 .cx4-img img{display: none;}
.cx4box{text-align: center;position: absolute;top: 50%;transform: translateY(-50%);right: 8vw;width: 30%}
.cx4box .icon{width: .42rem;margin: 0 auto}
.cx4box .h1{font-size: .36rem;color: #fff;margin:.9vw 0}
.cx4-1{display: flex;align-items: center;margin-bottom: 2.5vw}
.cx4-1 .item{position: relative;cursor: pointer;font-size: 2.5vw;line-height: 1;padding: 1.5vw 0;border-bottom: 1px solid #3e3e3e;color: #fff;flex: 1;transition: all .3s}
.cx4-1 .item:after{content:"";bottom: 0;height: 1px;background: #014499;position: absolute;left: 0;width: 0;transition: all .3s}
.cx4-1 .item.on{color: #014499}
.cx4-1 .item.on:after{width: 100%}
.cx4-2 .item{display: none;}
.cx4-2 .item .imgbox{position: relative;}
.cx4-2 .item .playbtn{width: .74rem;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;z-index: 5;cursor: pointer;}
.cx4-2 .item p{font-size: .16rem;color: #fff;margin-top: 1.3vw}
.cx5{padding: 9vw .46rem 10vw;background: #202020}
.cx5 .title{font-size: .36rem;margin-bottom: 4.5vw;color: #fff;text-align: center;}
.cx5box{display: flex;align-items: center;justify-content: space-between;}
.cx5box img{width: 31.5%;}
.cx6{position: relative;overflow:hidden;}
.cx6box{position: absolute;left: 10.5vw;top: 50%;transform: translateY(-50%);}
.cx6box .h1{font-size: .36rem;color: #333}
.cx6box .h2{font-size: .16rem;color: #333;margin-top: 1.25vw}
.cx7{padding: 7vw 9vw 5vw 10.5vw;display: flex;align-items: center;background:url(../images/hs6bg.jpg);background-size: cover;background-position: center;}
.cx7 .gjd5box{position: static;transform: none;flex: 1;width: auto;}
.cx7 .gjd5box .h1{color: #333}
.cx7 .gjd5box .h2{color: #333;border-color: #333}
.cx7 .gjd5box p{color: #333}
.cx7 .gjd5box .item{margin-bottom: 0}
.cx7 .img{width: 41.8%}
.cx8 .imgbox{max-width: 19vw}
.cx8 .h1{margin-top: -1vw}
.cx8{padding: 6.5vw 0}

@media (max-width: 1100px){
    .cx1img{bottom: -6vw}
}

@media (max-width: 767px){
   .cx1img{width: 32vw;margin-left: -16vw;bottom:-10vw}
   .cx2>img{height: 250px;object-fit: cover;}
   .cx2box .h1{font-size: 24px;}
   .cx2box .h2{font-size: 14px}
   .cx3>img{height: 250px;object-fit: cover;}
   .cx3box .h1{font-size: 16px;margin: 8px 0 10px}
   .cx3box .h2{font-size: 16px}
   .cx8{padding: .6rem 0}
   .cx8 .imgbox{max-width: 32vw}
   .cx5 .title{font-size: 16px;margin-bottom: .5rem}
   .cx5{padding:.6rem 15px}
   .cx7{padding: .6rem 15px;display: block;}
   .cx7 .img{width: 80%;margin: 15px auto 0}
   .cx6box{left: 15px;right: 15px}
   .cx4>img{height: 350px;object-fit: cover;}
   .cx6>img{height: 250px;object-fit: cover;}
   .cx6box .h2{font-size: 12px;margin-top: 3vw}
   .cx6box .h1{font-size: 16px}
   .cx4box{width: 70%;margin-left: -35%;left: 50%;right: auto;}
   .cx3box img{width: 24px}
   .cx4box .icon{width: 24px}
   .cx4box .h1{font-size: 16px;margin: 10px 0}
   .cx4-1 .item{font-size: 16px;padding: 2vw 0}
   .cx4-2 .item .playbtn{width: 36px;}
   .cx4-2 .item p{font-size: 12px;margin-top: 10px}
}

.ch1 .pro1box{top: 9.5vw}
.ch1img{width: 35vw;bottom: 0;left: 50%;margin-left: -22vw;bottom:-4vw;position: absolute;z-index:2;}
.ch3{position: relative;overflow:hidden;}
.ch3box{position: absolute;top: 50%;transform: translateY(-50%);left: 14.5vw;}
.ch3box .h1{font-size: 2.5vw;color: #fff}
.ch3box .h2{font-size: 1.354vw;color: #fff;margin-top:.14rem;}
.ch4{position: relative;overflow:hidden;}
.ch4box{position: absolute;top: 50%;transform: translateY(-50%);left: 14vw;}
.ch4box .h1{font-size: 3.5vw;color: #fff}
.ch4box .h2{font-size: 1.354vw;color: #fff;margin-top:.14rem;}
.ch5{background: url(../images/ch5bg.jpg);background-size: cover;background-position: center;padding: 4vw 0 4.3vw}
.ch5box{display: flex; flex-wrap: wrap;}
.ch5box .item{width: 33.33%;text-align: center;padding:.15rem 0}
.ch5box .item .h1{font-size: 1.8vw;color: #333}
.ch5box .item p{font-size: .22rem;color: #333;margin-top: .16rem;}
.ch5 img{max-width: 34vw;margin: 0 auto}
.ch5box{margin-top: 4vw;padding: 0 10vw}
.ch6{position: relative;overflow:hidden;}
.ch6box{left: 17vw;position: absolute;top: 50%;transform: translateY(-50%);}
.ch6box .h1{font-size:.36rem;color: #fff;text-align: center;line-height: 1.2222}
.ch7{padding: 7.6vw 0;display: flex;align-items: center;justify-content: space-around;}
.ch7 .txtbox{width: 30%;text-align: center;}
.ch7 .txtbox .h1{font-size: .36rem;color: #333}
.ch7 .txtbox p{font-size: .16rem;color: #333;margin-top: 2vw}
.ch7 video{display: block;width: 43.5%;box-shadow: 0px 1.8 1.6vw 0px rgba(0, 0, 0, 0.42);}
.ch7-2{display: flex;align-items: center;padding:6.5vw 4.5vw 9vw;background:url(../images/ch8.jpg);background-size: cover;background-position: center;}
.ch7-2 video{display: block;width: 43.5%;}
.ch7-2 p{text-align: center;font-size: .36rem;color: #fff}
.ch8{padding: 7vw 0 7.5vw}
.ch8 .imgbox{max-width: 30vw;margin-left: 30vw}
.ch8 .h1{margin-top: 5.5vw}
.ch2{padding: 5vw .46rem 4vw;}
.ch2-1{display: flex;align-items: center;padding-bottom: 4.4vw;border-bottom: 1px solid #dedede;margin-bottom: 2.5vw}
.ch2-1 .item1{width: 40%;text-align: center;margin-right: 6vw}
.ch2-1 .item1 .h1{font-size: .48rem;color: #333}
.ch2-1 .item1 p{font-size: .18rem;color: #333;margin-top: .9vw}
.ch2-1 .item2 .h1{font-size: .26rem;}
.ch2-1 .item2 p{font-size: .14rem;color:#333;line-height: 1.571;margin-top: .6vw}
.ch2-1 .item2{text-align: center;margin-left: 6vw}
.ch2 .swiper-container{margin: 0 -.46rem;padding-left: .46rem;}
.ch2 .swiper-slide{width:25.4%;margin-right: 2vw;}
.ch2-2 .item p{font-size: .16rem;color: #333;text-align: center;margin-top: .26rem;}
.ch2 .btnbox{display: flex;align-items: center;margin-top: 3vw}
.ch2 .btnbox .item{flex: 1;height: .46rem;position: relative;border: 1px solid #999;cursor: pointer;transition: all .3s}
.ch2 .btnbox .item img{position: absolute;top: 0;left: 0;bottom: 0;right: 0;margin: auto;transition: all .3s}
.ch2 .btnbox .item:nth-child(2){border-left: 0}
.ch2 .btnbox .item img:nth-child(2){opacity: 0}

@media (min-width: 1000px){
    .ch2 .btnbox .item:hover{background: #02509f;border-color: #02509f}
    .ch2 .btnbox .item:hover img:nth-child(1){opacity:0}
    .ch2 .btnbox .item:hover img:nth-child(2){opacity:1}
}
@media (max-width: 767px){
    .ch2 .btnbox .item{height: 30px}
    .ch1 .pro1box{top:80px}
    .ch1{overflow: hidden;}
    .ch1img{width: 60vw;margin-left: -38vw;bottom: -15vw}
    .ch3>img{height: 250px;object-fit: cover;}
    .ch4>img{height: 250px;object-fit: cover;}
    .ch3 .h1{font-size: 16px;}
    .ch3 .h2{font-size: 16px;}
     .ch4 .h1{font-size: 16px;}
    .ch4 .h2{font-size: 16px;}
    .ch5 img{max-width: 50vw;}
    .ch5{padding: .6rem 0}
    .ch5box{margin-top:8vw;padding: 0;}
    .ch5box .item{width: 50%}
    .ch5box .item .h1{font-size: 14px}
    .ch5box .item p{font-size: 13px}
    .ch6>img{height: 250px;object-fit: cover;}
    .ch6box .h1{font-size: 16px}
    .ch8{padding: .6rem 0}
    .ch8 .imgbox{max-width: 50vw;margin-left: 19vw}
    .ch7{padding: .6rem 15px;display: block;}
    .ch7 .txtbox{width: 100%}
    .ch7 video{width: 100%;margin-top: 15px}
    .ch7 .txtbox .h1{font-size: 18px;}
    .ch7 .txtbox p{font-size: 12px;margin-top: 10px}
    .ch7-2{display: block;padding: .5rem 16px}
    .ch7-2 video{width: 100%;margin-bottom: 15px}
    .ch7-2 p{font-size: 16px;}
    .ch2{padding: .5rem 15px}
    .ch2 .btnbox{margin-top: 20px}
    .ch2-1{margin-bottom: 25px;overflow: hidden;display: block;padding-bottom: 20px}
    .ch2 .swiper-slide{width: 45vw;margin-right: 10px}
    .ch2-2 .item p{font-size: 12px;margin-top: 12px}
    .ch2-1 .item1{float: left;width: 100%;margin-bottom: 20px}
    .ch2-1 .item2{float: left;width: 50%;margin-left: 0;padding: 0 10px}
    .ch2-1 .item2 p{font-size: 12px;margin-top: 8px}
    .ch2-1 .item2 p br{display: none;}
    .ch2-1 .item1 p{font-size: 12px;margin-top: 8px}
    .ch2-1 .item1 .h1{font-size: 24px}
}


.down2{padding: .3rem 0 12vw;background: #eeeeee}
.down2-1{display: flex;align-items: center;justify-content: center;}
.down2-1 a{line-height: .8rem;padding: 0 .1rem;position: relative;font-size: .24rem;color: #333;transition: all .3s;display: block;margin: 0 6vw}
.down2-1 a.on{color: #02509f}
.down2-1 a:after{content:"";height:.03rem;background: #02509f;left: 0;bottom: 0;width: 0;transition: all .3s;position: absolute;border-radius:.4rem}
.down2-1 a.on:after{width: 100%}
.down2-2{padding: .66rem 0 .8rem;border-bottom: 1px solid #b1b1b1;font-size: .16rem;color: #333;line-height: 2;text-align:center;margin-bottom: .1rem}
.down2-3 .row{margin:0 -7.5px}
.down2-3 .col-sm-3{padding: .4rem 7.5px;}
.down2-3 .item .btn1{transition: all .3s;width: 1.18rem;height: .32rem;display: flex;align-items: center;justify-content: center;border:1px solid rgb(202,202,202);border-radius: .1rem;font-size: .14rem;color: #333; background: transparent;}
.down2-3 .item .btn1 img{width: .15rem;margin-right: .08rem}
.down2-3 .item .btn1 img:nth-child(1){display: block;}
.down2-3 .item .btn1 img:nth-child(2){display: none;}
.down2-3 .item .btn1 div{transition: all .3s;}
.down2-3 .imgbox{display: flex;align-items: center;justify-content: center;font-size: .16rem;color: #333;border: 1px solid #bebebe;cursor: pointer;}
.down2-3 .item p{font-size: .16rem;color: #333;text-align: center;margin-top: .24rem}

.honor1{position: relative;}
.honor1>img{height: 10.08rem;object-fit: cover;}
.honor1 .container{position: absolute;top:.8rem;left: 0;right: 0;}
.honor1box{width: 4.92rem;}
.honor1-1{height: 5rem;overflow-y:scroll;}
.honor1-1 .item{border-top: 1px solid rgba(255,255,255,.231);transition: all .3s;margin-right: .17rem}
.honor1-1 .item .before{height: .6rem;font-size: .16rem;color: #fff;display: flex;align-items: center;cursor: pointer}
.honor1-1 .item .before img{transition: all .3s;margin-right: 5px; }
.honor1-1 .item .after{padding: 1.4vw 0 3vw;display: none;}
.honor1-1 .item .after img{max-width:65%}
.honor1-1 .item.on .item{border-color: #fff}
.honor1-1 .item.on .before img{transform: rotate(90deg);}
.honor1-2{display: flex;align-items: center;justify-content: space-between;margin-top:.5rem}
.honor1-2 .item{width: 2.4rem;height: .56rem;position:relative;border: 1px solid #fff;cursor:pointer;transition: all .3s}
.honor1-2 .item img{position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}

.honor1-1::-webkit-scrollbar {
  /*滚动条整体样式*/
  width : .16rem;  /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
  }
.honor1-1::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 10px;
  box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
  background   : #014099;
  }
.honor1-1::-webkit-scrollbar-track {
  border-radius: 10px;
  background   : #1f1f1f;
  }

.honor2-1{padding-bottom: 8vw!important}
.honor2-1 .swiperbtn{position: absolute;top: 50%;width: .64rem;height: .64rem;margin-top: -.32rem;z-index: 5;}
.honor2-1 .prev{left: 0}
.honor2-1 .next{right: 0}
.honor2-1 .swiperbtn img{position: absolute;top: 0;left: 0;bottom: 0;right: 0;margin: auto;transition: all .3s}
.honor2-1 .swiperbtn img:nth-child(2){opacity: 0;}
.honor2-1 .item{display: flex;align-items:center;}
.honor2-1 .item .imgbox{width: 34.4%;margin: 0 8.8vw 0 7.5vw;position: relative;z-index: 0;transition: all .5s;transform: translateX(20px);}
.honor2-1 .item .imgbox img{width: 100%;height: 100%;object-fit: cover;}
.honor2-1 .item .txtbox{font-size: .16rem;color: #333;line-height: 2;transition: all .5s;transform: translateX(-20px);}
.honor2-1 .item .imgbox:after{content:"";background: #e9e9e9;width: 100%;height: 100%;bottom: -9.7%;right: -8.3%;position: absolute;z-index: -1;}
.honor2-1 .swiper-slide-active .imgbox{transform: translateX(0);}
.honor2-1 .swiper-slide-active .txtbox{transform: translateX(0);}
.honor2{padding-bottom: 4vw}

.honor2-2{position: relative;}
.honor2-2:after{content:"";height: .03rem;background:#e5e5e5;position: absolute;left: 0;right: 0;top:50%;margin-top:-.015rem}
.honor2-2 .item{position: relative;cursor: pointer;}
.honor2-2 .item:after{content:"";width:3px;height:11px;position: absolute;left: 50%;margin-left:-1.5px;top: 50%;margin-top: -5.5px;background: #333;transition: all .3s}
.honor2-2 .item .year{font-size: .22rem;color: #333;position: absolute;left:0;text-align: center;right: 0;line-height: 1;transition: all .3s;bottom: .24rem}
.honor2-2 .swiper-container{padding: .6rem 0}
.swiper-slide-thumb-active .item .year{font-size:.4rem;color: #014099}
.swiper-slide-thumb-active .item:after{background: #014099}


@media (min-width: 1000px){
    .down2-1 a:hover{color: #02509f}
    .down2-1 a:hover:after{width: 100%}
    .down2-3 .item .btn1:hover{transform: translateY(-5px); background:#02509f ;}
    .down2-3 .item .btn1:hover img:nth-child(1){display: none;}
    .down2-3 .item .btn1:hover img:nth-child(2){display: block;}
    .down2-3 .item .btn1:hover div{ color: #ffffff;}
    .honor2-1 .swiperbtn:hover img:nth-child(1){opacity: 0;}
    .honor2-1 .swiperbtn:hover img:nth-child(2){opacity: 1;}
    .honor1-2 .item:hover{background: #014099;border-color: #014099}
}

@media (max-width: 767px){
    .buynow1 .sub-navs .sub-navs-left{padding:5px 20px}
    .buynow1 .sub-navs .sub-navs-left ul li a,.buynow1 .sub-navs .sub-navs-right ul li a{font-size:13px}
    .down2-2{padding: .5rem 0;font-size: 12px;}
    .down2-2 br{display: none;}
    .down2-3 .col-sm-3{padding: .2rem 7.5px}
    .down2-3 .item p{font-size: 12px}
    .down2-3 .item .btn1 {width: 75px;height: 24px;font-size: 12px;}
    .down2-3 .item .btn1 img{width: 12px}
    .honor1-1 .item .before img{width: 8px}
    .honor1>img{height:9rem;}
    .honor1 .container{top: .5rem;}
    .honor1-2{margin-top: .3rem;}
    .honor1-1 .item .before{font-size: 12px}
    .honor1-1 .item .after img{max-width: 70%}
    .honor1-2 .item img{width: 10px}
    .honor2-1 .item{display: block;}
    .honor2{margin-top: -30px}
    .honor2-1 .item .txtbox{font-size: 12px;padding:0 50px}
    .honor2-1 .item .imgbox{width: 60%;margin: 0 auto 35px}
    .honor2-2 .item .year{font-size: 14px}
    .honor2-2 .item:after{width: 2px;margin-left: -1px}
}

.fullimg{width: 100%}
/* 搜索 */
.searchbox{position: fixed;height: .8rem;background: #fff;top: 0;left: 0;right: 0;padding: 0 17.7%;transform: translateY(-100%);transition: all .5s ease}
.searchleft img{width: .2rem;}
.searchleft input{flex: 1;font-size: .18rem;color: #333;padding: 0 .45rem}
.searchleft input::placeholder{color: #666}
.searchleft .btn1{font-size: .2rem;color: #666;text-transform: uppercase;font-family:"DIN";background: none;padding: 0;transition: all .3s ease}
.searchleft{display: flex;align-items: center;height: .6rem;border-bottom: 1px solid #d7d7d7}
.search-close{width:.22rem;margin-left: 9.8vw;cursor: pointer;transition: all .3s ease}
.searchbox.on{transform: translateY(0);}

.searchcon2 .box{max-width: 8.6rem;margin: 0 auto;}
.searchcon2{padding: 1rem 0;background:#f3f3f3}
.search-top{max-width: 4.8rem;margin: 0 auto;display: flex;margin-bottom: .3rem}
.search-top input{font-size: .16rem;color: rgb(51, 51, 51);height: .48rem;flex: 1;border: 1px solid #333;border-right: 0;padding: 0 .18rem}
.search-top #searchkey{width: 1rem;background: #333;padding: 0;height: .48rem}
.search-top #searchkey img{margin: 0 auto;width: .2rem}
.searchcon2 .result{font-size: .15rem;color: rgb(51, 51, 51);text-align: center;margin-bottom: .65rem}
.searchcon2 .item{display: flex;align-items: center;padding: .1rem 0;border-bottom: 1px solid #333}
.searchcon2 .item .title{font-size: .14rem;line-height:20px;padding-left: 2px;padding-right: .16rem;border-right: 1px solid #dadada}
.searchcon2 .item .content{flex: 1;font-size: .16rem;color: rgb(51, 51, 51);padding: 0 .15rem}.searchcon2 .item .content span{color:#1f4fa5 }

/* 联系我们 点*/
.dot-div{
    position: absolute;
}

.dot-div .item{
    transform: translate(-510px,-30%);
}
.dot-div:nth-child(1)  .item,.dot-div:nth-child(13) .item{
    transform: translate(25px,-30%);
}
.dot-div:nth-child(14)  .item{
    transform: translate(-50%,-105%);
}
.dot {
    width: 10px;
    height: 10px;
    background:red;
    border-radius: 50%;
    position: absolute;
    left: 10px;
    top: 0;
    opacity: 0;
    cursor: pointer;
}
.dot-div .item.on + .dot{opacity: 1;}
.pos1{left: 78.5%;top: 51%;} /*总部深圳*/
.pos2{left: 79%;top: 41%;}/*北京*/
.pos3{left: 80.5%;top: 47.5%;}/*上海*/
.pos4{left: 79.8%;top: 42%;}/*天津*/
.pos5{left: 80.5%;top: 49%;}/*杭州*/
.pos6{left: 79.8%;top: 46.5%;}/*苏州*/
.pos7{left: 78.5%;top: 47.5%;}/*武汉*/
.pos8{left: 81%;top: 52%;}/*台湾*/
.pos9{left: 44.1%;top: 33%;}/*法国*/
.pos10{left: 47.5%;top: 35%;}/*德国*/
.pos11{left: 45%;top: 37.5%;}/*英国*/
.pos12{left: 19.5%;top: 35%;}/*加拿大*/
.pos13{left: 85%;top: 78.5%;}/*澳大利亚*/
.pos14{left: 85.5%;top: 41%;}/*日本*/
.pos15{left: 81%;top: 42%;}/*韩国*/
.pos16{left: 79%;top: 46.5%;} /*徐州工厂*/
.pos17{left: 78.5%;top: 51%;} /*总部工厂*/



/*影音中心*/
.content-title{margin: 0.3rem 0 1rem;}
.audio-items{height:auto !important ;cursor: pointer;}
.audio-item{background: none !important; display: block !important;}
.audio-img-box{width: 100%;  height: 3.82rem; overflow: hidden; position: relative;}
.audio-img-play{position: absolute; left: 50%; top: 50%; width: 0.8rem !important; height: 0.8rem !important; margin-top: -0.4rem; margin-left: -0.4rem;}
.audio-img-play .circle-play{object-fit: cover; width: 100%; height: 100%;animation: myrotate 1s linear infinite;}
.audio-img-play .icon-play{position: absolute; left: 50%; top: 50%;width: 0.26rem !important;  margin-top: -0.12rem; margin-left: -0.13rem; }
.dataCenter-content-bg{background: #F5F6F8; }
.dataCenter-content-list{display: none; flex-wrap: wrap;  align-items: left; margin-bottom: 0.8rem;}
.dataCenter-content-list .dataCenter-content-items{ display: flex;  width: 50%;height: 0.8rem; margin-bottom: 0.4rem;}
.dataCenter-content-list .dataCenter-content-item{display: flex; background: #FFFFFF; width: 97%;align-items: center;justify-content: space-between; transform: translateY(0); transition: all 0.6s ease;}
.dataCenter-content-list .dataCenter-content-items:nth-child(even)  .dataCenter-content-item{ margin-left: 3%;}
.dataCenter-content-list .dataCenter-content-item img.item-img1{ width: 0.28rem; margin-left: 0.38rem; margin-right: 0.26rem;}
.dataCenter-content-list .dataCenter-content-item img.item-img2{ width: 0.32rem;  margin-right: 0.3rem;}
.dataCenter-content-list .dataCenter-content-item p{ flex-wrap: 1; color: #212121; width: 100%;font-size: 0.18rem;font-weight: 400; margin: 10px 0 ;}
.dataCenter-content-list .dataCenter-content-item:hover{transform: translateY(-15px);}
.dataCenter-content-list.active{display: flex;}
.dataCenter-content-list.active{
  -webkit-animation: fadeup1 1s;
  animation: fadeup1 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;}
/* 视频弹框 */
#v-pop{position: fixed;
    z-index: 1000;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
    visibility: hidden;
    align-items: center;
    justify-content: center;
    opacity: 0;
    pointer-events: none;
    transform: translateZ(0);
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;}
    #v-pop.on {
      opacity: 1;
      display: flex;
      pointer-events: auto;
      background: rgba(0,0,0,0.7);
      visibility: visible;
  }
  #v-pop .mask {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.7);
  }
  #v-pop .con {
    padding: 1em;
    width: 64%;
    position: relative;
    transform: translate3d(0, 8px, 0);
    -webkit-transform: translate3d(0, 8px, 0);
    -moz-transform: translate3d(0, 8px, 0);
    -o-transform: translate3d(0, 8px, 0);
    -ms-transform: translate3d(0, 8px, 0);
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    opacity: 0;
    background-color: #333;
  }
  #v-pop.on .con {
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    opacity: 1;
  }
  #v-pop .con .del_p {
    position: absolute;
    bottom: calc(100% + 5px);
    left: calc(100% + 5px);
     width: 0.3rem;
     height: 0.3rem;
     border: 1px solid #fff;
     border-radius: 50%;
     cursor: pointer;
  }
  #v-pop .con .del_p::after{content: 'x'; font-size: 0.3rem; color: #fff; position: absolute; left: 20%; top:-35%;}
  .video-box {
    height: 70vh;
    overflow: hidden;
  }
  .video-box video{ object-fit: cover; height: 100%; width: 100%;}
  @keyframes fadeup1 {
    0% {
      opacity: 0;
      -webkit-transform: translateY(150px);
      -ms-transform: translateY(150px);
      transform: translateY(150px);
    }
    100% {
      opacity: 1;
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0);
    }
    }
    @keyframes myrotate {
        0%{-webkit-transform:rotate(0deg);}
        25%{-webkit-transform:rotate(90deg);}
        50%{-webkit-transform:rotate(180deg);}
        75%{-webkit-transform:rotate(270deg);}
        100%{-webkit-transform:rotate(360deg);}
      }
    .noscroll{height: 100%; overflow: hidden;}
    @media (max-width: 780px){
      
        .dataCenter-content-list{display: none;}
        .dataCenter-content-list.active{ display: block;}
        .dataCenter-content-list .dataCenter-content-items,.dataCenter-content-list .dataCenter-content-item{width: 100%;}
        .dataCenter-content-list .dataCenter-content-items:nth-child(even)  .dataCenter-content-item{ margin-left:0%;}
    }
    
    
    
     /* 产品页面css */
    .img-cover{
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: all .3s;
    }
    .img-contain{
        object-fit: contain;
        width: 100%;
        height: 100%;
        transition: all .3s;
    }
    .probanner{width: 100%; margin-top: -13vw;}
    .probanner .h1{font-size: 3.34vw; margin-bottom: .36rem;}
    .probanner .list{display: flex; flex-wrap: wrap; align-items: center; justify-content: center;}
    .probanner .list .item{ color: #fff; margin-right: .63rem; font-size: .24rem; display: flex;align-items: center;}
    .probanner .list .item img{ width: .26rem; height: .26rem; margin-right: 0.1rem;}
    
    /*.prosubnav{overflow: hidden;background: #FFFFFF;box-shadow: 0px 10px 40px 0px rgba(126,134,148,0.15); }*/
    /*.prosubnav .navlist{height: .8rem; display: flex; align-items: center; justify-content: center; font-size: 0; flex-wrap: nowrap;}*/
    .prosubnav{ background: #FFFFFF;box-shadow: 0px 10px 40px 0px rgba(126,134,148,0.15); }
    .prosubnav .container{overflow-x:auto; overflow-y: hidden;text-align: center;}
    .prosubnav .navlist{height: .8rem;  font-size: 0;  white-space:nowrap;}
    .prosubnav .navlist a{ display:inline-block; font-weight: 600;margin-right: 4.54vw; height: .8rem; line-height:  .8rem; position: relative;  color: #7D7D7D;font-size: .2rem; transition: all .3s;}
    .prosubnav .navlist a::after{position: absolute; content: '' ; width: 0; height: 2px;background: #02509F; left: 0; bottom: 0;transition: width .3s;}
    .prosubnav .navlist a.on, .prosubnav .navlist a:hover{color: #02509F;}
    .prosubnav .navlist a.on::after,.prosubnav .navlist a:hover::after {width: 100%;}
    .pro-section1{background: #F3F6FA; padding: .4rem 0 .2rem;}
  
   .pro-list .row > div{
       margin-bottom: .4rem; }
    .pro-list .item{ 
        padding: .28rem .48rem; 
        display: flex; 
        align-items: center;
        background: #FFFFFF;
        height: 100%;
        background: #FFFFFF;
       box-shadow: 0px 12px 36px 0px rgba(26,30,39,0.06);
       border-radius: 4px; 
       
    }
    .pro-list .item .item-img{
        width: 2.4rem;
        height: 2.4rem;

    }
    .pro-list .item .item-img img{
        object-fit: contain;
        width: 100%;
        height: 100%;
        transition: all .3s;
    }
    .pro-list .item .item-txt{
        padding-left: 1.88vw;
        flex: 1;
        max-width: calc(100% - 2.4rem);
    }
    .pro-list .item .item-txt .item-title{
        font-size: .22rem;color: #170909;font-weight: 600;line-height: .32rem;
    }
    .pro-list .item .item-txt .item-info{
        font-size: .14rem;
        color: #666666;
        line-height: 27px;
         margin-top: .29rem; 
         margin-bottom: .42rem;
    }
    .more-btn.item-btn{ 
        display: flex; 
        align-items: center; 
        justify-content: center;
        width: 1.18rem;
        height: .32rem;
        border-radius: .16rem;
        font-size: .14rem;
        color: #02509f;
        border: 1px solid #02509F; transition: all .3s;}
    .more-btn.item-btn  span{
            color: #02509F;
            transition: all .3s;
            margin-left: 0.04rem;
        }
   
    
   .sec-title{
    font-size: .36rem;
    font-weight: 600;
    color: #02509F;
    line-height: .54rem;
    padding-top: .6rem;
    padding-bottom: .4rem;
   }
   .pro-adv-list{padding-bottom: .6rem;}
   .pro-list .row,.pro-adv-list .row,.proinfo-peizhi .row{display: flex;flex-wrap: wrap;}
   .pro-adv-list .row >div,.proinfo-peizhi .row >div{margin-bottom: .4rem;}
   .pro-adv-list .item{ 
    display: flex; 
    flex-direction: column;
    background: #FFFFFF;
    height: 100%;
    box-shadow: 0px 8px 20px 0px rgba(85,85,85,0.1);
    border-radius: 0.08rem;
    border: 1px solid #E0E2E9; 
    overflow: hidden;
 } 
 .pro-adv-list .item .item-img{

    height: 2.64rem;
    overflow: hidden;
 }
 .pro-adv-list .item .item-img img{
    object-fit: cover;
     width: 100%;
     height: 100%;
     transition: all .3s;
 }
 .pro-adv-list .item .item-txt{
    flex: 1;
    text-align: center;
    padding:0.27rem 0.36rem ;
 }
 .pro-adv-list .item:hover .item-img img{
    transform: scale(1.1);
 }
 .pro-adv-list .item .item-txt .item-title{
    font-size: .2rem;
    font-weight: 600;
    color: #0E1421;
    line-height: .36rem;
    margin-bottom: 8px;
    transition: all .3s;
 }
 .pro-adv-list .item .item-txt .item-info{
    font-size: .16rem;
    color: #666666;
    line-height: .26rem;
 }
 .sec-p{
    font-size: .2rem;
    color: #FFFFFF;
    line-height: .3rem;
    margin-bottom: .52rem;
 }
 .pro-section3{ padding: 1px 0 .85rem;  background: url(../images/por-bg.jpg) no-repeat; background-size: cover;}
 .pro-apply-swiper{ 
    position: relative;
    
}
.pro-apply-swiper .swiper-container{
    padding-bottom: .48rem;
}
.pro-apply-swiper .swiper-container-horizontal>.swiper-pagination-bullets{
    bottom: 0;
}
 .pro-apply-swiper .pro-slide{
    display: block;
    position: relative;
    overflow: hidden;
}
.pro-apply-swiper .pro-slide .pro-apply-txt{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: .88rem;
    font-size: .2rem;
    color: #fff;
    line-height: .88rem;
    padding: 0 30px;
    background: linear-gradient(180deg, rgba(0,0,0,0) 0%, #000000 100%);
}
.pro-apply-swiper .pro-slide  .pro-play{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: .8rem;
    height: .8rem;
    opacity: 0;
    cursor: pointer;
    transition: all .3s;
}
.pro-apply-swiper .swiper-slide.swiper-slide-active .pro-slide   .pro-play{
    opacity: 1;
}
.pro-apply-swiper .pro-slide  .pro-play img{
    width: .8rem;
    height: .8rem;
}
.pro-apply-swiper .swiperbtn {
    width: .6rem;
    height: .6rem;
    border-radius: 50%;
    background: rgba(0,0,0,0.4);
    position: absolute;
    top: 50%;
    margin-top: -.115rem;
    z-index: 3;
    transition: all .3s;
    margin-top: -.3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    color: #666;
    transition: all .3s;
}
.pro-apply-swiper  span{
    font-size: .25rem;
}
.pro-apply-swiper .swiper-button-prev {
    left: 25.5%;
}
.pro-apply-swiper .swiper-button-next {
    right: 25.5%;
}



/* 产品详情 */

.proinfobanner{position: relative; width: 100%; display: flex;align-items: center; padding-right: 5vw; justify-content: space-between;padding-bottom: .5rem;}
.proinfobanner .ban-img{width: 23vw; }
.proinfobanner .probanner{margin-top: 0;}
.proinfobanner .list { justify-content: left;}
.proinfo-box{background: #F3F6FA; padding: .4rem 0 .2rem;}
.proinfo-section{
    background: #FFFFFF ; 
    padding: 0 0.6rem 0.5rem;
    margin-top: 0.4rem;

}
.proinfo-section img{
    display: inline-block;
}
.proinfo-section .swiper-wrapper .swiper-slide {
    height: auto;
}
.proinfo-sec1{
    padding: .7rem 0.6rem .42rem;
}

.proinfo-sec1-r{
    padding-left: 2.5vw;
   
}
.proinfo-sec1-r .item-title{
    font-size: .28rem;
    font-weight: 600;
    color: #333333;
}
.proinfo-sec1-r  .item-title-p{
    font-size: .24rem;
    font-weight: 400;
    color: #170909;
}
.proinfo-sec1-r .item-txt{
    margin-top: .44rem;
}
.proinfo-sec1-r .item-txt .item-t{
    font-size: .18rem;
    color: #333333;
    margin-bottom: 0.08rem;
}
.proinfo-sec1-r .item-txt .item-p{
    font-size: .16rem;
    color: #333333;
    line-height: .3rem;
}
.proinfo-sec1-r .item-txt .item-p ul{
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.proinfo-sec1-r .item-txt .item-p ul li{
    width: 33.333%;
    display: flex;
    align-items: center;
}
.proinfo-sec1-r .item-txt .item-p ul li img{
    width: .18rem;
    height: .18rem;
    margin-right: .12rem;
}
.proinfo-sec1-r .item-btn{
    display: flex;
    margin-top: .14rem;
}
.zixun-btn{
    background: #02509F;
    color: #fff !important;
}
.zixun-btn span{
    color: #fff !important;
}
.back-btn{
    cursor: pointer;
    transition: all .3s;
    margin-right: .24rem;
    border: 1px solid #ABABAB !important;
    color: #333333 !important;
}
.back-btn span{
    transition: all .3s;
    color: #333333 !important;
}

#gallery .swiper-slide{
    /* width: 4.4rem !important; */
    height:4.4rem;
}
#thumbs{
    margin-top: .24rem;
}
#thumbs .swiper-wrapper{justify-content: center;}
#thumbs .swiper-slide{
    width: .64rem !important;
    height:.64rem;
    cursor: pointer;
    border: 1px solid #DADADA;
    transition: all .3s;
}

#thumbs .swiper-slide.swiper-slide-thumb-active,#thumbs .swiper-slide:hover{
    border: 1px solid #0E59D1;
}
.proinfo-section table{
    border: 1px solid ;
}
.proinfo-sec-con img{
    max-width: 100%;
}

.proinfo-peizhi .item{ 
    display: block;
    width: 100%;
    height: 100%;
    padding: 0.28rem .3rem 0.34rem ;
    background: #F3F6FA;
    border-radius: 4px;
}
.proinfo-peizhi .item .item-img{
    height: 2.4rem;
}

.proinfo-peizhi .item .item-txt{
    color: #170909;
    font-weight: 600;
    font-size: .22rem;
}
.proinfo-peizhi .item .item-txt .t1:nth-child(2){
    margin-top: .11rem;
   
    
}
.proinfo-peizhi .item .item-btn{margin: 0.2rem auto 0;}

.proinfo-swiper{
    position: relative;
    padding-bottom: .88rem;
}
.proinfo-swiper .item{
    display: block;
    background: #F3F6FA;
    padding: .28rem .3rem .3rem;
    border-radius: 4px;
    height: 100%;
}
.proinfo-swiper .item .item-img{
    height: 2.8rem;
    overflow: hidden;
}
.proinfo-swiper .item .item-txt {
    padding: .32rem 0 .24rem;
}
.proinfo-swiper .item .item-txt .t1{
    font-size: .22rem;
    font-weight: 600;
    color: #170909;
    line-height: .33rem;
}
.proinfo-swiper .item .item-txt .p1{
    padding-top: 4px;
    font-size: .14rem;
    color: #666666;
    line-height: .27rem;
}
.proinfo-swiper .item  .more-btn.item-btn{
    margin: auto;
}

.myswiperbtn{
    background-color: #fff !important;
    width: .6rem !important;
    height: .6rem !important;
    border-radius: 50%;
    background-image: none !important;
    position: relative;
    border: 1px solid #CCCCCC;
    transition: all .38s;
}

.myswiperbtn::after{
    position: absolute;
    content: '';
    left: 50%; 
    top: 50%;
    width: 0.14rem;
    height: 0.14rem;
    border-top: 2px solid #666666;
    border-right: 2px solid #666;
    transition: all .38s;
}
.myswiperbtn.swiper-button-prev::after{
    transform: translate(-35%,-50%) rotate(-135deg);
}
.myswiperbtn.swiper-button-next::after{
    transform: translate(-70%,-50%) rotate(45deg);
}

.pro-myswiper.swiper-button-prev{
    left: calc(50% - .9rem);
    top:unset !important;
    bottom: 0;
}
.pro-myswiper.swiper-button-next{
    right: calc(50% - .6rem);
    top:unset !important;
    bottom: 0;
}
.case-myswiper.swiper-button-prev{
    left: 12%;

}
.case-myswiper.swiper-button-next{
    right: 12%;

}
 @media (min-width: 780px) {
        .proinfo-banner2 .container{align-items: flex-end;}
        .pro-list .row,.pro-adv-list .row,.pro-adv-list .row,.proinfo-peizhi .row {
            margin-right: -20px;
            margin-left: -20px;
        }
        .pro-list .col-sm-6 ,.pro-list .row >div , .pro-adv-list .col-sm-6,.pro-adv-list .row >div,.proinfo-peizhi .row >div{
            padding-left: 20px;
            padding-right: 20px;
        }
        .pro-list .item:hover  .item-img img{transform: scale(1.05);}
        .pro-list .item:hover .item-btn,.proinfo-peizhi .item:hover .item-btn{ background: #02509F; color: #ffffff;}
        .pro-list .item:hover .item-btn  span,.proinfo-peizhi .item:hover .item-btn span{
            color: #fff;
        }
         .pro-adv-list .item:hover .item-txt .item-title{
            color: #02509F;
         }
         .pro-apply-swiper .swiperbtn:hover span{
            color: #02509F;
        }
        .back-btn:hover{
            background: #02509F;
            color: #fff !important;
            border: 1px solid #02509F !important;
        }
        .back-btn:hover span{
            color: #fff !important;
        }
        .proinfo-peizhi .item:hover .item-img img, .pro-slide:hover >img {
            transform: scale(1.1);
        }
        .proinfo-swiper .item:hover .item-img img{
            transform: scale(1.1);
        }
        .proinfo-swiper .item:hover .item-btn{ background: #02509F; color: #ffffff;}
        .proinfo-swiper .item:hover .item-btn  span{
                color: #fff;
        }
        .myswiperbtn:hover{
            background-color: #02509F !important;
            border: 1px solid #02509F;
        }
        .myswiperbtn:hover::after{
            border-top: 2px solid #ffffff;
            border-right: 2px solid #ffffff;

        }
   }
 @media (max-width: 1600px) and ( min-width:781px){
     .pro-list .item{
         padding: .28rem .25rem;
     }
     .pro-list .item .item-img{
         width: 2rem;
         height: 2rem;
     }
     .pro-list .item .item-txt .item-title{
         font-size: .2rem;
     }
     .pro-apply-swiper .swiper-button-prev{
         left: 17.5%;
     }
     .pro-apply-swiper .swiper-button-next{
         right: 17.5%;
     }
     .proinfo-apply  .pro-apply-swiper .swiper-button-prev {
        left: 5.5%;
     }
     .proinfo-apply  .pro-apply-swiper .swiper-button-next {
        right: 5.5%;
     }
 }
  @media (max-width: 1400px) and ( min-width:781px){
     .proinfo-peizhi .item .item-txt{
         font-size: .2rem;
     }
 }
@media (max-width: 780px){
    .more-btn.item-btn{
        width: 100px;
        height: 28px;
        border-radius: 16px;
    }
    .pro-list .item:hover .item-btn span{
        font-size: 12px;
    }
    .pro-adv-list .item .item-img{
       height: unset;
    }
   
    .pro-adv-list .item .item-txt .item-title{
        font-size: 15px;
    }
    .pro-section3 .sec-title{

    }
   .pro-section3 .sec-p {
        padding: 0 15px;
    }
    /*.prosubnav {overflow-x: auto; overflow-y: hidden; padding: 0 30px; background: #FFFFFF;}*/
    /*.prosubnav .navlist{width: 160%; justify-content: left; }*/
    .prosubnav .navlist a{margin-right: 15px; margin-left: 15px;}
    .pro-adv-list .item .item-txt .item-info{line-height: 20px;}
    .probanner .h1{font-size: 24px; line-height: 34px;}
    .proinfo-sec1-r .item-title{font-size: 20px; line-height: 34px;}
    .proinfobanner .ban-img{display: none;}
    .probanner .list .item{padding: 3px 0;}
    .proinfo-sec1,.proinfo-section{padding: 15px;}
    .proinfo-sec1-r{padding-top: 30px; padding-left: 0;}
    .proinfo-sec1-r .item-txt .item-p ul li{width: 50%; padding: 5px 0;}
    .proinfo-sec1-r .item-txt .item-t,.proinfo-peizhi .item .item-txt,.proinfo-swiper .item .item-txt .t1{ line-height: 30px; font-size: 16px;}
    .proinfo-sec1-r .item-txt .item-p{font-size: 14px; line-height: 30px;}
    .proinfo-swiper .item .item-txt .p1{line-height: 25px;}
    .pro-apply-swiper .swiper-button-prev {
        left: 5%;
    }
    .pro-apply-swiper .swiper-button-next {
        right: 5%;
    }
    .case-myswiper.swiper-button-prev{
        left: 0;
    
    }
    .case-myswiper.swiper-button-next{
        right: 0;
    
    }
    .sec-title{padding-top:0.3rem;}
}