/*Generated by wjdhcms 3.0 */

@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: #ee2727;

    color: #fff;

}



::-moz-selection {

    background-color: #ee2727;

    color: #fff;

}



::-webkit-selection {

    background-color: #ee2727;

    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;

}



.fixedNav {

    position: fixed;

    top: 0px;

    left: 0px;

    width: 100%;

    z-index: 100000;

    _position: absolute;

    _top: expression(eval(document.documentElement.scrollTop));

}











.clear {

    clear: both;

}



.webq_head_xx {

    width: 100%;

    height: auto;

    background: url(../images/top_bg.jpg) no-repeat center top;

}



.webq_top_1 {

    width: 100%;

    height: 110px;

}





.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); 
}




.webq_top_2 {

    width: 1180px;

    height: 110px;

    margin: 0 auto;

}



.webq_top_logo2 {

    width: 540px;

    height: 106px;

    background: url(../images/top_logobg.png) no-repeat center top;

    position: absolute;

    left: 50%;

    top: 0px;

    z-index: 50;

    margin-left: -270px;
    display: none;

}



.webq_top_logo2 img {

    width: auto;

    padding: 10px 0 0 150px;

}



.bannerNbg {

    width: 100%;

    height: 70px;

    background: url(../images/bannerNBg.png) no-repeat center;

    position: absolute;

    bottom: 0;

    z-index: 2;



}



.webq_top_tel {

    width: 260px;

    height: 35px;

    position: absolute;

    left: 50%;

    bottom: 0px;

    z-index: 50;

    margin-left: -110px;

}



.webq_top_tel_txt {

    float: left;

    line-height: 35px;

    color: #fff;

    font-size: 14px;

}



.webq_top_tel_dh {

    float: left;

    font-size: 18px;

    color: #ee2727;

    line-height: 35px;

    font-weight: bold;

}





/*导航开始*/



.nav_xiala_xx {

    width: 100%;

    height: 35px;

    background: #333;

    padding: 20px 0;

}



.nav_xiala {

    width: 1180px;

    height: 35px;

    margin: 0 auto;

}



.nav_xiala>ul {

    position: relative;

    height: 35px;

}



.nav_xiala ul li {

    float: left;

    height: 35px;

    line-height: 35px;

    text-align: center;

    font-size: 15px;

    background: url(../images/menu_line.png) 0 no-repeat;

    width: 118px;

}
.nav_xiala ul li:hover .erji_xiala{
    display: block;
}


.nav_xiala>ul>li>a {

    display: block;

    color: #fff;

    height: 55px;

    line-height: 35px;

    overflow: hidden;

    padding: 0 18px;

}



.nav_xiala ul li:hover {

    background: #e50015;

    color: #fff;

}



.nav_xiala ul li:hover a {

    color: #fff;

}



.nav_xiala ul li:nth-child(1) {

    background: none;

}



.nav_xiala .erji_xiala {

    z-index: 20;

    display: none;

    position: absolute;

    top: 55px;

    left: 0px;

    width: 100%;

    background: rgba(192, 0, 0, 0.85);

}



/*一个分类 *1 一个分类 *2  六个分类100%  left:修改到合适位置; */



.nav_xiala ul li:hover .erji_xiala {}



.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;

    overflow: hidden;

}



.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) 145px no-repeat;

    padding-left: 0px;

}



.nav_xiala .erji_xiala a:hover {

    color: #FFF;

    padding-left: 15px;

}



.nav_xiala .erji_xiala1 {

    position: absolute;

    top: 35px;

    z-index: 20;

    display: none;

    background: rgba(192, 0, 0, 0.85);

    width: 96px;

    /*和一级栏目一样宽度*/

}



.nav_xiala ul li:hover .erji_xiala1 {}



.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;

}



.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.another {

    background: #e50015;

    color: #fff;

}



.nav_xiala>ul>li.another>a {

    color: #fff;

}



.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);

}





.main {

    width: 1180px;

    margin: 0 auto;

}



.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;

}