.col-fff{color:#fff}
.col-000{color:#000}
.col-111{color:#111}
.col-222{color:#222}
.col-333{color:#333}
.col-444{color:#444}
.col-555{color:#555}
.col-666{color:#666}
.col-777{color:#666}
.col-888{color:#666}
.col-999{color:#999}
.tit-12{font-size:12px}
.tit-13{font-size:13px}
.tit-14{font-size:0.14rem}
.tit-15{font-size:0.16rem}
.tit-16{font-size:0.16rem}
.tit-17{font-size:0.16rem}
.tit-18{font-size:0.18rem}
.tit-19{font-size:0.19rem}
.tit-20{font-size:0.20rem}
.tit-21{font-size:0.21rem}
.tit-22{font-size:0.22rem}
.tit-23{font-size:0.23rem}
.tit-24{font-size:0.24rem}
.tit-25{font-size:0.25rem}
.tit-26{font-size:0.26rem}
.tit-27{font-size:0.27rem}
.tit-28{font-size:0.28rem}
.tit-29{font-size:0.29rem}
.tit-30{font-size:0.30rem}
.tit-31{font-size:0.31rem}
.tit-32{font-size:0.32rem}
.tit-33{font-size:0.33rem}
.tit-34{font-size:0.34rem}
.tit-35{font-size:0.35rem}
.tit-36{font-size:0.36rem}
.tit-37{font-size:0.37rem}
.tit-38{font-size:0.38rem}
.tit-39{font-size:0.39rem}
.tit-40{font-size:0.40rem}
.tit-41{font-size:0.41rem}
.tit-42{font-size:0.42rem}
.tit-43{font-size:0.43rem}
.tit-44{font-size:0.44rem}
.tit-45{font-size:0.45rem}
.tit-46{font-size:0.46rem}
.tit-47{font-size:0.47rem}
.tit-48{font-size:0.48rem}
.tit-49{font-size:0.49rem}
.tit-50{font-size:0.50rem}
.tit-51{font-size:0.51rem}
.tit-52{font-size:0.52rem}
.tit-53{font-size:0.53rem}
.tit-54{font-size:0.54rem}
.tit-55{font-size:0.55rem}
.tit-56{font-size:0.56rem}
.tit-57{font-size:0.57rem}
.tit-58{font-size:0.58rem}
.tit-59{font-size:0.59rem}
.tit-60{font-size:0.60rem}
.tit-61{font-size:0.61rem}
.tit-62{font-size:0.62rem}
.tit-63{font-size:0.63rem}
.tit-64{font-size:0.64rem}
.tit-65{font-size:0.65rem}
.tit-66{font-size:0.66rem}
.tit-67{font-size:0.67rem}
.tit-68{font-size:0.68rem}
.tit-69{font-size:0.69rem}
.tit-70{font-size:0.70rem}
.tit-71{font-size:0.71rem}
.tit-72{font-size:0.72rem}
.tit-73{font-size:0.73rem}
.tit-74{font-size:0.74rem}
.tit-75{font-size:0.75rem}
.tit-76{font-size:0.76rem}
.tit-77{font-size:0.77rem}
.tit-78{font-size:0.78rem}
.tit-79{font-size:0.79rem}
.tit-80{font-size:0.80rem}
.conbox-14{font-size:14 px;line-height:1.8}
.conbox-15{font-size:15 px;line-height:1.8}
.conbox-16{font-size:16 px;line-height:1.8}
.conbox-17{font-size:17 px;line-height:1.8}
.conbox-18{font-size:18 px;line-height:1.8}
.conbox-19{font-size:19 px;line-height:1.8}
.conbox-20{font-size:20 px;line-height:1.8}
.conbox-21{font-size:21 px;line-height:1.8}
.conbox-22{font-size:22 px;line-height:1.8}
.conbox-23{font-size:23 px;line-height:1.8}
.conbox-24{font-size:24 px;line-height:1.8}
@media (max-width:1680px){.tit-18{font-size:16px}}
@media (max-width:1560px){.tit-16{font-size:14px}}
@media (max-width:1481px){.tit-16{font-size:14px}
.conbox-18{font-size:16px}
.conbox-20{font-size:18px}
.conbox-24{font-size:20px}}
@media (max-width:996px){
.tit-14{font-size:12px}
.tit-16{font-size:14px}
.tit-18{font-size:16px}
.tit-70{font-size:.85rem}}
@media (max-width:1281px){.conbox-14{font-size:13px}
.conbox-16{font-size:14px}
.conbox-18{font-size:15px}
.conbox-20{font-size:15px}
.conbox-24{font-size:16px}}
.pc-block{display:block}
.pc-block-768{display:block}
.pc-block-767{display:block}
.m-block{display:none}
.m-block-767{display:none}
.m-block-768{display:none}
@media (max-width:1024px){.pc-block{display:none}
.m-block{display:block}}
@media (max-width:768px){.pc-block-768{display:none}
.m-block-768{display:block}}
@media (max-width:767px){.pc-block-767{display:none}
.m-block-767{display:block}}

.poa-middle{left:0;top:0;bottom:0;right:0;margin:auto}
.tran-middle{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.text-hide{word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.img-cover{background-size:cover;background-position:center center;background-repeat:no-repeat}
.pointer{cursor:pointer}
.bgtop{background-position:top}
.containbg{background-repeat:no-repeat;background-size:contain;background-position:center}
.text-left{text-align:left}
.text-right{text-align:right}
.text-center{text-align:center}
.text-justif{text-align:justify}
.text-nowrap{white-space:nowrap}
.text-lowercase{text-transform:lowercase}
.text-uppercase{text-transform:uppercase}
.text-capitalize{text-transform:capitalize}
.text-bold{font-weight:bold}
.centerh{position:absolute;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}
.centerv{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.centerblock{margin-left:auto;margin-right:auto}
.shadow1{box-shadow:0 10px 30px -5px rgba(0,0,0,0.15)}
.full{width:100%;height:100%}
.fullw{width:100%}
.fullh{height:100%}
.fullvh{height:100vh}
.top{top:0}
.btm{bottom:0}
.lt{left:0}
.rt{right:0}
.block{display:block}
.inlineblock{display:inline-block}
.notrans{-webkit-transition-duration:0s !important;transition-duration:0s !important}
.no-hover{pointer-events:none !important;cursor:default}
.trans3d0{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}
.round{border-radius:50%}
.mt0{margin-top:0}
.mb0{margin-bottom:0}
.in-block{display:inline-block;*display:inline;*zoom:1}

.wr{width: 100%;position: relative;}
.ovh{overflow: hidden;}
.lh1{line-height:1}
.bg{width: 100%;height: 100%;background-size: cover;background-repeat: no-repeat;background-position: center;}
.pc{display: block;}
.mb{display: none;}
@media (max-width:996px){
.mb{display:block}
.pc{display:none}}

.pc_header.active .he_box{background: none;}

.main-container{width: 100%;height: 100vh;position: relative;line-height: normal;}
.main-container .main-slide{width: 100%;height: 100%;}
.main-container .main-slide:last-child{padding-top: var(--top);background: #f9feff;}
.main-container .pc_footer{display: flex;align-items: center;height: 100%;}
.main-wrapper{transition: cubic-bezier(0.91, 0.04, 0.58, 1)}
.main-page{position:absolute;left: 0;width: 30px;z-index:9;}
.main-page .swiper-pagination-bullet{width: 12px;height: 12px;background-color: #fff;margin: 7px!important;transform: scale(.5);opacity: .5;transition: all 0.5s;}
.main-page .swiper-pagination-bullet.swiper-pagination-bullet-active{transform: scale(1);opacity: 1;}
.main-page.blue .swiper-pagination-bullet{background-color: #1266ae;}
@media (max-width:996px){
.main-wrapper{display:block !important}
.main-container{height:auto}
.main-container .main-slide{height: auto;}
.main-container .main-slide:last-child{padding: 0;}}

.banner-container{width: 100%;height: 100%;overflow: hidden;}
.banner-container .banner-slide{width:100%;height:100%;position:relative}
.banner-container .banner-slide .txt{position:absolute;top:55%;left: 55%;transform: translateY(-50%);color: #fff;text-shadow: 1px 1px 3px rgb(0 0 0 / 80%);opacity:0;transition:all 1s ease 0s;}
.banner-container .banner-slide .txt .t1{font-size: 3.3vw;font-weight: bold;}
.banner-container .banner-slide .txt .t2{font-size: 2vw;line-height: 1.5;white-space: pre-line;margin-top: 1.7vw;}
.banner-container .banner-slide .txt .c{display: flex;margin-top: 2.2vw;}
.banner-container .banner-slide .bg{width:100%;height:100%;transition:all 5s cubic-bezier(0.04,0.79,1,1)}
.banner-container .banner-slide .bg img{max-width: 100%;height: auto;}
.banner-container .banner-slide.swiper-slide-active .bg{transform:scale3d(1.1,1.1,1)}
.banner-container .banner-slide.swiper-slide-active .txt{top:50%;opacity:1}
.banner-page{position:absolute;top:50%;right: 40px;z-index:9;width:40px !important;bottom:auto !important;left:auto !important;text-align:right}
.banner-page .swiper-pagination-bullet{width:25px;height:5px;border-radius:0;background-color: #fff;margin:5px  1px !important;opacity: .5;transition: all 0.5s;}
.banner-page .swiper-pagination-bullet.swiper-pagination-bullet-active{width:40px;opacity: 1;}
.sollor{width: .65rem;height: .65rem;background: rgba(18,102,174,0.5);border-radius:50%;position:relative;z-index:4;position:absolute;bottom: .5rem;left:50%;margin-left: -.325rem;backdrop-filter: blur(5px);}
.sollor i{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);color: #fff;font-size: .2rem;}
@media (max-width:996px){
.banner-container{/* height: 100vh; */}
.banner-container .banner-slide .txt{left: 0;width: 100%;padding: 0 .6rem;text-align: center;}
.banner-container .banner-slide .txt .t1{font-size: .5rem;font-weight: bold;}
.banner-container .banner-slide .txt .t2{font-size: .3rem;line-height: 1.5;white-space: pre-line;margin-top: 1.7vw;}
.banner-container .banner-slide .txt .c{display: none;/* margin-top: 2.2vw; */}
.banner-page{position:absolute;top: auto;right: 0;bottom: .2rem !important;width: 100% !important;left:auto !important;text-align: center;}
.banner-page .swiper-pagination-bullet{width:25px;height: 4px;margin: 0  4px !important;}
.banner-page .swiper-pagination-bullet.swiper-pagination-bullet-active{width:40px;opacity: 1;}
.sollor{display: none;}}

.in_title{position: relative;display: flex;flex-wrap: wrap;align-items: flex-end;color: #333;padding-top: .5rem;}
.in_title h2{width: 100%;margin-top: .1rem;}
.in_title span{position: relative;font-style: italic;text-transform: uppercase;margin-left: .2rem;opacity: .5;}
.in_title em{position: absolute;left: -.03rem;color: #000;font-size: 1.38rem;font-weight: bold;line-height: 1.4;opacity: .05;z-index: -1;white-space: nowrap;transition: all .8s;}
.imore{display:flex;padding: 0.15rem 0.3rem;background: #1266ae;box-shadow:0px 5px 10px 0px rgba(13,30,62,0.2);border-radius:0px 20px 0px 0px;align-items:center;justify-content:center;transition: all 0.5s;}
.imore i{margin-left: .18rem;}
.imore:hover{border-radius:0px 0px 0px 20px;}
@media (max-width:996px){
.in_title h3{font-size: .48rem;}
.in_title span{top: -.05rem;font-size: .34rem;margin-left: .2rem;}
.in_title em{font-size: 1.289rem;line-height: 1.7;}}

.home-a{width:100%;height:100%}
.home-a .one-box{width:100%;height:100%;}
.home-a .one-box .video{width:100%;height: 100%;transform:scale3d(.6,.6,1);transition:all 1s cubic-bezier(0.91,0.04,0.58,1);transition-delay:0.2s;background:#000}
.home-a.on .one-box .video{transform:scale3d(1,1,1)}
.home-a .one-box .cont{position:absolute;width:100%;height:100%;left:0;top:0;display:flex;padding-left: 1.6rem;align-items:flex-start;flex-direction:column;justify-content:center;z-index:3}
.home-a .one-box .cont .tit .icon{width: .8rem;height: .8rem;background-color: #1266ae;box-shadow:0px 5px 10px 0px rgba(13,30,62,0.2);border-radius:50%;transition:all 1s cubic-bezier(0.91,0.04,0.58,1);position:relative}
.home-a .one-box .cont .tit{position: relative;display:flex;align-items:center;justify-content:flex-start;cursor:pointer;z-index: 1;}
.home-a .one-box .cont .in_title{color: #fff;}
.home-a .one-box .cont .in_title em{color: #fff;}
.home-a .one-box .cont .t4{width: 48%;color:#fff;line-height: 2;margin-top: .40rem;transition:all 1s cubic-bezier(0.91,0.04,0.58,1);}
.home-a .one-box .cont .imore{margin-top: .5rem;}
.home-a .one-box .cont .list{display:flex;margin: 0 -.4rem;margin-top: .5rem;transform: translateX(80px);opacity: 0;transition: all .8s;}
.home-a .one-box .cont .list .li{display:flex;flex-direction: column;justify-content: center;padding: 0 .4rem;cursor:pointer;border-right: 1px solid rgba(255,255,255,.35);align-items: center;transition: all .8s;}
.home-a .one-box .cont .list .li:last-child{border: 0;}
.home-a .one-box .cont .list .li .t5{color:#fff;margin-top: .2rem;transition: all .8s;}
.home-a .one-box .cont .list .li .icon{color: #9dd0ef;filter: brightness(1000%);opacity: .5;transition: all .8s;}
.home-a .one-box .cont .list .li:hover .icon{transform:rotateY(360deg);}
.home-a .hover-box{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;-webkit-clip-path:polygon(0 0,0 0,0 100%,0% 100%);clip-path:polygon(0 0,0 0,0 100%,0% 100%);transition:all 1s cubic-bezier(0.91,0.04,0.58,1)}
.home-a.svideo .hover-box{-webkit-clip-path:polygon(0 0,100% 0%,100% 100%,0% 100%);clip-path:polygon(0 0,100% 0%,100% 100%,0% 100%);}
.home-a.svideo .one-box .cont .in_title{color: #333;transition-delay:0s !important;}
.home-a.svideo .one-box .cont .in_title em{color: #000;}
.home-a.svideo .one-box .cont .t4{transition-delay:0s !important;color:#666666}
.home-a.svideo .one-box .cont .list .li{border-color: rgba(0, 0, 0, .1);}
.home-a.svideo .one-box .cont .list .li .t5{color:#666666}
.home-a.svideo .one-box .cont .list .li .icon{filter: none;opacity: 1;}
.home-a .one-box .cont .tit .icon .op1{opacity:0;transition:all 1s cubic-bezier(0.91,0.04,0.58,1);}
.home-a .one-box .cont .tit .icon .op2{opacity:1;transition:all 1s cubic-bezier(0.91,0.04,0.58,1);white-space: nowrap;}
.home-a.svideo .one-box .cont .tit .icon .op1{opacity:1}
.home-a.svideo .one-box .cont .tit .icon .op2{opacity:0;}
.home-a .one-box .cont .tit{transform:translateX(80px);opacity:0;transition:all .8s}
.home-a .one-box .cont .in_title{transform:translateX(80px);opacity:0;transition:all .8s}
.home-a .one-box .cont .t4{transform:translateX(80px);opacity:0;transition:all .8s}
.home-a.on .one-box .cont .tit{transition-delay:.8s;transform:translateX(0px);opacity:1}
.home-a .one-box .cont .c{transition-delay:1s;transform:translateX(80px);opacity:0;transition:all .8s}
.home-a.on .one-box .cont .in_title, .home-a.on .one-box .cont .t4{transition-delay:1s;transform:translateX(0px);opacity:1}
.home-a.on .one-box .cont .c{transition-delay: 1.1s;transform:translateY(0px);opacity:1}
.home-a.on .one-box .cont .list{transition-delay: 1s;transform:translateX(0px);opacity:1}
@media (max-width:996px){
.home-a .one-box video{display:none}
.home-a .hover-box{-webkit-clip-path:polygon(0 0,100% 0%,100% 100%,0% 100%);clip-path:polygon(0 0,100% 0%,100% 100%,0% 100%)}
.home-a .hover-box .mb img{width: 100%;height: 100%;}
.home-a .one-box{padding: 1.2rem 6%;}
.home-a .one-box .video{display:none;}
.home-a .one-box .cont .list{display: none;}
.home-a .one-box .cont{position: relative;padding: 0;}
.home-a .one-box .cont .t4{width:100%;text-shadow: 1px 1px 3px rgb(0 0 0 / 80%);}
.home-a .one-box .cont .t3{color:#333;font-weight:500}
.home-a .one-box .cont .more{margin-top:0.60rem}
.imore{padding: .2rem .3rem;}
.imore .tit-20{font-size: 14px;}
.imore i{font-size: 18px;margin-left: .2rem;}
.home-a.on .one-box .cont .t3{transition-delay:1s !important}
.home-a.on .one-box .cont .t4{color: #fff;transition-delay:1.2s !important;font-size:15px} 
.home-a .one-box .cont .in_title{color: #333;}
.home-a .one-box .cont .in_title em{color: #000;}
.home-a .one-box .cont .t3{font-size:18px}
.home-a .one-box .cont .tit .icon{width:50px;height:50px}
.home-a .one-box .cont .tit .icon img{max-width:50%}}

.home-b{position: relative;width:100%;height:100%;background: url(../images/pro_bg.jpg) no-repeat;background-size:cover;overflow: hidden;}
.home-b .left{position: relative;display: flex;width: 35%;float: left;height:100%;padding-left: 1.6rem;flex-direction: column;justify-content: center;align-items: flex-start;z-index: 2;}
.home-b .left ul{margin: .5rem 0;}
.home-b .left li{color:#999;margin-bottom: .3rem;}
.home-b .left li:last-child{margin: 0;}
.home-b .left li.on a{color: #1266ae;}
.home-b .right{position: relative;float: right;width: 65%;height:100%;}
.home-b .right .img{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;height:100%}
.home-b .right .img img{width: 100%;height: 100%;}
.hb-container{width:100%;height:100%;overflow:hidden}
.home-b .right{transform:translateX(50%);opacity:0;transition:all 1s;}
.home-b .right .img{transform:translateY(0.80rem);opacity:0;transition:all 1s;transition-delay:1.2s}
.home-b .left{transform:translateX(-50%);opacity:0;transition:all 1s;}
.home-b.on .right,.home-b.on .left,.home-b.on .right .img{transition-delay: 1s;transform:translateX(0);opacity:1}
@media (max-width:996px){
.home-b{display: block;padding: 1.2rem 6% .6rem;}
.home-b .left{width: 100%;padding: 0;}
.home-b .left ul{display: flex;flex-wrap: wrap;}
.home-b .left li{width: 50%;}
.home-b .left li a{font-size: .3rem;}
.home-b .right{width: 100%;}
.home-b .right .mb{display: inline-block;margin-top: .5rem;}}

.home-c{display: flex;padding: 0 1.6rem;padding-top: var(--top);background: #e4f2ff;flex-direction: column;justify-content: center;}
.home-c .tit{position:relative;display:flex;align-items:flex-end;justify-content:space-between}
.home-c .tit ul{display: flex;line-height: 1;}
.home-c .tit li{padding: 0 .25rem;border-right: 2px solid #666;}
.home-c .tit li:last-child{border: 0;}
.home-c .tit li a{position: relative;}
.home-c .tit li a::after{content: "";position: absolute;bottom: -.1rem;left: 0;width: 0;background-color: #1266ae;height: 2px;transition: all 0.5s;}
.home-c .tit li a.on{color:#1266ae}
.home-c .tit li a.on:hover::after{width: 100%;}
.home-c .cont{display: flex;margin-top: .6rem;justify-content: space-between;}
.home-c .cont .left{width: 51%;border-radius: 5px;border: .1rem solid #fff;}
.home-c .cont .left .bg .tit-28{position: absolute;bottom: 0;width: 100%;height: 50%;background-image: linear-gradient(to top,rgba(18,92,159,1),transparent);}
.home-c .cont .left .txt{position:absolute;bottom:0;left:0;width: 100%;padding: .2rem;z-index:3}
.home-c .cont .left .txt .t1{line-height:1}
.home-c .cont .left .txt .t2{line-height: 1.4;margin-top:0.10rem}
.home-c .cont .right{width: 49%;padding-left: .3rem;overflow:hidden;}
.home-c .cont .right .swiper-wrapper{flex-direction: column;height: auto;}
.home-c .cont .right a{display:flex;align-items:center;width:100%;border-radius: 5px;border: .1rem solid #fff;background: #fff;margin-bottom: .3rem;justify-content: space-between;}
.home-c .cont .right a .img{position:relative;width: 30%;margin-right: 3%;overflow:hidden}
.home-c .cont .right a .img .col-fff{position: absolute;bottom: 0;width: 100%;height: 50%;transform: none;background-image: linear-gradient(to top, rgba(18, 92, 159, 1), transparent);}
.home-c .cont .right a .txt{flex: 1;}
.home-c .cont .right a .txt .t1{color: #333;}
.home-c .cont .right a .txt .t2{color: #c6c6c6;margin: 0.10rem 0;}
.home-c .cont .right a .txt .t3{color: #7c7c7c;line-height: 1;margin-top: 0.10rem;}
.home-c .cont .right a .bg{padding-bottom: 65%;transition:all 0.5s}
.home-c .cont .right a:hover .bg{transform:scale(1.1)}
.home-c .cont .right a:hover .t1{color:#1266ae}
.home-c .left{transform:translateX(-80px);opacity:0;transition:all 0.8s}
.home-c .right a{transform:translateY(60px);opacity:0;transition:all 0.8s}
.home-c.on .right a:nth-child(2){transition-delay:1.3s}
.home-c.on .right a:nth-child(3){margin: 0;transition-delay:1.4s}
.home-c.on .left{transition-delay:1s;transform:translateX(0);opacity:1}
.home-c.on .right a{transition-delay:1.2s;transform:translateX(0);opacity:1}
.home-c .tit{transform:translateY(-80px);opacity:0;transition:all .8s}
.home-c.on .tit{transition-delay:.9s;transform:translateX(0);opacity:1}
@media (max-width:996px){
.home-c{display: block;padding: 1.2rem 6% .6rem;}
.home-c .tit{display: block;}
.home-c .tit ul{font-size: .3rem;justify-content: center;margin: .5rem 0;}
.home-c .tit li{width: 33.33%;padding: 0;text-align: center;}
.home-c .cont{display: block;margin: 0;}
.home-c .cont .left{width: 100%;border-width: .15rem;}
.home-c .cont .left .bg{padding-bottom: 65%;}
.home-c .cont .left .txt .t1{font-size: .24rem;}
.home-c .cont .left .txt .t2{font-size: .28rem;margin-top:0.10rem;-webkit-line-clamp: 2;}
.home-c .cont .right{width: 100%;padding: 0;margin-top: .3rem;}
.home-c .cont .right a{border-width: .15rem;}
.home-c .cont .right a .img{width: 40%;}
.home-c .cont .right a .txt .t1{font-size: .28rem;-webkit-line-clamp: 2;}
.home-c .cont .right a .txt .t2{font-size: .24rem;margin-bottom: 0;}
.home-c .cont .right a .txt .t3{display: none;}}

.home-d{display: flex;padding: 0 1.6rem;padding-top: var(--top);background: url(../images/hezuo_bg2.jpg) no-repeat;background-size: cover;overflow: hidden;align-items: center;}
.home-d:after{content: " ";position: absolute;top: 0;left: 0;width: 18%;height: 100%;background: url(../images/hezuo_bg1.jpg) no-repeat;background-size: cover;}
.home-d .left{position: relative;display: flex;width: 11.5%;justify-content: flex-end;padding-right: 2%;z-index: 2;}
.home-d .left .in_title{color: #fff;writing-mode: vertical-rl;letter-spacing: .05rem;padding-top: 0;align-items: center;}
.home-d .left .in_title span{letter-spacing: 0;margin: 0;margin-top: .2rem;}
.home-d .right{flex: 1;min-width: 0;padding-left: 4%;}
.home-d .right .in_title{padding-top: 1rem;margin-top: -.4rem;z-index: 1;}
.home-d .right .in_title em{top: 0;}
.home-d .right .box{position: relative;padding: 10px;margin-top: .5rem;background: #fff;overflow: hidden;}
.home-d .right .hz-container{position: relative;overflow: hidden;}
.home-d .right .swiper-slide{width: calc(100% / 5 - 8px);margin-right: 10px;}
.home-d .right .img{position: relative;padding-top: 50%;background: #f9f9f9;}
.home-d .right .img img{max-width: 80%;max-height: 80%;object-fit: contain;}
.home-d .right .btn{position: absolute;right: 0;bottom: 0;width: calc(20% - 6px);height: calc(50% - 4px);background: #fff;z-index: 2;cursor: pointer;display: flex;justify-content: center;}
.home-d .right .btn>div{position: relative;width: .5rem;height: .5rem;color: #fff;font-size: .3rem;line-height: .5rem;text-align: center;border-radius: 50%;background: #1266ae;transition: all 0.5s;}
.home-d .right .btn>div+div{margin-left: .5rem;}
.home-d .right .btn>div.swiper-button-disabled{color: #1266ae;background: rgba(0, 0, 0, .1);}
.home-d .right .btn>div i{font-size: inherit;}
.home-d .left{transform:translateX(-80px);opacity:0;transition:all 0.8s}
.home-d .right .box{transform:translateY(60px);opacity:0;transition:all 0.8s}
.home-d .right .in_title{transform:translateY(-60px);opacity:0;transition:all .8s}
.home-d.on .left{transition-delay:1s;transform:translateX(0);opacity:1}
.home-d.on .right .in_title{transition-delay:1s;transform:translateX(0);opacity:1}
.home-d.on .right .box{transition-delay:1s;transform:translateX(0);opacity:1}
@media (max-width:1200px){
.home-d:after{width: 22%;}
.home-d .left{width: 14%;}
.home-d .right .btn{width: calc(25% - 6px);}}
@media (max-width:996px){
.home-d{padding: .6rem 6% .6rem;}
.home-d:after{display: none;}
.home-d .left{display: none;}
.home-d .right{padding: 0;}
.home-d .right .btn{width: calc(33.33% - 6px);}}

.home-e{position: relative;width:100%;height:100%;background: url(../images/ys_bg.jpg) no-repeat;background-size: cover;overflow: hidden;}
.home-e .one-box{width:100%;height:100%;}
.home-e .one-box .cont{position:absolute;width:100%;height:100%;left:0;top:0;display:flex;padding: 0 1.6rem;align-items:flex-start;flex-direction:column;justify-content:center;z-index:3}
.home-e .one-box .cont .in_title{color: #fff;padding-top: 1.9rem;}
.home-e .one-box .cont .in_title em{top: 0;color: #fff;}
.home-e .one-box .cont .t4{width: 50%;color:#fff;line-height: 2;margin-top: .40rem;transition:all 1s cubic-bezier(0.91,0.04,0.58,1);}
.home-e .one-box .cont ul{display: flex;flex-wrap: wrap;margin-top: .8rem;}
.home-e .one-box .cont li{position: relative;display: flex;width: 50%;color: #fff;padding-left: .4rem;background: #125c9f;justify-content: space-between;align-items: center;overflow: hidden;}
.home-e .one-box .cont li:last-child{color: #333;background: #fff;}
.home-e .one-box .cont li .box{flex: 1;padding-right: .5rem;}
.home-e .one-box .cont li .box p{line-height: 1.6;margin-top: .15rem;}
.home-e .one-box .cont li:last-child .box p{opacity: .8;}
.home-e .one-box .cont li .icon{position: relative;width: 1.8rem;height: 2rem;color: #3b91de;font-size: 2.2rem;opacity: .15;}
.home-e .one-box .cont li:last-child .icon{color: #1e6cb2;opacity: .07;}
.home-e .one-box .cont li .icon i{display: block;font-size: inherit;margin-top: .1rem;}
.home-e .one-box .cont li .icon i:before{display: block;transform: rotate(-30deg);}
.home-e .one-box .cont .in_title{transform:translateX(80px);opacity:0;transition:all .8s}
.home-e .one-box .cont .t4{transform:translateX(80px);opacity:0;transition:all .8s}
.home-e .one-box .cont li{transform:translateY(60px);opacity:0;transition:all .8s}
.home-e.on .one-box .cont .in_title,
.home-e.on .one-box .cont .t4{transition-delay:1s;transform:translateX(0px);opacity:1}
.home-e.on .one-box .cont li{transition-delay:1.2s;transform:translateY(0px);opacity:1}
.home-e.on .one-box .cont li:last-child{transition-delay:1.4s;}
.home-e .img{position:absolute;top:0;right: 0;width: 50%;height:100%;transform:scale3d(.6,.6,1);transition:all 1s cubic-bezier(0.91,0.04,0.58,1);transition-delay:0.2s;}
.home-e .img img{display: block;width: 100%;height: 100%;object-fit: contain;}
.home-e.on .img{transform:scale3d(1,1,1)}
@media (max-width:996px){
.home-e .one-box .cont{position: relative;padding: .2rem 6% .6rem;}
.home-e .one-box .cont .t4{width: 100%;font-size: 15px;}
.home-e .one-box .cont ul{margin-top: .5rem;}
.home-e .one-box .cont li{width: 100%;padding: .4rem;}
.home-e .one-box .cont li .box{flex: 1;padding-right: 0;}
.home-e .one-box .cont li .box h3{font-size: .34rem;}
.home-e .one-box .cont li .box p{font-size: 14px;margin-top: .15rem;}
.home-e .one-box .cont li .icon{position: absolute;top: 50%;right: 0;transform: translateY(-50%);}
.home-e .one-box .cont li .icon i{margin: 0;}}

.pu_suspension{transition: .8s;transition-delay: 0s;}
.pu_suspension.active{transition-delay: 1s;}