* {
	margin: 0px;
}/*本代码中的*勿删除，否则会网页显示错误*/
li,img,div,ul,span,table {
	padding: 0px;
}
img {
	border-width: 0px;
}
li {
	list-style-type: none;
}
p {
	padding: 3px 0px 3px 0px;
}
.cleft {
	clear: both;
}
.cleftb {/*清除firefox背景消失或浮动bug*/
	display: block;/*for firefox*/
	*display:none;
	_display:none;
	clear:both;
}
body {
	font-family:"Microsoft YaHei", "宋体", Arial, MingLiU;
	font-size: 12px;
	line-height: 20px;
	color: #333333;
}
a {
	color: #333333;
	text-decoration: none;
}
a:hover {
	color: #666666;
	text-decoration:none;
}
#box_index {
	width:1280px;
	margin:0 auto;
}
#box {
	width:1240px;
	margin:0 auto;
}
.logo {
    float:left;
	width:166px;
	height:48px;
}
.logo_2 {
    float:left;
	width:124px;
	height:48px;
}
h1 {
	font-size:16px;
	color: #666666;
	text-align: center;
}
h2 {
	font-size: 12px;
	font-weight: normal;
	display: inline;
}
/*评论及文章收藏*/
.pl {
	float:left;
	width:95%;
	border:1px solid #CCCCCC;
}
.pl_1 {
    float:left;
	width:100%;
	background: #009966;
	height:24px;
	line-height:24px;
}
#pl_1 {
	float: right;
	padding-right:15px;
	color:#FFFFFF;
}
#pl_1 a {
	color:#FFFFFF;
}
#pl_1 a:hover {
	color:#666666;
}
#pl_1 span {
	color: #FF0000;
	padding:3px;
}
.pl_2 {
	padding:5px;
}
.pl_3 {
	float:left;
	width:100%;
}
#pl_3 {
	float:left;
	resize:none;
	overflow:hidden;
}
.pl_4 {
    float:left;
	padding-left:10px;
}
.pl_5 {/*文章收藏*/
    float:right;
}
.pl_5 span {
	padding-right:3px;
}
/*评论end*/
/*select下拉菜单样式美化代码开始，如果网页不用此样式美化可删除此段代码*/
#container{
   width:100%;
   text-align:left;
   margin:0 auto;
}
#search {
   float:left;
   width:215px;
   height:26px;
   margin-top:50px;
   margin-left:340px;
   background:url(https://lofeng.net/style/images/21526.gif) no-repeat;/*文字添加在背景图上，blueCircle加载完成后5424.gif自动遮住，伪隐藏select加载过程*/
 }  
