@charset "utf-8";


.lf{float:left}
.rg{float:right}
.clear{clear:both;height:0px;line-height:0px;font-size:0px}
.head{position:fixed;top:0px;left:0px;width:100%;min-width:1000px;z-index:9999;background:#fff;height:100px;transition:all .3s}
.logo{padding-top:15px;padding-left:2.18%;width:18%;transition:all .3s}
.logo a{display:block;position:relative;overflow:hidden}
.logo img{position:relative;z-index:100;height: 80px;}

.right{
    width:65%;
    padding-right:60px;
}
.top{line-height: 40px;text-align: right;}
.top span{
    font-size:24px;
    color:#004097;
    font-weight: bold;
}
.bottom{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.nav{width:90%;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
.nav ul li{float:left;width:11.11%;height:60px;background:url(../../images/1_02.jpg) right center no-repeat;transition:all .3s}
.nav ul li:nth-child(9){
    background: unset;
}
.nav ul li .a1{line-height:60px;display:block;text-align:center;font-size:16px;color:#000;transition:all .3s}
.nav ul li:hover .a1{color:#ff0000;transition:all .3s}
.nav ul li .div1{display:none;background:rgba(255,255,255,.95);width:100%;left:0px;position:absolute;top:101px;z-index:100;border-radius: 0 0 16px 16px;}
.nav ul li .div1 .p1{width:70%;margin:0 auto;}
.nav ul li .div1 .p1 a{color:#333;font-size:16px;text-transform:uppercase;display:block;height:40px;line-height:40px;transition:all .5s}
.nav ul li .div1 .p1 a:hover{color:#004097;}
.nav ul li .mad3 .p1 .pad{margin-left:30%}
.nav ul li .mad4 .p1 .pad{margin-left:44%}
.nav ul li .mad5 .p1 .pad{margin-left:45%}
.nav ul li .mad6 .p1{text-align:right}
.a_txt{display:none}
.yy{width:10%;text-align: center;}
.yy a{
    display: block;
    color:#333;
    width:70%;
    margin:0 auto;
    border:1px solid #333;
    border-radius: 15px;
    height: 30px;
    line-height: 30px;
    margin-top:15px;
}
.yy a img{
    height: 20px;
    margin-right:5px;
}
.navContainer{width:70%;margin:0 auto;padding:60px 0;}
.navPic{width:100%;border-radius: 8px;overflow: hidden;box-shadow: 0 2px 3px 3px rgba(0,0,0,.1);}
.navPic img{
    max-width: 100%;
}
.navLeft h3:after{
    content: "";
    display: block;
    width:60px;
    height: 2px;
    background: #004097;
    margin:20px 0 30px;
}
.navDesc{
    margin-top:30px;
    line-height: 30px;
    font-size: 14px;}


/*小于1600大于1200稍微调整下字体*/
@media screen and (max-width: 1600px) and (min-width:1200px) {
.nav ul li .a1{font-size:14px}
.nav ul li .div1 .p1 a{font-size:12px}
.foot_top ul{margin-left:60px}
.nav ul li .div1 .p1{width:58.1%}
}
/*移动端导航*/
@media screen and (max-width: 1024px) and (min-width: 0px){
.head{display:none}
.moblie_head{display:block;height:60px;background:#fff;position:fixed;top:0px;left:0px;width:100%;z-index:9999;border-bottom:1px solid #ddd}
.moblie_head .lf{padding-top:10px;padding-left:5%}
.moblie_head .lf img{height:40px}
.moblie_head .rg{padding-right:5%;padding-top:20px}
.moblie_head .rg a img{height:16px;vertical-align:top}
.a_txt{display:block;position:fixed;top:0px;left:0px;width:0px;height:0px;overflow:hidden;z-index:10000}
.a_txt .div1{position:absolute;width:100%;height:100%;background:#0b0d19;filter:alpha(opacity=0);opacity:0;left:0px;top:0px;z-index:1}
.a_txt .div2{position:absolute;width:20%;left:0px;top:5%;z-index:100;text-align:center;filter:alpha(opacity=0);opacity:0}
.a_txt .div3{position:absolute;width:80%;right:0px;top:0px;background:#0b0d19;height:100%;z-index:100;right:-80%}
.a_txt .div3 ul{padding-left:5%;padding-right:5%}
.a_txt .div3 ul li{border-bottom:1px solid #232530}
.a_txt .div3 ul li a{display:block;height:45px;color:#fff;line-height:45px;padding-left:5%;font-size:16px}
.a_txt .div3 ul li .a_js2{background:url(../images/plus.png) 95% center no-repeat;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
.a_txt .div3 ul li .a_js2_on{background:url(../images/reduce.jpg) 95% center no-repeat;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
.a_txt .div3 ul li .a_txt2{display:none}
.a_txt .div3 ul li .a_txt2 a{height:40px;line-height:40px;font-size:14px}
}