/*----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;
}

.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: 50px;
	line-height: 50px;
	overflow: hidden;
}

.mainNav .mainNav_wrap {
	width: 100%;
	height: 50px;
	overflow: hidden;
	position: static;
	background: -webkit-linear-gradient(left, #008260, #51c21a);
	background: -moz-linear-gradient(left, #008260, #51c21a);
	background: linear-gradient(left, #008260, #51c21a);
	opacity: 1;
}

.mainNav.fixedTop {
	position: fixed;
	z-index: 999;
	top: 0;
}

.mainNav ul {
	width:1080px;
	margin: 0 auto;
	color: #fbfbfb;
	height: 50px;
	line-height: 50px;
}

.mainNav ul li {
	width: auto;
	padding: 0 10px;
	text-align: center;
	float: left;
	font-size: 16px;
	cursor: pointer;
}

.mainNav ul li:hover {
	color: #fff;font-weight:bold;
}

.mainNav ul a:hover {
	color: #fff;
	font-weight:bold;
}

.mainNav ul .activeNav a {
	color: #fff;
}

.mainNav a {
	float: left;
	text-align: center;
	font-size: 14px;
	width: 115px;
	cursor: pointer;
	color: #fff;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	font-size: 0;
	overflow: hidden;
}

.clearfix {
	zoom: 1;
}

.wrapper {
	width: 1000px !important;
	margin: 0 auto;
}
.mg_bom{ margin-bottom:30px;}
.btn_list {
	width: 650px;
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 30px;
}
.btn_list a{width: 290px; height: 48px;}
.btn_lista {
	width: 540px;
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 30px;
}
.btn_lista a{width: 235px; height: 48px;}
.a_btn {
	display: block;
	line-height:48px;
	background: #3790ff;
	font-size: 18px;
	color: #fff;
	border-radius: 4px;
	text-align: center;
}

.a_btn:hover {
	background: none !important;
	border: 1px solid #3790ff;
	color: #3790ff;
}

.a_btn_hollow {
	display: block;
	background: transparent !important;
	line-height: 48px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	font-size: 18px;
	text-align: center;
	color: #3790ff;
	cursor: pointer;
	border: 1px solid #3790ff;
	margin-right: 30px;
	box-sizing: border-box;
}

.a_btn_hollow:hover {
	background: #3790ff !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;
}

.Validform_checktip,
.Validform_right {
	visibility: hidden !important;
}

.content {
	display: none;
}

.current {
	display: block;
}

.sec_content
{
	padding-top: 60px;
}

/*<!--头部【导语和表单】-->*/