.search {
   float:left;
   width:159px;
   height:26px;
}
.search .text {
   FLOAT:left;
}  
.search .text input{
   width:114px;
   height:24px;
   line-height:24px;
   background:none;
   border:none;
   text-align:center;
   color:#CCCCCC;
   outline:none;
}
#selectbtn{
   float:right;
}
#blueCircletext {
   float:left;
   width:54px;
   height:24px;
   line-height:24px;
   padding-left:1px;
   padding-top:1px;
   overflow:hidden;
}
#selectloadwait {
   display:none;/*隐藏加载select过程*/
}    	  
span.blueCircle_mSel_main {overflow:hidden;margin:0;background:url(../image/5424.gif) no-repeat;text-align:center;cursor:pointer;font-size:12px;color: #0033CC;display: block;}
span.blueCircle_mSel_main a{color:#A4A0A0;}/*设置选项文字默认颜色*/	
.blueCircle_mSel_list {display:none;position:absolute;margin:-1px -1px 2px;*margin:-1px -3px -1px;_margin:-1px -3px -1px;padding:0;list-style:none;text-align:center;font-size:12px;width:56px;z-index:103;}/*此行的z-index勿小于103，否则在firefox中会被图集遮住*/
.blueCircle_mSel_list li {background-color:#fcfcfc;border:#AACB6B solid;border-width:0 1px;height:25px; color:#990033;}
.blueCircle_mSel_list li.mSel_start {line-height:0;font-size:0;height:5px;}
.blueCircle_mSel_list li.mSel_end {background:none no-repeat left top;font-size:0;line-height:0; margin-top:-4px;height:2px; border-bottom:2px #AACB6B solid;}
.blueCircle_mSel_list li a {display:block;overflow:hidden;padding:0 10px;line-height:25px;text-decoration:none;color:#79A2BD;height:25px;}
.blueCircle_mSel_list li a:hover {background-color:#B1C3D9;color:#fff;}
.blueCircle_mSel_list li.mSel_on a {background-color:#7FA9C6;color:#fff;}
.blueCircle_mSel_list li a.mSel_disable {font-style:italic;}
.blueCircle_mSel_list li a.mSel_disable:hover {background:none;color:#79A2BD;}
/*代码中若不使用WhiteCircle样式美化下拉框，则可删除以下代码*/
span.WhiteCircle_mSel_main {overflow:hidden;margin:0;padding:1px 6px 0 12px;background:url(../image/5424.gif) no-repeat;line-height:25px;text-align:left;cursor:pointer;font-size:12px;color: #0033CC;width:54px;height:24px;display: block;}
span.WhiteCircle_mSel_main a{color:#A4A0A0;}/*设置选项文字默认颜色*/	
.WhiteCircle_mSel_list {display:none;position:absolute;margin:0;*margin:-1px -2px -1px;_margin:-2px -2px -1px;padding:0;list-style:none;text-align:left;font-size:12px;width:72px;z-index:103;}/*此行的z-index勿小于103，否则在firefox中会被图集遮住*/
.WhiteCircle_mSel_list li {background-color:#fcfcfc;border:#6D92AB solid;border-width:0 2px;height:25px; color:#990033;}
.WhiteCircle_mSel_list li.mSel_start {line-height:0;font-size:0;height:5px; border-top:2px #5D92AC solid;}
.WhiteCircle_mSel_list li.mSel_end {background:none no-repeat left top;font-size:0;line-height:0; margin-top:-4px;height:2px; border-bottom:2px #6D92AB solid;}
.WhiteCircle_mSel_list li a {display:block;overflow:hidden;padding:0 10px;line-height:25px;text-decoration:none;color:#79A2BD;height:25px;}
.WhiteCircle_mSel_list li a:hover {background-color:#B1C3D9;color:#fff;}
.WhiteCircle_mSel_list li.mSel_on a {background-color:#7FA9C6;color:#fff;}
.WhiteCircle_mSel_list li a.mSel_disable {font-style:italic;}
.WhiteCircle_mSel_list li a.mSel_disable:hover {background:none;color:#79A2BD;}
/*select下拉菜单样式美化代码结束*/
 /*导航菜单begin*/
#menu {z-index:14; width:100%; height:48px; }
.navigation-inner{margin:0 auto;width:100%;position:relative;}
.navigation-up{height:48px;background:#FFF; line-height:48px;}
.navigation{float:right; margin-right:30px;}
.navigation ul{float:left}
.navigation li{float:left;font:normal; font-size:14px;color:#fff; margin-right:5px; margin-left:5px;}
.navigation li a{color:#363636;padding:0 20px;display:inline-block;height:48px; font-weight:normal;}
.navigation li a:hover{color:#1941C0;}
.navigation-up .nav-up-selected{background: url(../image/menu_select.png) no-repeat center top;color: #1941C0;}/*不能省略.navigation-up，否则color: #666666无效*/

.navigation-down{position: relative; margin:0 auto;width:100%; z-index:14;}/*非宽屏时修改width:100%为1240px即可*/
.nav-down-menu{width:100%;background:#344157;position:absolute;top:0px}
.navigation-down-inner{width:1240px;position:relative;margin:0 auto;}
.nav-down-menu dl{float:left;padding:6px 20px 6px 0px;}
.navigation-down dt{color:#61789e;border-bottom:1px solid #61789e;}
.navigation-down dd a{color:#fff; height:31px; line-height:31px;}
.navigation-down dd a:hover{color:#61789e;}
 
#nav-menu-1 {padding-left:100px;}
/*new code*/
.banner {
	width:100%;
	background:url(../image/banner.jpg) no-repeat center;
	height:500px;
	color:#FFF;
	text-align:center;
}
.link {
	width:100%;
	height:218px;
	background:none;
}
#boxlink {
	width:1280px;
	height:218px;
	background:url(../image/1280218.png) no-repeat top center;
	margin:0 auto;
	overflow:hidden;
}
#link li { 
	float:left;
	width:320px;
	}
#link li span { 
	float:left;
	width:244px;
	padding-top:121px;
	padding-left:72px;
	font-size:18px;
	color:#333333;
	}	
#link li div { 
	float:left;
	width:256px;
	font-size:14px;
	color:#777777;
	padding-top:15px;
	padding-left:72px;
	padding-bottom:30px;
	}	
.ncode_6 {
	width:1280px;
	margin:0 auto;
	overflow:hidden;
	}
.ncode_61 {
	float:left;
	position:relative;
	width:632px;
	height:296px;
	margin-bottom:16px;
	overflow:hidden;
}
.ncode_61 div,.ncode_62 div {
	float:left;
	font-size:22px;
	line-height:22px;
	width:100%;
	color:#333333;
	padding-top:40px;
	padding-left:32px;
	overflow:hidden;
}
.ncode_61 span {
	float:left;
	font-size:14px;
	line-height:24px;
	width:356px;
	color:#777777;
	padding-top:30px;
	padding-left:34px;
	overflow:hidden;
}
.ncode_61 li a,.ncode_62 li a {
	position:absolute;
	font-size:14px;
	line-height:48px;
	width:124px;
	height:48px;
	color: #000000;
	background:#fdfefd;
	border-radius: 25px;
	text-align:center;	
	left:32px;
	bottom:32px;
}
.ncode_61 li a:hover,.ncode_62 li a:hover {
	color: #1941c0;
}
.ncode_62 {
	float:left;
	position:relative;
	width:1280px;
	height:320px;
	margin-top:0px;
	margin-bottom:30px;
	background:url(../image/star.png) no-repeat right #e0e6f3;
}
.ncode_62 span {
	float:left;
	font-size:14px;
	line-height:24px;
	width:596px;
	color:#777777;
	padding-top:30px;
	padding-left:34px;
	overflow:hidden;
}
.ncode_63 {
	position:absolute;
	width:600px;
	height:760px;
	background:#FFF;
	left:-20px;
	top:-1px;
	font-size:14px;
	line-height:24px;
	overflow:hidden;
	border:1px solid #DADEE4;
	padding:10px 20px;
}
.ncode_631 {
	position:absolute;
	width:600px;
	height:760px;
	background:#FFF;
	left:-20px;
	top:-43px;
	font-size:14px;
	line-height:24px;
	overflow:hidden;
	border:1px solid #DADEE4;
	padding:10px 20px;
	z-index:9000;
}
#ncode_631 {
	float:left;
	width:600px;
	height:330px;
}
.ncode_632 {
	position:absolute;
	float:left;
	width:600px;
	height:760px;
	background:#FFF;
	top:-387px;
	font-size:14px;
	line-height:24px;
	overflow:hidden;
	border:1px solid #DADEE4;
	padding:10px 20px;
	z-index:9000;
}
#ncode_632 {
	float:left;
	width:293px;
	height:180px;
}
.ncode_63 div ,.ncode_631 div ,.ncode_632 div {
	float:left;
	width:100%;
	font-size:18px;
	font-weight:bold;
	height:36px;
}
#ncode_6310 ,#ncode_6311 ,#ncode_6312 {
	position:absolute;
	float:right;
	width:56px;
	height:56px;
	right:-5px;
	top:0px;
	cursor: pointer;
}
.ncode_list_1 {
	float:left;
	margin-top:10px;
}
.ncode_list_1 li {
	float:left;
	width:595px;
	height:150px;
	margin-top:31px;
	overflow:hidden;
}
.ncode_list_1 span {
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	color:#999999;
	font-size:12px;
	padding-top:10px;
}
#ncode_list_1 {
	float:left;
	width:140px;
	height:80px;
	display:block;
	clear:both
}
/*webdesign code*/
.ncode_64 {
    float:left;
	width:100%;
	height:600px;
	background:url(../image/1920600.jpg) no-repeat center;
	overflow:hidden;
}
#ncode_64 {
    float:left;
	width:100%;
	height:1861px;
	background:url(../image/301861.png) repeat-x;
	overflow:hidden;
}
.ncode_65 {
    float:left;
	width:100%;
	height:501px;
	text-align:center;
	background:url(../image/1240501.jpg) no-repeat center;
	overflow:hidden;
}
.ncode_65 div {
	font-size:32px;
	font-weight:bold;
	line-height:32px;
	color:#FFF;
	padding-top:30px;
	padding-bottom:14px;
}
.ncode_65 span {
	font-size:18px;
	line-height:24px;
	color:#FFF;
}
.ncode_66 {
    float:left;
	width:100%;
	height:868px;
	background:url(../image/1240868.png) no-repeat center;
	overflow:hidden;
}
#ncode_661 {
	width:100%;
	text-align:center;
	padding-top:16px;
}
#ncode_661 div {
	font-size:30px;
	line-height:30px;
	color:#fcff00;
	font-weight:bold;
}
#ncode_661 span {
	float:left;
	width:100%;
	text-align:center;
	font-size:16px;
	line-height:30px;
	color:#FFF;
	padding-top:28px;
}
#ncode_661 li {
	float:left;
	width:100%;
	text-align:center;
	font-size:24px;
	line-height:72px;
	color:#FFF;
	padding-top:21px;
}
#ncode_662 {
	float:left;
	padding-top:180px;
	padding-left:190px;
}
#ncode_662 div {
	float:left;
	width:176px;
	font-size:16px;
	text-align:center;
	line-height:30px;
	padding-right:56px;
}
#ncode_662 span {
	float:left;
	text-align:left;
	font-size:16px;
	line-height:30px;
	color:#fcff00;
	padding-top:130px;
	padding-left:450px;
}
.ncode_68 {
    float:left;
	width:100%;
	height:492px;
	background:url(../image/1240492.jpg) no-repeat center;
	overflow:hidden;
	text-align:center;
}
.ncode_68 div {
	color:#ffb400;
	font-size:30px;
	font-weight:bold;
	line-height:30px;
	padding-top:10px;
	padding-bottom:24px;
}
.ncode_68 span {
	color:#FFF;
	font-size:16px;
	line-height:30px;
}
#ncode_68 {
    float:left;
	width:100%;
	height:392px;
	background:url(../image/1920392.jpg) no-repeat center;
	overflow:hidden;
	text-align:center;
}
#ncode_68 div {
	font-size:16px;
	padding-top:160px;
	padding-bottom:40px;
}
#ncode_68 a {
	width:160px;
	height:36px;
	color:#FFF;
	background:#00a4ff;
	padding:7px 48px;
	font-size:16px;
}
#ncode_68 a:hover {
	background:#666;
}
/*videocreat code*/
.ncode_161 {
    float:left;
	width:100%;
	height:866px;
	background:url(../image/1920816.jpg) no-repeat top center #f8f8f8;
	overflow:hidden;
	text-align:center;
}
#ncode_161 {
    float:left;
	width:100%;	
	text-align:center;
	margin-top:500px;
}
#ncode_161 li {
    float:left;
	width:100%;	
	text-align:center;
	font-size:36px;
}
.ncode_1611 {
    float:left;
	width:620px;
	margin-top:75px;
}
.ncode_1611 div {
    float:left;
	font-size:16px;
	color:#FFF;
	padding-left:100px;
}
.ncode_1611 span {
    float:left;
	font-size:18px;
	padding-left:100px;
	color:#f87e73;
	padding-top:18px;
	padding-bottom:10px;
}
.ncode_1611 p {
    float:left;
	font-size:16px;
	padding-left:100px;
	color:#666666;
}
.ncode_1612 {
    float:right;
	width:590px;
	margin-top:75px;
	margin-left:30px;
}
.ncode_1612 div {
    float:left;
	font-size:16px;
	color:#FFF;
	padding-left:100px;
}
.ncode_1612 span {
    float:left;
	font-size:18px;
	padding-left:100px;
	color:#12c88f;
	padding-top:18px;
	padding-bottom:10px;
}
.ncode_1612 p {
    float:left;
	font-size:16px;
	padding-left:100px;
	color:#666666;
}
.ncode_162 {
    float:left;
	width:100%;
	height:480px;
	background:#f8f8f8;
	margin-top:0px;
}
#ncode_162 {
    float:left;
	width:50%;
	background:url(../image/1_429.png) repeat-x;
	height:480px;
}
#ncode_162 div {
    float:right;
	width:600px;
	height:480px;
	background:url(../image/96_523.png) no-repeat right;
	overflow:hidden;
}
#ncode_162 span {
	float:right;
	padding-top:80px;
}
#ncode_163 {
    float:left;
	height:480px;
	margin-left:111px;
}
#ncode_163 div {
    float:left;
	width:100%;
	font-size:36px;
	line-height:36px;
	color:#333333;
	padding-top:90px;
}
#ncode_163 span {
	font-size:36px;
	line-height:36px;
	width:100%;
	color:#dfdfdf;
}
#ncode_163 li {
	float:left;
	font-size:24px;
	line-height:40px;
	color:#999999;
}
#ncode_163 p {
	float:left;
	width:500px;
	font-size:16px;
	line-height:24px;
	color:#666666;
}
.ncode_164 {
    float:left;
	width:100%;
	height:523px;
	background:#f8f8f8;
}
#ncode_164 {
    float:left;
	width:50%;
	height:523px;
}
#ncode_164 div {
    float:right;
	width:500px;
	font-size:36px;
	line-height:36px;
	color:#333333;
	padding-top:126px;
	padding-right:98px;
}
#ncode_164 span {
	float:right;
	width:500px;
	font-size:36px;
	line-height:36px;
	color:#dfdfdf;
	padding-right:98px;
}
#ncode_164 li {
	float:right;
	width:500px;
	font-size:24px;
	line-height:40px;
	color:#999999;
	padding-right:98px;
}
#ncode_164 p {
	float:right;
	width:500px;
	font-size:16px;
	line-height:24px;
	color:#666666;
	padding-right:98px;
}
#ncode_165 {
    float:right;
	width:50%;
	background:url(../image/1_523.png) repeat-x;
	height:523px;
}
#ncode_165 div {
    float:left;
	width:600px;
	height:523px;
	background:url(../image/96_523.png) no-repeat left;
}
#ncode_165 span {
	float:right;
	padding-top:123px;
}
.ncode_166 {
    float:left;
	width:100%;
	background:#f8f8f8;
}
#ncode_166 {
    float:left;
	margin-left:21px;
}
#ncode_166 li {
    float:left;
	width:100%;
	font-size:36px;
	line-height:36px;
	color:#363636;
}
#ncode_166 span {
    float:left;
	width:100%;
	font-size:24px;
	line-height:24px;
	color:#959595;
	padding:15px 0;
}
#ncode_166 div {
    float:left;
	width:290px;
	height:250px;
	line-height:250px;
	font-size:18px;
	text-align:center;
	color:#FFF;
	padding-right:13px;
	padding-bottom:13px;
}
/*videocreat code*/
.ncode_180 {
    float:left;
	width:100%;
	height:420px;
	background:url(../image/1920420.jpg) no-repeat center;
	overflow:hidden;
	text-align:left;
	color:#FFF;
}
.ncode_180 div {
	font-size:36px;
	padding-top:60px;
}
.ncode_180 span {
	font-size:18px;
	line-height:30px;
}
.ncode_181 {
    float:left;
	width:100%;
	height:671px;
	background:url(../image/1920671.jpg) no-repeat top center;
	overflow:hidden;
	text-align:center;
	font-size:16px;
}
#ncode_181 {
    float:left;
	width:200px;
	height:450px;
	overflow:hidden;
	margin-left:85px;
	margin-top:103px;
}
#ncode_181 li {
    float:left;
	width:100%;
	margin-bottom:113px;
}
#ncode_181 div {
    float:left;
	width:100%;
	text-align:right;
	color:#ff6800;
	font-size:18px;
}
#ncode_181 span {
    float:left;
	width:100%;
	text-align:right;
	color:#666666;
	font-size:14px;
}
#ncode_182 {
    float:left;
	width:204px;
	height:450px;
	overflow:hidden;
	margin-left:660px;
	margin-top:103px;
}
#ncode_182 li {
    float:left;
	width:100%;
	margin-bottom:113px;
}
#ncode_182 div {
    float:left;
	width:100%;
	text-align:left;
	color:#ff6800;
	font-size:18px;
}
#ncode_182 span {
    float:left;
	width:100%;
	text-align:left;
	color:#666666;
	font-size:14px;
}
.ncode_183 {
    float:left;
	width:100%;
	height:400px;
	text-align:center;
	font-size:16px;
	line-height:30px;
	margin-top:10px;
	border-bottom:1px solid #ecf0f0;
}
.ncode_184 span {
	font-size:30px;
	color:#ff6800;
}
#ncode_184 {
    float:left;
	width:100%;
	height:280px;
	background:url(../image/1240180.png) no-repeat top center;
	text-align:center;
	font-size:16px;
	line-height:24px;
	margin-top:30px;
}
#ncode_184 div {
    float:left;
	width:100px;
	height:60px;
	margin-top:90px;
	padding-right:168px;
}
#ncode_184 li {
    float:left;
	width:100%;
	height:30px;
	margin-top:60px;
}
#ncode_1841 {
    float:left;
	margin-left:300px;
}
#ncode_1842 {
    float:left;
	margin-left:14px;
}
.ncode_185 {
    float:left;
	width:100%;
	height:260px;
	background:url(../image/1240148.png) no-repeat top center;
	text-align:center;
	font-size:16px;
	line-height:24px;
}
.ncode_185 div {
    float:left;
	font-size:18px;
	color:#FFF;
	padding-top:58px;
}
.ncode_185 li {
    float:left;
	width:100%;
	color:#ff6800;
	font-size:18px;
	padding-top:20px;
}
.ncode_185 span {
    float:left;
	width:100%;
	text-align:center;
	color:#666666;
	font-size:16px;
	padding-top:60px;
}
#ncode_1851 {
    float:left;
	padding-left:430px;
}
#ncode_1852 {
    float:left;
	padding-left:145px;
}
/*About code*/
.ncode_186 {
    float:left;
	width:100%;
	height:520px;
	text-align:center;
	color:#FFF;
	background:url(../image/1920520.jpg) no-repeat top center;
}
.ncode_186 div {
	font-size:36px;
	line-height:36px;
	padding-top:210px;
}
.ncode_186 span {
	font-size:26px;
	line-height:30px;
}
.ncode_1860 {
    float:left;
	padding:20px 26px;
	font-size:16px;
	line-height:24px;
	color:#555555;
}
#ncode_1860 {
    float:left;
	width:100%;
	text-align:center;
	font-size:24px;
	line-height:30px;
	color:#636363;
}
.ncode_1861 {
    float:left;
	width:100%;
	height:450px;
	background:url(../image/1240450.png) no-repeat top center;
	margin-bottom:20px;
	overflow:hidden;
}
#ncode_1861 {
    float:left;
	margin-top:31px;
}
#ncode_1861 img {
    float:left;
	width:320px;
	height:320px;
	padding-left:68px;
	padding-right:10px;
	border:none;
}
#ncode_1861 li {
    float:left;
	width:316px;
	color:#FFF;
	padding-top:16px;
}
#ncode_1861 li div {
    float:left;
	font-size:24px;
}
#ncode_1861 li span {
    float:left;
	font-size:16px;
	width:290px;
	padding-top:6px;
}
.ncode_1862 {
    float:left;
	width:100%;
	height:440px;
	background:url(../image/1920440.jpg) no-repeat top center;
	overflow:hidden;
	text-align:center;
	color:#FFF;
}
.ncode_1862 div {
    float:left;
	width:100%;
	font-size:30px;
	line-height:30px;
	padding-top:66px;
}
.ncode_1862 span {
    float:left;
	width:100%;
	font-size:32px;
	line-height:32px;
	padding-top:56px;
}
.ncode_1862 li {
    float:left;
	width:100%;
	font-size:24px;
	line-height:36px;
	padding-top:16px;
}
.ncode_1863 {
    float:left;
	width:100%;
	height:380px;
	background:url(../image/8092.png) no-repeat top center;
	overflow:hidden;
	text-align:center;
}
.ncode_1863 div {
    float:left;
	width:100%;
	font-size:30px;
	line-height:30px;
	padding-top:50px;
}
.ncode_1863 img {
	width:1240px;
	height:180px;
	padding-top:45px;
}
/*Logo design*/
.ncode_1620 {
    float:left;
	width:100%;
	height:520px;
	background:url(../image/1920520_1.jpg) no-repeat top center;
	overflow:hidden;
	text-align:center;
	color:#FFF;
}
.ncode_1620 div {
	font-size:36px;
	line-height:36px;
	padding-top:180px;
}
.ncode_1620 span {
	font-size:30px;
	line-height:40px;
}
.ncode_1621 {
    float:left;
	width:100%;
	height:680px;
	background: #f7f8fa;
	overflow:hidden;
}
#ncode_1621 {
	width:100%;
	text-align:center;
}
#ncode_1621 div {
	font-size:30px;
	line-height:30px;
	color:#555555;
	padding-top:30px;
}
#ncode_1621 span {
	font-size:16px;
	line-height:26px;
	color:#555555;
}
.ncode_1622 {
    float:left;
	height:432px;
	overflow:hidden;
	margin-top:40px;
	margin-left:30px;
}
#ncode_1622 {
    float:left;
	position:relative;
	width:278px;
	height:430px;
	margin-right:20px;
	border:1px solid #e5e5e5;
	overflow:hidden;
}
#ncode_1622 div {
    float:left;
	font-size:18px;
	line-height:24px;
	padding-top:30px;
	padding-left:30px;
	color:#333333;
	clear:both;
}
.ncode_16221 {
	margin-top:60px;
}
#ncode_1622 span {
    float:left;
	width:210px;
	padding-left:30px;
	padding-top:6px;
	font-size:14px;
}
#ncode_1622 p {
    float:left;
	width:210px;
	padding-left:30px;
	padding-top:40px;
	font-size:14px;
	color:#999999;
}
#ncode_1622 li {
    float:left;
	position:absolute;
	width:210px;
	bottom:80px;
	left:32px;
	font-size:18px;
	color:#ff6600;
}
#ncode_1622 a {
    float:left;
	position:absolute;
	width:218px;
	text-align:center;
	height:36px;
	bottom:30px;
	left:30px;
	font-size:16px;
	line-height:36px;
	color:#FFF;
	background:#00A4FF;
	z-index:660;
}
#ncode_1622 a:hover {
	background:#0192EF;
}
#ncode_1622 b {
    float:left;
	position:absolute;
	width:218px;
	text-align:center;
	height:36px;
	bottom:30px;
	left:30px;
	font-size:16px;
	line-height:36px;
	color:#FFF;
	background:#0192EF;
	font-weight:normal;
	z-index:661;
}
.ncode_1623 {
    float:left;
	width:100%;
	background:url(../image/80100.png) no-repeat top center #FFFFFF;
}
#ncode_1623 {
    float:left;
	width:100%;
	text-align:center;
	font-size:30px;
	line-height:30px;
	padding-top:45px;
}
#ncode_1624 {
    float:left;
	clear:both;
	width:100%;
}
#ncode_1624 div {
    float:left;
	width:1240px;
	height:600px;
	padding-top:30px;
	padding-bottom:30px;
}
/*contact code*/
.ncode_1864 {
    float:left;
	width:100%;
	height:361px;
	background:url(../image/1920361.jpg) no-repeat top center;
	overflow:hidden;
	text-align:center;
	color:#FFF;
}
.ncode_1864 div {
	font-size:30px;
	line-height:30px;
	padding-top:160px;
}
.ncode_1864 span {
	font-size:16px;
	line-height:24px;
}
.ncode_1865 {
    float:left;
	width:1000px;
	height:560px;
	margin-left:120px;
	margin-top:60px;
	overflow:hidden;
}
#ncode_1865 {
    float:left;
	width:673px;
	height:208px;
	background:#f7f8fa;
	overflow:hidden;
}
#ncode_1865 div {
    float:left;
	font-size:18px;
	padding-left:35px;
	padding-top:35px;
}
#ncode_1865 span {
    float:left;
	width:100%;
	font-size:21px;
	color:#ff7838;
	line-height:21px;
	padding-left:35px;
	padding-top:23px;
	padding-bottom:40px;
}
#ncode_1865 li {
    float:left;
	font-size:14px;
	color:#999999;
	padding-left:35px;
}
#ncode_1866 {
    float:left;
	position:relative;
	width:298px;
	height:206px;
	border:1px solid #e5e5e5;
	margin-left:20px;
}
#ncode_1866 img {
	position:absolute;
	width:298px;
	height:206px;
	left:0px;
	top:0px;
}
.ncode_1866 {
    float:left;
	width:245px;
}
.ncode_1866 div {
    float:left;
	width:100%;
	font-size:18px;
	padding-left:35px;
	padding-top:35px;
}
.ncode_1866 span {
    float:left;
	width:100%;
	font-size:14px;
	color:#999999;
	line-height:21px;
	padding-left:35px;
	padding-top:20px;
	padding-bottom:40px;
}
.ncode_1866 li {
    float:left;
	width:245px;
	text-align:center;
	font-size:14px;
	line-height:35px;
	margin-left:35px;
	color:#FFF;
	background:#00a4ff;
}
/*导航菜单end，slider start*/
.swap{
	position:relative;
	width:100%;
	height:320px;
	padding-top:6px;
	padding-bottom:6px;
	margin:0 auto;
	overflow:hidden;
}
#slider{
	list-style:none;
	width:100%;
	height:100%;
	margin:0;
	padding:0; 
}
#slider li{
	width:100%;
	height:320px;
	display:none;
	position:absolute;
}
.slider {
    width:100%;
	height:320px;
	margin:0 auto;
	}
