html{margin:0;padding:0;border:0;}
body,div,span,object,iframe,h1,h2,h3,h4,p,blockquote,pre,a,address,code,b,em,img,
dl,dt,dd,ol,ul,li,fieldset,form,label,footer,
header,hgroup,nav,section
{margin:0;padding:0;border:0;}

input{padding:0;margin:0;font-family:'Microsoft YaHei';}
img{border:none;background:none;vertical-align:middle;}
ul,ol,li{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0}
table, th, td {vertical-align: middle}
.clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.clearfix{zoom:1}
.clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;}

.w1200{width: 1200px;margin: 0 auto;}
.fl{float: left;}
.fr{float: right;}



.top-head{
    width: 100%;
    position: relative;
}

.banner{width:100%;height:100%;overflow: hidden;}
.banner ul.bb{position:relative;padding:0px;margin:0px;z-index:5;width:100%;height:100%;}
.banner ul.bb li{position:absolute;display:none;width:100%;height:100%;}
.banner ul.bb li a{width:100%;display:block;height:100%;}
.banner ul.bb li a img{width:100%;height:100%;transition: 5s;}
.banner ul.bb li.imgIn img{  transform:scale(1.1);}
.banner .num{position:absolute;bottom:20px;width:100%;z-index:100;padding:5px 0px;opacity:0.8;text-align:center;}
.banner .num li{width:10px;height:10px;display:inline-block;margin:0 10px;background:none;_display:inline;_font-size:0px;border: 2px solid #fff;
    text-indent:-100px;border-radius: 50%;}
.banner .num li{*display:inline;_zoom:1;_display:inline;}
.banner .num li.num_hover{border-color: #ca0004;}
.banner .num li a{float:left;display:inline;text-align:center;color:#fff;text-decoration:none;cursor:pointer;width:20px;height:20px;overflow:hidden;opacity:1;line-height: 20px;}


.w1700{
    max-width: 1730px;
    padding-left: 15px;
    padding-right: 15px;
    margin: 0 auto
}

.thead{
    position: absolute;
    top: 38px;
    left: 0;
    width: 100%;
    z-index: 9999;
}
.thead .head-con{
    background: #fff;
    height: 80px;
    padding-left: 3%;
    padding-right: 210px;
    position: relative;
}

.logo{
    line-height: 80px;
}
.logo img{
    max-width: 100%;
}

.head-right{
   position: absolute;
   right: 60px;
   top: 0;
   height: 60px;
}
.head-right > div{
    display: inline-block;
    font-size: 14px;
    color: #494848;
    line-height: 80px;
}
.head-right > div a{
    color: #494848
}
.head-right .ss{
    position: relative;
}
.head-right .ss .ss-btn{
    cursor: pointer;
}
.head-right #formsearch{
   position: absolute;
   top: 80px;
   right: 0;
   width: 200px;
   line-height: 30px;
   width: 220px;
   display: none;
}
.head-right #formsearch input{
    outline: none;
}
.head-right #formsearch #keyword{
    width: 160px;
    padding-left: 15px;
    border: 1px solid #ccc;
    line-height: 30px;
}
.head-right #formsearch #s_btn{
    background: #3a5ad1;
    color: #fff;
    width: 60px;
    border: none;
    float: right;
}


@media (max-width: 990px){
  .topbanner{
    padding-top: 60px;
  }
}


.index-c1{
    padding-top: 5%;
    padding-bottom: 5%;
}

.index-c1 ul li{
    width: 30%;
    float: left;
    background: #fff;
    box-shadow: 0 0 5px #aaa;
    padding:4.5% 5%;
    border-radius: 10px;
    margin-right: 5%;
}
.index-c1 ul li:nth-child(3n){
    margin-right: 0;
}

.index-c1 ul li a{
    display: block;
}
.index-c1 ul li .img{
    display: block;
    width: 32%;
    float: left;
    
}
.index-c1 ul li .img img{
    max-width: 100%
}

.index-c1 ul li .wz{
    width: 66%;
    float: right;
}
.index-c1 ul li .wz h3{
    font-size: 18px;
    color: #101010;
    margin-bottom: 15px;
}
.index-c1 ul li .wz p{
    font-size: 14px;
    color: #494848;
}

.index-c1 ul li a:hover img{
    filter: invert(23%) sepia(10%) saturate(7360%) hue-rotate(197deg) brightness(91%) contrast(94%);
}




