@charset "utf-8";

/* 框架 */
#content { width: auto; padding: 0; margin: 0; z-index: 1; }
body{height: 100vh;}
.scollorbody{height: auto;overflow: initial;}
.infoList li > a,
.topicList .n > a { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.tit_hd{height: 55px;line-height: 55px;margin-bottom: 30px;}
.tit_hd h3{float: left;line-height: 1;height: 55px;background: url(../../base/newimg/hd_icon.png) bottom center no-repeat;}
.tit_hd h3 a{color: #3F66A7;font-size: 32px;font-weight: 700;text-transform: uppercase;}
.tit_hd .more{float: right;padding-right: 24px;color: #999;font-size: 14px;background: url(../../base/newimg/more_icon.png) center right no-repeat;line-height: 85px;}

/* 轮播大图 */

.banner .down { position: absolute; left: 50%; transform: translateX(-50%); bottom: 34px; line-height: 1; cursor: pointer; color: #fff; text-align: center; }
.banner .down .icon {animation: down 2s linear 0s infinite; }
.banner .down .title { font-size: 12px; margin-top: 16px; }
.banner .swiper-button-next,.banner .swiper-button-prev{width: 50px;height: 50px;border-radius: 50%;border: 1px solid #FFF;}
.banner .swiper-button-prev{background: url(../../base/newimg/left_icon.png) center no-repeat;left: 110px;}
.banner .swiper-button-next{background: url(../../base/newimg/right_icon.png) center no-repeat;right: 110px;}
.banner .swiper-button-prev:hover,.banner .swiper-button-next:hover{border: 1px solid #3F66A7;background-color: #3F66A7;}
.banner-mask { height: 100vh; transition: all .6s cubic-bezier(.5,0,.2,1) 0s; }
.banner-mask.fixed { height: 0; }
.banner .hd{display: none;}

.row{width: 1300px;margin: auto;}

.rowA{padding: 50px 0;margin-bottom: 20px;}
.rowA .list{text-align: center;}
.rowA .list .t{line-height: 1;font-size: 40px;text-align: center;font-weight: 700;margin-bottom: 15px;}
.rowA .list .t .title{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: #3F66A7;}
.rowA .list .t a{color: #3F66A7;}
.rowA .list .n{display: inline-block;width: 30%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.rowA .list em{margin: 0 5px;vertical-align: super;}

.rowB{padding-bottom: 50px;}
.rowB .focusBox2{float:left;width: 630px;margin-right: 40px}
.rowB .focusBox2 .swiper-container{display:none;}
.rowB .focusBox2 .swiper-container:first-child{display: block;}
.rowB .focusBox2 .con{padding: 30px 30px 75px;background: #F9F9F9;}
.rowB .focusBox2 .con .date{display: none;}
.rowB .focusBox2 .con .title{font-size: 18px;line-height: 24px;font-weight: 700;text-align: center;margin-bottom: 15px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.rowB .focusBox2 .con .intro{color: #666;font-size: 14px;font-weight: 400;line-height: 24px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.rowB .focusBox2 .swiper-pagination-fraction{bottom: 27px;font-size: 24px;line-height: 1;color: #CCC;}
.rowB .focusBox2 .swiper-pagination-fraction .swiper-pagination-current{color: #3F66A7;font-weight: 700;}
.rowB .focusBox2 .swiper-button-next,.rowB .focusBox2 .swiper-button-prev{top: auto; bottom: 35px;width: 41px;height: 6px;}
.rowB .focusBox2 .swiper-button-prev{background: url(../../base/newimg/side_left_off.png) no-repeat;left: 30px;}
.rowB .focusBox2 .swiper-button-next{background: url(../../base/newimg/side_right_off.png) no-repeat;right: 30px;}
.rowB .focusBox2 .swiper-button-prev:hover{background: url(../../base/newimg/side_left_on.png) no-repeat;}
.rowB .focusBox2 .swiper-button-next:hover{background: url(../../base/newimg/side_right_on.png) no-repeat;}
.rowB .date-list li .con{display: flex;padding: 18px 15px;}
.rowB .date-list li .con .date{padding: 10px 20px 10px 0;margin: auto 20px auto 0;border-right: 1px solid #EEE;transition: all 0.5s;}
.rowB .date-list li .con .date .dm{color: #666;font-size: 32px;text-align: left;margin-bottom: 8px;width: 90px;line-height: 1;}
.rowB .date-list li .con .date .year{color: #999;;font-size: 14px;text-align: right;}
.rowB .date-list li .con .text_box{margin: auto 0;width: 480px;}
.rowB .date-list li .con .text_box .title{font-size: 18px;text-align: left;height: 22px;line-height: 22px;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-bottom: 10px}
.rowB .date-list li .con .text_box .intro{color: #999;font-size: 14px;line-height: 24px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.rowB .date-list li .con:hover .date{padding-left: 10px;}
.rowB .date-list li .con:hover .date .dm,.rowB .date-list li .con:hover .date .year,.rowB .date-list li .con:hover .text_box .title,.rowB .date-list li .con:hover .text_box .title a{color:#3F66A7;}

.rowC{padding: 70px 0;background: url(../../base/newimg/rowB_bg.png) center no-repeat;background-size: cover;}
.rowC #fwlm{padding-top: 90px;}
.rowC #fwlm li .num_text{display:none;}
.rowC #fwlm li{display: none;opacity: 0;transition: all 0.5s;}
.rowC #fwlm li.on{display: block;opacity: 1;}
.rowC #fwlm li{width: 475px;}
.rowC #fwlm li .tit{color: #FFF;font-size: 40px;font-weight: 700;line-height: 1;display: block;margin-bottom: 20px;}
.rowC #fwlm li .ny_text p{color: #fff;font-size: 14px;line-height: 38px;height:114px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom: 80px;}
.rowC #fwlm_box ul{display: grid;grid-template-columns: repeat(3,1fr);}
.rowC #fwlm_box li{padding: 50px;background: rgba(40, 74, 148, 0.80);margin: 0;position: relative;transition: all 0.5s;cursor: pointer;position: relative;top: 0;}
.rowC #fwlm_box li .num_text{color: rgba(255, 255, 255, 0.03);font-size: 120px;font-weight: 700;position: absolute;right: 55px;top: 40px;line-height: 1;}
.rowC #fwlm_box .li2{border-right: 1px solid rgba(255, 255, 255, 0.05);border-left: 1px solid rgba(255, 255, 255, 0.05);}
.rowC #fwlm_box li .pic{margin-bottom:30px;}
.rowC #fwlm_box li .tit{display: block;color: #FFF;font-size: 36px;font-weight: 700;text-align: left;line-height: 1;margin-bottom: 10px;}
.rowC #fwlm_box li .ny_text p{color: #fff;font-size: 14px;line-height: 24px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.rowC #fwlm_box li .pic img{width: auto;}
.rowC #fwlm_box li.on{background: #284A94;top: -20px;}

/* 放大图片样式 */
.he_syp2 {
    width: 100%;
    position: relative;
}

.mc_bs3_videobox {
    width: 100vw;
    height: 100vh;
    position: relative;
    z-index: 1;
}
.he_syp2 .mc_bs3_video {
    width: 100%;
}

.mc_bs3_video,
.mc_bs3_videowrap::before,
.mc_bs3_videowrap {
}

.mc_bs3_videobox.act .mc_bs3_video {
    opacity: 1;
}

.mc_bs3_video {
    height: auto;
    max-width: none;
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    min-height: 100vh;
    transition: inherit;
}

.mc_bs3_videowrap {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: -1;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100vh;
    max-width: none;
    overflow: hidden;
    display: none;
}

.mc_b_s3 {
    height: 300vh;
    overflow: hidden;
}

.mc_bs3_svg {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 5;
    transform: translate(-50%, -50%);
    text-align: center;
    width: 100%;
    max-width: none;
    /* transition: all 0.36s; */
}

.mc_bs3_svg {
    width: 120%;
}

.mc_bs3_videowrap {
    width: 100vw;
    height: 100vh;
    overflow: hidden;
}

.mc_bs3_videowrap::before {
    width: 110%;
}

.mc_bs3_title {
    position: absolute;
    bottom: 17%;
    left: 0;
    width: 100%;
    text-align: center;
}

.mc_bs3_videobox.act .mc_bs3_title {
    opacity: 0;
}

.mc_bs3_videobox.act .mc_bs3_videowrap::before {
    opacity: 0;
}
.mc_bs3_videobox.act .mc_bs3_video {
    opacity: 1;
}

.mc_bs3_videobox.end .mc_bs3_svg {
    opacity: 0;
}
.he_syp2ti p{
    font-size: 48px;
}
.he_syp2hd p {
    font-size: 14px;
    line-height: 1.75;
    color: #999999;
    margin-bottom: 15px;
}
.he_syp2hd img {
    width: 36px;
    animation: xl 1.2s infinite;
}
.he_syp2hd {
    margin-top: 30px;
}
/* 放大图片样式 */

.rowD{padding: 50px 0;}
.rowD .row .row_box{display: grid;grid-template-columns: repeat(2,1fr);column-gap:40px;}
.rowD .row .row_box .list-box{width: 630px;}
.rowD .row .row_box .top-list .t{display: flex;padding-bottom: 30px;margin-bottom: 10px;border-bottom: 1px solid #EEE;}
.rowD .row .row_box .top-list .t .pic{margin: auto 30px auto 0;width: 180px;height: 120px;}
.rowD .row .row_box .top-list .t .pic img{width: 180px;height: 120px;}
.rowD .row .row_box .top-list .t .con{margin: auto 0;width: 64%;}
.rowD .row .row_box .top-list .t .con .title a{display: block;line-height: 30px;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 18px;margin-bottom: 20px;}
.rowD .row .row_box .top-list .t .con .title .date{color: #999;font-size: 16px;font-weight: 400;}
.rowD .row .row_box .top-list .n{height: 40px;line-height: 40px;margin-top: 20px;}
.rowD .row .row_box .top-list .n a{float: left;display: block;width: 80%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 18px;}
.rowD .row .row_box .top-list .n .date{float: right;margin-left: 15px;font-size: 16px;color:#999;}
/* 媒体查询 */

.phone_video{display: none;width: 100%;height: auto;margin-top: 30px;}
/* #header{z-index: 999;} */


@keyframes down{
    0%{
        transform: translateY(0);
        opacity: 0;
    }
    20%{
        transform: translateY(3px);
        opacity: 1;
    }
    80%{
        transform: translateY(10px);
        opacity: 1;
    }
    90%{
        transform: translateY(10px);
        opacity: 0;
    }
    100%{
          transform: translateY(10px);
        opacity: 0;
    }
}
@keyframes moveTop
{
    0%{
        opacity: 0;
        transform: translateY(-100%);
    }
    100%{
        opacity: 1;
        transform: translateY(0);
    }
}

@media only screen and (max-width:1500px ) {
    .row{width: 1200px;}
    .rowB .focusBox2,.rowD .row .row_box .list-box{width: 580px;}
    .banner .swiper-button-prev{left: 20px;}
    .banner .swiper-button-next{right: 20px;}
    .rowB .date-list li .con .text_box{width: 438px;}
    .rowB .date-list li .con{padding: 15px;}
}
@media only screen and (max-width:1300px ) {
    .row{width: 94%;margin: auto;}
    .rowB .focusBox2{width: 48%;margin: 0;}
    .rowB .date-list{float: right; width: 48%;}
    .rowB .date-list li .con .text_box{width: 73%;}
    .rowB .date-list li .con{padding: 2.2% 0;}
    .rowD .row .row_box{display: block;}
    .rowD .row .row_box .list-box{width: 48%;float: left;}
    .rowD .row .row_box .list-box:last-child{float: right;}
    .rowD .row .row_box .top-list .t{display: block;}
    .rowD .row .row_box .top-list .t .pic{float: left;width: 35%;height: auto;margin: 0 5% 0 0;}
    .rowD .row .row_box .top-list .t .pic img{width: 100%;height: auto;}
    .rowD .row .row_box .top-list .t .con{width: 60%;float: left;}
    .rowD .row .row_box .top-list .t:after{clear: both;}
    .rowD .row .row_box .top-list .n a{width: 70%;}
    .rowB .date-list li .con .date .dm{font-size: 22px;width: 62px;}
}
@media only screen and (max-width:800px ){
    .rowB .focusBox2,.rowD .row .row_box .list-box{float: none;width: 100%;margin: 0 0 20px;}
    .rowB .date-list{float: none;width: 100%;}
    .rowB .date-list li .con .text_box{width: 80%;}
    .rowC #fwlm_box li{padding: 20px;}
    .rowC #fwlm_box li .num_text{font-size: 100px;}
    .rowC #fwlm_box li .tit{font-size: 32px;}
}
@media only screen and (max-width:450px ){
    .rowA .list .t{font-size: 24px;}
    .rowA{padding: 30px 0;}
    .rowA .list .n{display: block;width: 100%;font-size: 16px;line-height: 38px;}
    .rowA .list em{display: none;}
    .rowD .row .row_box .top-list .n a{width: 68%;font-size: 16px;}
    .rowD .row .row_box .top-list .n .date{font-size: 14px;}
    .banner .swiper-button-next, .banner .swiper-button-prev{width: 30px;height: 30px;}
    .tit_hd h3{line-height: 55px;}
    .tit_hd h3 a{font-size: 25px;}
    .rowB .date-list li .con{padding: 3% 0;}
    .rowB .date-list li .con .date{padding: 10px 15px 10px 0;margin: auto 15px auto 0;}
    .rowB .date-list li .con .date .dm {font-size: 18px;width: 50px;}
    .rowB .date-list li .con .text_box{width: 70%;}
    .rowB .date-list li .con .text_box .title{font-size: 16px;margin-bottom: 5px;}
    .rowD{padding: 20px 0;}
    .rowC{padding: 30px 0;}
    .rowC #fwlm{padding-top: 50px;}
    .rowC #fwlm li{width: 100%;}
    .rowC #fwlm_box li{margin-bottom: 20px;}
    .rowC #fwlm li .tit{font-size: 30px;}
    .rowC #fwlm li .ny_text p{margin-bottom: 40px;}
    .rowC #fwlm_box ul{display: block;}
    .rowC #fwlm_box li.on{top: 0;}
}