@charset "utf-8";
@font-face{
     font-family: 'bebas'; 
     src: url('../fonts/bebasneue.woff2');
}
@font-face{
     font-family: 'poppin_r'; 
     src: url('../fonts/poppins-regular.woff2');
}

/*==================基础设置==================*/
html{
    box-sizing:border-box;  
    -moz-box-sizing:border-box; /* Firefox */  
    -webkit-box-sizing:border-box; /* Safari */  
}
body{
    margin: 0;
}
*, *:before, *:after {
 
}
ul,ol,li {
    list-style: none;
    margin: 0px;
    padding: 0px;
}
a {
    color: inherit;
    text-decoration: none;
    transition: all .4s ease;
}
img {
    border: none;
    max-width: 100%;
}
input,textarea {
    font-family: inherit;
    resize: none;
}
body,html,p {
    font-size: 15px;
   
    line-height: 1.8em;
 
    margin: 0px;
}
dl,dt,dd{
    margin:0;
    padding:0;
    list-style-type:none;
}
.container{
    width: 1280px;
    margin: 0 auto;
    position: relative;
}
.section2 .container,
.section3 .container,
.section5 .container{
    margin-top: 73px;
}
.fl{
    float: left;
}
.fr{
    float: right;
}
.clearfix:after{
    content: "";
    display: block;
    height: 0;
    clear: both;
}
.clearfix{
    zoom: 1;
}
.btn{
    text-align: center;
    padding: 12px 50px;
    display: block;
    position: relative;
}
.btn_blue{
    background: #3161cf;
    color: #fff;
    z-index: 1;
}
.btn_blue:before {
    content: "";
    top: 0px;
    width: 0px;
    left: auto;
    right: 0px;
    z-index: -1;
    bottom: 0px;
    position: absolute;
    transition: all 0.4s ease;
    background: #102d6f;
}
.btn_blue:hover:before {
    left: 0px;
    width: 100%;
    right: auto;
}
.btn_line_w{
    border: 2px solid #fff;
    color: #fff;
    padding: 10px 48px;
}



/*==================头部==================*/
#header{
    position: fixed;
    top: 0;
    z-index: 99999;
    width: 100%;
    background: #fff;
}
#header .wrapper{
    width: 100%;
    padding: 10px 5px 0 1.5%;
    height: 90px;
    box-shadow: 0px 2px 14px -4px rgba(0,0,0,.15);
}
#headTop{
    float: left;
    max-width: 347px;
}
#navWrapper{
    float: right;
}
#header .nav {
    float: right;
    height: 77px;
}
#header .nav > li {
    float: left;
    font-size: 16px;
    height: 100%;
    position: relative
}
#header .nav > li > a {
    display: block;
    padding: 0 16px;
    height: 70px;
    line-height: 70px;
    color: #333;
    position: relative;
    overflow: hidden;
}
#header .nav > li > a span {
    display: inline-block;
    position: relative;
    transition: all ease-out .3s
}
#header .nav > li > a span:after {
    content: attr(data-title);
    position: absolute;
    color: #3161cf;
    left: 0px;
    transform: translateY(100%);
    width: 100%
}
.browser-lt11 #header .nav > li > a span:after {
    top: 100%
}
#header .nav > li > a > i {
    margin-left: 5px
}
#header .nav > li:last-child{
    position: relative;
    margin-left: 20px;
    padding: 0px 6px 0px 12px;    
}
#header .nav > li:last-child:before{
    content: "";
    position: absolute;
    width: 1px;
    height: 90px;
    background: #eaeaea;
    top: -10px;
    left: 0px;
}
#header .nav .subnav {
    position: absolute;
    width: 170px;
    text-align: center;
    background-color: #FFF;
    box-shadow: 0 13px 42px 11px rgba(0,0,0,.05);
    height: auto;
    z-index: 199;
    top: 120%;
    left: -27px;
    border-top: 3px solid #102d6f;
    visibility: hidden;
    opacity: 0;
    transition: all .36s ease;
    padding: 15px 0px;
}
#header .nav .subnav li {
    width: 100%;
    position: relative;    
}
#header .nav .subnav li a {
    font-weight: 500;
    color: #666;
    padding: 12px 15px;
    line-height: 22px;
    display: block;
    transition: all .2s ease-in-out;
    font-size: 15px
}
#header .nav > li:hover .subnav {
    opacity: 1;
    visibility: visible;
    top: 100%;
}
#header .nav > li:hover a span, #header .nav > li a.active span {
    color: #3161cf;
}
#header .nav > li:hover > a i, #header .nav > li > a.active i {
    color: #3161cf;
}
#header .nav .subnav li a:hover, #header .nav .subnav li a.active {
    background-color: #f0f4fd;
    color: #3161cf;
}
#header .nav li .subnav > li > .subnav2{
    visibility: hidden;
    position: absolute;
    width: 170px;
    text-align: center;
    background-color: #FFF;
    box-shadow: 0 13px 42px 11px rgb(0 0 0 / 5%);
    top: 0;
    left: 170px;
    /*border-top: 3px solid #102d6f;*/
    transition: all .36s ease;
    padding: 15px 0px;  
    opacity: 0;  
    z-index: 199;
}
#header .nav li:hover .subnav > li:hover > .subnav2{
    visibility: visible;
    opacity: 1;
}

