@font-face {
    font-family: "calibri_0";
    src: url("fonts/calibri_0.eot");
}
@font-face {
    font-family: "calibri_0";
    src: url("fonts/calibri_0.ttf");
}
@font-face {
    font-family: "euphemia";
    src: url("fonts/calibri_0.eot");
}
@font-face {
    font-family: "euphemia";
    src: url("fonts/calibri_0.ttf");
}
@font-face {
    font-family: "GeosansLight";
    src: url("fonts/GeosansLight.eot");
}
@font-face {
    font-family: "GeosansLight";
    src: url("fonts/GeosansLight.ttf");
}

body, h1, h2, h3, h4, h5, h6, ul, li{
    color: #FFFFFF;
    font-family: calibri_0;
    font-size: 14px;
    margin: 0;
    padding: 0;
}
body a,img{ outline:0px; border:0px;} 
#menu{ height:55px; width:1263px; }
.menu{
	display:inline-block; float:left; 
	text-align:center; width:1024px;
	background:#dadedd;
}
.menu_pad{
	width:119.5px;float:left;height:55px;background:#dadedd;
}
.pad2{
	float:left;
}

.navi_devidr{ 
	background: url("img/home/navi_devidr.png") no-repeat scroll center center rgba(0, 0, 0, 0);
    display: inline-block;    float: left;
    height: 55px;    text-align: center;    width: 90px; 
}
.menu ul li{
	float: left; 
    list-style: none outside none;
   /* padding: 14px 34px;*/
    font-size: 18px;  color:#454545;
    height: 39px;
	padding-top: 16px;
    width: 120px;
}
.menu ul li:hover{
	/* background:#00b1f3;*/
	color:#000;
}
.menu ul a{
	text-decoration:none;
	font-size: 18px;
    color:#454545;
}
 .menu ul a:hover{
	color:#3a3a3a; /*#f58c21;*/
}
.active{
	/* background:#00b1f3;*/
	color:#662383;
}
.slect{ color:#002e6e; }
.slectd{ color:#002e6e; }

.menu ul li ul li{
	padding:10px 17px;
}



#cont_top{
	text-align:right;color:#ffffff; height:30px;
}
#cont_top span{
	background: none repeat scroll 0 0 #9da6ad;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
    height: 25px; margin-right:142px; font-size:17px;
    color:#ffffff; text-decoration: none;
    padding: 5px 15px;
    width: 120px;}
#cont_top > a {
    text-decoration: none; color:#ffffff;
}
img {
    border: 0 none;
}
.clear_pad{ clear: both; height:8px; } 
.clear {
    clear: both; height:0px;
}
.clear2 {
    clear: both; height:10px;
}
.clear3 {
    clear: both; height:30px;
}
body{
	width:1263px; padding:0 auto; margin:0 auto;
}
.header{
	background:#ffffff;
	height:120px;
}
.logohome{
	width:125px;
	float:left;
	margin-bottom: 10px;
}
.home-header{
	width:130px;
	float:left;
	font-size:20px;
	line-height:20px;
	padding-top:3px;
}
.header-top{
	
	float:left; width:100%;height:120px;
}
.header-top .iner-header-top{
	width:1024px;
	margin:0 auto;
}
.header-top .iner-header-top .logo{
	width:125px;
	float:left;
	margin-bottom: 10px;
    padding-top: 16px;
}
.header-top .iner-header-top .title{
	width:130px;
	float:left;
	font-size:20px;
	line-height:20px;
	padding-top:3px;
}
.header-top .iner-header-top .menu{
	width:795px;
	float:left;
}
.header-top .iner-header-top .menu ul li{
	float:left;
	position:relative;
	padding:18px 5px;
	list-style:none;
}
.header-top .iner-header-top .menu ul li:hover{
	color:#575757;
}
.header-top .iner-header-top .menu ul li a{
	text-decoration:none;
	font-size: 13px;
    font-weight: bold;  color:#7e7e7e;
}
.header-top .iner-header-top .menu ul li a:hover{
	text-decoration:none;
	font-size:13px;  color:#f58c21;
}

