@charset "UTF-8";
/* CSS Document */
*{
	margin:0;
	padding:0;
}
a{
	text-decoration:none;
}
li{
	list-style:none;
}
body{
	font-family:'微软雅黑';
	background-color:#f7f9fa;
	font-size:12px;
	background:url(../images/sub_page_bg.jpg);
	min-height:1300px;
}
#index{
	background:none;
	background-color:#f1f1f1;
}
.header{
	width:100%;
	min-width:1024px;
	height:143px;
	background:url(../images/header_bg.jpg) repeat-x;
}
.header_top,.header_wrap,.banner_wrap,.banner_bottom_wrap,.content{
	position:relative;
	width:1000px;
	margin:0 auto;
}
.header_top a{
	font-size:12px;
	color:#BFDAF0;
}
.header_top a:hover{
	color:#ffffff;
}
.header_top span{
	float:right;
	line-height:30px;	
	color:#BFDAF0;
	margin-right:15px;
}
.header_top span b{
	margin:auto 5px;
}
.header_wrap{
	width:975px;
	height:110px;
	margin:0 auto;
}
.logo{
	float:left;
	margin-top:29px;
}
.nav{
	float:right;
}
ul.nav li{
	position:relative;
	float:left;
	margin-left:10px;
	margin-right:10px;
	text-align:center;
	margin-top:43px;
	line-height:30px;
}
ul.nav li a{
	color:#bfdaf0;
	font-size:14px;
}
ul.nav li a:hover{
	color:#ffffff;
}
ul li a.sign_up{
	display:block;
	width:73px;
	height:32px;
	text-align:center;
	line-height:32px;
	color:#ffffff;
	font-size:14px;
	background: url(../images/sign_up_hover.png) no-repeat;
	margin-left:10px;
}
ul li a.sign_up:hover{
	background:url(../images/sign_up_a.png) no-repeat;
}
.banner{
	width:100%;
	background:url(../images/banner_bg.jpg) repeat-x;
	height:509px;
}
.banner_wrap{
	width:100%;
	min-width:1024px;
	height:509px;
	margin:0 auto;
	background:url(../images/banner_wrap_bg.jpg) no-repeat center;
}
.banner_wrap_bar{
	width:1000px;
	margin:0 auto;
}
.banner_text{
	display:block;
	width:346px;
	margin:0 auto;
	padding-top:21px;
}
.banner_content{
	position:relative;
	top:36px;
	left:1px;
	width:953px;
	height:349px;
	background-color:#FFF;
	margin:0 auto;
}
.banner_bottom{
	width:100%;
	min-width:1024px;
	height:152px;
	background:url(../images/banner_bottom_bg.png) repeat-x;
}
ul.banner_bottom_wrap li{
	float:left;
	width:333px;
	text-align:center;
	padding-top:15px;
}
.content{
	margin-top:15px;
}
.content_wrap,.video_wrap{
	height:380px;
	border:1px solid #e4e4e4;
	-moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
}
.content_wrap{
	float:left;
	width:590px;
	background:url(../images/img_ipad.jpg) #FFF no-repeat bottom right;
}
.content_wrap_top{
	width:545px;
	color:#8f8f8f;
	font-size:16px;
	border-bottom:1px solid #e0e0e0;
	padding-bottom:5px;
	margin:11px auto 15px 15px;
}
.content_wrap_top span{
	position:relative;
	top:-13px;
}
.content_wrap ul{
	float:left;
	width:220px;
	margin-left:28px;
}
.content_wrap ul li{
	font-size:15px;
	color:#8f8f8f;
	margin-bottom:10px;
}
.content_wrap ul li img{
	margin-right:15px;
}
.content_wrap ul li span{
	position:relative;
	top:-10px;
}
.video_wrap{
	float:right;
	width:390px;
	background-color:#FFF;
}
.video_big{
	display:block;
	width:368px;
	margin:0 auto;
	margin-top:7px;
}
.video_bottom_wrap{
	position:relative;
	top:6px;
	height:115px;
	background-color:#f7f9fa;
	-moz-border-radius:0 0 5px 5px;
    -webkit-border-radius:0 0 5px 5px;
    border-radius:0 0 5px 5px;
	font-size:12px;
	color:#8f8f8f;
	padding-top:10px;
}
ul.video_bottom_wrap li{
	position:relative;
	float:left;
	width:155px;
	padding-top:95px;
	margin-left:20px;
	margin-right:20px;
	text-align:center;
}
ul.video_bottom_wrap li a{
	position:absolute;
	top:0;
	left:0;
}
.content_ul_wrap{
	width:1005px;
	height:400px;
	background:url(../images/index_wrap_bg.jpg) repeat-y;
}
.content_bottom_wrap ul li{
	float:left;
	width:265px;
	padding-top:30px;
	padding-left:40px;
	padding-right:25px;
	text-align:center;
}
.content_bottom_wrap ul li h1{
	font-size:22px;
	color:#165286;
	margin-top:25px;
	margin-bottom:20px;
}
.content_bottom_wrap ul li h1 a{
	color:#165286;
}
.content_bottom_wrap ul li p{
	font-size:14px;
	color:#828383;
	line-height:20px;
	text-align:left;
}
.footer{
	width:100%;
	min-width:1024px;
	height:203px;
	margin-top:35px;
	text-align:center;
	color:#bfdaf0;
	font-size:14px;
	background:url(../images/footer_bg.jpg) repeat-x;
}
.footer_wrap{
	width:1000px;
	height:153px;
	background:url(../images/footer_wrap_bg.jpg) no-repeat;
	padding-top:40px;
	margin:0 auto;
}
.footer_wrap p{
	margin-bottom:5px;
}
.footer a{
	color:#bfdaf0;
	font-size:14px;
}
.footer a:hover{
	color:#ffffff;
}
.footer_nav{
	width:510px;
	margin:0 auto;
	margin-bottom:40px;
	*margin-bottom:20px;
}
.footer_line{
	margin-bottom:15px;
}
ul.footer_nav li{
	position:relative;
	float:left;
	width:100px;
	text-align:center;
}
ul.footer_nav li img{
	position:absolute;
	right:0;
	top:0;
}
.nav_arrow{
	position:absolute;
	bottom:-3px;
}
.nav_arrow_video{
	right:375px;
}
.content_wrap_video ul li{
	float:left;
	width:50%;
	padding-top:35px;
	text-align:center;
	padding-bottom:20px;
}
.content_video_name{
	height:52px;
	background:url(../images/video_bottom.png) no-repeat center;
	font-size:14px;
	color:#a8a8a8;
	line-height:24px;
	padding-top:15px;
}
.content_video_name a{
	font-size:16px;
	color:#0475d3;
}

