.header_bg{
        width: 100%;
        height: 35px;
        background: #eaf0fb;
        /*min-width: 1200px;*/
    }
    .header{
        width: 1200px;
        line-height: 35px;
        height: 35px;
        font-size: 13px;
        margin: auto;
    }
    .header a{
        color: #334f7b;
        font-size: 13px;
        line-height: 35px;
        height: 35px;
    }
    .header li{
        background: url(../images/1903140957180386370.png) left no-repeat;
        padding-left: 9px;
        margin-left: 9px;
        line-height: 35px;
        height: 35px;
    }
    .header li:first-child{
        background: none;   
        padding-left: 0px;
        margin-left: 0px;
    }
    .header_right li:first-child{
        margin-right: 4px;
    }
    .header_left,.header_right{
        height: 35px;
    }
    .bt-left {
        float: left;
    }
    
    .bt-right {
        float: right;
    }
    
    .bt-clear {
        clear: both;
    }
    
    .clearfix:after {
        content: ".";
        display: block;
        clear: both;
        font-size: 0px;
        height: 0px;
    }
    .top_ad_bg{
    margin: auto;
    height: 200px;
    /*min-width: 1200px;    */
    position: relative;
    background: #FFFFFF;
    overflow:hidden;
}
.top_ad{
    height: 200px;
    width: 1200px;
    position: absolute;
    left: 50%;
    margin-left: -600px;
    z-index: 1;
}
.logo{
    margin-top: 47px;
    margin-left: 2px;
    width: 490px;
}
.form_bg{
    width: 389px;
    height: 37px;
    background: url(1903141036083237507.png) no-repeat center; 
    position: relative;
}

.seach input{
    border:none;
    outline: none;
    width: 250px;
    height: 35px;
    line-height: 35px;
    font-size: 15px;
    color: #245399;
    background: none;
    position: absolute;
    left: 60px;
    top: 1px;
    
}
.seach button{
    width: 77px;
    height: 37px;
    line-height: 37px;
    border: 0px;
    outline: none;
    background:none;
    position: absolute;
    right: 0px;
}

