body{ background-color: #F9F9F9; color: #000000; font-family: Arial; margin:0px; text-align:center; font-size: 15px; line-height:150%;}
body,th,td,div,li{ font-size:15px; font-family: Arial; color: #000000; line-height:150%;}
#top1{ margin-left:auto; margin-right:auto; width:900px; height:300px; }
#top_logo{float:left; margin:2px 5px; overflow-x:hidden}
#top_l{float:right; margin:20px 5px; overflow-x:hidden}
#topTXT{font-size:38px; color: #009933;}
#indexTXT{font-size:15px; color: #009933;}
#menu{ height:33px; background:url(yun/yun18.gif) repeat-x; width:1000px; overflow-x:hidden;}
#menu_jl{ float:left; width:50px;}
#menu_li{ float:left; width:120px; color:#FFFFFF; font-size:14px; padding-top:8px; cursor:hand;}
#menu_j_li{ float:left; width:0px; height:20px; background:url(yun/yun17.gif); margin-top:13px;}
#cer { margin-left:auto; margin-right:auto; background-color: #FFFFFF; width:1300px; line-height:150%; margin-top:0px; }
#left{  float:left; width:710px; text-align:left;}
#right{ float:right; width:221px;}
#right1{ margin-left:auto; margin-right:auto;  width:1280px;  border:0px #EAEAEA solid; padding:0px; line-height:100%; overflow-x:hidden; margin-bottom:10px;}
#left1{ float:left; width:250px; text-align:left; }
#lm_l{ width:220px; border:1px #8BCDEC solid; padding:1px; float:left; height:160px;overflow:hidden;}
#lm_1_t{ width:100%; height:40px;}
#lm_1_y{ width:1280px; height:40px;}
#lm_2{width:470px; height:238px; overflow:hidden; float:right; margin-left:12px;}

#indextop{
    background-image: url('yun/yun01.jpg');
    width: 100%;
    height:680px;
    background-size:cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 111;
    }
  
#abouttop{
    background-image: url('yun/yun02.jpg');
    width: 100%;
    height:680px;
    background-size:cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 111;
    }


#contacttop{
    background-image: url('yun/yun03.jpg');
    width: 100%;
    height:680px;
    background-size:cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 111;
    }

#producttop{
    background-image: url('yun/yun43.jpg');
    width: 100%;
    height:250px;
    background-size:cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 111;
    }

#blogtop{
    background-image: url('yun/yun51.jpg');
    width: 100%;
    height:520px;
    background-size:cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 111;
    }

#aboutfoot{
    background-image: url('yun/yun38.jpg');
    width: 100%;
    height:500px;
    background-size:cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 111;
    }

#codefans_net_menuindex{
		margin:0 auto;
		width:100%;
	}
#navindex {
  line-height: 30px; list-style-type: none; 
}
#navindex a {
 display: block; width: 100px; text-align:center; font-size:18px; font-weight:bold; 
}
#navindex a:link {
 color:#000000; text-decoration:none; 
}
#navindex a:visited {
 color:#000000;text-decoration:none; 
}
#navindex a:hover {
 color:#FF0000;text-decoration:none;
}
#navindex li {
 float: left; width: 100px; list-style:none; 
}
#navindex  li a:hover{

}
#navindex li a.on{ background:#999;}
#navindex li ul {
 line-height: 50px; list-style-type: none;text-align:left;
 left: -999em; width: 180px; position: absolute;  font-size:16px;
}
#navindex li ul li{
 float: left; width: 180px;
 background: #F6F6F6; 
}
#navindex li ul a{
 display: block; width: 180px;w\idth: 156px;text-align:left;padding-left:24px; 
}
#navindex li ul a:link {
 color:#666; text-decoration:none; line-height: 40px;
}
#navindex li ul a:visited {
 color:#666;text-decoration:none; 
}
#navindex li ul a:hover {
 color:#2BA245;text-decoration:none;font-weight:normal;
 background:#54595F;  line-height: 40px;
}
#navindex li:hover ul {
 left: auto; 
}
#navindex li.sfhover ul {
 left: auto; 
}
#content {
 clear: left; 
}

#codefans_net_menu{
		margin:0 auto;
		width:100%;
	}
