/* reset */
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,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
ol,ul{list-style:none;margin:0;padding:0;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
/* start editing from here */
a{text-decoration:none;}
.txt-rt{text-align:right;}/* text align right */
.txt-lt{text-align:left;}/* text align left */
.txt-center{text-align:center;}/* text align center */
.float-rt{float:right;}/* float right */
.float-lt{float:left;}/* float left */
.clear{clear:both;}/* clear float */:
.pos-relative{position:relative;}/* Position Relative */
.pos-absolute{position:absolute;}/* Position Absolute */
.vertical-base{	vertical-align:baseline;}/* vertical align baseline */
.vertical-top{	vertical-align:top;}/* vertical align top */
.underline{	padding-bottom:5px;	border-bottom: 1px solid #eee; margin:0 0 20px 0;}/* Add 5px bottom padding and a underline */
nav.vertical ul li{	display:block;}/* vertical menu */
nav.horizontal ul li{	display: inline-block;}/* horizontal menu */
img{max-width:100%;display: block;}
/*end reset*/
body{
	background: #333;
	font-family: Trebuchet MS, sans-serif;
	color:white;
	}
.wrap{
	margin:0 auto;
	width:1024px;
}
/*navigation*/
.top-header{
	padding:40px 0;
	border-bottom: 1px solid #aaa;
}
.nav{
	float:left;
}
.nav li{
	display:inline-block;
}
.nav li a{
	display:block;
	padding:6px 20px;
	color:#fff;
	font-size:13px;
}
.nav li a:hover,
.nav ul li.active a{
	background: #444;
    border-radius: 3px;
}
.search{
	float:right;
	background: #222;
	-webkit-border-radius:5px;
	   -moz-border-radius:5px;
	    -ms-border-radius:5px;
         -o-border-radius:5px;
	padding:0 7px;
}
.search input[type="text"]{
	color:#FA8072;
	border:none;
	padding:5px 7px;
	outline: none;
	float:left;
	}
.search input[type="submit"]{
	border: none;
	width: 16px;
	height: 22px;
	background:url('/newmoban/_external/demo.mobanwang.com/mb/lo201411/201411017/html/web/images/search_but.png') no-repeat 0 6px;
	padding: 3px;
	cursor: pointer;
	float:right;
}
/*header*/
.header{
	padding:10px 0;
}
.head-lt{
	float:left;
}
.head-lt a{
	color:white;
	font-size:60px;
}
.head-rt{
	float:right;
	width:300px;
	font-size: 14px;
	line-height:1.5em;
	color:#777;
}
.head-rt a{
	color:#d0cecd;
}
.head-rt a:hover{
	color:#f87705
}
/*end header*/
/*slide*/
.slider{
	margin-top:20px;
	
}
/*end slide*/
/*content*/
.content{
	margin-top:20px;
}
.content-box{
	width:320px;
	float:left;
	margin: 0 32px 0 0;
}
.content-box:nth-child(3){
	margin-right:0;
}
.content-msg1{
	background-color:#0587bd;
	color:white;
}
.content-msg2{
	background-color:#e6c908;
	color:#fff;
}
.content-msg3{
	background-color:#2E8B57;
	color:white;
}
.content-msg1,
.content-msg2,
.content-msg3{
	padding:35px;
	margin-bottom:10px;
	border-radius:0 0 4px 4px;
}
.content-msg1 h2,
.content-msg2 h2,
.content-msg3 h2{
	padding-bottom:5px;
	font-size:24px;
	
}
.content-msg1 p,
.content-msg2 p,
.content-msg3 p{
	font-size: 14px;
	line-height: 1.5em;	
}
.button1,.button2,.button3{
	margin-top:40px;
		
}
.button1 a,
.button2 a,
.button3 a{
	color:#fff;
	font-size: 13px;
	padding:5px 20px;
	border-radius:3px;
}
.button1 a{
	background:#066c96;
}
.button2 a{
	background:#cbb20a;
}
.button3 a{
	background:#18352a;
}
.button1 a:hover,.button2 a:hover,.button3 a:hover{
	background:#222;
}
/*end content*/
/*main*/
.main{
	padding-top:40px;
	margin-bottom:30px;
}
.main-content{
	float:left;
	width:685px;
}
.main-content h3{
	font-size:30px;
}
.main-content p{
	margin:20px 0;
	font-size:14px;
	line-height:1.5em;
	color:#aaa;
}
.sub-main{
	margin-top:40px;
}
.wel-lt{
	float:left;
	width:300px;
}
.wel-lt span,
.wel-rt span{
	color: #ddd;
	font-size:18px;
	text-transform: uppercase;
}
.wel-lt p,
.wel-rt p{
	font-size:13px;
}
.wel-rt{
	float:right;
	width:300px;
}
.button4,
.button5{
	margin-top:30px;
		
}
.button4 a,.button5 a{
	color:#ccc;
	 font-size: 13px;
	padding:6px 15px;
	border-radius:3px;
	background:#222;
}
.button4 a:hover,
.button5 a:hover{
	color:#fff;
	background:#444;
}
.sidebar{
	float:right;
	width:300px;
}
.sidebar h3{
	font-size: 24px;
	padding-bottom: 10px;
}
.sidebar li .date{
	padding-bottom: 10px;
}
.sidebar li .data{
	float: left;
	width: 230px;
	font-size: 13px;
	color: #aaa;
	line-height: 1.5em;
}
.sidebar li .prev{
	float: right;
	padding-right:10px;
}
.sidebar li{
	padding: 15px 0;
	border-bottom: 1px solid #444;
}
/*end main*/
/*footer*/
.footer{
	padding:30px;
	background: #2d2c2c;
	font-size:13px;
}
.footer p a,
.footer span,.copy{
	color:#666;
	padding:0 15px 0 0;
}
.footer p a:hover,
.copy a:hover{
	color:#fff;
}
/*end footer*/
#backtotop{
	float:right;
	padding:20px;
}

#backtotop a{
	 color:#aaa;
	 background: #666;
	 font-size: 14px;
	 font-weight: bold;
	 padding:7px 30px;
	 -webkit-border-radius:5px;
		   -moz-border-radius:5px;
		    -ms-border-radius:5px;
	         -o-border-radius:5px;
}
#backtotop a:hover{
	background: #222;
    color:#fff;
}
/*about*/
.about{
	margin-top:30px;
}
.abt-sidebar{
	width:300px;
	float:left;
}
.abt-sidebar h3{
	font-size: 24px;
	padding-bottom: 10px;
}
.abt-sidebar li .date{
	padding-bottom: 10px;
}
.abt-sidebar li .data{
	float: left;
	width: 235px;
	font-size: 13px;
	color: #aaa;
	line-height: 1.5em;
}
.abt-sidebar li .prev{
	float: right;
	padding-right:10px;
}
.abt-sidebar li{
	padding: 15px 0;
	border-bottom: 1px solid #444;
}
.abt-main{
	width:700px;
	float:left;
	margin-left: 24px;
}
.abt-wrap h2{
	font-size:30px;
}
.abt-wrap h4{
	font-size:13px;
	padding:20px 0;
}
.abt-wrap h5{
	font-size:13px;
	padding: 16px 0 20px 0;
	color:#777;
}
.abt-wrap a{
	margin-top:30px;
		
}
.abt-wrap a{
	color:#fff;
	padding:5px 20px 5px;
	border-radius:3px;
	background:#272625;
}
.abt-wrap a:hover{
	background:#090909;
}
.team-imgs h4{
	font-size:30px;
	padding:45px 0 20px 0;
}
.box{
	background:#373737;
	width:213px;
	float:left;
	margin: 0 20px 30px 0;
}
.box:nth-child(3) {
	margin-left:0;
}
.box img{
	padding:15px 25px;
}
.box span{
	font-size:13px;
	padding-left:25px;
}
.box p{
	font-size:13px;
	padding: 0 10px 10px 25px;
	color:#777;
}

