@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);
}
#index{
	background:none;
	background-color:#f1f1f1;
}
.header{
	width:100%;
	min-width:1024px;
	height:143px;
	background-color: #32718B;
}
.header_top,.header_wrap,.banner_wrap,.banner_bottom_wrap,.content{
	position:relative;
	width:1000px;
	margin:0 auto;
}
.header_nav{
	background:url(../images/bg_top.png) repeat-x;
	height: 40px;
}
.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{
	position:relative;
	width:975px;
	height:110px;
	margin:0 auto;
}
.logo{
	position:absolute;
	margin-top:15px;
}
.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:#ffffff;
	font-size:12px;
}
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:12px;
	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/bg_body.png) repeat-x;
	height:450px;
}
.banner_wrap{
	width:100%;
	min-width:1024px;
	height:509px;
	margin:0 auto;
}
.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:50px;
	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:530px;
	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{
	position:relative;
	float:left;
	text-align:center;
	margin-top:30px;
	width:320px;
}
.portfolio_banner img{
	border:none;
}
.portfolio_banner_hover{
	display:block;
	position:absolute;
	top:0;
	left:32px;
	width:257px;
	height:201px;
	background:url(../images/popup_imgbg.png) no-repeat;
}
.popup_icon_img{
	float:left;
	width:35px;
	height:36px;
	margin-top:80px;
	margin-left:110px;
}
.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{
	position:relative;
}
.content_wrap_registered ul{
	float:left;
	width:450px;
	margin-bottom:20px;
}
.content_wrap_registered_tip{
	position:absolute;
	top:140px;
	right:20px;
	width:480px;
	height:342px;
}
.content_wrap_registered_tip span{
	font-size:16px;
	color:#f27007;
	margin-left:5px;
}
.content_wrap_registered ul li{
	position:relative;
	display:block;
	height:62px;
}
.content_wrap_registered ul li span, .content_wrap_registered ul li label{
	display:inline-block;
	width:140px;
	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;
	line-height:28px;
}
.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;
	font-size:18px;
	color:#525353;
	margin:0 auto auto 20px;
	padding-left:25px;
	padding-bottom:5px;
}
.content_wrap_registered_top span{
	position:relative;
	top:-25px;
	left:10px;
}
a.btn_registered{
	display:inline-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-right:20px;
}
.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;
}
.content_wrap_price{
	width:940px;
	padding:10px 30px 10px 35px;
	background:url(../images/sub_wrap_bg.png) repeat-y;
}
.content_wrap_price ul{
	text-align:center;
	position:relative;
}
.content_wrap_price ul li{
	float:left;
	width:224px;
	height:555px;
	background-color:#f7f7f7;
	border:#FFF 1px solid;
	overflow:hidden;
	margin-left:3px;
	margin-right:3px;
}
.bg_top{
	background:url(../images/price_bg.png) no-repeat;
}
.bg_top_green{
	background:url(../images/price_bg_green.png) no-repeat;
}
.content_wrap_price ul li h1{
	font-size:16px;
	color:#FFF;
	font-weight:normal;
	height:41px;
	line-height:41px;
}
.content_wrap_price ul li .price{
	height:78px;
	*height:83px;
	padding-top:18px;
	*padding-top:13px;
}
.content_wrap_price ul li .price h3,h4{
	color:#FFF;
	display:inline;
	font-weight:normal;
}
.content_wrap_price ul li .price h3{
	font-size:18px;
	vertical-align:text-bottom;
	margin-right:5px;
}

