html {
/*filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
-webkit-filter: grayscale(100%);*/
}
.banner {overflow: hidden;height: 100vh;}
.bannerimg{height: 100vh;/*object-fit: cover;transform: scale3d(1, 1, 1);transition: all 6s cubic-bezier(0.04, 0.79, 1, 1);*/width:100%;}
.bannerbox{position: relative;}
.bannertxt{position: absolute;top:.85rem;left: 0;right: 0;bottom: 0;padding: 0 11vw;display: flex;align-items: center;}
.bannertxt .en{line-height: 1.037;color: #fff;font-size: 60px;}
.bannertxt .cn{font-size: 24px;color: #fff;margin-top: .25rem;line-height: 1}
.swiperbox{position: absolute;bottom:4%;z-index: 2;left:0; width:100%;}
.swiperbox .swiper-pagination{position: static;font-size: 0}
.swiperbox .swiper-pagination-bullet{width: .26rem;height: .04rem;opacity: 1;background: #fff;border-radius: 0;margin:0 2px;transform: skew(-45deg);}
.swiperbox .swiper-pagination-bullet-active{background: #134374}
.swiperbox .current{font-size: .54rem;text-align: right;color: #fff;font-weight: 600;line-height: 1;margin-bottom: 4.2vw}
.switchbox{position: absolute;bottom: 0;left: 0;right: 0;display: flex;align-items: center;z-index: 5}
.switchbox .item{height: .44rem;display: flex;align-items: center;justify-content: center;width: 50%;border-top: 1px solid rgba(255,255,255,.3);cursor: pointer;position: relative;}
.switchbox .item img{width: .09rem;}
.switchbox .item:after{content:"";left: 0;right: 0;top: 0;bottom: 0;transform:skew(-30deg);transition: all .3s;position: absolute;z-index: -1}
.switchbox .prev:after{left: -10%;border-right: 1px solid rgba(255,255,255,.3)}
.switchbox .next:after{right: -10%;}
.banner .swiper-slide-active .bannerimg{transform: scale3d(1.15, 1.15, 1);transition: all 6s cubic-bezier(0.04, 0.79, 1, 1);}
.banner .swiper-slide-active .bannertxt .en{animation: fadeup 1s .2s;-webkit-animation: fadeup 1s .2s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.banner .swiper-slide-active .bannertxt .cn{animation: fadeup 1s .3s;-webkit-animation: fadeup 1s .3s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.idxtitle{text-align: center;}
.idxtitle .en{font-size: .38rem;color: #333;text-transform: uppercase;font-weight: 600;line-height: 1}
.idxtitle .cn{font-size: .32rem;color: #333;line-height: 1;margin-top: 1.25vw}
.idxbtn{display: block;margin: 0 auto;width: 3.4rem;line-height: .62rem;font-size: .16rem;color: #333;position: relative;text-align: center;transition: all .3s;background: #fff}
.idxbtn div{position: absolute;top: 0;left: 0;bottom: 0;right: 0;transform: skew(-15deg);border: .03rem solid #ececec;box-shadow: 0px -.25rem .29rem 0px rgba(51, 51, 51, 0.11);border-radius: .1rem;z-index: -1;transition: all .3s;overflow: hidden;}
.idxbtn div:after{content:"";width: 0;transition: all .3s;position: absolute;top: 0;bottom: 0;background: #134374;left: 0;border-radius: .1rem;z-index: -1}
.index1{padding: 8.5vw 0 26vw;background: url(../images/idx1bg.png) no-repeat;background-position:53% 90%;background-size:45%;}
.index1 .content{text-align: center;margin: 3.5vw 0 2.8vw}
.index1 .content p{font-size: .16rem;color: #333;line-height: 2;}
.index1 .content p span{color: rgba(19, 67, 116, 0.988);}
.index2{position: relative;}
.index2 .swiper-container{position: absolute;padding:5vw 0;left: 0;right: 0;top: -20vw}
.index2 .swiper-slide{width: 28.8%;}
.index2 .item{height: 18.75vw;display: flex;align-items: center;justify-content: center;}
.index2 .item .imgbox{position: absolute;top: 0;left: 0;bottom: 0;right: 0;transform: skewY(8deg);overflow: hidden;}
.index2 .swiper-slide:nth-child(even) .imgbox{transform: skewY(-8deg);}
.index2 .item .imgbox img{transform: skewY(-8deg) scale(1.3);object-fit: cover;transition: all .3s;filter: grayscale(0);}
.index2 .swiper-slide:nth-child(even) .imgbox img{transform: skewY(8deg) scale(1.3);}
.index2 .item .txtbox{position: relative;z-index: 2;text-align: center;transform:translateY(20px);opacity: 0;transition: all .3s}
.index2 .item .txtbox .h1{font-size: .32rem;color: #fff;line-height: 1}
.index2 .item .txtbox p{font-size: .14rem;color: #fff;margin-top: .1rem;line-height: 1}
.index2 .swiperbtn{width: .42rem;height: .42rem;position: absolute;top: 50%;margin-top:-.21rem;z-index: 5;cursor: pointer;}
.index2 .prev{left: 3vw}
.index2 .next{right: 3vw}
.index2 .swiperbtn:after{content:"";width: 100%;height: 100%;left: 0;top: 0;transform: skew(-10deg);background: #fff;z-index: -1;position: absolute;border-radius: .04rem;transition: all .3s}
.index2 .swiperbtn img{position: absolute;top: 0;left: 0;bottom: 0;right: 0;width: .07rem;margin: auto;transition: all .3s}
.index2 .swiperbtn img:nth-child(1){opacity: 0}
.index3{background: #202020;padding:10vw 0 1.1rem;position: relative;}
.idx3bg{position: absolute;top: 0;left: 0;right: 0}
.index3 .idxtitle img{width: .57rem;margin: 0 auto;margin-bottom: 1.8vw}
.index3 .idxtitle .en{color: #fff}
.index3 .idxtitle .cn{color: #fff}
.idx3box .item{float: left;display: block;width:33.333%;background: #202020;position: relative;}
.idx3box .item:nth-child(n+3){background: #1d1d1d}
.idx3box .item:nth-child(4){width: 66.666%;display: flex;align-items:center;}
.idx3box .item:nth-child(4)>div{width: 50%}
.idx3box .item .h1{font-size: .18rem;color: #fff;margin-bottom: 1.5vw}
.idx3box .item p{font-size: .16rem;color: #999;line-height: 1.625;max-width: 2.1rem}
.idx3box .item2{float: left;width: 33.333%;display: flex;align-items: center;justify-content: center;position: relative;}
.idx3box .item .txtbox{padding:0 2.5vw;display: flex;align-items: center;}
.idx3box .item .txtbox img{width: .17rem;margin-top: 2vw}
.idx3box .item .imgbox{overflow: hidden;}
.idx3box .item .imgbox img{width: 100%;height: 100%;transition: all .3s}
.idx3box{margin-top: .5rem}
.idx3box .item2 img{width: .51rem;margin: 0 auto}
.idx3box .item2 p{font-size: .16rem;text-align: center;color: #fff;margin-top: 1vw}
.idx3box .item:after{content:"";position: absolute;top: 0;left: 0;right: 0;bottom: 0;border:.04rem solid #0c5bac;transition: all .3s;transform: scale(.95);opacity: 0}
.idx3box .item2:after{content:"";position: absolute;top: 0;left: 0;right: 0;bottom: 0;border:.04rem solid #0c5bac;transition: all .3s;transform: scale(.95);opacity: 0}
.idx4top{display: flex;align-items: center;padding: .7rem 0 .5rem}
.idx4top .idxtitle .cn{margin-top: .15rem}
.idx4top .idxtitle{text-align: left;flex: 1}
.idx4top .nav a{font-size: .14rem;display: block;margin-left: 1.5vw;transition: all .3s;color: #333;cursor: pointer;}
.idx4top .nav{display: flex;align-items: center;margin-right: .2rem}
.idx4top .nav a.on{color: #0c5bac}
.idx4box .item .h1{font-size: .18rem;color: #333;line-height: 1.444;margin-top: .35rem;height: .5rem;margin-bottom: .3rem}
.idx4box .item p{font-size: .14rem;color: #999;line-height: 1.857;padding-right: 4.5vw;height: .5rem;margin-bottom: .5rem}
.idx4box .item .time{font-size: .14rem;color: #333;font-weight: 600}
.idx4box .item{display: block;height: 2.65rem;border: 1px solid #dfdfdf;border-right: 0;padding:0 1.5vw;position: relative;}
.idx4box{padding-bottom:.8rem!important;margin-right: -1px!important;padding-right: 1px!important}
.idx4box .swiper-slide:last-child{border-right: 1px solid #dfdfdf}
.index4 .switchbox{position: static;}
.index4 .switchbox .item{border-color: #dfdfdf}
.index4 .switchbox .prev:after{border-color: #dfdfdf}
.index4 .switchbox .item img{position: absolute;top: 0;left: 0;right:0;bottom: 0;transition: all .3s;margin: auto;}
.index4 .switchbox .item img:nth-child(1){opacity: 0}
.idx4box .item .after{position: absolute;top: 0;left: 0;bottom: 0;right: 0;opacity: 0;transform:translateY(20px);transition: all .3s;box-shadow: 0px .25rem .29rem 0px rgba(51, 51, 51, 0.11);}
.index4 .index4-tabs .id4-item{display: none;}
.index4 .index4-tabs .id4-item.on{display: block;}
.mask-cover{position: absolute; background: rgba(0,0,0,.5);top: 0;left: 0;bottom: 0;right: 0;}
.idx4box .item .after .txtbox{position: absolute;left: 0;bottom:.34rem;right: 0;padding:0 1.5vw;}
.idx4box .item .after .txtbox .h1{color: #fff;margin-top: 0;height: auto}
.idx4box .item .after .txtbox .time{margin-top: .2rem;color: #fff}
.idx4box .item .after>img{width: 100%;height: 100%;object-fit: cover;}
.index5{background: url(../images/idx5bg.jpg);padding: 6.2vw 0 0 0;position: relative;overflow: hidden; background-size: cover;background-position: center;}
.idx5box{display: flex;align-items: flex-start;justify-content: space-between;padding: 0 4vw;margin-bottom: 8vw}
.idx5box .left{padding-top: 2vw}
.idx5box img{width: .61rem;margin: auto; margin-bottom:2.2vw; }
.idx5box .idxtitle{text-align: left;}
.idx5box .idxtitle .en{color: #fff}
.idx5box .idxtitle .cn{color: #fff}
.idx5box .right{width: 58%;padding-top: 2vw}
.idx5box .right .h1{font-size: .26rem;color: #fff}
.idx5box .right .h2{font-size: .16rem;line-height: 2;color: rgba(255, 255, 255, 0.6);margin: 2vw 0 2.5vw}
.idx5box .countbox .item .num{font-size: .46rem;color: #fff;font-weight: 600;line-height: 1}
.idx5box .countbox{display: flex;align-items: center;}
.idx5box .countbox .item p{font-size: .16rem;color: #fff}
.idx5box .countbox .item{text-align: center;margin-right: 2.6vw}
.index5 .earthbox{position: relative;z-index: 5;}
.index5 .word{font-size: 22.5vw;color:rgb(17, 72, 127);text-transform: uppercase;position: absolute;bottom:-6vw;left: -3vw;font-family: "Gilroy";font-weight: bold;line-height: 1}
.index5 .earthbox .dotbox>div{position: absolute;background: #fff;border-radius: 50%;width: .77%;}
.index5 .earthbox .dotbox>div:nth-child(1){left:59.8%;top: 37%;}
.index5 .earthbox .dotbox>div:nth-child(2){left:50.7%;top: 67%;}
.index5 .earthbox .dotbox>div:nth-child(3){left:31.5%;top: 64%;}
.index5 .earthbox .dotbox>div:nth-child(4){left:34%;top: 69%;}
.index5 .earthbox .dotbox>div:nth-child(5){left:35.35%;top: 74%;}
.index5 .earthbox .dotbox>div:nth-child(6){left:31%;top: 77%;}
.index5 .earthbox .dotbox>div:nth-child(7){left:45.5%;top: 82%;}
.index5 .earthbox .dotbox>div:nth-child(8){left:49%;top: 93%;}
.index5 .earthbox .dotbox>div:nth-child(9){left:47.6%;bottom:-1%;}
.index5 .earthbox .dotbox>div:nth-child(10){left: 47.6%;bottom: 23%;}
.index5 .earthbox .dotbox>div:nth-child(11){left: 39.6%;bottom: 17%;}
.index5 .earthbox .dotbox>div:nth-child(12){left: 40.6%; bottom: 23%;}
.index5 .earthbox .dotbox>div:nth-child(13){left: 43%;bottom: 22%;}
.index5 .earthbox .dotbox>div:nth-child(14){left: 31%;bottom: 64%;}
.index5 .earthbox .dotbox>div:nth-child(15){left: 22%;bottom: 48%;}
.index5 .earthbox .dotbox>div:nth-child(16){left: 21%;bottom: 39%;}
.index5 .earthbox .dotbox>div:nth-child(17){left: 21%;bottom: 39%;}
.index5 .earthbox .dotbox>div:nth-child(18){left: 22.5%;bottom: 39%;}
.index5 .earthbox .dotbox>div:nth-child(19){left: 25.5%;bottom: 39%;}
.index5 .earthbox .dotbox>div:after{content:"";top:-35%;bottom: -35%;right: -35%;left: -35%;background:rgba(255,255,255,.3);position: absolute;border-radius: 50%;animation: point1 1.5s infinite}
.index5 .dotbox{position: absolute;top: 0;left: 0;right: 0;bottom: 0}
@media (min-width: 1000px){
.idxbtn:hover{color: #fff}
.idxbtn:hover div:after{width: 100%}
.switchbox .item:hover:after{background: #134374}
.index2 .item:hover .imgbox img{filter: brightness(0.5);}
.index2 .item:hover .txtbox{transform: translateY(0);opacity: 1}
.index2 .swiperbtn:hover:after{background: #134374}
.index2 .swiperbtn:hover img:nth-child(2){opacity: 0}
.index2 .swiperbtn:hover img:nth-child(1){opacity: 1}
.idx3box .item:hover:after{transform: scale(1);opacity: 1;box-shadow: 0px 0 .4rem 0 rgba(0,0,0,.8)}
.idx3box .item2:hover:after{transform: scale(1);opacity: 1;box-shadow: 0px 0 .4rem 0 rgba(0,0,0,.8)}
.idx4top .nav a:hover{color: #0c5bac}
.index4 .switchbox .item:hover img:nth-child(1){opacity: 1}
.index4 .switchbox .item:hover img:nth-child(2){opacity: 0}
.idx4box .item:hover .after{transform: translateY(0);opacity: 1}
}
@media (max-width: 767px){
.bannertxt{padding: 0 15px}
.bannertxt .en{font-size: 24px}
.bannertxt .cn{font-size: 22px}
.bannerimg{height: 400px;width:100%;}
.switchbox .item{height: 32px}
.swiperbox .current{font-size: 28px}
.swiperbox .swiper-pagination-bullet{width: 18px;height: 3px}
.swiperbox{bottom: 33%;right: 15px}
.banner{height: 400px}
.idxtitle .en{font-size: 18px}
.idxtitle .cn{font-size: 16px;margin-top: 8px}
.index1{padding: .5rem 0 1.2rem}
.index1 .content p{font-size: 12px}
.index1 .content p br{display: none;}
.index1 .content{margin: 20px 0}
.index2 .swiper-slide{width: 50%}
.index2 .item{height: 36vw}
.index2 .item .txtbox{transform: none;opacity: 1}
.index2 .item .txtbox p{font-size: 12px}
.index2 .item .txtbox .h1{font-size: 16px}
.idxbtn{width: 3rem;font-size: 13px}
.index3 .idxtitle img{width: 28px;margin-bottom: 12px}
.idx3box .item{width: 50%}
.idx3box .item:nth-child(4){width: 50%;display: block;}
.idx3box .item:nth-child(4)>div{width: 100%}
.idx3box .item:nth-child(n+3){background: #202020}
.idx3box .item2{background: #1d1d1d;width: 100%;padding: 25px 0}
.idx3box .item .h1{font-size: 13px;margin-bottom:10px}
.idx3box .item p{font-size: 12px;}
.idx3box .item .txtbox{padding:18px 15px}
.idx3box .item:after{display: none;}
.idx3box .item .txtbox img{width: 12px;margin-top: 10px}
.idx3box .item2 img{width: 26px;}
.idx3box .item2 p{font-size: 12px;margin-top: 10px;}
.index3{padding: 2.2rem 0 .5rem}
.idx4top .nav a{font-size: 12px;margin-left: 2.5vw}
.index5{padding: .5rem 0 0 0}
.idx5box img{width: 30px;}
.idx5box .right{width: 60%;}
.idx5box{padding: 0;margin-bottom: .5rem}
.idx5box .right .h1{font-size: 16px;line-height: 1.3}
.idx5box .right .h2{font-size: 12px;margin: 10px 0}
.idx5box .countbox .item{margin-right: 4vw}
.idx5box .countbox .item p{font-size: 12px}
.switchbox .item img{width: 6px}
.idx4box .item .after{display: none;}
.idx4box .item{padding: 0 15px}
.idx4box .item .h1{font-size: 13px;height: auto;height: 36px;margin-bottom: 10px;margin-top: 15px}
.idx4box .item p{font-size: 12px;height: 44px;margin-bottom: 15px}
.idx4top{padding: .5rem 0}
.idx4box{padding-bottom: .5rem!important}
.index2 .swiperbtn img{width: 5px}
.index2 .swiperbtn{width: 26px;height: 26px;margin-top:-13px;}
.index2 .swiper-container{padding: 30px 0}
.index2 .item .imgbox img{transform: skewY(-8deg) scale(1.4);}
.index2 .swiper-slide:nth-child(even) .imgbox img{transform: skewY(-8deg) scale(1.4);}
}
.banner2{overflow: hidden;position: relative;}
.banner2txt{position: absolute;left: 3vw;bottom: 6.5vw;}
.banner2txt .cn{font-size: 60px;color: #fff;line-height: 1;margin-bottom: .1rem}
.banner2txt .en{font-size: 28px;color: #fff;line-height: 1;text-transform: uppercase;font-weight: 600}
.subnav{height:.66rem;border-top: 1px solid #d1d1d1;border-bottom: 1px solid #d1d1d1;display: flex;align-items: center;justify-content: center;}
.subnav a{font-size: .16rem;color: #333;margin:0 3vw;position: relative;}
.subnav a::after{position: absolute; content: ''; width: 0%; height: 2px; background: transparent; transition: all .3s; z-index: 2; left: 0; bottom: -.22rem;}
.subnav a.on{color:#134374}
.subnav a.on::after{background: #134374;width: 100%;}
.news1{padding-bottom: .4rem;position: relative;}
.news1:after{content:"";height: 4.8rem;background: #f1f1f1;position: absolute;bottom: 0;left: 0;right: 0;z-index: -1}
/* .news1 .swiper-container{margin: 0 -16vw;padding: .8rem 16vw .7rem} */
.news1 .swiper-container{padding: .8rem 0}
.news1 .swiper-slide{width:25.15vw;}
.news1 .item{background: #fff;box-shadow: .17rem .24rem .29rem 0px rgba(51, 51, 51, 0.09);display: block;transition: all .3s}
.news1 .item .content{padding: .24rem .17rem .5rem}
.newstitle{display: flex;align-items: center;}
.newstitle .h1{width: 1.05rem;line-height: .3rem;background: #f3f3f3;border-radius:3px;font-size: .14rem;color: #333;text-align: center;margin-right: .17rem}
.newstitle .h2{font-size: 12px;color: #333}
.news1 .item .h3{transition: all .3s;line-height: 1.75;font-size: .16rem;color: #333;margin-top: .25rem}
.news1 .item .h4{transition: all .3s;line-height: 1.75;font-size: .16rem;color: #999}
.news1 .swiper-scrollbar{background: #b7b7b7;height: 1px;border-radius: 0}
.news1 .swiper-scrollbar-drag{background: #134374}
.news1 .swiperctr{padding: .35rem 0;display: flex;align-items: center;justify-content: center;}
.news1 .swiperctr .swipernum{font-size: .18rem;color: #333;font-weight: 600}
.swiperctr .swiperbtn .item2{width: 1rem;height: .3rem;position: relative;margin-left: .06rem;cursor: pointer;z-index: 0}
.swiperctr .swiperbtn .item2 img{position: absolute;left: 0;right: 0;top: 0;bottom: 0;transition: all .3s;margin: auto;width: 6px;}
.swiperctr .swiperbtn .item2 img:nth-child(2){opacity: 0}
.swiperctr .swiperbtn .item2:after{content:"";width: 100%;height: 100%;top: 0;left: 0;transform: skew(-15deg);background: #fff;transition: all .3s;z-index: -1;box-shadow: 0px .09rem .27rem 0px rgba(51, 51, 51, 0.11);position: absolute;}
.swiperctr .swiperbtn{display: flex;align-items: center;}
.news2{padding: .5rem 0 .35rem}
.news2 .row{margin:0 -2.5vw}
.news2box .col-sm-6{padding: .4rem 2.5vw}
.news2box .item{display: flex;align-items: center;margin:-.2rem;padding:.2rem;transition: all .3s}
.news2box .item img{width: 1.3rem;height: .95rem;object-fit: cover}
.news2box .item .h3{transition: all .3s;line-height: 1.75;font-size: .16rem;color: #333;margin-top: .16rem}
.news2box .item .h4{transition: all .3s;line-height: 1.75;font-size: .16rem;color: #999}
.news2box .item .content{padding: 0 2vw}
.ndtcon{display: flex;background: #f4f4f4;justify-content: flex-end;}
.ndtleft{width: 2.95rem;margin-right: 3.7vw;padding: .3rem 0}
.ndtleft .title{padding: .4rem 0;font-size: .16rem;color: #333}
.ndtleft .item .imgbox img{width: 100%;height: 100%;object-fit: cover;transition: all .3s}
.ndtleft .item{display: block;background: #fff;margin-bottom: .2rem;box-shadow: .12rem .18rem .9rem 0px rgba(23, 22, 22, 0.06);transition: all .3s}
.ndtleft .item .content{padding: .25rem .22rem .22rem}
.ndtleft .item .time{font-size: 12px;color: #666;margin-bottom: .06rem}
.ndtleft .item .h1{line-height: 1.75;color: #333;font-size: .16rem;transition: all .3s}
.ndtright{background: #fff;width: 65.625%;padding: .52rem 14vw 5vw 3.7vw;}
.ndtright .h1{font-size: .26rem;color: #333;margin-bottom: .15rem}
.ndtright .h2{font-size: .16rem;color: #999;margin-bottom: .5rem}
.ndtright p{font-size: .16rem;color: #333;line-height: 2}
.rctbanner .banner2txt .en{text-transform: none}
.rct1box{padding: 1.1rem 6vw;text-align: center;}
.rct1box .h1{font-size: .32rem;color: #333;margin-bottom: .5rem}
.rct1box p{font-size: .16rem;color: #999;line-height: 1.75;}
.rct1 .imgbox{overflow: hidden;}
.rct2{padding: 1rem 0}
.rct2 .item{padding:.7rem 0;display: flex;align-items: center;}
.rct2 .item .imgbox{max-width: 48%;}
.rct2 .item .txtbox{flex: 1;padding-left: 5vw}
.rct2 .item:nth-child(2) .txtbox{padding-left: 0;padding-right: 4.5vw}
.rct2 .item .h1{font-size: .32rem;color: #333;margin-bottom: 1.5vw}
.rct2 .item p{font-size: .16rem;color: #999;line-height: 1.75;}
.rct3{position: relative;}
.rct3>img{width: 100%;object-fit: cover;}
.rct3 .container{position: absolute;top: 0;left: 0;right: 0;bottom: 0;display: flex;align-items: center;}
.rct3 .h1{font-size: .32rem;color: #fff;margin-bottom: 2vw}
.rct3 p{font-size: .16rem;color: #fff;line-height: 1.75;}
.rct4 .h1{text-align: center;font-size: .2rem;color: #999;margin-bottom:.12rem}
.rct4{padding: .5rem 0}
.rct4box .item{background: #fff;display: flex;align-items: center;border: 1px solid rgb(235,235,235);box-shadow: 5px 8.66px .16rem 0px rgba(51, 51, 51, 0.13);border-radius: .1rem;padding: .12rem .18rem;margin-top: .28rem;transition: all .3s}
.rct4box .item p{font-size: .16rem;color: #333}
.rct4box .item img{width: 1.5rem;margin-right: 1.8vw}
.rct4box .row{margin:0 -.19rem}
.rct4box{padding: 0 1.5vw}
.rct4box .col{padding: 0 .19rem;float: left;width: 33.333%}
.rct5{padding: .55rem 4.5% .1rem;background: #efefef}
.rct5 .pagebox{margin-top: .45rem}
.rct5box{box-shadow: 0px 0px .24rem 0px rgba(0, 0, 0, 0.09);background: #fff}
.rct5box .item .before{display: flex;align-items: center;height: .9rem;padding: 0 2.5vw 0 .35rem;justify-content: space-between;cursor: pointer;}
.rct5box .item{box-shadow: 0px 0px .24rem 0px rgba(0, 0, 0, 0.09);border-bottom: 1px solid #f1f1f1}
.rct5box .item .after{margin: 0 .35rem;border-top: 1px solid #f1f1f1;padding: .2rem 0 .4rem;font-size: .16rem;color: #333;line-height: 2;display: none;}
.rct5box .item .before .h1{font-size: .14rem;color: #333}
.rct5box .item .before p{font-size: .16rem;color: #134374;margin-top: .05rem}
.rct5box .item .before .col2{text-align: center;width: 18%}
.rct5box .item .before .col1{font-size: .18rem;color: #333;flex: 1}
.rct5box .item .before .btn1{display: block;width: 1.2rem;line-height: .36rem;position: relative;font-size: .14rem;color: #333;text-align: center;z-index: 0;transition: all .3s}
.rct5box .item .before .btn1:after{content:"";width: 100%;height: 100%;border:1px solid #ebebeb;transition: all .3s;background: #fff;z-index: -1;box-shadow: .05rem .08rem .16rem 0px rgba(51, 51, 51, 0.13);position: absolute;left: 0;top: 0;transform: skew(-15deg);}
.pro1{padding:7vw 0 6vw;background: #fbfbfb}
.pro1 .item{display: block;position: relative;box-shadow: .34rem .38rem .32rem 0px rgba(201, 201, 201, 0.26);background: #fff;transition: all .3s; cursor: pointer;}
.pro1 .item .pro-item-bg{position: absolute;top: 0;left: 0;right: 0;bottom: 0;transition: all .3s;}
.pro1 .item .pro-item-bg>img{width: 100%;height: 100%;object-fit: cover;}
.pro1 .row{margin:0 -1px}
.pro1 .col-sm-3,.pro1 .col-sm-4{padding: 0 1px;}
.pro1 .item .after{position: absolute;top: 0;left: 0;right: 0;bottom: 0;transition: all .3s;opacity: 0}
.pro1 .item .after img{width: 100%;height: 100%;object-fit: cover;}
.pro1 .item .bottom{position: absolute;left: 1.3vw;right: 1.8vw;bottom: 2.3vw;}
.pro1 .item .bottom .h1{font-size:.16rem;color: #fff;line-height: 1.125;text-transform: uppercase;margin-bottom: 1.3vw}
.pro1 .item .bottom .h2{font-size: .26rem;color: #fff;display: flex;align-items: center;}
.pro1 .item .bottom .h2 img{width: .18rem;}
.pro1 .item .num{max-height:3.4vw;top: 2.5vw;left: 1.3vw;position: absolute;}
.pro1 .item .after .h1{font-size: .26rem;color: #fff;position: absolute;top:3.9vw;left: 2.25vw;}
.pro1 .item .after .pbox p{position: relative;font-size:.16rem;color: #fff;line-height: 2;transition: all .5s; transform: translateX(0);}
.pro1 .item .after .pbox p a{font-size:.16rem;color: #fff;line-height: 2;transition: all .5s;font-weight: bold; }
/* .pro1 .item .after .pbox p a:hover{color: #134374; font-weight: bold;} */
.pro1 .item .after .pbox p:hover{transform: translateX(10px);}
.pro1 .item .after .pbox p:hover a{color: #fff; font-weight: bold;}
.pro1 .item .after .pbox{position: absolute;left: 3vw;bottom:2.2vw;}
.pro1 .item .after .pbox p:before{content:"";width:.06rem;height: .09rem;background: url(../images/jiantou3.png);background-size: cover;position: absolute;top:50%;left: -.14rem;transform: translateY(-50%);}
.pro2{padding: 1.1rem 0}
.pro2 .container{display: flex;align-items: center;padding: 0 3.2vw ; flex-wrap: wrap;}
/* .pro2left{width: 54.5%;position: relative;} */
.pro2left{width: 100%;position: relative; height: 6.44rem; overflow: hidden;}
.pro2-1{width: 100%;height: 100%;}
.pro2-1 img{object-fit: cover; height: 100%; width: 100%;}
.pro2-2{display: flex;align-items: center;background:rgba(0,0,0,.6);position: absolute;top: 0;bottom: 0;right: 0; width: 16%; padding: .6rem 0;z-index: 2}
/* .pro2-2 .swiperbtn{margin:0 1.5vw 0 1.2vw;width: .09rem} */
.pro2-2 .swiperbtn{width: .09rem;position: absolute;left: 50%;margin-left: -0.045rem; transform: rotate(90deg);}
.pro2-2 .swiperbtn.prev{top: .2rem; }
.pro2-2 .swiperbtn.next{bottom: .2rem; }
.pro2-2 .swiper-container{flex: 1;margin: 0 2px ; height: 100%;margin: 0rem 0.2rem;}
.pro2-2 .img1{width: 100%;height: 100%;object-fit: cover;}
.pro2-2 .item{position: relative;cursor: pointer; height: 100%; overflow: hidden;}
.pro2-2 .item:after{content:"";width: 100%;height: 100%;position: absolute;top: 0;left: 0; border: .01rem solid #fff;transition: all .3s;transform: scale(.9);opacity: 0}
.pro2-2 .swiper-slide-thumb-active .item:after{transform: scale(1);opacity: 1}
.pro2right{ margin-bottom: .45rem;}
.pro2right .h1{font-size: .32rem;color: #333;margin-bottom: 1.7vw}
.pro2right p{font-size: .16rem;color: #333;line-height: 1.75;max-width: 100%;}
.pro3{padding: .8rem 0;background: #f2f2f2}
.pro3 .h3{font-size: .4rem; text-align: center; margin-bottom: .6rem; }
.pro3-2{position: relative; margin-bottom: .76rem; height: .88rem;}
.pro3-2 .swiper-container{ height: 100%;}
.pro3-2 .img1{width: 100%;height: 100%;object-fit: contain;}
.pro3-2 .item{position: relative;cursor: pointer; height: 100%; overflow: hidden; box-shadow: 9.725px 10.071px 21px 0px rgba(0, 0, 0, 0.04); border-radius: .06rem; overflow: hidden; }
/* .pro3-2 .item:after{content:"";width: 100%;height: 100%;position: absolute;top: 0;left: 0; border: .02rem solid #134374;transition: all .3s;transform: scale(.9);opacity: 0}
.pro3-2 .swiper-slide-active .item:after{transform: scale(1);opacity: 1} */
.pro3-2 .swiperbtn{width: .42rem;height: .42rem;position: absolute;top: 50%;margin-top:-.21rem;z-index: 5;cursor: pointer;}
.pro3-2 .prev{left:-.9rem}
.pro3-2 .next{right:-.9rem}
.pro3-2 .swiperbtn:after{content:"";width: 100%;height: 100%;left: 0;top: 0;transform: skew(-10deg);background: #fff;z-index: -1;position: absolute;border-radius: .04rem;transition: all .3s;}
.pro3-2 .swiperbtn img{position: absolute;top: 0;left: 0;bottom: 0;right: 0;width: .07rem;margin: auto;transition: all .3s}
.pro3-2 .swiperbtn img:nth-child(1){opacity: 0}
.pro3-1 .down-btn{margin: auto; margin-top: .4rem; margin-bottom: .4rem;}
.pro3-list-box{display: flex; flex-wrap: wrap; justify-content: space-between; padding: 0 .1rem;}
.pro3-list-box .pro3-item{width: 32%; background: #fff;box-shadow: 0px 2px 6px 0px rgba(6, 0, 1, 0.35); overflow: hidden; margin-bottom: .5rem;}
.pro3-list-box .pro3-item .pro3-item-img{width: 100%; height: 2.4rem; overflow: hidden;}
.pro3-list-box .pro3-item .pro3-item-img img{width: 100%; height: 100%; object-fit: cover;}
.pro3-list-box .pro3-item .pro3-item-txt{padding: .2rem .4rem; border-top: 1px solid rgb(62, 58, 57);}
.pro3-list-box .pro3-item .pro3-item-txt h5{color: rgb(62, 58, 57);font-size: .2rem;font-weight: bold;line-height: 1.2;}
.pro3-list-box .pro3-item .pro3-item-txt p{color: rgb(62, 58, 57);font-size: 16px;line-height: 1.2; margin-top: 10px;}
.pro3-list-box .pro3-item:last-child:nth-child(3n + 2) {
margin-right: calc((100% - 32%) / 2);
}
.info-section1{ padding-top: 1.9rem; padding-bottom: .6rem; background: #fff; }
.info-section1 .info-section1-content{display: flex; flex-wrap: wrap; }
.info-section1 .info-section1-content .info-section1-left{width: 55%; box-sizing: border-box; padding-bottom: .6rem;}
.info-section1 .info-section1-content .info-section1-left >img{max-width: 100%; margin: auto; margin-bottom: .53rem;}
.info-section1 .info-section1-content .info-section1-left .down-btn{margin: auto;}
.info-section1 .info-section1-content .info-section1-right{width: 45%; box-sizing: border-box; padding-left: 5%;}
.info-section1-right h3{ text-align: right; border-bottom: 1px solid #134374; position: relative;font-size: .26rem;color: rgb(62, 58, 57);font-weight: bold; overflow: hidden; padding-bottom: 5px; }
.info-section1-right h3::before{ position: absolute; left: 0; content: ''; bottom: 0; width:2.14rem ; height: 5px; background: #134374; transform: skewX(60deg);}
.info-section1-right h3::after{ position: absolute; left: 0; content: ''; bottom: 0; width:2rem ; height: 5px; background: #134374;}
.info-section1-right .info-box h5{font-size: .26rem ;color: rgb(62, 58, 57);font-weight: bold;line-height:1.5; margin-bottom: .2rem;}
.mart100{margin-top: 1rem;}
.mart75{margin-top: .75rem;}
.info-section1-right .info-box p{font-size: 16px ;color: rgb(62, 58, 57);line-height: 1.8;}
.info-section1-right .info-box ul{padding-left: 0; list-style: none; display: flex;align-items: center; flex-wrap: wrap;}
.info-section1-right .info-box ul li{ width: 50%; margin-bottom: .3rem; transform: translateY(0); transition: all .3s;}
.info-section1-right .info-box ul li p{ display: inline-block; padding: 0 .15rem; height: 45px; line-height: 45px; color: #fff;font-size: 18px; position: relative; text-align: center; width:96%;}
.info-section1-right .info-box ul li p samp{position: relative; display: block; z-index: 5;}
.info-section1-right .info-box ul li p .li-bg-blue{position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: #134374; transform: skew(-15deg); z-index: 2;}
.info-section1-right .info-box ul li:hover{transform: translateY(-10px);}
.info-section2{background: #ffffff; padding-top: .55rem; padding-bottom: 1.5rem;}
.info-section2 h3{font-size: .4rem;color: rgb(62, 58, 57);
font-weight: bold;line-height: .37rem;position: relative; padding-left: .2rem;
}
.info-section2 h3::before{position: absolute; content: '';background-color: rgb(19, 67, 116);height: .37rem;width: 5px; left: 0; top: 0; z-index: 2; }
.info-section2 img{max-width: 100%;}
.info-section2 .container table,.info-section2 .container tr,.info-section2 .container td{border: 1px solid transparent;}
/*.pro3 .col-sm-4{padding: .2rem .12rem}
.pro3 .row{margin:0 -.12rem}
.pro3 .item{display: block;transition: all .3s;}
.pro3 .item .imgbox{background: #fff;display: flex;align-items: center;justify-content: center;}
.pro3 .item p{font-size: .18rem;color: #000;margin-top: .26rem}
.pro3 .item .imgbox img{transition: all .3s;max-width: 70%;max-height: 70%} */
.pro4{padding: .6rem 0 .8rem;text-align: center;}
.pro4 .title{font-size: .24rem;color: #333;margin-bottom: .7rem;}
.pro4 .scenarios{font-size: .16rem;color: #333;margin-top: .2rem;}
.pro4 .swiperbtn{width: .42rem;height: .42rem;position: absolute;top: 50%;margin-top:-.21rem;z-index: 5;cursor: pointer;}
.pro4 .prev{left:-.9rem}
.pro4 .next{right:-.9rem}
.pro4box{position: relative;}
.pro4 .swiperbtn:after{content:"";width: 100%;height: 100%;left: 0;top: 0;transform: skew(-10deg);background: #fff;z-index: -1;position: absolute;border-radius: .04rem;transition: all .3s;background: #f4f4f4}
.pro4 .swiperbtn img{position: absolute;top: 0;left: 0;bottom: 0;right: 0;width: .07rem;margin: auto;transition: all .3s}
.pro4 .swiperbtn img:nth-child(1){opacity: 0}
/* .pro4 .prev:after{transform: skew(15deg);} */
.prowindow{position: fixed;top: 50%;transform: translateY(-50%);width: 9.7rem;left: 50%;margin-left: -4.85rem;background: #fff;padding:.66rem .3rem .25rem;display: none;z-index: 12}
.prowindow .pwclose{position: absolute;top: .3rem;right: .3rem;transition: all .3s;width: .2rem;cursor: pointer;}
.prosubnav {
height: .66rem;
border-top: 1px solid #d1d1d1;
border-bottom: 1px solid #d1d1d1;
display: flex;
align-items: center;
justify-content: center;
}
.prosubnav a {
font-size: .16rem;
color: #333;
margin: 0 3vw;
position: relative;
}
@media (min-width: 1000px){
.subnav a:hover{color: #134374}
.subnav a:hover::after{background: #134374;width: 100%;}
.news1 .swiper-container .item:hover .h3{color: #134374}
.news1 .swiper-container .item:hover{transform: translateY(-10px);}
.swiperctr .swiperbtn .item2:hover:after{background: #134374}
.swiperctr .swiperbtn .item2:hover img:nth-child(2){opacity: 1}
.swiperctr .swiperbtn .item2:hover img:nth-child(1){opacity: 0}
.news2box .item:hover{box-shadow: 0px 0px 10px rgba(0,0,0,.15);transform: translateY(-10px);}
.ndtleft .item:hover{transform: translateY(-10px);}
.ndtleft .item:hover .h1{color: #134374}
.rct4box .item:hover{transform: translateY(-10px);}
.rct5box .item .before .btn1:hover{color: #fff}
.rct5box .item .before .btn1:hover:after{background: #134374}
.pro1 .item:hover .after{opacity: 1}
.pro1 .item:hover{transform:translateY(-3.5vw);}
.pro4 .swiperbtn:hover:after{background: #134374}
.pro4 .swiperbtn:hover img:nth-child(2){opacity: 0}
.pro4 .swiperbtn:hover img:nth-child(1){opacity: 1}
.pro3-2 .swiperbtn:hover:after{background: #134374}
.pro3-2 .swiperbtn:hover img:nth-child(2){opacity: 0}
.pro3-2 .swiperbtn:hover img:nth-child(1){opacity: 1}
/* .pro3 .item:hover img{transform: scale(1.1);}
.pro3 .item:hover{transform: translateY(-10px);} */
.prowindow .pwclose:hover{transform: rotate(180deg);}
}
@media (max-width: 1000px){
.banner2txt .en{font-size: .6rem;}
.ndtright{padding: .52rem 4vw 1rem}
.rct4box .col{width: 50%}
}
@media (max-width: 767px){
.banner2txt .cn{font-size:20px;}
.banner2txt .en{font-size:28px;}
.subnav a{font-size: 13px;}
.subnav{height: 45px}
.banner2>img{height: 350px;object-fit: cover;}
.banner2txt{left: 15px;bottom:10%}
.swiperctr .swiperbtn .item2{width:70px;height: 24px}
.news1 .swiper-container{margin:0 -15px;padding:30px 15px}
.news1 .swiper-slide{width:75%}
.news1 .item .content{padding: 15px 15px 25px}
.newstitle .h1{line-height: 24px;width: 70px;font-size: 12px}
.news1 .item .h3{font-size: 13px}
.news1 .item .h4{font-size: 12px}
.news1{padding-bottom: 0}
.news2box .col-sm-6{padding: 15px 2.5vw;}
.news2{padding: 15px 0 30px}
.news2box .item .h3{font-size: 13px}
.news2box .item .h4{font-size: 12px}
.news2box .item img{width: 105px;height: 75px}
.news2box .item .content{padding: 0;padding-left: 15px}
.ndtleft{display: none;}
.ndtright{width: 100%}
.ndtright{padding: 30px 15px}
.ndtright .h1{font-size: 15px;line-height: 1.5}
.ndtright .h2{font-size: 12px}
.rct1box{padding: 30px 0}
.rct1box .h1{font-size: 18px;margin-bottom: 20px}
.rct2{padding: 20px 0}
.rct2 .item{padding: 15px 0;}
.rct3>img{height: 300px}
.rct3 .h1{font-size: 18px;margin-bottom: 15px}
.rct3 p{font-size: 12px}
.rct2 .item{position: relative;}
.rct2 .item:nth-child(2) .txtbox{padding-right: 5vw}
.rct2 .item .h1{font-size: 18px;margin-bottom: 10px;line-height: 1.333}
.rct2 .item p{font-size: 12px}
.rct4 .h1{font-size: 15px}
.rct4box .item{justify-content: center;}
.rct4box .item p{display: none;}
.rct4box .item img{width: 110px;margin-right: 0}
.rct5{padding: 30px 15px 5px}
.rct5box .item .before{height: auto;padding:12px .35rem}
.rct5box .item .after{font-size: 12px}
.rct5box .item .before .btn1{width: 90px;line-height: 30px;font-size: 12px}
.rct5box .item .before .col1{flex: none;font-size: 13px;}
.pro1{padding: 30px 0}
.pro1 .col-sm-3,.pro1 .col-sm-4{padding: 1px}
.pro1 .item{height: 200px!important}
.pro1 .item .after{display: none;}
.pro1 .item .bottom{left: 15px;bottom:15px;right: 15px}
.pro1 .item .bottom .h2 img{width: 12px}
.pro1 .item .bottom .h2{font-size: 15px}
.pro1 .item .bottom .h1{font-size: 12px;margin-bottom: 10px}
.pro1 .item .num{top: 15px;left: 15px;max-height:25px}
.pro4 .swiperbtn img{width: 5px}
.pro4 .swiperbtn{width: 26px;height: 26px;margin-top:-13px;}
.pro3-2 .prev{left: -9%;}
.pro3-2 .next{right: -9%;}
.pro3-2 .swiperbtn img{width: 5px}
.pro3-2 .swiperbtn{width: 26px;height: 26px;margin-top:-13px;}
.prosubnav a{font-size: 12px;margin: 0 1.5vw}
.pro2{padding: 30px 0}
.pro2 .container{display: block;}
.pro2left{width: 100%}
.pro2right{padding-left: 0;margin-top: 18px}
/* .pro2-2{padding:12px 0} */
.pro2-2 .swiperbtn{width:6px;}
.pro2right .h1{font-size: 18px;margin-bottom: 10px}
.pro2right p{font-size: 12px;}
.pro4 .prev{left: 10px}
.pro4 .next{right: 10px}
.pro4 .title{font-size: 15px;margin-bottom: 20px}
.pro4{padding: 30px 0}
.pro2 .container{padding: 0 20px}
.pro3{padding: .3rem 0}
.pro3 .item p{font-size: 13px;margin-top: 13px}
.prowindow{width:90vw;margin-left: -45vw}
.pro2-1 img{width: 100% !important;height: 100% !important;object-fit: cover !important;}
.pro-style ul li .prosty-sub,.pro-style ul li::after{width: 100%; left: 0;}
.pro3-2{ margin: 0 6%; margin-bottom: .26rem; height: unset;}
.pro3-list-box .pro3-item{width: 48%;}
.pro3-list-box .pro3-item:last-child:nth-child(3n + 2) {
margin-right: calc((100% - 48%) / 2);
}
.pro3-list-box .pro3-item .pro3-item-txt h5{font-size: 16px;}
.pro3-list-box .pro3-item .pro3-item-txt p{font-size: 14px;}
.pro2left {height: 4rem;}
.info-section1 .info-section1-content .info-section1-left,.info-section1 .info-section1-content .info-section1-right{width: 100%;}
.info-section1 .info-section1-content .info-section1-right{padding-left: 0;}
}
.navigation{padding:1.2rem 0;background: #e9e9e9}
.navigation .item{display: block;float: left;width: 33.333%;display: flex;align-items: center;text-align: center;transition: all .3s;background: #fff}
.navigation .item .icon{width: .8rem;height: .8rem;position: relative;margin:0 auto;}
.navigation .item .icon img{position: absolute;top: 0;left: 0;right: 0;bottom: 0;transition: all .3s;margin: auto}
.navigation .item .icon img:nth-child(2){opacity: 0}
.navigation .item .en{transition: all .3s;font-size: .22rem;color: #333;line-height: 1;margin: .2rem 0}
.navigation .item .cn{transition: all .3s;font-size: .24rem;color: #333;line-height: 1}
.navigation .item .line{transition: all .3s;width: .28rem;height: .05rem;border-radius: .4rem;background: #333;margin:1.8vw auto 0;}
.navigation .item:nth-child(even){background: #f1f1f1}
.post1{padding: .3rem 0 .4rem}
.post1 .container{padding: 0 4.5vw}
.post1 .item{display: flex;align-items: center;padding: 1rem 0}
.post1 .item .left{width: 42%;text-align: center;}
.post1 .item .left .date{font-size: .46rem;color: #333;font-weight: 600;line-height: 1}
.post1 .item .left .year{font-size: .22rem;color: #333;line-height: 1;margin-top: .06rem}
.post1 .item .right{padding-right:5vw}
.post1 .item .right p{font-size: .2rem;color: #333;line-height: 1.6;transition: all .3s}
.post1 .swiper-pagination{position: static;font-size: 0}
.post1 .swiper-pagination-bullet{width: 10px;height: 10px;border:2px solid rgb(202,202,202);background: #fff;opacity: 1;margin: 0 4px!important}
.post1 .swiper-pagination-bullet-active{background: #333;border-color: #333}
.post2{padding: .6rem 0 .7rem;background: #f3f3f3}
.post2 .col-sm-6{padding: .1rem;}
.post2 .container{padding: 0 1.8vw}
.post2 .item{padding-right: .4rem;transition: all .3s;box-shadow: 5px 8.66px .16rem 0px rgba(51, 51, 51, 0.11);border-radius: .1rem;display: flex;align-items: center;height: 1.4rem;background: #fff;border: 1px solid rgb(237,237,237)}
.post2 .item .time{transition: all .3s;width: 1.48rem;text-align: center;margin-right: .15rem;font-size: .32rem;color: #333;font-weight: 600}
.post2 .item p{transition: all .3s;font-size: .16rem;color: #333;line-height: 1.75}
/* 新增股票信息 */
.gupiao{ background: #f0f0f0; padding-top: .5rem; padding-bottom: .6rem;}
.gupiao-content{background: #fff;box-shadow: 5px 8.66px .16rem 0px rgba(51, 51, 51, 0.11); padding: .5rem .6rem .3rem .4rem; display: flex;}
.gupiao-content-left{width: 55%;}
.gupiao-content-left .gp-p1{font-size: 20px; color: rgb(51, 51, 51);line-height: 1.6;}
.gupiao-content-left .gp-p2{font-size: 16px; color: rgb(51, 51, 51);line-height: 2; margin-top: .2rem; margin-bottom: .5rem;}
.gupiao-content-left .gp-p2 span{font-size: .36rem;line-height: 0.889;}
.gupiao-content-left .gp-p2 img{display: inline-block; width: 14px;}
.gupiao-content-left .gp-p3{font-size: 16px; color: rgb(153, 153, 153);line-height: 2;margin-top: .5rem;}
.gp-list{display: flex; flex-wrap: wrap;}
.gp-list div{width: 25%;}
.gp-list div p{font-size: 16px; color: rgb(51, 51, 51);line-height: 2;margin-bottom: .1rem;}
.gp-list div span{font-size: 24px; color: rgb(51, 51, 51);line-height: 1.333;}
.gupiao-content-right{width: 45%;}
.gupiao-content-right img{max-width: 100%;}
.gp-tabs{display: flex; flex-wrap: wrap; margin-top: .35rem; padding-left: .3rem;}
.gp-tabs p{font-size: 16px;color: rgb(51, 51, 51);line-height: 2; transition: all .3s; background: transparent; border: 2px solid rgba(198,198,198,0.17); margin-right: .13rem;
padding:0 .25rem; cursor: pointer;}
.gp-tabs p.on,.gp-tabs p:hover{background: #134374; color: #fff;}
.gp-img img{display: none;}
.gp-img img.on{display: block;}
/* 定期报告 样式 */
.prospectus-box{ background: #efefef;padding-top: 0.55rem; padding-bottom: .51rem;}
.prospectus-box .p-item{background: #fff; border: 1px solid rgb(231, 231, 231);border-radius: .1rem; width: 100%; box-sizing: border-box; padding: .45rem .65rem;display: flex; align-items: center; margin-bottom: 8px;transition: all .3s;}
.prospectus-box .p-item .p-item-left{display: flex; align-items: center; width: 80%; }
.prospectus-box .p-item .p-item-left span{font-size: 18px;color: rgb(51, 51, 51); text-transform: uppercase; transition: all .3s; margin-right: 6vw;}
.prospectus-box .p-item .p-item-left p{font-size: 16px;color: rgb(51, 51, 51); text-transform: uppercase;transition: all .3s; flex: 1;}
.prospectus-box .p-item:hover{background: #134374;}
.prospectus-box .p-item:hover .p-item-left span,.prospectus-box .p-item:hover .p-item-left p{color: #fff; }
.prospectus-box .p-item .p-item-right{width: 20%; text-align: right;}
.prospectus-box .p-item .p-item-right a{padding: .05rem .36rem; border: 2px solid #e4e4e4; color: #333;border-radius: .1rem;transition: all .3s;}
.prospectus-box .p-item:hover .p-item-right a{border: 2px solid #fff; color: #fff;}
.psp1{padding: .85rem 0 1.05rem}
.psp1box{display: flex;align-items: flex-end;padding:0 10.4vw}
.psp1box img{object-fit: cover;border-radius: 3px;width: 25%;box-shadow: .15rem .21rem .16rem 0px rgba(51, 51, 51, 0.11);margin-right:17%}
.psp1box .txtbox{width: 39%;}
.psp1box .txtbox .h1{font-size: .26rem;color: #333}
.psp1box .txtbox .h2{font-size: .16rem;color: #999;line-height: 1.75;margin: .9vw 0 4.3vw}
.psp1box .txtbox .btnbox{display: flex;align-items: center;justify-content: space-between;}
.psp1box .txtbox .btnbox .item2{transition: all .3s;border:.02rem solid #e4e4e4;width: 47.7%;line-height: .4rem;text-align: center;font-size: .16rem;color: #333;border-radius: .1rem;cursor: pointer;}
.psp2{padding: .35rem 0 .45rem;background: #f3f3f3}
.psp2 .container{padding:0 .8vw}
.psp2 .col-sm-6{padding:.09rem .14rem;}
.psp2 .item{display: flex;align-items: center;border-radius: .1rem;border:.02rem solid rgb(237, 237, 237);box-shadow: 5px 8.66px .16rem 0px rgba(51, 51, 51, 0.11);background: #fff;padding: .28rem .3rem .28rem .26rem}
.psp2 .item img{width:28%;object-fit: cover;object-fit: cover;border-radius: 3px;box-shadow: .15rem .21rem .16rem 0px rgba(51, 51, 51, 0.11);margin-right: 2.25vw}
.psp2 .item .h1{font-size: .26rem;color: #333}
.psp2 .item .h2{font-size: .16rem;color: #999;line-height: 1.75;margin: 1vw 0 2vw}
.psp2 .item .btnbox{display: flex;align-items: center;justify-content: space-between;}
.psp2 .item .btnbox .item2{transition: all .3s;border:.02rem solid #e4e4e4;width: 47.7%;line-height: .4rem;text-align: center;font-size: .16rem;color: #333;border-radius: .1rem;cursor: pointer;}
@media (min-width: 1000px){
.navigation .item:hover{background: #134374;box-shadow: 0px .36rem .49rem 0px rgba(51, 51, 51, 0.52);transform: translateY(-10px);}
.navigation .item:hover .icon img:nth-child(1){opacity: 0}
.navigation .item:hover .icon img:nth-child(2){opacity: 1}
.navigation .item:hover .en{color: #fff}
.navigation .item:hover .cn{color: #fff}
.navigation .item:hover .line{background: #fff}
.post2 .item:hover{background: #134374;transform: translateY(-8px);}
.post2 .item:hover .time{color: #fff}
.post2 .item:hover p{color: #fff}
.post1 .item:hover p{color: #134374}
.psp2 .item .btnbox .item2:hover{background: #134374;border-color: #134374;color: #fff}
.psp1box .txtbox .btnbox .item2:hover{background: #134374;border-color: #134374;color: #fff}
}
@media (max-width: 767px){
.navigation{padding: 30px 0}
.navigation .item{width: 50%}
.navigation .item:nth-child(even){background: #fff}
.navigation .item:nth-child(2){background: #f1f1f1}
.navigation .item:nth-child(3){background: #f1f1f1}
.navigation .item:nth-child(6){background: #f1f1f1}
.navigation .item .en{font-size: 13px;}
.navigation .item .cn{font-size: 14px;}
.navigation .item .icon{width: 45px;height: 45px}
.tzsubnav a{margin: 0 2vw}
.post1{padding: 30px 0}
.post1 .swiper-pagination-bullet{width: 8px;height: 8px;}
.post1 .item .left .year{font-size: 13px;}
.post1 .item .left .date{font-size: 26px}
.post1 .item .right p{font-size: 13px;}
.post1 .item .right{padding-right: 0}
.post2{padding: .4rem 0}
.post2 .item p{font-size: 12px}
.post1 .item{padding: 50px 0}
.psp2 .item{padding: .28rem}
.psp2 .item img{margin-right: .28rem}
.psp2 .item .h1{font-size: 15px}
.psp2 .item .h2{font-size: 12px;margin: 1.5vw 0 2vw}
.psp2 .item .btnbox .item2{line-height: 25px;font-size: 12px}
.psp2{padding: .35rem 0}
.psp1{padding:30px 0}
.psp1box .txtbox .h1{font-size: 15px;}
.psp1box .txtbox .h2{font-size: 12px}
.psp1box{align-items: center;padding:5vw}
.psp1box .txtbox{width: auto;flex: 1}
.psp1box img{width: 30%;margin-right: 10%}
.psp1box .txtbox .h2{margin: 1.5vw 0 4vw}
.psp1box .txtbox .btnbox .item2{line-height: 25px;font-size: 12px}
.gupiao-content,.prospectus-box .p-item .p-item-left{flex-wrap: wrap;}
.gupiao-content-right,.gupiao-content-left,.prospectus-box .p-item .p-item-left span,.prospectus-box .p-item .p-item-left p{width: 100%; flex: unset;}
.gp-list div{width: 50%;}
.gupiao-content-left .gp-p3{margin-bottom: .3rem;}
.prospectus-box .p-item .p-item-left{width: 64%;}
.prospectus-box .p-item .p-item-right{width: 36%;}
.prospectus-box .p-item{padding: 15px;}
}
@media (min-width: 640px){.cul1 .imgbox{padding-right:8%}}
@media (min-width: 1200px){.cul1 .imgbox{padding-right:12%}}
@media (min-width: 1600px){.cul1 .imgbox{padding-right:16%}}
.cul1 .imgbox{position: relative;}
.cul1{padding-top: .8rem}
.cul1 .imgbox .h1{bottom:-4.2vw;position: absolute;right: 0;font-weight: bold;font-family: "Gilroy";text-transform: uppercase;font-size: 7vw;color: #fff;text-shadow: .12vw .75vw 1.9vw rgba(51, 51, 51, 0.16);line-height: 1;}
.cul1box{display: flex;align-items: flex-start;padding: 12.5vw 0 7.5vw}
.cul1box .h1{font-size: .26rem;color: #333;width:30.5%}
.cul1box p{font-size: .16rem;color: #333;line-height: 2;}
.cul2{padding-bottom:4.3vw}
.cul2 .imgbox{position: relative;}
.cul2 .cultitle{position: absolute;top: 0;left: 0;right: 0;bottom:.67rem;text-align: center;display: flex;align-items: center;}
.cul2 .cultitle .en{font-size:.46rem;color: #fff;text-transform: uppercase;}
.cul2 .cultitle .cn{font-size: .26rem;color: #fff;margin-top: 1.6vw}
.cul2 .itembox{display: flex;align-items: flex-start;padding-top: .45rem;background: #fff;margin:-.67rem 3vw 0;position: relative;z-index: 2;box-shadow: 3.774px 3.28px .4rem 0px rgba(0, 0, 0, 0.14);height: 2.16rem}
.cul2 .itembox .item img{width:.5rem;margin: 0 auto;transition: all .3s; filter: grayscale(100%);}
.cul2 .itembox .item{text-align: center;flex: 1;padding: 0 .2rem}
.cul2 .itembox .item .h1{font-size: .22rem;color: #333;line-height: 1;margin:.1rem 0 .08rem}
.cul2 .itembox .item p{font-size: .16rem;color: #999;line-height: 1.5}
.his1{height:22.8vw;background: url(../images/his1bg.jpg);display: flex;align-items: center;padding: 0 3.2vw;background-size: cover;background-position: center;}
.his1 .swiper-container{flex: 1;margin:0 -10px;padding:0 .5rem}
.his1 .swiper-slide{font-family: "Gilroy";text-align: center;font-size: .46rem;color: rgba(255, 255, 255, 0.2);cursor: pointer;transition: all .3s}
.his1 .swiper-slide-thumb-active{color: #fff;font-weight: 600}
.his1 .swiperbtn{width: .36rem;height: .36rem;position: absolute;top: 50%;margin-top:-.18rem;z-index: 5;cursor: pointer;}
.his1 .prev{left:10px}
.his1 .next{right:10px}
.his1 .swiperbtn:after{content:"";width: 100%;height: 100%;left: 0;top: 0;transform: skew(-15deg);z-index: -1;position: absolute;border-radius: .04rem;transition: all .3s;border: .02rem solid #fff}
.his1 .swiperbtn img{position: absolute;top: 0;left: 0;bottom: 0;right: 0;width: .07rem;margin: auto;transition: all .3s}
.his1 .swiperbtn img:nth-child(2){opacity: 0}
.his2{padding: 1.3vw 0 2.5vw}
.his2 .swiper-container{padding: 5vw 0}
.his2 .item{display: flex;align-items: flex-start;padding: 0 3.3vw;transition: all .5s;transform: translateY(-20%);opacity: 0}
.his2 .item .year{font-size: .68rem;color: #333;font-family: "Gilroy";font-weight: bold;line-height: 1;width: 34.2%;}
.his2 .item p{font-size: .16rem;color: #333;line-height: 2}
.his2 .item .imgbox{display: flex;align-items: center;justify-content: space-between;margin-top: 2.5vw}
.his2 .item .imgbox img{width: 31.4%;}
.his2 .swiper-slide-active .item{transform: translateY(0);opacity: 1}
.subnav2{display: flex;align-items: center;height: .47rem;display: flex;align-items: center;justify-content: center;}
.subnav2 a{font-size: .16rem;color: #333;margin:0 1.75vw;transition: all .3s}
.subnav2 a.on{color: #134374}
.honorbtn .item2{width: 1.06rem;height: .32rem;position: relative;margin-left: .06rem;cursor: pointer;z-index: 0}
.honorbtn .item2 img{position: absolute;left: 0;right: 0;top: 0;bottom: 0;transition: all .3s;margin: auto}
.honorbtn .item2 img:nth-child(2){opacity: 0}
.honorbtn .item2:after{content:"";width: 100%;height: 100%;top: 0;left: 0;transform: skew(-15deg);background: #fff;transition: all .3s;z-index: -1;box-shadow: 0px .09rem .27rem 0px rgba(51, 51, 51, 0.11);position: absolute;border:.03rem solid #efefef;}
.honorbtn{display: flex;align-items: center;justify-content: center;padding: .6rem 0}
.honor1{padding:0 6.6vw;background: #f3f3f3}
.honor1 .item{padding:0 3.2vw;float: left;width:25%;margin-top:5.5vw}
.honor1 .item p{line-height: .32rem;text-align: center;font-size:.16rem;color: #333;margin-top: .32rem;position: relative;z-index: 0;padding: 0.2rem 0; height: 1.04rem;}
/* .honor1 .item p:after{content:"";background: #ececec;position: absolute;left:-10vw;right: -10vw;bottom:0;top: 0;z-index: -1}
.honor1 .item p:before{content:"";background: #e2e2e2;position: absolute;left:-10vw;right: -10vw;bottom:.52rem;z-index: -1;height: .9rem} */
.honor1 .item p:after{content:"";background: #ececec;position: absolute;left:-3.2vw;right: -3.2vw;bottom:0;top: 0;z-index: -1}
.honor1 .item p:before{content:"";background: #e2e2e2;position: absolute;left:-3.2vw;right: -3.2vw;bottom:.52rem;z-index: -1;height: .9rem}
.honor1 .item:nth-child(4n) p:after{right: -10vw;}
.honor1 .item:nth-child(4n) p:before{right: -10vw;}
.honor1 .item:nth-child(4n+1) p:after{left: -10vw;}
.honor1 .item:nth-child(4n+1) p:before{left: -10vw;}
.honor1 .item img{position: relative;z-index: 2;cursor: pointer;transition: all .3s}
.honor2{padding:0 6.1vw}
.honor2 .item{width: 33.33%;padding: 0 4.35vw;}
.cta1{padding: .6rem 0 4vw;margin-bottom:.56rem}
.cta1 .item{float: left;width:33.33%;text-align: center;}
.cta1 .item img{width: .6rem;margin: 0 auto;transition: all .36s}
.cta1 .item .h1{font-size: .16rem;line-height: 1.5;color: #999;margin-top: .18rem}
.cta1 .item p{font-size: .16rem;line-height: 1.5;color: #333}
.cta1 .title{font-size: .26rem;color: #333;text-align: center;margin-bottom: 4vw}
.cta2{position: relative;}
.cta2 .item{transition: all .3s;/*float: left;*/ margin: auto; width: 25%;text-align: center;box-shadow: 5.035px 4.863px .49rem 0px rgba(51, 51, 51, 0.13);background: #fff;height: 1.38rem;padding: .2rem 1.5vw 0;cursor: pointer;}
.cta2 .item .h1{font-size: .16rem;color: #134374;line-height: 1.75;transition: all .3s}
.cta2 .item p{font-size: .16rem;color: #999;line-height: 1.75}
.cta2 .container{position: absolute;top: -.56rem;z-index: 3;left: 0; right: 0; display: flex; flex-wrap: wrap; justify-content: center;}
#map1{height:35vw;}
.cta3{background: url(../images/cta3bg.jpg);background-size: cover;background-position: center;padding: 5.5vw 0 6.5vw}
.cta3 .title{font-size: .26rem;color: #333;text-align: center;margin-bottom: 4vw}
.cta3 .item{box-shadow:.17rem .24rem .29rem 0px rgba(51, 51, 51, 0.09);float: left;width: 50%;background: #fff;border:1px solid #e8e8e8;padding: 4.7vw 2.6vw;display: flex;align-items: flex-start;}
.cta3 .item .h1{font-size:.26rem;color: #134374;line-height: 1.231;width: 44%}
.cta3 .item p{font-size:.16rem;color: #333;line-height: 2}
.anchorBL{display: none;}
.cta2 .item.on{background: #134374}
.cta2 .item.on .h1{color: #fff}
.cta2 .item.on p{color: #fff}
.about1{position: relative;padding-top: 13vw}
.about1>img{position: absolute;top: 0;left: 0;right: 0;z-index: -1}
.about1 .container{display: flex;}
.about1-1{position: relative;width: 34.46%;background: #fff;padding: 2.5vw 1.5vw;box-shadow: .28rem .4rem .68rem 0px rgba(51, 51, 51, 0.18);
/* transform: translateY(-7vw); */
top:-7vw;z-index: 2;
}
.about1-1 .en{font-size: .16rem;color: #333;line-height: 1.375}
.about1-1 .cn{font-size: .32rem;color: #333;line-height: 1.313;margin: 2.5vw 0 1.8vw}
.about1-1 .code{width: 1.84rem;line-height: .3rem;background: #134374;font-size:.16rem;color: #fff;text-align: center;}
.about1-2{background: #fff;box-shadow: .28rem .4rem .68rem 0px rgba(51, 51, 51, 0.18);}
.about1-2 .h1{font-size: .36rem;line-height: 1.333;color: #333;margin-bottom: 5vw}
.about1-2 p{font-size: .16rem;line-height: 2;color: #333}
.about1-2 .box{padding: 4vw 3.5vw 3.5vw 3vw;}
.about1-1 .word{font-family: "Gilroy";font-size:7vw;color: #f4f4f4;font-weight: 600;line-height: 1;position: absolute;bottom: 0;left: .5vw;right: 0}
.about2{padding-top: 6.6vw}
.about2-1{text-align: center;margin-bottom: 4.2vw}
.about2-1 img{width:.74rem;margin: 0 auto;}
.about2-1 .h1{font-size: .36rem;color: #333;line-height: 1.333;margin-top: 3.5vw}
.about2-1 .h1 span{color: #134374}
.about2-1 p{font-size: .16rem;color: #333;line-height: 2;padding: 0 2vw}
.about2-1 .line{width: 1.95rem;height: 1px;background: #333;margin:3vw auto 2.2vw}
.about2-2{display: flex;align-items: center;justify-content: space-between;position: relative;z-index: 3}
.about2-2 .item{box-shadow:.1rem .14rem .18rem 0px rgba(51, 51, 51, 0.19);width: 49.8%;height: 1.9rem;background: #fcfcfc;padding-top: .32rem}
.about2-2 .item .num{ font-weight: bold;font-family: "Gilroy";line-height: 1;display: flex;align-items: center;font-size: .8rem;color: #134374;display: flex;align-items: center;justify-content: center;}
.about2-2 .item p{text-align: center;font-size: .16rem;color: #333;margin-top: .18rem}
.about2-2 .item .num>div{position: relative;}
.about2-2 .item .num img{width: .43rem;position: absolute;bottom: -.08rem;right: -.22rem;box-shadow: .1rem .14rem .18rem 0px rgba(51, 51, 51, 0.11);border-radius: 50%}
.about2-2 .item{background-image: linear-gradient(#eeeeee, #fff);}
.about2-3{margin-top: -1rem!important}
.about2-3 .swiper-pagination{font-size: 0;bottom: 2vw!important;}
.about2-3 .swiper-pagination .swiper-pagination-bullet{width: .08rem;height: .08rem;background: #fff;border: .02rem solid transparent;opacity: 1;vertical-align: middle;margin: 0 .06rem!important}
.about2-3 .swiper-pagination .swiper-pagination-bullet-active{width: .12rem;height: .12rem;background: transparent;border: .02rem solid #fff}
.about2-4 .h1{font-size:.26rem;color: #333;margin-bottom: 2.5vw}
.about2-4 p{font-size:.16rem;color: #333;line-height: 2;padding-right: 10vw}
.about2-4{padding: 6.5vw 0 7.2vw}
.about3box{position: relative;z-index: 2;background: #fff;padding:0 3vw 0 10vw;display: flex;align-items: center;box-shadow: .1rem .14rem .38rem 0px rgba(51, 51, 51, 0.19);margin-top: -1.08rem}
.about3box .item{height: 1.86rem;display: flex;align-items: center;flex: 1;transition: all .3s;}
.about3box .item img{width: .7rem;margin-right:1.5vw;transition: all .3s; filter: grayscale(100%);}
.about3box .item p{font-size: .16rem;color: #333;line-height: 1.5}
.about3{padding-bottom:5.5vw}
.about3 .txtbox .h1{font-size:.26rem;color: #333;margin-bottom: 2.3vw}
.about3 .txtbox p{font-size:.16rem;color: #333;line-height: 2}
.about3 .txtbox{margin-top: 6.5vw}
.tech1{padding: 6.5vw 0 7vw;}
.tech1 .container{display: flex;align-items: flex-start;justify-content:space-between;padding-right: 6.5vw}
.tech1-1{padding-right: 14vw}
.tech1-1 .h1{font-size: 26px;color: #134374;font-weight: bold;}
.tech1-1 .line{width: .2rem;height: .03rem;background: #134374;margin:1.5vw 0 1vw}
.tech1-1 .h2{font-size: .36rem;line-height: 1.444;color: #333;margin-bottom: 3.5vw}
.tech1-1 p{font-size: .16rem;color: #333;line-height: 1.75;}
.tech1-2 .item:nth-child(2){margin-top: 5.5vw}
.tech1-2 .item .num{ font-weight: bold;font-family: "Gilroy";line-height: 1;display: flex;align-items: center;font-size: .8rem;color: #134374;display: flex;align-items: center;justify-content: center;}
.tech1-2 .item p{text-align: center;font-size: .16rem;color: #333;margin-top: .18rem}
.tech1-2 .item .num>div{position: relative;}
.tech1-2 .item .num img{width: .43rem;position: absolute;bottom: -.08rem;right: -.22rem;box-shadow: .1rem .14rem .18rem 0px rgba(51, 51, 51, 0.11);border-radius: 50%}
.tech3{padding:15.5vw 16% 18vw;position: relative;}
.tech3 .txtbox{width: 45.4%;position: relative;z-index: 2}
.tech3 img{max-width: 64%;position: absolute;top: 0;right: 0}
.tech3 .h1{font-size: .36rem;color: #333;margin-bottom: 2.5vw}
.tech3 p{font-size: .16rem;line-height: 1.75;color: #333}
@media (min-width: 640px){.tech3{padding:15.5vw 8% 18vw;}}
@media (min-width: 1200px){.tech3{padding:15.5vw 12% 18vw;}}
@media (min-width: 1600px){.tech3{padding:15.5vw 16% 18vw;}}
.tech4{padding-bottom: 10vw;display: flex;align-items: center;justify-content: center;}
.tech4 .txtbox{width: 31%;position: relative;z-index: 2}
.tech4 img{max-width: 40%;margin-right: 9vw}
.tech4 .h1{font-size: .36rem;color: #333;margin-bottom: 2.5vw}
.tech4 p{font-size: .16rem;line-height: 1.75;color: #333}
.tech5{background: #f3f3f3;position: relative;padding: .6rem 0 0 0; padding-bottom: 0.8rem;}
.tech5 .honor1{padding-bottom: .3rem;}
.tech5 .idxbtn{background: none; width: 2rem;line-height: .52rem;}
.tech5 .title{font-size: .36rem;text-align: center;color: #333;}
.tech5 .swiper-container{padding:0 6.6vw;}
.tech5 .item{padding:0 3.2vw;}
.tech5 .item p{line-height: .32rem;text-align: center;font-size:.16rem;color: #333;margin-top: .32rem;position: relative;z-index: 0 ; padding: 0.2rem; height: 1.04rem;}
/* .tech5 .item p:after{content:"";background: #ececec;position: absolute;left:-10vw;right: -10vw;bottom:0;top: 0;z-index: -1}
.tech5 .item p:before{content:"";background: #e2e2e2;position: absolute;left:-10vw;right: -10vw;bottom:.52rem;z-index: -1;height: .9rem} */
.tech5 .item p:after{content:"";background: #ececec;position: absolute;left:-3.2vw;right: -3.2vw;bottom:0;top: 0;z-index: -1}
.tech5 .item p:before{content:"";background: #e2e2e2;position: absolute;left:-3.2vw;right: -3.2vw;bottom:.52rem;z-index: -1;height: .9rem}
.tech5 .swiper-slide:last-child .item p:after{right: -10vw;}
.tech5 .swiper-slide:last-child .item p:before{right: -10vw;}
.tech5 .swiper-slide:first-child .item p:after{left: -10vw;}
.tech5 .swiper-slide:first-child .item:first-child p:before{left: -10vw;}
.tech5 .item img{position: relative;z-index: 2;cursor: pointer;transition: all .3s}
.tech5 .swiperbtn{width: .42rem;height: .42rem;position: absolute;top: 40%;margin-top:-.21rem;z-index: 5;cursor: pointer;}
.tech5 .prev{left: 3vw}
.tech5 .next{right: 3vw}
.tech5 .swiperbtn:after{content:"";width: 100%;height: 100%;left: 0;top: 0;transform: skew(-10deg);background: #fff;z-index: -1;position: absolute;border-radius: .04rem;transition: all .3s}
.tech5 .swiperbtn img{position: absolute;top: 0;left: 0;bottom: 0;right: 0;width: .07rem;margin: auto;transition: all .3s}
.tech5 .swiperbtn img:nth-child(1){opacity: 0}
.rela1{padding:10vw 0 9.5vw;}
.rela1 .container{display: flex;align-items:flex-start;}
.rela1 .h1{width:39%;font-size: .36rem;color: #333}
.rela1 .h1 span{color: #134374}
.rela1 p{font-size: .16rem;color: #333;line-height: 1.75}
.rela2 .item{float:left;width:16.66666%;position: relative;overflow: hidden;}
.rela2 .item .box{position: absolute;top: 50%;left: 0;right: 0;text-align: center;transform: translateY(-50%);transition: all .3s}
.rela2 .item p{font-size:.18rem;color: #fff;margin-top: .1rem}
.rela2 .item .box img{width: .64rem;margin: 0 auto}
.rela2 .item>img{transition: all .3s}
.rela3 .container{padding: 0 6.5vw;text-align: center;}
.rela3 .h1{font-size: .36rem;color: #333;margin-bottom: 3.3vw}
.rela3 p{font-size: .16rem;color: #333;line-height: 1.75}
.rela3{padding: 8vw 0 12vw}
.rela4{padding-bottom: 12vw}
.rela4 .title{font-size: .36rem;text-align:center;color: #333}
.rela4tab .item{cursor: pointer;margin: 0 .04rem;transition: all .3s;text-align: center;font-size: .16rem;box-shadow: 5px .0866rem .16rem 0px rgba(51, 51, 51, 0.13);border-radius: 3px;width: 2.58rem;line-height: .48rem;border:1px solid rgb(235,235,235);}
.rela4tab{display: flex;align-items: center;justify-content: center;margin:.4rem 0 4.5vw}
.rela4tab .item.on{background: #134374;color: #fff;border-color: #134374}
.rela4 .imgbox1{max-width: 100%;margin: 0 auto}
.rela4 .imgbox1 img{margin: auto;}
.rela4 .imgbox2{max-width: 93%;margin: 0 auto}
.rela4box{display: flex;align-items: center;padding-right: 0vw;margin-top: 9vw}
.rela4box .h1{font-size: .26rem;color: #333;margin-bottom: 1vw}
.rela4box p{font-size:.16rem;color: #333;line-height: 2;}
.rela4 .countbox .item{text-align: center;float: left;width: 50%;padding:.15rem 0}
.rela4 .countbox .item .num{line-height: 1;font-size: .46rem;color: #333;font-family: "Gilroy";font-weight: bold;}
.rela4 .countbox .item .txt{font-size: .16rem;color: #333;}
/* .rela4 .countbox{width: 2.3rem;margin-left: 12vw} */
.rela4 .countbox{width: 4rem;margin-left: 8vw}
.rela5{padding: 5vw 0 6vw;background: url(../images/rela5.jpg);background-size: cover;background-position: center;}
.rela5 .title{font-size: .36rem;text-align: center;color: #fff;margin-bottom:2vw}
.rela5 .imgbox{display: inline-block;}
.rela5 .imgbox .item{top: 38%;}
.rela5 .imgbox .item .re5-img-box{width: .5rem; overflow: hidden;transition: all .3s;}
.rela5 .imgbox .item img{width: .5rem; transition: all .3s; }
.rela5 .imgbox .item img:nth-child(1){display: block;}
.rela5 .imgbox .item img:nth-child(2){display: none;}
.pos1{left: 6%; }
.pos2{left: 18%; }
.pos3{left: 30%; }
.pos4{left: 42%; }
.pos5{left: 54%; }
.pos6{left: 66%; }
.pos7{left: 78%; }
.pos8{left: 90%; }
.rela5 .imgbox .item p{font-size: 16px; color: #fff; margin-top: 5px;}
.rela5box{margin-right: -6vw;}
.rela5box .item{float: left;width: 12.5%}
.rela5box .item img{width: .5rem;margin: 0 auto}
.rela5box .item p{font-size: .18rem;color: #fff;line-height: 1;margin-top: .1rem;text-align: center;}
.rela5 .imgbox{margin-right: -6vw}
.rela6{padding: 4.5vw 0 8vw}
.rela6 .title{font-size: .36rem;text-align: center;color: #333;margin-bottom: .5rem}
.rela6 .item{ box-shadow: .18rem .24rem .29rem 0px rgba(51, 51, 51, 0.09);display: flex;align-items: center;height: 2.2rem;padding: .2rem .58rem 0.2rem .55rem;border: 1px solid #e8e8e8}
.rela6 .item img{width:1.33rem;box-shadow:5px 5px 5px rgba(0,0,0,.15)}
.rela6 .item .h1{font-size: 18px;color: #134374;width: 2.45rem;line-height: 1.231;}
.rela6 .item p{font-size:.16rem;color: #333;line-height: 2}
/* 产品中心2-style */
/* .pro-style1{background: url(../images/pro-bg1.jpg) no-repeat; background-size: 100% 100%; padding-top: .7rem; padding-bottom: 1rem; } */
.bg-blue{border-left: 6px solid #134374 !important;}
.pro-style ul{padding-left: 0;display: flex;align-items: center; margin-bottom: 0;}
.pro-style ul li{height: .66rem; position: relative; line-height: .66rem;}
.pro-style ul li::after{position: absolute; left: 7%; width: 86%; bottom: 0; height: 2px; background: transparent; content: '';z-index: 2; transition:all .3s;}
.pro-style ul li .prosty-sub{position: absolute; width: 86%; left: 7%; top: 100%; background: #fff;box-shadow: 12px 20.785px 27px 0px rgba(0, 0, 0, 0.15); display: none;
}
.prosty-sub a{display: flex; align-items: center; margin: 0;justify-content: center;}
.prosty-sub a:hover{background: #134374; color: #fff;}
.pro-style ul li.on >a,.pro-style ul li:hover >a,.pro-style ul li.active::after{color: #134374;}
.pro-style ul li.on::after,.pro-style ul li:hover::after,.pro-style ul li.active::after{background: #134374;}
.prosty-sub a:hover .bg-blue{border-left: 6px solid #fff !important;}
.pro-style1 img{width: 100%; margin: auto;}
.pro-style5{padding:0px;}
.pro-style5 img{width: 100%; margin: auto; margin-bottom:0px;}
/* .pro-style1 .container{display: flex;}
.pro-style1 .prostyle-left{ width: 60%; }
.pro-style1 .prostyle-right{ width: 40%; padding-top: .62rem;} */
.s-h1{ font-size: .42rem;color: rgb(51, 51, 51);line-height: 1.238;}
.s-p{ font-size: .22rem;color: rgb(51, 51, 51);line-height: 2.364;}
.triangle-right {
width: 0;
height: 0;
border-top: 2.5px solid transparent;
border-left: 6px solid #333;
border-bottom: 2.5px solid transparent;
display: inline-block;margin-right:10px ;
}
.down-btn{display: block; margin-top: .4rem; width: 2.16rem; height: .46rem; position: relative;color: rgb(51, 51, 51); font-size: 16px; transition: all .3s;
}
.down-btn .down-txt{ display: flex; align-items: center; height: 100%; z-index: 5; position: relative; width: 100%;padding-left: .2rem;}
.down-btn .down-txt img{margin-right: .5rem; width: .15rem;}
.down-btn .down-bg-blue{background: #134374; width: .5rem; height: .46rem;transform: skew(-15deg); position: absolute; left: 0; top: 0; z-index: 3; border-top-left-radius: .1rem; border-bottom-left-radius: .1rem;}
.down-btn .down-bg-black{background: #000; width: .5rem; height: .46rem;transform: skew(-15deg); position: absolute; left: 0; top: 0; z-index: 3; border-top-left-radius: .1rem; border-bottom-left-radius: .1rem;}
.down-btn .down-bg{background: #fff; border-radius: .1rem; overflow: hidden; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 2;box-shadow: 0px 25px 29px 0px rgba(51, 51, 51, 0.11);transform: skew(-15deg);}
.down-btn:hover{transform: translateY(-10px);color: rgb(51, 51, 51);}
.pro-style2{ padding-top: 1.1rem; padding-bottom: 1.1rem;}
.pro-style2 .container{display: flex;align-items: center;}
.pro-style2 .container .prostyle2-left{width: 23%;}
.pro-style2 .container .prostyle2-mid{width: 47%;}
.pro-style2 .container .prostyle2-mid2{width: 70%;}
.pro-style2 .container .prostyle2-right{width: 30%;padding-left: 2%;box-sizing: border-box;}
.pro-style2 .container .prostyle2-right ul li{ font-size: 16px;color: rgb(51, 51, 51);display: flex; align-items: center;line-height: 2.125;}
.pro-strle3{background: #e8e8e8; min-height: 1rem; padding-top: .7rem; padding-bottom: 1.2rem; }
.video-box{width: 62.5%; margin: auto; height: 4.4rem; position: relative; overflow: hidden; border-radius: .1rem;box-shadow: 36.817px 38.125px 43px 0px rgba(0, 0, 0, 0.27); }
.video-box video{object-fit: contain; height: 100%; display: none;}
.video-play-box{ background: rgba(0,0,0,1);position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.video-play-box img{width: .62rem; height: .62rem;position: absolute; top: 50%; left: 50%; margin-top: -.31rem; margin-left: -.31rem; cursor: pointer;}
@media (min-width: 1000px){
.his1 .swiperbtn:hover:after{background: #fff;}
.his1 .swiperbtn:hover img:nth-child(1){opacity: 0}
.his1 .swiperbtn:hover img:nth-child(2){opacity: 1}
.subnav2 a:hover{color: #134374}
.honorbtn .item2:hover:after{background: #134374;border-color: #134374}
.honorbtn .item2:hover img:nth-child(2){opacity: 1}
.honorbtn .item2:hover img:nth-child(1){opacity: 0}
.honor1 .item img:hover{transform: translateY(-10px);}
.cta1 .item:hover img{transform: translateY(-8px);}
.tech5 .swiperbtn:hover:after{background: #134374}
.tech5 .swiperbtn:hover img:nth-child(2){opacity: 0}
.tech5 .swiperbtn:hover img:nth-child(1){opacity: 1}
.rela2 .item:hover>img{transform:scale(1.05);}
.rela2 .item:hover .box{transform: translateY(-60%);}
.about3box .item:hover img,.cul2 .itembox .item:hover img{filter: grayscale(0);transform: translateY(-10px);}
.rela5 .imgbox .item:hover .re5-img-box{transform: translateY(-10px);}
.rela5 .imgbox .item:hover img:nth-child(1){display: none;}
.rela5 .imgbox .item:hover img:nth-child(2){display: block;}
}
@media (max-width: 1000px){
.his1 .swiper-slide{font-size: .4rem;}
.his2 .item .year{font-size: .5rem}
.cta2 .item{height: 1.7rem}
#map1{height: 45vw}
.about3 .txtbox p br{display: none;}
.about2-2 .item .num{font-size: .6rem;}
.about2-2 .item{height: 1.7rem}
.tech1-1{padding-right: 10vw}
.tech3{padding-bottom: 12vw}
}
@media (max-width:767px){
.cul1{padding-top: 30px}
.cul1 .imgbox img{height:150px;object-fit: cover;}
.cul1 .imgbox .h1{bottom: -3.2vw}
.cul1box{display: block;padding:40px 0 30px}
.cul1box .h1{font-size: 15px;margin-bottom: 15px;}
.cul1box p{font-size: 12px}
.cul2{padding-bottom: 30px;}
.cul2 .imgbox>img{height: 200px;object-fit: cover;}
.cul2 .cultitle .en{font-size: 20px}
.cul2 .cultitle .cn{font-size: 15px}
.cul2 .itembox{padding:.2rem .1rem;height: auto;overflow: hidden;margin:-.67rem 15px 0;display: block;}
.cul2 .itembox .item{float: left;width:50%;padding: .2rem}
.cul2 .itembox .item p{font-size: 12px;height: 36px;}
.cul2 .itembox .item .h1{font-size: 14px;margin:.1rem 0}
.his1 .swiperbtn img{width: 5px}
.his1 .swiperbtn{width: 24px;height: 24px;margin-top:-12px;}
.his2 .swiper-slide-active .item{padding: 0 }
.his2 .swiper-container{padding: 15px 0}
.his2{padding: 20px 0}
.his2 .item p{font-size: 12px}
.his2 .item{display: block;transform: none;opacity: 1;padding: 0}
.his2 .item .year{font-size: 24px;margin-bottom: 15px}
.his2 .item .imgbox{margin-top: 15px}
.his1{height: 150px}
.subnav2{height: 40px;}
.subnav2 a{font-size: 13px;margin:0 4vw}
.honor1 .item{width: 50%;margin-top: 30px;padding:0 20px!important}
.honor2 .item{width: 50%;margin-top: 30px;padding:0 15px!important}
.honor1{padding:0 15px!important}
.honor1 .item p{font-size: 12px;}
.honorbtn{padding: 30px 0}
.honorbtn .item2{width: 72px;height: 26px;}
.cta1{padding: 30px 0}
.cta1 .title{font-size: 15px;margin-bottom:0}
.cta1 .item{width: 50%;margin-top: 25px}
.cta1 .item .h1{font-size: 13px}
.cta2 .item{width: 100%;height:auto;padding: 15px 20px}
.cta3 .item{width: 100%}
.cta2 .container{position: static;padding:0 15px}
.cta3{padding: 30px 0}
.cta3 .title{font-size: 15px;margin-bottom: 25px}
.cta3 .item{padding: 20px 20px 15px}
.cta3 .item .h1{font-size: 15px}
.cta3 .item p{font-size: 12px}
.cta1{margin-bottom: 0}
#map1{height: 250px;}
.cta2 .item .h1{font-size: 12px}
.cta2 .item p{font-size: 12px}
.about1 .container{display: block;}
.about1-1{transform: translateY(0);width: 100%;padding:20px}
.about1-2 .box{padding: 20px}
.about1-2 .h1{font-size: 16px;margin-bottom: 15px}
.about1-2 p{font-size: 12px}
.about2-1 .h1{font-size: 16px;margin-top: 20px}
.about2-1 img{width:40px}
.about2{padding-top: 30px}
.about2-1 .line{margin: 20px auto}
.about2-1 p{font-size: 12px}
.about2-2 .item .num{font-size: 30px;}
.about2-2 .item .num img{right: -.3rem}
.about2-2 .item p{font-size: 12px}
.about2-2 .item{height: 1.6rem}
.about2-3 .swiper-pagination .swiper-pagination-bullet{width: 6px;height: 6px;margin: 0 4px}
.about2-3 .swiper-pagination .swiper-pagination-bullet-active{width:8px;height: 8px}
.about2-1{margin-bottom: 20px}
.about2-3 img{height: 200px;object-fit: cover;}
.about2-3 .swiper-pagination{bottom: 15px!important}
.about2-4{padding:30px 0}
.about2-4 .h1{font-size: 15px;margin-bottom: 15px}
.about2-4 p{padding-right: 0;font-size: 12px}
.about1-1 .code{width:130px;line-height: 24px;font-size: 12px}
.about1-1 .cn{font-size: 18px;margin:10px 0}
.about1-1 .en{font-size: 12px}
.about1-1 .word{display: none;}
.about3{padding-bottom: 30px}
.about3 .txtbox .h1{font-size: 15px;margin-bottom: 15px}
.about3 .txtbox p{font-size: 12px}
.about3 .imgbox>img{height: 200px;object-fit: cover;}
.about3 .txtbox{margin-top: 25px}
.about1>img{height: 300px;object-fit: cover;}
.about3box{padding: 0;padding: 0 15px}
.about3box .item{height: 1.8rem;padding: 0 5px}
.about3box .item p{font-size: 12px}
.about3box .item img{width: 36px;margin-right: 10px}
.tech5 .swiperbtn img{width: 5px}
.tech5 .swiperbtn{width: 26px;height: 26px;margin-top:-13px;}
.tech1{padding: 30px 0}
.tech1-2 .item .num{font-size: 30px;}
.tech1-2 .item .num img{right: -.3rem}
.tech1-2 .item p{font-size: 12px}
.tech1 .container{padding-right: 0;display: block;}
.tech1-2{display: flex;align-items: center;}
.tech1-2 .item{flex: 1;margin-top: 20px}
.tech1-1 .h2{font-size: 18px}
.tech1-1{padding-right: 0}
.tech1-1 p{font-size: 12px}
.tech1-1 .h1{font-size: 13px;}
.tech1-1 .line{width: 20px;height: 1px;margin: 15px 0 10px}
.tech3{padding: 30px 15px}
.tech3 .txtbox{width: 100%}
.tech3 .h1{font-size: 18px;margin-bottom: 20px}
.tech3 p{font-size: 12px}
.tech4{padding:0 15px 30px;display: block;}
.tech4 .txtbox{width:100%}
.tech4 .h1{font-size: 18px;margin-bottom: 20px}
.tech4 p{font-size: 12px}
.tech4 img{max-width: 60%;margin:0 auto 20px}
.tech5{padding-top:30px}
.tech5 .title{font-size: 18px}
.tech5 .swiper-container{padding: 0 15px}
.tech5 .item{padding: 0 20px}
.rela1{padding:30px 0;}
.rela1 .h1{width: 100%;text-align: center;font-size: 18px;margin-bottom: 15px}
.rela1 .container{display: block;}
.rela1 p{font-size: 12px;text-align: center;}
.rela1 p br{display: none}
.rela2 .item .box img{width: 30px}
.rela2 .item p{font-size: 12px}
.rela3 .container{padding: 0}
.rela3{padding: 30px 0 35px}
.rela3 .h1{font-size: 18px;margin-bottom: 15px}
.rela3 p{font-size: 12px}
.rela4 .title{font-size: 18px}
.rela4 .imgbox1{max-width: 100%}
.rela4 .imgbox2{max-width: 100%}
.rela4tab .item{font-size: 13px;width: 2rem;line-height: 30px}
.rela4{padding-bottom: 30px}
.rela4box{display: block;margin-top:30px;padding-right: 0}
.rela4box .h1{font-size: 16px;margin-bottom: 15px}
.rela4box p{font-size: 12px}
.rela4 .countbox{width: 100%;margin-top: 15px;margin-left: 0}
.rela4 .countbox .item{width: 25%}
.rela4 .countbox .item .txt{font-size: 12px}
.rela4 .swiper-container .swiper-wrapper{align-items: center;}
.rela6{padding: 30px 0}
.rela6 .title{font-size: 18px;margin-bottom: 30px}
.rela6 .item{display: block;padding:15px}
.rela6 .item p{font-size: 12px;line-height: 1.8}
.rela6 .item .h1{font-size: 15px;margin-bottom: 10px}
.rela6 .item{height: auto;position: relative;}
.rela6 .item img{width: 80px;position: absolute;top: 50%;margin-top:-40px;right: 15px}
.rela5{padding: 30px 0}
.rela5 .title{font-size: 18px;margin-bottom: 20px}
.rela5box{margin-right:0}
.rela5box .item{width: 33.33%;padding:10px 0}
.rela5box .item p{font-size: 12px;}
.idx5box{display: block;}
.idx5box img{margin:0 auto 10px}
.idx5box .idxtitle{text-align: center;}
.idx5box .right{width: 100%;padding-top: 15px}
.idx5box .countbox{justify-content: center;}
.idx5box .right .h1{text-align: center;}
.tech3 img{max-width: 100%}
.tech3{padding-top: 270px}
.rct2 .item{display: block;padding-top: 240px;position: relative;}
/* .rct2 .item .txtbox{padding: 0;padding-top: 15px} */
.rct2 .item .txtbox{padding: 0;padding-top: 50px}
.rct2 .item .imgbox{max-width: 100%;position: absolute;top: 0;left: 0;right: 0}
.rela4 .swiper-container{margin:0 -10px}
.rela4 .imgbox2{height: 300px;display: flex;align-items: center;}
.honor1 .item p{height: 1.36rem;}
.tech5 .item p{height: 1.68rem;}
.honor1 .item p:after,.honor1 .item p:before,.tech5 .item p:after,.tech5 .item p:before{left:-20px;right: -20px; overflow: hidden; }
.honor1 .item:nth-child(even) p:after{right: -10vw;}
.honor1 .item:nth-child(even) p:before{right: -10vw;}
.honor1 .item:nth-child(odd) p:after{left: -10vw;}
.honor1 .item:nth-child(odd) p:before{left: -10vw;}
.honor1 .item p:before{bottom: 1.4rem;}
.tech5 .honor1{padding-bottom: .3rem !important;}
.pro-style2 .container{flex-wrap: wrap;}
.pro-style2 .container .prostyle2-left{width: 50%;}
.pro-style2 .container .prostyle2-mid{width: 50%;}
.pro-style2 .container .prostyle2-right{width: 100%;padding-left: 0%; padding-top: .3rem;}
.pro-style2 .container .prostyle2-right ul{padding-left: 0;}
.down-btn{font-size: 12px;}
.down-btn .down-txt img{margin-right: .3rem;}
.video-box{width: 100%;}
.info-section1-right .info-box ul li{ width: 100%;}
}
@keyframes word1 {
0% {
transform:translateX(0);
}
100% {
transform:translateX(-95%);
}
}
.word1 {
-webkit-animation-name: word1;
animation-name: word1;
}
.index5 .word{animation: word1 25s infinite;animation-timing-function: linear;}
header{z-index: 7}
/* 新添加 */
.touzi{background: #efefef;margin-bottom: 50px;}
.touzibox-tit{font-size: .26rem;text-align: center;padding-bottom: .3rem;}
.touzibox{background: #fff;border-radius: .1rem;margin-bottom: 8px;}
.touzibox .item .before{position: relative; display: flex;align-items: center;height: 1.1rem;padding: 0;justify-content: space-between;cursor: pointer;border-radius: .1rem;}
.touzibox .item{}
.touzibox .item .after{margin: 0 .45rem;padding: .4rem 0;font-size: .16rem;color: #333;line-height: 2;display: none;}
.touzibox .item .before .h1{font-size: .16rem;color: #333}
.touzibox .item .before p{font-size: .18rem;color: #222;margin-top: .05rem}
.touzibox .item .before .col2{text-align: center;width: 15%;margin-right: 3%;}
.touzibox .item .before .col2:nth-of-type(2){width: 32%; text-align: left;}
.touzibox .item .before .col1{font-size: .18rem;color: #333;flex: 1}
.touzibox .item .before .btn1{display: block;width: 1.4rem;line-height: .46rem;position: relative;font-size: .16rem;color: #144475;text-align: center;z-index: 0;
transition: all .3s;border:1px solid #ebebeb;box-shadow: .05rem .08rem .16rem 0px rgba(51, 51, 51, 0.13);margin-right: 38px;background: #fff;}
.touzibox.active .before{position: relative; background: #134374;}
.touzibox.active .before::after{position: absolute;content: "";left: 5%;bottom: -7%;
display: inline-block;border-left: 8px solid transparent;border-right: 8px solid transparent;border-top: 8px solid #031b52;}
.touzibox.active .before p{color: #fff;font-size: .22rem;line-height: .32rem;}
.touzibox.active .before .h1{display: none;}
@media all and (max-width:780px){
.touzibox .item .before .col2{width: 20%;}
.touzibox .item .before .col2:nth-of-type(2){width: 30%;}
}