/*Generated by wjdhcms 3.0 */

@charset "utf-8";



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



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



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



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;  background:url(../images/top_bg.jpg) no-repeat top;  }





.webq_top_1{ width:100%; height:155px; }



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



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

.webq_top_logo img{ width:auto; padding-top: 40px;  }



.webq_top_zhuy{ width: 450px; height:50px; float:left; font-size:18px; line-height:25px;  margin:45px 0 0 65px; color:#5f5d5e;  }

.webq_top_zhuy h6 { font-size: 20px; }

.webq_top_zhuy h6 span{  font-size: 23px; }





.search_box { width:361px; height:28px;  overflow:hidden; border: 1px solid #c9c9c9; position:relative; margin-top: 8px; }

.swap_value {float:left; width:310px;  font-size:14px; color: #5f5d5e; height:28px; line-height:28px; padding:0 10px 0 10px; border:0; background:none;  }

.swap_go {float:right; margin:0; border:0; width:40px; height:28px;  background:url(../images/fdj.png) no-repeat center; cursor:pointer; position:absolute; top:0px; right:0px; }





.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:45px;   }

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

.webq_top_tel_dh{ font-size:28px; color:#c22d31; height:30px; line-height:30px;  padding-top: 3px;  }





/*导航开始*/

.nav_xiala_xx{ width:100%; height:62px; background:url(../images/menu_bg.jpg) no-repeat center; }



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

.nav_xiala > ul{position:relative;height:62px;display: flex;}

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

.nav_xiala ul li a{ display:block; color:#fff; height:62px; line-height:62px; overflow: hidden; }

.nav_xiala ul li:hover{ background:#f6590f; 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 10px;  }





.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(180, 42, 46,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(180, 42, 46,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:#f6590f;  }

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



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



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

.in_yqlj_2 a:hover{ text-decoration: underline; color: #fff; }





/* 底部 结束 */