.content_wrap_price ul li .price h4{
	font-size:14px;
	vertical-align:text-top;
}
.content_wrap_price ul li .price strong{
	font-family:Arial, Helvetica;
	font-size:50px;
}
.content_wrap_price ul li .introduce{
	vertical-align:middle;
	height:75px;
	line-height:30px;
	padding-top:25px;
}
.content_wrap_price ul li .introduce span{
	display:block;
	font-size:15px;
	color:#666666;
	font-weight:normal;
}
.content_wrap_price ul li h2{
	font-size:14px;
	color:#0082c9;
	font-weight:bold;
	display:inline;
}
.content_wrap_price ul li .btn{
	display:block;
	margin:0 auto;
	width:175px;
	height:33px;
	line-height:35px;
	color:#FFF;
	font-size:16px;
	font-weight:bold;
	background:url(../images/price_btn.png);
}
.content_wrap_price ul .bg_green h2{
	font-size:14px;
	color:#f27600;
	font-weight:bold;
	display:inline;
	margin-right:5px;
}
.content_wrap_price ul .bg_green .btn{
	background:url(../images/price_btn_green.png);
}
.content_wrap_price ul li ul{
	margin-top:25px;
	border-top:#dbdbdb 1px solid;
}
.content_wrap_price ul li ul li{
	height:41px;
	line-height:41px;
	color:#666666;
	font-size:14px;
	border-bottom:#dbdbdb 1px solid;
	border-top:#FFF 1px solid;
	border-left:0px;
	border-right:0px;
	margin:0px;
}
.content_wrap_price ul li ul .li_bg{
	background:#eaeaea;
}
.content_wrap_price ul li .custom{
	width:208px;
	margin:0 auto;
	margin-top:25px;
	color:#666666;
	font-size:14px;
	font-weight:normal;
	line-height:30px;
}

.content_wrap_price ul li .custom a{
	color:#666666;
}

.content_wrap_price ul li .price_custom{
	height:70px;
	padding-top:26px;
}
.content_wrap_price ul li .price_custom h3{
	font-size:16px;
	font-weight:normal;
	line-height:23px;
	color:#FFF;
}

.content_wrap_price .add{
	width:912px;
	height:40px;
	line-height:40px;
	background:#eaeaea;
	border:#FFF 1px solid;
	padding-left:10px;
	margin-left:2px;
	*margin-left:-12px;
	margin-top:8px;
	text-align:left;
	font-size:14px;
	color:#1f1f1f;
}
.content_wrap_price .price_free{
	text-align:left;
	float:left;
	width:625px;
	height:84px;
	margin-left:3px;
	margin-top:30px;
	background:url(../images/price_bg_free.jpg) no-repeat;
	padding-top:60px;
	padding-left:300px;
	color:#666666;
	font-size:18px;
}
.content_wrap_price .price_free strong{
	color:#f27600;
	font-size:25px;
}
.content_wrap_price .price_free .btn-free{
	display:block;
	float:right;
	width:150px;
	height:62px;
	line-height:62px;
	font-size:20px;
	color:#FFF;
	padding-left:70px;
	margin-top:-17px;
	*margin-top:-47px;
	background:url(../images/price_btn_free.png);
}
.promotion{
	position:absolute;
	left:168px;
	top:8px;
}
.content_wrap_registered ul li input.input_checkbox{
	width:20px;
	height:20px;
	padding-left:1px;
}
.input_checkbox_text{
	position:relative;
	font-style:normal;
	font-size:14px;
	margin-left:5px;
	top:-5px;
}
.input_checkbox_text a{
	color:#fb9401;
	text-decoration:underline;
}
.re_icon_im{
	position:relative;
	top:3px;
	right:5px;
}
.content_wrap_registered ul li span.re_must{
	position:absolute;
	top:4px;
	right:33px;
	width:10px;
	font-size:16px;
	color:#f48808;
	margin-left:10px;
}
.content_wrap_registered ul li span.re_img{
	position:absolute;
	right:0;
	top:5px;
	z-index:10000;
	width:20px;
	height:20px;
}

.content_wrap_registered ul li span.re_img_success{
	   background:url("../images/re_icon_right.png") no-repeat 0px 0px;
  
}

.content_wrap_registered ul li span.re_img_wrong{
  background:url("../images/re_icon_wrong.png") no-repeat 0px 0px;
}