#loadslider {
    float:left;
    width:100%;
	height:260px;
	}
.naviSlider{
	width:60px;
	margin:0 auto;	
}
#naviSlider{
	list-style:none;
	width:auto;
	position:absolute;
	top:306px;	
}
#naviSlider  li{
	width:20px;
	height:8px;
	cursor:pointer;
	display:inline-block; 
	background:#ACACAC;
	*zoom:1;
	*display:inline;
	*margin-left:2px;	
}
#naviSlider li.on{
	background:#009FE3;
}
/*jquery滚动图片*/
#marquee1{
    float:left;
	width:1190px;
	height:150px;
	padding:4px;
	overflow:hidden;
	border:1px solid #CCCCCC;
	margin-bottom:6px;
	}	
#marquee1 ul li{
    float:left;
	padding-right:12px;
	}
#marquee1 ul li img{
    display:block;
	}
#marquee1 ul span{
    display:block;
	width:108px;
	overflow:hidden;
	text-align:center;
	background:#1D9F99;
	padding:2px 0px;
	}
#marquee1 ul span a{
	color:#FFFFFF;
	}		
.thum_1 {
    width:106px;
    height:120px;
}
#thum_1 a {
    width:106px;
    height:120px;
	display:block;	
	border:1px #A4C466 solid;
}
#thum_1 a:hover {
    width:106px;
    height:120px;
	display:block;
	border:1px #689812 solid;	
} 
/*scrollpane code*/ 
.jScrollPaneContainer {
	Z-INDEX: 1; OVERFLOW: hidden; POSITION: relative;
}
.jScrollPaneTrack {
	RIGHT: 0px; BACKGROUND: #aaa;POSITION: absolute; TOP: 0px; HEIGHT: 100%;
}
.jScrollPaneDrag {
	BACKGROUND: #666; OVERFLOW: hidden; CURSOR:default; POSITION: absolute;
}
.jScrollPaneDragTop {
	LEFT: 0px; OVERFLOW: hidden; POSITION: absolute; TOP: 0px;
}
.jScrollPaneDragBottom {
	LEFT: 0px; OVERFLOW: hidden; BOTTOM: 0px; POSITION: absolute;
}
.scroll-pane {
	HEIGHT: 500px;
}
.jScrollPaneTrack {
	BACKGROUND:#666666;/*scroll背景颜色*/
}
.jScrollPaneDrag {
	BACKGROUND:url(https://lofeng.net/style/extend/scroll/scrollimage.gif) #1D9F99 no-repeat 50% 50%;
}
/*新闻列表*/
.ncode_1 {
	width:1120px;
	margin-left:40px;
	margin-right:auto;
	line-height:23px;
	font-size:14px;	
	clear: both;
}
.newsul {
    list-style:none;
	padding:3px 2px;
	width:1106px;
	overflow:hidden
	}
.news_title a{
    list-style:none;
	line-height:26px;
	display:block;
	padding-left:20px;
	}
.news_title a:hover{
	display:block;
	background:#1D9F99;
	color:#FFFFFF;
	padding-left:20px;
	}	
.news_title span{
	float:right;
	padding-right:15px;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	font-style:italic;
	}	
.ask_one{
	background:url(../image/65_01.gif) no-repeat 5px center;
	}
.ask_two{
	background:url(../image/65_11.gif) no-repeat 5px center #FAFAFA;
	}
.ncode {
    float:left;
	width:1240px;
	height:auto !important;
    height:640px;
    min-height:640px; 
}
.ncode_11 {
    float:left;
	width:100%;
	height:auto !important;
    height:640px;
    min-height:640px;
	overflow:hidden;
}
.ncode_16 {
    float:left;
	width:100%;
	height:390px;
	background:url(https://lofeng.net/style/images/elsebanner.jpg) no-repeat center;
	overflow:hidden;
}
#navtips {
	float:left;
	background:url(../image/1_45.gif) repeat-x;
	width:100%;
	height:45px;
}
.navtips {
	width:1240px;
	margin:0 auto;
}
.navtips span {
    line-height:34px;
	float:left;
	padding-left:40px;
}
#ncode_2 {
	padding-top:0px;
	width:1120px;
	margin-right: auto;
	margin-left:40px;
	overflow: hidden;
	clear: both;
	line-height:26px;
	font-size:14px;
}
.ncode_3 {
	text-align:center;
	overflow:hidden;
	padding-bottom:12px;
}
#ncode_4 {
	margin-left:54px;
}
.epages {
	font-size:12px;
	line-height:20px;
	height:20px;
	text-align:center;
	padding-top:2px;
	padding-bottom:9px;
	text-decoration:none;
}
.epages a {
	border: 1px solid #CCCCCC;
	background:F3F3F3;
	display: inline-block;
	height:20px;
	line-height:20px;
	vertical-align:middle;
	padding:0 4px;
}
.epages b {
	border: 1px solid #CCCCCC;
	background: #39AA49;
	color:#FFFFFF;
	display: inline-block;
	height:20px;
	line-height:20px;
	vertical-align:middle;
	padding:0 4px;
	font-weight:normal;
}
.epages a:hover {
	color: #666666;
	border: 1px solid #A6A4A4;
	background:#F4F4F4;
}
.ncontents {
	padding-bottom: 5px;
	font-size: 14px;
}
.ncontents img {
	padding-bottom: 2px;
}
.update_time {
	float:left;
	width:100%;
	font-size:11px;
	font-style:italic;
	color:#ACACAC;
}
#pre {
    font-size:12px;
	color:#999999;
	}