@media screen and (max-width:1440px){
    #headTop{
        max-width: 240px;
        margin-top: 10px;
    }
}


/*==================第一�?=================*/
.flexslider {
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    zoom: 1;
}
.flexslider .slides li {
    width: 100%;
    height: 100%;
    text-align: center;
}
#banner_tabs .slides li .img_bg{
    z-index: -1;
    width: 100vw;
    height: 100vh;
    position: absolute;
    left: 0;
    top: 0;
    animation: scale1 24s linear infinite;
    background-size: cover;
    background-position: center;
}
#banner_tabs .slides li img{
    z-index: 1;
    position: relative;
    /*width: 56%;*/
    max-width: 68%;
    margin-top: 73px;    
}
#banner_tabs .slides li .banner_btn_box a{
    display: inline-block;
    margin: 2% 15px 8% 15px;
}
.flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: 40px;
    text-align: center;
}
.flex-control-nav li {
    margin: 0 5px;
    display: inline-block;
    zoom: 1;
    *display: inline;
    cursor: pointer;
}
.flex-control-nav li:before {
    content: "";
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: block;
    border: 2px rgba(255, 255, 255, 0.4) solid;
    position: absolute;
    left: 0;
    top: 0;
}
.flex-control-paging li a {
    background: #fff;
    display: block;
    height: 16px;
    overflow: hidden;
    text-indent: -99em;
    width: 16px;
    cursor: pointer;
}
.flex-control-paging li a.flex-active,
.flex-control-paging li.active a {
    background-position: 0 0;
}
.circle-progress {
    display: flex;
    justify-content: center;
    align-items: center;
}
.circle-progress {
    position: relative;
    width: 40px;
    height: 40px;
}
.circle-progress .content {
    position: absolute;
    top: 0;
    width: 20px;
    height: 40px;
    margin: 0;
    padding: 0;
    overflow: hidden;
}
.circle-progress .left {
    left: 0;
}
.circle-progress .right {
    right: 0;
}
.circle-progress .circle {
    position: absolute;
    margin: 0;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: 2px solid transparent;
    transform: rotate(135deg);
    box-sizing: content-box;
}
.circle-progress.active .left-circle {
    left: 0;
    border-top-color: #fff;
    border-left-color: #fff;
    animation: circle-left 6s linear infinite;
}
.circle-progress.active .right-circle {
    right: 0;
    border-bottom-color: #fff;
    border-right-color: #fff;
    animation: circle-right 6s linear infinite;
}
.circle-progress .count_box {
    display: block;
    width: 40px;
    line-height: 40px;
    color: #fff;
}
.flex-control-nav.active .circle-progress:before {
    content: "";
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    left: 0;
    border: 2px rgba(255,255,255,.4) solid;
    border-radius: 50%;
}
#banner_tabs .slides .fp-tableCell{
    width: 100vw;
    height: 100vh;
}