.header {
	width: 100%;
	height:470px;
	background: url(../img/banner.jpg) no-repeat center top;
}
.header .headbt{ padding:57px 0px 50px 495px; font-size:24px; color:#666;margin: 0 auto; width:505px;}
.header .headbt h1{color: #fff;
		font-size:30px; padding-bottom:20px; text-align:center; line-height:60px; }
		.header .headbt h2{color: #008260;
		background: -webkit-linear-gradient(left, #008260, #51c21a);
		background: -moz-linear-gradient(left, #008260, #51c21a);
		background: linear-gradient(left, #008260, #51c21a);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent; font-size:51px; padding-bottom:30px; text-align:center;}


.dyform {
	width: 100%;
	height: 360px;
	background: #eefcec;
}

.dyform h3 {
	font-size: 36px;
	color: #333;
	font-weight: bold;
	padding-bottom: 30px;
}

.dybox {
	width: 510px;
	line-height: 30px;
	font-size: 16px;
	color: #333;
	padding: 40px 0 0 20px;
}

.biaodan {
	width: 425px;
	padding-top: 30px;
	border-bottom: 6px solid #edebea;
	background: #fff;
	position: relative;
	top: 20px;
}

.biaodan h2 {
	line-height: 30px;
	text-align: center;
	font-size: 21px;
	/*font-weight: bold;*/
	margin-bottom: 10px;
	color: #000;
}

.biaodan form div {
	margin-bottom: 10px;
}

.biaodan form input,
.biaodan form select {
	height: 38px;
	font-family: "微软雅黑";
	display: block;
	width: 265px;
	color: #666666;
}

.biaodan form .mobile,
.biaodan form .name,
.biaodan form .Nstep,
.biaodan form .branch {
	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/edu_box.jpg) no-repeat center;
}

.biaodan form .branch {
	background: url(../img/city_box.jpg) no-repeat center;
}

.biaodan form .from_submit {
	width: 301px;
	margin: 0 auto;
}

.from_submit #submit {
	display: block;
	background: #3790ff !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 #3790ff;
}

.from_submit #submit:hover {
	background: #3790ff !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: #3790ff;
	cursor: pointer;
	border: 1px solid #3790ff;
}

.from_submit a.submit:hover {
	background: #3790ff !important;
	color: #fff;
}





/*--------begin section-----------*/

.sections {
	margin-top: 60px;
}

.sections .title_p {
	font-size: 26px;
	color: #666;
	padding-bottom: 20px;
}

.sections .section {
	width: 100%;
	/*padding-top: 56px;*/
	font-family: "微软雅黑";
}

.sections h2 {
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	font-size: 36px;
	color: #333;
	font-weight: bold;
	padding: 30px 0;
	background: url(../img/line_title.png) no-repeat center bottom;
	background-size: 326px 11px;
}

.sections .box-title {
	font-size: 30px;
	top: 27px;
	font-weight: bold;
	position: relative;
}
.img_semicircle {
	position: relative;
	top: -30px;
	left:-150px;
}
.img_semicirclea {
	position: relative;
	top: 60px;
	left:1000px;
}
.section {
	padding: 60px 0 10px;
}


/*--模块开始--*/

.bg_gary {
	background: #f3f4f8;
}

.martop30 {
	margin-top: 30px;
}

.div_l {
	float: left;
}

.div_r {
	float: right;
}


/*-----------标签-----------*/

ul.label {
	padding: 30px 0;
}

ul.label span,
ul.label li {
	float: left;
	margin-right: 10px;
}

ul.label span {
	font-weight: bold;
	margin-top: 5px;
}

ul.label li {
	color: #2630a9;
	background: #eff3ff;
	border: 1px solid #cbdaff;
	padding: 5px 15px;
}

.ul_pro {
	margin-top: 30px;
}

.ul_pro li {
	float: left;
	margin-bottom: 20px;
	margin-right: 18px;
	position: relative;
	top: 0px;
	width: 320px;
	height:182px;
	padding:22px 10px;
	box-sizing: border-box;
	-webkit-box-shadow: 0 0 30px #ccc;
	-moz-box-shadow: 0 0 30px #ccc;
	box-shadow: 0 0 30px #ccc;
	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;
	font-size:18px;text-align:center;
}
.ul_pro li a{color:#000; line-height:32px;}
.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;
	color:#000;
}
.ul_pro li:nth-child(3n){margin-right: 0px;}
.ul_pro li p{ font-size:22px; padding-top:10px; font-weight:bold;}
.grey { background-color: #f5f5f5; }
.usPE1{}
.usPE1 li{ width:490px; height:355px; background-color:#f3f3f3;}
.usPE1 li h1{ font-size:18px; text-align:center; margin-bottom:20px;}
.usPE1 li h1 strong{ display:block; font-size:24px; width:200px; height:50px; line-height:50px; border-radius:100px; text-align:center; color:#fff; margin:35px auto 6px;
background: -webkit-linear-gradient(left, #008260, #55c31f); 
background: -o-linear-gradient(left, #008260, #55c31f); 
background: -moz-linear-gradient(left, #008260, #55c31f); 
background: -ms-linear-gradient(left, #008260, #55c31f); 
background: linear-gradient(left, #008260, #55c31f);  
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00008260', endColorstr='#0055c31f', GradientType=1);
}
.usPE1 li h1 span{background:url(../img/usPE1_icon.png) no-repeat; width:31px; height:26px; display:inline-block; vertical-align:text-bottom; margin-right:8px;}
.usPE1 li p{ font-size:18px; line-height:30px; color:#666; padding:0 55px;}

.usPE2{}
.usPE2 li{ float:left; width:192px; height:313px; background-color:#fff; box-shadow: 0 0 20px #d9dbe2; margin-right:10px;}
.usPE2 li h3{ display:block; height:67px; padding-top:20px;width:130px; border-radius:100px; font-size:18px; line-height:24px; color:#fff; text-align:center; margin:30px auto 17px; font-weight:bold;
background: -webkit-linear-gradient(left, #008260, #55c31f); 
background: -o-linear-gradient(left, #008260, #55c31f); 
background: -moz-linear-gradient(left, #008260, #55c31f); 
background: -ms-linear-gradient(left, #008260, #55c31f); 
background: linear-gradient(left, #008260, #55c31f);  
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00008260', endColorstr='#0055c31f', GradientType=1);
}
.usPE2 li p{ padding:0 30px; line-height:24px; color:#666;}
.usPE2 li:nth-child(5) {margin-right: 0;} 

.section_content { width: 1000px; margin: 0 auto; }
.connect,
.connect2 {
	position: relative;
}
.sectionCon {
	margin: 0 auto;
	width: 1000px;
}
.stepList {
	width: 1000px;
	height: 81px;
	border: 0; margin-bottom:25px;
}

.stepList li {
	width: 150px;
	border: 0;
	left: -5px;
	position: absolute;
	background: url(../img/step.png) no-repeat center;
	font-size:18px;
	line-height: 81px;
	height: 81px;
	color: #666666; text-align:center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; cursor:pointer;
}

.stepList li:hover,
.stepList li.active {
	background-image: url(../img/activeStep.png);
	color: #333333;
	background-color: transparent; 
}

.stepList .step1 {
	left: 0;
	background: url(../img/oneStep.png) no-repeat center;
}

.stepList .step1:hover,
.stepList .step1.active {
	background-image: url(../img/activeOneStep.png);
}

.stepList .step2 {
	left: 142px;
}

.stepList .step3 {
	left: 283px;
}

.stepList .step4 {
	left: 426px;
}

.stepList .step5 {
	left: 569px;
}
.stepList .step6 {
	left: 711px;
}
.stepList .step7 {
	left: 852px;
}

.stepList b {
	display: block;
}

.stepCon .content {
	padding:35px;
	background-color: #788fff;
	line-height: 26px;
	color: #fff;
}
.stepCon .content strong{ font-size:18px; display:block; margin-bottom:10px;}

.contents .content{ display:none;}
.contents .active{ display:block;}
/*-------------技巧-------------*/

.sec-skills {
	background: #F5F5F5;
	position: relative;
}

.div-skills {
	background: url(../img/skills_bg.png) no-repeat top center;
	margin-top: 50px;
}

.div-skills h3 {
	font-weight: bold;
	color: #333;
	font-size: 18px;
	margin-bottom: 10px;
}

.div-skills p {
	line-height: 25px;
	color: #666;
	margin-bottom: 10px;
}

.div-skills div.left li:nth-child(1) {
	margin-top: 10px;
}

.div-skills li {
	margin-bottom: 20px;
	height: 152px;
}

.div-skills div.left li:nth-child(6) {
	margin-bottom: 0;
}

.div-skills div.right li:nth-child(5) {
	margin-bottom: 0;
}

.div-skills div.left,
.div-skills div.right {
	width: 380px;
}

.div-skills div.right ul {
	margin-top: 95px;
}

.nopaddingbotm {
	padding-bottom: 0;
}

.sec-skills.sec_band_aid {
	top: 50px;
}

.ic_dress {
	position: absolute;
	left: -200px;
}


/*----------------美国文书写作误区----------------*/

.apply_ul {
	padding: 40px 0;
	background: url(../img/myth_bg.png) no-repeat center;
}

.apply_ul li {
	position: relative;
	width: 196px;
	margin-bottom: 2.5px;
	margin-right: 5px;
	height: 242px;
	overflow: hidden;
	display: inline;
	color: #fbfbfb;
	cursor: pointer;
}

.apply_ul li:nth-child(5n) {
	margin-right: 0;
}

.apply_ul li img {
	width: 326px;
	height: 210px;
}

.apply_ul li h3 {
	position: absolute;
	top: 95px;
	left: 40px;
	z-index: 2;
	width: 120px;
	height: 44px;
	line-height: 44px;
	text-align: center;
	font-size: 20px;
	color: #fff;
	background: #686e74;
	border-radius: 30px;
}

.apply_ul li div {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
	width: 196px;
	height: 242px;
	padding: 20px 15px;
	box-sizing: border-box;
	color: #666;
	background: rgba(243, 242, 242, 0.8);
	line-height: 24px;
	font-size: 14px;
}

.apply_ul li div h5 {
	text-align: center;
	color: #333;
	font-size: 13px;
	font-weight: bold;
}

.apply_ul li div p {
	margin-top: 10px;
}


/*------------十要十不要--------------*/

.sec_raw {
	background: #4ea98d;
	background: linear-gradient(to right, #4ea98d, #83d360);
	background: -webkit-linear-gradient(to right, #4ea98d, #83d360);
	background: -moz-linear-gradient(to right, #4ea98d, #83d360);
}

.raw_content {
	position: relative;
}

.sec_raw .left:after {
	content: 'VS';
	width: 100px;	
	font-size: 80px;
	font-style: italic;
	font-weight: bold;
	position: absolute;
	top: -20px;
	text-align: center;
	left: 440px;
	color: #fff;
}

.sec_raw .h1 {
	width: 304px;
	margin: 0 auto;
	font-size: 48px;
	height: 70px;
	line-height: 70px;
	color: #333;
	font-weight: bold;
	text-align: center;
	background: #c5fffb;
	border-radius: 50px;
	margin-bottom: 30px;
}

.sec_raw .right .h1 {
	background: #e7fcd0 !important;
}

.sec_raw li {
	height: 55px;
	width: 450px;
	color: #666;
	font-size: 18px;
	text-align: center;
	line-height: 55px;
	margin-bottom: 10px;
	padding-left: 55px;
	box-sizing: border-box;
	border-top-left-radius: 30px;
	border-bottom-left-radius: 30px;
}

.sec_raw .left li {
	background: url(../img/ic_r.png) #fff no-repeat left;
}

.sec_raw .right li {
	background: url(../img/ic_w.png) #fff no-repeat left;
}
.docTab {
	border: 1px solid #333333;
	border-right: 0;
	width: 358px;
	margin: 0 auto 50px;
	font-size: 18px;
}

.docTab li {
	float: left;
	width: 178px;
	height: 48px;
	text-align: center;
	line-height: 48px;
	border-right: 1px solid #333333;
	cursor: pointer;
}

.docTab .active {
	color: #FFFFFF;
	background-color: #333333;
}

.contents .content {
	display: none;
}

.contents .active {
	display: block;
}

.docList li {
	width: 250px;
	padding: 35px;
	background-color: #F3F3F3;
	float: left;
	height: 230px;
	margin-right: 20px;
}

.docList .last {
	margin-right: 0;
}

.docList h3 {
	background: #009966\9;
	background: -webkit-linear-gradient(left, #009966, #66CC33);
	background: -moz-linear-gradient(left, #009966, #66CC33);
	background: -ms-linear-gradient(left, #009966, #66CC33);
	background: -o-linear-gradient(left, #009966, #66CC33);
	background: linear-gradient(left, #009966, #66CC33);
	height: 50px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	color: #FFFFFF;
	font-size: 18px;
	line-height: 50px;
	text-align: center;
	margin-bottom: 12px;
}

.docList p {
	color: #666666;
	line-height: 24px;
}

.docList a {
	color: #3790ff;
	text-decoration: underline;
	cursor: pointer;
}

.docList2 li {
	width: 420px;
	height: 176px;
	margin-top: 50px;
}

.docList2 h3 {
	margin: 30px 0 0 0;
}

.doc embed {
	float: left;
}

.v-tit {
	width: 356px;
	height: 65px;
	margin-left: 590px;
	background: url(../img/cjy_bg.png) no-repeat center;
	position: relative;
	top: 85px;
	color: #FFFFFF;
	font-size: 18px;
	padding: 50px 0 50px 54px;
}

.v-tit b {
	font-size: 24px;
	display: block;
	margin-bottom: 10px;
}

.docSlide {
	width: 1000px;
	overflow: hidden;
	position: relative;
	padding-bottom: 40px;
}

.docSlide .hd .prev,
.docSlide .hd .next {
	display: block;
	width: 65px;
	height: 65px;
	cursor: pointer;
	position: absolute;
	z-index: 2;
	top: 50%;
	margin-top: -33px;
}

.docSlide .hd .next {
	background: url(../img/next.png) no-repeat center;
	right: 0;
}

.docSlide .hd .prev {
	background: url(../img/prev.png) no-repeat center;
	left: 0;
}

.docSlide .hd .next:hover {
	background: url(../img/hoverNext.png) no-repeat center;
}

.docSlide .hd .prev:hover {
	background: url(../img/hoverPrev.png) no-repeat center;
}

.docSlide .hd ul {
	overflow: hidden;
	zoom: 1;
	position: absolute;
	width: 1000px;
	bottom: 0;
	text-align: center;
}

.docSlide .hd ul li {
	display: inline-block;
	width: 9px;
	height: 9px;
	overflow: hidden;
	margin: 0 5px;
	text-indent: -999px;
	cursor: pointer;
	border: 1px solid #333333;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

.docSlide .hd ul li.on {
	background-color: #333333;
}

.docSlide .bd ul {
	overflow: hidden;
	zoom: 1;
}

.docSlide .bd ul li {
	float: left;
	_display: inline;
	overflow: hidden;
	width: 755px;
	height: 336px;
	margin: 0 122.5px;
	padding-top: 30px;
	background: url(../img/book.png) no-repeat right top, url(../img/person.png) no-repeat left bottom #FFFFFF;
	-webkit-box-shadow: 2px 2px 15px #CCCCCC;
	-moz-box-shadow: 2px 2px 15px #CCCCCC;
	box-shadow: 2px 2px 15px #CCCCCC;
}

.docSlide p {
	color: #666666;
	line-height: 24px;
	padding: 0 77px 20px;
}

.docSlide .part1 {
	height: 184px;
}

.docSlide .part2 {
	background-color: #778FFF;
	opacity: .8;
	color: #FFFFFF;
	line-height: 24px;
	padding: 20px 77px;
	height: 112px;
}

.docSlide .part2 a {
	width: 108px;
	height: 30px;
	color: #788FFF;
	background-color: #FFFFFF;
	display: block;
	line-height: 30px;
	text-align: center;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	text-decoration: none;
	margin-top: 10px;
}

.docSlide .part2 a:hover {
	opacity: .8;
}
.caseList{ height:420PX; overflow:hidden;}
.caseList .item {
	width: 150px;
	height: 390px;
	background-color: #F3F3F3;
	margin-right: 10px;
	float: left;
}

.caseList .last {
	margin-right: 0;
}

.hoverShow {
	display: none;
	position: relative;
}

.normalShow {
	display: block;
}

.caseList .active {
	width: 360px;
}

.caseList .active .normalShow {
	display: none;
}

.caseList .active .hoverShow {
	display: block;
}

.caseList h3 {
	height: 100px;
	color: #FFFFFF;
	font-size: 18px;
	line-height: 30px;
	display: table-cell;
	vertical-align: middle;
	background: #009966\9;
	background: -webkit-linear-gradient(left, #009966, #66CC33);
	background: -moz-linear-gradient(left, #009966, #66CC33);
	background: -ms-linear-gradient(left, #009966, #66CC33);
	background: -o-linear-gradient(left, #009966, #66CC33);
	background: linear-gradient(left, #009966, #66CC33);
	text-align: center;
}

.caseList .active h3 {
	width: 360px;
}

.normalShow h3 {
	width: 150px;
}

.normalShow p {
	font-size: 18px;
	color: #666666;
	text-align: center;
	margin-top: 104px;
}

.normalShow img {
	margin: 90px auto 0;
}

.hoverShow p {
	color: #666666;
	line-height: 30px;
	font-size: 16px;
}

.hoverShow span {
	color: #333333;
}

.hoverShow div {
	padding: 30px 0 30px 100px;
	height: 230px;
	width: 260px;
}

.hoverShow a {
	display: block;
	width: 132px;
	height: 34px;
	border: 1px solid #333333;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
	margin: 0 auto;
	text-align: center;
	line-height: 34px;
	cursor: pointer;
	position: absolute;
	bottom: 40px;
	left: 50%;
	margin-left: -67px;
}

.hoverShow a:hover {
	color: #FFFFFF;
	background-color: #333333;
}