.ywss{ display:block; color:#2d4c86;}

.banner_bg{
    width: 750px;
    height: 200px;
    position: absolute;
    right: 0px;
    /*overflow: hidden;*/
    background: url(1904191004236528170.png) no-repeat center;
}
.seach{
    margin-top: 89px;
}
            
.visuallyhidden{
     height: 200px;
  width: 767px;
}
.visuallyhidden {
    
/*clip:rect(200px 0px 200px 0px);
  position: absolute;
    width: 100%;
    height: 100%;
animation: rotate 4s infinite linear;*/
  
}
/*@keyframes rotate {
  28% {
   clip:rect(0px,767px,200px,0px);
  }
  100% {
   clip:rect(0px,767px,200px,0px);
  }
}*/



.banner1{
     height: 200px;
  width: 767px;
background: url(t1.png) no-repeat center ;
    position: absolute;

}


.banner1 img{
    clip:rect(200px 0px 200px 0px);
  position: absolute;
    width: 100%;
    height: 100%;
animation: rotate1 4s infinite linear;
}
@keyframes rotate1 {
  28% {
   clip:rect(0px,767px,200px,0px);
  }
  100% {
   clip:rect(0px,767px,200px,0px);
  }
}

.banner2{
    height: 200px;
  width: 767px;
    background: url(t2.png) no-repeat center ;
position: absolute;
}
.banner2 img{
        
    clip:rect(0px 0px 200px 0px);
  position: absolute;
    width: 100%;
    height: 100%;
animation: rotate2 4s infinite linear;
}
@keyframes rotate2 {
  28% {
   clip:rect(0px,767px,200px,0px);
  }
  100% {
   clip:rect(0px,767px,200px,0px);
  }
}


.banner3{
    height: 200px;
  width: 767px;
    background: url(t3.png) no-repeat center;
    position: absolute;
    
}
.banner3 img{
    clip:rect(0px,767px,0px,767px);
   position: absolute;
    width: 100%;
    height: 100%;
animation: rotate3 4s infinite linear;
}
@keyframes rotate3{
  28% {
  clip:rect(0px,767px,200px,0px);
  }
  100% {
  clip:rect(0px,767px,200px,0px);
  }
}
.banner4{
    height: 200px;
  width: 767px;
    background: url(t4.png) no-repeat center;
    position: absolute;
    
}
.banner4 img{
    clip:rect(0px,0px,200px,0px);
   position: absolute;
    width: 100%;
    height: 100%;
animation: rotate4 4s infinite linear;
}
@keyframes rotate4{
  28% {
   clip:rect(0px,767px,200px,0px);
  }
  100% {
   clip:rect(0px,767px,200px,0px);
  }
}
.banner_bg li{
    display: none;
}
.nav_bg{
    width: 100%;
    height: 62px;
    background: #2d4c86;
    /*min-width: 1200px;*/
    overflow:visible;
    
}
.nav{
    width: 1200px;
    height: 62px;
    line-height: 62px;
    font-size: 19px;
    margin: auto;
    position:relative;
}
.nav_li{
    width: 178px;
    text-align: center;
    height: 62px;
    line-height: 62px;
    font-size: 19px;
}
.nav_li:first-child{
    width: 132px;
}
.nav_li:hover{
    background: #5371a8;
    height: 62px;
    /*font-weight: bold;*/
}

.hovernav{
    background: #5371a8;
    height: 62px;
    font-weight: bold;
}
.nav_a{
    color: #FFFFFF;
    height: 62px;
    line-height: 62px;
    font-size: 19px;
}
.nav_show{width:1190px;padding:10px 10px; position:absolute; left:0;top:60px;background:#fff;z-index: 99999;border-top:2px solid #2d4c86;color:#000;border-left:1px solid #e2e2e2;border-right:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;box-shadow: 5px 5px 5px #ccc;border-radius: 0 0 5px 5px;display:none; }
.nav_show_con{ float:left;color:#000;}
.nav_show_con a{ text-align: left;color:#000;margin-right: 10px; font-weight: normal;}
.nav_show_con a:hover{color:#2d4c86;font-weight: normal;}
.select_bg{
                width: 100%;
                
                background: #ededed;
                overflow: visible;
            }
            .select_top{
                width: 590px;
                margin: auto;
                height: 64px;
                line-height: 64px;
                color: #333333;
                font-size: 15px;
            }
            .sele_li{
                margin-left:21px;
                padding-left: 25px;
                background: url(1903191426508127133.png) no-repeat left;
                
            }
            .sele_li:first-child{
                margin-left: 0px;
                background: none;
                padding-left: 0px;
            }
            .sele_li a{
                color: #333333;
                
            }
            .select_bot{
                height: 62px;
                width: 1200px;
                margin: auto;
                overflow: visible;
            }
            .select_1,.select_2,.select_3,.select_4{
                width: 265px;
                line-height: 40px;
                position: relative;
                text-align: center;
                float: left;
                margin-left: 45.5px;
                box-sizing: border-box;
                border: 1px solid #b8b8b8;
                background: #FFFFFF;
                overflow:visible;
            }
            .select_1{
                margin-left: 0px;
            }
            .select_span{
                display: block;
                width: 265px;
                line-height: 40px;
                height: 40px;
                color: #333333;
                font-size: 15px;
                background: url(1903151027478228744.png)  no-repeat 240px;
            }
            
            .select_ul{
                position: absolute;
                bottom: 41px;
                width: 265px;
                z-index: 2;
                left: 0px;
                font-size: 16px;
                max-height: 210px;
                overflow-y:auto;
                display: none;
            }
            .select_li{
                width: 100%;
                height:30px;
                line-height: 30px;
                /*border: solid 1px #B8B8B8; */
                background: #FFFFFF;
                font-size: 13px;
                
            }
            .select_li a{
                color: #333333;
            }
            .select_li:hover{
                background: #1e90ff;
            }
            .select_li:hover  a{
                color: #FFFFFF;
            }
            .select_top li{width:30%; text-align: center;}
            .footer_img{margin:auto;padding:10px 0 10px 0;overflow: hidden;width: 1200px;position: relative;}
            .footer_img img{margin-right: 20px;}
            .bottom {
        overflow: visible;
    }
    
    .footer_bg {
        width: 100%;
        /*min-width: 1200px;*/
        height: 180px;
        background: #FFFFFF url(1903141734151416950.png);
    }
    
    .footer {
        width: 1200px;
        margin: auto;
    }
    
    .f_left {
        font-size: 31px;
        font-weight: bold;
        color: #FFFFFF;
        line-height: 180px;
        width: 405px;
    }
    
    .f_left a {
        color: #FFFFFF;
        display: block;
        width: 405px;
    }
    
    .f_center {
        height: 116px;
        margin-top: 45px;
        width: 320px;
    }
    
    .f_center p {
        color: #FFFFFF;
        line-height: 30px;
        font-size: 12px;
    }
    
    .f_center p a {
        color: #FFFFFF;
    }
    .footer_span_img{margin-top: 52px;display: inline-block;float: left;}

    @media screen and (max-width: 980px) {
    .header{ width:100%;}
    .logo{width:100%;}
    .logo_float{float:none;}
    .logo img{width:100%;}
    .nav_bg{overflow-x:scroll;}
    .top_ad{width:100%;left:0;margin-left: 0;}
    .seach{margin-top: 10px;float:none;width:100%;}
    .form_bg{width:100%;background-size: 100%;}
    .ywss{ display:block; color:#ff8000;}
    .select_1{
                margin-left: 0px;
            }
    .select_top{width:100%;}
    .select_top li{width:28%;}
    .select_bot{width:100%;height:auto;}
    .select_1, .select_2, .select_3, .select_4{margin:0 auto 10px;float:none;}
    .footer_img{width:100%;}
    .footer_img img{display:block;margin:0 auto 10px; width:80%;}
    .footer_bg{height:auto;}
    .footer{width:100%;}
    .f_left{width:100%;font-size: 24px; text-align: center; line-height: 40px;margin-top: 20px;}
    .f_left a{width:100%;}
    .f_center{width:98%;margin:0 auto;text-align: center; line-height: 30px; height:auto;}
    .xian{display:none; }
    .bottom_img{float:none;text-align: center;margin:0 auto;width:20%;}
    .footer_span_img{margin-top: 0px;display: inline-block;float: none;}
    .banner_bg{width:100%;}
}