.head{ padding:0 1.20rem; position: fixed;top: 0rem;left: 0rem;z-index: 1000;background-color:#ffffff; width:100%; box-sizing:border-box;box-shadow: 0 -10px 15px 8px rgba(0, 0, 0, 0.05);}
.logo { padding-top:.39rem; width:2.20rem}
.logo a{display:block;position:relative;overflow:hidden}
.pc_kong{ height:1.48rem}



.toptle{ padding-top:.22rem; box-sizing:border-box; text-align:right; margin-left:1rem}
.toptle h6{ font-size:.32rem; color:#38659b; line-height:.37rem;}
.toptle p{ font-size:.1rem; color:#898989; text-transform:uppercase;letter-spacing:.02rem;word-spacing:.02rem;}
.toptle h4{ color:#21538f; font-size:.16rem; line-height:.28rem; margin-top:.16rem}
.toptle h4 span{ font-size:.37rem; font-weight:bold; padding-left:.05rem;}
.toptle img{ width:3.58rem}



.nav{ padding-top:.70rem;}
.nav ul li{float:left; margin-right:0.60rem;}
.nav ul li .a1{line-height:0.80rem;display:block;text-align:center;font-size:.18rem;color:#898989; position:relative;}
.nav ul li:hover .a1{color:#21538f;}
.nav ul li .div1{display:none;background:#fff;width:100%;left:0px;position:absolute;top:101px;z-index:100}
.nav ul li .div1 .p1{width:57.4%;float:right;height:65px;line-height:65px}
.nav ul li .div1 .p1 a{color:#999;font-size:14px;text-transform:uppercase;background:url(../images/1_26.jpg) center bottom no-repeat;display:inline-block;height:65px;line-height:65px;margin-right:5%;transition:all .5s}
.nav ul li .div1 .p1 a:hover{background:url(../img/1_27.jpg) center bottom no-repeat;color:#1a1a1a}
.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}
.moblie_head { display:none;}


.nav ul li .a1::after {
  content: "";
  display: block;
  width: 0%;
  height: 3px;
  background-color: #000000;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
}


.nav ul li.active a::after,
.nav ul li:hover a::after {
  width: 100%;
}


.nav ul li:hover a::after{
    transition: all 0.6s cubic-bezier(0.35, 0.75, 0.55, 1) 0.1s;
    -webkit-transition: all.6s cubic-bezier(0.35, 0.75, 0.55, 1) 0.1s;
    -moz-transition: all.6s cubic-bezier(0.35, 0.75, 0.55, 1) 0.1s;
    -o-transition: all.6s cubic-bezier(0.35, 0.75, 0.55, 1) 0.1s;
}

.nav_pc  > .active  .a1{color:#21538f}
/*小于1600大于1200稍微调整下字体*/
@media screen and (max-width: 1600px) and (min-width:1200px) {

}
/*移动端导航*/
@media screen and (max-width: 1024px) and (min-width: 0px){
.head{display:none}
.moblie_head{display:block;height:44px;background:#fff;}
.moblie_head .fl{padding-top:5px;padding-left:5%}
.moblie_head .fl img{height:34px}
.moblie_head .fr{padding-right:5%;padding-top:14px}
.moblie_head .fr 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%;overflow:auto;overflow-x:hidden;}
.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(../img/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(../img/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}
.pc_kong{ display:none}
}