body,div,ul,li,a,p,h1,h2,h3,h4,h5,h6,dl,dd,dt,input{padding:0;margin:0;}
i{font-style:normal;}
ul,li{list-style: none;}
a{text-decoration: none;}
img{border:0;}
input{border:0;outline:none;}
body{font:12px/1.5 Helvetica, Arial,Microsoft YaHei UI;}
@font-face {
    font-family: 'ziti1';
    src:url('../fonts/dashicons.ttf');
}
.inner{width:1260px;margin:0 auto;}
.clear{clear: both;}

/*头部公共样式*/
.header{width:100%;height:50px;background-color:#323232;color:#fff;font-size:20px;font-family: ziti1;
    position: fixed;opacity: 0.5; z-index: 90;}
#head_inner>.phnav>a{display:inline-block;width:50px;height:50px;line-height:50px;}
#head_inner>.phnav>a>i{color:#fff;}
#head_inner>.phnav>span{position:absolute;left:50%;transform: translateX(-50%);top:10px}
#head_inner>.phnav>.user{display:inline-block;width:50px;height:50px;line-height:50px;float:right;}
#head_inner .phnav{width:100%;display:none;}
.header .subnav{width:100%;position:absolute;left:0;padding-left:0;top:50px;background:#323232;display:none;}
.header .ashow{display:block;}
.header .subnav>li{height:50%;line-height:50px;color:#727272;border-bottom:1px solid #ccc;width:100%;font-size:14px;text-align: center;}
.header .subnav>li:hover{color:#fff;}

.header .inner ul{float:left;position:relative; /*padding-left:105px;*/}
.header .inner ul li {display:inline-block;margin-top:0;}
.header .inner ul .art { padding-left:210px; }
.header .inner ul li:hover a{color:rgba(255,255,255,0.3);}
.header .inner>ul>li>a{margin:0 32px;line-height:50px;color:rgba(255,255,255,0.8);font-family: "Microsoft YaHei UI";font-size:14px;transition: all 1s;}
.header .inner>ul .logo a{margin:0;/*margin-right:68px;*/margin-top:6px;display:inline-block;line-height:0px;}
.header .inner>ul .logo a img{width:125px;}
.header .inner>ul .logo{position:absolute;/*left:-7px;*/}
/*.header .inner>ul .logo img { height: 50px;}*/
.header .inner .header-right{float: right;  position: relative;padding-top:9px;}
.header .inner .header-right span{
    position: absolute;left:10px;top:6px;}

.header .inner .header-right ul li{float: left;width:54px;height:32px;margin-left:1px;line-height:32px;text-align: center;background-color:#757575;font-size:15px;position: relative;}
.header .inner .header-right ul li a{color:#fff;font-size:12px;}
.header .inner .header-right ul li:hover  a{color:rgba(255,255,255,0.3);}
.header .inner .header-right ul .yang{background-color:transparent;}
.header .inner .header-right ul .header-search {width:0px;position:absolute;right:8px;top:-8px;overflow: hidden;z-index:10;transition: all 1s;}
.header .inner .header-right ul  .yang .ac{display:none;}
.header .inner .header-right ul .header-search span i{color:rgba(0,0,0,0.5);}
.header .inner .header-right ul .header-search input{width:160px;height:32px;margin-top:8px;padding-left:30px;line-height:32px;border-radius: 5px;}
.header .inner .header-right ul .btn-l{border-radius: 5px 0 0 5px;}
.header .inner .header-right ul .btn-r{border-radius: 0 5px 5px 0;}
.header .inner .header-right ul a i{font-size:15px;}

/*       自适应*/
@media  screen and (max-width:1470px){
    #head_inner{width:80%;}
    #logo{padding-left:50px;}
    .header .inner .header-right ul .yang{display:none;}
    .header .inner .header-right ul{padding-left:50px;}


}
@media  screen and (max-width:1260px){
    #logo{padding-left:35px;}
    .header .inner .header-right ul{padding-left:0px;}

}
@media  screen and (max-width:1024px){
    #head_inner{width:95%;}
   #logo{display:none;}
    .header .inner .header-right{display: none;}
    #head_inner .phnav{width:100%;display:block;}


}

/*底部公共样式*/
.bottom{ background:#222; height:160px; width:100%; padding-top:40px;}
.bottom .inner{border-bottom:1px solid #313131; height:159px; z-index:50;}
.bottom .wei{ width:40%; padding-right:70px; float:left; }
.bottom .wei h3{ line-height:36px; font-size:16px; color:#b2b2b2;} 
.bottom .wei p{ line-height:20px; font:14px; color:#595959; }
.bottom dl{ float:left; width:10%; padding:0 0px 20px 0;}
.bottom dl a{ transition:all 0.6s; color:#6f6f6f;  }
.bottom dl dt{ font-size:14px; color:#b2b2b2; line-height:35px; }
.bottom dl dd{ line-height:21px; font:12px;}
.bottom dl a:hover{ color:#b2b2b2;text-decoration:underline; }
.bottom .lxfs{ width:24%; float:left;}
.bottom .lxfs h3{ line-height:35px; color:#b2b2b2; font-size:16px; }
.bottom .lxfs p{ line-height:21px; color:#6f6f6f; font:14px; margin-bottom:9px;}
.bottom .lxfs .text{ width:53%; height:26px; border:1px solid #323232; margin-bottom:20px; background:#1b1b1b; color:rgba(255,255,255,0.9); margin-right:6px; }
.bottom .lxfs .sub{ width:18%; height:28px; background:#00a398; border-radius:5px; margin-bottom:20px; color:#b2b2b2; }
.bottom .lxfs .sub:hover{ color:#fff; }
.bottom .lxfs li{ float:left;}
.bottom .lxfs li i{width:30px; height:30px;  background:#1b1b1b; color:#b2b2b2; text-align:center; line-height:30px; border-radius:4px; font-size:16px; margin-right:8px; transition:all 0.7s; }
.bottom .lxfs li:nth-child(1) i:hover{ background:#79ac21; color:#fff;}
.bottom .lxfs li:nth-child(2) i:hover{ background:#ff664e; color:#fff;}
.bottom .lxfs li:nth-child(3) i:hover{ background:#e05fef; color:#fff;}
.bottom .lxfs li:nth-child(4) i:hover{ background:#00c3f4; color:#fff;}
.bottom .lxfs li:nth-child(5) i:hover{ background:#f39c12; color:#fff;} 


.footer{ height:40px; background:#222; width:100%; padding-top:18px; }
.footer p{ font-size:14px; color:#999;  }
.footer p span{ color:#00c3b6;}