#pre a {
	color:#666666;	
	padding:2px 25px;
	background: url(../image/pre.png) no-repeat left #FAFAFA;
	display:block;
}
#pre a:hover {
	color:#FFFFFF;
	background:#1D9F99;	
}
#next {
    font-size:12px;
	color:#999999;
	}
#next a {
	color:#666666;	
	padding:2px 25px;
	background: url(../image/next.png) no-repeat left;
	display:block;
}
#next a:hover {
	color:#FFFFFF;
	background:#1D9F99;	
}
#copyright_index {
	width:100%;
	height:108px;
	color:#FFFFFF;
	text-align:center;
	background:url(../image/26005.jpg) repeat-x top #1f2b38;
	overflow:hidden;
}	
#copyright_index a {
	color:#FFFFFF;
}
#copyright_index a:hover {
	color: #cccccc;
}			
#copyright {
	width:100%;
	height:100px;
	background:#FFF;
	overflow:hidden;
	border-top:1px solid #dfdfdf;
}
.copyright_index {
    float:left;
	width:1280px;
	text-align:center;
	padding-top:20px;
}
.copyright_index span {
	font-family:Arial, Helvetica, sans-serif;
}	
.copyright {
    float:left;
	width:1240px;
	text-align:center;
	padding-top:20px;
}
.copyright span {
	font-family:Arial, Helvetica, sans-serif;
}	
/*列表页二级menu begin*/
.dropdown {float:left;}
.dropdown dt {width:120px; border:none; padding:0; cursor:pointer; text-align:center;}
.dropdown dt a{background:none;}
.dropdown dt a:hover {background:url(../image/navmenu_select.png) left no-repeat; color: #17A255;}
.dropdown .upperdd {border-bottom:none;}
.dropdown .upperddselect{border-bottom:none;background:url(../image/navmenu_select.png) left no-repeat; color: #17A255;}
.dropdown dd {position:absolute; width:120px; overflow:hidden;display:none; background:#fff; z-index:200; opacity:0}
.dropdown ul {width:118px; border-left:1px solid #9ac1c9;border-right:1px solid #9ac1c9; list-style:none; border-top:none;}
.dropdown li {display:inline;}
.dropdown li a { width:118px;}
.dropdown a {display:block; padding:6px 0px 8px 0px; color:#333; text-decoration:none;width:120px; text-align:center;}
.dropdown a:hover { background: #1D9F99;color: #FFFFFF;}
.dropdown .underline {border-bottom:1px solid #b9d6dc}
/*列表页左边menu End*/
/*memberlogin*/
#netmember {
	float:left;
	width:100%;
	height:31px;
	line-height:31px;
	vertical-align:middle;
	overflow:hidden;
}
#netmember span {
	float:left;	
	padding-left:12px;
	padding-right:12px;
}
.inputTextb {
	background: #FFFFFF;
	border:1px solid #CCCCCC;
	width:130px;
	height:16px;
	outline:none;
}
.inputTextfocus {
	background: #FFFDFD;
	border:1px solid #ACACAC;
	width:130px;
	height:16px;
	outline:none;
}
.inputSubc {
    background: url(../image/reglogin_1.gif);
	width: 56px;
	height:25px;
	margin-top:3px;
	border:0px;
	color:#3A3131;
}
.inputSubl {
    background: url(../image/regloginl.gif);
	width: 65px;
	height:25px;
	margin-top:3px;
	border:0px;
	color: #999999;
}
.inputSubl_2 {
	background: url(../image/regloginl_2.gif);
	width: 65px;
	height:25px;
	margin-top:3px;
	border:0px;
	color: #999999;
}
.inputSubl_3 {
    background: url(../image/regloginl.gif);
	width: 65px;
	height:25px;
	margin-top:3px;
	border:0px;
	color:#999999;
}
#reglogintext_1,#regloginbtn {/*去除ie6文字图片不居中bug，若文字图片须同时居中时，添加多个div单独调整则可*/
    float:left;
	padding-left:1px;
	padding-right:1px;
}
#regloginput_1 {/*去除ie6文字图片不居中bug*/
    float:left;
	padding-top:6px;/*firefox*/
	*padding-top:5px;
	_padding-top:5px;/*ie6*/
}
.reglogintext_2 {
   color: #666666;
}
/*message code*/
.message {
    float:left;
	width:618px;
	border:1px #CCCCCC solid;
	padding:6px 10px 5px 10px;
	}
#message {
	color:#999999;
	}
#message span {
	float:right;
	}
.message_1 {
	float:left;
	width:100%;
	padding-top:3px;
	}	
#message_1 {
	float:left;
	width:100%;
	height:15px;
	background:url(../image/line_15.gif) repeat-x top;
	}
