@charset "utf-8";
* {
    margin: 0;
    padding: 0;
    font-family: 'Microsoft YaHei';
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    background: #fff;
    font-size: 16px;
    color: #000;
}

img {
    border: 0;
}

li {
    list-style: none;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}

a {
    text-decoration: none;
    color: #000;
}

.fl {
    float: left !important;
}

.fr {
    float: right !important;
}

.clr {
    clear: both;
}

.fade {
    display: none;
}

.vc {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.noClick {
    pointer-events: none;
}

.clearfix {
    display: block;
    zoom: 1;
}

.biaoti:hover {
    color: #0274b6;
}

.top {
    width: 100%;
    height: 130px;
    min-width: 1450px;
    overflow: hidden;
    background: url("../images/topbg.png") right no-repeat;
    background-size: 1387px 130px;
}

.topbg {
    position: relative;
    width: 1450px;
    margin: 0 auto;
    height: 130px;
    padding: 0 20px;
    line-height: 130px;
}

.img1 {
    width: 688px;
    height: 56px;
    vertical-align: middle;
}

.search {
    width: 308px;
    height: 38px;
    position: relative;
    background-color: white;
    border-radius: 5px;
    line-height: 34px;
    border: 1px solid #b7dbf0;
    overflow: hidden;
}

.search .search-box {
    width: 256px;
    height: 36px;
    border: none;
    border-radius: 5px;
    text-indent: 16px;
    outline: none;
}

.search-icon {
    width: 50px;
    height: 38px;
    cursor: pointer;
    background: #2272b2;
}

.search-img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 14px;
}

.menu_box {
    width: 100%;
    height: 58px;
    line-height: 58px;
    min-width: 1450px;
    background: #2272b2;
}

.menu {
    width: 1450px;
    margin: 0 auto;
    padding: 0 20px;
    height: 58px;
}

.menu .lm {
    position: relative;
}

.menu a {
    width: 115px;
    height: 58px;
    line-height: 58px;
    display: block;
    color: #fff;
    font-size: 17px;
    text-align: center;
    position: relative;
}

.menu a:hover {
    text-decoration: underline;
}

.menu .lm div {
    position: absolute;
    top: 58px;
    left: 0;
    z-index: 999;
    background: #036099;
    filter: alpha(opacity=90);
    opacity: 1;
    display: none;
}

.menu .lm div a {
    color: white;
}

.menu .fen {
    width: 8px;
    height: 15px;
    margin-top: 20px;
}

.menu .fen:last-child {
    display: none;
}

.lunbo {
    width: 100%;
    height: 474px;
    min-width: 1450px;
}

.lunbo img {
    width: 100%;
    height: 474px !important;
    min-width: 1450px !important;
}

