@charset "utf-8";

/* Imports
----------------------------------------*/
@import url("reset.css");
@import url("slider.css");
/* Elements
----------------------------------------*/
body{background:#FFF;font-size:12px;}
body, p, td, th, li{font-size:12px; line-height:1.8;color:#1d1d1d;}
ul,ol,li{list-style-type:none;}
/* ---- Link Styles ----*/
a{color:#1d1d1d; text-decoration:none; }
a:hover{color:#F00;}
a {outline: none;}
a:active {star:expression(this.onFocus=this.blur());}
:focus { outline:0; }
img{border:0;}

/* ---- Top Styles ----*/
#header{width:1280px;height:90px;margin:0 auto;}
	#logo{float:left;background:url(../img/name.gif) bottom no-repeat;margin:30px 0 0px 0px;width:421px;height:44px;text-indent:-9999px;}
	#headright{width:auto;height:60px;float:right;margin:20px 0px 0 0;background:url(../img/tel_img.gif) 0 10px no-repeat;padding-left:50px;}
		#headright li{line-height:18px;text-align:right;}
		#headright li.tel, #headright li.tel span{height:40px;line-height:30px;color:#000;font-size:22px;font-family:微软雅黑;}
		#headright li.tel span{font-size:22px;color:#F00;font-weight:bold;}
		a#qq{margin-right:10px;}
	#nav{width:1280px;height:46px;margin:0 auto;clear:both;background:url(../img/nav_bg.gif) repeat-x;}
		#nav ul{width:1002px;height:46px;margin:0 auto;}
			#nav li{width:143px;height:46px;text-align:center;float:left;background:url(../img/nav_line.gif) right center no-repeat;}
				#nav li a{width:100px;height:42px;color:#FFF;line-height:42px;display:block;font-size:14px;margin:0 auto;font-family:微软雅黑;}
				#nav li a:hover{color:#000;background:url(../img/nav_hover_bg.gif) top repeat-x;}
#flash{width:1280px;height:520px;margin:10px auto;}

.wrap{width:994px;padding:5px 4px 10px;margin:0 auto;overflow:hidden;background:#FFF;}
	#left{width:243px;float:left;overflow:hidden;}
		#classbox{width:90%;overflow:hidden;margin:0 auto;}
		#classbox li{width:100%;clear:both;line-height:30px;}
		#classbox li a{font-size:16px;font-family:微软雅黑;}
	#right{width:735px;float:right;}
	
	#inclassbox, #casebox{width:1002px;height:auto;overflow:hidden;margin:0 auto;}
	#inclassbox{width:1022px;}
		#inclassbox ul, #casebox ul{width:100%;overflow:hidden;margin:10px auto;}
			#inclassbox ul li{width:255px;height:280px;float:left;text-align:center;}
				#inclassbox ul li img{padding:5px;border:1px solid #cecece;}
				#inclassbox ul li p{width:92%;margin:5px auto 0;text-align:left;}
				#inclassbox ul li p.tit a{font-size:14px;font-weight:bold;}
				#inclassbox ul li p.text{margin:0 auto;}
				#inclassbox ul li p.text a{color:#777;}
				#inclassbox ul li p.text a:hover{color:#F00;}
	#bannerimg{width:1002px;height:119px;margin:0 auto;clear:both;}
	#casebox{margin-bottom:15px;}
	#casebox ul li{width:195px;height:150px;float:left;text-align:center;border-bottom:1px solid #ececec;}
		#casebox ul li p.tit{font-family:微软雅黑;}
	
	#foot{width:100%;height:442px;margin:0 auto;overflow:hidden;background:url(../img/foot_bg.gif) repeat-x #000;}
		#box{width:979px;height:350px;margin:0 auto;}
			#foot .menu{height:44px;border:none;}
			#foot .menutit{color:#878787;font-size:16px;line-height:44px;}
			#newsbox{width:305px;height:311px;float:left;margin-left:15px;}
			#footcase{width:320px;height:350px;float:left;margin:0 15px;}
				#footcase ul{margin:20px auto;width:95%;overflow:hidden;color:#FFF;}
					#footcase ul li{width:100px;height:85px;float:left;text-align:center;}
					#footcase ul li img{border:4px solid #232323;}
						#footcase ul li img:hover{border:4px solid #4d4d4d;}
			#viewbox{width:300px;height:350px;float:right;}
				#newsbox ul, #viewbox ul{margin:10px auto;width:90%;overflow:hidden;}
					#newsbox ul li, #viewbox ul li{line-height:24px;clear:both;width:100%;}
						#newsbox ul li a, #viewbox ul li a{color:#999;}
						#newsbox ul li a:hover, #viewbox ul li a:hover{color:#FF0;}
	#footcopy{width:auto;margin:10px auto;text-align:center;color:#FFF;}
	#footcopy a{color:#FFF;}
		#footcopy a:hover{color:#FF0;}
			
		#contdiv{width:100%;overflow:hidden;margin:20px auto;}
		.host{float:right;margin:5px 10px 0;color:#999;}
			.host a{color:#999;}
				.host a:hover{color:#F00;}

/* FONT STYLE */

.menu{width:100%;height:38px;clear:both;margin:0 auto;border-bottom:1px solid #ccc;}
	.menutit{font-size:18px;font-weight:bold;float:left;line-height:38px;font-family:微软雅黑;}
.more{width:auto;float:right;margin:5px 5px 0;}
	.more{color:#b8b8b9;}
		.more:hover{color:#F00;}
.ma{margin:15px 10px;}
.bd{border:1px solid #cecece;background:url(../img/box_bg.gif) bottom repeat-x;}
.ov {overflow:hidden;}
.cl {clear:both;}
.fl{float:left;}
.fr{float:right;}
.arrow {margin:0 7px;}
.newstime {color:#999;}
.ml{margin-left:10px;}
#indexNews {width:95%; overflow:hidden; margin:5px auto;}
	#indexNews li{float:left;width:100%;padding:3px 0 3px 0;border-bottom:1px dashed #CEDDC0;clear:both;margin-bottom:10px;}
#page{clear:both;line-height:30px;height:30px;width:90%;text-align:center;margin:15px auto;}
input, textarea {background:#FFF;border:1px solid #dedede;height:16px;}
.Newstime{float:right;right:30px;color:#999;position:relative;}
.p_name{font-weight:bold;color:#F00;}

/*DOYO CONTENTS PAGE*/
.comment{margin:10px 20px;clear:both;}
.comment .t{padding-left:10px;margin-bottom:10px;font-weight:bold;}
.comment .i dl{ margin-bottom:10px; width:740px;float:left;}
.comment .i dl dt{float:left;width:60px;font-weight:bold; text-align:right; padding-right:10px; line-height:25px;}
.comment .i dl dd{float:left; padding-right:10px;}
.comment .list{clear:both}
.comment .list dl{ margin-bottom:10px; line-height:22px;border-top:1px solid #E7E7E7;}
.comment .list dl dt{background-color:#F3F3F3; padding:3px 10px;}
.comment .list dl dd{padding:3px 10px;}

.content .labels{background-color:#F3F3F3; height:35px;}
.content .labels span{ float:left; padding:0 15px; margin:9px 0 0 10px; height:25px; line-height:25px; border:1px solid #CCC; border-bottom:0; background-color:#FFF;overflow:hidden; font-weight:bold; cursor:pointer;}
.content .labels .current{background: url(../img/btn.gif);color:#FFF;}

.columnc{ height:35px;width:174px;line-height:35px; padding-left:25px;background: url(../img/image.gif) no-repeat -40px 13px;background-color:#FFF;border-right:1px solid #E4E4E4;}
.comment .t{ line-height:30px;border:1px solid #E7E7E7; font-family:Verdana, Geneva, sans-serif; border-left:0;border-right:0;background-color:#F3F3F3}

.inp{border:1px solid #CCC; padding:3px; border-top-color:#666;border-left-color:#666;background-color:#F6F6F6; line-height:14px;}
.inp:hover{border:1px solid #5EA2D9;background-color:#EDF3F8;}
.btnmini,.btnbig{border:1px solid #999; overflow:hidden; border-top:#E0E0E0;border-left:#E0E0E0;background-color:#E0E0E0;font-weight:bold;color:#555;}
.btnmini{padding:0 10px; line-height:17px;height:24px;}
.btnbig{padding:5px 10px;font-size:14px; height:30px;margin-top:5px}

/*NEWS CONTENTS PAGE*/
h2{font-size:20px;font-family:微软雅黑;color:#F00;font-weight:bold;text-align:center;}
.h2text{font-size:20px;font-family:微软雅黑;color:#F00;font-weight:bold;}
h3{text-align:center;font-size:12px;font-weight:normal; margin:10px 0;color:#666;border-bottom:1px solid #dedede;}
.mapBox {width:95%;height:400px;border:1px solid #999;clear:both;float:left;margin:15px auto;display:inline;}
	#newsInfo img{max-width:600px;}

#newTitle{color:#f00; font-size:18px; text-align:center; margin-bottom:6px; font-weight:bold;}
.infoClass{
	right:16px;
	top:-3px;
}
#infoImage{margin:15px auto;width:490px;float:left;overflow:hidden;}
#newsInfo{margin:15px 0;width:470px;float:right;overflow:hidden;font-size:14px;font-family:微软雅黑;}
#infoImage img{padding:1px;border:1px solid #dedede;float:right;}
.infoClass{
	right:16px;
	top:-3px;
}

/*PRODUCTS LIST PAGE*/
#picUL{text-indent:0; overflow:hidden;clear:both;width:100%;}
#picUL li{
	height:180px;
	width:184px;
	float:left;
	line-height:18px;
	margin:0 10px 0;
	text-align:center;
}
#picUL li img{
	padding:2px;
	border:1px solid #CCC;
	width:175px;height:125px;
}
#picUL li img:hover {border:1px solid #F00;}

/*IMG LIST PAGE*/
#imgUL{text-indent:0; overflow:hidden;clear:both;width:100%;}
#imgUL li{
	height:160px;
	width:160px;
	float:left;
	line-height:18px;
	margin:0 10px 0;
	text-align:center;
}
#imgUL li img{
	padding:2px;
	border:1px solid #CCC;
	width:150px;height:110px;
}
#imgUL li img:hover {border:1px solid #F00;}

#classUL{text-indent:0; overflow:hidden;clear:both;width:100%;}
#classUL li{
	height:200px;
	width:235px;
	float:left;
	line-height:18px;
	margin:0 10px 0;
	text-align:center;
}
#classUL li img{
	padding:2px;
	border:1px solid #CCC;
	width:217px;height:150px;
}
#classUL li img:hover {border:1px solid #F00;}
/*联系我们*/
#contact{width:650px; margin:0 auto;}
#contact li{border-bottom:1px dashed #A9683E; line-height:33px;}

/*MEMBER*/
.wpm {width:980px;margin:15px auto 0;overflow:hidden;border:1px solid #93c5e8;}
.tab11,.tab12,.tab21,.tab22,.tab31,.tab32,.tab41,.tab42,.tab51,.tab52{height:10px;background:url(../img/list.jpg); overflow:hidden;float:left;}
.tab1{float:left;}
.tab11,.tab12{width:990px;}.tab21,.tab22{width:760px;}.tab31,.tab32{width:230px;}.tab41,.tab42{width:505px;}.tab51,.tab52{width:485px;}
.tab1{width:960px;}.tab2{width:730px;}.tab3{width:200px;}.tab4{width:475px;}.tab5{width:455px;}
.tab11{background-position:0 -65px;height:5px;}.tab12{background-position:0 -80px;}
.list{ margin-top:10px;}
.tab1b{padding:0 5px 0 5px;width:980px;}

.list{ margin-top:10px;}
.main{background: url(../img/tab.jpg) -2970px 0;}
.main .l{float:left; width:200px;}
.main .r{float:right; width:740px; padding:5px 20px 20px 20px; overflow:hidden;}
.columnc{ height:35px;width:174px;line-height:35px; padding-left:25px;background: url(../img/image.gif) no-repeat -40px 13px;background-color:#FFF;border-right:1px solid #E4E4E4;}
.columncl{ padding:5px 10px; line-height:35px;border-top:5px solid #1294D7; float:left;}
.columncl a{color:#FFF; font-size:12px; float:left;width:150px;background: url(../img/image.gif) no-repeat -430px -30px; padding-left:30px; }
.columncl a:hover{background-position: -430px -65px;text-decoration: none;font-weight:bold}
.position{line-height:55px; color:#999;background: url(../img/image.gif) no-repeat -270px 12px;}
.position span{ float:right; border:1px solid #06C; text-align:center; background-color:#3469CB;line-height:12px; margin-top:5px;}
.position span a{ float:left; color:#FFF; padding:5px 10px;}
.position p{ float:right;margin-top:10px;}
.position p a{ float:left;background: url(../img/btn.gif); height:25px; line-height:25px; color:#FFF; padding:0 10px; margin-left:10px; margin-top:3px;}
.content div.c,.comment div.c,.content ul.c,.comment ul.c{ margin-top:10px; clear:both}
.content .t,.comment .t{ line-height:30px;border:1px solid #E7E7E7; font-family:Verdana, Geneva, sans-serif; border-left:0;border-right:0;background-color:#F3F3F3}
.content .t{color:#999; text-align:center;}
.content .list li{ line-height:35px;border-bottom:1px solid #EEE; padding-left:15px;background: url(../img/image.gif) no-repeat 5px -155px; font-size:14px;}
.content .list li span{ float:right; font-size:11px; color:#999; font-family:Verdana, Geneva, sans-serif}
.content .list li em{padding-left:10px; color:#C00; font-size:12px; font-style: normal;}
.content .list dl{ float:left; width:160px; height:145px; padding:5px; text-align:center; overflow:hidden; margin-left:12px; margin-bottom:12px;background: url(../img/image.gif) no-repeat -430px -270px;}
.content .list dl dt{height:120px;}
.content .list dl dt img{width:160px;height:120px;}
.content .list dl dd{height:30px; overflow:hidden; line-height:30px;}
.content .list dl:hover{background-position: -430px -440px;}
.content .list dl:hover a{ color:#FFF}
.content .prev{ padding-top:20px;}
.content .prev a{margin-right:20px;color:#0C4D8D;}

.news{height:150px; overflow:hidden;}
.news .l{float:left; width:195px;}
.news .r{float:right; width:270px; padding-left:10px;}
.news .r li{ line-height:24px; border-bottom:1px solid #EEE; padding-left:15px;background: url(../img/image.gif) no-repeat 5px -161px;}
.about{height:150px; overflow:hidden;}
.about .l{float:left; width:190px;}
.about .r{float:left; width:260px; line-height:21px;}

.product{height:150px;width:980px;position: relative; margin:15px 0;}
.product .wrapper {width: 915px; overflow: auto;height: 177px;margin: 0 35px;position: absolute;top: 0;}
.product .wrapper ul {width: 1820px;list-style-image:none;list-style-position:outside;list-style-type:none;margin:0;padding:0;position: absolute;top: 0;left:0;}
.product ul li {display:block;float:left;padding-right:10px;width: 175px;}
.product ul li p{ text-align:center; height:22px; padding-top:5px; overflow:hidden;}
.product ul li p a{ color:#FFF;}
.product ul li img {-webkit-transition: border-color 400ms; width:160px; height:125px; padding:5px; background-color:#E8E8E8;}
.product ul li img:hover {background-color:#0C4D8D;}
.product ul li a img {display:block;}
.product .arrow {display: block;height: 62px;width: 30px;position: absolute;top: 45px;cursor: pointer;outline: 0;}
.product .arrow a{width:30px; height:62px;}
.product .forward {right: 0;background: url(../img/image.gif) -30px -209px;}
.product .back {left: 0;background: url(../img/image.gif) 0 -209px;}

.attribute strong{ font-size:14px;}
.attribute p{padding:13px 0; border-bottom:1px dashed #CCCCCC;}
.attribute .price{ font-size:20px; font-family:Verdana, Geneva, sans-serif; font-weight:bold; color:#C00;}
.attribute .aprice span{ padding:5px 8px; margin:0 5px 0 0; border:1px solid #CCC; cursor:pointer;}
.attribute .aprice span.c{border:1px solid #900; background-color:#C00; color:#FFF;}
.attribute .aprice span:hover{border-color:#900}
.ins{ height:22px; line-height:20px; text-align:center; border:1px solid #E3E3E3; background-color: #F5F5F5; border-top-color: #999; border-left-color:#999;}

.ordertab{ width:100%; padding:0; margin:0;border-bottom:0; border-right:0;}
.ordertab,.ordertab td{ border:1px solid #CCC; line-height:180%}
.ordertab td{ border-top:0; border-left:0; padding:8px; text-align:center;}
.ordertab tr{ background-color: #FFF;color:#06C;}
.ordertab .trbg{font-weight:bold; color:#FFF;background-color: #F5F5F5;}
.ordertab .trbg td{padding:0; line-height:28px; background-color:#1294D7;}
.ordertab .left{ text-align:left;}
.ordertab span{ color:#666}

.total{font-size:14px; color:#C00; font-family:Verdana, Geneva, sans-serif}
#aggregate,.aggregate{font-size:16px; font-weight:bold; color:#C00; font-family:Verdana, Geneva, sans-serif}

.buy{ margin:12px 0;}
.inbuy,.incart{margin:0; padding:0; border:0; cursor:pointer; height:37px;line-height:90px;overflow:hidden;}
.inbuy{width:127px; background-image:url(../img/buy.gif); margin-right:5px;}
.incart{width:132px; background-image:url(../img/cart.gif);}

.pinfo{ padding-bottom:10px; line-height:180%}
.pinfo span{ padding-right:20px;}

#imgto{width:300px;height:310px;}
#imgto .big{height:260px;}
#imgto .big img{width:300px;height:250px;}
#imgto .small{height:55px;}
#imgto .small div{float:left;overflow:hidden;}
#imgto .small div.imgl,#imgto .small div.imgr{width:13px;height:53px; border:1px solid #CCC; background-color:#F6F6F6; text-align:center; line-height:53px; font-weight:bold; color: #999; cursor:pointer;}
#imgto .small div.imgl:hover,#imgto .small div.imgr:hover{ background-color: #E7E7E7; color: #666}
#imgto .small div.imgc{width:270px; position:relative;height:55px;}
#imgto .small div.imgc ul{ position:absolute;width:2200px; height:55px;top:0; left:0;}
#imgto .small div.imgc ul li{ float:left; width:55px; padding-left:10px;cursor:pointer; }
#imgto .small div.imgc ul li img{width:53px; height:53px;border:1px solid #FFF}
#imgto .small div.imgc ul li.the img {border:1px solid #C00}


.case{height:150px; overflow:hidden;}
.case li {float:left;padding:8px;width: 166px;overflow:hidden; text-align:center;}
.case li img {width:166px; height:110px;}
.case li img:hover {background-color:#0C4D8D;}
.case li p{padding-top:5px; line-height:22px;}
.case li p a{ font-weight:bold}

.contact{height:150px; overflow:hidden;}
.contact .t{width:200px;}
.contact .b{ margin-top:10px;}
.contact .b li{line-height:21px; font-family:Verdana, Geneva, sans-serif;}
.contact .b li span{float:left;width:50px; text-align:right;color:#247AB5; font-weight:bold}
.contact .b li p{float:left; padding-left:10px;}

.content .labels{background-color:#F3F3F3; height:35px;}
.content .labels span{ float:left; padding:0 15px; margin:9px 0 0 10px; height:25px; line-height:25px; border:1px solid #CCC; border-bottom:0; background-color:#FFF;overflow:hidden; font-weight:bold; cursor:pointer;}
.content .labels .current{background: url(../img/btn.gif);color:#FFF;}

.content .record li{height:20px; line-height:20px; padding:5px 0; border-bottom:1px dashed #CCCCCC}
.content .record li span{ float:right;text-align:right;}
.content .record li.m{ border-bottom:1px solid #CCC; font-weight:bold}
.content .record li span.time{ width:300px;}

.member_f{margin-top:5px;}
.member_f dl{border-bottom:1px solid #E8E8E8; padding:5px 0; width:100%; float:left;}
.member_f dl dt{float:left; width:110px; text-align:right; line-height:26px; font-weight:bold;}
.member_f dl dd{float:left; line-height:26px; padding-left:10px;}
.member_f dl dd textarea{ width:90%; height:200px;}
.member_f dl dd.m span{color:#C00;}
.member_f dl dd.m span.ok{ background-color:#000; width:10px; height:5px;}

.links{padding:10px 0;line-height:22px; color:#666;}
.links a{color:#333; padding:5px 10px; color:#666}

.bottom{background: url(../img/bg.jpg) 0 -287px; height:50px; padding:25px 0;}
.bottom .l{ float:left; width:800px; line-height:25px; font-family:Verdana, Geneva, sans-serif; color:#828282}
.bottom .r{ float:right; width:135px; height:50px;background: url(../img/image.gif) 0 -104px; margin:5px 20px 0 0;}

.pages{ margin-top:20px;float:right;}
.pages li{ float:left; line-height:20px;border:1px solid #CCC;  margin-right:10px; background-color:#DEDEDE;}
.pages li.c{background-color:#4490d5; color:#FFF;padding:0 8px;}
.pages li a{float:left;padding:0 8px;height:20px;}
.pages li a:hover{background-color:#4490d5; color:#FFF;text-decoration: none;}


#top_banner { width:980px; height:300px; overflow:hidden;position:relative;margin:0 auto;}
#top_banner .slider,.num{position:absolute;}
#top_banner .slider li{ list-style:none;display:inline;}
#top_banner .slider img{ width:980px; height:300px;display:block;}
#top_banner .num{ right:5px; bottom:5px;}
#top_banner .num li{float: left;color: #FF7300;text-align: center;line-height: 14px;width: 12px;height: 14px;font-family: Verdana, Geneva, sans-serif;cursor: pointer;overflow: hidden;border: 1px solid #FF7300;background-color: #fff; overflow:hidden;margin:3px; padding:5px;font-weight: bold;}
#top_banner .num li.on{color: #fff;background-color: #FF7300;}

#new_banner { width:195px; height:150px; overflow:hidden;position:relative;margin:0 auto;}
#new_banner .slider,.num{position:absolute;}
#new_banner .slider li{ list-style:none;display:inline;}
#new_banner .slider img{ width:195px; height:150px;display:block;}
#new_banner .num{ right:5px; bottom:5px;}
#new_banner .num li{float: left;color: #FF7300;text-align: center; font-size:11px;line-height: 12px;width: 10px;height: 12px;font-family: Verdana, Geneva, sans-serif;cursor: pointer;overflow: hidden;border: 1px solid #FF7300;background-color: #fff; overflow:hidden;margin:3px; padding:2px;font-weight: bold;}
#new_banner .num li.on{color: #fff;background-color: #FF7300;}