/*c_nav*/
.c_nav,
.c_title,
.c_net,
.c_ee,
.c_salary, .c_canvas {
	min-width: 1102px;
	overflow: hidden;
}
.c_nav .c_link {
	width: 1102px;
	text-align: right;
	margin: 0 auto;
	height: 50px;
}

.c_nav {
	margin: 0 auto;
	padding: 10px 0;
	height: 50px;
	background:  no-repeat;
	background-size: 100% 100%;
	box-sizing: border-box;
}

.c_nav span,
.c_nav a {
	color: #029ad3;
	font-size: 14px;
}

.c_nav span {
	font-size: 18px;
}

.c_nav a {
	border: 1px solid #029ad3;
	text-decoration: none;
	margin-top: 100px;
	padding: 7px 14px;
	border-radius: 5px;
}

/***************navgation***************/

.h5online-top {
	height: 60px;
	background: #333d49;
	text-align: center;
	width: 100%;
}

.h5online-wrap-content {
	width: 1120px;
	margin: 0 auto;
	text-align: left;
	position: relative;
}

a:focus,
a:hover {
	text-decoration: none;
	color: #1c7ec1;
}

h1.com-logo {
	background: url(/uploads/image/patdimg/logo.png) 0 center no-repeat;
	width: 172px;
	height: 60px;
	font-size: 0;
	color: #e34f27;
	text-indent: -10000px;
	float: left;
}

.h5online-top ul {
	float: left;
	margin-left: 15px;
	height: 60px;
}

.h5online-top ul li {
	float: left;
	font-size: 16px;
	background: url(/uploads/image/patdimg/nav_list_left.png) left 0 no-repeat;
	padding-left: 16px;
}

.h5online-top ul li a {
	color: #fff;
	background: url(/uploads/image/patdimg/nav_list_right.png) right 0 no-repeat #ffffff;
	line-height: 60px;
	height: 60px;
	display: block;
	padding: 0 20px;
	padding-right: 36px;
}

.home-link {
	float: right;
	background: url(/uploads/image/patdimg/icon_home.png) left center no-repeat;
	padding-left: 36px;
	line-height: 60px;
	color: #fff;
	font-size: 15px;
}

.study {
	float: left;
	padding-left: 40px;
	line-height: 60px;
	color: #fff;
	font-size: 18px;
}


/*.h5online-top .dt{width:103px;}*/

.p-nav {
	width: 1000px;
	margin: 0 auto;
}

.p-nav>.sidebar {
	position: fixed;
	top: 400px;
	margin-left: 1054px;
	z-index: 99999;
	font-size: 25px;
	display: none;
}


/***************banner***************/

.banner {
	height: 809px;
	max-width: 1920px;
	min-width: 1084px;
	background: #020608 url(/uploads/image/patdibanner/banner_bg.jpg);
	overflow: hidden;
	position: relative;
}

.middle_con {
	width: 1084px;
	height: 100%;
	margin: 0 auto;
	text-align: center;
}

.banner_title {
	position: relative;
	left: -206px;
}

.choices {
	width: 610px;
	position: absolute;
	bottom: 45px;
	left: 50%;
	margin-left: -310px;
	overflow: hidden;
}

.choices>a {
	float: left;
	margin: 0 25px;
}


/*共用按钮过白光按钮效果*/

@-webkit-keyframes lighteffect {
	from {
		left: -20%;
	}
	to {
		left: 120%;
	}
}

@keyframes lighteffect {
	from {
		left: -20%;
	}
	to {
		left: 120%;
	}
}

.btn_flash {
	position: relative;
	display: inline-block;
	border-radius: 30px;
	overflow: hidden;
	-webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
}

.btn_flash:before {
	content: "";
	position: absolute;
	width: 20%;
	height: 90%;
	top: 5%;
	left: -10%;
	overflow: hidden;
	opacity: 0.7;
	filter: alpha(opacity=70);
	/*border-bottom-right-radius: 20px;*/
	background: -moz-linear-gradient(left, rgba(255, 255, 255, .1) 0, rgba(255, 255, 255, .4) 50%, rgba(255, 255, 255, .1) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, .1)), color-stop(50%, rgba(255, 255, 255, .4)), color-stop(100%, rgba(255, 255, 255, .1)));
	background: -webkit-linear-gradient(left, rgba(255, 255, 255, .1) 0, rgba(255, 255, 255, .4) 50%, rgba(255, 255, 255, .1) 100%);
	background: -o-linear-gradient(left, rgba(255, 255, 255, .1) 0, rgba(255, 255, 255, .4) 50%, rgba(255, 255, 255, .1) 100%);
	-webkit-transform: skewx(45deg);
	-moz-transform: skewx(45deg);
	-ms-transform: skewx(45deg);
	transform: skewx(45deg);
	-webkit-animation: lighteffect 2s infinite both;
	animation: lighteffect 2s infinite both;
}