@media (max-width: 768px){
    .index-c1{
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .index-c1 ul li{
        width: 100%;
        margin: 0 0 15px 0!important;
    }
    .index-c1 ul li .img{
        text-align: center;
    }
    .index-c1 ul li .img img{
        max-width: 60px;
    }
}



.index-c2{
    padding-bottom: 5%;
}

.index-c2 .c2-left{
    width: 50%;
    overflow: hidden;
    box-shadow: 0 0 5px #bbb;
}
.index-c2 .c2-left img{
    max-width: 100%;
    transition: .5s;
}
.index-c2 .c2-left:hover img{
    transform: scale(1.1);
}
.c2-right{
    width: 46%;
}
.c2-right > h3{
    font-size: 14px;
    color: #9c9c9c;
    line-height: 50px;
}
.c2-right > h4{
    font-size: 20px;
    line-height: 1.6;
    color: #404040;
    padding: 4% 0;
}
.c2-right > h4 span{
    letter-spacing: 15px;
}
.c2-right .jj{
    font-size: 16px;
    color: #868686;
    line-height: 1.9;
}
.c2-right a.more{
    display: block;
    width: 150px;
    height: 44px;
    text-align: center;
    line-height: 44px;
    background: #3a5ad1;
    font-size: 16px;
    color: #fff;
    margin-top: 4%
}

@media (max-width: 990px){
    .index-c2 .c2-left{
        width: 100%;
        text-align: center;
        float: none;
    }
    .c2-right{
        width: 100%;
        float: none;
    }
    .c2-right > h4{
        font-size: 16px;
    }
    .c2-right .jj{
        font-size: 14px;
    }
}

@media (max-width: 768px){
    .index-c2{
        padding-bottom: 40px;
    }
    .c2-right a.more{
        display: block;
        width: 130px;
        height: 36px;
        text-align: center;
        line-height: 36px;
        background: #3a5ad1;
        font-size: 14px;
        color: #fff;
        margin-top: 20px
    }
}



.series *{transition: 500ms; -webkit-transition: 500ms;}
.series dl dd{float:left;position:relative; overflow:hidden; cursor: pointer;}
.series .w25{width:25%;}
.series .w50{width:50%;}
.series .w33{width:33.333333%;}
.series dl dd .black{background: url(../images/bg.png) repeat-x;width:100%;height:600px;display:block;position: absolute;left:0;bottom:-200px; z-index:8;}
.series dl dd .t{ position: absolute;top:80%;left:40px;z-index:11;color:#fff;font-size:25px;}
.series dl dd .des{position: absolute;top:100%;left:40px;z-index: 10;color:#fff;height:160px; opacity: 0}
.series dl dd .des a{font-size:14px;color:#fff;border:1px solid #fff;padding:0 10px;display: inline-block;margin:0 7px 7px 0;}
.series dl dd .des a:hover{color:#3a5ad1;background:#fff;}
.series dl dd img{width:100%;}
.series dl dd:hover .black{bottom:0;}
.series dl dd:hover .t{top:10%}
.series dl dd:hover .des{top:30%;transition-delay: 100ms; opacity: 1}
.series dl dd:hover img{transform:scale(1.1)}

@media screen and (max-width:1200px){
    .series .w25{width:100%;}
    .series .w50{width:100%;float:none;clear:both;}
    .series .w33{width:100%;float:none;clear:both;}
}


.yqlj{
    padding: 15px 0;
    font-size: 14px;
    color: #333;
    line-height: 30px;
}
.yqlj a{
    color: #333;
}



.footbg{
    background: #0c2e7e; 
}

.foot1{
    padding-top: 50px;
    padding-bottom: 50px;
}
.foot1 .fnav{
    width: 76%;
    float: left;
}
.foot1 .fnav ul li{
    width: 16.666%;
    float: left;
}
.foot1 .fnav ul li h3{
    font-size: 20px;
    color: #fff;
    line-height: 2;
}
.foot1 .fnav ul li .sec a{
    display: block;
    line-height: 1.8;
    font-size: 16px;
    color: #fff;
}
.foot1 .fnav ul li .sec a:hover{
    text-decoration: underline;
}
.foot1 .fewm{
    width: 24%;
    float: right;
    text-align: center;
}
.foot1 .fewm > h3{
    font-size: 14px;
    color: #fff;
    line-height: 50px;
        margin-left: -21%;
    
}
.foot1 .fewm > h3 span{
    font-size: 20px;
}

.foot1 .fewm img{
    max-width: 100%;
}

.foot2{
    border-top: 1px solid #fff;
    padding: 10px 0;
    font-size: 14px;
    line-height: 24px;
    color: #fff;
    text-align: center;
}
.foot2 a{
    color: #fff;
}
.hotkey{
    display: none;
}
.hotkey a{
    margin-right: 10px;
}

@media screen and (max-width:990px){
    .foot1 .fnav{
        width: 100%;
        float: none;
    }
    .foot1 .fewm{
        width: 100%;
        float: none;
    }

    .page-banner{
        padding-top: 60px;
    }
}

@media screen and (max-width:768px){
    .foot1 .fnav ul{
        font-size: 0
    }
    .foot1 .fnav ul li{
        width: 33.333%;
        float: none;
        display: inline-block;
        margin-bottom: 15px;
        vertical-align: top;
    }
    .foot1 .fnav ul li h3{
        font-size: 14px;
    }
    .foot1 .fnav ul li .sec a{
        font-size: 12px;
        line-height: 24px;
    }
    .foot1 .fewm > h3 span{
        font-size: 18px;
    }
    .foot2{
        font-size: 12px;
    }
}