@charset "utf-8";

::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background-color: #F5F5F5;
}

::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #E2E2E2;
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #555;
}
 ::selection {
    background-color: #177bd9;
    color: #fff;
}

::-moz-selection {
    background-color: #177bd9;
    color: #fff;
}

::-webkit-selection {
    background-color: #177bd9;
    color: #fff;
}


* {
    padding: 0;
    margin: 0;
    font-family: 'Microsoft YaHei', arial, helvetica, clean, sans-serif;
}

body {
    font: 14px/1.231 'Microsoft YaHei', arial, helvetica, clean, sans-serif;
    color: #333;
    margin: 0;
    line-height: 1.5;
}

:focus {
    outline: 1;
}

article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary {
    display: block;
}

a {
    color: #333;
    text-decoration: none;
}

a:link,
a:hover,
a:active,
a:visited {
    text-decoration: none;
}

ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none;
}

mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: bold;
}

del {
    text-decoration: line-through;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #cccccc;
    margin: 1em 0;
    padding: 0;
}

input,
select {
    vertical-align: middle;
}

li,
ul {
    list-style-type: none;
}

img {
    border: none;
}

input,
textarea {
    outline: 0;
    border: 0;
}

textarea {
    resize: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
dl,
dd,
dt,
i,
em {
    font-weight: normal;
    font-style: normal;
}
/*header*/
.pagetop{ width:1180px ;margin:0 auto; height:90px;}
.pagetop .logo{ float:left; width:215px; height:43px; margin-top:24px;}
.pagetop .nav_xiala_xx{ float:right; width:915px; margin:33px auto  0 auto;}
.nav_xiala{ width:915px; height:32px; margin: 0 auto; }
.nav_xiala > ul{  position:relative; height:32px;  }
.nav_xiala ul li{ float:left;transition: .7s;  height:55px; line-height: 32px; text-align:center; font-size:14px; }
.nav_xiala ul li a{ display:block; color:#000; height:32px; line-height:32px; overflow: hidden;padding:0 20px; }
.nav_xiala ul li:hover{ border-bottom:2px solid #177bd9;-webkit-transition: all .7s; transition: all .7s;}
.nav_xiala ul li:nth-child(1) { background:none; }

.nav_xiala .erji_xiala{  z-index:20; height:0px; visibility: hidden; opacity:0;  -webkit-transition: all .7s linear; transition: all .7s linear;
position:absolute; top:58px; left:230px;  width: calc(196px * 3);  background:rgba(0, 0, 0,0.7);}  /*一个分类 *1 一个分类 *2  六个分类100%  left:修改到合适位置; */

.nav_xiala ul li:hover .erji_xiala{ height:auto; visibility: visible; opacity: 1;-webkit-transition: all .7s; transition: all .7s; }

.nav_xiala .erji_xiala .daohang_xiala{ float:left; width: 156px; padding: 0 20px 5px 20px; }
.nav_xiala .erji_xiala .daohang_xiala i{ font-size: 15px; border-bottom:1px solid rgba(255,255,255,0.35); display: block; }
.nav_xiala .erji_xiala .daohang_xiala span{ border-bottom:1px dashed rgba(255,255,255,0.35); display: block; text-align: left;  }
.nav_xiala .erji_xiala .daohang_xiala a { height: 40px; line-height: 40px; display: block; color:#FFF; font-size:14px; -webkit-transition: all .5s linear; transition: all .5s linear;}
.nav_xiala .erji_xiala .daohang_xiala i a{  font-size:15px;  text-align: left; background:url(../../images/ph/liqsub_ss.png) 0px no-repeat; padding-left: 13px;  }
.nav_xiala .erji_xiala .daohang_xiala i a:hover{ background:url(../../images/ph/liqsub_ss.png) 145px no-repeat; padding-left: 0px; }
.nav_xiala .erji_xiala a:hover{  color:#FFF; padding-left: 15px; }

.nav_xiala .erji_xiala1{  position:absolute; top:58px; z-index:20; background:rgba(0, 0, 0,0.7); width:150px;  /*和一级栏目一样宽度*/
height:0px; visibility: hidden; opacity:0;  -webkit-transition: all .7s linear; transition: all .7s linear; }
.nav_xiala ul li:hover .erji_xiala1{ height:auto; visibility: visible; opacity: 1;-webkit-transition: all .7s; transition: all .7s; }

.nav_xiala .erji_xiala1 .daohang_xiala{ padding: 0 0 5px 0; }
.nav_xiala .erji_xiala1 .daohang_xiala i{ font-size: 15px; border-bottom:1px solid rgba(255,255,255,0.35); display: block; }
.nav_xiala .erji_xiala1 .daohang_xiala a{ height: 40px; line-height: 40px;  font-size:14px; display: block; color:#FFF; }
.nav_xiala .erji_xiala1 a:hover{  color:#fff; padding-left: 15px;-webkit-transition: all .7s; transition: all .7s; }


.nav_xiala > ul > li.another{ 
    border-bottom:2px solid #177bd9;
}

.fixedNav { width: 100%!important;height: 50px;
    position: fixed;background: #fff;
    top: 0px;
    left: 0px;
    z-index:999999;box-shadow: 0 8px 8px 0px rgba(0, 0, 0, 0.08);
    _position: absolute;
    _top: expression(eval(document.documentElement.scrollTop)); margin-left:0; margin-top:0px;
}
.fixedNav ul{ width:1180px; height:50px; margin:0 auto;float: none; }

.fixedNav ul li{  width:auto;height: 50px;
    float: left;padding: 0 8px;}

.fixedNav ul li a{ font-size: 16px;color: #282828;
    line-height: 48px;
    transition: all .7s; }

.fixedNav ul li a:hover{ color:#51cce4; }

.fixedNav ul li.another>a{color:#51cce4;}
/*footer*/
.footer-box{
    width: 100%;height: 300px;
    background: url(../../images/ph/fot-bg.jpg) no-repeat center;
    background-size:cover;
}
.footer-center{
    width: 1180px;height: 175px;
    padding-top:65px;margin:0 auto;
}
.footer-center ul{
    width: 335px;height: 100%;margin-right:55px;float: left;
}
.footer-center ul li{
     width: 100%;
     font-size: 14px;color: #f2f2f2;
     line-height: 34px;
}
.footer-center ol{
    width: 265px;height: 100%;float: left;
    overflow: hidden;
    
}
.footer-center ol dl{
     width: 100%;height: 34px;
     font-size: 14px;color: #f2f2f2;
     line-height: 34px;
}
.footer-center ol dl a{
    display: inline-block;
    color: #f2f2f2;
}
.footer-center ol dl>img{
    width: auto;height: auto;
    margin-left: 5px;
}
.footer-center>p{
    float: right;margin-left:47px;
    width: 127px;height: 164px;
}
.footer-center>p>img{
    width: 90px;height: 90px;
    padding:15px;background: #fff;
}
.footer-center>p>span{
    display: block;
    width: 100%;height:35;
   font-size: 14px;color:#fff;
   line-height: 35px;text-align: center;
}