@charset "utf-8";
/* CSS Document */

body { 	margin:0px;background:#fff;}
body,td,th {
	font-family:"Microsoft YaHei", Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#818181;
	line-height:160%;
}
table,tr,td{padding:0;}
a{color:#818181;}
a:link,a:visited,a:active{ text-decoration:none;star:expression(this.onFocus=this.blur());}
a:hover{ color:#ff0000; text-decoration:none;}
a:focus {outline:0;}
ul,dl,li,dd,dl,ol{list-style:none;margin:0;padding:0;}
h1,h2,h3,h4,h5{margin:0;padding:0;}
p,span{margin:0;padding:0;}
hr {height:1px;border:none;border-top:1px solid #e0e0e0;}
img {border:none;}
.clear {clear:both;}
.lft{float:left;}
.rgt{float:right;}
.kong10{width:100%;height:10px;margin:0 auto;overflow:hidden;}
.kong16{width:100%;height:16px;margin:0 auto;overflow:hidden;}
.kong20{width:100%;height:20px;margin:0 auto;overflow:hidden;}
.kong30{width:100%;height:30px;margin:0 auto;overflow:hidden;}
.web{width:100%;margin:0 auto;overflow:hidden;}
.web_{width:1000px;margin:0 auto;overflow:hidden;}


.cnt{text-align:center;}
img {max-width: 100%;}

/*top*/
.top {
	background-image:url(../images/bg_top.jpg);
	background-repeat: repeat-x;
	height: 68px;
	width:100%;
}
.logo {
	width:400px;
	float:left;
}
.logo img {
	width: 400px;
	height: 68px;
	object-fit: contain;
}
.yw {
	width:200px;
	float:right;
	line-height:50px;
}
.yw span:first-child {
	display: none;
}

#menu_nav { width:100%; height:38px; margin:0px auto;overflow:hidden;background-image: linear-gradient(to bottom, rgb(232, 77, 77), rgb(255, 0, 0));}
#menu_nav ul {width:750px; margin:0px auto; overflow:hidden;}
#menu_nav li {float:left;width:150px; font-size:15px; text-align:center; line-height:36px;}
#menu_nav li a{color:#fff;text-transform: capitalize;}

/*foot*/
.foot{width:100%; height:100px; background-image:url(../images/bg_bot.jpg); background-repeat:repeat-x;margin:0 auto;overflow:hidden;}
.footlogo{ width:200px; padding:38px 0 0 18px;}
.footlogo img {
	width: 133px;
	height: 34px;
}
.footwz{text-align:left;padding:21px 0;width: 750px;}

.banner {width:100%; background-color:#eaeaea;margin:0px auto;overflow:hidden;}
.new_banner{width:980px;height:393px;border:1px solid #E1E1E1;position:relative; margin:0 auto; padding:9px; background:url(../images/loading.gif) no-repeat center center #fff;}
.rslides{width:100%;position:relative;list-style:none;padding:0}
.rslides_nav{ width:36px; height:36px; background-image:url(../images/jt.png); display:block; position:absolute;  text-indent:-10em; overflow:hidden;}

.n_b{width:980px;border:1px solid #E1E1E1;position:relative; margin:0 auto; padding:9px; background:url(../images/loading.gif) no-repeat center center #fff;}
.n_b img {
	width:980px;
	 height:258px;
}


.prev{ background-position:0 0;left:-40px; top:180px;}
.prev:hover{ background-position:0 -36px;}
.next{ background-position:-36px 0;right:-40px; top:180px;}
.next:hover{ background-position:-36px -36px;}
.rslides_tabs{ position:absolute; left:450px; top:370px;clear:both;text-align:center; z-index:-99999;}
.rslides_tabs li{display:inline;float:none;_float:left;*float:left;margin-right:5px;}
.rslides_tabs a{ width:12px; height:12px; background:#fff;text-indent:-5em; overflow:hidden; display:block; float:left; margin-left:6px;border-radius:6px;}
.rslides_tabs .rslides_here a{ background:#D968C0;}

.rslides li a img {
	width: 980px;
	height: 393px;
}

.c_01{
	width:300px;
	height:130px;
	background-image: url(../images/q01.jpg);
	background-repeat: no-repeat;
	background-position: right 40px;
	overflow:hidden;
	
	background-size: 103px;
}
.c_01a{
	width:190px;
	text-align:left;	
}
.c_02{
	width:400px;
	height:130px;
	overflow:hidden;
}
.c_02a {
	width:380px;
	height:82px;
	border:#cdcdcd solid 1px;
	padding:3px;
	margin:0 auto;
}
.c_02a li {
	width:33.3%;
	float:left;
	text-align:center;
}
.c_02a li img {
	border:#e0e0e0 solid 1px;
}
.c_03{
	width:300px;
	height:130px;
	background-image: url(../images/l01.jpg);
	background-repeat: no-repeat;
	background-position: right 40px;
	overflow:hidden;
}
.c_03a{
	width:265px;
	text-align:left;	
	color: #ff0000;
}

#demo {
	background: #FFF;
    overflow:hidden;
    border: 1px solid #cdcdcd;
    width: 990px;
	height:122px;
	padding:4px 0;
	float:left;
	overflow:hidden;
}
#demo img {
    border: 1px solid #e0e0e0;
}
#indemo {
	float: left;
    width: 800%;
}
#demo1 {
	float: left;
}
#demo2 {
	float: left;
}
#demo1 img {
    width: 160px;
    height: 120px;
    object-fit: contain;
}

.bg_lft {
	background-image:url(../images/bg_lft.jpg);
	background-repeat:repeat-y;
	background-position:left;
}
.n_lft {
	width:200px;
	min-height:400px;
	padding:10px;
}
.n_lft li {
	width:160px;
	line-height:28px;
	border-bottom-color:#e0e0e0;
	border-bottom-style:solid;
	border-bottom-width:1px;
	text-align:left;
	font-weight:bold;
}
.n_lft2 {
	padding:30px 0 0 -10px;
}
.n_rgt {
	width:760px;
	overflow:hidden;
	position:relative;
}
.n_rgt_2 {
	border-bottom-color:#e0e0e0;
	border-bottom-style:dashed;
	border-bottom-width:1px;	
	padding:5px;
	text-transform: capitalize;
	text-align:right;
}
.n_rgt_3 {
	padding:5px;
	text-align:left;
}
.n_rgt_3 h3.cnt {
	text-transform: capitalize;
}
.n_rgt_4 {
	text-align:left;
}
.n_rgt_4 li {
	width:25%;
	float:left;
	text-align:center;
	margin-bottom: 10px;
}
.n_rgt_4 li a {
	text-transform: capitalize;
}
.n_rgt_4 li img {
	border:#e0e0e0 solid 1px;
	width: 160px;
	height: 120px;
	object-fit: contain;
}	
.productlist img {
	width:160px; height:120px;
	object-fit: cover; 
}
.n_cpjs {background-color:#f0f0f0; border-bottom:solid #e0e0e0 1px; color:#01aff4}
.kh {
	background: #FFF;
    border: 1px solid #cdcdcd;
    width: 990px;
	padding:10px 0 0 0;
	float:left;
}
.kh li {
	text-align: center;
	float: left;
	vertical-align: middle;
	height: 110px;
    width: 247px;
    margin-bottom: 20px;
}
.kh li img {
	width: 90%;
	height: 90%;
	padding: 5px;
	object-fit: contain;
	border: 1px solid #e0e0e0;
}


.cnt ul {
	display: flex;
	justify-content: center;
}
.cnt ul li {
	margin: 0px 5px;
}
.cnt ul li input {
	width: 50px;
}
.cnt ul li.active span {
	color: #ff0000;
}