/*scale1效果，自动放�?/
@keyframes scale1 {
    0% {
        transform: scale(1.2);
        -webkit-transform: scale(1.2);
    }
    50%{
        transform: scale(1);
        -webkit-transform: scale(1);

    }
    100% {
        transform: scale(1.2);
        -webkit-transform: scale(1.2);
    }
}
@-webkit-keyframes scale1 {
    0% {
        transform: scale(1.2);
        -webkit-transform: scale(1.2);
    }
    50%{
        transform: scale(1);
        -webkit-transform: scale(1);

    }
    100% {
        transform: scale(1.2);
        -webkit-transform: scale(1.2);
    }
}

/*环形进度条效�?/
@keyframes circle-right {
    0% {
        transform: rotate(135deg);
        -webkit-transform: rotate(135deg);
    }
    50%,
    100% {
        transform: rotate(315deg);
        -webkit-transform: rotate(315deg);
    }
}
@-webkit-keyframes circle-right {
    0% {
        transform: rotate(135deg);
        -webkit-transform: rotate(135deg);
    }
    50%,
    100% {
        transform: rotate(315deg);
        -webkit-transform: rotate(315deg);
    }
}
@keyframes circle-left {
    0%,
    50% {
        transform: rotate(135deg);
        -webkit-transform: rotate(135deg);
    }
    100% {
        transform: rotate(315deg);
        -webkit-transform: rotate(315deg);
    }
}
@-webkit-keyframes circle-left {
    0%,
    50% {
        transform: rotate(135deg);
        -webkit-transform: rotate(135deg);
    }
    100% {
        transform: rotate(315deg);
        -webkit-transform: rotate(315deg);
    }
}


/*==================第二�?=================*/
.section2:before{
    content: "";
    display: block;
    width: calc(50vw - 265px);
    height: 100vh;
    background-image: url(../images/index2_bg_right.jpg);
    background-size: cover;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -2;
}
.section2:after{
    content: "";
    display: block;
    width: calc(50vw - 140px);
    height: 100vh;
    background: url(../images/dot_small.png) repeat;
    position: absolute;
    right: 0;
    top: 0;
    opacity: 0.5;
    z-index: -1;
}
.section2 .bxslider > li[aria-hidden="true"]{
    opacity: 0;
    transition: all ease 1s;
}
.section2 .bxslider > li[aria-hidden="false"]{
    opacity: 1;
}
.section2 .index_pro_des{
    position: absolute;
    font-size: 13px;
    text-align: justify;
    top: 140px;
    left: 0;
    width: 420px;
    line-height: 2em;
}
.section2 .bxslider > li > a{
    position: relative;
    padding-left: 24px;
    line-height: 1em;
    margin-top: 40px;
}
.section2 .tit_line{
    position: absolute;
    width: 4px;
    background-color: #2e61ca;
    left: 0;
    height: 59px;
    top: 40px;
}
.section2 .bxslider > li > a p{
    color: #223246;
    font-size: 36px;
    line-height: 1em;
    margin-bottom: 10px;
}
.section2 .bxslider > li > a span{
    color: #223246;
    font-size: 36px;
    line-height: 1em;
    margin-bottom: 10px;
    color: #676f79;
    font-size: 13px;
}
.section2 .bxslider > li > a span:after{
    content: " - ";
}
.section2 .bxslider > li > a span:last-child:after{
    display: none;
}
.section2 .bxslider > li ul{
    width: 750px;
}
.section2 .bxslider > li ul > li .a{
    display: block;
    width: 240px;
    height: 240px;
    margin: 5px;
    float: left;
    overflow: hidden;
    background: #000;
}
.section2 .bxslider .img_cover{
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    transition: all ease .4s;
}
.section2 .bxslider > li ul:hover .img_cover{
    opacity: 0.5;
}
.section2 .bxslider > li ul:hover > li:hover .img_cover{
    transform: scale(1.1);
    opacity: 1;
}
.section2 .bx-wrapper .bx-controls-direction a{
    top: auto;
    bottom: 70px;
    text-indent: 0;
    width: 52px;
    height: 52px;
    text-align: center;
    color: #fff;
    border-radius: 50%;
    background: #3262cf;
    font-size: 24px;
}
.section2 .bx-wrapper .bx-controls-direction a.bx-prev{
    left: 0;
}
.section2 .bx-wrapper .bx-controls-direction a.bx-next{
    left: 62px;
}
.section2 .bx-wrapper .bx-controls-direction a i{
    line-height: 48px;
}
.section2 .bx-wrapper .bx-controls-direction a:hover{
    background: #102d6f;
}
/*切屏动效*/
.section2 .bxslider > li ul{
    transform: translateX(100px);
    opacity: 0;
    transition: all ease .8s;
}
.section2 .bxslider > li > a{
    transform: translateY(60px);
    opacity: 0;
    transition: all ease .8s .2s;    
}
.section2 .index_pro_des{
    transform: translateY(60px);
    opacity: 0;
    transition: all ease .8s .4s;    
}
.section2 .bx-wrapper .bx-controls-direction{
    transform: translateY(60px);
    opacity: 0;
    transition: all ease .8s .6s;    
}
.section2.fp-completely .bxslider > li ul{
    opacity: 1;
    transform: translateX(0);
}
.section2.fp-completely .bxslider > li > a{
    transform: translateY(0);
    opacity: 1;
}
.section2.fp-completely .index_pro_des{
    transform: translateY(0);
    opacity: 1;
}
.section2.fp-completely .bx-wrapper .bx-controls-direction{
    transform: translateY(0);
    opacity: 1;
}