.message_2 {
    float:left;
	width:640px;
	height:249px;
	background:url(../image/640249.gif) no-repeat;
	margin-top:20px;
	overflow:hidden;
	}
#message_2 {
    float:left;
	width:143px;
	height:66px;
	overflow:hidden;
	}
#message_21 {
   float:left;
   display:block;
   width:143px;
   height:66px;
   border:none;
   color: #FFFFFF;
   text-align:left;
   line-height:20px;
   cursor:pointer;
   background:none;
}
.message_3 {
    float:left;
	font-size:12px;
	width:143px;
	padding-left:18px;
	padding-top:60px;
	}
.message_4 {
    float:left;
	width:460px;
	padding-left:12px;
	padding-top:61px;
	overflow:hidden;
	}								
.tableborder {
	margin-bottom: 8px;
	background-color:none;
	border:1px solid #CCCCCC;
}
.header {
	background:url(../image/541.gif) repeat-x center 0px;
	line-height:25px;
}
.header2 {
   color:#999999;
}
/*注册/登录表单*/
.textstyle_1 {
   float:left;
   color:#ACACAC;
   width:130px;
   height:23px;
   line-height:23px;
   padding-bottom:6px;
   vertical-align:middle;
   border:none;
   background:none;
   overflow:hidden;
   outline:none;
}
.textstyle_1a {
   float:left;
   width:100%;
   height:23px;
   line-height:23px;
   margin-bottom:16px;
   vertical-align:middle;
   border:none;
   background:none;
   outline:none;
}
.textstyle_11 {
   float:left;
   color:#ACACAC;
   height:19px;
   line-height:19px;
   vertical-align:middle;
   border:1px solid #DCDCDC;
   background:none;
   outline:none;
}
.textstyle_11a {
   float:left;
   height:19px;
   line-height:19px;
   vertical-align:middle;   
   border:1px solid #CCCCCC;
   background:#F9F9F9;
   outline:none;
}          
.textstyle_2 { 
   float:left;
   color:#ACACAC;
   width:100%;
   height:140px;
   line-height:20px;
   font-size:12px;
   vertical-align:middle;
   border:none;
   overflow:hidden;
   resize:none;/*for firefox*/
   background:none;
   outline:none;
}
.textstyle_2a {
    float:left;
   width:100%;
   height:102px;
   line-height:20px;
   font-size:12px;
   vertical-align:middle;
   border:none;
   overflow:hidden;
   resize:none;
   background:none;
   outline:none;
}
.textstyle_3 { 
   float:left;
   line-height:20px;
   font-size:12px;
   vertical-align:middle;
   overflow-y:hidden;
   resize:none;
   border:1px solid #DCDCDC;
   background:#FFFFFF;
   outline:none;
}
.textstyle_3a {
    float:left;
   line-height:20px;
   font-size:12px;
   vertical-align:middle;
   overflow-y:hidden;
   resize:none;
   border:1px solid #CCCCCC;
   background: #FFFFFF;
   outline:none;
}
#userpic {/*用于会员注册表单，使用时添加到后台会员注册表单的对应字段即可*/
   height:23px;
   }
