* {
            padding: 0;
            margin: 0;
        }
        
        li {
            list-style: none;
        }
        
        a {
            text-decoration: none;
        }
        
        h2,
        h3,
        i,
        em {
            font-style: normal;
        }
        
        html,
        body {
            font-family: 微软雅黑;
            min-width: 1400px;
        }
        
        input,
        img,
        a {
            outline: none;
            border: 0;
        }
        
        .px1300 {
            width: 1300px;
            margin: 0 auto;
        }
        
        .clear {
            clear: both;
        }
        
        .banner a {
            display: block;
        }
        
        .banner a img {
          
            display: block;
            width: 100%;
          
        }
        
        .banner .slick-dots {
            width: 30px;
            right: 310px;
            top: 50%;
            transform: translateY(-50%);
            bottom: auto;
z-index:999;
        }
        
        .banner .slick-dots li {
            position: relative;
            width: 42px;
            height: 30px;
            margin: 15px 0;
        }
        
        .banner .slick-dots li:after {
            content: '';
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            right: -40px;
            width: 25px;
            height: 2px;
            background-color: #fff;
            display: none;
        }
        
        .banner .slick-dots li button {
            width: 42px;
            height: 30px;
            line-height: 30px;
            text-align: left;
            padding: 0;
            font-size: 20px;
            color: #fff;
            display: block;
        }
        
        .banner .slick-dots li.slick-active:after {
            display: block;
        }
        
        .banner .slick-dots li.slick-active button {
            font-size: 30px;
        }
        
        .top {
            position: relative;
        }
        
        .header {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
        }
        
        .head {
            padding-top: 28px;
        }
        
        .head-l {
            float: left;
            font-size: 0;
        }
        
        .head-r {
            float: right;
            text-align: right;
        }
        
        .search {
            display: inline-block;
            width: 210px;
            height: 35px;
            /*border: 1px solid #fff;
            border-radius: 20px;*/
            margin-right: 45px;
            position: relative;

        }
        
        .search input[type="text"] {
            width: 140px;
            height: 35px;
            line-height: 35px;
            background-color: transparent;
            padding: 0 15px;
            vertical-align: middle;
            color: #fff;
            border: 1px solid #fff;
            border-radius: 20px;
        }
        
       /* .search input[type="image"] {
            vertical-align: middle;
            padding-right: 15px;
        }*/
        


 .search input[type="image"] {
position: absolute;
    top: 0;
    right: 0;
    padding: 10px;
  }
        .search input::placeholder {
            font-size: 12px;
            color: #fff;
        }
        
        .nav {
            margin-right: 20px;
            margin-top: 20px;
        }
        
        .nav>ul>li {
            position: relative;
            float: left;
            padding-left: 24px;
            padding-right: 15px;
            text-align: center;
            line-height: 40px;
        }
        
        .nav>ul>li>a {
            font-size: 18px;
            color: #fff;
        }
        
        .nav>ul>li ul {
            position: absolute;
            left: 0;
            right: 0;
            background-color: #fff;
            display: none;
        }
        
        .nav>ul>li ul li {
            line-height: 40px;
        }
        
        .nav>ul>li ul li a {
            font-size: 12px;
            color: #333;
        }
        
        .nav>ul>li:hover {
            background: rgba(255, 255, 255, .2);
        }
        
        .nav>ul>li ul li:hover {
            background-color: #1986c7;
        }
        
        .nav>ul>li ul li:hover a {
            color: #fff;
        }
        
        .bottom {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
        }
        
        .bottom>ul>li {
            position: relative;
            bottom: 0;
            right: 0;
            float: left;
            width: 140px;
            height: 130px;
            margin-left: 25.7px;
            background: rgba(255, 255, 255, .6);
            border-radius: 5px;
            text-align: center;
            margin-bottom: 35px;
            transition: all .3s;
        }
        
        .bottom>ul>li:hover {
            background-color: #fff;
            bottom: 10px;
        }
        
        .bottom>ul>li:first-child {
            margin-left: 0;
        }
        
        .bottom>ul>li>a {
            display: block;
        }
        
        .bottom>ul>li>a .pic {
            margin-top: 27px;
            text-align: center;
            height: 43px;
            line-height: 43px;
            vertical-align: middle;
        }
        
        .bottom>ul>li>a .text {
            height: 47px;
            line-height: 47px;
        }
        
        .bottom>ul>li>a p {
            display: inline-block;
            font-size: 16px;
            color: #333;
            line-height: 20px;
            vertical-align: middle;
        }
        
        #message {
            background-color: #323232;
        }
        
        .message {
            padding-top: 40px;
            padding-bottom: 25px;
            overflow: hidden;
        }
        
        .message h2 {
            padding-left: 67px;
            font-size: 16px;
            color: #fff;
            font-weight: normal;
        }
        
        .message>.inform {
            padding-left: 67px;
            float: left;
            margin-top: 10px;
        }
        
        .message .ewm {
            float: right;
        }
        
        .message ul {
            line-height: 30px;
        }
        
        .message ul li {
            float: left;
            text-align: left;
            font-size: 14px;
            color: #fff;
            width: 308px;
        }
        
        .ewm img {
            display: block;
            width: 100%;
        }
        
        .footer {
            background-color: #1f1f1f;
            text-align: center;
        }
        
        .footer p {
            line-height: 50px;
            font-size: 14px;
            color: #fff;
        }



.ban::after{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../images/banner-zzc.png) repeat-x;
    background-position: center top;
   
}