.slide {
    max-width: 100%;
    height: 474px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.slide ul {
    width: 10000%;
    list-style-type: none;
}

.next_btn {
    position: absolute;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    opacity: .9;
    vertical-align: middle;
    background: rgba(0, 0, 0, .5);
    right: 5px;
    top: 50%;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    display: none;
    cursor: pointer;
}

.prev_btn {
    position: absolute;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    opacity: .9;
    vertical-align: middle;
    background: rgba(0, 0, 0, .5);
    left: 5px;
    top: 50%;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    display: none;
    cursor: pointer;
}

.slide ul:after {
    content: '';
    clear: both;
    display: block;
}

.slide ul li {
    float: left;
    text-align: center;
}

.slide ul li img {
    vertical-align: middle;
    max-width: 100%;
}

.slide .circle_btn {
    position: absolute;
    bottom: 15px;
    text-align: center;
    left: 0;
    display: table;
    margin: 0 auto;
    width: 100%;
}

.slide .circle_btn button {
    box-sizing: content-box;
    opacity: .8;
    outline: none;
    border: none;
    padding: 7px;
    background: rgba(255, 255, 255, .9);
    margin: 2px 6px;
    overflow: hidden;
    transition: all .6s;
    cursor: pointer;
    border-radius: 50%;
}

.slide .circle_btn button.active {
    background: #036197;
}


.banner {
    width: 100%;
    min-width: 1450px;
    margin-top: 20px;
}
.banner1{
    margin-top: 40px;
}
.banner3{
    margin-bottom: 40px;
}
.box {
    width: 1450px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

.pic-title {
    width: 100%;
    line-height: 40px;
    border-bottom: 2px solid #2272b2;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.pic-tit {
    width: 142px;
    height: 40px;
    background: #2272b2;
    display: flex;
    align-items: center;
    justify-content: center;
}
.pic-tit  img{
    height: 20px;
    margin-right: 5px;
}
.pic-tit .tit {
    font-size: 20px;
    color: #ffffff;
    font-weight: 600;
}
.more {
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #525151;
}
.more img {
    vertical-align: middle;
}


.xydt-box{
    width: 1078px;
}

.pic-box{
    display: flex;
    justify-content: space-between;
    padding-top: 10px;
}
.xyxw-left {
    width: 515px;
}

.xyxw-right {
    width: 508px;
}

.xyxw-box {

}


.xyxw-lunbo {
    width: 515px;
    position: relative;
    height: 290px;
}

.xyxw-lunbo img {
    width: 515px;
    height: 290px;
}

.xyxw-lunbo-bottom {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.xyxw-lunbo-title {
    width: 100%;
    color: #111111;
    font-weight: 600;
    font-size: 16px;
    margin-top: 20px;
    display: block;
}
.xyxw-lunbo-msg{
    width: 100%;
    color: #676767;
    font-size: 14px;
    margin-top: 16px;
    display: block;
}
.xyxw-lunbo-bottom > .swiper-pagination {
    width: 30% !important;
    position: unset !important;
    display: flex;
    justify-content: flex-end;
    padding-right: 10px;
}

.xyxw-lunbo-bottom > .swiper-pagination > .swiper-pagination-bullet {

    background: white;
    opacity: 1 !important;
}

.xyxw-lunbo-bottom > .swiper-pagination > .swiper-pagination-bullet-active {
    background: #0471b4;
    opacity: 1 !important;
}

.swiper-pagination1 span {
    width: 10px !important;
    height: 10px !important;
    border-radius: 50% !important;
    border: 1px solid #0471b4 !important;
}

.xyxw-list {

}

.xyxw-list a {
    height: 60px;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #efefef;
    margin-bottom: 20px;
}
.xyxw-time1 {
    width: 68px;
    height: 50px;
    background: #ffffff;
    color: white;
    font-size: 24px;
    border: 1px solid #036197;
}

.xyxw-time2 {
    height: 26px;
    line-height: 26px;
    text-align: center;
    background: #036197;
    color: white;
    font-size: 18px;
}

.xyxw-time3 {
    height: 22px;
    line-height: 22px;
    text-align: center;
    color: #036197;
    background: white;
    font-size: 14px;
}

.xyxw-title1 {
    width: 412px;
    height: 48px;
    margin-left: 10px;
}

.xyxw-title1-tit {
    line-height: 28px;
    font-size: 16px;
    color: #1f2020;
}


.xyxw-title1-abstract {
    line-height: 24px;
    font-size: 14px;
    color: #787777;

}




.tzgg-box{
    width: 338px;
}
.tzgg-list {
    background: white;
    width: 100%;
    min-height: 380px;
    padding-top: 10px;
}

.tzgg-info {
    width: 98%;
    margin: 0 auto 20px;
    height: 60px;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #efefef;
}

.time1 {
    width: 60px;
    height: 48px;
    border: 1px solid #c7d2d6;
}

.time2 {
    width: 54px;
    margin: 2px auto 0;
    height: 24px;
    line-height: 24px;
    text-align: center;
    color: #3a7ea5;
    background: #fff;
    font-size: 18px;
    font-weight: 600;
}

.time3 {
    height: 22px;
    line-height: 22px;
    text-align: center;
    color: #606263;
    font-size: 14px;
    background: #e5edf0;
}

.tzgg-info .title1 {
    width: 260px;
    height: 48px;

}

.title1-tit {
    line-height: 24px;
    font-size: 16px;
    color: #1c1b1b;
}

.jyjx-box{
    width: 518px;
}
.xksz-box{
    width: 513px;
}
.jdjs-box{
    width: 338px;
}
.box-list{
    min-height: 340px;
    padding-bottom: 10px;
}
.box-list a{
    display: flex;
    justify-content: space-between;
    height: 42px;
    align-items: center;
    border-bottom: 1px dashed #dddedf;
}
.box-list-tit{
    font-size: 16px;
    color: #0c0c0c;
}
.box-list-time{
    font-size: 14px;
    color: #757677;
}

.box-list1{
    min-height: 340px;
    padding-bottom: 10px;
    padding-top: 2px;
}

.xyfc-box{
    width: 100%;
    overflow: hidden;
}
.img-box{
    padding: 2px;
    width: 197px;
    height: 233px;
    overflow: hidden;
    border: 1px solid #cfd1d3;
}
.img-box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.img-tit{
    text-align: center;
    font-size: 16px;
    color: #202021;
    margin-top: 8px;
}

.video-box{
    width: 100%;
    height: 233px;
    background: url("../images/videobg.png") no-repeat;
    background-size: cover;
    line-height: 233px;
    display: flex;
    align-items: center;
}
.xh_video_btn{
    margin: 0 auto;
    line-height: 20px;
    color: white;
    text-align: center;
    font-size: 14px;
    cursor: pointer;
}
.xh_video_btn img{
    margin-bottom: 10px;
    width: 45px;
}
.video-js {
    width: 700px;
    height: 400px;
}

.bottom{
    width: 100%;
    background: #2272b2;
    min-width: 1450px;
}
.bottom1{
    width: 1450px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    padding: 36px 5px;
}
.logo2{
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
    opacity:0.5;
    align-self: center;
}
.yqlj-box{
    width: 670px;
    border-left: 1px solid #4e8ec1;
    border-right: 1px solid #4e8ec1;
    padding-bottom: 20px;
}
.yqlj{
    width: 488px;
    margin: 0 auto;
}
.tit4{
    color: white;
    font-size: 20px;
    height: 36px;
    position: relative;
    margin-bottom: 10px;
}
.tit4:after{
    content: "";
    display: block;
    position: absolute;
    width: 40px;
    height: 1px;
    background: white;
    bottom: 0;
    left: 0;
}
.info{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.info a{
    margin-top: 15px;
    width: 98%;
    color: white;
    font-size: 16px;
}
.wzdh{
    width: 336px;
    place-self: flex-start;
    display: flex;
    justify-content: center;
    padding-bottom: 15px;
}
.info1{
    display: flex;
    flex-wrap: wrap;
   flex-direction: column;
}
.info1 a{
    margin-top: 13px;
    color: white;
    font-size: 16px;
}




.bottom3{
    width: 100%;
    min-width: 1450px;
    background: #056298;
    font-size: 16px;
    color: #d4dbe0;
    height: 50px;
    line-height: 50px;
    text-align: center;
}

.main {
    width: 1360px;
    margin: 10px auto 20px;
    position: relative;
    overflow: hidden;
    clear: both;
}

.all_left {
    width: 20%;
    float: left;
}

.all_right {
    width: 78%;
    float: right;
    margin-top: 20px;
    background: #fff;
}

/*内页左侧*/
.left_list {
    width: 100%;
    float: left;
    margin-top: 20px;
    margin-bottom: 20px;
}

.left_list strong {
    background: #036099;
    color: #fff;
    display: block;
    font-size: 22px;
    overflow: hidden;
    text-align: center;
    padding-top: 25px;
    padding-bottom: 20px;
}

.left_list strong span {
    color: #fff;
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 100;
    padding-top: 3px;
    width: 280px;
}

.left_list ul li {
    height: 50px;
    line-height: 50px;
    vertical-align: middle;
    text-align: left;
    font-size: 14px;
    background-color: #e7e7e7;
    border-bottom: 1px #FFFFFF solid;
    color: #000;
}


.left_list UL li a {
    padding-left: 50px;
    height: 50px;
    font-size: 14px;
    color: #363636;
    display: block;
}

.left_list UL li a.current2 {
    padding-left: 80px;
}

.left_list UL li a:hover {
    background-color: #7299c1;
    color: #FFF;
    display: block;
}

.left_list UL li.hover a {
    background-color: #2487c1;
    display: block;
    height: 60px;
    line-height: 60px;
    width: 200px;
}

/*内页右侧*/
.right_tit {
    width: 100%;
    float: left;
    line-height: 60px;
    border-bottom: 1px solid #000;
}

.right_tit h2 {
    float: left;
    padding-left: 30px;
    width: 200px;
    font-size: 16px;
}

.right_tit span {
    padding-right: 20px;
    font-size: 14px;
    float: right
}

.right_tit a {
    color: #000;
}

.right_all {
    width: 100%;
    min-height: 500px;
    padding: 30px 20px;
    float: left;
}


/*关于我们*/
.right_all .content {
    width: 100%;
    line-height: 35px;
}

/*新闻*/
.newslist {
    width: 100%;
}

.newslist ul li {
    width: 100%;
    float: left;
    border-bottom: 1px #dadada dashed;
    line-height: 40px;
}

.newslist ul li span {
    width: 100px;
    float: right;
    text-align: right
}


.newstitle {
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    color: #333;
    line-height: 30px;
    width: 100%
}

.newssubtitle {
    text-align: center;
    line-height: 60px;
    font-size: 14px;
    width: 100%
}

.newssubtitle span {
    width: 100%
}

.newsx {
    line-height: 40px;
    width: 100%;
    margin-top: 5px;
}

ul.news_list .li3 {height: 40px;line-height: 40px;margin-top: 0;border-bottom: 1px dotted #B3B3B3; background:url(../images/list.jpg) 3px center no-repeat;text-indent: 1rem;position: relative;}
ul.news_list .li3 .date{width:90px;  height:45px; line-height:45px; overflow:hidden; text-align:right; position:absolute; top:0; right:0; text-indent:0;color: #878686; font-size:16px; font-family:"微软雅黑"}
ul.news_list .li3 a{font-size: 15px;font-family: "微软雅黑";}
.con{
    padding: 10px;
    line-height: 25px;
    color: #595555;
    font-size: 14px;
}
.fuck {
    font-size: 20px;
    color: black;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #B3B3B3;
    margin-top: 10px;
}
.newslist1{
    width: 98%;
    margin: 0 auto;
}