﻿@charset "utf-8";
/* CSS Document */


.banner {
    width: 100%;
    height: 450px;
    position: relative;
    overflow: hidden;
}

.banner .bd {
    width: 2560px;
    height: 450px;
    position: absolute;
    left: 50%;
    margin-left: -1280px;
    overflow: hidden;
}

.banner .bd ul li {
    width: 100%;
    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: 34px;
    display: none;
}

.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: #005AC1
}

.banner .hd .next {
    width: 52px;
    height: 52px;
    display: block;
    border: solid 1px #fff;
    border-radius: 52px;
    position: absolute;
    right: 10%;
    top: -232px;
    cursor: pointer;
    -webkit-border-radius: 52px;
    -moz-border-radius: 52px;
    -ms-border-radius: 52px;
    -o-border-radius: 52px;
}

.banner .hd .prev {
    width: 52px;
    height: 52px;
    display: block;
    border: solid 1px #fff;
    border-radius: 52px;
    position: absolute;
    left: 10%;
    top: -232px;
    cursor: pointer;
}

.banner .hd .next i {
    width: 100%;
    height: 100%;
    display: block;
    /* background: url(../images/next.png) no-repeat center center; */
}

.banner .hd .prev i {
    width: 100%;
    height: 100%;
    display: block;
    /* background: url(../images/prev.png) no-repeat center center; */
}

.banner .hd .next:hover,
.banner .hd .prev:hover {
    background: rgba(255, 255, 255, 0.4);
}

.banner .hd .pageState {
    font-size: 20px;
    color: rgba(255, 255, 255, 0.6);
    position: relative;
}

.banner .hd .pageState span {
    color: rgba(255, 255, 255, 1);
    padding-right: 13px;
}

.banner .hd .pageState i {
    color: rgba(255, 255, 255, 1)
}

.banner .hd .pageState em {
    padding-left: 13px;
}

.banner .hd .prev2 {
    left: 25%;
}