.registered_li{
}
.content_wrap_registered ul li span.re_input_mes{
	*position:relative;
	width:auto;
	text-align:left;
	font-size:12px;
	color:#fd3601;
	line-height:20px;
	margin-left:130px;
}
.re_line{
	position:relative;
	left:-20px;
	margin-bottom:35px;
}
#banner_list{
	width:480px;
	height:321px;
	overflow:hidden;
}
.content_wrap_registered #banner ul{
	position:relative;
	margin-left:200px;
}
.content_wrap_registered #banner ul li span{
	display:none;
	float:left;
	width:auto;
}
.content_wrap_registered #banner ul li{
	float:left;
	width:11px;
	height:11px;
	background:url(../images/re_point_1.png) no-repeat;
	margin-left:5px;
	margin-top:15px;
}
.content_wrap_registered #banner ul li.on{
	background:url(../images/re_point_02.png) no-repeat;
}
.re_select{
	width:300px;
	*width:278px;
	height:31px;
	line-height:27px;
	display:block;
	border:0;
	background:url(../images/re_select.png) no-repeat;
	-webkit-appearance:none;
	appearance:none;
	padding-left:10px;
	outline:none;
	overflow:hidden;
	font-size:14px;
	padding-top:4px;
	padding-bottom:3px;
	
}
.re_mes_wrap{
	display:none;
}
a:hover .re_mes_wrap{
	
	display: block;
	position: absolute;
	top: -127px;
	left: -41px;
	width: 324px;
	height: 150px;
	background: url(../images/icon_i_wrap.png) no-repeat;
	font-size: 14px;
	color: #FFF;

	line-height: 24px;
	text-align: left;
	padding: 20px;

}
.content_wrap_registered ul.registered_two li{
	height:50px;
}
.content_wrap_registered ul.registered_two li span.re_input_mes{
	position:relative;
	top:0\0;
	*top:-9px;
}
.content_wrap_registered ul.registered_one{
	*margin-bottom:60px;
}
.content_wrap_registered ul.registered_one li{
	height:60px;
}
.content_wrap_registered ul li.re_text{
	height:30px;
}
.re_select_wrap{
	*position:absolute;
	display:inline-block;
	width:281px;
	overflow:hidden;
	line-height:31px;
	margin-left:-2px;
	margin-bottom:-8px;
}
.registered_success_infor{
	font-size:18px;
	color:#0763ac;
}
.content_wrap_registered_top.special{
	padding-left:10px;
}
.registered_success_wrap{
	width:883px;
	height:83px;
	background:url(../images/registered_note_bg.png) no-repeat;
	padding:10px 0 0 30px;
	font-size:14px;
	color:#525353;
}
/**
.content_wrap_registered  ul{
	width:100%;
}
.registered_success_wrap ul{
	width:100%;
}
.content_wrap_registered   ul li{
	width:100%;
	line-height:25px;
}
*/
.content_wrap_registered .registered_success_wrap ul li{
	width:450px;
	line-height:25px;
	position:relative;
	height:25px;
}
.content_wrap_registered .registered_success_wrap ul li h1{
	font-size:16px;
	color:#525353;
}
.content_wrap_registered .registered_success_wrap ul li img{
	margin-right:7px;
}
.content_wrap_registered .registered_success_wrap ul li a{
	font-size:14px;
	color:#ff7200;
}
.registered_success_text{
	height:50px;
	font-size:16px;
	color:#525353;
	line-height:50px;
	margin-left:30px;
}
.registered_success_text b{
	color:#ff7200;
}
.registered_success_text span{
	position:relative;
	bottom:15px;
	display:inline-block;
	margin-left:20px;
}
.registered_success_line{
	display:block;
	width:642px;
	margin:0 auto;
	margin-top:50px;
	margin-bottom:40px;
}
.sub_content .special{
	font-size:14px;
	line-height:20px;
	height:50px;
}
.sub_content.special a{
	font-size:14px;
	color:#525353;
}

.TB_overlayBG{
	background-color: #555555;
	opacity: 0.30;          /**关键，可以兼容 浏览器了**/
    -moz-opacity:0.3;    /* 兼容 FF*/ 
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; /*IE8*/
    filter: alpha(opacity=30);  /*IE5、IE5.5、IE6、IE7*/
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100;
}

#message{
	background: url("../images/loading1.gif") no-repeat scroll center center transparent;
    display: block;
    height: 51px;
	z-index:10000;
    width: 100%;}