.header-top .iner-header-top .menu ul li.hovered  a{
	text-decoration: none !important;
	font-size:13px;  color:#f58c21 !important;
}
.actve {
	text-decoration: none !important;
	color:#F5E321 !important;
}
.active a{
	text-decoration: none !important;
	font-size:13px;  color:#f58c21 !important;
}
.active_ftr a{
	text-decoration: none !important;
	color:#f5d153 !important;
}
.header-top .iner-header-top .menu ul li ul{
	display:none;
}

.header-top .iner-header-top .menu ul li:hover ul {
    background: #f58c21;
	opacity:0.7;
    display: block;
    left: 0px;
    position: absolute;
    top:50px;
    z-index: 99;
	width:700px;
	border-radius:0 0 10px 10px;
}
.header-top .iner-header-top .menu ul li ul li{
	padding:10px 17px;
}
.header_title {
    color: #535353;
    font-size: 48px;
    position: absolute;
    top: 32px;
}
.slider{
	width:100%; height:623px;
	clear:both;
}
#main{	
	width:1263px; /* width:100%; */
	margin:0 auto;
	padding:0 auto;
}
.maintop{	
	width:100%;
	padding-top:6px;	
}
#shdw  {
    color: #00AFD8;
    outline: medium none;
    text-decoration: none;
    transition-duration: 0.2s;
    transition-property: color;
    transition-timing-function: ease-in-out;
}
.maintop img{	
	width:100%;	
}
.top_left{
	width:49.7%; display:inline; float:left;	
}
.top_mid{
	width:0.6%; display:inline; float:left;	
}
.maintop2{	
	float: left;
    height: 244px;
    padding-top: 6px;
    width: 100%;	
}
.maintop2 img{	
	width:100%; height:241px	
}
.mid_left{
	width:33%;  float:left;	 overflow: hidden; position: relative;
}
.mid_mid{
	width:0.5%;  float:left;	
} 
#mid_div{	
	background: none repeat scroll 0 0 #f8f8f8;
    float: left;    height: auto;    width: 100%;		
}
#mid_div p{
	color: #7e7e7e;
    display: inline-block;
    margin-bottom: 10px;
    margin-top: 5px;
    width: 350px; /*text-align:justify; */
	}

#common_info { color:#7E7E7E; }
#common_info p{ text-align:left; margin-top: 5px; }
.common {
		width: 1024px;
}
.container {
		margin: 0 auto;
		width: 1024px /*1263px;*/
}
	.common-column-left {
		float: left; text-align: center; 
		height: auto;
		width: 48%;
	}
	.common-column {
		float: left; text-align: center; 
		height: auto;
		width: 96%;
	}
	.hdget1 {
		color: #ffffff;
		font-size: 30px;
		padding-top: 5px;
		padding-bottom: 25px;
	}
	.hdget {
		color: #0089b7; text-align:center;
		font-size: 32px;
		padding-top: 25px;
		/* text-shadow: 4px 4px 4px #0089b7; */
	}
	.hdoffc {
		color: #000000;
		font-size: 30px;
		padding-top: 0px;
		padding: 0 50px;
	}
	.header-map {
		color: #ffffff;
		font-size: 30px;
		padding-top: 30px;
	}
	.common-column-mid {
		float: left; padding-top:70px;
		height: auto;
		width: 4%;
	}
	.common-header-hdd {
		color: #ffffff;
		font-size: 28px;
		padding-left: 25px;
		padding-top: 25px;
	}
	.common-column-right {
		float: left; text-align: center; 
		height: auto;
		width: 48%;
	}
	.mid_div p{
		padding-left: 55px;
		padding-right: 55px;
	}	
	