.mian_bg{ width: 100% ; background-image: url(../images/idx_bg.jpg); background-repeat: no-repeat; background-position: top center; }
.mian_bg .mian_ctr{width: 1432px ; margin: 0 auto; padding-bottom: 20px;}
.Notice_box{ width: calc(100% - 32px) ; height: 78px ;  padding: 0 16px; background-color:#fff ; border-bottom: 2px solid #005AC1; display: flex; justify-content: space-between;align-items: center; position: relative; top: -14px; margin-bottom: 16px; overflow: hidden;}
.search{ width: 504px; height: 38px; padding: 4px;border: 1px solid #D1D8E1; position: relative;}
.search .focus{width: calc(100% - 110px); height: 38px; line-height: 38px; padding-left: 12px; font-size: 16px; color: #333;} 
.search .focus::-webkit-input-placeholder {color: #A9A9A9;}
.search .submit{ width: 89px; height: 38px; background: url(../images/anu.png); border-radius: 4px; cursor: pointer; position: absolute; right: 4px;top: 4px;}

.hot_box{width: calc(100% - 540px) ; display: flex; align-items: center;height: 38px;  }
.hot_box .lt{width: 116px; display: flex; align-items: center; justify-content: space-between;}
.hot_box .lt img{ width: 96px ; height: 24px;}
.hot_box .lt i{width: 1px; height: 16px; display: block; background-color: #E31010;}
.hot_box .hot{width: 748px;height: 38px;  margin-left: 10px; overflow: hidden; }
.hot_box .hot li{display: inline;height: 38px;  line-height: 38px; margin: 0 10px;} 
.hot_box .hot li a{font-size: 18px ; color: #333;}
.hot_box .hot li a span{font-weight: bold;}

.Focus_News{ width: calc(100% - 32px) ; height: 366px ;background-color:#fff ; display: flex; justify-content: space-between; padding: 40px 16px 0 16px;  background-image: url(../images/bk1bg.png); background-repeat: no-repeat; background-position: top center; overflow: hidden;}
.focbox{ width: 551px; height: 366px;position: relative;  overflow: hidden;}
.focbox .bd{width: 100%; height: 100%; overflow: hidden;}
.focbox .bd li{width: 551px; height: 366px; }
.focbox .bd li img{width: 100%; height: 100%; object-fit: cover;}
.focbox .hd{ position: absolute; right: 17px; bottom: 12px;}
.focbox .hd li{width: 22px ; height: 22px ; line-height: 22px;text-align: center;font-size: 14px; color: #fff; background-color: rgba(255, 241, 255, 0.4); display: inline-block; margin-left: 6px;cursor: pointer;}
.focbox .hd li.on{background-color: #E1F1FF; color: #0158A7;}

.huadong_box{ width: 819px; height:366px ; overflow: hidden;}
.lamqh{width: 100%; height: 56px; display: flex; justify-content: space-between;}
.lamqh .bxui-mr{width: 400px ; height: 56px; line-height: 56px;text-align: center;display: block; background-color: #E0EEF6; font-size: 20px ; color: #333; cursor: pointer;}
.lamqh .bxui-mr.on{background-color: #005AC1; color: #fff; font-weight: bold;}
.xwlist{ width: 100% ; padding: 25px 0 0 0;}
.xwlist ul li{ width: 100% ; height: 20px; margin-bottom: 31px; overflow: hidden; }
.xwlist ul li a{width: 100% ; height: 20px; float: left; display: flex; align-items: center; justify-content: space-between; position: relative; overflow: hidden;}
.xwlist ul li a h3{width: 650px; background: url(../images/d1.png) no-repeat left center; line-height: 20px; white-space: nowrap ; text-overflow: ellipsis; padding-left: 21px;font-size: 18px; color: #333;  overflow: hidden;}
.xwlist ul li a h4{line-height: 20px;font-size: 18px; color: #999;  }
.xwlist ul li a:hover h3{ background: url(../images/d2.png) no-repeat left center;  color: #005AC1; font-weight: bold;}
.xwlist ul li a:hover h4{ color: #005AC1; font-weight: bold;}

.white_bg{width: calc(100% - 32px); background-color: #fff;  padding:40px 16px 0 16px; overflow: hidden;}
.g_gao{width: 100%; height: 120px; margin-bottom: 40px;}
.g_gao a{width: 100%; height: 100%; display: block;}
.g_gao a img{width: 100%; height: 100%; object-fit: cover;}


.zxml_box{ width: 100% ; display: flex; justify-content: space-between; margin-bottom: 50px; overflow: hidden;}
.zxml_box .lt{width: 660px;}
.zxml_box .rt{width: 660px;}
.titqh{width: 100%; height: 33px; border-bottom: 3px solid #eee; position: relative;}
.titqh .bxui-mr{min-width: 80px; line-height: 20px; float: left;color: #005AC1;font-size: 20px; font-weight: bold; padding-bottom: 15px;}
.titqh .bxui-mr.on{ background: url(../images/act.png) no-repeat bottom center;}
.titqh .a{font-size: 16px; color: #333; background: url(../images/icon5.png) no-repeat right center;padding-right: 20px; position: absolute;right: 0;top: 0; cursor: pointer;}
.titqh .a:hover{color: #005AC1;}
.tu_ig{width: 100%; height: 160px; object-fit: cover; margin-top: 20px;}

.xw{width: 100%; height: 266px; padding-top: 26px;}
.xw ul li{width: 100%;height: 20px; margin-bottom: 28px;}
.xw ul li a{width: 100% ; height: 20px; float: left; display: flex; align-items: center; justify-content: space-between; position: relative; overflow: hidden;}
.xw ul li a h3{width: 490px;height: 20px; line-height: 20px; white-space: nowrap ; text-overflow: ellipsis;font-size: 18px; color: #333; overflow: hidden;}
.xw ul li a h3 i{width: 4px; height: 4px; border-radius: 4px; background-color: #A8A8A8; display: inline-block;margin: 0 5px 0 0;position: relative; top: -4px;}
.xw ul li a h4{line-height: 20px;font-size: 18px; color: #999; }
.xw ul li a:hover h3,.xw ul li a:hover h4{font-weight: bold; color: #005AC1;}
.xw ul li a:hover h3 i{background-color: #005AC1;}

.gaikuang_box{ width: 100% ;}
.overview{width: 100%  ; padding: 20px 0 40px 0; overflow: hidden;}
.overview ul{width: 1440px;}
.overview ul li{ width: 260px;height: 160px;  float: left; margin: 0 25px 0 0;}
.overview ul li a{width: 100% ; height: 160px; background: url(../images/gkbg.jpg) no-repeat; float: left; display: flex;flex-direction: column; align-items: center; justify-content: center; }
.overview ul li a img{width: 62px; height: 62px;}
.overview ul li a h3{font-size: 20px; color: #333; padding: 15px 0 0 0;}
.overview ul li a:hover h3{font-weight: bold;}

.fengcai_box{ width: 100% ; }
.fclb{width: 100%  ; padding: 20px 0 0 0; overflow: hidden;}
.fclb ul{width: 1440px;}
.fclb ul li{ width: 332px; float: left; margin: 0 24px 38px 0;}
.fclb ul li a{ width: 100%; display: block; text-align: center; background-color: #fff;}
.fclb ul li a .imgbox{width: 100%; height: 166px;  overflow: hidden;}
.fclb ul li a .imgbox img{width: 100% ; height: 100% ; object-fit: cover;transition: all 0.1s;}
.fclb ul li a h3{width: calc(100% - 10px); padding: 0 5px; height: 43px; line-height: 43px; font-size: 18px; color: #333; white-space: nowrap;text-overflow: ellipsis;  overflow: hidden;}
.fclb ul li a:hover h3{ background-color: #005AC1; color: #fff;}
.fclb ul li a:hover .imgbox img{ transform: scale(0.99);}
.fclb ul li a:hover .imgbox{background-color: #005AC1;}

.link{ width: 100%; padding: 20px 0 40px 0; overflow: hidden;}
.link .bd{width: 1430px; height: 72px; overflow: hidden;}
.link .bd li{width: 264px; height: 70px; float: left; margin: 0 20px 0 0;}
.link .bd li img{ width: 100%; height: 100%;}

