/*Generated by wjdhcms 3.0 */

@charset "utf-8";



::selection { 	background-color: #81b93c; 	color: #fff; }



::-moz-selection { 	background-color: #81b93c; 	color: #fff; }



::-webkit-selection { 	background-color: #81b93c; 	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: #81b93c; }



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%; height:100px; }



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



.webq_top_logo{ width: auto; height:100px; float:left;  }

.webq_top_logo img{ padding-top: 25px;  }



.webq_top_zhuy{ width: 450px; height:50px; float:left;  color: #333; line-height:25px; margin:25px 0 0 20px; padding-left: 20px; border-left: 1px solid #bfbfbf; }

.webq_top_zhuy span{ font-size:16px; }



.webq_top_tel{ width:150px; height:40px; background:url(../images/top_tel.png) no-repeat left; padding:0 0 0 40px; float: right; margin-top: 28px; }

.webq_top_tel_txt{ height:20px; line-height:20px; color: #333;  }

.webq_top_tel_dh{ font-size:18px; color:#5f9012; line-height:20px; font-weight: bold; }



/*导航开始*/



.nav_xiala_xx{ width:100%; height:55px; background: #fff;  border-top: 1px solid #81b93c; border-bottom: 2px solid #81b93c; }



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

.nav_xiala > ul{  position:relative; height:55px;  }

.nav_xiala ul li{ float:left; width: 131px; height:55px; line-height: 55px; text-align:center; font-size:15px; -webkit-transition: all .3s linear; transition: all .3s linear; background:url(../images/menu_line.png) no-repeat left; }

.nav_xiala ul li > a{ display:block; color:#333; height:55px; line-height:55px; overflow: hidden;  }

.nav_xiala ul li:hover{ background:#81b93c; color:#fff; }

.nav_xiala ul li:hover > a{ color:#fff; background:#81b93c;  }



.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 .3s linear; transition: all .3s linear;

position:absolute; top:55px; left:0;  width: 100%; background:rgba(129, 185, 60,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:55px; z-index:20;  width: 131px;  /*和一级栏目一样宽度*/

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(129, 185, 60,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:#81b93c; 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); 

}



@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%;  background:#323232; margin-top:30px;  }



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



.webq_bottom_1{ height:auto; padding:35px 0 30px 0; }



.webq_bottom_3{ float:left; width:460px;  color:#FFF; font-size:14px; line-height:30px; padding: 0 0 0 0;  }

.webq_bottom_3 a{ color:#FFF; }

.webq_bottom_3 a:hover{ text-decoration:underline; }



.webq_bottom_4{ float:left; width:365px;  color:#FFF; font-size:14px; line-height:30px; padding: 0 0 0 0;  }

.webq_bottom_4 a{ color:#FFF; }

.webq_bottom_4 a:hover{ text-decoration:underline; }





.webq_bottom_er_1{ float:left; width:130px; text-align:center; font-size:14px; color:#fff;  margin-left: 45px;    }

.webq_bottom_er_1 img{ width:100px; height:100px; background:#fff; padding: 15px;  margin-bottom:5px;  }



/* 底部 结束 */