/*图片等比缩放*/
.load{
    background:url(../image/loadimage.gif) no-repeat center;
	text-align:center;
	width:100%;
	height:20px;
	}
#resizeimage {/*对应loadimage.js的#resizeimage*/
	padding:16px;
	border:1px #E5E5E5 solid;
	width:0px;/*fix加载过慢导致图片先显示全图再缩放*/
	height:0px;/*fix加载过慢导致图片先显示全图再缩放*/
	background:url(../image/loadimage.gif) no-repeat center;/*fix加载过慢导致图片先显示全图再缩放*/
}
.listpicresize {
    text-align:center;/*对应loadimage.js的.listpicresize取消时则在此设置width及height参数即可*/
	}
.unresizepic {/*对应loadimage.js的#unresizepic*/
	background:url(../image/loadimage.gif) no-repeat center;/*fix加载过慢导致图片先显示全图再缩放*/
}
#unresizepic {
	text-align:left;
	float:left;	
}	
/*scroll top code*/
.scroll{
		width:21px;
		height:20px;
		background:url(../image/go_top.gif) no-repeat 0px 0px;
		position:fixed;
		right:30px;
		bottom:60px;
		cursor:pointer;
	}  
/*Grid container*/
#main {
    position:relative;
    padding:10px 0 30px 0;
   }
