body,html {
    border: 0;
    margin: 0;
    padding: 0;
    font-size: 14px;
    background: #fff;

}

i {
    font-style: normal;
}

ul,li,dl,dt,dd,img,h1,h2,h3,h4,h5,h6,p,a,textarea,input,span,div,i,time,article,header,h3,button {
    border: 0;
    margin: 0;
    padding: 0;
    list-style: none;
    text-decoration: none;
    font-family: "微软雅黑";
}

.headerBox {
    width: 100%;
    height: 80px;
    background: #003D75;
    position: fixed;
    z-index: 100;
}
.login-modal {
	    display: block;
    z-index: 9999;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: auto;
    margin: 0;
    background: rgba(0,0,0,.3);
    box-sizing: border-box;
    font-size: 14px;
}
.login-modal-content {
    width: 397px;
    position: relative;
    margin: 15vh auto 0;
    background: #FFF;
    border-radius: 8px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    box-shadow: 0 1px 3px rgba(0,0,0,.3);
    box-sizing: border-box;
}
.login-modal-close {
    cursor: pointer;
    width: 20px;
    line-height: 20px;
    position: absolute;
    top: 18px;
    right: 18px;
    color: #999;
    font-size: 20px;
    text-align: center;
}
.login-modal-head {
    padding: 20px 20px 0;
}
.clearfix {
    zoom: 1;
}
.login-modal-form {
    padding: 23px 25px 42px;
}
.login-modal-input {
    box-sizing: border-box;
    border: 1px solid #eee;
    border-radius: 18px;
    height: 36px;
    line-height: 34px;
    padding: 0 18px;
    position: relative;
    margin-bottom: 8px;
}
.login-modal-label {
    float: left;
    width: 60px;
    color: #000;
}
.login-modal-input input {
    box-sizing: border-box;
    float: left;
    width: calc(100% - 60px);
    padding-right: 80px;
    height: 34px;
}

