@charset "UTF-8";

/*@import "fonts.css";*/
html{margin:0;padding:0}
body{margin:0;padding:0;font-size: 16px;overflow-x:hidden;font-family: AlibabaPuHuiTi,sans-serif;font-weight: 400;}
table,td,tr,ul,ol,li,dl,dd,dt,p,input,form,em,p,img,h1,h2,h3,h4,h5{margin:0;padding:0}
ul,li{margin:0;padding:0;list-style:none}
a{text-decoration:none;}
textarea,input{font-family: AlibabaPuHuiTi-regular, sans-serif}
img{display:block}
input,textarea{outline:none}
button{padding:0;background-color:unset;font-family: Poppins, sans-serif;border:none}
.pimg{position:relative;display:block}
.pimg img{position:absolute;width:100%;height:100%;object-fit:cover}
.nowrap{display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.line_num{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
/*:root{*/
/*    --fz12:12px;*/
/*    --fz14:14px;*/
/*    --fz16:16px;*/
/*    --fz18:18px;*/
/*    --fz20:20px;*/
/*    --fz24:24px;*/
/*    --fz28:28px;*/
/*    --fz32:32px;*/
/*    --fz50:50px;*/
/*    --glow-size:#FE0467*/
/*}*/
/*.mainWidth{width: 97.142%;margin: 0 auto;max-width: 1865px;}*/
.mainWidth{width: 97.142%;margin: 0 auto;max-width: 1440px;}
.w1400{margin: 0 auto;max-width: 1200px}
.flex{display: flex;}
.justify-center{justify-content: center}
.align-center{align-items: center}
.tr5{transition: all .3s}
.mt15{margin-top: 15px;}
.mt10{margin-top: 10px;}
.mb15{margin-bottom: 15px;}
.pt10{padding-top: 10px;}
.pb10{padding-bottom: 10px;}
.pd80{padding: 80px 0}
.tcenter{text-align: center}
.w-100{width: 100% !important;}
.position-relative{position: relative}
.fw-500{font-weight: 500;}
.font-16{font-size: 1rem;}
.d-block{display: block}
img.aligncenter{display: block;margin: 0 auto}
.pointer{cursor: pointer}
.o-hidden{width: 100%;overflow: hidden}
.text-justify{text-align: justify;letter-spacing: 0.04rem}

body.overflow{overflow: hidden;height: 100%}
header{position: relative;z-index: 10}
header .headPc{position: relative;z-index: 90}
header .headPc .container{max-width: 1750px}



header .headPc{}
header .mHeadBox{display: none}
header .headPc .content{width: 100%;height: 90px;}
header .headPc.active .content{box-shadow: 0 -13px 28px #c9243a}
header .headPc .content .container{height: 90px;}

header .headPc .content .left{width: 280px;}
header .headPc .content .left img{max-width: 100%}



header .headPc .content .menu{flex: 1;width: 0;margin-left: 240px;justify-content: space-between;margin-right: 100px;}
header .headPc .content .right{margin-left: auto;height: 100%;}

header .headPc .content .menu .one{height: 100%;}
header .headPc .content .menu .one{font-size: 1.1rem;}
header .headPc .content .menu .one>a{color: #676767;height: 100%;transition: all .5s;position: relative;letter-spacing: .01rem}
header .headPc .content .menu .one>a::after{content: '';transition: all .3s;width: 0;display: block;height: .13rem;position: absolute;left: 50%;transform: translateX(-50%);bottom: -3px;}

header .headPc .content .menu .one:hover>a{color: #01477b}
header .headPc .content .menu .one.active>a{color: #01477b;}
header .headPc .content .menu .one.active>a::after,header .headPc .content .menu .one:hover>a::after{content: "";width: 50%;background-color: #01477b;}


.position-relative{position: relative}
header .headPc .content .menu .two{position: absolute;top: 100%;left: 50%;background-color: #fff;box-shadow: 0 4px 16px #00000014;;min-width: 100%;padding: 14px 20px;transform: translate(-50%,40px);border-radius: 5px;visibility: hidden;opacity: 0;}
header .headPc .content .menu .two a{white-space: nowrap;line-height: 38px;color: #676767;}
header .headPc .content .menu .one:hover .two{display: block;animation: menuTop ease forwards .4s}
header .headPc .content .menu .two a:hover{color: #01477b}
@keyframes menuTop {
    0% {transform: translate(-50%,40px);visibility: hidden}
    100% {transform: translate(-50%,0);visibility: unset;opacity: 1}
}



header .headPc .content .right .lan{height: 100%;}
header .headPc .content .right .lan .drop{padding: 10px;}
header .headPc .content .right .lan .thisBox .this .img{margin: 0 10px}
header .headPc .content .right .lan .thisBox .this p{font-size: .9rem;font-family: Poppins, sans-serif}
header .headPc .content .right .lan .thisBox .arrow{position: relative;width: 15px;height: 15px;}
header .headPc .content .right .lan .thisBox .arrow::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-30%,-30%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #676767}


header .headPc .content .right .lan .drop{position: absolute;top: 100%;left: 0;background-color: #fff;box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);min-width: 100%;display: none}
header .headPc .content .right .lan .drop img{padding: 0 20px}
header .headPc .content .right .lan .drop a{color: #676767}
header .headPc .content .right .member-box{margin-left: 40px;}
header .headPc .content .right .member-box .item{padding: 0 10px}
header .headPc .content .right .member-box .login{background-color: #4e9ca1;padding: 10px 20px;border-radius: 50px;}
header .headPc .content .right .member-box .login p{color: #fff;margin-left: 7px;}
header .headPc .content .right .member-box .reg{border:1px solid #4e9ca1;padding: 10px 20px;border-radius: 50px;}
header .headPc .content .right .member-box .reg p{color: #4e9ca1;margin-left: 7px;}



footer{background-color: #303031;padding: 50px 0}
footer *{color: #fff}
footer .link-list{margin-top: 35px;}
footer .title{font-size: 20px;}
footer .link-item{font-size: 16px;display: block;margin-top: 16px;}









.index1{position: relative;z-index: 1}
.index1 .banner-box img{width: 100%;}

.index2{position: relative;z-index: 2}
.index2 .search-box{box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);padding: 28px;margin-top: -50px;background-color: #fff;}
.index2 .search-box .left{border: 1px solid #f2f2f2;margin-right: 15px;width: 0;flex: 1}
.index2 .search-box .left .img-box{margin-left: 65px;}
.index2 .search-box .left .tit{color: #676767;margin: 0 10px;position: relative}
.index2 .search-box .left .tit::after{content: "";display: block;position: absolute;right: -10px;top: 50%;transform: translateY(-50%);width: 1px;height: 50%;background-color: #787878;}
.index2 .search-box .left .input{padding: 15px 0;margin-left: 10px;border: none;flex: 1}


.index2 .search-box .right{width: 165px;}
.index2 .search-box .btn{color: white;background-color: #4e9ca1;height: 100%;cursor: pointer;transition: all .3s;user-select: none;}
.index2 .search-box .btn:hover{background-color: #42898d;}

.index2 .about{padding-top: 160px;}
.index2 .about .title{position: relative}
.index2 .about .title .en{font-size: 107px;position: absolute;bottom: 20px;left: 0;line-height: 80px;z-index: -1;color: #f8f8f8}
.index2 .about .title .cn{font-size: 36px;font-weight: bold;position: relative;padding-bottom: 10px;}
.index2 .about .title .cn .blue{color: #01477b;border-bottom: 4px solid #4e9ca1}
.index2 .about .title .cn .normal{color: #404040;border-bottom: 4px solid transparent}


.index2 .about .body{padding-top: 100px;}
.index2 .about .body .h2{font-size: 36px;color: #01477b;}
.index2 .about .body .text{font-size: 22px;margin-top: 30px;color: #404040;line-height: 2.2rem;}

.index2 .about .body .big-img{position: relative;margin-top: 55px;}
.index2 .about .body .big-img .more-btn{border: 1px solid #4e9ca1;color: #4e9ca1;padding: 10px 30px;position: absolute;top: 0;left: 0;transition: all .3s}
.index2 .about .body .big-img .more-btn .icon{transform: rotateY(180deg);margin-left: 8px;}
.index2 .about .body .big-img .more-btn:hover{background-color: #4e9ca1;color: #fff}



.index3{padding: 110px 0;position: relative}
.index3::after{content: "";width: 100%;height: 100%;position: absolute;top: 50px;left: 80px;background-image: url('../img/index2-num-bg.webp');background-position: left;background-repeat: no-repeat;z-index: -1}

.index3 .num-list .item{position: relative}
.index3 .num-list .item:not(:first-of-type)::before{content: "";width: 1px;height: 80%;background-color: #e5e5e5;left: 0;top: 10px;display: block;position: absolute}
.index3 .num-list .img img{margin: 0 auto;max-width: 100%}
.index3 .num-list .item-text{color: #404040;font-size: 26px;margin-top: 13px;position: relative;padding-bottom: 20px;}
.index3 .num-list .item-text::after{content: "";bottom: 0;width: 30px;height: 2px;background-color: #404040;position: absolute;left: 50%;transform: translateX(-50%)}
.index3 .num-list .num{margin-top: 50px;}
.index3 .num-list .counter{font-size: 45px;font-weight: bold;line-height: 40px;color: #01477b;}
.index3 .num-list .unit{font-size: 32px;margin-left: 5px;color: #4e9ca1;font-weight: bold;}
.index4{width: 100%;overflow: hidden}
.index4 .title{position: relative;font-size: 36px;padding-bottom: 10px;}
.index4 .title::before{content: "";position: absolute;width: 50%;bottom: 0;left: 50%;transform: translateX(-50%);background-color: #4e9ca1;height: 4px;}
.index4 .title .blue{color: #01477b;}
.index4 .title .normal{color: #404040;}
.index4 .text-box{width: 80%;padding-top: 60px;margin: 0 auto}
.index4 .text-box .text{text-align: center;font-size: 26px;color: #404040;}

.index4 .list-box{padding: 125px 0 0;background-image: url("../img/index4-sw-bg.webp");background-size: cover;background-position: center top;margin-top: 120px;}
.index4 .list-box .item{position: relative;}
.index4 .list-box .white-box{background: #fff;margin-right: 115px;padding: 55px 95px 45px;box-sizing: border-box}
.index4 .list-box .white-box .h2{font-size: 36px;}
.index4 .list-box .white-box .more a{background-color: #4e9ca1;padding: 15px 50px;color: white;margin-top: 45px;}
.index4 .list-box .white-box .desc{font-size: 18px;margin-top: 9px;line-height: 28px;}





/*.index4 .list-box .img-box{position: absolute;left: 0;bottom: 0;width: 100%;}*/
.index4 .list-box .swiper-slide{width: 48%;}
.index4 .list-box .img-box{margin-left: 95px;position: relative;padding-bottom: 100px;}
.index4 .list-box .img-box::before{content: "";background-color: #fff;width: 100%;position: absolute;height: 100%;z-index: -1;top: 0;left: -95px;}
.index4 .list-box .img-box .img img{width: 100%;}

.index4 .list-box .swiper-slide{position: relative;z-index: 2}
.index4 .list-box .swiper-slide.swiper-slide-active{position: relative;z-index: 5}

.index4 .list-box .swiper-slide .white-box{visibility: hidden}
.index4 .list-box .swiper-slide.swiper-slide-active .white-box{visibility: unset}

.index4 .list-box .swiper-slide .img-box::before{visibility: hidden}
.index4 .list-box .swiper-slide.swiper-slide-active .img-box::before{visibility: unset}


.index4 .list-box .swiper-slide.swiper-slide-next{margin-left: -95px;}

.index4 .index4-next-prev{position:absolute;top: 40%;left: 0;width: 100%;z-index: 5;transform: translateY(-50%)}

.index4 .index4-next-prev .btn{width: 45px;height: 45px;border: 2px solid #fff}
.index4 .index4-next-prev .btn i{font-size: 32px;color: #fff}
.index4 .index4-next-prev .prev{position: absolute;left: -180px;}
.index4 .index4-next-prev .next{position: absolute;right: -85px;transform: rotateZ(180deg)}

.index4 .list-box .swiper-slide .index4-next-prev{display: none}
.index4 .list-box .swiper-slide.swiper-slide-active .index4-next-prev{display: block}

.index4 .swiper-pagination-index4-box{position: relative;width: 100%;margin-top: -45px;z-index: 8}

.index4 .swiper-pagination-index4-box .swiper-pagination-bullet{width: 12px;height: 12px;background-color: #01477b;opacity: 1}
.index4 .swiper-pagination-index4-box .swiper-pagination-bullet-active{width: 20px;height: 20px;border:2px solid #4e9ca1;background-color: transparent;}
.index4 .swiper-pagination-index4-box .swiper-pagination-bullet:not(:first-of-type){margin-left: 9px;}


.index5{padding: 140px 0 140px 0;background-image: url("../img/index5-bg-img.webp");background-position: center bottom;background-size: cover;width: 100%;overflow: hidden}
.index5 .title{position: relative;font-size: 36px;padding-bottom: 10px;}
.index5 .title::before{content: "";position: absolute;width: 50%;bottom: 0;left: 50%;transform: translateX(-50%);background-color: #4e9ca1;height: 4px;}
.index5 .title .blue{color: #01477b;}
.index5 .title .normal{color: #404040;}
.index5 .text-box{width: 80%;padding-top: 60px;margin: 0 auto}
.index5 .text-box .text{text-align: center;font-size: 26px;color: #404040;}

.index5 .list{margin-top: 80px;}
.index5 .list .item{position: relative;box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);transform: perspective(800px)  rotateY(25deg);transition: all .3s;cursor: pointer}
.index5 .list .item:hover{transform: unset}

.index5 .list .item .body{position: relative;padding: 15px}
.index5 .list .item .t{color: #01477b;font-size: 28px;}
.index5 .list .item .desc{font-size: 18px;color: #5e5e5e;width: 75%;margin-top: 8px;}
.index5 .list .item img{width: 100%;}
.index5 .list .item .num{font-size: 80px;color: #cae1e3;position: absolute;right: 0;bottom: 0;}


.index5 .bottom-box{margin-top: 95px;}
.index5 .bottom-box .b-tit{font-size: 26px;}
.index5 .bottom-box .b-img{margin-top: 30px;}
.index5 .bottom-box .b-img img{max-width: 100%}

.index5 .partner-box{margin-top: 100px;}


.index5 .RunListBox{margin-top: 50px;}
.RunListBox{display:flex;flex-wrap:nowrap;mask-image:linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent);overflow:hidden}
.RunListBox .ulList{display:flex;flex-wrap:wrap;justify-content:center;list-style:none;margin:0;padding:0}
.RunListBox .ulList{animation:runningLight linear infinite;animation-duration:30s;flex-shrink:0;justify-content:space-around;min-width:100%}
.RunListBox .ulList{animation-play-state:paused}
.RunListBox .ulList{animation-play-state:running}
.RunListBox:hover .ulList{animation-play-state:paused}

.RunListBox .ulList .item{align-items:center;box-sizing:border-box;display:flex;justify-content:center;
    width: 385px;
    margin-left: 20px;

}

.RunListBox .ulList .item{height:165px;background-color: rgba(0, 0, 0, 0.13);border-radius: 15px}
.RunListBox .ulList .item .imgBox{max-height:125px;max-width:100%}

@keyframes runningLight {
    0% {
        transform: translateX(0)
    }

    to {
        transform: translateX(-100%)
    }
}

.index6{background-color: #143584;color: #fff;padding: 50px 0}
.index6 .item{margin: 0 70px}
.index6 .item .tit{font-size: 28px;}
.index6 .item .desc{margin-top: 8px;font-size: 24px;}


.index7{padding: 80px 0;background-color: #f3f3f3;}
.index7 .title{position: relative;font-size: 36px;padding-bottom: 10px;}
.index7 .title::before{content: "";position: absolute;width: 50%;bottom: 0;left: 50%;transform: translateX(-50%);background-color: #4e9ca1;height: 4px;}
.index7 .title .blue{color: #01477b;}
.index7 .title .normal{color: #404040;}
.index7 .module{margin-top: 38px;}
.index7 .module .left{width: 300px;background-image: url("../img/index7-left-bg.webp");background-size: cover;padding: 55px 35px;color: #fff;box-sizing: border-box}
.index7 .module .right{width: 0;flex: 1;margin-left: 32px;}
.index7 .module .left .en{font-size: 45px;line-height: 40px;}
.index7 .module .left .cn{font-size: 18px;}

.index7 .module .left .top{position: relative;padding-bottom: 25px;}
.index7 .module .left .top::before{position: absolute;content: "";left: 0;bottom: 0;width: 30px;height: 2px;background-color: #fff;}

.index7 .module .left .description{margin-top: 30px;font-size: .9rem;}
.index7 .module .left .more{margin-top: 58px;}
.index7 .module .left .more a{width: 45px;height: 45px;border: 1px solid #fff;transition: all .3s}
.index7 .module .left .more a i{color: #fff;transition: all .3s}
.index7 .module .left .more a:hover{background-color: #fff;}
.index7 .module .left .more a:hover i{color: #01477b}

.index7 .module .right{}
.index7 .module .right .item{background-color: #fff;}
.index7 .module .right .item:hover .tit{font-weight: bold;}
.index7 .module .right .body{padding: 60px 40px}
.index7 .module .right .img{width: 400px;height: 280px;overflow: hidden}
.index7 .module .right .img img{width: 400px;height: 280px;object-fit: cover;transition: all .3s;}
.index7 .module .right .item:hover .img img{transform: scale(1.1);}
.index7 .module .right .tit{font-size: 20px;color: #01477b;}
.index7 .module .right .time{font-size: 14px;color: #404040;margin-top: 8px;}
.index7 .module .right .text-body{font-size: 14px;color: #404040;margin-top: 30px;}
.index7 .module .right .item:nth-of-type(even) .img{order: 2}
.index7 .module .right .item:nth-of-type(even) .body{order: 1}
.index7 .module .right .body{flex: 1;width: 0;box-sizing: border-box}

.index7 .more-box{margin-top: 50px;}
.index7 .more-btn{border: 1px solid #4e9ca1;color: #4e9ca1;padding: 10px 30px;transition: all .3s}
.index7 .more-btn .icon{transform: rotateY(180deg);margin-left: 8px;}
.index7 .more-btn:hover{background-color: #4e9ca1;color: #fff}


.index8{background-image: url("../img/map-bg.webp");background-size: cover;padding: 65px 70px 190px;background-position:top center;box-sizing: border-box}
.index8 .container{max-width: 1760px}
.index8 .top .title{font-size: 36px;color: #404040;}

.index8 .list{margin-top: 55px;}
.index8 .list .img img{max-width: 80px}
.index8 .list .text-name{font-size: 18px;color: #01477b;margin-top: 35px;}
.index8 .list .text-body{font-size: 24px;color: #0a0a0a;margin-top: 10px;}
.index8 .list .item{background-color: #fff;padding: 85px 35px}


.index8 .bottom-box{margin-top: 50px;color: #404040;position: relative;padding-bottom: 30px;}
.index8 .bottom-box::after{content: "";position: absolute;bottom: 0;width: 80px;height: 1px;background-color: #404040;left: 0;}
.index8 .bottom-box .b-tit{font-size: 24px;}
.index8 .bottom-box .b-text{font-size: 18px;margin-top: 10px;}


.index3,
.index4,
.index5,
.index6,
.index7,
.index8{width: 100%;overflow: hidden}


.common-banner{position: relative}
.common-banner .img{}
.common-banner .img img{width: 100%;}
.common-banner .text-box{position: absolute;width: 100%;height: 100%;left: 0;top: 0;}
.common-banner .text{color: #fff;margin-top: -120px;}
.common-banner .text .h3{font-size: 55px;}
.common-banner .text .text{font-size: 30px;margin-top: 10px;max-width: 1750px;}


.common-bread{background-color: #f5f5f5;}
.common-bread a{color: #676767;padding: 30px 0;display: block}
.common-bread .right a:not(:first-of-type){margin-left: 30px;}
.common-bread .right a.active{border-bottom: 2px solid #01477b}

.list-service1 .top{padding: 70px 0;}
.list-service1 .top .tit{font-size: 32px;color: #222b33;}
.list-service1 .top .desc{font-size: 22px;color: #676767;margin-top: 15px;}
.list-service1 .list{padding-bottom: 100px;}
.list-service1 .list .item{margin-top: calc( 1.5rem * 0.5);}
.list-service1 .list .item img{width: 100%;height: 218px;object-fit: cover}
.list-service1 .list .item .body{padding: 15px;}
.list-service1 .list .item .item-tit{font-size: 22px;color: #222b33;}
.list-service1 .list .item .item-text{font-size: 18px;color: #676767;margin-top: 10px;-webkit-line-clamp: 3;}
.list-service1 .list .item .link-box{}
.list-service1 .list .item .link-box{color: #01477b;margin-top: 10px;}

.list-service1 .list .item .link-box .arrow{transform: rotateZ(180deg)}




.single-service-body{margin-top: 35px;padding-bottom: 100px;}
.single-service-body .left{width: 245px;}

.single-service-body .left .list{position: relative;z-index: 1}

.single-service-body .left a{display: block;color: #404040;padding: 12px 12px;position: relative;border-left: 2px solid rgba(103, 103, 103, 0.2);}
.single-service-body .left a.active{background-color: #eff6fc;color: #47a0e0;border-color: #3294e8}



.single-service-body .right{width: 0;flex: 1;margin-left: 40px;}
.single-service-body .right .title{font-size: 35px;    padding-bottom: 10px;}

.single-service-body .right .body-text{line-height: 2.3rem;border-top: 1px solid rgba(103, 103, 103, 0.2);padding-top: 50px;}
.single-service-body .right .body-text * {
    line-height: 2.3rem;
    padding: 5px 0 5px 0;
}

.single-service-body .right .body-text img{max-width:100%}

.page-about-1{padding-top: 125px;}
.page-about-1 .left{width: 0;flex: 1;margin-right: 50px;}
.page-about-1 .left .title{font-size: 36px;color: #01477b;}
.page-about-1 .left .desc{font-size: 22px;color: #404040;margin-top: 25px;text-align:justify }

.page-about-1 .img{width: 540px;height: 310px;}
.page-about-1 .img img{width: 540px;height: 310px;object-fit: cover}

.page-about-2{padding-top: 75px;}
.page-about-2 .item{}
.page-about-2 .item .big{font-size: 49px;color: #01477b;}

/*.page-about-2 .item .unit-text{font-size: 49px;color: #01477b}*/
.page-about-2 .item .unit-text{
    font-size: 32px;
    margin-left: 5px;
    color: #4e9ca1;
    font-weight: bold;
}


.page-about-2 .item .num-box{position: relative;padding-bottom: 10px;}
.page-about-2 .item .num-box::after{content: "";width: 25px;height: 2px;background-color: #4e9ca1;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%)}
.page-about-2 .item .text{color: #4e9ca1;margin-top: 25px;}

.page-about-3{padding-top: 110px;}
.page-about-3 .title{font-size: 36px;color: #01477b;}

.page-about-3 .desc-list{margin-top: 25px;}
.page-about-3 .desc-list .item p{font-size: 22px;margin-left: 8px;}
.page-about-3 .desc-list .item img{width: 18px;}
.page-about-3 .desc-list .item .i1,.page-about-3 .desc-list .item .i2{width: 18px;height: 18px;border-radius: 50%;background-color: #4e9ca1;display: block}
.page-about-3 .desc-list .item .i2{background-color: #a1cdce;}
.page-about-3 .desc-list .item:not(:first-of-type){margin-left: 30px;}

.page-about-3 .map-img{margin-top: 25px;}
.page-about-3 .map-img img{max-width: 100%;margin: 0 auto}

.page-about-4{padding-top: 100px;}
.page-about-4 .left .title{font-size: 36px;color: #01477b;}
.page-about-4 .left .text{font-size: 22px;color: #404040;margin-top: 20px;line-height: 35px;}

.page-about-4 .right{margin-left: 50px;}
.page-about-4 .right img{max-width: 730px}


.page-about-5{padding: 85px 0;background-image: url("../img/about5-2.webp");background-position: top -250px right;background-repeat: no-repeat;position: relative}

.page-about-5::before{content: "";position: absolute;width: 100%;height: 100%;top: 0;left: 0;background-image: url("../img/about5-1.webp");background-position: left bottom -150px;background-repeat: no-repeat;z-index: -1}
.page-about-5 .title{font-size: 36px;color: #01477b;}
.page-about-5 .list{padding-top: 100px;}
.page-about-5 .item .left{width: 50%;}
.page-about-5 .item .left{border-right: 1px solid #01477b}
.page-about-5 .item .right{width: 50%;}

.page-about-5 .item .top-tit{color: #01477b;font-size: 36px;}
.page-about-5 .item .desc{color: #404040;font-size: 24px;}

.page-about-5 .item .left .icon{width: 59px;margin-right: 28px;}
.page-about-5 .item .left .top-tit{padding-left: 43px;border-left: 1px solid #01477b}
.page-about-5 .item .left .desc{padding-left: 130px;line-height: 38px;margin-top: 10px;}

.page-about-5 .item .left .item-body{margin-right: 80px;}

.page-about-5 .item .left{position: relative}
.page-about-5 .item .left::after{content: "";position: absolute;width: 5px;height: 5px;background-color: #01477b;border-radius: 50%;right: -3px;top: 0;}


.page-about-5 .list .item:nth-of-type(even) .left{order: 2}
.page-about-5 .list .item:nth-of-type(even) .right{order: 1}
.page-about-5 .list .item:nth-of-type(even) .left{border-right: unset;border-left: 1px solid #01477b}
.page-about-5 .list .item:nth-of-type(even) .left::after{left: -3px;right: unset}
.page-about-5 .list .item:nth-of-type(even) .left .item-body{margin-right: 0;margin-left: 80px;}

.page-about-6{background-image: url("../img/about66.webp");background-size: cover;padding: 100px 0}
.page-about-6 .top .title{font-size: 36px;color: #fff}
.page-about-6 .top .desc{font-size: 22px;color: #fff;margin-top: 20px;}


.page-about-6 .list{margin-top: 70px;}
.page-about-6 .item{border: 1px solid #fff;border-radius: 15px;padding: 35px;position: relative;min-height: 150px}
.page-about-6 .item{height: 100%;box-sizing: border-box}
.page-about-6 .item *{color: #fff}
.page-about-6 .item .item-tit{font-size: 24px;}
.page-about-6 .item .item-desc{font-size: 20px;margin-top: 10px;line-height: 35px;}
.page-about-6 .item .img{position: absolute;top: 10px;right: 10px;}

.page-about-6 .list .mt{margin-top: 1.5rem;}

.list-news-1{padding-top: 80px;}
.list-news-1 .top-search{width: 85%;margin: 0 auto}
.list-news-1 .top-search .input{border: 1px solid #ededed;border-radius: 25px;padding: 10px 15px}
.list-news-1 .top-search input{border: none;flex:1}
.list-news-1 .top-search .btn{cursor: pointer}
.list-news-1 .top-search .btn img{width: 29px;}

.list-news-1 .list{margin-top: 80px; padding-bottom: 100px;}
.list-news-1 .list .item{margin-top: 35px;}
.list-news-1 .list img{width: 380px;height: 215px;object-fit: cover}
.list-news-1 .list .left{width: 380px;}
.list-news-1 .list .right{margin-left: 40px;width: 0;flex: 1;}
.list-news-1 .list .right .title{font-size: 32px;color: #222b33;}
.list-news-1 .list .right .desc{font-size: 16px;color: #676767;margin-top: 15px;}

.list-news-1 .list .bottom-box{margin-top: auto;color: #817d7d;}

.list-news-1 .list .bottom-box .arrow{transform: rotateY(-180deg)}
.list-news-1 .list .bottom-box .arrow i{color: #01477b;}


.single-news-1{padding: 100px 0;}
.single-news-1 .title{font-size: 32px;}
.single-news-1 .time{border-bottom: 1px solid #dcdcdc;padding-bottom: 30px;}
.single-news-1 .time img{width: 15px;}
.single-news-1 .time p{margin-left: 8px;}
.single-news-1 .body{line-height: 2rem;}


.common-banner.order .input-box{background-color: #fff;border-radius: 50px;padding: 10px 20px;width: 80%;max-width: 1051px;margin-top: 50px;}
.common-banner.order .input-box input{border: none;flex: 1;font-size: 18px;}
.common-banner.order .text{width: 100%;}
.common-banner.order .btn{background-color: #2c5aba;padding: 10px 15px;border-radius: 20px;cursor: pointer;user-select: none;}
.common-banner.order .btn1{padding: 10px 30px}
.common-banner.order .btn2{background-color: #4e9ca1;margin-left: 10px;}


/*en index*/
.en-index1{height: calc(100vh - 90px)}
.en-index1 .container{height: 100%;max-width: 1520px;}
.en-index1 .left{width: 480px;background-color: #fff;border-radius: 15px;padding: 30px;box-sizing: border-box}
.en-index1 .left .title{font-size: 32px;}
.en-index1 .left .textarea{width: 100%;}
.en-index1 .left textarea{font-size: 17px;border:2px solid #f1f1f1;border-radius: 15px;margin-top: 25px;width: 100%;padding: 20px;box-sizing: border-box}
.en-index1 .left button{width: 100%;background-color: #01477b;font-size: 24px;color: #fff;border-radius: 5px;padding: 10px 0;margin-top: 30px;cursor: pointer}
.en-index1 .left button:hover{background-color: #06385e;}

.en-index1 .right{margin-left: 100px;color: #fff}
.en-index1 .right .title{font-size: 48px;}
.en-index1 .right .desc{font-size: 30px;}


.en-index-title{font-size: 48px;color: #01477b}

.en-index2{padding: 100px 0}

.en-index2 .list{}
.en-index2 .list .item{padding: 100px 0;}
.en-index2 .list .item .title{font-size: 36px;color: #01477b;position: relative;padding-bottom: 20px;}
.en-index2 .list .item .title::after{position: absolute;content: "";width: 60px;height: 2px;background-color: #4e9ca1;left: 0;bottom: 0;}
.en-index2 .list .item .desc{font-size: 24px;color: #404040;margin-top: 20px;}
.en-index2 .list .item .more a{color: white;background-color: #01477b;padding: 15px 40px;margin-top: 55px;border-radius: 5px;transition: all .3s}
.en-index2 .list .item .right img{width: 580px;height: 355px;border-radius: 20px;object-fit: cover}
.en-index2 .list .item .left{margin-right: 80px;}
.en-index2 .list .item:nth-of-type(even) .right{order: 1}
.en-index2 .list .item:nth-of-type(even) .left{order: 2}
.en-index2 .list .item:nth-of-type(even) .left{margin-right: 0;margin-left: 80px;}
.en-index2 .list .item a:hover{background-color: #06385e;}


.en-index3{background-image: url("../img/en-index3-bg.webp");background-position: right center;background-repeat: no-repeat;}
.en-index3 .body{width: 60%;max-width: 655px}
.en-index3 .more a{color: white;background-color: #01477b;padding: 15px 40px;margin-top: 55px;border-radius: 5px;transition: all .3s}
.en-index3 .more a:hover{background-color: #06385e;}

.en-index3 .body .text{font-size: 24px;line-height: 2.55rem;}

.en-index3 .body .text p{margin-top: 20px;}

.en-index4{margin-top: 100px;background-size: cover;padding: 125px 0}
.en-index4 .item{position: relative}
.en-index4 .item *{color: #fff}
.en-index4 .item .num-box{position: relative;padding-bottom: 20px;}
.en-index4 .item .num-box::after{content: "";position: absolute;width: 45px;height: 2px;background-color: #fff;bottom: 0;left: 50%;transform: translateX(-50%)}

.en-index4 .item .num-box .num{font-size: 60px;}
.en-index4 .item .num-box .unit{font-size: 60px;}
.en-index4 .item .text{font-size: 18px;margin-top: 20px;}
.en-index4 .col-xl-3:not(:first-of-type) .item::before{content: "";width: 1px;height: 62px;background-color: #fff;position: absolute;top: 50%;transform: translateY(-50%);left: 0;}


.en-index5{padding: 100px 0}
.en-index5 .list{margin-top: 55px;}
.en-index5 .list .img-box{width: 55px;height: 55px;background-color: #4e9ca1;border-radius: 50%;position: relative;margin: 0 auto}
.en-index5 .list .img-box .num{position: absolute;top: -10px;right: -5px;padding: 3px 6px;background-color: #fff;box-shadow:  0 0 10px rgba(0, 0, 0, 0.2);border-radius: 5px;}
.en-index5 .list .img-box img{margin: 0 auto}

.en-index5 .list .item{border-radius: 10px;box-shadow:  0 0 10px rgba(0, 0, 0, 0.2);padding: 35px 25px;box-sizing: border-box}
.en-index5 .list .text{font-size: 16px;color: #404040;margin-top: 8px;min-height: 45px}


.en-index6{padding-top: 100px;}
.en-index6 .left{width: 465px;padding: 45px 45px 65px;box-sizing: border-box;box-shadow:  0 0 10px rgba(0, 0, 0, 0.2);}

.en-index6 .left .input{margin-top: 15px;}
.en-index6 .left .input input,
.en-index6 .left .textarea textarea{border: 1px solid #a1cdce;padding: 10px;box-sizing: border-box;width: 100%;}
.en-index6 .left .textarea{margin-top: 15px;}

.en-index6 .left .button .btn{background-color: #01477b;border-radius: 5px;width: 100%;padding: 10px;font-size: 24px;color: white;margin-top: 20px;cursor: pointer}
.en-index6 .left .button .btn:hover{background-color: #063f69;}

.en-index6 .right{width: 0;flex: 1;margin-left: 100px;}

.en-index6 .right .contact-info{margin-top: 55px;}
.en-index6 .right .title{font-size: 36px;color: #01477b;}
.en-index6 .right .add-item{margin-top: 20px;}
.en-index6 .right .add-item p{margin-left: 15px;color: #404040;}
.en-index6 .right .add-item a{margin-left: 15px;color: #404040}

.en-index6 .right .bottom{margin-top: 50px;}
.en-index6 .right .bottom img{max-width: 100%}

.en-index7{padding-top: 100px;}
.en-index7 .news-box{margin-top: 40px;}
.en-index7 .news-box .data{font-size: 16px;color: #404040;}
.en-index7 .news-box .title{font-size: 20px;color: #3d3d3d;margin-top: 25px;}
.en-index7 .news-box .desc{font-size: 14px;color: #404040;margin-top: 50px;line-height: 26px;}
.en-index7 .news-box .right{width: 435px;height: 245px;}
.en-index7 .news-box .right img{width: 435px;height: 245px;object-fit: cover}
.en-index7 .news-box .left{width: 0;flex: 1;margin-right: 50px;}
.en-index7 .top{padding:50px 0;border-bottom: 1px solid #01477b}
.en-index7 .top .icon{transform: rotateZ(-45deg)}


.en-index7  .more{border: 1px solid #4e9ca1;background-color: #01477b;padding: 10px 30px;transition: all .3s;color: #fff;border-radius: 5px}
.en-index7  .more .icon{margin-left: 8px;}
.en-index7  .more:hover{background-color: #4e9ca1;color: #fff}

footer.en-index-footer{background-color: #fff;padding: unset;margin-top: 100px;}
.en-index-footer .footer-box{background-color: #01477b;}
.en-index-footer .footer-box a{font-size: 16px;padding: 22px 50px;display: block;}
.en-index-footer .footer-box a.active{background-color: #4e9ca1;}
.en-index-footer .footer-box a:not(:first-of-type){border-left: 1px solid #4e9ca1}
.en-index-footer .copyright .left{font-size: 16px;color: #bbbbbb;}
.en-index-footer .footer-box a.active{background-color: #4e9ca1;}
.en-index-footer .footer-box .time p{color: white;margin-left: 8px;}
.en-index-footer .footer-box a:hover{background-color: #4e9ca1;}

.en-index-footer .copyright{padding: 50px 0}
.en-index-footer .copyright .right img{width: 25px;}
.en-index-footer .copyright .right a{margin-left: 8px;}

.list-news-1 .pages{padding-bottom: 100px;}
.pages li{margin: 0 4px}
.pages ul{display: flex;justify-content: center}
.pages li a{width: 34px;height: 34px;border: 1px solid #E5E5E5;display: flex;justify-content: center;align-items: center;color: rgba(0,0,0,.85);border-radius: 4px;color: #666666}
.pages li a.page_active{background-color: #1976d2;color: #fff}

.page-default{padding: 100px 0}
.page-default .title{font-size: 32px;padding-bottom: 40px;border-bottom: 1px solid #999999}
.page-default .text{line-height: 2rem;margin-top: 40px;}

/*弹层*/

.zbox-popup{position:fixed;z-index:10000;top:50%;left:50%;display:none;overflow:hidden;width:270px;-webkit-transition-property:-webkit-transform,opacity;transition-property:transform,opacity;-webkit-transform:perspective(1200px) translate3d(-50%,-50%,0) scale(1.2);transform:perspective(1200px) translate3d(-50%,-50%,0) scale(1.2);text-align:center;opacity:0;color:#000;border-radius:3px;z-index:10000;-webkit-perspective:1200px;-moz-perspective:1200px;-ms-perspective:1200px;-o-perspective:1200px;perspective:1200px;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;-o-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-font-smoothing:antialiased}
.zbox-popup.zbox-popup-in{display:block;transition-property:all;-webkit-transition-duration:400ms;transition-duration:400ms;-webkit-transform:perspective(1200px) translate3d(-50%,-50%,0) scale(1);transform:perspective(1200px) translate3d(-50%,-50%,0) scale(1);opacity:1}
.zbox-popup-inner{position:relative;padding:15px;border-radius:3px 3px 0 0;background:rgba(255,255,255,.95)}
.zbox-popup-inner:after{position:absolute;z-index:15;top:auto;right:auto;bottom:0;left:0;display:block;width:100%;height:1px;content:'';-webkit-transform:scaleY(.5);transform:scaleY(.5);-webkit-transform-origin:50% 100%;transform-origin:50% 100%;background-color:rgba(0,0,0,.2)}
.zbox-popup-title{font-size:16px;font-weight:500;text-align:center;color:#4a4a4a}
.zbox-popup-title+.zbox-popup-text{font-family:inherit;font-size:16px;margin:5px 0 0;color:#4a4a4a;line-height:1.75}
.zbox-popup-buttons{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;height:44px;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}
.zbox-popup-button{font-size:14px;line-height:44px;position:relative;display:block;overflow:hidden;box-sizing:border-box;width:100%;height:44px;padding:0 5px;cursor:pointer;text-align:center;white-space:nowrap;text-overflow:ellipsis;color:#fd9e09;background:rgba(255,255,255,.95);-webkit-box-flex:1}
.zbox-popup-button:first-child:last-child{border-radius:0 0 3px 3px}
.zbox-popup-button.zbox-popup-button-bold{font-weight:600}
.zbox-popup-button:after{position:absolute;z-index:15;top:0;right:0;bottom:auto;left:auto;display:block;width:1px;height:100%;content:'';-webkit-transform:scaleX(.5);transform:scaleX(.5);-webkit-transform-origin:100% 50%;transform-origin:100% 50%;background-color:rgba(0,0,0,.2)}
.zbox-popup-backdrop.zbox-active{opacity:1}
.zbox-popup-backdrop{position:fixed;z-index:998;top:0;right:0;bottom:0;left:0;-webkit-transition-duration:400ms;transition-duration:400ms;opacity:0;background:rgba(0,0,0,.4)}
.zbox-toast-container{position:fixed;z-index:9999;bottom:60px;width:100%;-webkit-transition:opacity .8s;transition:opacity .8s;opacity:0;left:0}
.zbox-toast-container.zbox-active{opacity:1}
.zbox-toast-message{font-size:14px;width:270px;margin:5px auto;padding:5px;text-align:center;color:#000;border-radius:5px;background-color:#d8d8d8}
.zbox-btn-outlined.zbox-btn-blue,.zbox-btn-outlined.zbox-btn-primary{color:#007aff}
.zbox-btn-outlined{background-color:transparent}
.zbox-btn-blue,.zbox-btn-primary{color:#fff;border:1px solid #007aff;background-color:#007aff}
.zbox-btn{font-size:14px;font-weight:400;line-height:1.42;position:relative;display:inline-block;margin-bottom:0;padding:6px 12px;cursor:pointer;-webkit-transition:all;transition:all;-webkit-transition-timing-function:linear;transition-timing-function:linear;-webkit-transition-duration:.2s;transition-duration:.2s;text-align:center;vertical-align:top;white-space:nowrap;color:#333;border:1px solid #ccc;border-radius:3px;border-top-left-radius:3px;border-top-right-radius:3px;border-bottom-right-radius:3px;border-bottom-left-radius:3px;background-color:#fff;background-clip:padding-box}
.zbox-btn{display:block;width:120px;margin:10px auto}
#zchange{width:44px;height:44px;display:block;margin:0 auto;animation:circle1 1.2s infinite linear;-webkit-animation:circle1 1.2s infinite linear;transition:all linear}
@-webkit-keyframes circle1{0%{-webkit-transform:rotate(0deg)}
    100%{-webkit-transform:rotate(360deg)}
}@keyframes circle1{0%{transform:rotate(0deg)}
     100%{transform:rotate(360deg)}
 }
/*弹层 end*/






/*newstyle*/
.order-search-result{padding: 80px 0}
.order-status-list{margin-top: 50px;}
.order-status-list .item{padding: 0 35px 20px;border-left: 1px solid #666666;position: relative}
.order-status-list .item:not(:first-of-type){padding: 20px 35px;}
.order-status-list .item::after{content: "";position: absolute;width: 8px;height: 8px;background-color: rgba(175, 175, 175);left: -4px;top: 0;border-radius: 50%}
.order-status-list .item:not(:first-of-type)::after{top: 20px;}
.order-status-list .item:last-of-type{padding: 20px 35px 0;border-left: none;}
.order-status-list .item:last-of-type::before{content: "";width: 1px;height: 50px;left: 0;top: 0;background-color: #666666;position: absolute}
.order-status-list .item:last-of-type::after{top: 44px}

.order-status-list .item.active::after{background-color: #3dd282;}


.order-search-result .no-result{display: none}
.order-search-result .left{margin-right: 30px;min-width: 200px}

.order-search-result .left .order-num-list{border-radius: 5px;overflow: hidden}
.order-search-result .left .item{padding: 10px 20px;background-color: #f5f5f5;cursor: pointer}
.order-search-result .left .item.active{background-color: #2c5aba;color: #fff}
.order-search-result .left .item:not(:first-of-type){border-top: 1px solid #4e9ca1}



.rightFloatTop{z-index: 999}
.rightFloatTop{width: 60px;height: 60px;background-color: #4e9ca1;position: fixed;bottom: 50px;right: 50px;}
.rightFloatTop .box{width: 100%;height: 100%;transform: rotateZ(90deg);cursor: pointer}