html{color:#000;background:#fff;overflow-x:hidden; overflow-y:auto;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;} 
body,button,input,select,textarea{font-size:12px; font-family:Tahoma,"";}
img{border:none;}
html{ background-color:#f7eae7;}
em,strong{font-style:normal;font-weight:normal;}
ul,li,ol{list-style:none;}
table{border-collapse:collapse;border-spacing:0;}
h1{font-size:18px;}
h2{font-size:16px;}
h3{font-size:16px;}
h1,h2,h3,h4,h5,h6{font-weight:bold;}
h4,h5,h6{font-size:100%;}
address,cite,dfn,em,var{font-style:normal;}
button,input,select,textarea{font-size:100%;}
button{ cursor:pointer; outline:none;}
q:before, q:after{ content: '';}
.cl{ clear:both; height:0; line-height:0; font-size:0; width:0;}
.fl{ float:left;}
.fr{ float:right;}
/*link style*/
a{ color:#000;text-decoration:none;}
a:link{ color:#000; text-decoration:none;}
a:visited{ color:#6c6c6c; text-decoration:none;}
a:hover { color:#1f3e94;text-decoration: none;}
a:active{ color:#C52500; text-decoration:none;}
.header{ width:100%; height:132px; background:url(../img/top_bj.jpg) repeat-x top center;}
.top_bj{ width:960px; margin:0 auto;}
.logo{ width:278px; height:86px; margin:30px 0 0 10px;}
.logo a{ display:block; width:278px; height:86px; background:url(../img/logo.gif) no-repeat center; text-indent:-999em;}
.corner{ color:#fff; margin:10px 20px 0 0;}
.corner a{ color:#fff; margin:0 5px;}
.corner a:hover{ text-decoration:underline;}
.nav{ width:648px; height:49px; border-top:1px solid #e37378; margin-top:60px; background:url(../img/nav_sp.gif) right no-repeat center;}
.nav ul li{ float:left; width:92px; height:49px; line-height:49px; background:url(../img/nav_sp.gif) left no-repeat center; text-align:center; position:relative; z-index:999;}
.nav ul li a{ font-size:14px; font-weight:bold; color:#fff;}
.nav ul li a:hover{ color:#e7e2e2;}
.nav ul li ul{ position:absolute; display:none; top:47px; left:0; border-color:#ccc; border-style:solid; border-width:0 1px 1px 1px;}
.nav ul li ul li{ width:108px; height:30px; line-height:30px; background-color:#fff;FILTER: alpha(opacity=80);opacity:0.8; background-image:none;}
.nav ul li ul li a{ color:#000; font-weight:normal;}
.nav ul li ul li a:hover{ color:#b4090d;}
.nav ul li:hover ul{ display:block;}
.banner{ width:960px; margin:0 auto;}
.main{width:960px; margin:8px auto; background:url(../img/main_bj.jpg) repeat-x top center;}
.main_left{ width:280px;}
.gsjj_title{ background-color:#cdcdcd; height:30px; line-height:30px; padding:0 8px;}
.gsjj_title a{ float:right;}
.gsjj_title h3{ background:url(../img/icons1.gif) left no-repeat center; text-indent:20px;}
.gsjj_content{ padding:5px 8px; line-height:26px; text-indent:2em;}
.gsjj_img{ text-align:center; margin:8px 0;}

.main_mid{ width:450px; display:inline; margin-left:10px;}
.pro_title{ padding:3px 8px; height:28px; line-height:28px; color:#e1212a; background:url(../img/pro_bj.jpg) no-repeat bottom left;}
.pro_title a{ color:#e1212a; float:right;}
.pro_title a:hover{ color:#ff0000;}
.pro_title h3{ color:#000; display:inline;}
.pro_content{ padding:5px 0; margin:0 0 8px 0;}
#wrap{width:392px;overflow:hidden;}
#wrap ul li img{ border:1px solid #ccc; margin-bottom:5px;}
#wrap ul li:hover img{ border:1px solid #ff0000; }
#wrap ul li p{ text-align:center;}
  #a li{float:left; width:100px; margin:0px 4px;}
  #b li{float:left; width:100px; margin:0px 4px;}
  #scrolls{width:600%;float:left;}
  #a{float:left;}
  #b{float:left;}
  .left,.right{width:21px;height:110px;cursor:pointer;}
  .left{ float:left; background:url(../img/pro_l.gif) no-repeat center; margin-right:6px;}
  .right{ float:right; background:url(../img/pro_r.gif) no-repeat center; margin-left:3px;}
.video_title{ width:36px; margin:0 4px 0 0; padding-top:10px;}
.video_content{ width:400px;}
.video_content dt{ float:left; width:190px;}
.video_content dd{ float:right; width:190px;}
.video_content ul li{ border-bottom:1px dashed #ccc; height:25px; line-height:25px; background:url(../img/icons2.jpg) no-repeat left center; text-indent:10px;}
.main_right{ width:210px;}
.contact_content{ padding:8px;line-height:26px; background:url(../img/con_bj1.png) no-repeat center center; clear: both;}
.footer{width:940px; margin:10px auto 0 auto; border-top:2px solid #ff0000; background-color:#6d6d6d; padding:10px;}
.footer dt{ float:left; margin-left:300px;_margin-left:150px;}
.footer dd{ color:#fff; padding-top:12px; line-height:20px;}
.footer dd a{ color:#d6e7ef;}
.prolist{ margin:8px auto; width:960px;}
.pro_left{ border:1px solid #ccc; width:136px; padding:5px 6px;background:url(../img/sider_bj.jpg) top repeat-x; background-color:#fff;}
.pro_right{ width:800px;}
.pro_cat_content ul{ margin-top:10px;}
.pro_cat_content ul li{ height:25px; line-height:25px;text-indent:15px; border-top:1px dashed #53799d;}
#proli_cont{ background:none;}
.pro_list_content{ border:1px solid #ccc; margin:8px 0; width:798px; padding:8px 0; background-color:#fff;}
.pro_list_content ul li{ width:250px; margin:3px 5px;_margin:8px 4px; float:left;}
.pro_list_content ul li img{ padding:2px; border:1px solid #ccc; margin-bottom:8px;}
.pro_list_content ul li:hover img{ border:1px solid #2d61bf;}
.pro_list_content ul li p{ text-align:center;}
#fenye { margin:10px 10px 5px 0; text-align:right;}
#fenye a{ border:1px solid #ccc; padding:3px 5px; text-align:center;}
#fenye a:hover{ background-color:#ff0000; color:#fff;}
#del_content{ padding:8px 15px; width:768px;}
.del_content img{width: expression(this.width > 500 ? 500: true); max-width: 500px;}
#friendlink {
	background: #F7EAE7;
	width: 950px;
	MARGIN-RIGHT: auto;
	MARGIN-LEFT: auto;
	overflow: hidden;
}

#linktitle {
	border-bottom: 2px solid #EEE0E5;
	text-align: left;
}

#linktitle span {
	height: 23px;
	padding-left: 10px;
	width: 60px;
	display: block;
	line-height: 23px;
	background: #ff0000;
	color: #ffffff;
}

#linkcontent {	
}

#linkcontent ul li {
	float: left;
	text-align: left; width : 90px;
	display: block;
	padding-left:8px;
	width: 90px;
}

#linkcontent ul li a {
	text-decoration: none;
	height:25px;
	line-height:25px;
	color:#000000;
}
/*------------------------------------------------------------
	clearfix
------------------------------------------------------------*/
	* html .clearfix {
		zoom: 1;
	}

	*+html .clearfix {
		zoom: 1;
	}

.clearfix:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}
a[href^="tel:"] {
	cursor: default;
	pointer-events: none;
}

.sp {
	display: none !important;
}

.spMenu {
	display: none;
}

#addList {
	display: none;
}
@media all and (min-width: 768px) {
	.nav {
		display: block !important;
	}
}

@media all and (min-width: 0) and (max-width: 767px) {
	
	body {
		min-width: inherit;
	}

	a:hover,
	a:hover img {
		opacity: 1 !important;
	}

	.sp {
		display: block !important;
	}
	
	.pc {
		display: none !important;
	}
	
	a[href^="tel:"] {
		cursor: pointer;
		pointer-events: auto;
	}
	
	#addList {
		margin-top: -60px;
		display: block;
		clear: both;
		padding: 70px 0 40px;
	}
	
	#addList > li {
		margin-top: 60px;
		width: 25%;
		float: left;
		text-align: center;
	}
	
	#addList > li a {
		padding-top: 45px;
		font-size: 15px;
		color: red;
		background-size:  40px 40px;
	}
	
	#addList > li a:hover {
		color: red;
	}
	
	#addList > li:first-child a {
		background: url(../img/icon_tel.png) no-repeat center top;
		background-size:  40px 40px;
	}
	
	#addList > li:nth-child(2) a {
		background: url(../img/icon_about.png) no-repeat center top;
		background-size:  40px 40px;
	}
	
	#addList > li:nth-child(3) a {
		background: url(../img/icon_product.png) no-repeat center top;
		background-size:  40px 40px;
	}
	
	#addList > li:nth-child(4) a {
		background: url(../img/icon02.png) no-repeat center top;
		background-size:  40px 40px;
	}
	
	#addList > li:nth-child(5) a {
		background: url(../img/icon_video.png) no-repeat center top;
		background-size:  40px 40px;
		
	}
	
	#addList > li:nth-child(6) a {
		background: url(../img/icon_new.png) no-repeat center top;
		background-size:  40px 40px;
		
	}
	
	#addList > li:nth-child(7) a {
		background: url(../img/icon_find.png) no-repeat center top;
		background-size:  40px 40px;
	}
	
	#addList > li:nth-child(8) a {
		background: url(../img/icon_honour.png) no-repeat center top;
		background-size:  40px 40px;
	}
	
	#addList > li > ul {
		display: none;
	}
	
	.top_bj {
		width: auto;
	}
	
	.spMenu {
		display: block !important;
		position: absolute;
		width: 40px;
		right: 20px;
		top: 25px;
	}
	
	.spMenu img {
		width: 100%;
	}
	
	.spMenu .close {
		display: none;
	}
	
	.header {
		height: auto;
		position: relative;
	
	}
	
	.corner {
		display: none;
	}
	.logo {
		margin: 10px;
		height: auto;
	 }

	.logo a {
		width: 200px;
		height: 60px;
		background-size: 100% 60px;
	}
	
	.nav {
		padding-bottom: 60px;
		display: none;
		width: 100%;
		height: auto;
		position: absolute;
		background: red;
		top: 0;
		margin-top: 80px;
	}
	
	.nav ul li {
		float: none;
		width: auto;
		height: auto;
		line-height: inherit;
	}
	
	.nav ul li a {
		font-size: 15px;
		display: block;
		padding: 15px 10px;
		border-bottom: 1px solid #fff;
	}
	
	.nav ul li ul {
		display: none !important;
	
	}
	
	.banner {
		margin-top: 0;
		width: 100%;
		height: 200px;
		background:url(../img/main_visual.jpg) no-repeat center top;
		background-size: 100% 200px;
	}
	
	.banner object {
		display: none;
	}
	
	.banner embed {
		width: 100%;
		height: 129px;
	}
	

	.main {
		margin-top: 0;
		margin-bottom: 30px;
		width: auto;
	}

	.main_left {
		width: auto;
		float: none;
	}

	.main_mid {
		margin-bottom: 30px;
		display: block;
		width: auto;
		margin: 0 0 20px;
		padding: 30px 10px 0;
	}

	#wrap {
		width: auto;
	}

	.pro_title {
		margin-bottom: 30px;
	}
	
	.video {
		margin-top: 30px;
	}

	.video_content {
		padding-top: 35px;
		width: auto;
		float: none;
		background:url(../img/video.png) no-repeat left top;
		background-size: auto 35px;
	}
	
	.video_content dt {
		width: 50%;
	}
	
	.video_content dd {
		float: left;
		width: 50%;
	}

	.video_title {
		display: none;
	}
	
	.contact_content p {
		width: 50%;
		float: left;
		text-align: left;
	}
	
	.contact_content p:nth-child(2n) {
		float: right;
	}
	
	.main_right {
		padding-bottom: 20px;
		width: auto;
		float:none;
		text-align: center;
	}

	.main_right .contact_pic img {
		width: 100%;
		display: none;
	}
	

	#friendlink {
		width: auto;
	}
	
	#linktitle span {
		margin: 0 auto;
	}
	
	#linkcontent ul li {
		width: 33.3%;
		text-align: center;
		padding: 10px 5px;
		box-sizing: border-box;
		border-bottom: 1px solid #ccc;
		border-right: 1px solid #ccc;
	}
	
	#linkcontent ul li:nth-child(3n) {
		border-right: none;
	}
	
	.contact_content {
		padding-top: 40px;
		padding-left: 20px;
		padding-right: 20px;
		background: url(../img/contact.png) no-repeat left 10px top,url(../img/con_bj1.png) no-repeat center center;
		background-size: auto 33px;
	}
	
	.footer {
		width: auto;
		margin: 0;
	}
	
	.footer dt {
		margin: 0 auto 30px;
		float: left;
		width: 150px;
		text-align: center;
	}
	
	.footer dt img {
		width: 100%;
		
	}
	
	.footer dd {
		padding-top: 0;
		float: none;
		padding-left: 155px;
	}
	
	
	.prolist {
		margin-top: 0;
		width: auto;
	}
	
	.product .pro_left {
		display: none;
	}
	
	.goods .pro_left {
		display: none;
	}
	
	.pro_left {
		border: 1px solid #ccc;
		width: auto;
		float: none;
	}
	
	.pro_left .pro_cat_title {
		text-align: center;
	}
	
	.pro_left .pro_cat_title img {
		margin-top: 30px;
	}
	
	.pro_cat_content ul li {
		height: auto;
		line-height: inherit;
		border: 1px dashed #53799d;
		text-align: center;
		width: 33.3%;
		float: left;
		padding: 10px 0;
		box-sizing: border-box;
	}
	
	.pro_cat_title {
		clear: both;
		text-align: center;
		marhin-top: 30px;
	}
	
	.gsjj_img img {
		width: 100%;
	}
	
	#del_content {
		margin-top: 0;
		width: auto;
	}
	
	#del_content.pro_list_content img {
		width: 100%;
		height: 400px;
	}
	
	#colee_left .ke-zeroborder td img {
		width: auto;
	}
	
	
	#colee_left {
		width: auto !important;
	}
	
	.pro_right {
		width: auto;
		float: none;
	}
	
	.pro_list_content {
		width: auto;
		padding: 0 10px;
	}
	
	.pro_list_content ul {
	}
	
	.pro_list_content ul li {
		margin: 0 0 20px;
		float: left;
		width: 48%;
		min-height: 200px;
	}
	
	.pro_list_content ul li:nth-child(2n) {
		float: right;
	}
	
	.pro_list_content ul li img {
		width: 100%;
		box-sizing: border-box;
	}
	
	.pro_list_content ul li a:hover img {
		border: 1px solid #ccc;
	}
	
	#fenye {
		text-align: center;
	}
	
	#del_content embed {
		display: none !important;
	}
	
	#fenye a,
	#fenye span {
		padding: 5px 10px;
		background: red;
		color: #fff;
		border: 1px solid #fff;
	}
	
	
	
	
	
	
	
	
	
	
	
}