#nav {
  line-height: 30px; list-style-type: none; 
}
#nav a {
 display: block; width: 100px; text-align:center; font-size:18px; font-weight:bold; 
}
#nav a:link {
 color:#FF0000; text-decoration:none; 
}
#nav a:visited {
 color:#FF0000;text-decoration:none; 
}
#nav a:hover {
 color:#6EC1E4;text-decoration:none;
}
#nav li {
 float: left; width: 100px; list-style:none; 
}
#nav  li a:hover{

}
#nav li a.on{ background:#999;}
#nav li ul {
 line-height: 50px; list-style-type: none;text-align:left;
 left: -999em; width: 180px; position: absolute;  font-size:16px;
}
#nav li ul li{
 float: left; width: 180px;
 background: #F6F6F6; 
}
#nav li ul a{
 display: block; width: 180px;w\idth: 156px;text-align:left;padding-left:24px; 
}
#nav li ul a:link {
 color:#666; text-decoration:none; line-height: 40px;
}
#nav li ul a:visited {
 color:#666;text-decoration:none; 
}
#nav li ul a:hover {
 color:#2BA245;text-decoration:none;font-weight:normal;
 background:#54595F;  line-height: 40px;
}
#nav li:hover ul {
 left: auto; 
}
#nav li.sfhover ul {
 left: auto; 
}
#content {
 clear: left; 
}


