@charset "utf-8";

html,body,div,iframe,span,
dl,dt,dd,ul,ol,li,
form,input,textarea,pre,p,blockquote,
th,td						{ margin:0; padding:0; font-size:100%;}

a							{ text-decoration:none;}
li							{ list-style:none;}
.clear						{ clear:both; height:0px; line-height:0;}
h1,h2,h3					{ font-weight:normal; padding:0px; margin:0px; }
img							{ border:0; }

a,
a:visited					{ color:#666; }
a:hover 					{ text-decoration:none; }

*::selection,
*::-moz-selection			{ background:#f76aaa;text-shadow:none;color:#fff}


/* body */
body,html 					{ font-family:"微软雅黑","Microsoft Yahei","Hiragino Sans GB",tahoma,arial,"宋体"; font-size:12px; color:#666;}


.w-btn,
.w-btn-cur					{ cursor:pointer; text-align:center; border-radius:3px; padding:6px 11px; background-color:#FFFFFF; text-shadow:0 2px 0 rgba(0, 0, 0, 0.25); display:block; position:absolute;}
.w-btn .line,
.w-btn-cur .line			{ display:block; width:18px; height:2px; background:#199f49; border-radius:1px; }
.w-btn .line + .line,
.w-btn-cur .line + .line	{ margin-top:3px; }
.w-btn-cur					{ background-color:#199f49;}
.w-btn-cur .line			{ background:#FFF;}

#mobi-btn					{ display:none; }

.header						{ background:#f7f7f7; position:fixed; top:0; width:100%; z-index:110;}
.header-box					{ width:980px; margin:0 auto; padding:10px 0; position:relative; }

.w-logo						{ background:url(../images/logo.png) no-repeat; height:50px;width:220px; }

.pc-nav						{ position:absolute; right:0; top:10px;}
.pc-nav li					{ float:left; padding:10px 15px; font-size:14px; }
.pc-nav li a				{ display:block; padding:5px;}
.pc-nav li a:hover			{ background:#199f49; color:#FFF; border-radius:10px;}

.pc-nav li		ul			{  display: none;}


.rpe-top{ padding-top:70px; }
.w-banner { width:100%; position:relative; height:375px; overflow:hidden;}
.w-banner .bd {margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.w-banner .bd ul {width:100% !important;}
.w-banner .bd li {width:100% !important;height:375px;overflow:hidden;text-align:center;}
.w-banner .bd li a {display:block;height:375px;}
.w-banner .hd {width:100%;position:absolute;z-index:1;bottom:0;left:0;height:30px;line-height:30px;}
.w-banner .hd ul {text-align:center;}
.w-banner .hd ul li {cursor:pointer;display:inline-block;width:42px;height:11px;margin:1px;overflow:hidden;background:#000;opacity:0.5;line-height:999px;}
.w-banner .hd ul .on {background:#91CD2F;}
.w-banner .prev,.w-banner .next {display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:15%;z-index:1;width:40px;height:60px;background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;opacity:0.5;display:none;}
.w-banner .next {left:auto;right:15%;background-position:-6px -137px;}


.w-box						{ background:#f2f2f2; padding:70px 0 50px 0; margin:0 auto; text-align:center;}
.w-box h1					{ font-size:28px; }
.w-box h2					{ padding-top:20px; line-height:25px; font-size:14px; padding:20px 10px 0 10px; }

.w-button					{ background:#199f49; border-radius: 10px; color: #fff;display:inline-block; font-size: 18px; padding: 10px 30px; text-align: center;cursor:pointer;border:none;}
.w-button:visited			{ color:#FFF; }
.w-top						{ margin-top:20px; }


input.w-button2 { background:#199f49; border-radius: 10px; color: #fff;display:inline-block; font-size: 18px; padding: 10px 30px; text-align: center;border:none;cursor:pointer;}
input.w-button2 { color:#FFF; }
.w-top2						{ margin-top:20px; }






.w-p					{ width:980px; margin:0 auto; color:#666; padding:70px 0;}
.w-p ul li				{ width:225px; padding:10px; float:left; text-align:center; }
.w-p ul li	div img		{ width:200px;  }
.w-p ul li h1			{ font-size:14px; text-align:center; padding:5px 0 5px 0;height:30px;}
.w-p ul li p			{ color:#666; line-height:20px; text-align:left; padding:10px; padding-bottom:0;}
.w-p ul li div			{ margin:0 auto; background:#FFF;padding:1px; border-radius:1%; width:200px; height:130px; }



.w-p5					{ width:100%; margin:0 auto; color:#666; padding:70px 0;}
.w-p5 ul li				{ width:225px; padding:10px; float:left; text-align:center; }
.w-p5 ul li	div img		{ width:200px;  }
.w-p5 ul li h1			{ font-size:14px; text-align:center; padding:5px 0 5px 0;height:30px;}
.w-p5 ul li p			{ color:#666; line-height:20px; text-align:left; padding:10px; padding-bottom:0;}
.w-p5 ul li div			{ margin:0 auto; background:#FFF;padding:1px; border-radius:1%; width:200px; height:130px; }


.w-pro						{ width:980px; margin:0 auto; color:#666; padding:70px 0 0 0;}
.w-pro-h1					{ padding-bottom:30px;   margin-bottom:20px; }
.w-pro ul li				{ width:143px; padding:10px; float:left; text-align:center; }
.w-pro ul li h1				{ font-size:14px; text-align:center; padding:40px 0 30px 0; height:20px;}
.w-pro ul li p				{ color:#666;}
.w-pro ul li div,
.c-info .logo 				{ margin:0 auto; background:#f2f2f2;padding:6px; border-radius:50%; width:130px; height:50px; }
.w-pro ul li div img,
.c-info .logo img			{ border-radius:50%; transition:all 0.2s ease-out 0s; }
.w-pro ul li div img:hover,
.c-info .logo img:hover		{ transform: rotate(360deg) scale(1.02);}
.w-pro-more				{ cursor:pointer; background:#199f49; border-radius: 10px; color: #fff; font-size: 18px; padding: 10px 30px; text-align: center; margin:50px auto 0 auto; width:180px;}

.w-pro ul li div img { width:143px;border-radius:50%; transition:all 0.2s ease-out 0s; }


.c-info						{ width:980px; margin:20px auto 20px auto; padding:10px 0 10px 0;}
.c-info .c-left				{ float:left; width:210px; padding:20px; background:#f1f1f1;}
.c-info .c-left h1			{ text-align:center; }
.c-info .c-left .c-url		{ padding-top:20px;}
.c-info .c-left .c-url a	{ color:#199f49; }
.c-info .c-left .c-lx		{ padding-top:20px; font-size:16px; border-top:1px solid #dcdcdc; margin-top:20px;}
.c-info .c-left .lx-mail	{ display:block; }


.c-descr					{ text-align:left; padding-top:20px; margin:0 auto; line-height:25px; }
.c-content					{ width:690px; padding-left:20px; float:left; padding:20px 0 20px 20px; line-height:25px;}




.w-lx						{ text-align:center; padding-bottom:30px; font-size:16px; }

.t-pc						{ padding-top:5px;}
.t-mobi						{ display:none; background:#199f49; border-radius: 10px; color: #fff; font-size: 16px; padding: 6px 0; margin-top:10px; text-align: center; line-height:20px;}
.t-mobi a					{ color:#FFF; }
.lx-tel:before,
.lx-sms:before,
.lx-qq a:before,
.lx-mail:before,
.lx-pc-mail:before,
.w-about .w-left li.cur:after,
.w-class-box a.cur:before	{ content:""; width:20px; height:20px; display:inline-block; margin-right:5px;  background-repeat:no-repeat; margin-bottom:-4px; background-size:100px;}

.w-class-box5 a.cur:before	{ content:""; width:20px; height:20px; display:inline-block; margin-right:5px;  background-repeat:no-repeat; margin-bottom:-4px; background-size:100px;}

.lx-mail:before				{ margin-bottom:-6px; }

.lx-tel:before				{ background-position:0 -20px; }
.lx-sms:before				{ background-position:0 0; }
.lx-mail:before				{ background-position:-20px 0;}

.lx-qq						{ padding-top:10px; display:inline-block; }
.lx-qq a:before				{ background-position:0 -40px; margin-bottom:-4px;}
.lx-qq a:hover::before		{ background-position:-20px -40px;}

.lx-qq a:hover,
.lx-pc-mail:hover			{ color:#199f49; }

.lx-pc-mail:before			{ background-position:0 -60px; margin-bottom:-4px;}
.lx-pc-mail:hover::before	{ background-position:-20px -60px;}
.lx-pc-mail					{ font-size:16px; padding-top:10px; }


.lx-400						{ color:#199f49; font-size:28px;}



.w-footer					{ text-align:center; background:#f2f2f2;}
.w-footer-box				{ padding:30px 0;}
.w-footer p					{ line-height:30px;}
.w-footer p a				{ padding:0 5px;}
 
.w-line						{ border-top:1px solid #fcfcfc; }


.w-footer .w-ul				{ width:980px; margin:0 auto; padding-bottom:30px;}
.w-footer .w-ul	ul			{ float:left; text-align:left; }
.w-footer .w-ul	ul h1		{ font-size:14px; padding-bottom:15px; }
.w-footer .w-ul	ul li		{ line-height:24px; }
.w-footer ul.w0				{ width:200px; }
.w-footer ul.w1				{ width:200px; }
.w-footer ul.w2				{ width:200px; }
.w-footer ul.w3				{ width:200px; }
.w-footer ul.w4				{ width:180px; }

.w-hero						{ padding:10px 0;}
.w-hero span				{ height:20px; display:inline-block; background:url(../images/w-all.png) no-repeat; background-size:100px; }
.w-hero span.w2				{ background-position:0 -120px; width:60px; }
.w-hero span.w1				{ background-position:-60px -120px; width:20px; }
.w-hero span.w3				{ background-position:0 -140px; width:86px; }
.w-hero span.w4				{ background-position:0 -160px; width:55px; }
.w-hero span.w0				{ background-position:-80px -120px; width:20px;}
.w-hero span.w5				{ background-position:0 -180px; width:60px; }
.w-hero span.w6				{ background-position:0 -200px; width:60px; }


.attent						{ background-image:url(../images/attent.png); background-repeat:no-repeat; padding-left:30px;}
.weibo-sina					{ background-position:0 3px; }
.weibo-tencent				{ background-position:0 -90px;}
.weibo-qzone				{ background-position:0 -65px; }
.zhan-renren				{ background-position:0 -17px; }
.zhan-douban				{ background-position:0 -41px; }

.qrcode img					{ width:80px; }
.qrcode .w-l				{ float:left; width:90px; color:#b3b3b3; text-align:center; }


.w-class					{ margin-top:70px; width:100%; background:#199f49;/*#199f49;*/ }
.w-class-box				{ padding:50px 0; margin:0 auto; width:980px; color:#FFF;}
.w-class-box a				{ display:block; width:33%; text-align:left; float:left; color:#FFF; line-height:25px; }
.w-class-box h1				{ font-size:28px; padding-bottom:20px;}

.w-class-box h2 			{ font-size:18px; padding:20px 0 20px 0;}
.w-class-box h2 			a{ color:#81C0F2;padding:0px 0 10px 0; }
.w-class-box a.cur:before	{ background-position:0 -80px; margin-bottom:-5px;}
.w-class-box a:hover		{  color:#81C0F2}


.w-logo-back				{ background:#F1E6D6;}


.w-class-box5				{ padding:50px 0; margin:0 auto; width:980px; color:#000;}
.w-class-box5 a				{ display:block; width:33%; text-align:left; float:left; color:#000; line-height:25px; }
.w-class-box5 h1				{ font-size:28px; padding-bottom:20px;}

.w-class-box5 h2 			{ font-size:18px; padding:20px 0 20px 0;}
.w-class-box5 h2 			a{ color:#81C0F2;padding:0px 0 10px 0; }
.w-class-box5 a.cur:before	{ background-position:0 -80px; margin-bottom:-5px;}
.w-class-box5 a:hover		{  color:#81C0F2}







/* about */
.w-about					{ margin:0 auto; margin-top:50px; width:980px; padding-bottom:30px;}

.w-about .w-left			{ width:230px; }

.w-about .w-left,
.w-about .w-right			{ float:left; }

.w-about .w-left			{ background:#f7f7f7; font-size:14px;}
.w-about .w-left li			{ padding:10px 20px;}
.w-about .w-left li.cur		{ background:#199f49; color:#FFF; cursor:pointer;}
.w-about .w-left li.cur a	{ color:#FFF;}
.w-about .w-left li.cur:after{ background-position:0px -100px; margin-bottom:-5px; display:none; }
.w-about .w-right			{ width:750px; line-height:25px;}
.w-about .w-right .w-title	{ padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #f2f2f2; }
.w-about .w-right .w-padd	{ padding-left:30px;font-size:14px;  }
.w-about .w-right .w-padd p{ padding-bottom:15px; }
.w-about .w-right .w-share	{ padding-top:10px;padding-bottom:10px; }
.w-about .w-right .w-time	{ color:#199f49; }


.w-about .w-left li.w-about-l1{ padding-left:35px; }
.w-about .w-left li.w-about-l2{ padding-left:45px; font-size:12px; }



.paging{
	text-align:center;
	padding:50px 0;
	}
.paging a{
	display:inline-block; border-radius: 10px;
	height:40px;
	border:3px solid #717171;
	text-align:center;
	padding:0 50px;
	line-height:44px;
	margin:0 10px;
	}
	
	
.paging span.disabled{
 	border:3px solid #717171; border-radius: 10px;
 	background:#fff;
	color:#666;
	display:inline-block;
	height:40px;
	text-align:center;
	padding:0 50px;
	line-height:44px;
	margin:0 10px;
	cursor: default;
 	opacity:0.5;
 	}
	
.paging a.disabled:hover{
 	border:3px solid #717171;
 	background:#fff;
	color:#666;
	}
	
.paging a.disabled{
	cursor: default;
 	opacity:0.5;
	
 	}
.paging a.disabled:hover{
 	border:3px solid #717171;
 	background:#fff;
	color:#666;
	}
.paging a:hover{
	background:#199f49;
	border-color:#199f49;
	color:#fff;
	-webkit-transition:  0.2s ease-in 0s;
	-moz-transition:  0.2s ease-in 0s;
	-ms-transition:  0.1s ease-in 0s;
	-o-transition:  0.2s ease-in 0s;
	}


.w-page						{ padding:0 30px;}
.w-page span,
.w-page a					{ display:inline-block; padding:2px 10px; }
.w-page .now				{ background:#199f49; color:#FFF; }
.w-about-null				{ padding:30px; }


.s-box{ background:url(../images/server/m-bg.jpg) repeat-x bottom; padding:80px 0;}
.s-list{margin:0 auto;}
.s-list h1{ font-size:28px; }
.s-list h2{ font-size:14px; padding:20px 0; }
.s-list p{line-height:25px; }
.s-free{ color:#199f49; font-size:14px; background:url(../images/server/m-free.png) left center no-repeat; padding-left:25px;}
.s-400{ color:#069; font-size:16px; margin-top:10px;}



.s-list{width:420px;}
.m-web-base{ background:url(../images/server/m-web-base.gif) no-repeat; height:350px; }
.m-web-more{ background:url(../images/server/m-web-more.png) no-repeat;}
.m-web-mobile{ background:url(../images/server/m-web-mobile.png) no-repeat;}
.m-web-go{ background:url(../images/server/m-web-go.png) no-repeat; }
.m-web-wx{ background:url(../images/server/m-web-wx.png) no-repeat; }
.m-pl{padding-left:540px; background-position: left bottom;}
.m-pr{padding-right:540px; background-position: right bottom;}
.m-pc{ }
.m-mobile{ display:none; }




.w-message					{ font-size: 14px;}
.w-message ul				{ margin:0 auto; width:980px; padding:20px 0;}
.w-message li				{ padding:10px; position:relative; padding-left:130px; text-align:left;}
.w-message li span			{ position:absolute; left:30px; top:22px; }
.w-message .i-input,
.w-message .i-textarea		{ border:1px #199f49 solid; font-family:"微软雅黑"; color: #199f49;display:inline-block;font-size: 14px; padding: 10px; text-align: left; opacity:0.8;}
.w-message .i-textarea		{ width:400px;}


.w-link a					{ padding:0 5px;}

.prettyprint				{ white-space: pre-wrap;white-space: -moz-pre-wrap;white-space: -pre-wrap; white-space: -o-pre-wrap;word-wrap: break-word; border-left:#199f49 3px solid;  line-height:20px; padding:20px; background:#f1f1f1; color:#199f49;}



.w-other					{ margin-top:30px; padding:30px; border-top:1px solid #f2f2f2;}
.w-other a,
.w-relevant a				{ color:#199f49;}

.w-relevant					{ padding:20px; border-top:1px solid #f2f2f2;}
.w-relevant	h1				{ font-size: 14px;}

.w-relevant ul				{ width:100%x;padding-top:10px; }

.w-relevant ul	li			{ width:225px; padding:0px; float:left; }

.c-content .w-relevant,
.c-content .w-other			{ padding:30px 0; }



@media (min-width: 960px) {
	.w-banner-content img{ width:980px; height:357px;}
}


@media (max-width: 960px) {
	
	#mobi-btn				{ display:block; right:15px; top:13px;}
	
	.w-logo					{ height:30px; background-size:contain; margin-left:15px; }
	.header-box				{ width:100%; padding:10px 0; position:relative; }
	
	.pc-nav					{ display:none; border-top:2px solid #199f49;  position:relative; left:0; width:100%; padding-bottom:5px;}
	.pc-nav li				{ padding:1px 0 0 25px; float:none;  }
	.pc-nav li ul			{ display: block; padding:5px 5px;}
	
	.w-banner{ padding-top:50px; }
	
	
	.w-p				{ width:100%; }
	.w-p ul li			{ width:50%; padding-left:0; padding-right:0; }
	.w-p ul li p		{ text-align:center;}
	
	
	.w-pro					{ width:100%; }
	.w-pro ul li			{ width:25%; padding-left:0; padding-right:0;}
	
	.c-info					{ width:auto; margin:0; padding-top:0;}
	.c-info .c-left			{ width:auto; float:none; }
	.c-content				{ float:none; padding-left:0; width:auto; padding:20px; }
	
	.w-relevant,
	.w-other		{ padding:20px; }
	

	.w-footer .w-ul			{ width:auto; padding-left:15px; padding-left:15px;}
	.w-footer .w-ul ul		{ width:25%; }
	.w-footer .w-ul ul.w4	{ width:100%; text-align:center; }
	.qrcode					{ margin:0 auto; width:200px; }
	

	.w-class				{ margin-top:50px; }
	.w-class-box			{ width:auto; padding-left:15px; padding-right:15px;}
	.w-class-box5			{ width:auto; padding-left:15px; padding-right:15px;}	

	.w-about				{ width:auto; }
	.w-about .w-left		{ width:25%;}
	.w-about .w-right		{ width:75%;}
	.w-about .w-right .w-title		{ margin-bottom:10px; padding-bottom:10px;}
	.w-about .w-right .w-padd		{ padding-left:20px; padding-right:20px; }
	
	.w-about .w-left li.w-about-l0	{ width:auto; }
	.w-about .w-left li.w-about-l1	{ padding-left:25px; }
	.w-about .w-left li.w-about-l2	{ padding-left:35px; }
	
	.m-pc{ display:none; }
	

	.s-list{ width:auto; padding-left:20px; padding-left:20px; }
	.m-pl{ padding-left:50%; background-size:50%; background-position:left center; }
	.m-pr{ padding-right:50%; background-size:50%; background-position:right center; }
}


@media (max-width: 650px) {
	
}



@media (max-width: 610px) {
	.w-pro ul li			{ width:33%;}
	
	
	/* footer D.n.sky */
	.w-footer .w-ul ul		{ height:180px; width:50%; }
	.w-footer .w-ul ul.w4	{ display:none; }
	
	.w-class-box a			{ width:33%;}
	.w-class-box5 a			{ width:33%;}	
	
	.w-about				{ margin-top:0px; }
	.w-about .w-left ul		{ padding:0; position:relative; }
	
	.w-about .w-right .w-title		{ font-size:18px; padding-top:20px; }
	.w-about .w-right		{ width:100%;}
	
	.w-about .w-left		{ width:100%; float:none; }
	.w-about .w-left li		{ display:none; }
	.w-about .w-left li.cur { display:block; background:#006633; position:absolute; left:0; line-height:30px; padding:0; width:100%; top:-30px;  }
	.w-about .w-left li.cur a		{ padding:10px 20px;}
	.w-about .w-left li.cur:after	{ display:inline-block; position:absolute; right:10px; top:5px; }
	
	.t-pc					{ display:none; }
	.t-mobi					{ display:block;}
	.w-lx					{ padding:20px; text-align:left;}

	.s-list{ padding-left:15px; padding-left:15px; }
	.m-pl{ padding-top:380px; padding-left:15px; padding-right:15px; background-position:top center;  background-size:100%;}
	.m-pr{ padding-top:380px; padding-left:15px; padding-right:15px; background-position:top center;  background-size:100%;}
	
	.w-message				{ padding:20px;}
	.w-message ul			{ width:auto; }
	.w-message li			{ padding-left:0; }
	.w-message li span		{ display:none; }
	.w-message .i-textarea	{ width:auto;}
	.w-message .i-input,
	.w-message .i-textarea	{ }
	
}


@media (max-width: 480px) {
	.w-logo					{ height:20px; margin-left:10px;}
	
	#mobi-btn				{ right:10px; top:8px;}
	.pc-nav li				{ padding:2px 10px; }
	
	.w-banner{ padding-top:40px; }

	.w-class-box			{ margin-top:0; }
	.w-class-box a			{ width:33%;}
	
	.w-class-box h1			{ font-size:24px;}
	.w-class-box h2			{ font-size:16px;}


	.w-class-box5			{ margin-top:0; }
	.w-class-box5 a			{ width:45%;}
	
	.w-class-box5 h1			{ font-size:24px;}
	.w-class-box5 h2			{ font-size:16px;}

	
	.c-content				{ padding:15px; }
	
	
	
	
	
	.w-about .w-left ul		{ padding:0px;}
	
	.w-lx					{ padding:15px; }
	
	.s-box{ padding-top:30px; }
	.m-pl{ padding-top:210px; padding-left:10px; padding-right:10px; }
	.m-pr{ padding-top:210px; padding-left:10px; padding-right:10px; }
	
}


@media (max-width: 450px) {
	.w-banner{ display:none; }
	
	.w-p ul li			{ width:100%;}
	.w-pro ul li			{ width:50%;}
	.w-pro,
	.w-p				{ padding:20px 0; }
	
	.w-footer .w-ul ul		{ display:none; }
	.w-footer .w-ul ul.w0	{ width:100%; display:block; height:auto;}
	
	.w-link					{ display:none; }
	
	.w-footer-box			{ padding:10px; padding-top:20px;}
	
	.w-footer-box p:nth-child(1),
	.w-footer-box p:nth-child(3){ display:none;}
	
	
	.w-class				{ margin-top:33px; }
	.w-class-box a			{ width:33%;}
	.w-class-box5 a			{ width:45%;}
	
	.w-lx					{ padding: 30px 15px; }
	.qrcode					{ margin:0 auto; width:200px; }
}



.w-water{ background:#f2f2f2;  }
.w-water-box{width:980px; margin:0 auto; padding:70px 0 50px 0;text-align:center;}
.w-water h1{ font-size:28px; padding-top:20px; }
.w-water h2{ padding-top:20px; line-height:25px; font-size:14px; padding:20px 10px 0 10px; }




.w-water-box .w-logo{ width:480px; margin:0 auto; text-align:right; line-height:50px; font-size:30px;}




.w-terrace{color:#666; width:100%; padding:20px 0;}
.w-terrace-box{width:980px; margin:0 auto;}
.w-terrace-h1{ padding-bottom:30px; border-bottom:1px solid #f5f5f5; margin-bottom:20px; }
.w-terrace-ul li{ width:143px; padding:10px; float:left; text-align:center; cursor:pointer; }
.w-terrace-ul li h1{ font-size:16px; text-align:center; padding:5px 0;}
.w-terrace-ul li p{ padding-top:10px;}
.w-terrace-logo{ margin:0 auto; background:#f2f2f2;padding:6px; border-radius:50%; width:80px; height:80px; }
.w-terrace-logo img{border-radius:50%; width:80px; height:80px; }
.w-terrace-ul li:hover,
.w-terrace-ul li.w-terrace-hover{ background:#199f49; color:#FFF;}
.w-terrace-fixed{ position:fixed; top:0; margin:0 auto; background:#FFF; padding:20px 0; border-bottom:2px solid #199f49; }


#responsive-web-design-box{ margin:0 auto; }
.w-terrace-scan{ border:0;text-align:center; width:100%;}




.w-order{ display:none; background:#199f49; color:#FFF;}
.w-order ul{margin:0 auto; width:600px; padding:20px 0; }
.w-order li{ padding:10px; position:relative; padding-left:100px; text-align:left;}
.w-order li span{ position:absolute; left:20px; top:22px; }
.i-input,
.i-textarea{ border:1px; font-family:"微软雅黑"; color: #199f49;display:inline-block;font-size: 16px; padding: 10px 30px; text-align: left; opacity:0.8;}
.i-textarea{ width:400px;}



.w-ads{ text-align:center; background:#01b4ae;height:220px;}
.w-ads img{ height:220px; }



.m-share{ text-align:center; padding-top:20px; text-align:left; }
.m-share span{ display:block; width:50px; height:50px; background-position:center center; background-repeat:no-repeat; background-size:80%; }
.m-share .t-sina{ background-image:url(../images/m-share/m-share-sina.png); }
.m-share .t-pengyou{ background-image:url(../images/m-share/m-share-pengyou.png); }
.m-share .t-qzone{ background-image:url(../images/m-share/m-share-qzone.png); }
.m-share .t-renren{ background-image:url(../images/m-share/m-share-renren.png); }
.m-box{ padding-top:5px; }
.m-box a{ display:inline-block; border:0; }

#container{height:500px;}
.t-lx{ line-height:25px; }
.t-lx a{ color:#5fa8e5; }