@charset "utf-8";
/* CSS Document */


.banner {
    width: 100%;
    height: 340px;
    position: relative;
    overflow: hidden;
}

.banner .bd {
    width: 2560px;
    height: 340px;
    position: absolute;
    left: 50%;
    margin-left: -1280px;
    overflow: hidden;
}

.banner .bd ul li {
    width: 100%;
    height: 340px;
    position: relative;
}

.banner .bd ul li a {
    width: 2560px;
    height: 100%;
    display: block;
}

.banner .bd ul li .ban {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.banner .hd {
    width: 100%;
    text-align: center;
    position: absolute;
    left: 0;
    bottom: 27px;
    display: none;
   z-index: 6;
}

.banner .hd li {
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background-color: rgba(255, 255, 255, 1);
    display: inline-block;
    border: solid 1px 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    font-size: 0;
    margin: 0 6px;
    cursor: pointer;
}

.banner .hd li.on {
    background-color: #0158A7
}


.bkabg{ width: 100% ; }
.center{ width: 1540px ; margin: 0 auto ;  overflow: hidden;}
.jdnews{ width: 100% ; display: flex; justify-content: space-between; padding: 30px 0 30px 0;}
.jdnews .lt{ width: 880px ; }
.jdnews .rt{ width: 630px ; height: 350px; overflow: hidden;}

.focbox{width: 880px ; height: 348px; position: relative; overflow: hidden;}
.focbox .bd{width: 100% ; height: 348px; }
.focbox .bd li{width: 680px; height: 348px; background-color: #f7f7f7; border-bottom: 1px solid #338df4; overflow: hidden;}
.focbox .bd li a{width: 100% ; height: 100%; display: block; position: relative;}
.focbox .bd li a .imgbox{width: 100% ; height:348px;overflow: hidden;}
.focbox .bd li a .imgbox img{width: 100% ; height:100%; object-fit: cover;transition: all 1s;}

.focbox .hd { width: 100%; text-align: right; position: absolute; right: 15px; bottom: 16px;z-index: 7;}
.focbox .hd li {width: 22px;height: 22px;background-color: rgba(225, 241, 255, 0.4);text-align: center;font-size: 14px; color: #fff; display: inline-block;margin: 0 3px;cursor: pointer;}
.focbox .hd li.on {background-color: #E1F1FF; color: #0158A7;}
/* .focbox .bd li:hover a .imgbox img{transform: scale(1.1);} */


.titl{width: 100%; height: 30px; position: relative; border-bottom: 1px solid #131414;}
.titl h3{  line-height: 20px; font-size: 20px ;color: #0158A7;font-weight: bold; float: left; padding: 0 0 0 12px; margin: 0 24px 0 0; cursor: pointer; position: relative;}
.titl h3 i{width: 4px;height: 20px; background-color: #0158A7;display: inline-block; position: absolute; left: 0;bottom: 0;}
.titl a{font-size: 16px; color: #0158A7; background: url(../images/icon2.png) no-repeat right center; padding-right: 20px; position: absolute; right: 0;top: 0;}
/* .titl a:hover{ color: #043192;} */

.xwlist {width: 100%;}
.xwlist ul { width: 100%; }
.xwlist ul li { width: 100%; }
.xwlist ul li a { width: 100%; height: 52px; border-bottom: 1px dashed #7A8897; display: block; overflow: hidden;}
.xwlist ul li a h3 { width: 492px; height: 53px; line-height: 53px; font-size: 16px; color: #333; float: left; position: relative;
    white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.xwlist ul li a h5 { float: right;height: 53px;line-height: 53px;font-size: 16px; color: #A2A2A2;position: relative;}
.xwlist ul li a h3 i{font-size: 16px; color: #FFAA00; padding: 0 6px 0 0 ;}
.xwlist ul li a:hover h3{color: #0158A7;} 
.xwlist ul li a:hover h3 i{color: #0158A7;} 
.xwlist ul li a:hover h5{color: #0158A7;} 
/* .xwlist ul li a:hover h3{transform: translateX(13px);transition: transform .5s ease-out;} */


.bkbbg{width: 100% ; padding: 0 0 30px 0;}
.bkbbg .lt{width: 850px; height: 86px; background: url(../images/dw1.png); padding: 15px; float: left;  overflow: hidden;}
.bkbbg .rt{width: 600px; height: 86px; background: url(../images/dw2.png); padding: 15px; float: right;  overflow: hidden;}
.bkbbg .bgs{width: calc(100%  - 40px); height: 86px; padding: 0 20px; background-color: rgba(225, 241, 255, 0.9); display: flex; align-items: center; justify-content: space-between;}
.bkbbg .bgs h3{font-size: 20px; color: #131414; font-weight: bold;}
.bkbbg .bgs a{width: 240px; height: 58px; float: left ; display: flex; align-items: center; justify-content: center; background-color: #427ADF; font-size: 16px; color: #fff;}
.bkbbg .bgs a img{width: 100%; height: 58px;}
.bkbbg .lt .bgs a:nth-child(3){ background-color: #925ADE;}
.bkbbg .rt a{width: 200px;}
.bkbbg .rt .bgs a:nth-child(2){ background-color: #EF6F3B;}
.bkbbg .rt .bgs a:nth-child(3){ background-color: #23B486;}


.bkcbg{width: 100% ;background: linear-gradient( 180deg, #FFFFFF 0%, #F5FAFF 100%); padding: 0 0 30px 0;}
.bkcbg .center{display: flex; justify-content: space-between;}
.bkcbg .center .lt{ width: 554px;}
.bkcbg .center .ct{ width: 554px;}
.bkcbg .center .rt{ width: 372px;}
.bkcbg .xwlist{height: 318px; overflow: hidden;}

.wzdh{width: 100% ; display: flex; flex-wrap: wrap; justify-content: space-between;}
.wzdh .item{ width: 175px ; height: 60px ; background: url(../images/dh1.png); margin-top: 14px; overflow: hidden;}
.wzdh .item a{width: 100%; height: 100%; display: block;}
.wzdh .item a h3{width: calc(100% - 20px); padding: 0 10px; text-align: center; line-height: 60px; font-size: 16px ; color: #0158A7; overflow: hidden;}
.wzdh .item:hover{ background: url(../images/dh2.png);}
.wzdh .item:hover a h3{color: #fff;}

.titl2{width: 100%;padding:14px 0 0 0 ; overflow: hidden;}
.titl2 a{ min-width: 80px; padding: 0 10px; height: 38px; line-height: 38px; text-align: center; font-size: 16px ; color: #0158A7; border: solid 1px #0158A7; float: left; margin: 0 12px 0 0; cursor: pointer;}
.titl2 a.on{background-color: #0158A7; color: #fff;}

.bkcbg .xwlist ul li a h3{width: 440px;}

.fcbg{width: 100% ; height: 523px; background: url(../images/fct.png) no-repeat center center; overflow: hidden;}
.title{width: 100% ; text-align: center; margin: 32px 0 46px 0; position: relative;}
.title h3{display: flex; flex-direction: column; align-items: center; font-weight: bold; font-size: 32px; color: #131414; position: absolute; left: 50%; top: 5px; transform: translate(-50%,0);}
.title h3 i{width: 47px;height: 6px;background: #0158A7; display: inline-block;margin-top: 9px;}

.zylb{ width: 100%; overflow: hidden;}
.zylb .bd{width: 100%;  overflow: hidden;}
.zylb .bd ul{width: 1600px;}
.zylb .bd ul li{width: 366px; padding: 0 0 80px 0;  float: left; margin: 0 27px 0 0; position: relative;}
.zylb .bd ul li a{width: 100% ; display: block;}
.zylb .bd ul li a .imgbox{width: 100%; height: 257px; position: relative; overflow: hidden;}
.zylb .bd ul li a .imgbox img{width: 100%; height: 100%; object-fit: cover;}
.zylb .bd ul li a .imgbox i{width: 100%; height: 300px; display: block; background-color: rgba(0, 0, 0, 0.5); position: absolute; left: 0;top: 0;display: none;}
.zylb .bd ul li a .zhe{width: calc(100% - 80px); height: 112px; text-align: left; padding: 0 15px; background-color: #F9F9F9; border-top: 3px solid #0158A7; position: absolute; left: 25px;top: 213px;overflow: hidden;}
.zylb .bd ul li a .zhe h4{width: 100%; font-size: 16px; color: #131414; white-space: nowrap ;text-overflow: ellipsis; font-weight: bold; margin: 7px 0 5px 0; overflow: hidden;}
.zylb .bd ul li a .zhe h5{width: 100%;height: 48px; font-size: 16px; color: #8D8D8D; line-height: 24px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;margin-bottom: 4px; overflow: hidden;}
.zylb .bd ul li a .zhe h6{width: 100%;  font-size: 16px; color: #757575;  overflow: hidden;}
.zylb .bd ul li a:hover .zhe{background-color: #fff;}
/* .zylb .bd ul li a:hover .imgbox i{display: block;}
.zylb .bd ul li a:hover .zhe h5{ color: #043192;} */
/* .zylb .bd ul li a:hover .zhe{ border-bottom: 2px solid #043192; } */
.zylb .hd{width: 100%;text-align: center; padding: 15px 0 0 0;}
.zylb .hd li{display: inline-block ; width: 10px; height: 10px; background-color: #babbbb; border-radius: 10px; font-size: 0; margin: 0 5px; cursor: pointer;}
.zylb .hd li.on{ background-color: #0158A7;}


.Cooperative{width: 100% ; background-color: #F1F5F8; background-image: url(../images/hzbg.png) ; background-position: bottom center; background-repeat: no-repeat; background-size: 100% auto;}
.hzlist{ width: 100% ;padding: 0 0 40px 0; overflow: hidden;}
.hzlist ul{width: 1590px;}
.hzlist ul li{width: 240px; height: 80px; float: left; margin: 0 20px 20px 0;}
.hzlist ul li img{width: 100%; height: 100%;}


.linkbg{width: 100%;padding: 20px 0 0 0; background-color: #E2EAF2; }
.linkbg .lt{ width: 80px; float: left; font-size: 16px; color: #131414;}
.linkbg .rt{width: calc(100% - 90px) ; float: right;}
.linkbg .rt ul{width: 100%;}
.linkbg .rt ul li{float: left; height: 16px; line-height: 16px; font-size: 16px; color: #131414; border-right: 1px solid #B2B2B2;padding: 0 18px;margin: 0 0 20px 0;}
.linkbg .rt ul li a{font-size: 16px; color: #131414;}
.linkbg .rt ul li a:hover{ color: #0158A7;}