#lm_y{
	width:710px;
	height:150px;
	overflow:hidden;
	float:right;
	margin-left:3px;
}
#lm_2_t{ width:760px; height:38px; background:url(yun/yun110.gif) repeat-x;}
#lm_3{
	width:220px;
	border:1px #8BCDEC solid;
	padding:1px;
	margin-top:0px;
	float:left;
	height:220px;
	overflow-x:hidden;
}
#lm_4{ width:470px; height:200px; margin-top:10px; overflow:hidden; float:left; margin-left:12px;}
#lm_5{ float:left;  background-color: "#FFFFFF"; width:1300px; height:520px; float:center; ; overflow:hidden; margin-top:0px;}
#lm_6{ width:245px; height:35px; background:url(yun/yun14.gif) no-repeat; overflow:hidden;}
#lm_ny{ width:260px; border:0px #EAEAEA solid; padding:0px; line-height:100%; overflow-x:hidden; margin-bottom:10px;}
#lm_rt{ width:101%; line-height:100%; border:0px#8BCDEC solid; padding:1px; overflow-x:hidden; margin-bottom:10px;}
#title_li{ height:50px; float:left; color:#000000; font-size:16px; padding-left:60px; padding-top:18px;}
#titleTXT{font-size:26px;}
#more_li{ float:right; padding-right:6px; padding-top:6px;}
#link{ width:1000px; height:36px; border:1px #8BCDEC solid; background:#F7FCFF; clear:both; margin-top:10px; text-align:left; padding-top:7px; overflow-x:hidden}
#foot{ margin-left:auto; margin-right:auto; overflow-x:hidden; border-top:1px #FFFFFF solid; width:1300px; line-height:150%; margin-top:0px;}
#copyr{ float:center; width:1300px; line-height:150%; overflow-x:hidden; margin-top:8px;}
#p_nr{ font-size:15px; width:100%; line-height:100%;padding:4px; overflow-x:hidden; text-align:left;}
#p_nr1{ margin-left:auto; margin-right:auto; font-size:15px; width:100%; line-height:110%; padding:10px; overflow-x:hidden; text-align:left;}
#news_title{width:96%; line-height:150%; border-bottom:1px #CCCCCC dashed; text-align:left; padding:4px;}
.yunyun{border:0px solid #999999; border-right:none; border-left:none; width:1000px;font-size:13px;height:24px;overflow:hidden;}
.yunyun ul{list-style-type:none;margin:0;padding:0;margin-left:32px;}
.yunyun ul li{height:26px;line-height:26px;width:900px;float:left;display:inline;}

a:link {
	
	text-decoration: none;
	color: #333333;
}
a:visited {
	text-decoration: none;
	color: #333333;
}
a:hover {
	text-decoration: none;
	color: #78BC27;
}
a:active {
	text-decoration: none;
}
* { padding: 0; margin: 0; }
lii { list-style: none; }
ull { width: 300px; height: 128px; }
ull lii { width: 20px; height:128px; float: left; position: relative; overflow:hidden; }
.activee { width: 200px; }
ull span {
	width: 23px;
	height: 128px;
	padding-top: 3px;
	border-right: 1px solid #fff;
	position: absolute;
	top: 0;
	right: 0;
	color: #fff;
	font-size: 13px;
	text-align: center;
	cursor: pointer;
	background-color: #269CFE;
}
ull img { width: 200px; height: 128px; }
.bg0 { background: #0065EB; }
.bg1 { background: #269CFE; }
.bg2 { background: #3d7fbb; }
.bg3 { background: #5ca716; }
.bg4 { background: #f28b24; }
.bg5 { background: #7c0070; }

.wrapper {
	width: 1300px;
	margin: 0 auto;
	padding-bottom: 50px;
	margin-top:3px;
	float:center
}

h1 {
	height: 50px;
	line-height: 50px;
	font-size: 22px;
	font-weight: normal;
	font-family: "Microsoft YaHei", SimHei;
}

.shuoming {
	margin-top: 20px;
	border: 1px solid #ccc;
	padding-bottom: 10px;
}

.shuoming dt {
	height: 30px;
	line-height: 30px;
	font-weight: bold;
	text-indent: 10px;
}

.shuoming dd {
	line-height: 20px;
	padding: 5px 20px;
}

#focus {
	width: 150px;
	height: 188px;
	overflow: hidden;
	position: relative;
	float: left;
	margin-right: 12px;
	margin-left: 16px
}

#focus2,#focus3,#focus4,#focus5,#focus6,#focus7 {
	width: 150px;
	height: 188px;
	overflow: hidden;
	position: relative;
	float: left;
	margin-right: 12px;
}

#focus8 {
	width: 150px;
	height: 188px;
	overflow: hidden;
	position: relative;
	float: left
}

#focus ul,#focus2 ul,#focus3 ul,#focus4 ul,#focus5 ul,#focus6 ul,#focus7 ul,#focus8 ul {
	height: 188px;
	position: absolute;
}

#focus ul li,#focus2 ul li,#focus3 ul li,#focus4 ul li,#focus5 ul li,#focus6 ul li,#focus7 ul li,#focus8 ul li
	{
	float: left;
	width: 150px;
	height: 188px;
	overflow: hidden;
	position: relative;
}

#focus
ul
li
 
div,#focus2
ul
li
 
div,#focus3
ul
li
 
div,#focus4
ul
li
 
div,#focus5
ul
li
 
div,#focus6
ul
li

div,#focus7
ul
li

div,#focus8
ul
li
 
div {
	position: absolute;
	overflow: hidden;
}

#focus .btnBg,#focus2 .btnBg,#focus3 .btnBg,#focus4 .btnBg,#focus5 .btnBg,#focus6 .btnBg,#focus7 .btnBg,#focus8 .btnBg
	{
	position: absolute;
	width: 150px;
	height: 20px;
	left: 0;
	bottom: 0;
}

#focus .btn,#focus2 .btn,#focus3 .btn,#focus4 .btn,#focus5 .btn,#focus6 .btn,#focus7 .btn,#focus8 .btn
	{
	position: absolute;
	width: 100px;
	height: 10px;
	padding: 5px 10px;
	right: 0;
	bottom: 6px;
	text-align: right;
}

#focus .btn span,#focus2 .btn span,#focus3 .btn span,#focus4 .btn span,#focus5 .btn span,#focus6 .btn span,#focus7 .btn span,#focus8 .btn span
	{
	display: inline-block;
	display: inline;
	zoom: 1;
	width: 10px;
	height: 14px;
	font-size: 0px;
	margin-left: 5px;
	cursor: pointer;
	background: #CCC;
	text-align: center;
	color: white
}

#focus .btn span.on,#focus2 .btn span.on,#focus3 .btn span.on,#focus4 .btn span.on,#focus5 .btn span.on,#focus6 .btn span.on,#focus7 .btn span.on,#focus8 .btn span.on
	{
	background: #0d7dcb;
}

#focus .preNext,#focus2 .preNext,#focus3 .preNext,#focus4 .preNext,#focus5 .preNext,#focus6 .preNext,#focus7 .preNext,#focus8 .preNext
	{
	width: 45px;
	height: 100px;
	position: absolute;
	top: 30px;
	cursor: pointer;
}

#focus .pre,#focus2 .pre,#focus3 .pre,#focus4 .pre,#focus5 .pre,#focus6 .pre,#focus7 .pre,#focus8 .pre
	{
	left: 0;
}

#focus .next,#focus2 .next,#focus3 .next,#focus4 .next,#focus5 .next,#focus6 .next,#focus7 .next,#focus8 .next
	{
	right: 10px;
	background-position: right top;
}