.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%;
}

.prod_new_container_box {
    background-color: #F3F3F3;
}

.prod_new_container {
    width: 1400px;
    padding: 65px 95px;
    margin: 0 auto;
    background-color: #F3F3F3;
    text-align: center;
}

.prod_new_container a {
    line-height: 34px;
    text-decoration: none;
}

.prod_new_container h1 {
    line-height: 60px;
    font-size: 45px;
    color: #333333;
    padding-bottom: 50px;
}

.prod_new_container .item1 {
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
}

.prod_new_container .item1 .card1 {
    background-color: #fff;
    width: 380px;
    height: 400px;
    padding: 30px 50px;
}

.prod_new_container .card1 h2 {
    margin-bottom: 27px;
}

.prod_new_container .card1 img {
    width: 42px;
    vertical-align: middle;
    padding-bottom: 10px;
    margin-right: 10px;
}

.prod_new_container .content {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.prod_new_container .content div {
    margin: 0 5px;
}

.prod_new_container .content p {
    width: 120px;
    height: 36px;
    line-height: 34px;
    border-radius: 3px;
    font-size: 14px;
    font-weight: normal;
    color: #333;
    margin-bottom: 8px;
}

.prod_new_container .special {
    width: 140px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 !important;
}

.prod_new_container .special p {
    margin-left: 5px;
}

.prod_new_container .special-p {
    width: 100% !important;
    padding: 0 5px;
}

.prod_new_container .col1 .content p {
    border: 1px dotted #289DFC;
}

.prod_new_container .col2 .content p {
    border: 1px dotted #F0AE4C;
}

.prod_new_container .col3 .content p {
    border: 1px dotted #F87878;
}

.prod_new_container h3 {
    margin: 15px 0;
}

.prod_new_container h3 span {
    font-size: 22px;
    font-weight: 500;
    color: #F21818;
    padding-left: 10px;
}

.prod_new_container .card1 .part,
.prod_new_container .card1 .con {
    display: inline-block;
}

.prod_new_container .card1 .part,
.prod_new_container .card2-1 a {
    color: #fff;
    font-weight: 550;
    border: 0;
    border-radius: 5px;
    height: 36px;
}

.prod_new_container .card1 .part1{
    border: 1px solid #289DFC;
    background-color: #289DFC;
}
.prod_new_container .card1 .part2{
    border: 1px solid #F0AE4C;
    background-color: #F0AE4C;
}
.prod_new_container .card1 .part3{
    border: 1px solid #F87878;
    background-color: #F87878;
}

.prod_new_container .card1 .part {
    width: 162px;
}

.prod_new_container .card1 .part1:hover {
    border: 1px solid #0052df;
    background-color: #0052df;
}
.prod_new_container .card1 .part2:hover {
    border: 1px solid #ff9900;
    background-color: #ff9900;
}
.prod_new_container .card1 .part3:hover {
    border: 1px solid #ff2a2a;
    background-color: #ff2a2a;
}

.prod_new_container .card1 .con {
    width: 87px;
    height: 36px;
    border-radius: 5px;
    background-color: #fff;
    color: #333;
    margin-left: 10px;
}

.prod_new_container .con1 {
    border: 1px solid #289DFC;
}

.prod_new_container .con2 {
    border: 1px solid #F0AE4C;
}

.prod_new_container .con3 {
    border: 1px solid #F87878;
}

.prod_new_container .card1 .con:hover {
    color: #fff;
    border: 0;
}

.prod_new_container .card1 .con1:hover {
    background-color: #289DFC;
}


.prod_new_container .card1 .con2:hover {
    background-color: #F0AE4C;
}

.prod_new_container .card1 .con3:hover {
    background-color: #F87878;
}


.prod_new_container .item2 {
    display: flex;
    justify-content: space-between;
}

.prod_new_container .item2>div {
    width: 229px;
    height: 290px;
    background-color: #fff;
}

.prod_new_container .item2 .card2-1 {
    padding: 30px 24px;
    border: 1px solid #289DFC;
    width: 100%;
    height: 100%;
}

.prod_new_container .card2-1 h4 {
    font-size: 16px;
    font-weight: 550;
    line-height: 42px;
}

.prod_new_container .card2-1 h4 span {
    padding-bottom: 7px;
    border-bottom: 2px solid #289DFC;
}

.prod_new_container .card2-1 p {
    display: block;
    width: 178px;
    margin: 0 auto;
    text-align: left;
    font-size: 12px;
    line-height: 1.5;
    padding: 30px 0;
    font-weight: 400;
    color: #333;
}

.prod_new_container .card2-1 a {
    margin: 0 auto;
    display: block;
    width: 158px;
    background-color: #289DFC;

}

.prod_new_container .card2-1 {
    display: none;
}

.prod_new_container .card2-2 div {
    width: 100%;
    height: 160px;
    background-color: #289DFC;
    padding: 9px;
}

.prod_new_container .card2-2 div p {
    display: block;
    width: 115px;
    height: 26px;
    margin: 9px auto;
    border: 1px solid #fff;
    border-radius: 5px;
    color: #fff;
    line-height: 24px;
    font-size: 14px;
}

.prod_new_container .card2-2 h2 {
    font-size: 20px;
    margin-top: 20px;
}

.prod_new_container .card2-2 h3 {
    font-weight: 350 !important;
}

.prod_new_container .card2:hover .card2-2 {
    display: none;
}

.prod_new_container .card2:hover .card2-1 {
    display: block;
}

.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('../../../2020newIndex/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('../../../2020newIndex/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('../../../2020newIndex/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('../../../2020newIndex/img/qqBg.png');
    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;
}