@charset "utf-8";
/*banner*/
.fade-banner{position:relative;clear:both;animation: 0.8s ease 0.6s 1 normal backwards running fadeInDown;width:100%;}
.fade-1 img{width:100%;/*height:691px;*/}
.fade-banner video{width:100%;height:100%;}
.fade-1 .slick-prev{position:absolute;left: 12%;bottom: 54px;background:url(../images/icon1_06.png);width:35px;height:36px;
              display:inline-block;z-index:1000;*z-index:1000;_z-index:1000;}
.fade-1 .slick-next{position: absolute;left: 17%;bottom: 54px;background:url(../images/icon1_08.png);width:35px;height:36px;display:inline-block;z-index:1000;*z-index:1000;_z-index:1000;}
.fade-1 .start{position:absolute;}
.fade-1 .slick-dots{position: relative;bottom: 50px;color: #fff;text-align: center;line-height: 1;}
.fade-1 .slick-dots li{display:inline-block;width:34px;height:5px;margin-right:5px;cursor:pointer;background:#fff;}
.fade-1 .slick-dots li.slick-active{background:#0d59a7;}
.fade-1 .slick-dots button{display:none;}
.fade-1 button:before{outline:none;border:none;}
.fade-1 .custom_paging{width: 55px;left: 14%;position:absolute;bottom: 53px;line-height:42px;color:#fff;font-size: 23px;}
.fade-1 .custom_paging li{display:none;}
.fade-1 .custom_paging li.slick-active{display:block;text-align: center;}
.banner-bx{position:absolute;left: 20%;bottom: 71px;z-index:55;*z-index:55;_z-index:55;width:180px;}
.banner-bx .slick-dots li{float:left;width: 30px !important;height:2px;background:#fff;display:inline-block;}
.banner-bx .slick-dots li button{display:none;}
.banner-bx .slick-dots li.slick-active{background:#183368;}
.fade-banner .btn{position: absolute;left:50%;bottom:30px;}



@media screen and (max-width: 1500px) {
.fade-1 .slick-next{left: 17.5%;}
.banner-bx{left: 20.5%;}
}




.index {
    font-size: 0;
    position: fixed;
    top: 100%;
    left: 0;
    right: 0;
    overflow: hidden;
    z-index: 99;
    padding-top: 130px;
    background: #fff;
}
@media screen and (max-width: 1024px) {
    .index {
        position: static;
        padding-top: 0;
    }
}











/*新闻*/
.new_fl .tit,.tzgg .tit{
    margin-bottom: 25px;
}
.tit{line-height: 61px;margin-bottom: 12px;border-bottom: 3px solid #dde1e8;}
.tit h1{font-size: 34px;display:inline-block;font-weight:bold;}
.tit a,.zsnr .hd a{background:url(../images/icon2_03.png) left center no-repeat;padding-left: 48px;position: relative;top: 11px;display: inline-block;margin-left: 26px;font-size: 16px;}
.news{margin-top:36px;}
.new_fl{width:1045px;opacity: 0;visibility: hidden;}
.news.animation .new_fl{opacity:1;visibility:visible;animation: 0.8s ease 0.3s 1 normal backwards running fadeInLeft;}
.new-list{margin-top:35px;opacity: 0;visibility: hidden;}
.news .fade-2{width: 510px;height: 414px;}
.news .fade-2 .text{line-height:60px;width:100%;}
.news .fade-2 .text a{color: #333;display:inherit;padding:0 10px;font-size: 20px;overflow: hidden;text-overflow: ellipsis;white-space:nowrap;font-weight: bold;}
.news .fade-2 .slick-dots{position: absolute;right: 10px;bottom: 66px;color: #fff;text-align: center;line-height: 1;}
.news .fade-2 .slick-dots li{display:inline-block;width: 18px;height: 18px;margin-right:5px;cursor:pointer;background:#fff;}
.news .fade-2 .slick-dots li.slick-active{background: #4177b3;}
.news .fade-2 .slick-dots button{background:transparent;line-height:18px;}
.news .fade-2 .slick-dots li.slick-active button{color: #fff;}
.news .fade-2 button:before{outline:none;border:none;}
.news .fade-2 .image{width:100%;height: 360px;overflow:hidden;position: relative;}
.news .fade-2 .image img{width:100%;height: 360px;object-fit:cover;position:relative;transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;-webkit-transition: all .5s ease;}
.news .fade-2 .image:hover img,.activity_fl .img:hover img,.activity-fr .img:hover img{transform: scale(1.1);}
/*右侧*/
.news-fr{width: 513px;margin-top: -20px;}
.news-fr li{
    line-height: 55px;border-bottom:1px solid #f2f0f0;
    position: relative;
    background-image: linear-gradient(#002854,#002854);
    background-position: 0 100%;
    background-size: 0 1px;
    background-repeat: no-repeat;
    transition: background-size .3s;
    }
.news-fr a{color:#595959;font-size:16px;background:url(../images/iconx1_03.png) left center no-repeat;display:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-left:14px;}
.news-fr li:hover,.zslq li:hover{background-size: 100% 1px;}
/* 通知公告 */
.tzgg{width:328px;opacity: 0;visibility: hidden;}
.news.animation .tzgg{opacity:1;visibility:visible;animation: 0.8s ease 0.3s 1 normal backwards running fadeInRight;}
.tzgg ul li{clear:both;padding:15px 0px;height: 57px;}
.tzgg ul li:hover .st-time{background-color:#c60001;}
.tzgg ul li:hover .st-wz{color:#c60001;}
.tzgg ul li:first-child{padding-top:0;}
.st-time{width: 60px;background-color: #3a5595;text-align:center;color:#fff;}
.st-time span{display:block;}
.st-time .day{height: 38px;line-height: 38px;font-size: 22px;}
.st-time .time{height:22px;line-height:22px;font-size:14px;background: #dfe6f7;color:#172c5e;font-size: 12px;}
.st-wz{width: 254px;font-size: 16px;line-height: 28px;}
/* 系统连接 */
.yylink{margin-top: 50px;}

.yylink .wrap{text-align:center;opacity: 0;visibility: hidden;background: url(../images/bj_02.jpg) top center no-repeat;background-size:cover;}
.yylink.animation .wrap{opacity:1;visibility:visible;animation: 0.8s ease 0.6s 1 normal backwards running fadeInUp;}
.yylink li{display: inline-block;padding: 24px 0 24px 0;width: 230px;text-align: center;}
.yylink li:hover{background: #c12a2a;}
.yylink li a{display:block;}
.yylink li .img{display: inline-block;max-width: 109px;}
.yylink li .img img{transition:all .8s;width: 80px;}
.yylink li:hover img{transform: rotate(360deg);}
.yylink li .text{width: 100%;color: #fff;}
.yylink li h1{font-size: 17px;margin-top: 18px;margin-bottom: 14px;}
.yylink li p{font-size: 21px;}
/* 内容2 */
.main2{background:url(../images/tmb_02.png) 30% center no-repeat;}
.main2 .tit h1{color:#183368;font-weight:normal;}
.zxbox{margin-top:30px;opacity: 0;visibility: hidden;}
.main2.animation .zxbox{opacity:1;visibility:visible;animation:0.8s ease 0.3s 1 normal backwards running fadeInDown;}
.zslq{width:446px;}
.zslq-m{margin-right:31px;}
.zslq li{
    line-height: 41px;
    position: relative;
    background-image: linear-gradient(#002854,#002854);
    background-position: 0 100%;
    background-size: 0 1px;
    background-repeat: no-repeat;
    transition: background-size .3s;
    }
.zslq li a{font-size:17px;display: inherit;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.zslq li span{font-size: 16px;}
/* 活动 */
.activity_fl{width:946px;opacity: 0;visibility: hidden;}
.activity.animation .activity_fl{opacity:1;visibility:visible;animation: 0.8s ease 0.8s 1 normal backwards running fadeInDown;}
.activity_fl li{float:left;width:424px;margin-right:49px;}
.activity_fl .img{width:424px;height:280px;position: relative;overflow: hidden;}
.activity_fl img{width:424px;height:280px;object-fit: cover;object-fit:cover;position:relative;transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;-webkit-transition: all .5s ease;}
.activity_fl .text{background:#e7edfa;padding: 15px 30px;}
.activity_fl .text h2{line-height: 30px;font-size:18px;color: #091731;}
.activity-fr{width:454px;opacity: 0;visibility: hidden;}
.activity.animation .activity-fr{opacity:1;visibility:visible;animation: 0.8s ease 0.8s 1 normal backwards running fadeInRight;}
.activity-fr li{float: left;width:205px;}
.activity-fr li:nth-child(even){margin-left:26px;}
.activity-fr li .img{width:215px;height:130px;position: relative;overflow: hidden;}
.activity-fr li .img img{width:215px;height:130px;object-fit:cover;position:relative;transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;-webkit-transition: all .5s ease;}
.activity-fr li p{line-height:22px;padding: 10px 0px;color:#333;height: 38px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.activity-fr li:nth-child(1),.activity-fr li:nth-child(2){margin-bottom: 0px;}
.cl_link{position:fixed;top: 26%;right:0;text-align:center;}
.cl_link ul{padding: 20px 0;opacity: 0.8;transition: all 0.5s;width: auto;background: #d10014;}
.cl_link li{text-align:center;cursor: pointer;padding: 0 10px;width: 55px;box-sizing: border-box;}
.cl_link li a{display:block;padding: 10px 0;border-bottom: 1px solid rgba(255, 255, 255, 0.2);opacity: .7;text-align: center;}
.cl_link li img{display: inline-block;margin-bottom: 10px;}
.cl_link li:hover img{transform: rotateY(360deg);transition: all .5s;}
.cl_link li p{color:#fff;/* opacity: 0; *//* visibility: hidden; */height: 0;/* width: 0; */transition: all 0.3s;/* width: 55px; */height: auto;}
.cl_link li p.on{
    opacity: 1;
    /* visibility: visible; */
    height: auto;
    /* width: 55px; */
}
.cl_link li:hover a{
    opacity: 1;
}
.cl_link .cl_img{
       position: absolute;
    right: 0px;
    top: 0px;
    background: #a74545;
    width: 26px;
    height: 25px;
    text-align: center;
    line-height: 22px;
    font-size: 18px;
    color: #fff;
    font-weight: 500;

   cursor: pointer;
    }
#cdimg_2{display:none;}


#cdimg_1{animation: 0.8s ease 0.2s 1 normal backwards running fadeInLeft1;}
#cdimg_2{animation: 0.8s ease 0.2s 1 normal backwards running fadeInLeft1;}
.icon-t{width:100%;height:50px;line-height:50px;background: #41badf;cursor: pointer;display: none;}
.icon-t img{margin-top:10px;}
#cdimg_2 .icon-t{height:40px;line-height:40px;}
#cdimg_2 .icon-t img{margin-top:7px;}







@media screen and (max-width:1420px) {
    .tit h1{font-size: 24px;}
    
    .new_fl{width: 73%;}
    .tzgg{width: 25%;}
    .news-fr{width: auto;float: none;overflow: hidden;}
    .news .fade-2{/* margin-right: 15px; */height: auto;}
    .tzgg ul li a{display: block;overflow: hidden;}
    .st-wz{width: auto;float: none;overflow: hidden;padding-left: 10px;}

    .yylink .wrap{font-size: 0;}
    .yylink li{width: 25%;box-sizing: border-box;vertical-align: top;}
    .zslq{width: 32%;}
    .zslq-m{margin-right: 2%;}
    .activity_fl{width: 67%;}
    .activity-fr{width: 32%;}
    .activity_fl li{width: 48%;margin-right: 2%;}
    .activity-fr li{width: 48%;}
    .activity-fr li:nth-child(even) {margin-left: 2%;}
    .yylink li h1{font-size: 16px;}

    .activity_fl .img{width: 100%;height: auto;}

    .activity_fl .img a{display: block;}
    .activity_fl .img a img{display: block;width: 100%;object-fit: cover;}
    .activity-fr li .img img{display: block;width: 100%;}
    .activity-fr li .img{width: 100%;height: auto;}
    .news .fade-2 .image{height: auto;}
    .news .fade-2 .image a{position: relative;display: block;padding-top: 70%;}
    .news .fade-2 .image a img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;}
    .news .fade-2 .text a{font-size: 18px;}
    
}






@media screen and (max-width:1024px) {
    .fade-1 .custom_paging{left: 30px;bottom: 20px;}
    .fade-1 .slick-prev{left: 0;bottom: 20px;}
    .fade-1 .slick-next{left: 80px;bottom: 20px;}
    .banner-bx{left: 128px;bottom: 40px;}
    .new_fl{width: auto;float: none;}
    .tzgg{width: auto;float: none;}
    .zslq{display: block;float: none;width: auto;}
    .zslq-m{margin-right: 0;margin-bottom: 20px;}
    .activity_fl{float: none;width: auto;}
    .activity-fr{float: none;width: auto;}
    .activity_fl .img a img{height: 100%;position: absolute;left: 0;top: 0;width: 100%;object-fit: cover;}
    .activity_fl .img a{position: relative;padding-top: 70%;}
    .activity_fl .text h2{font-size: 14px;line-height:24px;height: 48px;overflow: hidden;}
    .activity_fl .text{padding: 10px;}
    .zslq li a{font-size: 16px;}
    .yylink li .img img{height: 70px;}

}


@media screen and (max-width:768px){
    .news .fade-2{width: auto;float: none;}
    .yylink li{width: 50%;padding: 10px;}
    .yylink{background-size: cover;}

.cl_link {bottom: 0;top: auto;width: 100%;}
.cl_link ul{
    display: flex;
    padding: 0;
}
.cl_link ul li{
    flex: 1;
    min-width: 0;
    padding: 0;
}
.cl_link li img{
    height: 19px;
    margin-bottom: 5px;
}
    .cl_link li p{font-size:12px;}

}