body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p,blockquote, th, td,a{  margin: 0;  padding: 0;  box-sizing: border-box;}
body{width:100%;font-size: 16px;zoom:1;overflow-x: hidden;background:#fff;}
input::-ms-clear {display: none;}
input,body,textarea{font-family:"Microsoft YaHei UI","Microsoft YaHei",Arial,sans-serif;}
table{border-collapse: collapse;  border-spacing: 0;}
fieldset, img {border: 0;  max-width: 100%; vertical-align: middle;}
address, caption, cite, code, dfn, em, th,
var{font-style: normal;  font-weight: normal;}
ol, ul ,li{list-style: none;}
caption, th {text-align: left;}
h1, h2, h3, h4, h5, h6 {font-weight: normal;}
q:before, q:after {content: '';}
abbr, acronym {border: 0;}
a{color:#666;text-decoration: none;display: inline-block; }
/* a:hover{color: #666; text-decoration:none;} */
.fl{float: left;}
.fr{float: right;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
/*html5*/
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
/* ::-webkit-scrollbar-track { background-color: #F5F5F5 }
::-webkit-scrollbar { width: 5px;height: 5px; background-color: #F5F5F5 }
::-webkit-scrollbar-thumb { background-color: #1465C0 } */

i{font-style: normal;}
input,textarea,select,button{outline:none; border:0; padding: 0; margin:0; background: none;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#A5A5A5;font-size: 14px;}
.clearfix:after{display:block;clear:both;content:"";visibility:hidden;height:0}
.clearfix{zoom:1}
.clear{clear: both; zoom:1; }
.mr0{margin-right: 0px !important;}
.vt{vertical-align:top;}
.vb{vertical-align:bottom;}
.vm{vertical-align:middle;}
.tc{text-align:center;}
.tl{text-align:left;}
.tr{text-align:right;}
.line1{white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all;}
.line2{ text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;}
.line3{ text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical;}


.wap{padding-top: 70px;}
.container{padding:30px 15px 0 15px;}
.w1440{max-width:1440px;margin: 0 auto;}
.w1200{max-width: 1200px;margin: 0 auto;}


.acea-row{display:flex;flex-wrap:wrap;}
.acea-row.row-top{align-items:flex-start;}
.acea-row.row-middle{align-items:center;}
.acea-row.row-bottom{align-items:flex-end;}
.acea-row.row-left{justify-content:flex-start;}
.acea-row.row-center{justify-content:center;}
.acea-row.row-right{justify-content:flex-end;}
.acea-row.row-between{justify-content:space-between;}
.acea-row.row-around{justify-content:space-around;}
.acea-row.row-column{flex-direction:column;}
.acea-row.row-column-between{flex-direction:column;justify-content:space-between;}
.acea-row.row-column-around{flex-direction:column;justify-content:space-around;}
.acea-row.row-start-wrapper{align-items:start;justify-content:start;}
.acea-row.row-center-wrapper{align-items:center;justify-content:center;}
.acea-row.row-between-wrapper{align-items:center;justify-content:space-between;}
.acea-row.row-around-wrapper{align-items:center;justify-content:space-around;}

.top-box{ width: 100%;
    line-height: 50px;
    position: absolute;
    left: 0;
    top: 0;}
.top-box .time{font-size: 16px;color: #999;}
/*.top-box .right{padding-top: 9px;}*/
/*.top-box .right .btn{border-radius: 5px;height: 32px;line-height: 32px;text-align: center;font-size: 16px;padding: 0 30px;}*/
/*.top-box .right .btn.oa{margin-right: 18px;background-color: #0162b3;color: #fff;}*/
/*.top-box .right .btn.reg{background-color: #fff;color:#0162b3;border: 1px solid  #0162b3;}*/
/*.top-box .right .search-box{width: 220px;border-radius: 5px;border: 1px solid #aaaaaa;height: 32px;margin-right: 10px;}*/
/*.top-box .right .search-box .iconfont{color: #aaa;width: 35px;text-align: center;line-height: 30px;}*/
/*.top-box .right .search-box input{width: calc(100% - 35px);height: 30px;}*/
.header-box{width: 100%;height: 230px;background: url('../images/banner.png');}
.header-box .logo{padding-top: 90px;}
.header-box .code-box{padding-top: 50px;text-align: center;font-size: 16px;color: #666;}
.nav-box{width: 100%;
    position: absolute;
    left: 0;
    bottom: 25px;}
.nav-box .w1440 {
    background-color: #fff;
}
.nav-box .nav-item {
    width: calc(100% / 5);
    position: relative;
}
.nav-box .nav-item a {
    display: flex
;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 80px;
    color: #333;
    position: relative;
}
.nav-box .nav-item a .cont-box .tit {
    font-size: 16px;
}
.nav-box .nav-item a .cont-box .en {
    font-size: 12px;
}
/*.nav-box .nav-item{width: 260px;text-align: center;margin-right: 35px;position:relative;}*/
/*.nav-box .nav-item:last-of-type{margin-right: 0;}*/
/*.nav-box .nav-item a{display: block;width: 100%;height: 100%;color: #fff;font-size:23px;}*/
/*.nav-box .nav-item a img{margin-right: 15px;}*/
/*.nav-box .nav-item.on,.nav-box .nav-item:hover{background-color: #014985;}*/
/*.nav-box .nav-item:hover .second-box{max-height: 800px;}*/
/*.nav-box .nav-item .second-box{position: absolute;width: 100%;top: 55px;left: 0;z-index: 20;max-height: 0;overflow: hidden;transition: all .3s;}*/
/*.nav-box .nav-item .second-box li{line-height: 50px;text-align: center;color: #fff;background-color: #014985;font-size: 14px;cursor: default;*/
/*    border-bottom:1px solid #035497 ;}*/
/*.nav-box .nav-item .second-box li a{font-size:20px;}*/
/*.nav-box .nav-item .second-box li:hover{background-color:#0162b3;}*/

.tab-box{width: 100%;height: 67px;border-bottom: 1px solid #dcdcdc;margin-bottom: 17px;position:relative;}
.tab-box .tab-item{font-size: 22px;color: #000;margin-right: 30px;line-height: 67px;position: relative;cursor: default;}
.tab-box .tab-item.active{color: #e70012;font-weight: bold;background: url(../images/sanjiao.png) no-repeat center bottom;}
.tab-box .tab-item.active::after{content:"";height: 3px;width: 100%;background-color: #e70012;position: absolute;bottom: -1px;left: 0;}
.tab-box .more{position:absolute;right:0;top:0;line-height: 67px;color:#999;font-size: 16px;cursor:default;display:none;}
.tab-box .more i{font-size:18px;font-weight:300;}
.tab-box .more:hover{color:#0162b3;}
.banner-box{margin-top:20px;height:225px;}
.banner-box .swiper-container{width:100%;height:100%;}
.banner-box .ad{width: 100%;}
.banner-box .swiper-pagination{text-align:right;padding-right:30px;}
.banner-box .swiper-pagination .swiper-pagination-bullet{ width: 22px; height: 18px;line-height: 18px;font-size:12px;border-radius:0;text-align:center;
    color:#fff;background-color: rgba(255,255,255,.4);opacity:1;}
.banner-box .swiper-pagination .swiper-pagination-bullet-active{ background-color: #e70012;}
.part1{padding-bottom: 25px;}
.part1 .left-box{width: 600px;}
.part1 .left-box .swiper-container{width: 100%;height:380px;display: none;}
.part1 .left-box .swiper-container .swiper-slide a{display: block;width: 100%;height:100%;   }
.part1 .left-box .swiper-container .swiper-slide img{width: 100%;height:100%;    object-fit: cover;}
.part1 .left-box .swiper-container .swiper-slide .cont-box{position: absolute;left: 0; bottom: 0; width: 100%;height: 51px;background-color: rgba(0, 0, 0,0.561);}
.part1 .left-box .swiper-container .swiper-slide .cont-box p{line-height: 51px;color: #fff;width: 500px;padding-left: 10px;}
.part1 .left-box .swiper-container .swiper-pagination{text-align: right;padding-right: 15px;bottom: 20px;}
.part1 .left-box .swiper-container .swiper-pagination-bullet{background: #fff;opacity: 1;width: 11px; height: 11px;}
.part1 .left-box .swiper-container .swiper-pagination-bullet-active{background-color: #e70012;}
.part1 .right-box{width: 817px;}
.part1 .right-box .news-box{height:380px ;overflow: hidden;}
.part1 .right-box .news-box ul{display: none;}
.part1 .right-box .news-box li{margin-bottom: 20px;}
.part1 .right-box .news-box .news-top{margin-bottom:15px;border-bottom: 1px solid #dcdcdc;padding-bottom: 15px;}
.part1 .right-box .news-box .news-top .title-line{margin-bottom: 20px;}
.part1 .right-box .news-box .news-top .title-line .title{font-size: 22px;color: #0162b3;font-weight: bold;}
.part1 .right-box .news-box li .time{font-size: 16px;color: #0162b3;}
.part1 .right-box .news-box .news-top .title-line .time .iconfont{color: #0162b3;margin-right: 5px;}
.part1 .right-box .news-box .news-top .cont-box{font-size: 16px;color: #999;line-height: 1.5;height: 75px;}
.part1 .right-box .news-box .news-item{line-height:18px;}
.part1 .right-box .news-box .news-item .title{font-size: 18px;color: #333;}
.part1 .right-box .news-box .news-item .title .iconfont{color: #0162b3;margin-right: 5px;}
.part1 .right-box .news-box .news-item .time{font-size: 16px;color: #333;}
.part1 .right-box .news-box .news-item:hover .title .text{color: #0162b3;text-decoration: underline;}
.part1 .right-box .news-box .news-item:hover .time{color: #0162b3;}
.ad-box{height:111px;}
.ad-box .swiper-container{width:100%;height:100%;}
.ad-box .ad{width: 100%;}
.part2 {padding-bottom:40px;background-color: #f4f4f4;}
.part2 .left-box{width: 326px;margin-left: 15px;padding-top: 10px;}
.part2 .left-box ul li{width: 163px; height: 114px;     background-image: -moz-linear-gradient( 90deg, rgb(249,255,253) 0%, rgb(233,251,248) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(249,255,253) 0%, rgb(233,251,248) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(249,255,253) 0%, rgb(233,251,248) 100%);}
.part2 .left-box ul li a{width: 100%; height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;color: #9d8a59;
    font-size: 16px;line-height: 1.4;text-align: center;}
.part2 .left-box ul li a div{margin-top: 3px;}
.part2 .left-box ul li:first-of-type,.part2 .left-box ul li:last-of-type{ background-image: -moz-linear-gradient( 90deg, rgb(244,249,253) 0%, rgb(223,231,248) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(244,249,253) 0%, rgb(223,231,248) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(244,249,253) 0%, rgb(223,231,248) 100%);}
/* .part2 .left-box ul li .link2{display: none;} */
.part2 .left-box ul li:hover a{color: #0162b3;}
/* .part2 .left-box ul li:hover .link1{display: none;}
.part2 .left-box ul li:hover .link2{display: flex;} */


.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}
.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}
@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    50% {
        opacity: 1
    }
}
.part2 .center-box {width: 738px;margin-right:20px;padding-top: 10px;}
.part2 .center-box .box{width:738px;height:340px;background-color: #fff;padding-left: 20px;display: none;position: relative;}
.part2 .center-box .box.show{display: block;}
.part2 .center-box .box .left-nav{width: 738px;height:340px;position: relative;overflow-y: scroll;}
.part2 .center-box .box .left-nav li{width: 235px;line-height: 48px;border-bottom: 1px solid #dcdcdc;color: #333;cursor: default;}
.part2 .center-box .box .left-nav li .iconfont{color: #d9d8d8;}
.part2 .center-box .box .left-nav li:last-of-type{border-bottom: none;}
.part2 .center-box .box .left-nav li.active{border-bottom: 1px solid #0162b3;color: #0162b3;}
.part2 .center-box .box .left-nav li.active .iconfont{color: #0162b3;}
.part2 .center-box .box .right-contents{width: 480px;height:340px;position: absolute;right:0;top: 0;}
.part2 .center-box .box .right-contents .content{width: 100%;padding:30px 20px 20px 25px;height:340px;display: none;}
.part2 .center-box .box .right-contents .content .title{font-size: 20px;color: #0162b3;font-weight: bold;margin-bottom: 15px;line-height: 1;}
.part2 .center-box .box .right-contents .content .cont{font-size: 16px;color: #999;line-height: 1.75;margin-bottom: 35px;}
.part2 .center-box .box .right-contents .content .phone{font-size: 16px;color: #999;margin-bottom: 35px;}
.part2 .center-box .box .right-contents .content .phone span{color: #ff0000;font-weight: 700;}
.part2 .center-box .box .right-contents .content .more{display: block; width: 93px;line-height: 32px;border:1px solid #0162B3;text-align: center;font-size: 14px;color: #1340D2;}
.part2 .center-box .box .right-contents .content .more:hover{background-color: #3376bb;color: #fff;}
.part2 .right-box{width: 332px;height: 362px;border-radius: 15px;border: 10px solid #0162b3;background-color: #fff;padding: 10px; margin-top: 70px;}
.part2 .right-box .title{background: url(../images/Interactive-back.png) no-repeat center bottom;line-height: 49px;font-size:24px;color: #fff; font-weight: bold;
    text-align: center;transform: translateY(-19px);}
.part2 .right-box .link-fang{width: 139px;height: 114px;border-radius: 10px;background-color: #e0ecff;text-align: center;padding-top: 18px;transform: translateY(-7px);}
.part2 .right-box .link-fang p{color: #0162b3;font-size: 18px;font-weight: 700; padding-top: 5px; }
.part2 .right-box .link-fang .pic{transition:all .3s;}
.part2 .right-box .link-fang:hover .pic{transform: rotateY(180deg);}
.part2 .right-box .link-btn{width: 100%;line-height: 68px;padding-left: 25px;margin-top: 5px;margin-bottom: 10px;color: #fff;border-radius: 10px;
    transition:background-size .3s;background-size:100% 100%;}
.part2 .right-box .link-btn span{font-size: 20px;font-weight: 700;padding-right: 20px;}
.part2 .right-box .link-btn .iconfont{font-size: 24px;}
.part2 .right-box .link-btn.link1{background-image: url(../images/link-back1.png);}
.part2 .right-box .link-btn.link2{background-image: url(../images/link-back2.png);}
.part2 .right-box .link-btn:hover{background-size:110% 110%;}
.part3{padding: 40px 0;}
.part3 li{width: 25%;overflow:hidden; padding-right: 16px;}
.part3 li a{display: block;}
.part3 li a img{width: 100%;transition:all .3s;}
.part3 li:last-of-type{padding-right: 0;}
.part3 li:hover a img{transform:scale(1.1);}

.foot{width: 100%;height: 115px;background:#0162b3;padding-top:30px;}
.foot .select-box{width: 215px; margin-right: 25px;position: relative; }
.foot .select-box:last-of-type{margin-right: 0;}
.foot .select-box .select{width: 215px;height: 23px;line-height: 23px; border:1px solid #BFBFBF;background-color: #fff;border-radius: 2px;
    text-align: center;font-size: 14px; color:#333;position: relative; }
.foot .select-box .select::after{content:"";position: absolute;right: 10px;top: 50%;transform: translateY(-50%);width: 12px;height: 14px;background: url(../images/down.png);}
.foot .select-box .select span{display:block;}
.foot .select-box  ul{width: 100%;height:100px;position: absolute;top: 23px;left: 0; overflow-y: scroll;background: #fff;display: none;}
.foot .select-box  ul li a{text-align: center;width: 100%;height: 25px;line-height: 25px;font-size: 12px;color: #333;border-bottom: 1px dashed #ececec;}
.foot .select-box  ul li a:hover{color: #0162b3;}
.foot .link{padding-top: 0px;font-size: 14px; color: rgba(255, 255, 255, 0.58);text-align: center; line-height: 2.286;}
.foot .link a{ color: rgba(255, 255, 255, 0.58);}
.foot .link a:hover{color: #ccc;}
.foot .link span{padding: 0 10px;}
.foot .cont {font-size: 14px; color: rgba(255, 255, 255, 0.58);text-align: center; line-height: 2.286;}
.foot .cont a{ color: rgba(255, 255, 255, 0.58);}
.foot .cont span{padding: 0 10px;}

.right-float{position: fixed;right: 130px;top: 40%;width: 74px;border-top: 1px solid #ddd;}
.right-float li{height: 74px;text-align: center;position: relative;border: 1px solid #ddd;border-top: none;}
.right-float li a{display: block;width: 100%;height: 100%;padding-top: 15px;background-color: #fff;position: relative;z-index: 2;}
.right-float li .iconfont{font-size: 28px;color: #0162b3;}
.right-float li .text{color: #000;font-size: 14px;}
.right-float li .code-box{position: absolute;right: 0;top: 0;width:74px;height:74px;opacity: 0; transition: all .3s;z-index: 1;}
.right-float li.code:hover .code-box{right: 100px;opacity: 1;}
.right-float li.up .iconfont{color: #999;}

.content-box{padding: 15px 0; background: url(../images/body-bg.png) no-repeat center center; background-size: 100% 100%; position: relative; }
.content-box .w1200{padding: 0 20px 20px 20px; background-color: #fff;}
.content-box .nav-top { display: flex; align-items: center; color: #999999; padding: 15px 0;font-size: 14px; }
.content-box .nav-top .div-size { padding: 0 10px;color: #999; }
.content-box .nav-top .div-size:hover{color:#0162b3;}
.content-box .nav-top .active-size{color: #0162b3;}
.content-box .list-left{width: 190px; min-height: 480px;  background-color: #F7F7F7;}
.list-left .left-top { min-height: 50px; display: flex; align-items: center; padding: 5px 0;padding-left: 28px; background-color: #305488;
    border-bottom: 2px solid #fff;}
.list-left .left-top a{margin-left: 10px; color: #FFFFFF; font-size: 18px; font-weight: bold;}
.list-left .left-item { border-bottom: 1px solid #EEEEEE; }
.list-left .left-item a{height: auto; min-height: 50px; display: flex; align-items: center; justify-content: space-between;padding: 0 10px;color: #000; }
.list-left .left-item a:hover{color:#0162b3;}
.list-left .left-item span{width: 144px;line-height: 1.6;padding: 5px 0;}
.list-left .left-item img{display: none;}
.list-left .left-item.left-active {background-color: #4F85CD; }
.list-left .left-item.left-active a{color: #fff;font-weight: 700;}
.list-left .left-item.left-active img{display: inline-block !important;}
.list-content{ width: calc(100% - 190px);  padding: 0 20px;}
.right-top{position: relative; color: #305488; padding: 13px 10px; border-bottom: 1px solid #EEEEEE; font-size: 16px;}
.right-top:before { content: ''; position: absolute; bottom: -2px; left: 0; width: 75px; height: 2px; background: #305488; }

.flex-game-item { border-bottom: 1px dotted #ccc; position: relative; width: 930px; margin-left: 15px; padding: 20px 0 20px 15px; box-sizing: border-box;
    display: flex; justify-content: space-between; }
.flex-game-item:after { content: '.'; position: absolute; left: 0px; top: 0; font-size: 35px; color: #C2CDD7; }
.flex-game-item .flex-game-item-left { width: 750px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 16px; color: #000000; }
.flex-game-item:hover .flex-game-item-left{color:#0162b3;}
.flex-game-item .flex-game-item-right { font-size: 14px; color: #999999; }
.flex-game-item:hover .flex-game-item-right{color:#0162b3;}
.page-box{padding-top: 55px;text-align: center;padding-bottom: 60px;}
.page-box a,.page-box p{display: inline-block;width: 37px;height: 37px;line-height: 37px;text-align: center;color: #333;background-color: #E2E2E2;margin-right: 5px;}
.page-box a.active,.page-box a:hover{background-color: #0162b3;color: #fff;}

.branch-content { min-height: 850px; }
.branch-content .headerTitle { text-align: center; padding-top: 50px; border-top: 1px solid #EEEEEE; border-bottom: 1px solid #EEEEEE; }
.branch-content .headerTitle .title { font-size: 26px; font-weight: bold; color: #000000; }
.branch-content .headerTitle .related-title { display: flex; justify-content: center; font-size: 16px; color: #999999; padding: 22px 0 21px 0; }
.branch-content .headerTitle .related-title .related-left { margin-right: 50px; }
.branch-content .headerTitle .related-title span { margin-left: 10px; }
.branch-content .branch-text { padding: 40px 0; font-size: 18px; color: #555; line-height: 35px; text-indent: 2em; }
.branch-content .branch-text  a{text-decoration: underline;color:#0162b3;}

.right-content { padding: 34px 0; font-size: 19px; color: #555; line-height: 35px; height: auto; width: 100%; text-indent: 2em; }
.right-content img{transform: translateX(-2em);}
.pic-list{padding: 50px 0;}
.pic-list .pic-item{width: 31%;margin-right: 32px;height:290px;}
.pic-list .pic-item:nth-of-type(3n){margin-right: 0;}
.pic-list .pic-item .pic-box{width: 280px;height:213px;overflow: hidden;}
.pic-list .pic-item .pic-box img{width: 100%;height: 100%;transition: all .3s;}
.pic-list .pic-item:hover .pic-box img{transform: scale(1.1);}
.pic-list .pic-item .title{color: #3170ae;line-height: 1.7;font-size: 14px;display:flex;justify-content:center;}

/* 注册 */
.register-box{transform:translateY(-50px);}
.register-box .title-line{ line-height: 50px;padding: 0 15px;background-color: #59b6ff;color: #fff;border-radius: 5px 5px 0 0;}
.layui-form{border: 1px solid #a7d8ff;height: 425px;border-radius: 0 0 5px 5px;}
.input-part{width: 50%;padding-right: 15px;margin-top: 20px;display: flex;float: left;position: relative;}
.input-part .input-tit{width:165px;line-height: 35px; text-align: right;padding-right: 30px;font-size: 14px;}
.input-part .input-tit i{color: red;}
.input-part .input-box{width: 420px;height: 35px;border: 2px solid #dce4ec;border-radius: 5px;position: relative;}
.input-part .input-box .ipt{width: 100%;height: 100%;padding: 0 10px;}
.input-part .input-box.number .ipt{width: 85%;}
.input-part .input-box.number span{width: 15%;text-align: center;height: 100%;color: #000;font-size: 14px;line-height: 31px;border-left: 1px solid #ccc;
    box-sizing: border-box;cursor: default;}
.input-part .upload-box{width: 420px;}
.input-part .choose-btn{width: 135px; height: 35px;border-radius: 20px; border: 1px solid #ccc; display: flex;align-items: center;justify-content: center;
    font-size: 14px;cursor: default;}
.input-part .choose-btn .iconfont{font-size: 18px;color: #555555;margin-right:5px;}
.input-part .text-name{word-break: break-all;padding: 5px;font-size: 14px;width: calc(100% - 135px);}
.input-part .upload-tips{width: 334px; font-size: 12px;margin-top: 10px;color: #999;}
.input-part .input-box.code{width: 270px;}
.input-part .code-btn{width: 85px;height: 30px;text-align: center;line-height: 30px;border-radius: 5px;color: #fff;background-color: #59b6ff;font-size: 14px;
    margin-left: 20px;}
.spants {color: red; font-size: 14px;position: absolute;top: 35px;}
.layui-form .btn-line{width: 100%;padding-right: 25px;margin-top: 55px;}
.layui-form .btn-line a{color: #096ea9;margin-right:10px;font-size: 14px;}
.layui-form .btn-line .submit{width: 50px;height: 30px;text-align: center;line-height: 30px;border-radius: 5px;color: #fff;background-color: #a7d5cc;font-size: 14px;}
.layui-form-checked[lay-skin=primary] i{border-color: #096ea9 !important;background-color: #096ea9;}
.layui-form-checkbox[lay-skin=primary]:hover i{border-color:#096ea9}
.layui-form-checkbox[lay-skin=primary] span{color: #000;font-weight: 700;}

/* 服务平台 */
.service_platform{padding: 80px 0 35px 0;max-width: 1440px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;}
.platform-box {margin-bottom: 40px;position: relative;}
.platform-box .platform-item{width: 213px;height: 118px;border:1px solid #eaeaea;padding-top: 60px;background-color: #fff;position: relative;cursor: pointer}
.platform-box .platform-item .pic1{position: absolute;left: 50%;top: 0;transform: translate(-50%,-50%);}
.platform-box .platform-item .tit{font-size: 18px;color: #333;font-weight: bold;text-align: center;}
.platform-box .platform-item.active{box-shadow: 0px 4px 13px 2px rgba(0, 0, 0, 0.13);border: none;}
.platform-box .platform-item.active::after{content: "";position: absolute;top:100%;left: 50%;transform: translateX(-50%);  width: 0;
    height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-top: 12px solid #fff;}
.form-box{width: 378px;padding: 25px 30px; border-radius: 5px;border:1px solid #eaeaea;background-color: #fff;box-shadow: 0px 1px 24px 0px rgba(0, 0, 0, 0.14);
    position: absolute;left: 0;top:150px;z-index: 10;display: none;}
.form-box .title{font-size: 24px;text-align: center;color: #333;font-weight: bold;margin-bottom: 20px;}
.form-box input{width: 100%;height: 43px;border-radius: 5px;border:1px solid #eaeaea;background-color: #f9faff;padding: 0 20px;margin-bottom: 15px;}
.searchValidateCode input{width:175px;margin-right: 5px;}
.form-box input::-webkit-input-placeholder{color:#999999;font-size: 16px;}
.searchValidateCode a{font-size: 16px;color: #0162b3;margin-left: 5px;}
.form-box .btn{width: 100%;height: 45px;border-radius: 5px;background-color: #0162b3;color: #fff;font-size: 18px;display: flex;align-items: center;
    justify-content: center;}
.platform-news{padding: 30px;height:249px;}
.platform-news.left-box{width:100%;background-image: linear-gradient(to bottom, #f6faff, #ffffff);}
.platform-news.left-box .title-line{font-size: 24px;color: #383838;font-weight: bold;}
.platform-news.right-box{width:100%;background-color: #fafafa;}
.platform-news.right-box .title-line{font-size: 24px;color: #2963ab;font-weight: bold;font-style: italic;}
.platform-news.right-box .title-line span{color: #c41a1a;}
.platform-news .title-line{margin-bottom: 30px;}
.platform-news ul li{margin-bottom: 30px;border-bottom: 1px solid transparent;}
.platform-news ul li:last-of-type{margin-bottom: 0;}
.platform-news ul li a{display: flex;align-items: center;justify-content: space-between;font-size: 18px;color: #383838;position: relative;padding-left: 20px;}
.platform-news ul li a::before{content: "";position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 5px;height: 5px;background-color: #bec9d3;}
.platform-news ul li .title{width: calc(100% - 110px);}
.platform-news ul li .time{color: #999999;}
.platform-news ul li:hover {border-bottom: 1px solid #014985;}
.platform-news ul li:hover a{color: #2963ab;}
.platform-news ul li:hover .time{color: #2963ab;}
.service-banner-box{position: relative}
.fl {
    float: left;
}
.top-box .right {
    display: flex
;
}
.top-box .right .btn:first-of-type {
    transform: translateX(-15px);
    background-color: #358cee;
    z-index: 3;
}
.top-box .right .btn {
    width: 130px;
    height: 50px;
    color: white;
    font-size: 16px;
    font-weight: bold;
    background: #2061c9;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 2;
}
.top-box .right .btn:first-of-type::before {
    background-color: #358cee;
}
.top-box .right .btn::before {
    content: '';
    position: absolute;
    left: -12px;
    bottom: 0;
    width: 30px;
    height: 50px;
    background-color: #2061c9;
    transform: skewX(18deg);
    border-bottom-left-radius: 6px;
}
.top-box .right .btn:first-of-type::after {
    background-color: #358cee;
}
.top-box .right .btn::after {
    content: '';
    position: absolute;
    right: -12px;
    bottom: 0;
    width: 30px;
    height: 50px;
    background-color: #2061c9;
    transform: skewX(-18deg);
    border-bottom-right-radius: 6px;
}
.service-banner-box .title {
    width: 100%;
    font-size: 48px;
    font-weight: 700;
    color: #2061c9;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    z-index: 10;
    text-shadow: 2px 0 #fff, -2px 0 #fff, 0 2px #fff, 0 -2px #fff, 2px 2px #fff, -2px -2px #fff, 2px -2px #fff, -2px 2px #fff;
}
.service-banner-box{line-height: 1.2}
.service-banner-box .back {
    width: 100%;
}
.service-banner-box .title span {
    color: #e41e1e;
}
.nav-box .nav-item a img {
    margin-right: 15px;
}
.nav-box .nav-item a::after {
    content: "";
    height: 35px;
    border-right: 1px solid #efefef;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}
.nav-box .nav-item:hover a {
    color: #014985;
}
.acea-row.row-between-wrapper {
    align-items: center;
    gap: 4%;
    justify-content: flex-start;
}
.top-box .right .btn img {
    width: 15px;
    margin-left: 10px;
}
.platform-box {
    position: relative;
    width: 700px;
}
.platform-box{position: relative;
    width: 700px;}
.service_platform .list-box {
    width: 707px;
}
.acea-row {
    display: flex
;
    flex-wrap: wrap;
}

@media screen and (max-width: 1680px) {
    .right-float{right:20px;}
}