﻿body{
	font-family:"微软雅黑",Verdana, Geneva, sans-serif;
	margin:0px;
	padding:0px;
	font-size:14px; line-height:22px;color:0c0c0c;
}
ul,li,p,span,div,form,input,textarea,strong,b,i,em,h1,h2,h3,h4,h5,h6,select{
	padding:0px;
	margin:0px;
}
ul{
	list-style-type:none;
}
a{
	text-decoration:none;
	color:#000000;
}
img{
	border:0px;
}
p{ line-height:23px;}
strong{color:#ff0000;}
.Hdic{ height:5px;}
*{text-decoration:none;list-style:none;}
.root{background:url(images/re.jpg) repeat-x; width:100%; height:39px; line-height:39px; text-indent:1em; font-weight:bold; color:#FFFFFF; font-size:22px;}
.first_bg{height:240px;background:#009494;color:#ffffff; width:100%;padding:3px;margin: auto;}

/*
.ProProduct{width:100%;position: relative;}
	.ProProduct ul{width:100%;margin: 3%;}
	.ProProduct ul li{width:30%;margin:5px;float:left;}
	.ProProduct ul img{width:100%;  height: 90px;}
	.ProProduct ul span{color: #000;margin-left: 25%;}

.ProProduct .li_title{margin: 2px;width:48%;height: 30px;float: left;list-style-type:none;  font-family: 微软雅黑;}

.ProProduct .li_title span{margin: 5px;width:100%;position: absolute;margin: 2px;left: 0;color: #000;top:0;text-align: left;
background: none;}*/
#sousuo{width:100%; height:50px; line-height:30px; color:#fff; font-weight:bold;color:#666; font-weight:bold;}
#diqu{ width:100%; height:40px; line-height:20px; font-weight:bold; background:#e74402; border-top:1px solid #d34004;}
#diqu a{ color:#000000;}
#register{ background:url(images/register.jpg) repeat-x; width:100%; height:22px; line-height:22px; font-size:12px; color:#FFFFFF; font-weight: bold; padding-left:5px;}
#re{width:50px; border:1px solid #3399FF;}
#re_bt{ background:url(images/re_button.jpg) no-repeat; width:50px; height:25px; line-height:15px; font-weight:bold; color:#FFFFFF; font-size:12px;}
#bt_4{ background:#747cfa; font-size:14px; padding:5px;}
#sou_2{ background:#95d31a; width:100%; height:30px; line-height:30px; color:#FFFFFF; font-weight:bold;}
#bt_4 a{color:#ffffff;}
#zt{ width:100%; height:25px;line-height:25px; font-weight:bold; color:#5c8407; padding-left:5px; background:#eafec5;}
#bt_3{ width:100%; height:22px; line-height:22px; background:#FFFFCC;}
#lan{background:#FFFFCC; border:1px solid #FFCC99;width:100%; height:25px; line-height:25px; padding-left:10px; font-weight:bold; color:#000000;}
#bt_2{ background:#fac22c; font-size:14px; padding:3px;font-weight:bold;}
*{ list-style:none;}
.bottom1{width: 82px;line-height: 19px;text-align: center;color: #19AA24;padding: 6px;font-size: 13px;overflow: hidden;
border: 1px solid #E7E7E7;float: left;margin-bottom: 3px;font-size: 17px;font-weight: bold;}
#menu{ margin:0px; padding:0px; border:0px;}
#menu ul{ margin-left:-30px; margin-top:-10px;}
#menu ul li{ float:left; width:64px; height:100px; text-align: center;}
.menu_list{background:url(images/re.jpg) repeat-x; width:100%;  height:33px; line-height:33px;text-indent:2em; font-weight:bold; color:#FFFFFF; font-size:14px;}
.menu_list span{float:left;color:#796666;}
.menu_list a{float:right;color:#ffffff;font-weight:100;font-size:12px;margin-right:10px;}


.cent{width;100%;background:#f1f7fe;height:auto;padding:5px;}
.cent_top{width:600px; height:150px; margin-bottom:10px;}
.cent_left{float:left;width:122px;padding:2px;border:1px solid gray;}
.cent_right{float:right;width;200px; border:1px solid #ff0000;height:120px;}



.cent_bt{width:400px; height:120px; }


/*网页手机触屏js图片滑动css*/
.scroll{margin:10px; position:relative;overflow:hidden;}
.mod_01{float:left;min-width:320px;max-width:640px;}
.mod_01 img{display:block;width:100%;height:166px;}
.dotModule_new{padding:0 5px;height:11px;line-height:6px;-webkit-border-radius:11px;background:rgba(45,45,45,0.5);position:absolute;bottom:5px;right:10px;z-index:11;}
#slide_01_dot{text-align:center;margin:1px 0 0 0;}
#slide_01_dot span{display:inline-block;margin:0 3px;width:5px;height:5px;vertical-align:middle;background:#f7f7f7;-webkit-border-radius:5px;}
#slide_01_dot .selected{background:#66ff33;}



.first_bg table tr td{float: left;
margin-top: 8px;
margin-left: 5px;
padding: 0 0 5px 0;
text-align: center;
border-radius: 3px;
white-space: nowrap;
overflow: hidden;
width: 31%;
line-height:30px;
background: #009494;}
.first_bg table tr td a{color: #fff; font-size:16px; font-weight:bold;}
body{ margin:0px; padding:0px; border:0px;color: #444;background: #fff;}
*{ list-style:none;}
#menu{ margin:0px; padding:0px; border:0px;}
#menu ul{ margin-left:-30px; margin-top:-10px;}
#menu ul li{ float:left; width:70px; height:100px; text-align: center; margin-right:10px; margin-top:10px; margin-left:8px;}
.wrapbox {min-width: 320px;max-width:500px;height: auto;margin: 0 auto;overflow: hidden;background: #FFFFFF;}
#IndexHeader {overflow: hidden;position: relative;}
#IndexHeader .left {float: left;text-align: left;padding: 5px 0 5px 0px;}
#IndexHeader .right {float: right;text-align: right;padding-top: 50px;line-height: 15px;vertical-align: middle;position: absolute;right: 0;top: 0;}
#IndexHeader .right #Leftlogin a {width: 50px;display: block;float: right;text-indent: 17px;
margin-right: 5px;font-size: 15px;background-repeat: no-repeat;line-height: 15px;}
#IndexHeader .right a.Login {background-image: url(images/index_07.gif);}
#IndexHeader .right a.Regist {background-image: url(images/index_09.gif);}
.search_bt input {display: block;width: 100%;line-height: 30px;border: 0 none;background: url("../images/Glasses.png") no-repeat center center transparent;-webkit-background-size: 18px 18px;background-size: 18px 18px;}
.search {display: -webkit-box;-webkit-box-orient: horizontal;box-orient: horizontal;font-size: 16px;}
.search_in {width: 85%;line-height: 32px;display: block;border: 1px solid #d3d3d3;background-color: #fff;text-indent: 5px;overflow: hidden;}
.search_in input {width: 100%;height: 32px;line-height: 32px;font-weight: bold;border: 0 none;font-size: 16px;padding: 0;vertical-align: middle;}
.HotKeyWords span, .HotKeyWords a {font-size: 16px;color: #000;}
.HotKeyWords a {color: #000;padding: 0 5px;}
#fastlink {width: 320px;margin: 0 auto;}
#fastlink a {float: left;width: 80px;text-align: center;font-size: 14px;display: block;padding-bottom: 10px;}
.Column {min-width:320px;max-width:640px;height: auto;padding: 5px;overflow: hidden;}
.Column .C-left {width:100%; margin-top:20px;}
.ProProduct ul{padding-top:0px; margin-top:0px;}
.ColumnName a{color:#fff;}

.HotKeyWords {line-height: 20px;height: 20px;clear: both;padding: 8px 10px;}
.Column .C-left .Column-P {text-align: center; padding:0px; margin:0px; margin-top:20px;}
#Skin .Cobg {background-color: #ecc003;  font-family: 微软雅黑;height:35px;line-height:35px;
  font-size: 19px;
  font-weight: bold;}
#Skin .Cobg2 {background-color: #40AF7A;  font-family: 微软雅黑;
  font-size: 19px;
  font-weight: bold;}
#Skin .Cobg3 {background-color: #F35883;  font-family: 微软雅黑;
  font-size: 19px;
  font-weight: bold;height:35px;line-height:35px;}
.Column .C-left .ColumnName, .LastCobg {height: 35px;line-height: 35px;text-indent: 8px;color: #FFFFFF;}
.Column .C-left .Column-P dd {height: 30px;overflow: hidden;line-height: 14px;clear: both;margin-left: 2px;}
.Column .C-left .Column-P dd a {font-size: 14px;white-space: 0;letter-spacing: 0;color: #868686;}
.Column .C-right {width: 150px;height: 170px;float: right;}
.Column .C-right img {width: 150px;height: 170px;}
.C-bottom {padding-top: 1px;clear: both;overflow: hidden;}
.C-bottom a {width: 30%;height: 21px;line-height: 19px;text-align: center;color: #666666;padding: 3px;font-size: 13px;
overflow: hidden;border: 1px solid #E7E7E7;float: left;margin-bottom: 3px;}
.onepec strong {float: left;width: 46%;height: 30px;overflow: hidden;text-align: left;line-height: 30px;color:#413939;padding-left: 2px;font-size: 15px;font-family: 微软雅黑;}

.footer {
margin-top: 0px;
text-align: center;
color: #3f3f3f;
border-top: 1px solid #000;
}
.kePublic{background:#FFF; padding:0px; max-width: 640px;  z-index: 1; position: relative;}
.keBottom{color:#FFF; padding-top:25px; line-height:28px; text-align:center; font-family:'微软雅黑'; background:url(../images/bodyBg2.jpg) repeat-x top left; padding-bottom:25px}
.keTxtP{font-size:16px; color:#ffffff;}
.keUrl{color:#FFF; font-size:30px;}
.keUrl:hover{ text-decoration: underline; color: #FFF; }
.mKeBanner,.mKeBanner div{text-align:center;}
/*科e互联特效基本框架CSS结束，应用特效时，以上样式可删除*/
.main_visual{border-top:1px solid #d7d7d7;max-width: 640px;
  min-width: 300px;
  position: relative;}
.main_image{overflow:hidden;}
.main_image ul{overflow:hidden;width:9999px;}
.main_image li{float:left;width:100%;}
.main_image li span{display:block;width:100%;}
.main_image li a{display:block;width:100%;}
.main_image li .img_1{background:url('../images/1.jpg') center top no-repeat}
.main_image li .img_2{background:url('../images/2.jpg') center top no-repeat}
.main_image li .img_3{background:url('../images/3.jpg') center top no-repeat}
.main_image li .img_4{background:url('../images/4.jpg') center top no-repeat}
.contents{margin-top:30px;}
.container{  max-width: 500px;
  min-width: 320px;
  margin: 0 auto;
  overflow: hidden;
  zoom: 1;}
.ProProduct{width:100%;position: relative;}
	.ProProduct ul{width:100%;margin-left:0px}
	.ProProduct ul li{width:45%;margin:3px;float:left;position: relative;text-align: center;overflow: hidden; margin-top:15px;}
	.ProProduct ul img{width:100%;height:120px}
	.ProProduct ul span{width: 94%;margin: 5px;text-align: center;overflow: hidden;}

.ProProduct .li_title{margin: 2px;width:100%;height: 30px;list-style-type:none;overflow: hidden;border-bottom:1px dashed #ccc}

.ProProduct .li_title span{margin: 5px;width:100%;position: absolute;margin: 2px;left: 0;color: #000;top:0;text-align: left;background: none;  font-family: 微软雅黑;}
.title_head{width:100%;padding-bottom: 3px;height: 45px;}

 .nav .nav_main {
	overflow:hidden;
	zoom:1;
	margin: 5px  auto 0;
	width:100%;
}
.nav_main_more { 
	display: none;
}
.nav_main_more a {
	display: block;
	background: url("http://diy.yilianapp.com/frontres/default/images/nav_more_1_2_12_violet.png") no-repeat center 0;
	background-size: auto 15px;
	height:25px; 
	line-height:25px; 
	font-size: 0;
	text-align:center;
}
 .nav .nav_main ul{
	margin-left:0px;
	zoom:1;
}
 .nav .nav_main ul:after {
	content: "";
	clear:both;
	display: block;
}
 .nav .nav_main ul li{
	float:left;
	margin-top:8px;
	margin-left: 0px;
	padding: 0 0 5px 0;
	text-align:center;
    border-radius: 5px;
	white-space:nowrap;
    overflow: hidden;
	width: 33.33333%;
}
 .nav .nav_main ul li a{
	display:block;
	width:98%;
	height:36px;
	line-height:36px;
	text-align:center;
	border:1px solid #cccccc;
	background:#2DAB05;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	-o-border-radius:8px;
	font-size:16px;
	color:#fff;
	letter-spacing:2px;
}
 .nav .nav_main ul li a:hover{
	display:block;
	height:36px;
	line-height:36px;
	text-align:center;
	border:1px solid #cccccc;
	font-size:17px;
}

.index .search .search_main{
	overflow:hidden;
	zoom:1;
	padding:5px 0px;
	position:relative;
}
.index .search .text,.index .search .select,.index .search .button{
	float:left;
	position:relative!important;
	padding:0!important;
}
.index .search .search_main .text input[type="text"]{
	width:203px;
	height:30px;
	text-align:left;
}
.index .search .search_main .text {
	margin-left:10px;
	width:200px;
	vertical-align:top;
}
.index .search .search_main .select{
	margin-left:1px;
	width:70px;
	overflow:hidden;
	zoom:1;
	vertical-align:top;
	position:relative;
	top:2px;
}
.index .search .search_main .select select{
	width:55px;
	height:35px;
}
.index .search .search_main .button {
	width:47px;
	margin-left:4px;
	vertical-align:top;
	position:relative;
	top:3px;
}
.index .search .search_main .button input{
	width:47px;
	height:28px;
	line-height:28px;
	text-align:center;
	border:1px solid #cccccc;
	border-radius:4px;
	-moz-border-radius:4px;
	-o-border-radius:4px;
	-webkit-border-radius:4px;
	color:#010a19;
}
.news{
	overflow:hidden;
	zoom:1;
  clear: both;
}

.news .oddTitle_oddRow h2{
	font-size:16px;
	color:#000000;
	padding-top:15px;
	padding-bottom:8px;
	border-bottom:2px solid #c00000;
}
.news .oddTitle_oddRow ul{
	margin-top:10px;
	margin-left:5px;

}
.news .oddTitle_oddRow ul li{
	margin-top:8px;
	color:#000;
	height:19px;
	text-align:left;
	overflow:hidden;
	margin-top:10px;
	white-space:nowrap;
}

.news .oddTitle_muchRow h2{
	font-size:16px;
	color:#000000;
	padding-top:5px;
	padding-bottom:8px;
	  text-align: left;
      background:url("../images/re.jpg") repeat-x;
}
.news .oddTitle_muchRow ul{
	margin-top:2px;
	margin-left:5px;

}
.news .oddTitle_muchRow ul li{
	width:96%;
	height:45px;
	text-align:left;
	overflow:hidden;
	margin-top:10px;
	color:#000;
	float:left;
	margin-left:5px;
	white-space:nowrap;
	border-bottom: 1px dashed #cccccc;
}


.news .much_oddRow .title{
	overflow:hidden;
	border-bottom:2px solid #c00000;
	padding-bottom:8px;
	padding-top:10px;
}
.news .much_oddRow .title ul li{
	float:left;
	width:90px;
	text-align:center;
	font-weight:bold;
	background:url("http://diy.yilianapp.com/frontres/default/images/indexIco.png") right no-repeat;
	cursor:pointer;
}
.news .much_oddRow .title ul li:nth-child(4){
	width:50px;
	background:none;
}
.news .much_oddRow .much_oddRow_list ul li{
	background:url("http://diy.yilianapp.commuch_oddRow_list/frontres/default/images/disc.png") left 9px no-repeat;
	padding-left:10px;
	margin-left:5px;
	margin-top:10px;
	overflow:hidden;
	zoom:1;
	text-align:left;
	height:19px;
	white-space:nowrap;
}

.news .much_muchRow{
	overflow:hidden;
	zoom:1;
}
.news .much_muchRow .title{
	overflow:hidden;
	border-bottom:2px solid #c00000;
	padding-bottom:8px;
	padding-top:10px;

}
.news .much_muchRow .title ul li{
	float:left;
	width:90px;
	text-align:center;
	font-weight:bold;
	background:url("http://diy.yilianapp.com/frontres/default/images/indexIco.png") right no-repeat;
	cursor:pointer;
}
.news .much_muchRow .title ul li:nth-child(4){
	width:50px;
	background:none;
}
.news .much_muchRow .much_muchRow_list ul li{
	width:140px;
	float:left;
	overflow:hidden;
	zoom:1;
	text-align:left;
	height:19px;
	background:url("http://diy.yilianapp.com/frontres/default/images/disc.png") left 9px no-repeat;
	padding-left:10px;
	margin-top:1px;
	margin-left:5px;
	white-space:nowrap;
}

.more{
	text-align:center;
	padding-top:5px;
	margin-top:8px;
	border-top:1px dashed #cccccc;
}
.more a{
	color:#cccccc;
	font-size:18px;
}

.commodity h2{
	font-size:16px;
	color:#000000;
	padding-top:15px;
	padding-bottom:8px;
	border-bottom:2px solid #c00000;
}
.commodity .commodity_img,.commodity ul{
	float:left;
	margin-top:10px;
	margin-left:8px;
}
.commodity .commodity_img {
 padding: 0 20px 0 10px;
}
.commodity .commodity_img img {
 width: 62px;
 height: 62px;
 border: 1px solid #d4d4d4;
}
.commodity ul{
	margin-left:5px;
	width:200px;
	overflow:hidden;
	zoom:1;
	text-align:left;
}
.commodity ul li:nth-child(1){
	margin-top:3px;
	width:200px;
	height:19px;
	overflow:hidden;
	zoom:1;
	white-space:nowrap;
}
.commodity ul li:nth-child(2){
	margin-top:10px;
}
.commodity ul li:nth-child(2) a span{
	color:#c00000;
	font-weight:bold;
}
.commodity ul li:nth-child(2) a b{
	color:#999999;
	font-weight:normal;
	margin-left:5px;
	text-decoration:line-through;
}
.commodityNews.oddTitle_oddRow{
	overflow:hidden;
	zoom:1;
	border:1px solid #f00;
}
.commodityNews .oddTitle_oddRow h2{
	font-size:16px;
	color:#000000;
	padding-top:5px;
	padding-bottom:8px;
	background: url("../images/re.jpg") repeat-x;
}
.commodityNews .oddTitle_oddRow h2 span{
	color:#fff;
}
.commodityNews .oddTitle_oddRow ul{
	overflow:hidden;
	zoom:1;
	width: 100%;
}
.commodityNews .oddTitle_oddRow ul li{
 float:left;
 margin-left:0px;
 margin-top:20px;
 overflow:hidden;
 zoom:1;
 white-space:nowrap;
 width: 33.3333%;
}
.commodityNews .oddTitle_oddRow ul li a{
 display:block;
 overflow:hidden;
 text-align:center;
   width: 98%;
}
.commodityNews .oddTitle_oddRow ul li a img {
 width: 100%;
 height: 100px;
}
.commodityNews .oddTitle_oddRow ul li span{
	display:block;
	text-align:center;
	margin-top:5px;
	width:98%;
	height:19px;
	overflow:hidden;
	zoom:1;
	text-overflow:ellipsis; 
	white-space:nowrap;
 }
.bottomNav {
  height: 43px;
  border: 1px solid #cccccc;
  margin-top: 10px;
  background: -moz-linear-gradient(top, #c00000, #800000);
  background-image: -webkit-linear-gradient(top, #c00000, #800000);
  background-image: -o-linear-gradient( top, #c00000, #800000);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#c00000,endColorstr=#800000,grandientType=1);
}.bottomNav .bottomNav_main {
  height: 29px;
  line-height: 29px;
  width: 95%;
  margin: 0 auto;
  margin-top: 6px;
  border: 1px solid #cccccc;
  border-radius: 12px;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  -o-border-radius: 12px;
  background: #ffffff;
}.bottomNav .bottomNav_main ul {
  margin-left: 25px;
}.bottomNav .bottomNav_main ul li {
  float: left;
  text-align: center;
    width: 23%;
}.bottomNav .bottomNav_main ul li a {
  font-weight: bold;
  margin-left: 5px;
}
h2 {
  text-align: left;
  text-indent: 1em;
}
