@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;background-color:#555;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);box-shadow:inset 0 0 6px rgba(0,0,0,.3);}

::selection{background-color:#333;color:#fff;}

::-moz-selection{background-color:#333;color:#fff;}

::-webkit-selection{background-color:#333;color:#fff;}

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

body{margin:0;color:#333;font:14px/1.231 'Microsoft YaHei',arial,helvetica,clean,sans-serif;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:active,a:hover,a:link,a:visited{text-decoration:none;}

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

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

del{text-decoration:line-through;}

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

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

input,select{vertical-align:middle;}

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

img{border:none;}

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

textarea{resize:none;}

dd,dl,dt,em,h1,h2,h3,h4,h5,h6,i{font-weight:400;font-style:normal;}

.fixedNav{position:fixed;top:0;left:0;z-index:100000;width:100%;-webkit-transition:border-color .5s ease;-moz-transition:border-color .5s ease;-o-transition:border-color .5s ease;transition:border-color .5s ease;}

.left{float:left;}

.right{float:right;}

.clearboth{clear:both;}

.content-1{width:1180px;margin:0 auto;}

.content-all{width:1180px;margin:0 auto;position:relative;}



















.foot {

    height: 180px;

    background: #333;

}



.footzx {

    width: 910px;

    height: 180px;

    margin: 0 auto;

    float: right;

}



.footzx .ilfd {

    width: 534px;

    margin-top: 30px;

    display: inline-block;

}



.footzx .ilfd li {

    color: #fff;

    line-height: 30px;

}



.footzx .ilfd li a {

    color: #fff;

}



.footzx .ilfd2 {

    width: 370px;

    margin-top: 30px;

    display: inline-block;

}



.footzx .ilfd2 li {

    color: #fff;

    line-height: 30px;

}



.footzx .ilfd2 li a {

    color: #fff;

}



.ols {

    float: left;

    width: 170px;

    height: 174px;

    background: #fff;

    padding-top: 6px;

}



.ols img {

    display: block;

    margin: 0 auto;

    width: 112px;

    height: 112px;

}



.ols b {

    color: #ccc;

    text-align: center;

    width: 170px;

    padding-top: 6px;

    font-weight: normal;

    display: block;

}













































.header{width:100%;height:124px;background:url(../images/headerTop.jpg) no-repeat center top;}

.logo{width:240px;height:42px;margin-top:40px;}

.logoTitle{height:60px;margin-left:33px;margin-top:33px;border-left:1px solid #ccc;}

.logoTitle h4{padding-left:20px;font:20px/30px "micosoft yahei";font-weight:700;color:#333;}

.logoTitle p{padding-left:20px;font:16px/30px "micosoft yahei";}

.logoTitle i{color:#e50015;}

.headerTel{background:url(../images/headerTel.png) no-repeat left 9px;margin-top:30px;height:67px;}

.headerTel span{padding-left:70px;font:15px/20px "micosoft yahei";display:block;color:#777;padding-top:10px;}

.headerTel p{padding-left:70px;font:700 24px/32px airal;color:#333;}

.logo h1{font-size:30px;font-weight:700;}

.logo span{font-family:vani,'Times New Roman',Times,serif;text-transform:uppercase;font-size:12px;color:#8b8b8b;}

.nav_menu3>ul>li.another i{width:100%;height:50px;background:#e50015;}

.nav_menu3,.nav_menu3 #menu-button,.nav_menu3 ul,.nav_menu3 ul li,.nav_menu3 ul li a{margin:0;padding:0;border:0;list-style:none;line-height:1;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

.nav_menu3 #menu-button{margin-top:100px;background:red;position:absolute;z-index:99999;}

.nav_menu3 li:hover .menu1 li:first-of-type{animation:menu1 .25s ease-in-out forwards;animation-delay:50ms;}

.nav_menu3 li:hover .menu1 li:nth-of-type(2){animation:menu1 .25s ease-in-out forwards;animation-delay:.1s;}

.nav_menu3 li:hover .menu1 li:nth-of-type(3){animation:menu1 .25s ease-in-out forwards;animation-delay:.15s;}

.nav_menu3 li:hover .menu1 li:nth-of-type(4){animation:menu1 .25s ease-in-out forwards;animation-delay:.2s;}

.nav_menu3 li:hover .menu1 li:nth-of-type(5){animation:menu1 .25s ease-in-out forwards;animation-delay:.25s;}

.nav_menu3 li:hover .menu1 li:nth-of-type(6){animation:menu1 .25s ease-in-out forwards;animation-delay:.3s;}

.nav_menu3 li:hover .menu1 li:nth-of-type(7){animation:menu1 .25s ease-in-out forwards;animation-delay:.35s;}

.nav_menu3 li:hover .menu1 li:nth-of-type(8){animation:menu1 .25s ease-in-out forwards;animation-delay:.4s;}

.nav_menu3 li:hover .menu1 li:nth-of-type(9){animation:menu1 .25s ease-in-out forwards;animation-delay:.45s;}

.nav_menu3 li:hover .menu1 li:nth-of-type(10){animation:menu1 .25s ease-in-out forwards;animation-delay:.5s;}

@keyframes menu1{from{opacity:0;transform:translateX(30px) rotateY(90deg);}

to{opacity:1;transform:translateX(0) rotateY(0);}

;}

.nav_menu3:after,.nav_menu3>ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}

.nav_menu3 #menu-button{display:none;}

.nav_menu3{width:1180px;line-height:1;margin:0 auto;}

#menu-line{position:absolute;top:0;left:0;height:3px;background:#C9002F;-webkit-transition:all .25s ease-out;-moz-transition:all .25s ease-out;-ms-transition:all .25s ease-out;-o-transition:all .25s ease-out;transition:all .25s ease-out;}

.nav_menu3>ul>li{float:left;width:118px;position:relative;}

.nav_menu3.align-center>ul{font-size:0;text-align:center;}

.nav_menu3.align-center>ul>li{display:inline-block;float:none;}

.nav_menu3.align-center ul ul{text-align:left;}

.nav_menu3.align-right>ul>li{float:right;}

.nav_menu3.align-right ul ul{text-align:right;}

.nav_menu3>ul>li>a{text-decoration:none;text-transform:uppercase;color:#eee;height:50px;text-align:center;line-height:50px;}

.nav_menu3>ul>li{background:url(../images/nav_Menu.png) no-repeat center right;}

.nav_menu3>ul>li:last-child{background:0 0;}

.nav_menu3>ul>li:hover>a{color:#fff;}

.nav_menu3>ul>li.nav-has-sub:hover>a::after{border-color:#fff;}

.nav_menu3 ul ul{position:absolute;left:-9999px;}

.nav_menu3>ul>li>ul{border-top:1px solid #FFF;}

.nav_menu3 li:hover>ul{left:auto;}

.nav_menu3.align-right li:hover>ul{right:0;}

.nav_menu3 ul ul ul{margin-left:100%;top:-1px;left:0;}

.nav_menu3.align-right ul ul ul{margin-left:0;margin-right:100%;}

.nav_menu3 ul ul li{-webkit-transition:height .2s ease;-moz-transition:height .2s ease;-ms-transition:height .2s ease;-o-transition:height .2s ease;transition:height .2s ease;opacity:0;}

.nav_menu3 ul li:hover>ul>li{height:42px;border-top:1px solid #FFF;}

.nav_menu3 ul ul li{background:#e50015;}

.nav_menu3 ul ul li a{width:140px;text-decoration:none;color:#fff;-webkit-transition:color .2s ease;-moz-transition:color .2s ease;-ms-transition:color .2s ease;-o-transition:color .2s ease;transition:color .2s ease;width:118px;height:42px;line-height:42px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.nav_menu3 ul ul li.nav-has-sub>a::after{position:absolute;top:20px;right:10px;width:4px;height:4px;border-bottom:1px solid #eee;border-right:1px solid #eee;content:"";-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);-ms-transition:border-color .5s ease;}

.nav_menu3.align-right ul ul li.nav-has-sub>a::after{right:auto;left:10px;border-top:1px solid #ddd;border-right:0;border-bottom:0;border-left:1px solid #ddd;}

.nav_menu3 ul ul li.nav-has-sub:hover>a::after{border-color:#fff;}

.navBox{width:100%;height:50px;background:#333;}

.nav_menu3>ul>li>i{position:absolute;top:0;left:0;display:block;width:100%;height:0;-webkit-transition:.5s;transition:.5s;}

.nav_menu3>ul>li:hover i{width:100%;height:50px;background:#e50015;}

.nav_menu3>ul>li>ul>li{position:relative;}

.nav_menu3>ul>li>ul>li b{position:absolute;top:0;left:0;display:block;width:0;height:42px;background:#333;-webkit-transition:.5s;transition:.5s;}

.nav_menu3>ul>li>ul>li:hover b{width:100%;}

.nav_menu3>ul>li>ul>li>ul>li{left:0;height:42px;}

.nav_menu3>ul>li>ul>li>ul{height:42px;opacity:0;}

.nav_menu3>ul>li>ul>li:hover ul{opacity:1;}

.nav_menu3>ul>li>ul>li:hover ul>li{opacity:1;}

.nav_menu3>ul>li>ul>li>ul>li span{position:absolute;top:0;left:0;display:block;width:0;height:42px;background:#333;-webkit-transition:.5s;transition:.5s;}

.nav_menu3>ul>li>ul>li>ul>li:hover span{width:100%;}




.nav_xiala_xx{ width:100%; height:50px; background:#fff;  }

.nav_xiala{ width:1200px; height:50px; margin: 0 auto; }
.nav_xiala > ul{  position:relative; height:50px;  }
.nav_xiala ul li{ float:left; width: 120px; height:50px; line-height: 50px; text-align:center; font-size:15px; background:url(../images/menu_line.png) no-repeat left; -webkit-transition: all .3s linear; transition: all .3s linear; }
.nav_xiala ul li a{ display:block; color:#666666; height:50px; line-height:50px; overflow: hidden; }
.nav_xiala ul li:hover{  color:#e50015;  }
.nav_xiala ul li:hover a{ color:#e50015; }
.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 .2s linear; transition: all .2s linear;
position:absolute; top:50px; left:0;  width: 100%; background:#e50015;  }  /*一个分类 *1 一个分类 *2  六个分类100%  left:修改到合适位置; */

.nav_xiala ul li:hover .erji_xiala{ height:auto; visibility: visible; opacity: 1; border-radius:0px 0px 15px 15px;}

.nav_xiala .erji_xiala .daohang_xiala{ float:left; width: 156px; padding: 10px 20px 10px 20px; opacity: 0;  }
.nav_xiala .erji_xiala .daohang_xiala i{ font-size: 15px; border-bottom:1px solid rgba(255,255,255,0.35); display: block; font-weight: bold;}
.nav_xiala .erji_xiala .daohang_xiala span{ border-bottom:1px dashed rgba(255,255,255,0.3); display: block; text-align: left;  }
.nav_xiala .erji_xiala .daohang_xiala a { height: 35px; line-height: 35px; display: block; color:#FFF; font-size:14px; overflow: hidden; text-indent: 10px; }
.nav_xiala .erji_xiala .daohang_xiala i a{  font-size:15px;  text-align: left; background:url(../images/liqsub_ss.png) 0px no-repeat; padding-left: 13px;  overflow: hidden; }
.nav_xiala .erji_xiala .daohang_xiala i a:hover{ background:url(../images/liqsub_ss.png) 10px no-repeat; padding-left: 23px; }
.nav_xiala .erji_xiala a:hover{  color:#333; padding-left: 15px; }
.nav_xiala .erji_xiala .daohang_xiala span a{color:rgba(255,255,255,0.85);  background: -webkit-linear-gradient(left, #e3e3e3, #e3e3e3) no-repeat;
background: linear-gradient(to right, #e3e3e3, #e3e3e3) no-repeat;
background-size: 0% 100%; }
.nav_xiala .erji_xiala .daohang_xiala span a:hover{color:#333; background: -webkit-linear-gradient(left, #e3e3e3, #e3e3e3) no-repeat;
background: linear-gradient(to right, #e3e3e3, #e3e3e3) no-repeat;
background-size: 100% 100%;  }

.nav_xiala ul li:hover .erji_xiala .daohang_xiala:nth-child(1){  animation: menu1 0.3s ease-in-out forwards; animation-delay: 0.2s;}
.nav_xiala ul li:hover .erji_xiala .daohang_xiala:nth-child(2){  animation: menu1 0.3s ease-in-out forwards; animation-delay: 0.25s;}
.nav_xiala ul li:hover .erji_xiala .daohang_xiala:nth-child(3){  animation: menu1 0.3s ease-in-out forwards; animation-delay: 0.3s;}
.nav_xiala ul li:hover .erji_xiala .daohang_xiala:nth-child(4){  animation: menu1 0.3s ease-in-out forwards; animation-delay: 0.35s;}
.nav_xiala ul li:hover .erji_xiala .daohang_xiala:nth-child(5){  animation: menu1 0.3s ease-in-out forwards; animation-delay: 0.4s;}
.nav_xiala ul li:hover .erji_xiala .daohang_xiala:nth-child(6){  animation: menu1 0.3s ease-in-out forwards; animation-delay: 0.45s;}

.nav_xiala .erji_xiala1{  position:absolute; top:50px; z-index:20;  width: 120px;  /*和一级栏目一样宽度*/
height:0px; visibility: hidden;  }

.nav_xiala ul li:hover .erji_xiala1{ height:auto; visibility: visible;  }

.nav_xiala .erji_xiala1 .daohang_xiala{  }
.nav_xiala .erji_xiala1 .daohang_xiala i{ font-size: 15px; border-bottom:1px solid rgba(255,255,255,0.35); display: block; background:#e50015; opacity: 0; }
.nav_xiala .erji_xiala1 .daohang_xiala a{ height: 40px; line-height: 40px;  font-size:14px; display: block; color:#FFF; overflow: hidden;  }
.nav_xiala .erji_xiala1 a:hover{  color:#FFF; padding-left: 15px; }

.nav_xiala ul li:hover .erji_xiala1 .daohang_xiala i:nth-child(1){  animation: menu1 0.3s ease-in-out forwards; animation-delay: 0.2s;}
.nav_xiala ul li:hover .erji_xiala1 .daohang_xiala i:nth-child(2){  animation: menu1 0.3s ease-in-out forwards; animation-delay: 0.24s;}
.nav_xiala ul li:hover .erji_xiala1 .daohang_xiala i:nth-child(3){  animation: menu1 0.3s ease-in-out forwards; animation-delay: 0.28s;}
.nav_xiala ul li:hover .erji_xiala1 .daohang_xiala i:nth-child(4){  animation: menu1 0.3s ease-in-out forwards; animation-delay: 0.32s;}
.nav_xiala ul li:hover .erji_xiala1 .daohang_xiala i:nth-child(5){  animation: menu1 0.3s ease-in-out forwards; animation-delay: 0.36s;}
.nav_xiala ul li:hover .erji_xiala1 .daohang_xiala i:nth-child(6){  animation: menu1 0.3s ease-in-out forwards; animation-delay: 0.4s;}

.nav_xiala .erji_xiala1 .daohang_xiala a{color: #fff;  background: -webkit-linear-gradient(left, #e3e3e3, #e3e3e3) no-repeat;
background: linear-gradient(to right, #e3e3e3, #e3e3e3) no-repeat;
background-size: 0% 100%; }
.nav_xiala .erji_xiala1 .daohang_xiala a:hover{color:#333; background: -webkit-linear-gradient(left, #e3e3e3, #e3e3e3) no-repeat;
background: linear-gradient(to right, #e3e3e3, #e3e3e3) no-repeat;
background-size: 100% 100%;  }

.nav_xiala > ul > li.another{ color: #e50015; }
.nav_xiala > ul > li.another > a{  color:#e50015; }

.fixedNav { 
    position: fixed;
    top: 0px;
    left: 0px;
    z-index:99999;
    _position: absolute;
    _top: expression(eval(document.documentElement.scrollTop));  box-shadow: 0 8px 8px 0px rgba(0, 0, 0, 0.08); 
}