.login-modal-tab {
    cursor: pointer;
    font-weight: 600;
    float: left;
    color: #444;
    margin-right: 21px;
    line-height: 30px;
}
.login-modal-getcode {
    position: absolute;
    right: 18px;
    top: 0;
    line-height: 34px;
    color: #999;
    cursor: pointer;
}
.login-modal-getcode-loading {
    position: absolute;
    right: 18px;
    top: 0;
    line-height: 34px;
    display: none;
    color: #999;
}
.login-modal-btn {
    margin-top: 20px;
    border-radius: 21px;
    letter-spacing: 1px;
    text-align: center;
    line-height: 42px;
    color: #fff;
    background: #1890FF;
    cursor: pointer;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.form-submit {
    border-radius: 44px;
    background: #FF6B18;
    color: #fff;
    cursor: pointer;
    font-size: 18px;
    padding: 10px 28px;
}
.headerBox-nav {
    width: 1200px;
    margin: 0 auto;
    /* overflow: hidden; */
}

.headerBox-logo {
    width: 40px;
    height: 40px;
    margin-right: 8px;
    margin-top: 20px;
    float: left;
    cursor: pointer;
    display: block;
}

.headerBox-title {
    margin-top: 18px;
    float: left;
    margin-right: 55px;
    color: #fff;
}
.headerBox-title h1{
    font-size: 18px;
    font-weight: 600;
}
.headerBox-title p{
    opacity: .6;
    font-size: 12px;
    margin-top: 2px;
}

.headerBox-navBox {
    padding-top: 29px;
    float: left;
}

.headerBox-navBox a {
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    color: rgba(255,255,255,0.60);
    /* font-family:OPPOSans;*/
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    cursor: pointer;
    position: relative;
    height: 36px;
}

.headerBox-navBox .active {
    color: #fff;
}

.headerBox-navBox .active i {
    background: #fff;
    width: 21px;
    border-radius: 2px;
    display: block;
    height: 3px;
    left: 0;
    right: 0;
    position: absolute;
    margin: 0 auto;
    /* margin-top:13px;*/
    bottom: 0;
}

.headerBox-logOn {
    margin-top: 23px;
    border-radius: 24px;
    background: #FF6B18;
    width: 88px;
    height: 34px;
    float: right;
    color: #FFF;
    /* font-family:OPPOSans;*/
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    line-height: 32px;
}

.headerBox-user {
    margin-top: 23px;
    line-height: 34px;
    float: right;
    color: #FFF;
    font-size: 14px;
    display: flex;
    align-items: center;
    font-size: 13px;
    position: relative;
    cursor: pointer;
}
.headerBox-user::after{
    content: "";
    display: block;
    margin-left: 5px;
    margin-top: -3px;
    width: 6px;
    height: 6px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    transform: rotate(45deg);
}

.headerBox-user-avatar {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    margin-right: 8px;
}
.headerBox-user-avatar.isvip {
    border: 2px solid #faa919;
}
.headerBox-user-avatartag {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 26px;
}
.headerBox-user-dropdown {
    display: none;
    position: absolute;
    cursor: default;
    top: 36px;
    left: calc(50% - 60px);
    width: 120px;
    background: #333;
    color: #fff;
    opacity: .9;
    border-radius: 4px;
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
    padding: 10px 0;
    text-align: center;
    font-size: 14px;
    line-height: 34px;
    /* transform-origin: center top;
    transition: all ease .2s;
    transform: rotateX(0deg); */
}
.headerBox-user-dropdown div {
    width: 80px;
    margin: 0 auto;
}
.headerBox-user-dropdown div+div {
    border-top: 1px solid #fff;
    cursor: pointer;
}
.headerBox-user-dropdown div+div:hover {
    color: #4a89f0;
}

.plateBox {
    width: 1200px;
    margin: 0 auto;
    margin-bottom: 33px;
    margin-top: -290px;
    overflow: hidden;
    position: relative;
    z-index: 8;
}

.plateBox-list {
}

.plateBox-list {
    border-radius: 12px;
    background: linear-gradient(180deg,rgba(255,255,255,0.60) 0%,rgba(230,243,255,0.60) 100%);
    backdrop-filter: blur(10px);
    width: 190px;
    height: 230px;
    margin-left: 10px;
    float: left;
}

.plateBox-list:last-of-type {
    margin-right: 0;
}

.plateBox-listBox1 {
    width: 60px;
    height: 60px;
    margin: 0 auto;
    margin-bottom: 20px;
    /* margin-left:10px;*/
    padding-top: 29px;
}

.plateBox-listBox1 img {
    width: 60px;
    height: 60px;
    display: block;
}

.plateBox-listBox2 {
    color: #000;
    text-align: center;
    /* font-family:OPPOSans;*/
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    margin-bottom: 10px;
    line-height: normal;
    font-weight: bold;
}

.plateBox-listBox3 {
    color: #666;
    text-align: center;
    /* font-family:OPPOSans;*/
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 20px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-left: 10px;
    margin-right: 10px;
}

.plateBox-listBox4 {
    color: #FFF;
    text-align: center;
    /* font-family:OPPOSans;*/
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border-radius: 26px;
    background: #05C2DC;
    width: 68px;
    height: 26px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 24px;
    cursor: pointer;
}

.divBox2 {
    width: 1200px;
    margin: 0 auto;
    margin-bottom: 82px;
    overflow: hidden;
}

.divBox2-1 {
    color: #333;
    text-align: center;
    /* font-family:OPPOSans;*/
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    font-weight: bold;
    margin-bottom: 15px;
}

.divBox2-2 {
    color: #fff;
    text-align: center;
    /* font-family:OPPOSans;*/
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 30px;
}

.divBox2-3 {
    /* border-radius:12px;*/
    /* border:0.5px solid rgba(255,255,255,0.50);*/
    /* background:#389FFF;*/
    /* width:1200px;*/
    /* height:122px;*/
}

.divBox2-4 {
    width: 595px;
    height: 126px;
    border-radius: 12px;
    background: #F1EFFF;
    float: left;
}

.divBox2-5 {
    width: 595px;
    height: 126px;
    /* border-radius:12px;*/
    /* background:#F1EFFF;*/
    border-radius: 12px;
    background: #E6F5F0;
    float: right;
}

.divBox2-6 {
    display: flex;
    align-items: center;
    float: left;
}

.divBox2-7 {
    width: 90px;
    height: 90px;
    margin-right: 20px;
    float: left;
    margin-left: 40px;
    margin-top: 18px;
}

.divBox2-7 img {
    width: 90px;
    height: 90px;
    display: block;
}

.divBox2-8 {
    padding-top: 4px;
}

.divBox2-9 {
    color: #000;
    /* text-align:center;*/
    /* font-family:OPPOSans;*/
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 6px;
    font-weight: bold;
}

.divBox2-10 {
    color: #000;
    /* text-align:center;*/
    /* font-family:OPPOSans;*/
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 6px;
}

.divBox2-11 {
    color: #666;
    font-family: OPPOSans;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.divBox2-12 {
    margin-right: 10px;
    float: left;
    opacity: 0.8;
}

.divBox2-13 {
    background: #999;
    width: 1px;
    height: 12px;
    margin-top: 2px;
    float: left;
}

.divBox2-14 {
    float: left;
    opacity: 0.8;
    text-align: left;
}

.divBox2-btn {
    color: #FFF;
    text-align: center;
    /* font-family:OPPOSans;*/
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border-radius: 26px;
    background: #7E6FEF;
    width: 96px;
    height: 34px;
    display: flex;
    justify-content: center;
    align-items: center;
    float: right;
    margin-right: 40px;
    margin-top: 44px;
    line-height: 32px;
    cursor: pointer;
}

.divBox2-btn-bg {
    background: #17BF7F;
}

.divBox2-2 {
    width: 1200px;
    margin: 0 auto;
    margin-bottom: 38px;
}

.divBox2-1-2 {
    color: #333;
    text-align: center;
    /* font-family:OPPOSans;*/
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    font-weight: bold;
    margin-bottom: 15px;
}

.divBox2-2-2 {
    color: #666;
    text-align: center;
    /* font-family:OPPOSans;*/
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 30px;
}

.divBox2-6-2 {
    /* display:flex;*/
    /* align-items:center;*/
    float: left;
    border-radius: 50px 12px;
    /* background:#FF5C5C;*/
    width: 277px;
    height: 82px;
    display: flex;
    align-items: center;
    margin-right: 10px;
    background: #FFF0F0;
    /* cursor:pointer;*/
}

.divBox2-6-2:nth-child(1) {
    /* margin-left:30px;*/
}

.divBox2-6-2:nth-child(2) {
    background: #EAF5FF;
}

.divBox2-6-2:nth-child(3) {
    background: #FFF0F0;
}

.divBox2-6-2:nth-child(4) {
    margin-right: 0px;
    background: #EAF5FF;
}

.divBox2-6-2:nth-child(2) .divBox2-7-2 {
    background: #1890FF;
    color: #FFF;
}

.divBox2-6-2:nth-child(3) .divBox2-7-2 {
    background: #FF5C5C;
    color: #FFF;
}

.divBox2-6-2.on:nth-child(3) .divBox2-7-2 {
    background: #fff;
    color: #FF5C5C;
}

.divBox2-6-2.on:nth-child(1) .divBox2-7-2 {
    background: #fff;
    color: #FF5C5C;
}

.divBox2-6-2.on:nth-child(2) .divBox2-7-2 {
    background: #fff;
    color: #1890FF;
}

.divBox2-6-2.on:nth-child(4) .divBox2-7-2 {
    background: #fff;
    color: #1890FF;
}

.divBox2-6-2.on:nth-child(1) .bg_box_c {
    background: #FF5C5C;
    color: #FFF;
}

.divBox2-6-2.on:nth-child(2) .bg_box_c {
    background: #1890FF;
    color: #FFF;
}

.divBox2-6-2.on:nth-child(3) .bg_box_c {
    background: #FF5C5C;
    color: #FFF;
}

.divBox2-6-2.on:nth-child(4) .bg_box_c {
    background: #1890FF;
    color: #fff;
}

.divBox2-6-2:nth-child(4) .divBox2-7-2 {
    background: #1890FF;
    color: #FFF;
}

.divBox2-6-2:nth-child(2) .divBox2-9-2 {
    color: #000;
}

.divBox2-6-2:nth-child(3) .divBox2-9-2 {
    color: #000;
}

.divBox2-6-2:nth-child(4) .divBox2-9-2 {
    color: #000;
}

.divBox2-6-2:nth-child(2) .divBox2-10-2 {
    color: #000;
    opacity: 0.8;
}

.divBox2-6-2:nth-child(3) .divBox2-10-2 {
    color: #000;
    opacity: 0.8;
}

.divBox2-6-2:nth-child(4) .divBox2-10-2 {
    color: #000;
    opacity: 0.8;
}

.divBox2-7-2 {
    width: 62px;
    height: 62px;
    margin-right: 10px;
    float: left;
    margin-left: 30px;
    /* margin-top:18px;*/
    border-radius: 100px;
    background: #ff5c5c;
    color: #ffffff;
    text-align: center;
    /* font-family:OPPOSans;*/
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: flex;
    justify-content: center;
    align-items: center;
}

.divBox2-8-2 {
    padding-top: 2px;
}

.divBox2-9-2 {
    /* color:#000;*/
    /* text-align:center;*/
    /* font-family:OPPOSans;*/
    /* font-size:16px;*/
    /* font-style:normal;*/
    /* font-weight:400;*/
    /* line-height:normal;*/
    margin-bottom: 10px;
    /* font-weight:bold;*/
    color: #FFF;
    text-align: center;
    /* font-family:OPPOSans;*/
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    font-weight: bold;
    color: #000;
}

.divBox2-10-2 {
    /* color:#000;*/
    /* text-align:center;*/
    /* font-family:OPPOSans;*/
    /* font-size:12px;*/
    /* font-style:normal;*/
    /* font-weight:400;*/
    /* line-height:normal;*/
    margin-bottom: 6px;
    color: #FFF;
    /* text-align:center;*/
    /* font-family:OPPOSans;*/
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
    text-align: left;
    color: #000;
}

.divBox2-16-2 {
    color: #666;
    /* font-family:OPPOSans;*/
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.divBox2-16-2 i {
    color: #FF5E5E;
    text-align: center;
    /* font-family:OPPOSans;*/
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.divBox2-3-2 {
    margin-bottom: 40px;
    overflow: hidden;
}

.bannerBox {
    background: #fff url(../../home/img/img14.png) no-repeat;
    width: 100%;
    height: 930px;
    background-size: cover;
    overflow: hidden;
    position: relative;
    z-index: 1;
    background-position: center center;
}

.bannerBox-bg {
    position: relative;
    height: 950px;
    /* width: 1425px; */
    margin: 0 auto;
    /* background:#ccc;*/
    z-index: 10;
    /* overflow: hidden; */
}

.bgDiv-1 {
    position: absolute;
    left: 0;
    right: 0;
    /* text-align:center;*/
    width: 1284px;
    margin: 0 auto;
    /* margin-left: 72px; */
    top: 25px;
    height: 930px;
    /* background:#ccc;*/
    z-index: 2;
}

.bgDiv-1 img {
    /* width:100%;*/
    /* height:950px;*/
}

.bgDiv-2 {
    padding: 122px 0 0 0;
}

.bgDiv-2 img {
    width: 661px;
    height: auto;
    display: block;
}

.bgDiv-3 {
    width: 502px;
    margin-right: 50px;
}

.bgDiv-3 img {
    width: 502px;
    height: auto;
    display: block;
}

.bgDiv-4 {
    padding: 112px 0 0 0;
    display: flex;
    justify-content: space-between;
    width: 1200px;
    margin: 0 auto;
    margin-bottom: 50px;
    z-index: 8;
    position: relative;
}

.bgDiv-5 {
    border-radius: 150px;
    
    backdrop-filter: blur(10px);
    width: 1200px;
    height: 128px;
    margin: 0 auto;
    margin-bottom: 45px;
    position: absolute;
    z-index: 10;
    top: 472px;
    left: 50%;
    transform: translateX(-50%);
}

.color_3 {
    color: #fff;
}

.color_4 {
    opacity: 0.6;
}

.divBox3 {
    width: 100%;
    background: url(../img/bg3.png) no-repeat;
    width: 100%;
    height: 458px;
    margin-bottom: 40px;
    position: relative;
    z-index: 8;
    background-size: cover;
    background-position: center center;
}

.divBox4 {
    width: 1200px;
    margin: 0 auto;
}

.divBox2-1-1 {
    color: #fff;
    text-align: center;
    /* font-family:OPPOSans;*/
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    font-weight: bold;
    margin-bottom: 15px;
    padding-top: 98px;
}

.divBox2-2-2 {
    color: #666;
    text-align: center;
    /* font-family:OPPOSans;*/
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 30px;
}

.divBox2-5-1 {
    border-radius: 12px;
    border: 0.5px solid rgba(255,255,255,0.50);
    background: #389FFF;
    width: 1198px;
    height: 122px;
}

.color_6 {
    color: #666;
}

.divBox2-2n-1 {
    width: 1200px;
    margin: 0 auto;
    margin-bottom: 30px;
    color: #fff;
    text-align: center;
    /* font-family:OPPOSans;*/
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    /* z-index:8;*/
    position: relative;
    z-index: 8;
}

.divBox2-5-1n-1 {
    /* border-radius:12px;*/
    /* border:0.5px solid rgba(255,255,255,0.50);*/
    /* background:#389FFF;*/
    /* width:1200px;*/
    /* height:122px;*/
    position: absolute;
    top: 67px;
    left: -14px;
    right: 0;
    z-index: 2;
}

.divBox3n-1 {
    width: 100%;
    background: url(../img/bg4.png) no-repeat;
    width: 100%;
    height: 746px;
    margin-bottom: 60px;
    background-size: cover;
    overflow: hidden;
    background-position: center center;
}

.divBox4n-1 {
    width: 1200px;
    margin: 0 auto;
    position: relative;
}

.divBox2-1-1n-1 {
    color: #fff;
    text-align: center;
    /* font-family:OPPOSans;*/
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    font-weight: bold;
    margin-bottom: 15px;
    padding-top: 126px;
    position: relative;
    z-index: 8;
}

.divBox2-5-1n-5 {
    /* position:absolute;*/
    /* top:126px;*/
    /* left:0;*/
    /* right:0;*/
}

.rankingBox {
    overflow: hidden;
    /* background:#ccc;*/
    position: relative;
    z-index: 2;
}

.rankingContent {
    border-radius: 12px;
    background: #FFF;
    width: 389px;
    float: left;
    margin-right: 10px;
}

.rankingTit {
    color: #000;
    /* font-family:OPPOSans;*/
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    font-weight: bold;
    text-align: center;
    padding-bottom: 14px;
    padding-top: 20px;
}

.rankingList {
    /* border-radius:12px;*/
    /* background:#EEF7FF;*/
    /* height:75px;*/
    /* width:349px;*/
    /* margin:0 auto;*/
    /* margin-bottom:10px;*/
}

.ranking-box {
    /* height:75px;*/
    /* margin-bottom:10px;*/
}

.ranking-box-img1 {
    width: 47px;
    height: 30px;
    margin-left: 10px;
    margin-right: 16px;
}

.ranking-box-img1 img {
    width: 47px;
    height: 30px;
    display: block;
}

.ranking-box-img2 {
    width: 55px;
    height: 55px;
    margin-right: 10px;
}

.ranking-box-img2 img {
    width: 55px;
    height: 55px;
    display: block;
}

.ranking-box-1 {
}

.ranking-box-2 {
    color: #222;
    /* font-family:OPPOSans;*/
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 10px;
    font-weight: bold;
}

.ranking-box-3 {
    color: #666;
    /* font-family:OPPOSans;*/
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.ranking-boxLlist-li {
    display: flex;
    height: 75px;
    align-items: center;
    border-radius: 12px;
    background: #EEF7FF;
    /* height:75px;*/
    width: 349px;
    margin: 0 auto;
    margin-bottom: 10px;
}

.divBox2-1-9 {
    color: #666;
    text-align: center;
    /* font-family:OPPOSans;*/
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    /* 166.667% */
    padding-top: 4px;
    padding-bottom: 20px;
    cursor: pointer;
    width: 100%;
    text-align: center;
    display: block;
}

.divBox3n-1 {
}

.divBox3n-2 {
    position: relative;
}

.divBox3n-12 {
    width: 100%;
    background: url(../img/bg8.png) no-repeat;
    width: 100%;
    height: 774px;
    margin-bottom: 60px;
    /* background-size: 100% 100%; */
    background-position: center center;
    overflow: hidden;
    background-size: cover;
}

.divBox3n-3 {
    color: #fff;
    text-align: center;
    /* font-family:OPPOSans;*/
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    font-weight: bold;
    margin-bottom: 15px;
    padding-top: 126px;
    z-index: 8;
    position: relative;
}

.divBox3n-4 {
    width: 1200px;
    margin: 0 auto;
    margin-bottom: 30px;
    color: #fff;
    text-align: center;
    /* font-family:OPPOSans;*/
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    position: relative;
    z-index: 8;
}

.divBox3n-6 {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 92px;
    margin: 0 auto;
    width: 1407px;
    z-index: 1;
    /* padding-left: 361px; */
}

.divBox3n-6 img {padding-left: 176px;/* position: absolute; *//* left: 167px; */}

.divBox3n-5 {
    width: 1200px;
    margin: 0 auto;
    position: relative;
    z-index: 8;
    /* cursor:pointer;*/
}

.divBox3n-5 img {
    width: 1200px;
    height: auto;
    display: block;
}

#div1 .active {
    width: 240px;
    background-color: #000;
    opacity: 1;
}

#div1 .active img {
    width: 240px;
    opacity: 1;
}

#div1 div b {
    display: flex;
    align-items: center;
    margin-left: 40px;
    padding-top: 30px;
    margin-bottom: 10px;
}

#div1 div {
    width: 1200px;
    height: 174px;
    display: none;
    clear: both;
    background: #1890FF;
    border-radius: 0px 0px 12px 12px;
}

#div1 div b span {
    color: #FFF;
    text-align: center;
    font-family: OPPOSans;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-right: 10px;
}