/***************part1***************/

.part1 {
	height: 1304px;
	max-width: 1920px;
	min-width: 1084px;
	background: url(/uploads/image/patdipart1/bg_part1.jpg) no-repeat;
}

.part1_title {
	padding-top: 30px;
}

.market_intro {
	padding-top: 53px;
	padding-bottom: 40px;
	text-align: left;
	letter-spacing: .8px;
}

.text_highlight {
	color: #01effe;
	font-weight: normal;
}

.text_highlight_large {
	color: #01effe;
	font-weight: normal;
	font-size: 20px;
}

.text_normal {
	color: #9a9b9c;
	font-size: 18px;
	line-height: 28px;
	font-family: 'microsoft yahei', verdana, arial, helvetica, sans-serif;
}

.jobs {
	position: relative;
	height: 747px;
	background: url(/uploads/image/patdipart1/jobs_figure.png) center center no-repeat;
	-webkit-animation: bouncein 1s .5s linear both;
	animation: bouncein 1s .5s linear both;
}

.rotatering {
	position: absolute;
	left: 0;
	right: 0;
	top: 250px;
	margin: 0 auto;
	-webkit-animation: rotate 5s infinite linear;
	animation: rotate 5s infinite linear;
}

@keyframes rotate {
	from {
		-webkit-transform: rotate(0);
		-ms-transform: rotate(0);
		transform: rotate(0);
	}
	to {
		-webkit-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@-webkit-keyframes rotate {
	from {
		-webkit-transform: rotate(0);
		-ms-transform: rotate(0);
		transform: rotate(0);
	}
	to {
		-webkit-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

.job_logo {
	position: absolute;
}

.job_logo:hover {
	-webkit-animation: rotate 1s linear;
	animation: rotate 1s linear;
}

.job1 {
	left: 486px;
	top: 75px;
}

.job2 {
	left: 310px;
	top: 152px;
}

.job3 {
	left: 235px;
	top: 330px;
}

.job4 {
	left: 310px;
	top: 506px;
}

.job5 {
	left: 486px;
	top: 580px;
}

.job6 {
	right: 317px;
	top: 506px;
}

.job7 {
	left: 737px;
	top: 330px;
}

.job8 {
	right: 317px;
	top: 152px;
}

.job_title {
	position: absolute;
	padding: 12px 10px;
	font-size: 21px;
	min-width: 180px;
	text-align: center;
	font-size: 20px;
	border: 1px solid #e5e1f0;
	color: white;
}

.jobname1 {
	left: 433px;
	top: 0;
}

.jobname2 {
	left: 97px;
	top: 97px;
}

.jobname3 {
	left: 10px;
	top: 352px;
}

.jobname4 {
	left: 97px;
	top: 607px;
}

.jobname5 {
	left: 433px;
	top: 700px;
}

.jobname6 {
	left: 772px;
	top: 607px;
}

.jobname7 {
	right: 10px;
	top: 352px;
}

.jobname8 {
	left: 772px;
	top: 97px;
}

.part1_bottom {
	padding: 70px 0;
}


/***************part2***************/

.part2 {
	height: 984px;
	max-width: 1920px;
	min-width: 1084px;
	background: url(/uploads/image/patdipart2/bg_part2.jpg);
}

.part2_con {
	padding-top: 81px;
}

.advantages {
	width: 840px;
	margin: 0 auto;
	overflow: hidden;
}

.advantages>li {
	overflow: hidden;
}

.linespace {
	margin-top: 24px;
	margin-bottom: 24px;
}

.iconleft {
	display: inline-block;
	width: 117px;
	height: 117px;
	margin-right: 25px;
}

.icon_item1 {
	background: url(/uploads/image/patdipart2/icon1_part2.png);
}

.icon_item1:hover {
	background: url(/uploads/image/patdipart2/icon1_part2_hover.png);
}

.icon_item2 {
	background: url(/uploads/image/patdipart2/icon2_part2.png);
}

.icon_item2:hover {
	background: url(/uploads/image/patdipart2/icon2_part2_hover.png);
}

.icon_item3 {
	background: url(/uploads/image/patdipart2/icon3_part2.png);
}

.icon_item3:hover {
	background: url(/uploads/image/patdipart2/icon3_part2_hover.png);
}

.destext {
	float: right;
	width: 690px;
	padding-top: 46px;
	padding-bottom: 46px;
	text-align: left;
}

.part2_bottom {
	padding: 70px 0 80px;
}


/*流星动画*/

.meteor {
	position: absolute;
}

.meteor1 {
	-webkit-transform: translate(1000px, -200px);
	-ms-transform: translate(1000px, -200px);
	transform: translate(1000px, -200px);
	-webkit-animation: move1 2s .5s infinite backwards;
	animation: move1 2s .5s infinite backwards;
}

@-webkit-keyframes move1 {
	from {
		-webkit-transform: translate(1000px, -200px);
		-ms-transform: translate(1000px, -200px);
		transform: translate(1000px, -200px);
	}
	to {
		-webkit-transform: translate(-100%, 150px);
		-ms-transform: translate(-100%, 150px);
		transform: translate(-100%, 150px);
	}
}

@keyframes move1 {
	from {
		-webkit-transform: translate(1000px, -200px);
		-ms-transform: translate(1000px, -200px);
		transform: translate(1000px, -200px);
	}
	to {
		-webkit-transform: translate(-100%, 150px);
		-ms-transform: translate(-100%, 150px);
		transform: translate(-100%, 150px);
	}
}

.meteor3 {
	-webkit-transform: translate(800px, -200px);
	-ms-transform: translate(800px, -200px);
	transform: translate(800px, -200px);
	-webkit-animation: move3 3s 1.5s infinite both;
	animation: move3 3s 1.5s infinite both;
}

@-webkit-keyframes move3 {
	from {
		-webkit-transform: translate(800px, -200px);
		-ms-transform: translate(800px, -200px);
		transform: translate(800px, -200px);
	}
	to {
		-webkit-transform: translate(-200px, 500px);
		-ms-transform: translate(-200px, 500px);
		transform: translate(-200px, 500px);
	}
}

@keyframes move3 {
	from {
		-webkit-transform: translate(800px, -200px);
		-ms-transform: translate(800px, -200px);
		transform: translate(800px, -200px);
	}
	to {
		-webkit-transform: translate(-200px, 500px);
		-ms-transform: translate(-200px, 500px);
		transform: translate(-200px, 500px);
	}
}

.meteor4 {
	-webkit-transform: translate(1500px, -100px);
	transform: translate(1500px, -100px);
	-ms-transform: translate(1500px, -100px);
	-webkit-animation: move4 1.5s 1s infinite both;
	animation: move4 1.5s 1s infinite both;
}

@-webkit-keyframes move4 {
	from {
		-webkit-transform: translate(1500px, -100px);
		transform: translate(1500px, -100px);
		opacity: 1;
		filter: alpha(opacity=100);
	}
	to {
		-webkit-transform: translate(300px, 500px);
		transform: translate(300px, 500px);
		opacity: 0;
		filter: alpha(opacity=0);
	}
}

@keyframes move4 {
	from {
		-webkit-transform: translate(1500px, -100px);
		transform: translate(1500px, -100px);
		opacity: 1;
		filter: alpha(opacity=100);
	}
	to {
		-webkit-transform: translate(300px, 500px);
		transform: translate(300px, 500px);
		opacity: 0;
		filter: alpha(opacity=0);
	}
}

.meteor5 {
	-webkit-transform: translate(2000px, 200px);
	-ms-transform: translate(2000px, 100px);
	transform: translate(2000px, 100px);
	-webkit-animation: move5 2s 1s infinite both;
	animation: move5 2s 1s infinite both;
}

@-webkit-keyframes move5 {
	from {
		-webkit-transform: translate(2000px, 200px);
		transform: translate(2000px, 100px);
		opacity: 1;
		filter: alpha(opacity=100);
	}
	to {
		-webkit-transform: translate(800px, 600px);
		transform: translate(800px, 600px);
		opacity: 0;
		filter: alpha(opacity=0);
	}
}

@keyframes move5 {
	from {
		-webkit-transform: translate(2000px, 200px);
		transform: translate(2000px, 100px);
		opacity: 1;
		filter: alpha(opacity=100);
	}
	to {
		-webkit-transform: translate(800px, 600px);
		transform: translate(800px, 600px);
		opacity: 0;
		filter: alpha(opacity=0);
	}
}

.meteor6 {
	-webkit-transform: translate(2000px, 200px);
	-ms-transform: translate(2000px, 200px);
	transform: translate(2000px, 200px);
	-webkit-animation: move6 3s .5s infinite both;
	animation: move6 3s .5s infinite both;
}

@-webkit-keyframes move6 {
	from {
		-webkit-transform: translate(2000px, 200px);
		transform: translate(2000px, 200px);
		opacity: 1;
		filter: alpha(opacity=100);
	}
	to {
		-webkit-transform: translate(200px, 600px);
		transform: translate(200px, 600px);
		opacity: 0;
		filter: alpha(opacity=0);
	}
}

@keyframes move6 {
	from {
		-webkit-transform: translate(2000px, 200px);
		transform: translate(2000px, 200px);
		opacity: 1;
		filter: alpha(opacity=100);
	}
	to {
		-webkit-transform: translate(200px, 600px);
		transform: translate(200px, 600px);
		opacity: 0;
		filter: alpha(opacity=0);
	}
}

.meteor7 {
	-webkit-transform: translate(1000px, -200px);
	-ms-transform: translate(1000px, -200px);
	transform: translate(1000px, -200px);
	-webkit-animation: move7 2s 2s infinite both;
	animation: move7 2s 2s infinite both;
}

@-webkit-keyframes move7 {
	from {
		-webkit-transform: translate(1000px, -200px);
		transform: translate(1000px, -200px);
	}
	to {
		-webkit-transform: translate(-200px, 600px);
		transform: translate(-200px, 600px);
	}
}

@keyframes move7 {
	from {
		-webkit-transform: translate(1000px, -200px);
		transform: translate(1000px, -200px);
	}
	to {
		-webkit-transform: translate(-200px, 600px);
		transform: translate(-200px, 600px);
	}
}

.meteor8 {
	-webkit-transform: translate(2000px, -250px);
	-ms-transform: translate(2000px, 100px);
	transform: translate(2000px, 100px);
	-webkit-animation: move8 2s 1s infinite both;
	animation: move8 2s 1s infinite both;
}

@-webkit-keyframes move8 {
	from {
		-webkit-transform: translate(2000px, 100px);
		transform: translate(2000px, 100px);
		opacity: 1;
		filter: alpha(opacity=100);
	}
	to {
		-webkit-transform: translate(800px, 600px);
		transform: translate(800px, 600px);
		opacity: 0;
		filter: alpha(opacity=0);
	}
}

@keyframes move8 {
	from {
		-webkit-transform: translate(2000px, 100px);
		transform: translate(2000px, 100px);
		opacity: 1;
		filter: alpha(opacity=100);
	}
	to {
		-webkit-transform: translate(800px, 600px);
		transform: translate(800px, 600px);
		opacity: 0;
		filter: alpha(opacity=0);
	}
}

.meteor9 {
	-webkit-transform: translate(2000px, -200px);
	-ms-transform: translate(2000px, 200px);
	transform: translate(2000px, 200px);
	-webkit-animation: move9 2s 2s infinite both;
	animation: move9 2s 2s infinite both;
}

@-webkit-keyframes move9 {
	from {
		-webkit-transform: translate(2000px, 200px);
		-ms-transform: translate(2000px, 200px);
		transform: translate(2000px, 200px);
		opacity: 1;
		filter: alpha(opacity=100);
	}
	to {
		-webkit-transform: translate(600px, 600px);
		-ms-transform: translate(600px, 600px);
		transform: translate(600px, 600px);
		opacity: 0;
		filter: alpha(opacity=0);
	}
}

@keyframes move9 {
	from {
		-webkit-transform: translate(2000px, 200px);
		-ms-transform: translate(2000px, 200px);
		transform: translate(2000px, 200px);
		opacity: 1;
		filter: alpha(opacity=100);
	}
	to {
		-webkit-transform: translate(600px, 600px);
		-ms-transform: translate(600px, 600px);
		transform: translate(600px, 600px);
		opacity: 0;
		filter: alpha(opacity=0);
	}
}


/*唯一*/

.fsole {
	width: 100%;
	min-width: 1084px;
	height: 1100px;
	background: #0b2043 url(/uploads/image/patdimg/fpay_tab_bg.png);
	overflow: hidden;
}

.fsoler {
	width: 1084px;
	margin: 0 auto;
}

.fsoler .fpay_subtitle {
	letter-spacing: 1px;
}

.fsole_list {
	margin-top: 20px;
}

.fsole_item {
	float: left;
	width: 305px;
	margin-right: 84px;
	text-align: center;
}

.fsole_item:nth-child(3) {
	margin-right: 0;
}

.fsole_item>img {
	display: block;
	width: 122px;
	height: 122px;
	margin: 0px auto 36px;
}

.fsole_item>img:hover {
	-webkit-animation: scaling 1s infinite linear;
	animation: scaling 1s infinite linear;
}

@-webkit-keyframes scaling {
	0% {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}
	25% {
		-webkit-transform: scale(1.05);
		-ms-transform: scale(1.05);
		transform: scale(1.05);
	}
	50% {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}
	75% {
		-webkit-transform: scale(0.95);
		-ms-transform: scale(0.95);
		transform: scale(0.95);
	}
	100% {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}
}

@keyframes scaling {
	0% {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}
	25% {
		-webkit-transform: scale(1.05);
		-ms-transform: scale(1.05);
		transform: scale(1.05);
	}
	50% {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}
	75% {
		-webkit-transform: scale(0.95);
		-ms-transform: scale(0.95);
		transform: scale(0.95);
	}
	100% {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}
}

.fsole_item>span {
	color: #fecb01;
	font-size: 20px;
	letter-spacing: 2px;
}

.fsole_item>span:before {
	content: " ";
	display: inline-block;
	width: 12px;
	height: 12px;
	border-radius: 6px;
	background-color: #fecb01;
	vertical-align: middle;
	margin-right: 10px;
}

.fsole_item>p {
	font-size: 18px;
	color: #c7c7c7;
	text-align: left;
	line-height: 28px;
	margin-top: 20px;
}

.fbanner {
	margin-top: 55px;
	width: 1084px;
	background-color: #022865;
	padding-top: 20px;
	overflow: hidden;
}

.fbanner_list {
	background-color: white;
	width: 9999px;
	position: relative;
	left: 0px;
}

.fbanner_list>li {
	float: left;
	height: 295px;
	width: 1084px;
}

.fbanner_list>li:nth-child(1) {
	background: url(/uploads/image/patdimg/fsole_swiper1.jpg) no-repeat center center;
}

.fbanner_list>li:nth-child(2) {
	background: url(/uploads/image/patdimg/fsole_swiper2.jpg) no-repeat center center;
}

.fbanner_list>li:nth-child(3) {
	background: url(/uploads/image/patdimg/fsole_swiper3.jpg) no-repeat center center;
}

.fbanner_list>li:nth-child(4) {
	background: url(/uploads/image/patdimg/fsole_swiper1.jpg) no-repeat center center;
}

.fbanner_dot {
	height: 25px;
	text-align: center;
}

.fbanner_dot>li {
	display: inline-block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background-color: #d3d3d3;
	opacity: 0.2;
	vertical-align: middle;
}

.fbanner_dot>.fbanner_dot_active {
	opacity: 1;
}

.fsole_btn {
	text-align: center;
	margin-top: 50px;
}


/*老师团队*/

.fteach {
	width: 100%;
	min-width: 1084px;
	height: 1271px;
	background: #460000 url(/uploads/image/patdimg/fpay_tab_bg.png);
	overflow: hidden;
}

.fteacher {
	width: 1084px;
	margin: 0 auto;
}

.fteacher .fpay_subtitle {
	font-size: 19px;
	letter-spacing: 1px;
}

.fteach_info_title {
	color: #fecb01;
	font-size: 30px;
	padding-bottom: 10px;
}

.fteach_info {
	margin-top: 88px;
}

.fteach_btn {
	text-align: center;
	margin-top: 90px;
}


/*老师轮播图*/

.box {
	position: relative;
	margin: 0 auto;
}

.box ul {
	width: 1084px;
	height: 539px;
	overflow: hidden;
	position: absolute;
}

.box ul li {
	position: absolute;
	top: 0;
	left: 0;
	list-style: none;
	box-shadow: 0 0 30px 0px rgba(0, 0, 0, 0.5);
}

.box ul li img {
	border: none;
	vertical-align: top;
	width: 100%;
}


/*课程大纲*/

.fcourse {
	width: 100%;
	min-width: 1084px;
	height: 1135px;
	background: url(/uploads/image/patdimg/fcourse_bg.jpg) no-repeat;
	background-position: center;
	overflow: hidden;
}

.fcourser {
	width: 1084px;
	margin: 0 auto;
}

.fcourser>.fpay_line {
	width: 666px !important;
}

.fcourser .fpay_subtitle {
	letter-spacing: 8px !important;
}

.fcourse_list {
	margin-top: 47px;
}

.fcourse_item {
	float: left;
	width: 254px;
	height: 568px;
	border: 2px solid #022865;
	margin-right: 17px;
	position: relative;
	padding: 0 20px;
	box-sizing: border-box;
	cursor: pointer;
}


/*hover*/

.fcourse_item:hover {
	border: 2px solid #fecb01;
}

.fcourse_item:hover>.fcourse_item_title {
	background-color: #fecb01;
	color: rgba(2, 40, 101, 0.8);
}

.fcourse_item:hover>.fcourse_item_big {
	color: #fff;
}

.fcourse_item:hover>.fcourse_item_small {
	color: #fff;
}


/*hover*/

.fcourse_item:nth-child(1) {
	padding-top: 70px;
}

.fcourse_item:nth-child(2) {
	padding-top: 12px;
}

.fcourse_item:nth-child(3) {
	padding-top: 60px;
}

.fcourse_item:nth-child(4) {
	padding-top: 80px;
	margin-right: 0;
}

.fcourse_item_title {
	width: 100%;
	height: 44px;
	background-color: #022865;
	position: absolute;
	left: 0;
	bottom: 0;
	font-size: 18px;
	line-height: 44px;
	color: rgba(249, 249, 249, 0.8);
	text-align: center;
}

.fcourse_item_big {
	color: #30c5ce;
	font-size: 18px;
	line-height: 30px;
}

.fcourse_item_small {
	color: #787878;
	font-size: 16px;
	line-height: 30px;
	margin-bottom: 20px;
}

.fcourse_btn {
	text-align: center;
	margin-top: 64px;
}


/*涨薪模块*/

.fpay {
	width: 100%;
	min-width: 1084px;
	height: 1634px;
	background: url(/uploads/image/patdimg/fpay_bg.jpg) no-repeat;
	background-position: center;
	overflow: hidden;
}

.fpayer {
	width: 1084px;
	margin: 0 auto;
}

.fpay_title {
	text-align: center;
	padding-top: 92px;
	padding-bottom: 15px;
}

.fpay_line {
	width: 743px;
	height: 2px;
	background-color: #c7c7c7;
	margin: 0 auto;
	opacity: 0.5;
}

.fpay_subtitle {
	color: #c7c7c7;
	font-size: 25px;
	text-align: center;
	padding-top: 20px;
	letter-spacing: 10px;
	padding-bottom: 60px;
}

.fpay_content {
	color: #c7c7c7;
	font-size: 18px;
	line-height: 28px;
	letter-spacing: 1px;
}

.fpay_lvls {
	margin-top: 57px;
}

.fpay_lvl {
	width: 252px;
	height: 58px;
	border: 2px solid #f3bd20;
	float: left;
	margin-right: 20px;
	font-size: 26px;
	text-align: center;
	line-height: 58px;
	color: #f3bd20;
	letter-spacing: 4px;
}

.fpay_lvl:nth-child(4) {
	margin-right: 0px;
}

.fpay_tab {
	height: 734px;
	border: 2px solid #01378e;
	margin-top: 20px;
	margin-bottom: 64px;
	padding: 0 40px;
	background: url(/uploads/image/patdimg/fpay_tab_bg.png);
}

.fpay_tab_title {
	text-align: center;
	color: #fff;
	font-size: 26px;
	padding: 28px 0;
}

.fpay_tab_line {
	border-top: 2px solid #01378e;
	text-align: center;
	line-height: 0px;
}

.fpay_tab_left {
	float: left;
	width: 705px;
}

.fpay_tab_subtitle {
	font-size: 20px;
	color: #01effe;
	margin-top: 20px;
}

.fpay_tab_subtitle:before {
	content: "";
	display: inline-block;
	width: 10px;
	height: 26px;
	background: url(/uploads/image/patdimg/fpay_subtitle_left.png) no-repeat;
	vertical-align: bottom;
	padding-right: 2px;
}

.fpay_tab_subtitle:after {
	content: "";
	display: inline-block;
	width: 10px;
	height: 26px;
	background: url(/uploads/image/patdimg/fpay_subtitle_right.png) no-repeat;
	vertical-align: bottom;
	padding-left: 2px;
}

.fpay_tab_content {
	font-size: 16px;
	color: #c7c7c7;
	line-height: 30px;
	padding-top: 20px;
}

.fpay_tab_result {
	padding-top: 20px;
}

.fpay_tab_right {
	float: right;
	width: 263px;
	height: 572px;
	background-color: rgba(1, 55, 142, 0.4);
	margin-top: 24px;
}

.fpay_right_title {
	font-size: 22px;
	line-height: 22px;
	color: #ffffff;
	text-align: center;
	padding-top: 65px;
}

.fpay_right_title:nth-child(1) {
	padding-top: 45px;
}

.fpay_right_money {
	font-size: 30px;
	line-height: 30px;
	color: #f65f21;
	text-align: center;
	padding-top: 17px;
}

.fpay_right_line {
	height: 3px;
	background: url(/uploads/image/patdimg/fpay_line.png) no-repeat;
	margin-top: 62px;
}

.fpay_right_star {
	text-align: center;
	margin-top: 17px;
}

.fpay_btn {
	text-align: center;
	padding-top: 55px;
}


/*尝试模块*/

.ftry {
	width: 100%;
	min-width: 1084px;
	height: 447px;
	background: url(/uploads/image/patdimg/ftry_bg.jpg) no-repeat;
	background-position: center;
	overflow: hidden;
}

.ftryer {
	width: 1084px;
	margin: 0 auto;
}

.ftry_title {
	text-align: center;
	padding-top: 57px;
	padding-bottom: 75px;
}

.ftry_content {
	font-size: 18px;
	line-height: 28px;
	color: #c7c7c7;
	letter-spacing: 1px;
}

.ftry_btn {
	text-align: center;
	padding-top: 57px;
}


/*问题模块*/

.fquestion {
	width: 100%;
	min-width: 1084px;
	height: 394px;
	background: url(/uploads/image/patdimg/fbottom_bg.jpg) no-repeat;
	background-position: center;
	overflow: hidden;
}

.fquestioner {
	width: 1084px;
	margin: 0 auto;
}

.fquestioner>ul {
	padding-top: 75px;
}

.fq_item {
	float: left;
	width: 220px;
	margin: 0 25.5px;
}

.fq_item:hover>.fq_item_title {
	border: 2px dotted #fecb01;
}

.fq_item_img {
	text-align: center;
	width: 227px;
	height: 127px;
}

.fq_item:nth-child(1)>.fq_item_img {
	background: url(/uploads/image/patdimg/fbottom1.png) no-repeat;
	background-position: center center;
}

.fq_item:nth-child(1):hover>.fq_item_img {
	background: url(/uploads/image/patdimg/fbottom1_select.png) no-repeat;
	background-position: center center;
}

.fq_item:nth-child(2)>.fq_item_img {
	background: url(/uploads/image/patdimg/fbottom2.png) no-repeat;
	background-position: center center;
}

.fq_item:nth-child(2):hover>.fq_item_img {
	background: url(/uploads/image/patdimg/fbottom2_select.png) no-repeat;
	background-position: center center;
}

.fq_item:nth-child(3)>.fq_item_img {
	background: url(/uploads/image/patdimg/fbottom3.png) no-repeat;
	background-position: center center;
}

.fq_item:nth-child(3):hover>.fq_item_img {
	background: url(/uploads/image/patdimg/fbottom3_select.png) no-repeat;
	background-position: center center;
}

.fq_item:nth-child(4)>.fq_item_img {
	background: url(/uploads/image/patdimg/fbottom4.png) no-repeat;
	background-position: center center;
}

.fq_item:nth-child(4):hover>.fq_item_img {
	background: url(/uploads/image/patdimg/fbottom4_select.png) no-repeat;
	background-position: center center;
}

.fq_item_title {
	color: #c7c7c7;
	font-size: 16px;
	padding: 0 20px;
	border: 2px dotted #1c8991;
	margin-top: 25px;
	height: 75px;
	box-sizing: border-box;
	line-height: 28px;
}

.fq_item:nth-child(1)>.fq_item_title,
.fq_item:nth-child(4)>.fq_item_title {
	line-height: 75px;
	text-align: center;
}

.fq_item:nth-child(2)>.fq_item_title,
.fq_item:nth-child(3)>.fq_item_title {
	padding-top: 8px;
}


/*公共样式*/

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}

.clearfix {
	* height: 1%;
}

.vt {
	vertical-align: top;
}


/*弹窗*/
.themask{ width:100%; height:100%; background:#000;filter:alpha(opacity=35); -moz-opacity:0.35;opacity:0.35; position:fixed; left:0;top:0; z-index:19; display:none}
.thepop{ width:596px; height:323px; background:#fff;-moz-border-radius: 5px;  -webkit-border-radius: 5px; border-radius:5px; position:fixed; top:0; left:50%; margin-left:-298px; z-index:20; display:none;
}
.thepop .close{ background:url(/uploads/image/patdimg/thepop_close.png) 0 0 no-repeat; width:60px; height:54px; position:absolute; right:-21px;top:-21px; cursor:pointer}
.thepop .tit{ color:#007ee6; font-size:18px; text-align:center; line-height:123px; height:98px;}
.thepop .cont{ width:369px; margin:0 auto}
.thepop .cont li{ float:left; margin:0 12px; font-size:14px; color:#393f5b; text-align:center; width:99px;}
.thepop .cont li .thebg{ width:48px; height:48px; margin:0 auto}
.thepop .cont li .bg01{ background:url(/uploads/image/patdimg/thepop_cont_img01.png) 0 0 no-repeat}
.thepop .cont li .bg02{ background:url(/uploads/image/patdimg/thepop_cont_img04.png) 4px 0 no-repeat}
.thepop .cont li .bg03{ background:url(/uploads/image/patdimg/thepop_cont_img03.png) 0 0 no-repeat}
.thepop .cont li p{ line-height:40px;}
.thepop .cont li img{ display:block;}
.thepop h2{ color:#393f5b; font-size:18px; text-align:center; height:67px; line-height:53px; text-align:center;font-weight: normal;}
.thepop .thebtn{ position:absolute; width:126px; height:34px; text-align:center; line-height:34px; font-size:16px;}
.thepop .thebtn01{ background:url(/uploads/image/patdimg/thepop_thebth01.png) 0 0 no-repeat; left:148px; top:253px; color:#f0f2f7;}
.thepop .thebtn02{ background:url(/uploads/image/patdimg/thepop_thebth02.png) center 0 no-repeat; height:55px;left:317px; top:253px; color:#4f5362; cursor:pointer}


/*左侧悬浮*/
.ni_left{ position:fixed; left:0;top:50%; height:580px; margin-top:-278px; z-index:10;/*-webkit-box-shadow: 4px 3px 30px -5px #ebebeb; -moz-box-shadow: 4px 3px 30px -5px #ebebeb; box-shadow: 4px 3px 30px -5px #ebebeb*/}
.ni_left li{  background:#ffffff; font-size:13px; color:#4f5362;}
.ni_left li a{width:79px; height:83px; display:block; overflow:hidden;color: #4f5362;}
.ni_left li i{ font-size:24px; color:#00abf7; margin:24px auto 0; display:block; width:24px;}
.ni_left li p{ line-height:28px; text-align:center;}
.ni_left li:hover{ background:#00abf7}
.ni_left li:hover i{color:#ffffff;}
.ni_left li:hover a{color:#ffffff;}
.ni_left li.active{ background:#00abf7}
.ni_left li.active i{color:#ffffff;}
.ni_left li.active a{color:#ffffff;}

@media screen and (max-width: 1366px) 
{
.ni_left{ position:fixed; left:0;top:50%; height:475px; margin-top:-227px; z-index:10;/*-webkit-box-shadow: 4px 3px 30px -5px #ebebeb; -moz-box-shadow: 4px 3px 30px -5px #ebebeb; box-shadow: 4px 3px 30px -5px #ebebeb*/}
.ni_left li{  background:#ffffff; font-size:10px; color:#4f5362;}
.ni_left li a{width:65px; height:68px; display:block; overflow:hidden;}
.ni_left li i{ font-size:20px; color:#00abf7; margin:20px auto 0; display:block; width:20px;}
.ni_left li p{ line-height:23px; text-align:center;font-size:10px;}
.ni_left li:hover{ background:#00abf7}
.ni_left li:hover i{color:#ffffff;}
.ni_left li:hover a{color:#ffffff;}
.ni_left li.active{ background:#00abf7}
.ni_left li.active i{color:#ffffff;}
.ni_left li.active i.i01{&#xe604}
.ni_left li.active a{color:#ffffff;}


}