﻿@charset "utf-8";
.swiper-banner{
    overflow: hidden;
    position: relative;
}
.swiper-banner a{
    display: block;
}
.swiper-banner img{
    width: 100%;
}
.swiper-banner .swiper-pagination-bullet{
    width: 18px;
    height: 18px;
    background: #fff;
    opacity: .9;
}
.swiper-banner .swiper-pagination-bullet-active{
    background: #1484da;
}
.banner-pagination {
    position: absolute;
    z-index: 2;
    left: 0;
    bottom: 14px;
    text-align: center;
}
.banner-button-prev,.banner-button-next{
display: block;
width: 50px;
height: 50px;
opacity: 0;
visibility: hidden;
z-index: 2;
}
.banner-button-prev{
    background: url(../images/prev.png) no-repeat center;
    background-size: cover;
    position: absolute;
    left: 30px;
    top: 50%;
    margin-top: -25px;
    transition: all .4s;
    transform: translateX(-30px);
}
.banner-button-next{
    background: url(../images/next.png) no-repeat center;
    background-size: cover;
    position: absolute;
    right: 30px;
    top: 50%;
    margin-top: -25px;
    transform: translateX(30px);
    transition: all .4s;
}
.swiper-banner:hover .banner-button-prev,.swiper-banner:hover .banner-button-next{
    display: block;
    transform: translateX(0px);
    visibility: visible;
    opacity: 1;
}
.main1{
    background: #f8f8f8;
    padding: 30px 0;
}
.main1 .w-1280>div{
    background: #fff;
    padding: 10px;
}
.link_2{
    margin-top: 64px;
}
.common-title{
    border-bottom: 1px solid #e5e5e5;
    padding: 10px 0;
    margin-bottom: 10px;
}
.common-title a {
    float: right;
    color: #5c5c5c;
    margin-right: 3px;
    font-weight: normal;
    font-size: 15px;
}
.common-title p{
    float: left;
    font-size: 22px;
    color: #4b4b4b;
    font-weight: bold;
    padding-left: 32px;
}
.notic .common-title p {
    background: url(../images/notic_ico.png) no-repeat left center;
}
.notic ul li{
    margin-bottom: 15px;
    transition: all .3s;
}
.notic ul li:hover{
    transform: translateY(-5px);
}
.notic ul li:last-child{
    margin-bottom: 0;
}
.notic ul li a{
    display: block;
}
.notic ul li a div{
    float: left;
}
.notic ul li a div p{
    background: #00479d;
    font-size: 13px;
    color: #fff;
    text-align: center;
    line-height: 23px;
    padding: 0 5px;
}
.notic ul li a div span{
    text-align: center;
    display: block;
    background: #eee;
    font-size: 23px;
    line-height: 40px;
    font-family: "zkqkhyt";
}
.notic ul li a>p{
    float: right;
    width: 80%;
    font-size: 15px;
    color: #3e3e3e;
    margin-top: 9px;
}
.notic ul li:hover a>p{
    font-weight: 600;
}
.ywdt{
    margin: 0 2%;
}
.ywdt .common-title p {
    background: url(../images/ywdt.png) no-repeat left center;
}
.ywdt ul li{
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 14px;
    transition: all .3s;
    margin-bottom: 15px;
}
.ywdt ul li:hover{
    transform: translateY(-5px);
}
.ywdt ul li:last-child{
    border-bottom: none;
}
.ywdt ul li a{
    display: block;
}
.ywdt ul li a p{
    font-size: 15px;
    color: #000000;
}
.ywdt ul li:hover a p{
    font-weight: 600;
}
.ywdt ul li a span{
    display: block;
    font-size: 15px;
    margin-top: 5px;
    color: #b9b9b9;
    padding-left: 15px;
    background: url(../images/time_ico.png) no-repeat left center;
}
.gzzd {
    margin: 0 0;
}
.gzzd .common-title p {
    background: url(../images/gzzd.png) no-repeat left center;
}
.main2{
    background: url(../images/main2_bg.png) no-repeat bottom center;
    padding: 25px 0;
}
.main2 h3{
    padding-left: 27px;
    background: url(../images/main2_ico.png) no-repeat left  
6px #fff;
    background-size: 22px;
    color: #4b4b4b;
    font-size: 22px;
    margin-top: -19px;
    font-weight: 600;
}
.main2_left{
    background: #fff;
    border: solid 1px #e4e4e4;
    padding: 8px 25px;
    width: 38%;
}
.top_bar{
    margin: 10px 0;
}
.top_bar ul li{
    float: left;
    font-size: 17px;
    margin: 0 50px;
    transition: all .3s;
    color: #3b3b3b;
    background: none;
    border: 2px solid #dadada;
    border-radius: 10px;
    padding: 5px 8px;
    cursor: pointer;
    background: #efefef;
}
.top_bar ul li:first-child{
    margin-left: 0;
}
.top_bar ul .on{
    color: #1152a4;
    background: #eee;
    border: 2px solid #bdccdf;
}
.bottom_bar>div p{
    font-size: 13px;
    color: #3a3939;
    line-height: 22px;
}
.bottom_bar>div{
    display: none;
}
.bottom_bar>.show_{
    display: block;
    height: 158px;
    position: relative;
}
.link_2 ul li{
    float: left;
    margin-right: 6%;
    transition: all .3s;
}
.link_2 ul li:hover{
    transform: translateY(-5px);
}
.link_2 ul li:last-child{
    margin-right: 0;
}
.link_2 ul li a{
    display: block;
}
.link_2 ul li a img{
    display: block;
    margin: 0 auto;
    width: 100px;
    height: 100px;
}
.link_2 ul li a p{
    font-size: 15px;
    color: #030303;
    text-align: center;
    margin-top: 10px;
}
.ds_code{position: absolute;right: 31px;width: 143px;top: 8px}
@media screen and (max-width : 900px) {
.ds_code{

 right: 0;
 width: 119px;
 top: 0;
}

    .main2 h3{
    font-size: 16px;
    background: url(../images/main2_ico.png) no-repeat left 6px #fff;
    background-size: 19px;
}
.swiper-banner .swiper-pagination-bullet {
    width: 9px;
    height: 9px;
}
.swiper-banner img {
    height: 180px;
}
.main1 .w32{    width: 100%;    float: none;}
.main1 {    padding: 16px 0;}
.main1 .w-1280>div{    padding: 7px;}
.common-title p {font-size: 16px;padding-left: 26px;}
.common-title {padding: 5px 0;}
.common-title a{font-size: 13px;    margin-top: 2px;}
.notic .common-title p {
    background: url(../images/notic_ico.png) no-repeat left center;
    background-size: 20px;
}
.notic ul li a div p{
    font-size: 12px;
    line-height: 22px;
}
.notic ul li a div span{
    font-size: 20px;
    line-height: 30px;
}
.notic ul li a>p{
    font-size: 14px;
    margin-top: 5px;
}
.ywdt .common-title p{
    background: url(../images/ywdt.png) no-repeat left center;
    background-size: 21px;
}
.ywdt ul li{
    padding-bottom: 6px;
    margin-bottom: 6px;
}
.ywdt ul li a span{
    font-size: 12px;
    background: url(../images/time_ico.png) no-repeat left center;
    background-size: 13px;
    margin-top: 0px;
}
.ywdt{margin: 8px 0;}
.main2{padding-bottom: 8px;}
.main2_left{width: 100%;    float: none;    padding: 5px 6px;}
.top_bar ul li{padding: 5px 14px;margin: 0 2px;font-size: 14px;}
.bottom_bar>div p{
    font-size: 12px;
    line-height: 23px;
}
.link_2{width: 100%;float: none;margin-top: 8px;display: none;}
.link_2 ul li{width: 70px;    margin: 0 1px;}
.link_2 ul li a img{width: 100%;    height: 100%;}
.link_2 ul li a p {font-size: 12px;}
.link_2 ul li:first-child{margin-left: 0;}
.link_2 ul li:last-child{margin-right: 0;}
}
@media screen and (min-width:1300px) {
    .notic ul li a div p{line-height: 26px;font-size: 14px;}
    .notic ul li a div span{font-size: 26px;}
    .notic ul li a>p{width: 82%;margin-top: 9px;font-size: 16px;}
    .ywdt ul li a p{font-size: 16px;}
    .ywdt ul li a span{padding-left: 20px;background: url(../images/time_ico.png) no-repeat left center;background-size: 17px;}
    .notic,.ywdt{height: 470px;}
    
}