/*----the author is doreen 借鉴注明出处--*/

@charset "utf-8";
body {
	color: #000000;
	font-size: 14px;
	background-color: #fff;
	overflow-x: auto;
	font-family: "Microsoft YaHei", "Tahoma", "宋体";
	*font-family: "微软雅黑", "Microsoft YaHei", "Tahoma", "宋体";
}

.textCenter {
	text-align: center !important;
}

.textLeft {
	text-align: left;
}

.textRight {
	text-align: right;
}

.left {
	float: left;
}

.right {
	float: right;
}

.hide {
	display: none;
}

img {
	display: inline-block;
	border: none;
}

a {
	cursor: pointer;
	text-decoration: none;
}

li {
	list-style: none;
}

input {
	border: none;
}

.mainNav {
	clear: both;
	width: 100%;
	margin: 0px auto 0;
	height: 90px;
	line-height: 90px;
	overflow: hidden;
}

.mainNav .mainNav_wrap {
	width: 1000px;
	margin: 0 auto;
	height: 90px;
	background: url(../img/nav_bg.png) no-repeat;
	overflow: hidden;
	position: relative;
	z-index: 100;
}

.mainNav .nav_bg {
	height: 26px;
	background: #000;
	width: 100%;
	margin-top: -55px;
	position: relative;
	z-index: -1;
}

.mainNav.fixedTop {
	position: fixed;
	z-index: 999;
	top: 0;
}

.mainNav ul {
	width: 900px;
	margin: 0 auto;
	color: #fbfbfb;
	height: 70px;
	margin-top: 23px;
	line-height: 24px;
}

.mainNav ul li,
.mainNav a {
	width: auto;
	padding: 0 5px;
	text-align: center;
	float: left;
	font-size: 16px;
	cursor: pointer;
	width: 110px;
}

.mainNav a {
	width: 50px;
}

.mainNav ul li:hover,
.mainNav ul .activeNav,
.mainNav a:hover {
	color: #fff;
	font-size: 18px;
	font-weight: bold;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	font-size: 0;
	overflow: hidden;
}

.clearfix {
	zoom: 1;
}

.wrapper {
	width: 1000px !important;
	margin: 0 auto;
}

.btn_list {
	/*width: 600px; margin: 0 auto;*/
	margin-top: 20px;
	text-align: center;
	display: block;
}

.btn_list a {
	margin: 0 10px;
}

.a_btn_hollow {
	background: transparent !important;
	width: 365px;
	height: 50px;
	line-height: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	font-size: 18px;
	text-align: center;
	color: #45d1c8;
	cursor: pointer;
	border: 1px solid #45d1c8;
	display: inline-block;
}

.a_btn_hollow:hover {
	background: #45d1c8 !important;
	color: #fff;
}

.a_list {
	display: block;
	width: 680px;
	margin: 0 auto;
}

.a_list a:nth-child(1) {
	float: left;
}

.a_list a:nth-child(2) {
	float: right;
	margin-top: 30px;
}


/*<!--头部【导语和表单】-->*/

.header {
	width: 100%;
	height: 520px;
	background: url(../img/banner.jpg) no-repeat center top;
}

.header .headbtn_list {
	position: relative;
	width: 400px;
	height: 58px;
	line-height: 58px;
	margin: 0 auto;
	top: 300px;
	right: -276px;
}

.header .headbtn_list a.button {
	width: 176px;
	height: 48px;
	font-size: 20px;
	line-height: 48px;
	color: #333;
	background: transparent;
	text-align: center;
	border: 1px solid #333;
	border-radius: 3px;
}

.header .headbtn_list a.button:hover {
	background: #333333;
	color: #fff;
	cursor: pointer;
}

.headbtn_list {
	line-height: 65px;
	width: 365px;
	margin: 0 auto;
	margin-top: 40px;
}

.dyform {
	width: 100%;
	height: 490px;
}

.dyform h3 {
	text-align: center;
	font-size: 32px;
	color: #333;
	font-weight: bold;
	padding-bottom: 25px;
}

.dybox {
	width: 490px;
	line-height: 30px;
	font-size: 16px;
	color: #333;
	padding: 50px 0 0 20px;
}