.adver{ 
	background:url(img/home/tab.png) no-repeat; 
	display: inline-block; cursor: pointer;
    font-size: 18px;
    height: 52px;
    padding-top: 14px;
    text-align: center;
    width: 382px; color:#ffffff;
 }
 #mid_div2{ width:100%; background:#fff; height:270px; color:#000000; text-align:center; }
 #mid_div2 h5{ font-size:20px; color:#000000; padding-top:50px; }
 #mid_div2 p{ font-size:14px;}

.joinmore{ 
	background:url(img/home/join_now_btn.png) no-repeat; 
    display: inline-block; width:162px;height:52px;
	font-size: 24px; padding-top: 10px;
    text-align: center; color:#ffffff;
 }
 
#mid_div3{width:100%; background:#f8f8f8; height:auto; float: left; }
#mid_div3 .hdget{ font-size:38px; color:#242424; text-align:left; padding-bottom:20px;}
#mid_div3 h4{ font-size:28px; color:#767a7d; text-align:left; font-weight:bold;}
#mid_div3 h5{ font-size:20px; color:#309acf; text-align:left; font-weight:bold;}
#mid_div3 p{color: #7f7f7f;  padding-top: 5px; text-align:left; }
.container a, .banner a{ font-size:16px; color:#0089b7; text-align:left; }
.container a:hover, .banner a:hover{  color:#2d89ff; text-decoration:none; }


#page_div3{width:100%; background:#f8f8f8; min-height:400px; padding:20px 0; height:auto; float: left; }
#page_div3 .hdget{ font-size:38px; color:#242424; text-align:left; padding-bottom:30px;}
#page_div3 h4{ font-size:28px; color:#2f2f2f; text-align:left; font-weight:bold;}
#page_div3 h5{ font-size:20px; color:#309acf; text-align:left; font-weight:bold;}
#page_div3 p{color: #7f7f7f;  text-align:left; }
	
#market-img {
    padding:15px 0px;
    clear: both;
}
.txtleft { text-align:left !important;}
#testimo .txtleft { color:#ffffff; text-align:left !important;}
.blue{
	background:#00b1bc;
	width:1263px; text-align:center;
}
.iner-blue{
	width:1024px; color:#FFFFFF; padding-top:30px; margin:0 auto;
}


.footer {
	padding-bottom: 30px; font-size: 16px;
}

@media only screen and (max-width: 320px) { 
	body{
		width:320px;
	}
	.header-top .iner-header-top{
		width:100% !important;
		float:left;
	}
	.header-top .iner-header-top .logo{
		width:320px;
	}
	#menu{
		width:320px;
	}
	.menu_pad{
		width:100%;
		display:none;
	}
	.menu{
		width:100%;
	}
	.menu ul li{
		width:115px;
	}
	.banner{
		width:100% !important;
	}
	.res_banr{
		background-size:100% 100%;
	}
	.testimonial span {
		box-sizing: border-box;
		left: 0 !important;
		padding: 10px;
		width: 320px !important;
	}
	.container{
		width:100%;
		float:left;
	}
	.common-column-left{
		width:100%;
	}
	.common-column-right{
		width:100%;
	}
	.common-column-right .adver{
		line-height:16px;
	}
	#market-img{
		width:100%;
	}
	#mid_div p{
		width:100%;
	}
	.adver{
		width:100%;
	}
	.blue{
		width:100%;
	}
	.iner-blue{
		width:100%;
	}
	.tabs nav ul li{
		width:300px;
	}
	.content section{
		padding:10px !important;
	}
	.contact-info{
		margin-left:0 !important;
		padding:0 !important;
		width:96% !important;
	}
	.cntct_form{
		width:96% !important;
	}
	.cont_title{
		width:96% !important;
	}
	.field{
		width:96% !important;
	}
	.small_input{
		width:215px; !important;
		margin-bottom:5px !important;
	}
	.small_input{
		width:250px !important;
	}
	.large_textarea{
		width:270px !important;
	}
	.popImg{
		padding-left:0px !important;
	}
}