.main {
    margin-left:55px;
	}   
.progress {
     background:url(../image/loadimage_list.gif) no-repeat;
	 float:left;
	 width:120px;
	 height:20px;
	 line-height:20px;
	 left:50%;
	 top:50%;
	 margin-top:-10px;
	 margin-left:-60px;
	 text-align:center;
	 display:block;
	 color:#666666;
	 position: absolute;
	 font-size:12px;
	 }
.progress span {
	 float:left;
	 padding-left:60px;
	 }	 
#tiles {
    list-style-type: none;
    position: relative; /** Needed to ensure items are laid out relative to this container **/
    margin: 0;
    }
#tiles li {
    width: 200px;/*使用代码height:186px;overflow:hidden;可以限制li宽高*/	
    background-color: #ffffff;
	border: 1px solid #dedede;
	display: none; /** Hide items initially to avoid a flicker effect **/
	padding: 4px 4px 0px 4px;
    }	
#tiles li img {
    display: block;
    width:200px;/*使用代码height:160px;可以固定图片宽高*/	
    }
#tiles li p {
    color: #666;
    font-size: 12px;
    margin: 0px 1px 0 6px;
   }
 /*Some extra styles to randomize heights of grid items.*/
#tiles ali:nth-child(3n) {
    height: 175px;
    }