.case_menu{
	position:relative;
	height:30px;
	margin-top:0;
	padding-top:15px;
	text-align:center;
}
.case_menu ul li{
	position:relative;
	float:left;
	text-align:center;
	line-height:32px;
	margin-left:7px;
	margin-right:7px;
}
.case_menu ul li a{
	display:block;
	height:20px;
	line-height:20px;
	font-size:18px;
	color:#828383;
	padding:0 18px 20px 18px;
}
.case_menu a:hover{
	color:#0166bb;
	background:url(../images/case_menu_bg.png) bottom center no-repeat;
}
.case_menu a.special{
	color:#0166bb;
	background:url(../images/case_menu_bg.png) bottom center no-repeat;
}
.sub_content.content_wrap_case{
	width:960px;
	padding:0 20px 20px 20px;
}
.content_wrap_case ul li{
	float:left;
	text-align:center;
	margin-top:30px;
	width:320px;
}
.content_case_title{
	position:relative;
	height:50px;
	font-size:14px;
	color:#828383;
	line-height:22px;
	background:url(../images/case_bottom.jpg) no-repeat top;
	padding-top:15px;
}
.content_case_title h1{
	font-size:18px;
	color:#00447d;
}
.nav_arrow_case{
	right:305px;
}
.case_arrow_maui{
	left:95px;
}
.case_arrow_mod{
	 left:290px;
 }