/*==================第三�?=================*/
.section3{
    background: url(../images/index3_bg.jpg);
    background-size: cover;
    background-position: center;
}
.section3 .line1 .fl{
    position: relative;
}
.section3 .line1 .fl .about_tit{
    position: absolute;
    left: 0;
    bottom: 0;
}
.section3 .line1 .fr .big_tit{
    font-size: 36px;
    line-height: 1em;
    padding-left: 20px;
    margin-bottom: 44px;
    color: #fff;
    position: relative;
    margin-top: 60px;
}
.section3 .line1 .fr .big_tit:before{
    content: "";
    display: block;
    width: 4px;
    height: 36px;
    position: absolute;
    background-color: #2e61ca;
    left: 0;
    top: 0;
}
.section3 .line1 .fr .about_des{
    color: #fff;
    font-size: 14px;
    line-height: 1.8em;
    width: 495px;
    margin-bottom: 60px;
}
.section3 .line1 .fr ul li{
    display: block;
    padding: 20px 16px;
    width: 105px;
    height: 120px;
    background: #fff;
    text-align: center;
    margin-right: 25px;
}
.section3 .line1 .fr ul li:last-child{
    margin-right: 0;
}
.section3 .line1 .fr ul li p{
    line-height: 1.5em;
    font-size: 12px;
}
.section3 .line1 .fr ul li .tit{
    font-family: 'bebas';
    font-size: 40px;
    color: #2e61ca;
    line-height: 1em;
    margin-bottom: 4px;
}
.section3 .line2{
    margin-top: 68px;
    width: 100%;
    padding: 20px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.section3 .line2 li{
    display: block;
    width: 33.33%;
    position: relative;
    padding-left: 40px;
}
.section3 .line2 li:after{
    content: "";
    position: absolute;
    background: rgba(255, 255, 255, 0.1);
    height: 64px;
    width: 1px;
    right: 0;
}
.section3 .line2 li:last-child:after{
    display: none;
}
.section3 .line2 li > img{
    transform: rotateY(0deg);
    transition: all ease .4s;
}
.section3 .line2 li:hover > img{
    transform: rotateY(180deg);
}
.section3 .line2 li p{
    color: #fff;
    font-family: 'poppin_r';
    font-size: 13px;
    line-height: 1em;
    margin-left: 10px;
    letter-spacing: 1px;
}
.section3 .line2 li p.tit{
    font-size: 24px;
    margin-bottom: 10px;
    padding-top: 12px;
}
/*切屏动效*/
.section3 .line1 > .fl{
    transform: translateX(-100px);
    transition: all ease .8s;
    opacity: 0;
}
.section3 .line1 > .fr{
    transform: translateX(100px);
    transition: all ease .8s;
    opacity: 0;
}
.section3 .line2 li:nth-child(1){
    transform: translateY(60px);
    transition: all ease .8s .2s;
    opacity: 0;    
}
.section3 .line2 li:nth-child(2){
    transform: translateY(60px);
    transition: all ease .8s .4s;
    opacity: 0;    
}
.section3 .line2 li:nth-child(3){
    transform: translateY(60px);
    transition: all ease .8s .6s;
    opacity: 0;    
}
.section3 .line2 li:nth-child(4){
    transform: translateY(60px);
    transition: all ease .8s .8s;
    opacity: 0;    
}
.section3.fp-completely .line1 > .fl{
    transform: translateX(0);
    opacity: 1;
}
.section3.fp-completely .line1 > .fr{
    transform: translateX(0);
    opacity: 1;
}
.section3.fp-completely .line2 li:nth-child(1),
.section3.fp-completely .line2 li:nth-child(2),
.section3.fp-completely .line2 li:nth-child(3),
.section3.fp-completely .line2 li:nth-child(4){
    transform: translateY(0);
    opacity: 1;    
}




/*==================第四�?=================*/
.section4{
    padding: 0px 70px;
    background: url(../images/index4_bg.jpg) center;
    background-size: cover;
    z-index: -2;
}
.section4 ul{
    transform-style: preserve-3d;
}
.section4 ul > li{
    width: 20%;
    height: 100vh;
    display: block;
    text-align: center;
    padding: 0 20px;
    transform-style: preserve-3d;
}
.section4 ul > li{
    border-left: 1px rgba(255, 255, 255, 0.2) solid;
    position: relative;
}
.section4 ul > li:last-child{
    border-right: 1px rgba(255, 255, 255, 0.2) solid;
}
.section4 ul > li:before{
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 0;
    left: 0;
    top: 0;
    background: #fff;
    transition: all ease .4s;
    z-index: 1;
    transform: translateZ(1px);
}
.section4 ul > li:hover:before{
    height: 100vh;
}
.section4 ul > li .num{
    position: relative;
    z-index: 2;
    transform: translateZ(2px);
    font-size: 70px;
    font-family: 'bebas';
    color: rgba(103, 111, 121, 0.2);
    top: 10%;
    opacity: 0;
    transition: all ease .4s;
}
.section4 ul > li .num:after{
    content: "";
    position: absolute;
    z-index: 2;
    transform: translateZ(2px);
    width: 1px;
    height: 26vh;
    left: 50%;
    top: 0.9em;
    background: rgba(103, 111, 121, 0.1);
}
.section4 ul > li:hover .num{
    opacity: 1;
    top: calc(10% + 73px);
}
.section4 ul > li .bg_cover{
    position: absolute;
    top: 0;
    width: 100vw;
    height: 100vh;
    opacity: 0;
    visibility: hidden;
    background-size: cover;
    transition: all ease .4s;
    z-index: -1;
    transform: translateZ(-1px);
}
.section4 ul > li:nth-child(1) .bg_cover{
    left: -71px;
    background-image: url(../images/index4_cover_1.jpg);
}
.section4 ul > li:nth-child(2) .bg_cover{
    left: calc(-20vw - 43px);
    background-image: url(../images/index4_cover_2.jpg);
}
.section4 ul > li:nth-child(3) .bg_cover{
    left: calc(-40vw - 15px);
    background-image: url(../images/index4_cover_4.jpg);
}
.section4 ul > li:nth-child(4) .bg_cover{
    left: calc(-60vw + 13px);
    background-image: url(../images/index4_cover_3.jpg);
}
.section4 ul > li:nth-child(5) .bg_cover{
    left: calc(-80vw + 41px);
    background-image: url(../images/index4_cover_5.jpg);
}
.section4 ul > li:hover .bg_cover{
    opacity: 1;
    visibility: visible;
}
.section4 ul > li p{
    color: rgba(255, 255, 255, 0.6);
    position: relative;
    z-index: 2;
    transform: translateZ(2px);
    transition: all ease .4s;
    top: 48%;
}
.section4 ul > li:hover p{
    top: 50%;
    color: rgba(103, 111, 121, 0.6);
}
.section4 ul > li p.tit{
    color: rgba(255, 255, 255, 1);
    font-size: 18px;
    top: 48%;
}
.section4 ul > li:hover p.tit{
    color: #223246;
    top: 50%;
}
.section4 ul > li img{
    position: relative;
    z-index: 2;
    transform: translateZ(2px);
    width: 84%;
    opacity: 0;
    transition: all ease .4s;
    top: 52%;
    margin-top: 20px;
}
.section4 ul > li:hover img{
    top: 50%;
    opacity: 1;
}
.section4 ul > li a{
    position: relative;
    width: 42px;
    height: 42px;
    display: block;
    margin: 0 auto;
    top: 55%;
    background: #2e61ca;
    border-radius: 50%;
    z-index: 2;
    transform: translateZ(2px);
    color: #fff; 
    font-size: 18px;
    text-indent: 1px;
    opacity: 0; 
}
.section4 ul > li:hover a{
    top: 53%;
    opacity: 1;
}
.section4 ul > li a i{
    line-height: 42px;
}
/*切屏动效*/
.section4 ul > li{
    transform: translateY(60px);
    opacity: 0;
}
.section4 ul > li:nth-child(1){
    transition: all ease .8s;
}
.section4 ul > li:nth-child(2){
    transition: all ease .8s .2s;
}
.section4 ul > li:nth-child(3){
    transition: all ease .8s .4s;
}
.section4 ul > li:nth-child(4){
    transition: all ease .8s .6s;
}
.section4 ul > li:nth-child(5){
    transition: all ease .8s .8s;
}
.section4.fp-completely ul > li{
    transform: translateY(0);
    opacity: 1;
}


/*==================第五�?=================*/
.section5{
    background: url(../images/index5_bg.jpg);
    background-size: cover;
}
.section.section5 .hse_box .box_item{
    width: 426px;
    height: 300px;
}
.section.section5 .hse_box .box_item.text{
    background-color: #fff;
}
.section.section5 .hse_box .box_item p{
    width: 304px;
    font-size: 13px;
    padding-left: 68px;
}
.section.section5 .hse_box .box_item p.tit{
    font-size: 30px;
    color: #223246;
    padding-top: 65px;
    padding-left: 68px;
    width: auto;
}
.section.section5 .hse_box .box_item a{
    color: #2e61ca;
    font-size: 13px;
    padding-left: 68px;
    margin-top: 25px;
    display: block;
}
.section.section5 .hse_box .box_item a:hover{
    transform: translateX(10px);
}
.section.section5 .hse_box .box_item.img{
    background: no-repeat center;
}
.section.section5 .hse_box .box_item.img1{
    background-image: url(../images/hse_img_1.jpg);
}
.section.section5 .hse_box .box_item.img2{
    background-image: url(../images/hse_img_3.jpg);
}
.section.section5 .hse_box .box_item.img3{
    background-image: url(../images/hse_img_2.jpg);
}
/*滚屏交互动效*/
.section5 .hse_box .box_item1,
.section5 .hse_box .box_item2,
.section5 .hse_box .box_item3,
.section5 .hse_box .box_item4,
.section5 .hse_box .box_item5,
.section5 .hse_box .box_item6{
    opacity: 0;
    transition: all ease .8s;
}
.section5.fp-completely .hse_box .box_item1,
.section5.fp-completely .hse_box .box_item2,
.section5.fp-completely .hse_box .box_item3,
.section5.fp-completely .hse_box .box_item4,
.section5.fp-completely .hse_box .box_item5,
.section5.fp-completely .hse_box .box_item6{
    opacity: 1;
}
.section5 .hse_box .box_item2{
    transition-delay: .2s;
}
.section5 .hse_box .box_item3{
    transition-delay: .4s;
}
.section5 .hse_box .box_item6{
    transition-delay: .6s;
}
.section5 .hse_box .box_item5{
    transition-delay: .8s;
}
.section5 .hse_box .box_item4{
    transition-delay: 1s;
}




/*==================第六�?=================*/
.section6{
    background: url(../images/index6_bg.jpg) center;
    background-size: cover;
}
.section6 .left_box{
    width: 820px;
    margin-top: 73px;    
}
.section6 .news_rec{
    width: 380px;
    background: #fff;
}
.section6 .news_rec:first-child{
    margin-right: 60px;
}
.section6 .news_rec > a{
    display: block;
    width: 100%;
    height: 230px;
    overflow: hidden;
    position: relative;
}
.section6 .news_rec > a .date{
    display: block;
    background: #2e61ca;
    color: #fff;
    z-index: 1;
    padding: 10px 20px;
    right: 0;
    bottom: 0;
    position: absolute;
}
.section6 .news_rec > a .news_cover{
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 100%;
    transition: all ease .4s;
}
.section6 .news_rec:hover > a .news_cover{
    transform: scale(1.1);
}
.section6 .news_rec .info_box{
    padding: 40px 46px;
}
.section6 .news_rec .info_box .tit{
    font-size: 24px;
    color: #223246;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    width: 100%;
    margin-bottom: 20px;
}
.section6 .news_rec .info_box .tit:hover{
    color: #2e61ca;
}
.section6 .news_rec .info_box .info{
    font-size: 13px;
    margin-bottom: 15px;
}
.section6 .news_rec .info_box .more{
    border-bottom: 2px rgba(93, 107, 125, 0.15) solid;
    transition: all ease 0.4s;
}
.section6 .news_rec .info_box .more:hover{
    border-color: #2e61ca;
    color: #2e61ca;
}
.section6 .news_list{
    width: 400px;
    background: rgba(16, 45, 111, 0.6);
    height: 100vh;
    right: 0;
    top: 0;
    position: absolute;
    padding: 0 40px;
}
.section6 .news_list ul{
    position: relative;
    top: calc(50% - 180px);
    color: #fff;
}
.section6 .news_list ul li{
    border-bottom: 1px rgba(255, 255, 255, 0.1) dotted;
    padding: 10px 0;
}
.section6 .news_list ul li:last-child{
    border-bottom: none;
}
.section6 .news_list ul li a{
    position: relative;
    font-size: 16px;
    display: block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.section6 .news_list ul li p{
    font-size: 13px;
    color: rgba(255, 255, 255, .6);
    padding-left: 16px;
}
.section6 .news_list > a{
    position: relative;
    top: calc(50% - 160px);
}




/*==================版权部分==================*/
.footer{
    background-color: #223246;
    color: rgba(255,255,255,.6);
}
.footer p{
    color: rgba(255,255,255,.6);
}
.footer a:hover{
    color: #fff;
}
.footer .line1{
    padding: 80px 0px 65px 0px;
}
.footer .col-1{
    margin-right: 50px;
}
.footer .line1 ul li{
    margin-bottom: 10px;
}
.footer .col-2 ul{
    display: inline-block;
    width: 160px;
}
.footer .col-1 i{
    display: inline-block;
    width: 28px;
    height: 28px;
    border-radius: 6px;
    background-color: #3161cf;
    line-height: 28px;
    color: #fff;
    text-align: center;
    margin-right: 10px;
    font-size: 14px;
}
.footer .col-1 li:nth-child(4) i{
    font-size: 12px;
}
.footer .line1 p.title{
    color: #fff;
    font-size: 26px;
    margin-bottom: 34px;    
}
.footer .col-3 img{
    width: 170px;
}
.footer .line2{
    border-top: 1px rgba(255,255,255,.1) solid;
    text-align: center;
    padding: 26px 0px;
}