@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;	
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
ol, ul { list-style: none; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
.hide{ display:none;}
.clear{clear:both;width:0px;height:0px;margin:0px;padding:0px;line-height:0px;font-size:0px;visibility:hidden;}

body{font:Tahoma,Verdana,Arial,Helvetica,sans-serif;  color:#555555; font-size:13px;}

a{text-decoration:none; cursor:hand; color:#333333;}
a:hover { text-decoration:underline; cursor:hand; color:#F00;}
a img{ text-decoration:none; cursor:hand;}
a:hover img{ text-decoration:none; cursor:hand;}
.textUndLin a{color: #333333; text-decoration: underline}
.full{width: 990px; margin: auto}
.flotL{ float:left}
.left10{float:left; margin-left: 10px}
.top10{margin-top: 10px}
.bg{background: #000000}
.Bbaseline{border-bottom: 1px solid #000000}

.hide{ display: none;}

.center{ text-align:center;}

/*header*/
#header{width: 100%; height:88px; background:#02aebc;}

.headcon{height:48px;}
.p40{ padding-top:40px;}
.headcon .topplan{ width:100%; height:30px; line-height:30px; overflow:hidden; text-align:right; padding-bottom:10px;}	
.headcon .topplan a{color:#fff; font-size:16px; font-weight:bold;}

.headcon .Logo{width: 169px; float: left; height:48px; overflow:hidden;}
.headcon .Nav{ height:inherit; float: right; width: 800px;}
.headcon .Nav .menu{ float:right; height:30px; line-height:30px; overflow:hidden;}
.headcon .Nav .menu li{ height:30px; line-height:30px; float:left; padding:0px 5px;}
.headcon .Nav .menu li a{ font-size:18px; font-weight:bolder; color:#fff; font-family:Tahoma;}
	
.headcon .Nav .lang{ line-height:30px;  float:right; width:120px;  cursor:pointer; position:relative;}

.headcon .Nav .lang h3{font-size:18px; font-weight:bolder; color:#fff; font-family:Tahoma;   width:100px; background:url(./images/W_arrow_bg.png) center right no-repeat;  padding-right:20px;}	
.headcon .langlist{ position:absolute; z-index:9999; top:30px; right:0px; width:120px; display:none; background:#02aebc;}
.headcon .langlist li{ line-height:25px; height:25px; overflow:hidden; width:inherit; text-align:left; float:none; padding-left:10px;}
.headcon .langlist li.on{ color:#F00;}
.headcon .langlist li a{ color:#fff;}

#content{width: 100%; overflow: hidden; padding-bottom:20px;}
	#content .Contitle{width: 990px; height: 63px; overflow:hidden; }
	
	.Contitle .toph2{ float:left; height:63px; padding:10px; line-height:25px; font-weight:bolder; font-size:12px;}
	.Contitle .toph2 h2{line-height:25px; height:25px; font-size:16px;}
	
	.Contitle .top-search-wrap{width: 271px; height: 29px; margin-top: 24px; float: right; overflow:hidden;}
	.Contitle .input-text{width:200px; height:27px; border:1px solid #dddddd; border-right: none; float: left; line-height: 27px; text-indent: 5px; outline:medium; margin:0px; padding:0px; border:1px solid #999;}
	.Contitle .input-submit{width:54px; height: 29px; background:#02aebc; color: #ffffff; text-align: center; cursor: pointer;float:left;  margin:0px; padding:0px; border:1px solid #999;}
	
	.Contitle .typesel{ float:right; width:100px; height:30px; line-height:30px; overflow:hidden;  padding-top:24px!important; padding-right:5px;}
	.Contitle .typesel select{width:100px; height:30px; line-height:25px;}
	
	#content .ImgBox{width: 990px;}
	.ImgBox a{ color:#fff;}
	#content .ImgBox .ImgBoxL{ height:350px; width: 590px; overflow:hidden; float: left}
	#content .ImgBox .ImgBoxL .ImgboxLTop{width: inherit; height: 230px}
	#content .ImgBox .ImgBoxL .ImgboxLBot{width: inherit; height: 110px; margin-top: 10px}
	#content .ImgBox .ImgBoxR{ height:350px; width: 390px; overflow:hidden; float: right}
	#content .ImgBox .ImgBoxR .ImgBoxRTop{width: inherit; height: 110px}
	#content .ImgBox .ImgBoxR .ImgBoxRBot{width: inherit; height: 230px;margin-top: 10px}
	#content .ImgBox .SmallBox{width: 190px; height: 110px; overflow: hidden; position:relative;}
	#content .ImgBox .BigBox{width: 390px; height: 230px; overflow:hidden; position:relative;}

	#content .ImgBox .BigBox .BTextLayer{width: 390px; height: 30px; margin-top: 200px; background: #000000; opacity: 0.6;filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity: 0.6; text-align:center; line-height: 30px; overflow: hidden; color: #ffffff; font-weight:bold; position:absolute; left:0px; bottom:0px; z-index:10;}
	#content .ImgBox .SmallBoxCont{width: 190px; height: 230px;}
	
	#content .ImgBox .SmallBox .STextLayer{width: 190px; height: 20px; margin-top: 90px; background:#000000; opacity: 0.6;filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity: 0.6; text-align:center; line-height: 20px; overflow:hidden; color:#ffffff; font-weight:bold;position:absolute; left:0px; bottom:0px; z-index:10;}

		.MLeft{width: 740px; float:left; overflow: hidden; padding-top: 20px}
		
		.MLeft .TextCont .Atitle{ width: 750px; height: 30px; line-height: 30px; background:url(./images/baselineBg.jpg) repeat-x}
		.MLeft .TextCont .article{padding:10px 5px; line-height:22px;}
		.MLeft .TextCont .article a{ color:#F00;}
			
		.Mright{width:246px; float:right; overflow: hidden; padding-top: 30px;}
		
		.Mright .MrightTop{width:inherit; height:8px; background:url(./images/MrightTop.jpg) no-repeat; overflow:hidden; }
		.Mright .MrightBot{width:inherit; height:18px; background:url(./images/MrightBot.jpg) no-repeat; overflow:hidden; }
		
		.Mright .MrightMain{background:url(./images/Mrightbg.jpg) repeat-y; width:246px; overflow:hidden;}
		
		.Mright .widget{ margin-bottom:10px;  width:246px; overflow:hidden;}
		.Mright .ww{ padding:0px 10px; width:226px; overflow:hidden;}
		
		.Mright .widget h4{ height:40px; line-height:40px; background:url(./images/pageListBL.jpg) bottom left repeat-x; font-size:14px;} 
		.Mright .widget .h4index{ height:25px; line-height:25px; border-bottom:1px solid #bbb; background:none;} 
		.Mright .widget ul{ width:100%; padding-top:5px; padding-left:5px;}
		.Mright .widget ul li{ line-height:23px; white-space:nowrap;}
		.Mright .widget .wms{ padding:10px 0px 0px 0px;} 
		.Mright .widget .wms p{ text-indent:2em; line-height:22px;}
		
		.Mright .widget .wms a{padding:5px 10px; width:100px; overflow:hidden; margin:0px; height:30px; line-height:30px; color:#fff; font-size:16px; font-weight:bold; background:#0da8e0;}
		.Mright .widget .wms a:hover{ text-decoration:none;}
		
		.Mright .widget .freecat{ height:27px; overflow:hidden;}
		.Mright .widget .freecat .frinput{ height:23px; line-height:23px; width:120px; padding:0px; margin:0px; border:10xp solid #999; outline: none; float:left;} 
		.Mright .widget .freecat .frbut{ float:left; }
		

.postion{ width:100%; height:30px; line-height:30px; overflow:hidden;}		
.postion span{ display:block; float:right; height:30px; background:#0da8e0; padding:0px 10px;}
.postion span a{color:#fff; font-size:16px; font-weight:bold;}
.postcon{ width:100%;}	

.postcon h1{ height:30px; line-height:30px; text-align:center;}
.postcon .pcon{ padding:10px; line-height:22px;}
.postcon .pcon a{color:#888888; font-style:italic; }
.postcon .pcon a:hover{color:#888888; font-style:italic; text-decoration:underline }
.postcon .meta{ height:30px; line-height:30px;}
.postcon .cdesc{ line-height:25px; text-align:left; padding:10px 20px;}
.postcon .post{ padding:10px;}
.postcon .navpage{ height:25px; line-height:25px; padding:0px 10px;}
.postcon .navpage .alignright{ float:right;}
.post  h3{ height:30px; line-height:30px; border-bottom:1px dotted #bbb;}
.post  h3 span{ float:right;}
.post .postc{ line-height:23px; padding:10px 0px;}
.post .postc img { float:left; margin-right:10px;}
.post .postb{ height:25px; line-height:25px; overflow:hidden;}
.post .postb span{ float:right; background:#00b1b7; height:25px; width:80px; overflow:hidden; display:block; text-align:center;}


#footer{width: 100%; background:url(./images/footerBg.jpg) top left repeat-x; line-height:22px; text-align: center; color: #ffffff; font-size: 13px; padding-bottom:30px;}
	#footer .siteLink{ height:22px; padding:10px 0px; overflow:hidden; width:inherit;}
	#footer a{color: #ffffff; text-decoration: none}
	#footer a:hover{text-decoration: underline;}
	#footer .Partners{ height:22px; padding:10px 0px; overflow:hidden;}
	#footer .Partners b{ font-size:16px; font-weight:600;}
	#footer .copyright{ padding:10px 0px 0px 0px; line-height:25px;}
	#footer .copyright a{ color:#F00;}
	
	
#wp-pagenavi-wrapper {
	clear:both;height:53px;position:relative;padding:0 9px;margin-bottom:28px;
}
.wp-pagenavi {
	padding-top:19px;font:normal 12px Arial,Verdana,Tahoma;text-transform:uppercase;
}
.wp-pagenavi a span, .wp-pagenavi span span {
	margin:0;padding:0;	border:none;
}
.wp-pagenavi span.pages, .wp-pagenavi span.current, .wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi span.extend {
	background:#c7d3db !important;
	color:#f2f1eb !important;
	padding:7px 9px !important;
	border:1px solid #96b3cb !important;
}
.wp-pagenavi span.pages, .wp-pagenavi a.previouspostslink, .wp-pagenavi a.nextpostslink, .wp-pagenavi a:hover {
	background:#4aadf9 !important;
	border-color:#2e8dd6 !important;
}

.marskCont{width: 920px; height: 700px; background: #ffffff; margin-left: 50px; position: absolute; left: 0px; top: 0px; z-index: 99999; overflow: hidden}
 .marskCont .MarksContTitle{height:50px; line-height:50px; width: 900px; margin-left: 10px; border-bottom: 1px solid #dddddd;}
 .marskCont .MarksContTitle .MCTBL{float: left; color:#333; text-indent: 20px; font-size: 20px; font-weight:bold;}
 .marskCont .MarksContTitle .MCTBtn{float: right; width:22px; height: 23px; background:url(./images/closeBtn.png) no-repeat; curosr:pointer; margin-top: 10px; cursor: pointer}


 
 .ScreenMarsk{width: 100%; height: 100%; background: #000000; position: absolute; left: 0px; top:0px; z-index:9990; opacity: 0.5;filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5;}
 
 
.comment{ width:900px;}
.comment table{}
.comment table tr{padding:5px 0px;}
.comment table tr td{ line-height:25px; text-align:left; vertical-align:middle; padding:8px 0px; } 
.comment .tabL{ width:150px; text-align:right; padding-right:10px;}
.comment .mark{ width:50px; text-align:left; } 
.comment .tabcon{ width:200px; overflow:hidden;}
.comment .tabcon1{ width:250px;}

.comment .cinput{ border:1px solid #eee; height:30px; line-height:30px; width:200px;}
.comment .sel{ height:30px; width:240px; line-height:30px; border:1px solid #bbb;}
.comment .sel2{ height:30px; width:200px; line-height:30px; border:1px solid #bbb;}

.comment .ctextarea{ width:300px; height:100px;border:1px solid #bbb; }
.comment .yzm{  border:1px solid #bbb; height:30px; line-height:30px; width:100px;}
.comment .yzmimg{ border:1px solid #eee; height:30px;  width:80px;}


#downmsg_emessage{POSITION: fixed;_position:absolute; z-index:100; bottom:0;right:0; background:url(images/down_msg_bg.gif) no-repeat #fff;width:520px;}
#donwmsg_head{float:left; display:inline; font-size:14px; font-weight:bold;color:#FFFFFF;margin-left: 26px;margin-top: 6px;}
#downmsgBar .close{float:right;width:11px;height:11px;margin-top:6px;display:block;margin-right:5px;}
#downmsgBar{height:25px;}
a.msg-hidden-btn-2{width:11px; height:11px;overflow:hidden;float:right;display:block;margin-right:5px;margin-top:6px;background:url(images/down_msg_bg1.gif) no-repeat;}
a.msg-hidden-btn-1{ width:11px; height:11px;overflow:hidden;float:right;display:block;margin-right:10px;margin-top:6px;background:url(images/down_msg_bg2.gif) no-repeat;}

#donwmsg_content{height:234px;overflow:hidden;  padding-left:15px; padding-top:20px; font: Arial,Tahoma,  sans-serif; }


#donwmsg_content p{ line-height:18px; margin-bottom:5px;}

#donwmsg_content dl{float:left}
#donwmsg_content dl dt{ line-height:20px; height:20px;}
#donwmsg_content .dlR{ float: left; margin-left: 10px}
#donwmsg_content  .appIcon{width: 500px; height: 52px;  padding-top: 20px;background: url(./images/appicon.gif) no-repeat  left;}




.formsubmit{width: 990px; height:700px; margin: auto; background:#02a8b4; font-size:14px; font-weight:bolder; color:#FFF;}
.formLeft{width: 380px; height:152px; padding-top:350px; float: left; background: url(./images/1.png) center no-repeat; }

.formLeft p{  height:30px; line-height:30px; font-size:22px;  margin:0px; padding:0px; border:0px; padding-left:120px;}
.formLeft .bg{height:45px; line-height:40px; font-size:45px; font-weight:2000; background:none;}
.formLeft .bg2{ padding-left:130px;}

.formRight{width: 600px;height: 700px; float: right; overflow: hidden }
.textLong{height: 30px; width: 540px; line-height: 30px; overflow:hidden; }
.inputLong{height: 30px; width: 540px; line-height: 30px;}
.textshort{margin-left: 242px}
.inputShortbox{height: 30px;} 
.inputShortbox img{ margin-left:10px;}
.inputShortbox .nmleft{ margin-left:0px;}
.inputShort{width: 250px; height: 30px; line-height:30px; float: left}
.inputMobileNum{width: 149px; height: 30px; line-height: 30px;float:left; margin-left: 5px; padding-left: 3px; padding-right: 3px}
.inputShortMarg{margin-left: 40px}
.textarea{height: 180px}
.inputSP{width: 100px; height: 30px; float: left;}
.codeshow{width: 100px; height: 30px; float: left}
.coderefresh{width: 100px; height: 30px; background: url(./images/refresh.png) no-repeat}
.submitButton{width: 90px; height: 38px;  float: right; margin-right: 50px}

.inputShortMarg{margin-left: 40px}
.inputMobileCode{width: 256px; margin-top:2px; height: 36px; float: left;  cursor: pointer}

.showTextRight{width:204px; height: 54px;  float: left; margin-top: -410px; display: none; position: relative; z-index: 2}
.showTextRight .STLeft{width: 10px; height: 54px; background:url(images/MphoneBg1.png) 0px 1px no-repeat; float: left;}
.showTextRight .STRight{width: 188px; height:50px; background: #02aebc;border: 2px solid #ffffff; border-left: none; float: left; margin-left: -2px; color: #333333; font-size: 12px; padding: 2px; padding-left: 4px}
#PhoneCode{ height: 30px; line-height: 30px; padding-left: 5px; color:#000;}

.showCountryCode{width: 270px; height: 380px; overFlow-y:scroll;  float: left; margin-top: -370px; margin-left:10px; background: #ffffff; border: #dddddd solid 1px; display: none; position: relative; z-index: 2}
.showCountryCode dt{ cursor: pointer; height: 30px; line-height: 30px; padding-left: 10px;white-space:nowrap; }
.showCountryCode dt:hover{ background: #038994}
.hand{cursor: pointer}