.nav_arrow_contact{
	right:125px;
}
.content_wrap_contact{
	font-size:16px;
	color:#525353;
	line-height:20px;
}
.content_wrap_contact b{
	font-size:18px;
}
.content_wrap_contact a{
	font-size:16px;
	color:#525353;
}
.content_wrap_contact a:hover{
	color:#f27007;
}
.sub_content{
	width:900px;
	padding:10px 50px 10px 50px;
	background:url(../images/sub_wrap_bg.png) repeat-y;
}
.content_wrap_project h1{
	font-size:18px;
	margin-bottom:20px;
	color:#626263;
}
.content_wrap_project p img{
	float:left;
	margin-right:40px;
}
.content_wrap_project_p{
	padding-top:10px;
	font-size:16px;
	color:#929293;
	line-height:30px;
}
.content_wrap_project ul{
	margin-top:20px;
	padding-top:20px;
	border-top:3px solid #C8DCED;
}
.content_wrap_project ul li{
	position:relative;
	padding-left:125px;
	margin-bottom:30px;
	clear:both;
	min-height:88px;
	font-size:14px;
	color:#929293;
	line-height:24px;
}
.content_wrap_project ul li img{
	position:absolute;
	left:0;
	top:0;
}
.content_wrap_project ul li h2{
	color:#626263;
	font-size:16px;
	margin-bottom:5px;
}
.content_wrap_project ul li p{
	font-size:16px;
	line-height:24px;
	margin-top:20px;
	color:#929293;
}
.nav_arrow_project{
	right:460px;
}
.copyright{
	display:block;
	margin-top:15px;
	font-size:12px;
	color:#3f7199;
}
.case_arrow_real{
	left:685px;
}
.content_wrap_registered ul{
	float:left;
	width:410px;
	margin-bottom:20px;
}
.content_wrap_registered_tip{
	float:left;
	width:430px;
	font-size:12px;
	color:#9c9d9d;
	line-height:20px;
	margin-left:40px;
}
.content_wrap_registered_tip span{
	font-size:16px;
	color:#f27007;
	margin-left:5px;
}
.content_wrap_registered ul li{
	line-height:30px;
	margin-bottom:8px;
}
.content_wrap_registered ul li span{
	display:inline-block;
	width:110px;
	font-size:16px;
	color:#525353;
	text-align:right;
}
.content_wrap_registered ul li input{
	width:270px;
	height:28px;
	border:1px solid #e1e2e2;
	padding-left:10px;
	font-size:14px;
}
.content_wrap_registered ul li b{
	position:relative;
	top:5px;
	color:#fc4809;
	font-size:16px;
	font-weight:normal;
	margin-left:10px;
}
.content_wrap_registered_top{
	width:900px;
	border-bottom:1px solid #e5e5e5;
	font-size:18px;
	color:#525353;
	margin:10px auto auto 20px;
	padding-left:25px;
	padding-bottom:5px;
	margin-bottom:20px;
}
.content_wrap_registered_top span{
	position:relative;
	top:-25px;
	left:10px;
}
a.btn_registered{
	display:block;
	width:110px;
	height:40px;
	line-height:40px;
	font-size:18px;
	color:#FFF;
	background-color:#0475d3;
	-moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
	text-align:center;
	margin-left:170px;
	margin-top:25px;
}
.lodding{ background-color: #0475D3;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    display: block;
    font-size: 18px;
    height: 40px;
    line-height: 40px;
    margin-left: 170px;
    margin-top: 25px;
    text-align: center;
    width: 110px;}

.popup{
	display:none;
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:url(../images/popup_wrap_bg.png);
}
.popup_wrap{
	width:532px;
	margin:0 auto;
	margin-top:300px;
}
.popup_wrap_content{
	background:url(../images/popup_bg.png) repeat-y;
	font-size:16px;
	line-height:24px;
	color:#525353;
	text-align:center;
}
.nav_arrow_price{
	right:220px;
}
.case_arrow_real{
	left:685px;
}