.bannar{height: 500px;}
.bannar .swiper-pagination-bullet{background: #fff; opacity: 1;width: 40px; height: 4px; border-radius: 2px;transition:all 0.5s;-moz-transition:all 0.5s; /* Firefox 4 */-webkit-transition:all 0.5s; /* Safari and Chrome */-o-transition:all 0.5s; /* Opera */}
.bannar .swiper-pagination-bullet-active{background: #2A6DE8;}
.swiper-div {
    height: 560px;
    padding-top: 60px;
    width: 100%;
}
.first {
    background-color: #F1F2F5;
    width: 100%;
    height: 870px;
}
.first-title {
    padding: 70px 0px 40px 0px;
    text-align: center;
    width: 100%;
    height: 146px;
    line-height: 36px;
    font-size: 36px;
    color: #333333;
}
.first-top {
    width: 1200px;
    margin: 0 auto;
    height: 350px;
    margin-bottom: 30px;
}
.first-item {
    background-color: #ffffff;
    width: 380px;
    height: 350px;
    padding: 40px 32px 38px 30px;
    position: relative;
}
.first-item .first-hover {
    display: none;
    background: rgba(0, 0, 0, 0.6);
    width: 380px;
    height: 350px;
    position: absolute;
    left: 0;
    top: 0;
}
.first-item .first-hover-left {
    position: absolute;
    width: 120px;
    height: 40px;
    background: #ffffff;
    border-radius: 3px;
    top: 165px;
    color: #2A6DE8;
    font-size: 16px;
    text-align: center;
    line-height: 40px;
    left: 60px;
    z-index: 9;
    cursor: pointer;
}

.first-item .first-hover-left a {color: #2A6DE8; display: block; width:100%; height:100%;}
.first-item .first-hover-left:hover, .first-item .first-hover-left a:hover {
    color: #333333 !important;
}
.first-item .first-hover-right {
    width: 120px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #FFFFFF;
    font-size: 16px;
    border: 1px solid #ffffff;
    border-radius: 3px;
    position: absolute;
    top: 165px;
    right: 60px;
    cursor: pointer;
}
.first-item .first-hover-right a {color: #FFFFFF; display: block;}
.first-item .first-hover-right:hover, .first-item .first-hover-right a:hover {
    background-color: #325fe5 !important;
    border: 1px solid #325fe5 !important;
}
.first-item:hover .first-hover {
    display: block;
}
.first-item-title {
    height: 26px;
    width: 100%;
    text-align: center;
    line-height: 26px;
    margin-bottom: 38px;
    font-weight: bold;
    color: #333333;
    font-size: 26px;
}
.first-item-center {
    height: 90px;
    margin-bottom: 20px;
    width: 100%;
    color: #666A75;
    font-size: 14px;
    line-height: 26px;
}
.first-item img {
    margin: 0 auto;
    display: block;
}
.m-r-30 {
    margin-right: 30px;
}
.m-r-20 {
    margin-right: 20px;
}
.first-bottom {
    width: 1200px;
    margin: 0 auto;
    height: 300px;
}
.first-bottom-item {
    width: 285px;
    height: 300px;
    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.12);
    border-radius: 5px;
    position: relative;
}
.first-bottom-item .first-bottom-hover {
    display: none;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 285px;
    height: 300px;
    border: 1px solid #70a3ff;
    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.12);
    border-radius: 5px;
    background-color: #ffffff;
}
.first-bottom-item .first-bottom-hover-title {
    width: 285px;
    height: 100px;
    padding: 36px 0px 49px 0px;
    text-align: center;
    line-height: 15px;
    color: #343434;
    position: relative;
    font-size: 16px;
}
.first-bottom-item .first-bottom-hover-title .first-line {
    width: 36px;
    height: 2px;
    background: #2a6de8;
    position: absolute;
    top: 70px;
    left: 125px;
}
.first-bottom-item .first-bottom-hover-center {
    width: 234px;
    height: 100px;
    font-size: 14px;
    font-weight: 400;
    overflow: hidden;
    color: #666a76;
    line-height: 26px;
    margin: 0 auto;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    text-overflow: ellipsis;
    display: -webkit-box;
}
.first-bottom-item .first-bottom-hover-btn {
    width: 180px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    font-size: 14px;
    color: #FFFFFF;
    background: #2a6de8;
    margin: 25px auto;
}
.first-bottom-item .first-bottom-hover-btn a {color: #FFFFFF; display: block;}
.first-bottom-item:hover .first-bottom-hover {
    display: block;
}
.first-bottom-item-top {
    width: 285px;
    height: 180px;
    background-color: #4896FF;
    display: flex;
    align-items: center;
    justify-content: center;
}
.first-bottom-item-title {
    width: 285px;
    height: 120px;
    line-height: 120px;
    text-align: center;
    font-size: 24px;
    color: #333333;
    font-weight: bold;
}
.second {
    height: 900px;
    width: 100%;
    background-image: url('../img/secondBg.png');
    background-size: 100% 100%;
    padding-top: 60px;
}
.second-title {
    height: 36px;
    line-height: 36px;
    text-align: center;
    font-size: 36px;
    color: #FFFFFF;
    margin-bottom: 24px;
}
.second-title-title {
    height: 16px;
    line-height: 16px;
    text-align: center;
    font-size: 16px;
    color: #c4c4c4;
    margin-bottom: 50px;
}
.second-tab {
    height: 62px;
    width: 990px;
    margin: 0 auto;
    border-bottom: 2px solid #616974;
    padding: 0px 130px;
    display: flex;
    align-items: center;
    justify-content: space-around;
}
.second-tab-item {
    width: 130px;
    height: 60px;
    line-height: 60px;
    font-size: 18px;
    color: #ffffff;
    text-align: center;
    cursor: pointer;
    margin-top: 3px;
}
.second-tab .checkedTab {
    color: #00A4FF;
    border-bottom: 2px solid #00A4FF;
}
.second {
    position: relative;
}
.second-tab-list {
    position: relative;
    width: 100%;
    height: 560px;
    padding-top: 50px;
}
.second-tab-list-title {
    width: 900px;
    height: 70px;
    margin: 0  auto  30px;
    margin: 0   0  30px  27%;
    color: #C3C3C3;
    font-size: 14px;
}
.second-tab-list-center {
    margin-left: 21%;
}
.second-tab-list-center-right {
    width: 540px;
    height: 357px;
    margin-left: 95px;
    background: rgba(255, 255, 255, 0.1);
}
.second-tab-list .second-tab1-div {
    width: 270px;
    height: 357px;
    display: flex;
    flex-flow: column;
    align-items: center;
}
.second-tab-list .second-tab1-title {
    width: 160px;
    height: 45px;
    box-sizing: border-box;
    background: rgba(255, 255, 255, 0.25);
    border-radius: 23px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: #ffffff;
    margin: 30px 0px 10px 0px;
}
.second-tab-list .second-tab1-item {
    height: 50px;
    line-height: 50px;
    color: #C3C3C3;
    font-size: 16px;
    display: flex;
    align-items: center;
    width: 160px;
    padding-left: 40px;
}
.m-l-10 {
    margin-left: 10px;
}
.m-l-16 {
    margin-left: 16px;
}
.p-l-20 {
    padding-left: 20px !important;
}
.second-bottom {
    width: 100%;
    height: 90px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    background: rgba(255, 255, 255, 0.2);
}
.second-bottom-div {
    width: 360px;
    height: 46px;
    display: flex;
    align-items: center;
}
.second-bottom .second-bottom-left {
    width: 170px;
    height: 46px;
    background: #2a6de8;
    border-radius: 6px;
    font-size: 16px;
    line-height: 46px;
    text-align: center;
    color: #ffffff;
    cursor: pointer;
}
.second-bottom .second-bottom-left a { color: #2a6de8;display: block;}
.second-bottom .second-bottom-left:hover, .second-bottom .second-bottom-left a:hover {
    color: #333333 !important;
}
.second-bottom .second-bottom-right {
    width: 170px;
    height: 46px;
    border-radius: 6px;
    font-size: 16px;
    line-height: 46px;
    text-align: center;
    color: #ffffff;
    border: 1px solid #ffffff;
    cursor: pointer;
    margin-left: 20px;
}
.second-bottom .second-bottom-right a {color: #ffffff;    display: block;}
.second-bottom .second-bottom-right:hover {
    background: #2a6de8 !important;
    border: 1px solid #2a6de8 !important;
    color:#2a6de8;
}
.second-bottom .second-bottom-right a:hover {

}

.second-bottom .mianfeishiyong:hover {
    background-color: #ffffff !important;
    color: #325fe5 !important;
}
.second-bottom .mianfeishiyong a:hover {
    color: #325fe5 !important;
}

.three {
    width: 100%;
    height: 760px;
    padding-top: 70px;
    background-image: url('../img/threeBg.jpg');
    background-size: 100% 100%;
}
.three .three-title {
    width: 100%;
    text-align: center;
    font-size: 36px;
    height: 36px;
    line-height: 36px;
    color: #333333;
    margin-bottom: 28px;
}
.three .three-title-title {
    width: 496px;
    height: 41px;
    font-size: 16px;
    font-weight: 400;
    color: #777777;
    line-height: 26px;
    text-align: center;
    margin: 0 auto 44px;
}
.three .three-tab {
    width: 1035px;
    height: 50px;
    background: #ffffff;
    box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, 0.08);
    border-radius: 25px;
    margin: 0 auto ;
    padding: 0px 49px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    font-size: 14px;
    color: #333333;
}
.three .three-tab-item {
    width: 110px;
    height: 36px;
    text-align: center;
    line-height: 36px;
    cursor: pointer;
}
.three .three-tab .checkedThree {
    background: #2a6de8;
    border-radius: 18px;
    color: #ffffff;
}
.three .m-t-75 {
    margin-top: 75px;
}
.second2title {
    height: 16px;
    display: flex;
    align-items: center;
    line-height: 16px;
    width: 100%;
    justify-content: center;
    color: #FFFFFF;
    margin-bottom: 60px;
}
.second2title .second2line {
    width: 29px;
    height: 1px;
    background: #c3c3c3;
}
.second2title .m-l-r-10 {
    margin: 0px 10px;
}
.second2Div {
    width: 910px;
    height: 124px;
    margin: 0 auto;
}
.second2Div .second2list {
    margin-top: 34px;
    width: 910px;
    height: 16px;
    display: flex;
    align-items: center;
    font-size: 16px;
    line-height: 16px;
    color: #ffffff;
    justify-content: space-around;
}
.second3Div {
    width: 922px;
    height: 305px;
    margin: 0px auto;
    display: flex;
    justify-content: space-around;
}
.second3Div .second3item {
    width: 214px;
    height: 305px;
    background: #ffffff;
    padding: 33px 0px;
}
.second3Div .second3item .second3itemTitle {
    height: 22px;
    line-height: 22px;
    font-size: 24px;
    text-align: center;
    width: 100%;
    color: #333;
    margin-bottom: 32px;
}
.second3Div .second3item img {
    margin: 0 auto;
    display: block;
}
.second3Div .second3item .second3text {
    width: 168px;
    height: 58px;
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    line-height: 22px;
    margin: 28px auto;
}
.second4Div {
    width: 910px;
    height: 290px;
    margin: 0px auto;
    display: flex;
    justify-content: space-around;
}
.second4Div .second4item {
    width: 280px;
    height: 290px;
    padding: 26px 0px 20px 0px;
    background: #ffffff;
}
.second4Div .second4item img {
    display: block;
    margin: 0 auto 27px;
}
.second4Div .second4item .second4title {
    height: 20px;
    line-height: 20px;
    font-size: 20px;
    text-align: center;
    color: #333333;
    width: 100%;
    font-weight: bold;
    margin-bottom: 22px;
}
.second4Div .second4item .second4text {
    width: 224px;
    height: 58px;
    font-size: 14px;
    color: #333333;
    line-height: 22px;
    margin: 0 auto;
}
.three1list {
    width: 1200px;
    margin: 75px auto 0px;
}
.three1Left {
    width: 330px;
    margin-right: 35px;
}
.three1Left .three1LeftTitle {
    line-height: 18px;
    height: 18px;
    font-size: 18px;
    font-weight: bold;
    color: #333333;
}
.three1Left ul {
    margin-top: 24px;
    font-size: 14px;
    font-weight: 400;
    color: #666666;
    line-height: 36px;
}
.three1Left ul li {
    color: #5C739E;
}
.three1Left ul li span {
    color: #666666;
}
.three1Right {
    width: 816px;
}
.three1Right .three1RightTitle {
    width: 100%;
    text-align: center;
    height: 18px;
    line-height: 18px;
    font-size: 18px;
    color: #333333;
    font-weight: bold;
    margin-bottom: 34px;
}
.three1Right .three1div {
    width: 100%;
    height: 230px;
    justify-content: space-around;
}
.three1Right .three1div .three1item {
    width: 200px;
    height: 230px;
    padding: 42px 0px 36px 0px;
    background-color: #ffffff;
}
.three1Right .three1div .three1item .three1itemTitle {
    height: 36px;
    text-align: center;
    font-size: 14px;
    margin: 0 auto 46px;
}
.three1Right .three1div .three1item img {
    display: block;
    margin: 0 auto;
}
.three2list {
    width: 1185px;
    height: 384px;
    margin: 40px auto;
    background-image: url('../img/threeBg.png');
    background-size: 100% 100%;
    position: relative;
}
.three2list .three4Text1 {
    height: 24px;
    font-size: 24px;
    color: #ffffff;
    line-height: 24px;
    position: absolute;
    top: 71px;
    left: 305px ;
}
.three2list .m-l-10 {
    margin-left: 10px;
}
.three2list .threeText {
    height: 18px;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    color: #d5d5d5;
}
.three2list .three4Text2 {
    position: absolute;
    top: 138px;
    left: 59px ;
}
.three2list .three4Text3 {
    position: absolute;
    top: 138px;
    left: 346px ;
}
.three2list .three4Text4 {
    position: absolute;
    top: 197px;
    left: 59px ;
}
.three2list .three4Text5 {
    position: absolute;
    top: 197px;
    left: 346px ;
}
.three2list .three4Text6 {
    position: absolute;
    top: 260px;
    left: 59px ;
}
.three2list .three4Text7 {
    width: 250px;
    position: absolute;
    top: 260px;
    left: 346px ;
}
.three2list .three4Text8 {
    height: 24px;
    font-size: 24px;
    font-weight: 400;
    color: #ffffff;
    line-height: 24px;
    position: absolute;
    top: 84px;
    right: 206px;
}
.three2list .three4Text9 {
    position: absolute;
    top: 151px;
    left: 672px;
}
.three2list .three4Text10 {
    position: absolute;
    top: 151px;
    left: 889px;
}
.three2list .three4Text11 {
    position: absolute;
    top: 210px;
    left: 672px;
}
.three2list .three4Text12 {
    position: absolute;
    top: 210px;
    left: 889px;
}
.three2list .three4Text13 {
    position: absolute;
    top: 273px;
    left: 672px;
}
.three2list .three4Text14 {
    position: absolute;
    top: 273px;
    left: 889px;
}
.three3list {
    width: 1200px;
    height: 358px;
    margin: 65px auto;
    justify-content: space-around;
}
.three3list .three3item {
    height: 358px;
    width: 382px;
    background: #ffffff;
    box-shadow: 0px 0px 20px 0px rgba(37, 40, 61, 0.1);
    padding-left: 46px;
    padding-right: 25px;
}
.three3list .three3itemTitle {
    height: 74px;
    padding: 28px 0px ;
    text-align: center;
    font-size: 18px;
    color: #333333;
    line-height: 18px;
    font-weight: bold;
    width: 100%;
}
.three3list .three3itemFlex {
    justify-content: space-between;
}
.three3list .three3itemFlex .three3Left {
    width: 112px;
    font-size: 14px;
    line-height: 32px;
}
.three3list .three3itemFlex .three3Left li {
    color: #5C739E;
}
.three3list .three3itemFlex .three3Left li span {
    color: #666666;
}
.three3list .three3itemFlex .three3Right {
    width: 140px;
    font-size: 14px;
    color: #666666;
    line-height: 32px;
}
.three3list .three3itemFlex .three3Right li {
    color: #5C739E;
}
.three3list .three3itemFlex .three3Right li span {
    color: #666666;
}
.three4list {
    width: 1200px;
    margin: 0 auto;
}
.three4list .three4Title {
    margin: 42px 0px 38px 0px;
    width: 100%;
    text-align: center;
    height: 16px;
    line-height: 16px;
    font-size: 16px;
    font-weight: bold;
    color: #333333;
}
.three4list .three4Div {
    width: 1200px;
    height: 340px;
    display: flex;
    justify-content: space-around;
}
.three4list .three4Item {
    width: 224px;
    height: 340px;
    background: #ffffff;
    box-shadow: 0px 0px 15px 0px rgba(37, 40, 61, 0.1);
}
.three4list .three4ItemTitle {
    margin: 25px 0px 9px 0px;
    height: 16px;
    line-height: 16px;
    width: 100%;
    text-align: center;
    font-size: 16px;
    color: #333333;
    font-weight: bold;
}
.three4list .three4SubTitle {
    margin: 40px 0px 14px 0px;
    height: 16px;
    line-height: 16px;
    width: 100%;
    text-align: center;
    font-size: 16px;
    color: #333333;
    font-weight: bold;
}
.three4list .three4line {
    width: 22px;
    height: 3px;
    background: #2a6de8;
    margin: 0 auto 10px;
}
.three4list ul {
    width: 153px;
    margin-left: 46px;
    font-size: 14px;
    font-weight: 400;
    line-height: 32px;
}
.three4list ul li {
    color: #5C739E;
}
.three4list ul li span {
    color: #777777;
}
.three4list .mbxLine {
    width: 22px;
    height: 3px;
    background: #2a6de8;
    margin: 0 auto 36px;
}
.three4list .mbxText {
    width: 183px;
    height: 64px;
    font-size: 14px;
    font-weight: 400;
    color: #787878;
    line-height: 26px;
    margin: 0 auto 43px;
}
.three4list img {
    display: block;
    margin: 0 auto;
}
.three-tab-mbx {
    position: relative !important;
    background-color: #2A6DE8 !important;
}
.three-tab-mbx .second-bottom-left {
    background-color: #ffffff;
    color: #2A6DE8;
}
.four {
    width: 100%;
    height: 1112px;
    padding-top: 70px;
    background: #182f59;
    position: relative;
}
.fourTitle {
    width: 100%;
    height: 36px;
    margin: 0px auto 32px;
    font-size: 36px;
    color: #FFFFFF;
    text-align: center;
}
.fourSubTitle {
    width: 100%;
    height: 20px;
    margin: 0px auto 52px;
    font-size: 20px;
    line-height: 20px;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
}
.fourSubTitle .fourLine {
    width: 40px;
    height: 2px;
    background: #9dc0ff;
}
.fourSubTitle .m-16 {
    margin: 0 16px;
}
.fourContent {
    width: 1200px;
    margin: 0 auto 73px;
    height: 130px;
    display: flex;
    justify-content: space-between;
}
.fourContent .fourContentItem {
    width: 570px;
    height: 130px;
    border: 1px solid rgba(255, 255, 255, 0.5);
    padding: 23px 20px 23px 34px;
    display: flex;
    align-items: center;
}
.fourContent .fourContentItemRight {
    width: 392px;
    margin-left: 35px;
    height: 84px;
}
.fourContent .fourContentItemTitle {
    height: 24px;
    font-size: 24px;
    color: #9dc0ff;
    line-height: 24px;
    margin-bottom: 25px;
}
.fourContent .fourContentItemText {
    width: 392px;
    height: 36px;
    font-size: 14px;
    font-weight: 400;
    color: #ffffff;
    line-height: 18px;
}
.fourTabs {
    width: 1100px;
    height: 55px;
    line-height: 55px;
    margin: 0 auto 46px;
    display: flex;
    font-size: 16px;
    color: #ffffff;
    background-color: #1F3C71;
}
.fourTabs .foutTab {
    width: 275px;
    height: 55px;
    text-align: center;
    cursor: pointer;
}
.fourTabs .checkedFour {
    background-color: #182F59;
    border-top: 3px solid #2A6DE8;
    box-sizing: content-box;
    height: 52px;
}
.fourTabList1 {
    width: 1200px;
    background-color: #ffffff;
    padding: 32px 20px 59px 24px;
    margin: 0  auto;
}
.fourTabTitle {
    width: 710px;
    height: 46px;
    line-height: 46px;
    background: #ebf2ff;
    margin: 0 auto  50px;
    text-align: center;
    font-size: 14px;
    color: #333333;
}
.fourTabItem {
    width: 1156px;
    height: 75px;
    display: flex;
    justify-content: space-between;
}
.fourTabItem .fourTabItemLeft {
    width: 563px;
    height: 75px;
    display: flex;
}
.fourTabItem .fourTabItemRight {
    width: 534px;
    height: 75px;
    display: flex;
}
.fourTabItem .fourLeftImg {
    width: 69px;
    height: 75px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.fourTabItem .fourLeftImg img {
    display: block;
}
.fourTabItem .fourLeftText {
    width: 481px;
    margin-left: 13px;
}
.fourTabItem .fourRightText {
    width: 434px;
    margin-left: 15px;
}
.fourTabItem .fourRightImg {
    width: 67px;
    height: 75px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.fourTabItem .fourRightImg img {
    display: block;
}
.fourTabItem .fourAllTitle {
    height: 16px;
    line-height: 16px;
    font-size: 16px;
    margin-bottom: 21px;
    color: #333333;
    font-weight: bold;
}
.fourTabItem .fourLeftAllText {
    width: 481px;
    height: 38px;
    font-size: 14px;
    font-weight: 400;
    color: #747a8b;
    line-height: 24px;
}
.fourTabItem .fourRightAllText {
    width: 434px;
    height: 38px;
    font-size: 14px;
    font-weight: 400;
    color: #747a8b;
    line-height: 24px;
}
.m-b-89 {
    margin-bottom: 89px;
}
.five {
    width: 100%;
    height: 515px;
    background-color: #ffffff;
    padding-top: 70px;
}
.five .fiveTitle {
    width: 100%;
    text-align: center;
    margin-bottom: 40px;
    height: 36px;
    line-height: 36px;
    font-size: 36px;
    color: #333333;
    font-weight: bold;
}
.five .fiveList {
    width: 1200px;
    height: 300px;
    display: flex;
    justify-content: space-around;
    margin: 0 auto;
}
.five .fiveList .fiveItem {
    width: 224px;
    height: 300px;
    border: 1px solid #d0d0d0;
    padding: 32px 0px 43px 0px;
}
.five .fiveList .fiveItem .fiveImg {
    height: 72px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 35px;
}
.five .fiveList .fiveItem .fiveItemTitle {
    height: 20px;
    line-height: 20px;
    font-size: 20px;
    color: #333333;
    font-weight: bold;
    margin-bottom: 30px;
    width: 100%;
    text-align: center;
}
.five .fiveList .fiveItem .fiveLine {
    width: 20px;
    height: 3px;
    background: #2a6de8;
    margin: 0 auto 20px;
}
.five .fiveList .fiveItem .fiveText {
    height: 60px;
    width: 120px;
    line-height: 30px;
    text-align: center;
    margin: 0 auto;
    font-size: 14px;
    color: #666666;
}
.six {
    width: 100%;
    height: 680px;
    background: #f8f8f8;
    padding-top: 50px;
}
.six .sixTitle {
    height: 36px;
    line-height: 36px;
    font-size: 36px;
    color: #333333;
    width: 100%;
    text-align: center;
    font-weight: bold;
    margin-bottom: 40px;
}
.six .sixTab {
    width: 1200px;
    height: 105px;
    background: #ffffff;
    margin: 0 auto 28px;
    padding: 0px 44px;
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.six .sixTabItem {
    width: 160px;
    height: 105px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.six .checkedTabSix {
    border-bottom: 3px solid #2A6DE8;
    box-sizing: content-box;
    height: 102px;
}
.six .sixTab1 {
    width: 1200px;
    margin: 0 auto;
    height: 386px;
    display: flex;
    padding: 0px 46px 0px 41px;
    justify-content: space-between;
}
.six .sixTab1 .sixTab1Left {
    width: 581px;
    height: 386px;
    padding-top: 52px;
}
.six .sixTab1 .sixTab1Left .sixTab1Title {
    height: 24px;
    line-height: 24px;
    font-size: 24px;
    color: #333333;
    margin-bottom: 38px;
}
.six .sixTab1 .sixTab1Left .sixTab1Text {
    width: 581px;
    line-height: 36px;
    font-size: 16px;
    color: #727272;
    margin-bottom: 20px;
}
.six .sixTab1 .sixTab1Left .sixTabBtn {
    width: 160px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #2a6de8;
    font-size: 14px;
    color: #ffffff;
    cursor: pointer;
}
.six .sixTab1 .sixTab1Left .sixTabBtn a {color: #ffffff;}
.six .sixTab1Right {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 436px;
    height: 386px;
}
.seven {
    height: 736px;
    width: 100%;
    padding-top: 70px;
}
.seven .sevenTitle {
    width: 100%;
    height: 36px;
    line-height: 36px;
    font-size: 36px;
    color: #333333;
    margin-bottom: 40px;
    text-align: center;
}
.sevenContent {
    width: 1200px;
    height: 510px;
    background: #ffffff;
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.06);
    border-radius: 15px;
    margin: 0 auto;
    padding: 40px 30px;
    display: flex;
    justify-content: space-between;
}
.sevenContent .sevenLeft {
    width: 420px;
}
.sevenContent .sevenLeft .sevenLeftTitle {
    width: 420px;
    height: 16px;
    font-size: 16px;
    line-height: 16px;
    color: #444444;
    margin: 25px 0px;
}
.sevenContent .sevenLeft .sevenLeftTitle a {color:#444444; }
.sevenContent .sevenLeft .sevenLeftTitle a:hover {color: #325fe5 !important;}


.sevenContent .sevenLeft .sevenLeftText {
    width: 420px;
    font-size: 14px;
    color: #999999;
    line-height: 24px;
}
.sevenContent .sevenLeft .sevenLeftText a {color: #999999;}
.sevenContent .sevenLeft .sevenLeftText a:hover {color: #325fe5 !important;}

.sevenContent .sevenRight {
    width: 667px;
}
.sevenContent .sevenRight .sevenRightItem {
    width: 667px;
    height: 113px;
    border-bottom: 1px dotted #D8D8D8;
    display: flex;
    padding-top: 20px;
}
.sevenContent .sevenRight .sevenRightItem:first-child {
    padding-top: 0px;
}
.sevenContent .sevenRight .sevenRightItem:last-child {
    border-bottom: 0px;
}
.sevenContent .sevenRight .sevenRightItem .sevenRightItemLeft {
    width: 56px;
    height: 56px;
    border: 1px solid #2a6de8;
    margin-right: 24px;
    padding: 12px 0px;
}
.sevenContent .sevenRight .sevenRightItem .sevenRightItemLeft .bottomTitle {
    color: #98AFF3;
    font-size: 12px;
    height: 10px;
    line-height: 10px;
    width: 56px;
    text-align: center;
}
.sevenContent .sevenRight .sevenRightItem .sevenRightItemLeft .topTitle {
    font-size: 20px;
    color: #2A6DE8;
    width: 56px;
    text-align: center;
    height: 16px;
    line-height: 16px;
    margin-bottom: 6px;
}
.sevenContent .sevenRight .sevenRightItem .sevenRightItemRight {
    width: 580px;
    padding-top: 4px;
}
.sevenContent .sevenRight .sevenRightItem .sevenRightItemRight .sevenRightTop {
    height: 16px;
    line-height: 16px;
    font-size: 16px;
    color: #444444;
    margin-bottom: 17px;
    width: 580px;
    cursor: pointer;
}
.sevenContent .sevenRight .sevenRightItem .sevenRightItemRight .sevenRightTop a:hover {
    color: #325fe5 !important;
}
.sevenContent .sevenRight .sevenRightItem .sevenRightItemRight .sevenRightTopText {
    width: 580px;
    font-size: 14px;
    color: #999999;
    line-height: 24px;
    cursor: pointer;
}
.sevenContent .sevenRight .sevenRightItem .sevenRightItemRight .sevenRightTopText a {color: #999999;}
.sevenContent .sevenRight .sevenRightItem .sevenRightItemRight .sevenRightTopText a:hover {
    color: #325fe5 !important;
}
.sevenLeftImg {
    transition: all 1s ;
    display: block;
    width: 420px;
    height: 280px;
}
.sevenLeftImg:hover {
    transform: scale(1.05);
}
.eight {
    width: 100%;
    height: 190px;
    display: flex;
    align-items: center;
    background-image: url('../img/qqBg.webp');
    justify-content: center;
}
.eight .eightDiv {
    width: 500px;
    height: 110px;
}
.eight .eightDivTitle {
    width: 500px;
    text-align: center;
    height: 24px;
    line-height: 24px;
    font-size: 24px;
    color: #ffffff;
    margin-bottom: 40px;
}
.eight .eightBottom {
    width: 500px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 48px;
}
.eight .eightBottom .eightInput {
    width: 370px;
    height: 48px;
    border: 1px solid #cbdeff;
    font-size: 16px;
    padding-left: 20px;
    background-color: transparent;
    color: #9ABEFF;
}
.eight .eightBottom input::-webkit-input-placeholder {
    color: #9ABEFF;
    /* 字体大小直接写样式即可 */
    font-size: 16px;
}
.eight .eightBottom .eightBtn {
    width: 110px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    background: #ffffff;
    display: inline-block;
    color: #2A6DE8;
    font-size: 16px;
    margin-left: 14px;
    cursor: pointer;
}














* {box-sizing: border-box;}
.clear {clear:both; overflow: hidden; height:60px;}
::selection{background:red;color:#FFF;}
::-moz-selection{background:red;color:#FFF;}


/*申请试用*/
.sevice_req_apply {
	height: 320px;
	background: #fff;
	box-sizing: border-box;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	margin-top: 5px;
}

.apply-title {
	overflow: hidden;
	font-family: "FZY4JW";
	height: 300px;
}

.apply-title > div {
	float: left;
	color: #2b9be4;
	font-size: 23px;
}

.apply-title dl {
	float: right;
	font-weight: 900;
	position: relative;
}

.apply-title > dl dt {
	font-weight: 900;
	color: #f76719;
	font-size: 21px;
	margin-bottom: 30px;
}

.apply-title > dl dd:nth-child(2) {
	margin: 32px 0;
	width: 220px;
	overflow: hidden;
}

.apply-title span {
	width: 150px;
	color: #474848;
	font-size: 13px;
	display: inline-block;
	float: right;
}


/*表单区*/
.apply-form {
	margin-top: -222px;
}

.apply-form .mb19 {
	margin-bottom: 19px;
}

.apply-form label {
	color: #201f1f;
	font-size: 16px;
	display:inline-block;
	width:75px;
}

.apply-form input {
	height: 44px;
	width: 197px;
	border: 1px solid #e1e1e1;
	margin-left: 8px;
	margin-right: 7px;
	font-size: 16px;
	text-indent: 1em;
}

.apply-form button {
	width: 92px;
	height: 41px;
	text-align: center;
	line-height: 41px;
	border: none;
}

.contact {
	margin-right: 22px;
}

.contactDIv .code {
	height: 46px;
	width: 199px;
	display: inline-block;
	background: #e1e1e1;
	vertical-align: middle;
}

.getVcode {
	font-size: 13px;
	background: #e1e1e1;
	color: #202020;
}

.subBtn {
	font-size: 16px;
	background: #1e8dc5;
	color: white;
}

/* 新右侧 */
.apply-title dl { width:300px; margin-right:50px; text-align:center; }
.apply-title dl dd { border:1px solid #ddd; height:250px; padding-top:5px;  }
.apply-title dl dt { margin-top:15px; }
.apply-title dl dt img { width:30px; height:30px; }
.apply-title dl dt span { clear:both; float:none; display:inline; font-size:17px; font-weight:bold; }

.apply-title dl dd .btn { margin-top:5px; }
.apply-title dl dd .btn a:nth-child(1) { display:inline-block; width:100px; height:29px; line-height:29px; background-color:#34ACC3; color:#fff; border-radius:5px; }
.apply-title dl dd .btn a:nth-child(2) { padding:5px 20px; background:url(/public/imgs/zhuanti/qq_1.png) no-repeat; background-size:20px 20px; background-position: 10px 4px; background-color:#AFE3FC; border-radius:5px; margin-left:5px; }
.apply-title dl dd .btn a:nth-child(2) span { position:relative; left:10px; }
.real_qr {
	top: 300px;
width: 460px;
position: fixed;
left: 33%;
right: 33%;
z-index: 9999;
}
.rightSlide {width:570px;}
#pop_join_form {text-align:left;}
.apply-title span.myClose {width:30px; cursor: pointer;}







.ndjh_box {
	position: fixed;
	top: 20%;
	left: 35%;
	right: 35%;
}
.ndjh_box_inline {
	width: 650px;
	height: 350px;
	position: relative;
}
.ndjh_box .ndjh_box_inline .closed{
	position: absolute;
	width: 30px;
	float: right;
	right: 0;
	top: 5px;
}
.ndjh_box .ndjh_box_inline .contents .btn {
	position: absolute;
	bottom: 11%;
	display: flex;
	height: 30px;
	width: 360px;
	margin-left: 155px;
	text-align: center;
	height: 35px;
}
.ndjh_box .ndjh_box_inline .contents .btn .detail{
	background: #d41f2e;
	padding: 5px 20px;
	border-radius: 3px;
	color: #fff;
	font-size: 18px;
	margin-right: 20px;
	flex:1;
}
.ndjh_box .ndjh_box_inline .contents .btn .shaohou{
	padding: 5px 20px;
	border-radius: 3px;
	color: #fff;
	font-size: 18px;
	margin-right: 20px;
	border:1px solid #d41f2e;
	color:#d41f2e;
	flex:1;
}