#div1 div b i {
    color: #FFF;
    border-radius: 20px;
    width: 54px;
    height: 26px;
    background: #59AFFF;
    /* font-family:OPPOSans;*/
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

#div1 div p {
    width: 1120px;
    /* height:150px;*/
    /* border-radius:0px 0px 12px 12px;*/
    /* background:#1890FF;*/
    color: #FFF;
    /* font-family:OPPOSans;*/
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    /* 24px */
    margin-left: 40px;
    margin-right: 40px;
    padding-bottom: 30px;
    opacity: 0.8;
}

#div1 ul {
    /* border-radius:0px 0px 12px 12px;*/
}

#div1 ul li {
    width: 136px;
    height: 300px;
    background-color: #000;
    /* opacity:0.8;*/
    float: left;
    margin-right: 1px;
    cursor: pointer;
}

#div1 ul li:nth-child(8) {
    margin-right: 0px;
}

#div1 ul li img {
    width: 136px;
    height: 300px;
    /* clip-path:inset(10px 10px 10px 10px);*/
    object-fit: cover;
    object-position: center;
    opacity: 0.5;
    background: linear-gradient(0deg,rgba(0,0,0,0.50) 0%,rgba(0,0,0,0.50) 100%),lightgray 50% / cover no-repeat;
}

