/*Generated by wjdhcms 3.0 */
@charset "utf-8";

::selection { 	background-color: #0a9aef; 	color: #fff; }

::-moz-selection { 	background-color: #0a9aef; 	color: #fff; }

::-webkit-selection { 	background-color: #0a9aef; 	color: #fff; }

::-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;
}

* {
    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; -webkit-transition: all .3s ease-out; transition: all .3s ease-out;
}

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

a:hover{ color: #0a9aef; }

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

.clear{clear:both;}


.webq_head_xx{ width:100%; height:auto; }


.webq_top_1{ width:100%; }

.webq_top_2{ width:1180px; height:142px; margin:0 auto;}

.webq_top_logo{ width:auto; height:142px; float:left; }
.webq_top_logo img{ width:auto; padding-top: 30px;  }

.webq_top_zhuy{ width: 290px; height:50px; float:left; font-size:18px; line-height:30px;  margin:42px 0 0 46px; color:#5f5d5e;  }
.webq_top_zhuy h6 { font-size: 18px; color: #333333;}
.webq_top_zhuy h6 span{  font-size: 18px; display: block;color: #0a9aef;}




.by{ width: 370px; float: left;margin-top: 37px;}
.by ul li{ float: left; width: 111px; height: 64px;text-align: center; line-height: 109px;border-right: dotted 1px #ccc;}
.by1{ font-size: 16px; color: #333333; background:url(../images/sl.png) no-repeat center top;}
.by2{font-size: 16px; color: #333333; background:url(../images/td.png) no-repeat center top;}
.by3{font-size: 16px; color: #333333; background:url(../images/pz.png) no-repeat center top;}



.webq_top_tel{ width:230px; height:50px; background:url(../images/top_tel.png) no-repeat left; float:right; padding:0 0 0 55px ; margin-top:41px;   }
.webq_top_tel_txt{ height:20px; line-height:20px; color: #444444; }
.webq_top_tel_dh{ font-size:22px; color:#333333; height:30px; line-height:30px;  padding-top: 3px;  }


/*导航开始*/
.nav_xiala_xx{ width:100%; height:62px; background:#0a9aef; }

.nav_xiala{ width:1180px; height:62px; margin: 0 auto; }
.nav_xiala > ul{  position:relative; height:62px;  }
.nav_xiala ul li{ float:left; width: 131px; height:62px; line-height: 62px; text-align:center; font-size:15px;  transition: all .3s linear;  }
.nav_xiala ul li a{ display:block; color:#fff; height:62px; line-height:62px; overflow: hidden; font-size: 16px;}
.nav_xiala ul li:hover{ background:#54b801; color:#fff;  }
.nav_xiala ul li:hover a{ color:#fff; }

.nav_xiala ul li:nth-child(1) a { padding-left: 15px;}
.nav_xiala ul li:nth-child(1) { background:url(../images/menu_t1.png) no-repeat 1px;  }


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

.nav_xiala ul li:hover .erji_xiala{ height:auto; visibility: visible; opacity: 1; }

.nav_xiala .erji_xiala .daohang_xiala{ float:left; width: 156px; padding: 0 20px 5px 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; }
.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) 10px no-repeat; padding-left: 23px; }
.nav_xiala .erji_xiala a:hover{  color:#FFF; padding-left: 15px; }

.nav_xiala ul li:hover .erji_xiala .daohang_xiala:nth-child(1){  animation: menu0 0.3s ease-in-out forwards; animation-delay: 0.3s;}
.nav_xiala ul li:hover .erji_xiala .daohang_xiala:nth-child(2){  animation: menu0 0.3s ease-in-out forwards; animation-delay: 0.6s;}
.nav_xiala ul li:hover .erji_xiala .daohang_xiala:nth-child(3){  animation: menu0 0.3s ease-in-out forwards; animation-delay: 0.9s;}
.nav_xiala ul li:hover .erji_xiala .daohang_xiala:nth-child(4){  animation: menu0 0.3s ease-in-out forwards; animation-delay: 1.2s;}
.nav_xiala ul li:hover .erji_xiala .daohang_xiala:nth-child(5){  animation: menu0 0.3s ease-in-out forwards; animation-delay: 1.4s;}
.nav_xiala ul li:hover .erji_xiala .daohang_xiala:nth-child(6){  animation: menu0 0.3s ease-in-out forwards; animation-delay: 1.6s;}

.nav_xiala .erji_xiala1{  position:absolute; top:62px; z-index:20;  width: 118px;  /*和一级栏目一样宽度*/
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:rgba(84, 184, 1,0.85); 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.4s;}
.nav_xiala ul li:hover .erji_xiala1 .daohang_xiala i:nth-child(3){  animation: menu1 0.3s ease-in-out forwards; animation-delay: 0.6s;}
.nav_xiala ul li:hover .erji_xiala1 .daohang_xiala i:nth-child(4){  animation: menu1 0.3s ease-in-out forwards; animation-delay: 0.8s;}
.nav_xiala ul li:hover .erji_xiala1 .daohang_xiala i:nth-child(5){  animation: menu1 0.3s ease-in-out forwards; animation-delay: 1.0s;}
.nav_xiala ul li:hover .erji_xiala1 .daohang_xiala i:nth-child(6){  animation: menu1 0.3s ease-in-out forwards; animation-delay: 1.2s;}
.nav_xiala ul li:hover .erji_xiala1 .daohang_xiala i:nth-child(7){  animation: menu1 0.3s ease-in-out forwards; animation-delay: 1.4s;}
.nav_xiala ul li:hover .erji_xiala1 .daohang_xiala i:nth-child(8){  animation: menu1 0.3s ease-in-out forwards; animation-delay: 1.6s;}


.nav_xiala > ul > li.another{ background:#54b801;  }
.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); 
}

@keyframes menu0 {
  0% {
    opacity: 0; transform: translateY(50px);
  }
  100% { 
  opacity: 1; transform: translateY(0); }
}

@keyframes menu1 {
  0% {
    opacity: 0; transform: translateX(50px) rotate(-90deg);
  }
  100% {
    opacity: 1; transform: translateX(0) rotate(0);
  }
}




/* 底部 开始 */



.webq_bottom_contx{ width:100%; height:auto; background:url(../images/b_bg.jpg) no-repeat center top;   }

.webq_bottom_cont{ width:1180px; height:auto; margin:0 auto; }

.webq_bottom_1{ height:auto; padding:45px 0 45px 0; border-bottom: 1px solid #d7d7d7; }

.webq_bottom_3{ float:left; width:460px; height:100px; color:#7b7b7b; font-size:14px;    }
.webq_bottom_3 ul li{ height:32px; line-height:32px; padding-left:30px;  }
.webq_bottom_3 ul li a{ color:#7b7b7b; }
.webq_bottom_3 ul li a:hover{ text-decoration:underline; color: #000;  }

.webq_bottom_4{ float:left; width:590px; height:100px; line-height:32px; color:#7b7b7b; font-size:14px;  }
.webq_bottom_4 a{ color:#7b7b7b; margin-right: 10px; }
.webq_bottom_4 a:hover{ text-decoration:underline;  color: #000; }

.webq_btb_1{ background:url(../images/b_d1.png) left no-repeat;   }
.webq_btb_2{ background:url(../images/b_d2.png) left no-repeat;   }
.webq_btb_3{ background:url(../images/b_d3.png) left no-repeat;   }

.webq_bottom_er_1{ float:right; width:100px; text-align:center; font-size:14px; color:#fff;     }
.webq_bottom_er_1 img{ width:84px; height:84px; background:#fff; padding: 3px;  margin-bottom:5px;  }




.in_yqlj_ss{ width: 100%;  background:url(../images/b_bg.jpg) no-repeat center top; padding: 20px 0;  }
.in_yqlj{ width:1180px; height:auto; margin:0 auto;  }
.in_yqlj_1{ height:40px; line-height:40px;  color:#888888; float: left; font-size: 20px; text-transform:uppercase; }

.in_yqlj_2{ float: right; width:1080px; line-height:26px; padding:8px 0 0 0;}
.in_yqlj_2 a{ display:inline-block; padding:0 10px 0 10px; color: #969595;  }



/* 底部 结束 */