html,body{height:100%;margin:0;padding:0;font-size:16px;}
body{background:#fff;font:12px/1.6 'Microsoft YaHei', arial,tahoma,sans-serif;overflow-x:hidden;}
body.overflow{overflow:hidden;height:100%}
html.overflow{overflow:hidden;height:100%}
textarea{border: solid 0px;outline:none;}
input{border: solid 0px;outline:none;}
a,a:hover,a:focus{text-decoration:none;}
img{image-rendering: -webkit-optimize-contrast;}
ul{margin:0;padding:0;}
ul li{list-style:none}
body{position: relative;}
.modal-open{position: fixed;width: 100%;}



.header{height:60px;position:fixed;top: 0;left: 0;width: 100%;z-index:999;}
.header .flex{display: flex;align-items: center;justify-content: space-between;height:60px;}
.header .logo2{display: none}
.header .menu{margin-left: auto;}
.header .menu ul{display: flex;align-items: center;}
.header .menu ul>li{position: relative;height:50px;line-height: 50px;}
.header .menu ul>li>a{padding:0 12px; color:#fff;font-size: 16px;height:50px;display: block;line-height:50px;position: relative;}
.header .menu ul>li>a.on,.header .menu ul li>a:hover{color:#fff;border-bottom:2px solid #023a8c;}

.header .menu li .sub{position: absolute;top:70px;left: 0;display: none;width: 120px;background: #fff;border-radius: 10px;}
.header .menu li .sub:after{content:'';display: block;width: 0;height: 0;border-bottom:10px solid #fff;border-right: 10px solid transparent;border-left: 10px solid transparent;position: absolute;left: 50%;transform: translateX(-50%);top: -10px}
.header .menu li .sub a{color:#000;font-size: 16px;display: block;width: 80px;margin:0 auto;text-align:center;height: 40px;line-height: 40px;}
.header .menu li .sub a:hover{color:#00aae7}


.header .login{position:relative;margin-left:70px;color:#ffffff;font-size: 16px}
.header .login a{color:#ffffff;font-size: 16px;margin:0 10px;}

.header.pagex .logo2{display: block;}
.header.pagex .logoImg{display: none}
.header.pagex{background: rgba(255,255,255,0.9);}
.header.pagex  .menu ul>li>a{color:#000}

.header.pagex  .login a{color:#000}

.header.on{background: rgba(255,255,255,0.9);}
.header.on  .menu ul>li>a{color:#000}

.header.on  .login a{color:#000}
.header.on .logoImg{display: none}
.header.on .logo2{display: block;}

.indexmain{position: relative;z-index:59;}
.indexmain .mp4{backface-visibility: hidden;height: 100%;transform: translate3d(0,0,0);transform-style: preserve-3d;width: 100%;object-fit: cover;display: block;}
.indexmain .con{position: absolute;width: 100%;height: 100%;left: 0;top: 0;}
.indexmain .con .slogn{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}


.indexmain .shubiao{position: absolute;bottom: 45px;left: 50%;transform:translateX(-50%);cursor: pointer;}
.indexmain .shubiao img{display: block;margin:0 auto;}
.indexmain .shubiao .ico1{margin-bottom: 10px;}
.indexmain .shubiao .ico2{ animation:down 1.1s ease-in infinite;transform:translateY(-2px); }
@keyframes down{
    0%{transform:translateY(-2px);opacity:0}
    50%{transform:translateY(0px);opacity:1}
    100%{transform:translateY(2px);opacity:0}
}


.indextitle{position: relative;padding-top: 50px;padding-bottom: 40px;}
.indextitle h4{font-size: 60px;text-transform:uppercase;font-weight: bold; color: white; background: linear-gradient(to right, #516dff, #5fbafe);opacity: 0.16; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; text-fill-color: transparent;-webkit-box-decoration-break: clone; box-decoration-break: clone;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);white-space: nowrap;}
.indextitle h3{font-size: 30px;color:#000;text-align: center;padding-top: 30px;}
.indextitle .line{display: block;margin:0 auto;margin-top: 10px;}

.index01{padding-bottom: 70px;}

.index01 .flex{display: flex;align-items: center;margin-top: 50px;justify-content: space-between;}
.index01 .imgbox{width: 45.83%;}
.index01 .con{width: 50%;}

.index01 .con h3{color: #023a8c;font-size: 26px;margin-bottom: 20px;}
.index01 .con .text{color:#3a3a3a;font-size: 16px;line-height: 1.8;}

.index01 .con .data{width: 100%;background: #fff;border-radius: 40px; margin-top: 30px; box-shadow: 0px 18px 23.52px 0.48px rgba(25, 90, 170, 0.29);padding-top: 40px;}
.index01 .con .data ul{display: flex;align-items: center;justify-content: center;flex-wrap: wrap;}
.index01 .con .data ul li{width: 33%;text-align: center;margin-bottom: 40px;}
.index01 .con .data ul li p{color:#3a3a3a;font-size: 14px;}
.index01 .con .data ul li p .num{color:#2271e6;font-size: 30px;margin:0 4px;}
.index01 .con .data ul li p .num2{color:#2271e6;font-size: 30px;}
.index01 .con .data ul li .t{color:#3a3a3a;font-size: 14px;font-weight: bold;}

.index02{background: url(../img/index02bg.png) bottom center no-repeat; background-size: cover;position: relative;}

.index02tab{}

.index02tab .hd{position: absolute;right: 5%;top: 50%;transform: translateY(-50%);z-index:9;}
.index02tab .hd ul li{width: 80px;height: 80px;border:2px solid #2270e5;border-radius: 100%;display: flex;align-items: center;justify-content: center;color:#030303;font-size: 18px;margin-bottom: 15px;cursor: pointer;transition: all 0.5s}
.index02tab .hd ul li:nth-child(1){margin-left: 35px;}
.index02tab .hd ul li:nth-child(2){margin-left: 15px;}
.index02tab .hd ul li:nth-child(4){margin-left: 15px;}
.index02tab .hd ul li:nth-child(5){margin-left: 35px;}
.index02tab .hd ul li.on{border:10px solid #2270e5;}
.index02tab .bd{width: 100%;overflow: hidden;height: 650px;}

.index02tab .bd .item{padding-bottom: 50px;height: 650px;}

.swipertab{position: relative;height: 650px;}
.swipertab .control{position: absolute;right: 0;bottom: 30px;z-index:8;}
.swipertab .control img{margin:0 5px;}

.stitle{margin-bottom: 10px}
.stitle span{color: rgba(2,58,140,0.1);font-size: 60px;font-weight: bold;line-height: 1}
.stitle h4{color:#023a8c;font-size: 26px;position: relative;top: -25px;}

.scon{max-width: 80%}
.scon .slogo{margin-bottom: 20px;}
.scon h3{color:#2271e6;font-size: 20px;margin-bottom: 10px;font-weight: 600}
.scon .text{color:#3a3a3a;font-size: 16px;margin-bottom: 20px;}

.sitems{display: flex;align-items: center;width: 85%;justify-content: space-between;}
.sitems .sitem .imgbox{box-shadow: 0px 8px 16.38px 1.62px rgba(113, 122, 184, 0.13);background: #fff;padding:10px;border-radius: 10px;margin-bottom: 20px;}
.sitems .sitem h4{color:#2270e4;font-size: 20px;margin-bottom: 15px;}
.sitems .sitem p{color:#000;font-size: 16px;}


.scon .itms{display: flex;align-items: flex-start;justify-content: space-between;margin-top: 20px;margin-bottom: 20px;}
.scon .itms .itm{width: 216px;height: 132px; box-shadow: 0px 18px 23.52px 0.48px rgba(156, 197, 247, 0.2);background: #fff;border-radius: 40px;display: flex;align-items: flex-start;justify-content: flex-start;padding:30px 30px 0px 30px;}
.scon .itms .itm .ico{margin-right: 15px;display: block;margin-top: 5px}
.scon .itms .itm h4{color: #2271e6;font-size: 30px;height: 30px;line-height: 30px}
.scon .itms .itm h5{color: #2271e6;font-size: 22px;height: 30px;}
.scon .itms .itm p{margin-top: 3px;color:#000;font-size: 16px;}

.blockcon{}
.blockcon .block{display: flex;align-items: center;margin-bottom: 20px;}
.blockcon .block .logo{margin-right: 100px;}
.blockcon .block p{color:#3a3a3a;font-size: 16px;}

.blockcon .block{display: flex;align-items: center;justify-content: flex-start;}
.blockcon .block .itm{width: 215px;height: 132px; box-shadow: 0px 18px 23.52px 0.48px rgba(156, 197, 247, 0.2);background: #fff;border-radius: 40px;display: flex;align-items: center;justify-content:center;flex-direction: column; padding:0px 20px 0px 20px;margin-right: 20px;}
.blockcon .block .itm h4{color:#2271e6;font-size: 18px;height: 60px;display: flex;align-items: center;font-weight: 600}
.blockcon .block .itm h4 span{font-size: 32px;line-height: 30px;}
.blockcon .block .itm p{color:#000;font-size: 16px}
.blockcon .block .itm.special{width: 365px;}
.blockcon .block .itm.special h4{display: flex;align-items: center;}
.blockcon .block .itm.special h4 .ico{margin-right: 15px}

.blockcon2 .block{margin-bottom: 10px;color:#3a3a3a;font-size: 16px;}
.blockcon2 .block span{color:#2271e6;font-size: 26px;line-height: 1;margin-left: 10px}
.blockcon2 .flex{display: flex;align-items: flex-start;justify-content:flex-start;margin-top: 20px;}
.blockcon2 .flex .left,.blockcon2 .flex .right{ width: 460px;margin-right: 80px;margin-left: 20px;}

.blockcon2 .flex .left .logo,.blockcon2 .flex .right .logo{margin-bottom: 10px;}
.blockcon2 .flex  .text{color:#3a3a3a;font-size: 16px;line-height: 2}

.blockcon2 .left .itms{display: flex;align-items: center}
.blockcon2 .left  .itm{width: 215px;height: 132px; box-shadow: 0px 18px 23.52px 0.48px rgba(156, 197, 247, 0.2);background: #fff;border-radius: 40px;display: flex;align-items: center;justify-content:center;flex-direction: column; padding:0px 20px 0px 20px;margin-right: 20px;}
.blockcon2 .left  .itm h4{color:#2271e6;font-size: 18px;height: 60px;display: flex;align-items: center;font-weight: 600;text-align: center}
.blockcon2 .left  .itm h4 span{font-size: 32px;line-height: 30px;}
.blockcon2 .left  .itm p{color:#000;font-size: 16px}

.blockcon3{}
.blockcon3 .flex{display: flex;align-items: flex-start;}
.blockcon3 .flex .ico{margin-right: 50px;margin-left: 10px;}
.blockcon3 .flex .text{width: 80%}
.blockcon3 .flex h4{color:#2271e6;font-size: 20px;margin-bottom: 10px;font-weight: 600}
.blockcon3 .flex p{color:#3a3a3a;font-size: 16px;line-height: 2}

.blockcon3 .itms{display: flex;align-items: center;margin-top: 50px;}
.blockcon3 .itms .itm{width: 252px;height: 184px; box-shadow: 0px 18px 23.52px 0.48px rgba(156, 197, 247, 0.2);background: #fff;border-radius: 40px;display: flex;align-items: center;justify-content:center;flex-direction: column; padding:0px;margin-right: 20px;}
.blockcon3 .itms .itm .ico{margin-bottom: 10px}
.blockcon3 .itms .itm p{color:#3a3a3a;font-size: 16px;text-align: center}
.blockcon3 .itms .itm p span{font-weight: 600}


.blockcon4{}
.blockcon4 .flex{display: flex;align-items: flex-start;width: 80%}
.blockcon4 .flex .ico{margin-right: 50px;margin-left: 10px;}
.blockcon4 .flex .text{flex:1;}
.blockcon4 .flex h4{color:#2271e6;font-size: 20px;margin-bottom: 10px;font-weight: 600;line-height: 1.6;margin-top: -10px}
.blockcon4 .flex p{color:#3a3a3a;font-size: 16px;line-height: 2}

.blockcon4 .itms{display: flex;align-items: flex-start;justify-content: space-between;margin-top: 20px;flex-wrap: wrap; width: 80%}
.blockcon4 .itms .itm{width: 216px;height: 132px; box-shadow: 0px 18px 23.52px 0.48px rgba(156, 197, 247, 0.2);background: #fff;border-radius: 40px;display: flex;align-items:center;justify-content: flex-start;padding:0px 0px 0px 30px;margin-bottom: 15px;}
.blockcon4 .itms .itm .ico{margin-right: 10px;display: block;}
.blockcon4 .itms .itm h4{color: #2271e6;font-size: 18px;height: 45px;max-width: 110px}
.blockcon4 .itms .itm h4 span{font-size: 30px;}
.blockcon4 .itms .itm p{margin-top: 3px;color:#000;font-size: 16px;}


.blockcon5 .text{width: 78%}
.blockcon5 h4{color:#2271e6;font-size: 20px;margin-bottom: 10px;font-weight: 600;line-height: 1.6;margin-top: -10px}
.blockcon5 p{color:#3a3a3a;font-size: 16px;line-height: 2}
.blockcon5 .itms{display: flex;align-items: flex-start;justify-content: space-between;margin-top: 20px;flex-wrap: wrap; width: 83.8%}

.blockcon5 .itms .itm{width: 305px;height: 353px;box-shadow: 0px 18px 23.52px 0.48px rgba(156, 197, 247, 0.2);background: #fff;border-radius: 40px;padding:0 30px;}
.blockcon5 .itms .itm .t{height: 80px;display: flex;align-items: center;justify-content: center;color:#2271e6;font-size: 20px;border-bottom: 1px solid #e1e2e3;margin-bottom: 15px;}
.blockcon5 .itms .itm .t .ico{margin-right: 15px;}
.blockcon5 .itms .itm p{color:#3a3a3a;font-size: 14px;height: 170px;line-height: 1.6}

.blockcon5 .itms .itm .b{display: flex;align-items: center;justify-content: space-between;text-align: center;}
.blockcon5 .itms .itm .b h5{color: #2271e6;font-size:30px;}
.blockcon5 .itms .itm .b span{color:#000;font-size: 15px;}
.blockcon5 .itms .itm .b .ico{display: block;margin:0 auto;margin-bottom:8px;}


.blockcon6{}
.blockcon6 .flex{display: flex;align-items: flex-start;width: 80%}
.blockcon6 .flex .ico{margin-right: 50px;margin-left: 10px;}
.blockcon6 .flex .text{flex:1;}
.blockcon6 .flex h4{color:#2271e6;font-size: 20px;margin-bottom: 10px;font-weight: 600;line-height: 1.6;margin-top: -10px}
.blockcon6 .flex p{color:#3a3a3a;font-size: 16px;line-height: 2}

.blockcon6 .block{display: flex;align-items: center;justify-content: flex-start;margin-top: 60px}
.blockcon6 .block .itm{width: 215px;height: 132px; box-shadow: 0px 18px 23.52px 0.48px rgba(156, 197, 247, 0.2);background: #fff;border-radius: 40px;display: flex;align-items: center;justify-content:center;flex-direction: column; padding:0px 20px 0px 20px;margin-right: 20px;}
.blockcon6 .block .itm h4{color:#2271e6;font-size: 18px;display: flex;align-items: center;font-weight: 600;margin-bottom: 10px;}
.blockcon6 .block .itm h4 span{font-size: 36px;line-height: 30px;}
.blockcon6 .block .itm p{color:#000;font-size: 16px}
.blockcon6 .block  .imgtext{margin-left: 60px;}


.blockcon7{}
.blockcon7 .flex{display: flex;align-items: flex-start;width: 80%}
.blockcon7 .flex .ico{margin-right: 50px;margin-left: 10px;}
.blockcon7 .flex .text{flex:1;}
.blockcon7 .flex h4{color:#2271e6;font-size: 20px;margin-bottom: 10px;font-weight: 600;line-height: 1.6;margin-top: -10px}
.blockcon7 .flex p{color:#3a3a3a;font-size: 16px;line-height: 2}

.blockcon7 .block{display: flex;align-items: center;justify-content: flex-start;margin-top: 40px}
.blockcon7 .block .itm{width: 215px;height: 132px; box-shadow: 0px 18px 23.52px 0.48px rgba(156, 197, 247, 0.2);background: #fff;border-radius: 40px;display: flex;align-items: center;justify-content:center;flex-direction: column; padding:0px 20px 0px 20px;margin-right: 20px;}
.blockcon7 .block .itm h4{color:#2271e6;font-size: 18px;display: flex;align-items: center;font-weight: 600;margin-bottom: 10px;}
.blockcon7 .block .itm h4 span{font-size: 36px;line-height: 30px;}
.blockcon7 .block .itm p{color:#000;font-size: 16px}
.blockcon7 .ntext{color:#3a3a3a;font-size: 16px;line-height: 2;margin-top: 50px}


.index03{padding-bottom: 40px;}

.index03tab{}
.index03tab .hd {margin-bottom: 40px;}
.index03tab .hd ul{display: flex;align-items: center;align-items: center;justify-content: space-between;padding:0 40px;}
.index03tab .hd ul li{cursor: pointer;color:#000;font-size: 18px;display: flex;align-items: center}
.index03tab .hd ul li:before{content: "";display: block;width: 10px;height: 10px;background: rgba(11,98,227,0.3);border-radius: 50%;margin-right: 10px}
.index03tab .hd ul li.on{color: #0b62e3}
.index03tab .hd ul li.on:before{background: #0b62e3}

.index03 .swiper03 .swiper-slide{position: relative;overflow: hidden;}
.index03 .swiper03 .swiper-slide .mask{display: block;width: 150%;height: 150%;background: radial-gradient(circle ,#fff,rgba(255,255,255,0));position: absolute;left: -25%;top: -25%}

.index03 .swiper03 .swiper-slide.swiper-slide-active .mask{display: none}
.index03 .swiper03 .swiper-slide .info{width: 300px;height: 120px;background: rgba(255,255,255,0.9);border-radius: 10px;position: absolute;left: 30px;top: 50%;transform: translateY(-50%);padding:20px 30px;display: none}
.index03 .swiper03 .swiper-slide .info .num{font-size: 16px;color:#717171}
.index03 .swiper03 .swiper-slide .info .num span{font-size: 22px;color:#000;margin-right: 5px;}
.index03 .swiper03 .swiper-slide .info p{font-size: 18px;color:#000}

.index04 .flex{display: flex;align-items: center;justify-content: space-between;}
.index04 .imgbox{width: 34.2%;}
.index04 .con{width: 60.8%;}
.index04 .con .jiyu{color:#3a3a3a;font-size: 18px;line-height: 2;font-weight: 600;border-bottom: 1px solid #cce2f9;padding-bottom: 30px;}
.index04 .con .text{padding-top: 30px;color:#3a3a3a;font-size: 16px;line-height: 1.8}
.index04 .con .items{display: flex;align-items: center;justify-content: space-between;margin-top: 50px;}
.index04 .con .items .item{position: relative;border-radius: 40px;overflow: hidden;cursor: pointer;}
.index04 .con .items .item .zz{position: absolute;width: 100%;height: 100%; left: 0;top: 0;background: rgba(0,0,0,0.3);display: flex;align-items: center;justify-content: center;flex-direction: column;}
.index04 .con .items .item .zz .ico{display: block;margin:0 auto;margin-bottom: 10px;}
.index04 .con .items .item .zz h4{color:#fff;font-size: 26px;}
.index04 .con .items .item .img{transition: all 0.8s}
.index04 .con .items .item:hover .img{transform: scale(1.2);}

.index05 {padding-top: 120px;padding-bottom: 140px;background: url(../img/index05bg.png) bottom center no-repeat;}

.index05 .mySwiper{margin-top: 100px;}

.index05 .mySwiper .swiper-slide{color: rgba(0,0,0,0.1);font-size: 48px;text-align: center;width: auto;padding:0 80px;transition: all 0.3s}
.index05 .mySwiper .swiper-slide.swiper-slide-active{color:rgba(0,0,0,1);}

.index05 .join{width: 160px;height: 48px;line-height: 48px; background: #2271e6;border-radius: 6px;color:#fff;font-size: 16px;text-align: center;display: block;margin:0 auto;margin-top: 70px}


.footer{background: #e9edf4;padding:20px 0 10px;}
.footer .flex{display: flex;align-items: center;justify-content: space-between;}
.footer .copyright{color:#000;font-size: 16px;margin-top: 15px;}
.footer  .right{display: flex;align-items: center}
.footer  .right .item{margin:0 30px;text-align: center}
.footer  .right .item img{width: 100px}
.footer  .right .item p{color:#000;font-size: 14px;margin-top: 15px;}


.indextczz{background: rgba(0,0,0,0.7);width: 100%;height: 100%;position: fixed;left: 0;top: 0;z-index:998;display: none}
.indextc{width: 60%;background: #fff;border-radius: 30px;padding:10px 80px 45px;z-index:999;position: fixed;left: 50%;top: 50%;transform: translate(-50%,-50%);display: none;overflow: hidden;}
.indextc .top{height: 80px;display: flex;align-items: center;justify-content: space-between;}
.indextc .close{position: absolute;right: 0;top: 0;cursor: pointer;}
.indextc .tccon .flex{display: flex;align-items: flex-start;justify-content: space-between;}
.indextc .tccon .flex .left{width: 20%}
.indextc .tccon .flex .right{width:78%;height: 500px;overflow-y: auto}
.indextc .tccon .flex .right .textbox{background: rgba(87,156,242,0.1);padding:10px 40px;margin-bottom: 10px;}

.indextc .tccon .flex .right .textbox h3{font-size: 18px;color:#023a80;margin-bottom: 15px;}
.indextc .tccon .flex .right .textbox p{color:#000;font-size: 14px;line-height: 1.8;margin-bottom: 10px}

.xzmain{overflow: hidden;position: relative;}
.xzmain .con{position: absolute;width: 100%;height: 100%;left: 0;top: 0;}

.xzmain .con .items{position: absolute;bottom: 9%;display: flex;align-items: center;justify-content: space-between;width: 1200px;left: 50%;transform: translateX(-50%);}

.xzmain .con .items .item{width: 284px;height: 86px;background:rgba(255,255,255,0.9);border-radius: 20px;}
.xzmain .con .items .item:hover{box-shadow:0 12px 39px 0 hsla(0,0%,79.2%,.6)}
.xzmain .con .items .item a{display: flex;align-items: center;justify-content: center;height: 100%}
.xzmain .con .items .item a p{margin-left: 15px;color:#000;font-size: 18px;}

/*
.xzmain .con .items .item:hover{background: #0068b7}
.xzmain .con .items .item:hover a p{color: #fff}
*/


.listbg{background: url(../img/listbg.jpg) top center no-repeat;background-attachment: fixed;background-size: cover}
.list2bg{background: url(../img/list2bg.jpg) top center no-repeat;background-attachment: fixed;background-size: cover}



.pagesbanner{position: relative;}
.pagesbanner .text{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: flex-end;flex-direction: column;color:#fff;padding-bottom: 40px;}
.pagesbanner .text .cn{font-size: 36px;margin-top: 30px;letter-spacing: 1px;line-height: 40px}
.pagesbanner .text .cn:after{content: "";display: block;width: 46px;height: 6px;background: #ffffff;border-radius: 6px;margin:0 auto;margin-top: 12px;}

.pagesbanner .gytop{position: absolute;bottom: -20%;left: 0;}


.pages{background: #fff;padding-top: 30px;padding-bottom:50px;}

.pagesflex{display: flex;align-items: flex-start;justify-content: space-between;}

.pagesflex .pageleft{width: 24.66%;background: #fff;box-shadow: 0px 4px 12.74px 0.26px rgba(30, 30, 30, 0.1);border-radius:0 0 15px 15px;}
.pagesflex .pageright{width: 72.8%}
.pagesflex .gs{text-align: left;}
.pagesflex .gs .bt{height: 70px;background:url(../img/pgbt.png) no-repeat;display: flex;align-items: center;justify-content:flex-start; border-radius: 15px 15px 0 0;color:#fff;font-size: 20px;padding-left: 35px;}
.pagesflex .gs .bt .ico{margin-right:5px}
.pagesflex .gs ul{}
.pagesflex .gs ul li a{color:#000000;font-size: 16px;line-height: 60px;text-align: center;display: flex;align-items: center;justify-content: flex-start;padding-left: 35px;border:1px solid #e4ecfa;background: #f6f9fd;position: relative;}
.pagesflex .gs ul li a:after{content: "";display: block;background: url(../img/sj.png) no-repeat;width: 7px;height: 12px;position: absolute;right: 20px;top: 24px;opacity: 0}
.pagesflex .gs ul li a:hover{background: #e4ecfa}
.pagesflex .gs ul li a:hover:after{opacity: 1}


.shaixuan{}
.shaixuan .shaixuancon{background: #fff;border-radius: 10px;margin-bottom: 20px;box-shadow: 0px 0px 12.61px 0.39px rgba(0, 28, 139, 0.1);}
.shaixuan .list{display: flex;align-items:flex-start;width: 96%;margin:0 auto; border-bottom:1px dashed #e2e2e2;padding:20px 15px;}
.shaixuan .list .zk{color: #000;display: flex;align-items: center;justify-content: center;font-size: 14px;flex-shrink: 0;cursor: pointer;margin-left: auto;margin-top: 15px;}
.shaixuan .list .name{color:#2f2e2e;font-size: 16px;flex-shrink: 0;margin-bottom: 0;width: 116px;height: 48px;background: #f6f9fd;display: flex;align-items: center;justify-content: center;font-weight: 600}
.shaixuan .list .name .ico{margin-right: 10px;}
.shaixuan .list .items{display: flex;align-items: center;margin-left: 20px;flex-shrink: 0;width:75%;flex-wrap: wrap;height: 48px;overflow: hidden;line-height: 48px}
.shaixuan .list .items span{display: block;padding:0 15px;color:#2f2e2e;font-size: 14px;cursor: pointer;flex-shrink:0;}
.shaixuan .list .items span.on{color:#3255de}
.shaixuan .list .items.on{height: auto}


.pageright .search{display: flex;align-items: center;justify-content: space-between;margin:0 8px;border-radius: 5px;overflow: hidden;margin:0 auto;background: #fff;border-radius: 10px;margin-bottom: 20px;box-shadow: 0px 0px 12.61px 0.39px rgba(0, 28, 139, 0.1);}
.pageright .search .int{width: 100%; height: 46px;color:#666666;font-size: 16px;padding-left: 20px;}
.pageright .search .btn{width: 109px;height: 46px;background:url(../img/serachbtn.png) no-repeat;border:none;cursor: pointer;color:#fff;font-size: 16px;}



.jobList{margin-top: 30px;padding-bottom: 50px}
.jobList .item{background: #fff;box-shadow: 0px 2px 12.09px 0.91px rgba(153, 153, 153, 0.17);margin-bottom: 20px;cursor: pointer;transition: all 0.3s;border-radius: 10px;border:1px solid transparent;}
.jobList .item .top{display: flex;align-items: center;justify-content: space-between;padding:15px 30px 20px;position: relative;}
.jobList .item .t{color:#000;font-size: 18px;margin-bottom: 20px;font-weight: bold;cursor:pointer;}
.jobList .item .b{display: flex;align-items: center;color:#000;font-size: 14px;flex-wrap: wrap;}
.jobList .item .b span{display: flex;align-items: center;width:50%;margin-bottom: 10px;}
.jobList .item .left{width: 100%}
.jobList .item .right{position: absolute;right: 70px;top: 20px}
.jobList .item .right .td{color:#1b56a9;font-size: 14px;}


.jobList .item.on .right .sq{ display:flex}
.jobList .item.on .right .zk{ display:none}
.jobList .item.on .t{color:#1b56a9}

.jobList .item:hover{box-shadow: 0px 0px 16px 0px rgba(0, 72, 168, 0.17);border:1px solid #1b56a9;}




.pagesabout .text2{margin-top: 30px;color:#1e1d1d;font-size: 14px;line-height: 1.8}


.xzbg{background: url(../img/xzbg.jpg) top center no-repeat;background-attachment: fixed;background-size: cover}


.pagetitle{text-align: center;margin-top: 150px;}
.pagetitle img{display: block;margin:0 auto;}

.xzlist{margin-top:20px;background: rgba(255,255,255,0.9);padding:30px 50px 0;border-radius: 20px;margin-bottom: 50px}
.xzlist .search{display: flex;align-items: center;justify-content: space-between;margin:0 8px;border-radius: 5px;overflow: hidden;margin:0 auto;background: #fff;border-radius: 10px;margin-bottom: 20px;box-shadow: 0px 0px 12.61px 0.39px rgba(0, 28, 139, 0.1);position: relative;}
.xzlist  .search .ico{position: absolute;left: 40px;}
.xzlist  .search .int{width: 100%; height: 46px;color:#666666;font-size: 16px;padding-left: 20px;margin-left: 70px}
.xzlist  .search .btn{width: 109px;height: 46px;background:url(../img/serachbtn.png) no-repeat;border:none;cursor: pointer;color:#fff;font-size: 16px;}
.xzlist .jobList{padding-bottom: 30px;}


.xzxq{margin-top:20px;background: rgba(255,255,255,0.9);padding:50px;border-radius: 20px;margin-bottom: 50px}

.xzxq h2{color:#000;font-size: 20px;margin-bottom: 15px;}

.xzxq .info{width: 100%;background: rgba(215,237,250,0.7);padding:20px 25px;border-radius: 10px;margin-bottom: 30px}
.xzxq .info ul{display: flex;align-items: center;flex-wrap: wrap;}
.xzxq .info ul li{width: 50%;margin-bottom: 15px;display: flex;align-items: center;font-size: 14px;}
.xzxq .info ul li span.icon{display: block;width: 50px;}
.xzxq .info ul li b{margin-right:10px;}

.xzxq .block{margin-bottom: 30px;color:#333;font-size: 14px;line-height: 1.8}
.xzxq .block h5{font-size: 16px;margin-bottom: 10px;}
.xzxq .anniu{border-top: 1px solid rgba(0,0,0,0.3);padding-top: 50px;display: flex;align-items: center;justify-content: center}
.xzxq .anniu a{width: 150px;height: 46px;display: flex;align-items: center;justify-content: center;font-size: 16px;border-radius: 10px;margin: 0 14px;}

.xzxq .anniu a.btn{background:#2c61e2;color:#fff;}
.xzxq .anniu a.sc{color:#1b56a9;border:1px solid #2c61e2;background: #d7e9ff}
.xzxq .anniu a.fh{border:1px solid #2c61e2;background: #fff;color:#1b56a9}




.rztitle{display: flex;align-items: center;justify-content: space-between;margin-bottom: 50px;}
.rztitle h3{color: #000;font-size:40px;}
.rztitle .num{color: rgba(57,137,225,0.1);font-size: 96px;display: flex;align-items: center;margin-right: -80px;}
.rztitle .num:after{content: "";display: block;width: 200px;height: 107px;background: rgba(57,137,225,0.1);margin-left: 10px;}


.rz01{padding-bottom: 120px;padding-top:30px;}
.rz01tab{}
.rz01tab .hd{margin-top: 60px;order:2;background: url(../img/tab01bg.png) bottom center no-repeat;padding-bottom: 60px;}
.rz01tab .hd ul {display: flex;align-items: center;justify-content: space-between;}
.rz01tab .hd ul li{margin-bottom: 30px}
.rz01tab .hd ul li h3{color:#000;font-size: 18px;cursor: pointer;display: flex;align-items: center}
.rz01tab .hd ul li h3:before{content: "";display: block;width: 11px;height: 11px;background: url(../img/lio.png) no-repeat;margin-right: 15px}
.rz01tab .hd ul li.on h3{color:#3989e1}
.rz01tab .hd ul li.on h3:before{content: "";display: block;width: 11px;height: 11px;background: url(../img/lion.png) no-repeat;margin-right: 15px}
.rz01tab .bd{width: 100%;order:1;}





.rz02{padding-bottom: 120px;}
.rz02tab{display: flex;align-items:flex-start;justify-content: space-between;}
.rz02tab .hd{width: 34%;margin-top: 60px;}
.rz02tab .hd ul li{margin-bottom: 30px}
.rz02tab .hd h3{color:rgba(0,0,0,0.7);font-size: 26px;padding-bottom: 0px;cursor: pointer;}
.rz02tab .hd .list{padding-top: 30px; padding-bottom: 40px;display: none;color:rgba(0,0,0,0.7);font-size: 16px;line-height: 2}
.rz02tab .hd .list p{display: flex;align-items: flex-start;margin-bottom: 10px;}
.rz02tab .hd .list p:before{content: "";display: block;width: 11px;height: 11px;background: url(../img/lio.png) no-repeat;margin-right: 15px;flex-shrink: 0;margin-top: 11px;}
.rz02tab .hd ul li:first-child .list{display: block;}
.rz02tab .hd ul li.on h3{color:#3989e1}
.rz02tab .bd{width: 62.5%}

.rz03{padding-bottom: 120px;}
.rz03tab{display: flex;align-items:flex-start;justify-content: space-between;}
.rz03tab .hd{width: 32%;margin-top: 60px;order:2;}
.rz03tab .hd ul li{margin-bottom: 30px}
.rz03tab .hd ul li h3{color:rgba(0,0,0,0.7);font-size: 26px;padding-bottom: 0px;cursor: pointer;}
.rz03tab .hd ul li.on h3{color:#3989e1}
.rz03tab .bd{width: 62.5%;order:1;}



.rz04{padding-bottom: 120px;}
.rz04tab{display: flex;align-items:flex-start;justify-content: space-between;}
.rz04tab .hd{width: 34%;margin-top: 60px;}
.rz04tab .hd ul li{margin-bottom: 30px}
.rz04tab .hd h3{color:rgba(0,0,0,0.7);font-size: 26px;padding-bottom: 0px;cursor: pointer;}
.rz04tab .hd .list{padding-top: 30px; padding-bottom: 40px;display: none;color:rgba(0,0,0,0.7);font-size: 16px;line-height: 2}
.rz04tab .hd .list p{display: flex;align-items: center;}
.rz04tab .hd .list p:before{content: "";display: block;width: 11px;height: 11px;background: url(../img/lio.png) no-repeat;margin-right: 15px}
.rz04tab .hd ul li:first-child .list{display: block;}
.rz04tab .hd ul li.on h3{color:#3989e1}
.rz04tab .bd{width: 62.5%}

.page{ padding-bottom: 50px;text-align: center;
    display: flex !important;
    justify-content: center;}
.page a:first-child, .page a:last-child{width: 60px}
.page a{
    display: inline-block;
    *display: inline;
    zoom: 1;
    font-size: 14px;
    line-height: 30px;
    width: 30px;
    height: 30px;
    background-color: #eee;
    vertical-align: top;
    border-radius: 4px;
    color: #666;
    font-family: SourceHanSansCNRegular;
    margin: 0 3px;
    transition: all .3s;
}

.page a[rel=prev],
.page a[rel=next]{
    background-repeat: no-repeat;
    background-position: center;
    background-size: 6px;
}
.page a[rel=prev]{
    background-image: url('../img/page-prev.png');
}
.page a[rel=next]{
    background-image: url('../img/page-next.png');
}
.page a.now{
    background-color: #3989e1;
    color: #fff;
}
.page a.active {
  background: #3989e1;
  color: #fff;
  transition: 0.5s cubic-bezier(0.6, 0.2, 0.1, 1);
}

.page a:hover {
  text-decoration: none;
  color: #fff;
  background: #3989e1;
  transition: 0.5s cubic-bezier(0.6, 0.2, 0.1, 1);
}
.shaixuan .list .items span a{ color: #000;}
.shaixuan .list .items span a:hover,.shaixuan .list .items span a.now{ color: #3989e1;}

.huanjing {
 
    min-height: 100vh;
}

.huanjingbg {
    background: url(../img/huanjing/yfhj2023.jpg) no-repeat center 0px;
    background-size: cover;
    background-attachment: fixed;
    padding-top: 330px;
    padding-bottom: 50px;
}

.huanjing .list {
    display: flex;
    align-items: center;
    width: 1100px;
    justify-content: space-between;
    position: fixed;
    bottom: 15%;
    left: 50%;
    transform: translateX(-50%);
}

.huanjing .list .item {
    width: 260px;
    height: 75px;
    position: relative;
    background: #fff;
    border-radius: 10px;
    margin-right: 20px;
    line-height: 75px;
    box-shadow: 0px 0px 13px 0px rgb(4 0 0 / 9%);
}

.huanjing .list .item .img {
    display: block;
}

.huanjing .list .item a {
    display: block;
    width: 260px;
    height: 75px;
    color: #06195b;
    font-size: 20px;
}

.huanjing .list .item .hj1 {
    background: url(../img/huanjing/hjico1.png?v=1) no-repeat;
    width: 40px;
    height: 50px;
    display: inline-block;
    float: left;
    margin: 17px 15px 0 55px
}

.huanjing .list .item .hj2 {
    background: url(../img/huanjing/hjico3.png?v=1) no-repeat;
    width: 40px;
    height: 50px;
    display: inline-block;
    float: left;
    margin: 17px 15px 0 55px
}

.huanjing .list .item .hj3 {
    background: url(../img/huanjing/hjico5.png?v=1) no-repeat;
    width: 50px;
    height: 50px;
    display: inline-block;
    float: left;
    margin: 17px 15px 0 40px;
}

.huanjing .list .item .hj4 {
    background: url(../img/huanjing/hjico7.png?v=1) no-repeat;
    width: 40px;
    height: 50px;
    display: inline-block;
    float: left;
    margin: 17px 15px 0 55px
}

.huanjing .list .item .ico {
    float: left;
    margin: 17px 15px 0 50px
}

.huanjing .list .item a:hover {
    color: #fff;
    background: #003b83;
    border-radius: 10px;
}

.huanjing .list .item a:hover .hj1 {
    background: url(../img/huanjing/hjico2.png) no-repeat;
}

.huanjing .list .item a:hover .hj2 {
    background: url(../img/huanjing/hjico4.png) no-repeat;
}

.huanjing .list .item a:hover .hj3 {
    background: url(../img/huanjing/hjico6.png) no-repeat;
}

.huanjing .list .item a:hover .hj4 {
    background: url(../img/huanjing/hjico8.png) no-repeat;
}
.group {
   
}

.group .title {
    display: block;
    margin: 0 auto;
}



.group .mainCon {
    padding-top: 90px;
    margin-top: 180px;
}
.mainCon {
    width: 1332px;
    background: #fff;
    border-radius: 10px;
    margin: 0 auto;
    margin-top: 80px;
    padding: 50px 64px;
    position: relative;
}

.mainNav {
    position: absolute;
    width: 1200px;
    height: 90px;
    left: 66px;
    top: -44px;
    box-shadow: 0px 0px 13px 0px rgba(4, 0, 0, 0.09);
    background: #fff;
    display: flex;
}

.mainNav a {
    display: block;
    width: 400px;
    height: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #5d6a70;
    font-size: 20px;
}

.mainNav a i {
    display: block;
    width: 39px;
    height: 39px;
    margin-right: 20px;
}

.mainNav a i.i1 {
    background: url(../img/huanjing/nav01.png) no-repeat;
}

.mainNav a i.i2 {
    background: url(../img/huanjing/nav02.png) no-repeat;
}

.mainNav a i.i3 {
    background: url(../img/huanjing/nav03.png) no-repeat;
}

.mainNav a i.i4 {
    background: url(../img/huanjing/nav04.png) no-repeat;
}

.mainNav a i.i5 {
    background: url(../img/huanjing/nav04.png) no-repeat;
}

.mainNav a i.i6 {
    background: url(../img/huanjing/nav05.png) no-repeat;
}

.mainNav a.on {
    background: #003b83;
    height: 110px;
    color: #fff;
    position: relative;
    top: -10px;
}

.mainNav a.on i.i1 {
    background: url(../img/huanjing/nav01on.png) no-repeat;
}

.mainNav a.on i.i2 {
    background: url(../img/huanjing/nav02on.png) no-repeat;
}

.mainNav a.on i.i3 {
    background: url(../img/huanjing/nav03on.png) no-repeat;
}

.mainNav a.on i.i4 {
    background: url(../img/huanjing/nav04on.png) no-repeat;
}

.mainNav a.on i.i5 {
    background: url(../img/huanjing/nav04on.png) no-repeat;
}

.mainNav a.on i.i6 {
    background: url(../img/huanjing/nav05on.png) no-repeat;
}
.xiaozhao {
    width: 1200px;
    margin: 0 auto;
}

.xiaozhao .mainBanner {
    display: block;
    margin: 0 auto;
}

.xiaozhao .title {
    border-bottom: 1px solid rgba(0,0,0,0.1);
    padding-bottom: 15px;
    margin-top: 50px;
    font-size: 30px;
    color: #000;
    padding-left: 20px;
}

.xiaozhao .list {
}

.xiaozhao .list .ico {
    display: block;
    margin-left: 20px;
    margin-right: 10px;
}

.xiaozhao .list .item {
    padding-top: 30px;
}

.xiaozhao .list .item .q {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.xiaozhao .list .item .a {
    display: flex;
    align-items: flex-start;
}

.xiaozhao .list .item .q h4 {
    font-weight: normal;
    font-size: 16px;
    color: rgba(0,0,0,0.8);
}

.xiaozhao .list .item .answer {
    background: #f2f2f3;
    width: 1120px;
    padding: 30px 40px;
    color: rgba(19,55,124,0.8);
    line-height: 28px;
    font-size: 16px;
}

.xiaozhao .list .item .answer.first {
    color: rgba(0,0,0,0.8);
}

.xiaozhao .list .item .answer img {
    display: block;
    margin: 20px 0
}

.xiaozhao .list .item .answer p.quan:before {
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    background: #13377c;
    border-radius: 100%;
    margin-right: 10px;
}

.qidai {
    font-size: 36px;
    padding-top: 100px;
    padding-bottom: 150px;
    color: rgba(0,0,0,0.6);
    text-align: center;
}

.cb {
    clear: both;
}
.list h2{font-size: 20px;
    padding: 20px; 
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);font-weight: bold;
 
}
.hjabouttit {
    padding: 30px 0;
    font-size: 14px;
    line-height: 2;
}

.jiqirenico{position: fixed; right: 0px; bottom: 100px; text-align: center; z-index: 9999; color: #205099;}
.jiqirenico img{ width: 60px;}
.jiqirenico a{ padding:10px 15px;border-radius: 10px; display: block;font-size: 12px;}
.bofang{height: 100%;}
 .bofang .close{ position: absolute;right: 20px; top: 5px;}
  #xiaozhushou{display:none; width:480px;position:fixed; height: 500px; bottom: 150px;right: 30px; z-index: 9999;}
  #xiaozhushou iframe{ height: 100%; width: 100%;}