#div1 {
    width: 1200px;
    margin: 0 auto;
    margin-bottom: 46px;
    height: 474px;
    position: relative;
    z-index: 2;
    /* cursor:pointer;*/
}

#div1 ul li:nth-child(1) {
    border-radius: 12px 0 0 0;
}

#div1 ul li:nth-child(8) img {
    border-radius: 0px 12px 0 0;
}

#div1 ul li:nth-child(1) img {
    border-radius: 12px 0 0 0;
}

#div1 ul li:nth-child(8) {
    border-radius: 0 12px 0 0;
}

.divBoxf1 {
    border-top: 2px solid #1890FF;
    background: #003D75;
    position: relative;
    height: 527px;
    width: 100%;
    overflow: hidden;
}

.divBoxf2 {
}

.divBoxf3 {
    position: absolute;
    left: 81px;
    right: 0;
    top: -119px;
}

.divBoxf3 img {
    width: 1853px;
}

.divBoxf4 {
    text-align: center;
    color: #FFF;
    text-align: center;
    /* font-family:OPPOSans;*/
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    font-weight: bold;
    margin-bottom: 30px;
    margin-top: 77px;
}

.divBoxf5 {
    /* width:230px;*/
    /* height:86px;*/
    /* float:left;*/
    width: 1200px;
    margin: 0 auto;
    background: #ccc;
    /* overflow:hidden;*/
}