.biaodan {
	color: #333;
	width: 425px;
	padding-bottom: 45px;
	padding-top: 40px;
	position: relative;
	top: 50px;
	background: url(../img/form_bg.png) no-repeat;
}

.biaodan h2 {
	line-height: 30px;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 20px;
	color: #fff;
}

.biaodan form div {
	margin-bottom: 10px;
}

.biaodan form input,
.biaodan form select {
	height: 38px;
	font-family: "微软雅黑";
	display: block;
	width: 265px;
	color: #cdcdcd;
}

.biaodan form .mobile,
.biaodan form .name,
.biaodan form .branch,
.biaodan form .Pchengji,
.biaodan form .Nstep {
	width: 265px;
	padding: 1px 0;
	margin: 0 auto;
	padding-left: 36px;
	margin-bottom: 10px;
}

.biaodan form .mobile {
	background: url(../img/phone_box.jpg) no-repeat center;
}

.biaodan form .name {
	background: url(../img/name_box.jpg) no-repeat center;
}

.biaodan form .Nstep {
	background: url(../img/Nstep_box.jpg) no-repeat center;
}

.biaodan form .branch {
	background: url(../img/coun_box.jpg) no-repeat center;
}

.biaodan form .Pchengji {
	background: url(../img/result_box.jpg) no-repeat center;
}

.biaodan .from_btn {
	cursor: pointer;
	line-height: 50px;
	text-align: center;
	font-size: 18px;
	background: #45d1c8;
	width: 300px;
	cursor: pointer;
	height: 50px;
	color: #fff;
	font-family: "微软雅黑";
	border-radius: 2px;
	margin-bottom: 34px;
}

.biaodan form ul li.tijiao {
	width: 300px;
	background: #51c21a !important;
	color: #fff;
	margin: 0 auto;
}

.biaodan .from_btn:hover {}

.Validform_checktip {
	display: none !important;
}


/*.biaodan form .from_submit { width: 301px; margin: 0 auto; }*/


/*.from_submit #submit { display: block; background: #51c21a !important; margin-bottom: 0; width: 300px; height: 48px; line-height: 48px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; font-size: 16px; color: #fff; cursor: pointer; border: 1px solid #51c21a; }
.from_submit #submit:hover { background: #419b15 !important; color: #fff; }
.from_submit a.submit { background: #fff !important; margin-bottom: 0; margin-top: -49px; width: 141px; height: 46px; line-height: 46px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; font-size: 16px; text-align: center; color: #51c21a; cursor: pointer; border: 1px solid #51c21a; }
.from_submit a.submit:hover { background: #51c21a !important; color: #fff; }*/

.div_semicircle {
	position: relative;
}

.img_semicircle {
	position: absolute;
	z-index: 1;
	left: -250px;
}


/*--------begin section-----------*/

.sections {
	margin-top: -30px;
}

.sections .title_p {
	font-size: 30px;
	color: #333;
	padding: 20px;
}

.sections .section {
	width: 100%;
	/*padding-top: 56px;*/
	font-family: "微软雅黑";
}

.sections .titleh2 {
	height: 35px;
	line-height: 35px;
	overflow: hidden;
	font-size: 36px;
	color: #333;
	font-weight: bold;
	padding-top: 30px;
	padding-bottom: 2px;
}

.sections .titleh2 span {
	background: url(../img/title_line.png) no-repeat;
	background-position: right 30px;
	padding-right: 50px;
	padding-left: 50px;
}

.sections .box-title {
	font-size: 16px;
	top: 27px;
	font-weight: bold;
	position: relative;
}

.section {
	padding: 50px 0;
	position: relative;
}

.section.bg_gary {
	background-color: #f0f0f0;
}


/*--模块开始--*/


/*--------最新美国留学签证政策速睇----------*/

.ul_policy {
	margin-top: 30px;
}

.ul_policy li {
	float: left;
	width: 235px;
	height: 390px;
	padding: 50px 25px;
	margin-right: 20px;
	box-sizing: border-box;
	background: #fff;
	border-radius: 10px;
}

.ul_policy li:last-child {
	margin-right: 0;
}

.div_icon,
.ul_policy h1 {
	text-align: center;
	margin-bottom: 10px;
}