/*end about*/
/*contact*/
.contact{
	margin-top:20px;
}
.contact-map{
	float:left;
	width:400px;
}
.contact-map h2{
	font-size:20px;
}
.map{
	float:left;
	margin-top:20px;
}
.contact-form{
	float:right;
	width:580px;
	margin:0 0 50px 44px;
}
.contact-form h2{
	font-size:20px;
	margin-bottom:20px;
}
.contact-form input[type="text"]{
	width: 300px;
	border: none;
	padding:10px;
	background-color:#272625;
	margin-bottom:20px;
	color:#878181;
	outline: none;
}
.contact-form textarea{
	float:left;
	width:600px;
	height:200px;
	background-color:#272625;
	color:#878181;
	border: none;
	padding:10px;
	margin-bottom:50px;
	outline: none;
	font-family: Arial, Helvetica, sans-serif;
}
.submit-button{
	float:right;
	
}
.submit-button input{

}
.submit-button input[type="submit"],
.submit-button input[type="reset"]{
	cursor: pointer;
	color: white;
	border-radius: 3px;
	background: #272625;
	padding:8px 15px;
	font-size:12px;
	border:none;
}
.submit-button input[type="submit"]:hover,
.submit-button input[type="reset"]:hover{
	color:#fff;
	background:#444;
}
/*end contact*/