.divBoxf5 img {
    width: 230px;
    display: block;
    height: 86px;
    float: left;
    margin-right: 10px;
}

.divBoxf5:nth-child(5) img {
    margin-right: 0;
}

.divBoxf7 {
    float: right;
    margin-top: 50px;
}

.divBoxf6 {
    float: left;
    width: 106px;
    margin-left: 60px;
}

.divBoxf6 img {
    width: 106px;
    height: 106px;
    flex-shrink: 0;
    margin-bottom: 10px;
    border-radius: 12px;
}

.divBoxf6 span {
    color: #FFF;
    text-align: center;
    /* font-family:OPPOSans;*/
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    opacity: 0.6;
    text-align: center;
    display: block;
}

.divBoxf8 {
    clear: both;
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    margin-bottom: 64px;
}

.divBoxf9 {
    width: 625px;
    float: left;
    padding-top: 70px;
}

.divBoxf9 b {
    color: #FFF;
    /* font-family:OPPOSans;*/
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 20px;
    display: block;
}

.divBoxf9 p {
    color: #FFF;
    /* font-family:OPPOSans;*/
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 20px;
    opacity: 0.8;
}

.footBox {
    background: rgba(0,0,0,0.10);
    height: 37px;
    width: 100%;
    text-align: center;
    clear: both;
    /* display:flex;*/
    /* justify-content:center;*/
    /* align-items:center;*/
}