#tiles ali:nth-child(4n-3) {
    padding-bottom: 30px;
    }
#tiles ali:nth-child(5n) {
    height: 250px;
   }
#epages {
    display:none;
	}
#gallery {/*内容页图集定位*/
    padding: 30px 40px 30px 20px;
  }	   
/*file download*/
.ncode_9 {
    float:left;
	width:640px;
	padding-left:25px;
	padding-bottom:5px;
	} 
#ncode_10 {
    float:left;
	width:640px;
	height:30px;
	margin-top:15px;
	background:url(../image/64030.png) no-repeat;
	}
.ncode_10 {
    float:left;
	width:640px;
	overflow:hidden;
	}
.ncode_10 li.one {
    float:left;
	width:640px;
	height:30px;
	line-height:30px;
	background:url(../image/64030_1.gif) no-repeat;
	overflow:hidden;
	}
.ncode_10 li.two {
    float:left;
	width:640px;
	height:30px;
	background:url(../image/64030_2.gif) no-repeat;
	overflow:hidden;
	}				
#ncode_11 {
    float:left;
	width:475px;
	overflow:hidden;
	padding-left:14px;
	padding-right:23px;	
	height:30px;
	line-height:30px;
	}
#ncode_12 {
    float:left;
	width:80px;
	height:30px;
	line-height:30px;
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	}
#ncode_13 {
	float:left;
	width:18px;
	height:30px;
	padding-left:15px;
	line-height:30px;
	}
#ncode_14 {
	margin-left:150px;
	}
#ncode_15 {
	float:left;
	width:680px;
	padding-left:130px;
	}		
/*jquery dialog online*/
#online_service{position:absolute; top:-150px; right:0;overflow:hidden;z-index:15;}
#online_service_full{display:none;width:136px;padding-bottom:25px;background:url(https://lofeng.net/style/extend/serviceonline/13625.gif) no-repeat left bottom;}
.service_head{text-indent: -9999px;width:136px;height:45px;position:relative;background:url(https://lofeng.net/style/extend/serviceonline/13645.gif) no-repeat left top;}
.service_main{width:136px;background:url(https://lofeng.net/style/extend/serviceonline/13660.gif) no-repeat #FFFFFF left top;}
#service_link{width:121px; height:25px; line-height:25px; position:relative; left:9px; padding-bottom:5px;background:url(https://lofeng.net/style/extend/serviceonline/12125.gif) no-repeat;}
#service_link span{ float:left; width:121px;}
#service_link span a{ float:left; padding-left:45px; color:#666666;}
#service_link span a:hover{ color: #FF6600;}
#service_close{position:absolute;width:12px;height:11px;top:10px;right:6px;cursor:pointer;display:block;text-indent: -9999px;}
#online_service_mini{margin-top:50px;width:30px;height:106px;background:url(https://lofeng.net/style/extend/serviceonline/mini.gif) no-repeat right top;display:none;cursor:default;}/*边栏mini*/	
/*可重复使用的code*/
.unshow {/*fix for ie6，避免文字重复显示*/
  background:none;
  display:none;  
}