.ul_policy h1 {
	font-size: 16px;
	font-weight: bold;
	height: 50px;
	color: #333;
}

.ul_policy h1.lineh65 {
	line-height: 40px;
}

.ul_policy p {
	font-size: 14px;
	line-height: 25px;
	color: #666;
}


/*--------签证申请途径----------*/

.div_data {
	position: relative;
}

.img_semicircle_r {
	position: absolute;
	right: -250px;
	bottom: -85px;
}

.ul_visaway {
	margin-top: 30px;
}

.ul_visaway li {
	float: left;
	width: 310px;
	height: 390px;
	padding: 20px 30px;
	border: 1px solid #333;
	box-sizing: border-box;
	margin-right: 30px;
}

.ul_visaway li:last-child {
	margin-right: 0;
}

.ul_visaway h1,
h1.jibian {
	font-size: 24px;
	display: inline-block;
	padding: 10px 60px;
	color: #fff;
	font-weight: bold;
	border-radius: 50px;
	background: #0086f8;
	background: -webkit-linear-gradient(left, #0086f8, #4cdfcb);
	/* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #0086f8, #4cdfcb);
	/* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #0086f8, #4cdfcb);
	/* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #0086f8, #4cdfcb);
}

.ul_visaway .p_title {
	color: #333;
	height: 65px;
	line-height: 22px;
	padding: 20px 0;
	border-bottom: 1px dashed #808080;
	margin-bottom: 20px;
}

.ul_visaway .lineh65 {
	line-height: 65px;
}

.ul_visaway p {
	color: #808080;
	line-height: 25px;
	text-align: left;
}


/*-----完善的资料准备----------*/

.ul_data {
	width: 760px;
	margin: 0 auto;
	font-size: 18px;
	margin-top: 20px;
}

.ul_data li {
	float: left;
	width: 190px;
	color: #333;
	border: 1px solid #333;
	height: 75px;
	line-height: 55px;
	padding: 10px;
	text-align: center;
	box-sizing: border-box;
	border-right: 0;
	cursor: pointer;
}

.ul_data li:hover,
.ul_data li.active {
	color: #fff;
	background: #333;
}

.ul_data li.borR {
	border-right: 1px solid #333;
}

.ul_data li.twoR {
	line-height: 27px !important;
}

.content {
	display: none;
}

.active-content {
	display: block;
}

.tb_data {
	width: 1000px !important;
	margin-top: 50px;
	margin-bottom: 50px;
	border-collapse: collapse;
}

.tb_data td {
	padding: 20px 50px;
	background: #fff;
	font-size: 14px;
	color: #666;
	box-sizing: border-box;
}

.tb_data,
.tb_data tr th,
.tb_data tr td {
	border: 1px solid #dcdddd;
}

.tr_title td {
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	background: #7a8c80 !important;
}

.tr_th td {
	color: #333;
	font-size: 14px;
	font-weight: bold;
	background: #f1fdf5;
}

.wid400 {
	width: 400px;
}


/*-----------签证流程篇-----------*/

.ul_flow li {
	background: url(../img/ic_step.png) no-repeat;
	background-position: left top;
	padding-left: 90px;
	margin-bottom: 10px;
	cursor: pointer;
}

.ul_flow .div_step {
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	padding: 15px 50px;
	background-color: #53c7fd;
	height: 70px;
	line-height: 39px;
	box-sizing: border-box;
}

.ul_flow .div_step:hover {
	box-shadow: 0 0 10px #a3bac5;
}

.ul_flow {
	position: relative;
	padding: 30px 0;
}

.ul_flow:before {
	content: '';
	width: 6px;
	height: 100%;
	background: #53c7fd;
	position: absolute;
	left: -1px;
	top: 0px;
	border-radius: 10px;
}

.child_content {
	display: none;
	background: #eefaff;
	width: 911px;
	box-sizing: border-box;
	padding: 20px 30px;
}

.child_content h5 {
	font-weight: bold;
	color: #333;
	font-size: 14px;
	margin-bottom: 10px;
}

.child_content p {
	color: #666;
	line-height: 30px;
	font-size: 14px;
}

.show {
	display: block;
}


/*------重点步骤重点对待------------*/

.sec_ksteps {
	background: url(../img/sec_l_bg.jpg) left top no-repeat;
	background-size: 37% 100%;
}

@media only screen and (min-width: 1000px) and (max-width: 1366px) {
	.sec_ksteps {
		background: url(../img/sec_l_bg.jpg) left top no-repeat;
		background-size: 30% 100%;
	}
}

.sec_ksteps .div_inter {
	width: 700px;
	float: right;
	position: relative;
}

.sec_ksteps h1 {
	margin: 27px 0 23px 0;
}

.sec_ksteps p.title {
	font-weight: bold;
	position: relative;
	font-size: 18px;
	color: #333;
}

.sec_ksteps p.title:before {
	content: '';
	background: url(../img/icon.png) left top no-repeat;
	position: absolute;
	width: 15px;
	height: 15px;
	left: -20px;
	top: 4.5px;
}

.sec_ksteps p.con_p_t {
	position: relative;
}

.sec_ksteps p.con_p,
.sec_ksteps p.con_p_t {
	color: #666;
	margin: 10px 0 20px 0;
	line-height: 25px;
}

.sec_ksteps p.con_p_t:before {
	content: '';
	background: url(../img/icon.png) left center no-repeat;
	position: absolute;
	width: 15px;
	height: 15px;
	left: -20px;
	top: 16.5px;
}

.sec_ksteps p.con_single:before {
	top: 4.5px;
}

.div_ps {
	margin-top: 20px;
	margin-bottom: 50px;
}

.div_ps p {
	color: #666;
	height: 60px;
	line-height: 60px;
	margin-bottom: 10px;
	background: url(../img/matters_bg.png) left top no-repeat;
}

.div_ps span.title {
	display: block;
	color: #fff;
	width: 315px;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}

.div_ps span {
	float: left;
	display: block;
	width: 665px;
	margin-left: 10px;
}

.div_ps .twoR {
	line-height: 25px !important;
}

.a_banner {
	margin-top: 50px;
}


/*---QA-----*/

.div_qa {
	position: relative;
}

.ul_qa {
	margin-top: 30px;
	margin-bottom: 30px;
}

.ul_qa li {
	margin-bottom: 10px;
	background: #f0f0f0;
}

.ul_qa li.odd .soan_q {
	float: left;
	width: 340px;
	height: 130px;
	display: block;
	padding: 30px 40px 30px 33px;
	box-sizing: border-box;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	flex: 1;
	align-items: center;
	line-height: 26px;
	background: url(../img/qa_l.png) left top no-repeat;
}

.ul_qa li .soan_a {
	font-size: 16px;
	color: #666;
	line-height: 30px;
	box-sizing: border-box;
	padding: 20px 30px;
}

.ul_qa li.odd .soan_a {
	width: 550px;
	float: left;
	box-sizing: border-box;
	padding: 20px 30px;
}

.ul_qa li.even .soan_a {
	width: 560px;
	margin-right: 50px;
	float: left;
}

.ul_qa li.even .soan_q {
	float: right;
	width: 340px;
	height: 130px;
	display: block;
	padding: 30px 40px 30px 33px;
	box-sizing: border-box;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	flex: 1;
	align-items: center;
	line-height: 26px;
	background: url(../img/qa_r.png) right top no-repeat;
}

.ul_qa li.even {}

.ul_qa .soan_q {}

.ul_pro {
	margin-top: 30px;
}

.ul_pro li {
	float: left;
	margin-bottom: 20px;
	margin-right: 18px;
	position: relative;
	top: 0px;
	border-radius: 5px;
	-webkit-transition: 0.5s ease;
	-moz-transition: 0.5s ease;
	-ms-transition: 0.5s ease;
	-o-transition: 0.5s ease;
	transition: 0.5s ease;
}

.ul_pro li:hover {
	top: -10px;
	-webkit-box-shadow: 0 0 30px #ccc;
	-moz-box-shadow: 0 0 30px #ccc;
	box-shadow: 0 0 30px #ccc;
}

.nomarR {
	margin-right: 0 !important;
}

.marbottom30 {
	margin-bottom: 30px !important;
}

.nopadding {
	padding-top: 0 !important;
}