.footBox img {
    width: 20px;
    height: 20px;
    display: block;
    margin-right: 4px;
}

.footBox div {
    color: #FFF;
    /* font-family:OPPOSans;*/
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    opacity: 0.5;
    margin-right: 24px;
    line-height: 37px;
}
.footBox div a{ color: #FFF;}

.footBox ul {
    width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.footBox ul div:last-of-type {
    margin-right: 0;
}

.hei {
    color: #333;
    padding-top: 0px;
}

.topBox {
    padding-top: 100px;
}

.headerBox-navBox span {
    width: 1px;
    height: 16px;
    opacity: 0.3;
    background: #FFF;
    display: block;
    float: left;
    margin-top: 3px;
    margin-left: 15px;
    margin-right: 15px;
}

.margin-top {
    margin-bottom: 75px;
}

.bg_1 {
    background: #FFAA46;
}

.bg_2 {
    background: #FD7557;
}

.slideTxtBox .hd ul li.on {
}

.slideTxtBox .hd ul li.on .divBox2-9-2 {
    color: #fff;
}

.slideTxtBox .hd ul li.on .divBox2-10-2 {
    color: #fff;
}

.bg_box_c {
    display: flex;
    align-items: center;
    width: 277px;
    height: 82px;
    border-radius: 50px 12px;
}

.maskBox {
    display: none;
    background: #0000005c;
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999;
}

.BulletBox {
    width: 334px;
    background: #fff;
    border-radius: 3px;
    position: absolute;
    background: #fff;
    left: 50%;
    right: 0;
    top: 50%;
    /* bottom:0;*/
    /* width:703px;*/
    /* height:510px;*/
    /* margin:0 auto;*/
    transform: translate(-50%,-50%);
    z-index: 99;
}

.BulletBox .header-logo {
    display: block;
    width: 45.5px;
    height: 45.5px;
    margin: auto;
    /* word-break:break-all;*/
    border: 0;
    margin-bottom: 16px;
    image-rendering: -webkit-optimize-contrast;
}

.close-box {
    padding-right: 16px;
    margin-top: 15px;
    margin-bottom: 15px;
    display: flex;
    justify-content: flex-end;
}

.close-x {
    color: #909399;
    line-height: 30px;
    font-size: 20px;
    text-align: center;
    width: 30px;
    cursor: pointer;
}

.close-x:hover {
    color: #1890ff;
}

.el-dialog__body1 {
    color: #606266;
    font-size: 14px;
    text-align: center;
}

.header-logo1 {
}

.title2 {
    font-size: 18px;
    color: rgba(0,0,0,.8);
    font-weight: 600;
    /* margin-top:10.83px;*/
    margin-bottom: 5px;
    text-align: center;
}

.title3 {
    background: #f4faff;
    line-height: 31px;
    color: #1890ff;
    margin: 12px 0 20px;
    text-align: center;
}

.header-img2 {
    width: 136px;
    height: 136px;
    margin: 0 auto 10px;
    image-rendering: -webkit-optimize-contrast;
}

.div3 {
    margin-bottom: 30px;
}
.box_21{background: url(../img/imgn1.png)  no-repeat;text-align: center;background-size: 66px 66px;background-position: bottom;/* margin-left: -10px; */padding-left: 89px;/* background-position-y: 0; */width: 100px;margin: 0 auto;margin-bottom: 15px;}