@charset "UTF-8";
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td {
	margin: 0;
	padding: 0;
	font-size: 14px;
}

body {
	overflow-x: hidden;
}

.bubbly-button {
	font-family: "Helvetica", "Arial", sans-serif;
	display: block;
	width: 300px;
	height: 70px;
	font-size: 20px;
	line-height: 70px;
	-webkit-appearance: none;
	appearance: none;
	background-color: #00b77a;
	color: #fff;
	border-radius: 0px;
	text-align: center;
	border: none;
	cursor: pointer;
	position: relative;
	z-index: 100;
	transition: transform ease-in 0.1s, box-shadow ease-in 0.25s;
	margin: 0 auto;
}

.bubbly-button:focus {
	outline: 0;
}

.bubbly-button:before,
.bubbly-button:after {
	position: absolute;
	content: "";
	display: block;
	width: 140%;
	height: 100%;
	left: -20%;
	z-index: -1000;
	transition: all ease-in-out 0.5s;
	background-repeat: no-repeat;
}

.bubbly-button:before {
	display: none;
	top: -75%;
	background-image: radial-gradient(circle, #ffcd06 20%, transparent 20%), radial-gradient(circle, transparent 20%, #ffcd06 20%, transparent 30%),
		radial-gradient(circle, #ffcd06 20%, transparent 20%), radial-gradient(circle, #ffcd06 20%, transparent 20%),
		radial-gradient(circle, transparent 10%, #ffcd06 15%, transparent 20%), radial-gradient(circle, #ffcd06 20%, transparent 20%),
		radial-gradient(circle, #ffcd06 20%, transparent 20%), radial-gradient(circle, #ffcd06 20%, transparent 20%),
		radial-gradient(circle, #ffcd06 20%, transparent 20%);
	background-size: 10% 10%, 20% 20%, 15% 15%, 20% 20%, 18% 18%, 10% 10%, 15% 15%, 10% 10%, 18% 18%;
}

.bubbly-button:after {
	display: none;
	bottom: -75%;
	background-image: radial-gradient(circle, #ffcd06 20%, transparent 20%), radial-gradient(circle, #ffcd06 20%, transparent 20%),
		radial-gradient(circle, transparent 10%, #ffcd06 15%, transparent 20%), radial-gradient(circle, #ffcd06 20%, transparent 20%),
		radial-gradient(circle, #ffcd06 20%, transparent 20%), radial-gradient(circle, #ffcd06 20%, transparent 20%),
		radial-gradient(circle, #ffcd06 20%, transparent 20%);
	background-size: 15% 15%, 20% 20%, 18% 18%, 20% 20%, 15% 15%, 10% 10%, 20% 20%;
}

.bubbly-button:active {
	transform: scale(0.9);
	background-color: #00b77a;
	box-shadow: 0 2px 25px rgba(255, 0, 130, 0.2);
}

.bubbly-button:hover:before {
	display: block;
	animation: topBubbles ease-in-out 0.75s forwards;
}

.bubbly-button:hover:after {
	display: block;
	animation: bottomBubbles ease-in-out 0.75s forwards;
}

@keyframes topBubbles {
	0% {
		background-position: 5% 90%, 10% 90%, 10% 90%, 15% 90%, 25% 90%, 25% 90%, 40% 90%, 55% 90%, 70% 90%;
	}
	50% {
		background-position: 0% 80%, 0% 20%, 10% 40%, 20% 0%, 30% 30%, 22% 50%, 50% 50%, 65% 20%, 90% 30%;
	}
	100% {
		background-position: 0% 70%, 0% 10%, 10% 30%, 20% -10%, 30% 20%, 22% 40%, 50% 40%, 65% 10%, 90% 20%;
		background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%;
	}
}
@keyframes bottomBubbles {
	0% {
		background-position: 10% -10%, 30% 10%, 55% -10%, 70% -10%, 85% -10%, 70% -10%, 70% 0%;
	}
	50% {
		background-position: 0% 80%, 20% 80%, 45% 60%, 60% 100%, 75% 70%, 95% 60%, 105% 0%;
	}
	100% {
		background-position: 0% 90%, 20% 90%, 45% 70%, 60% 110%, 75% 80%, 95% 70%, 110% 10%;
		background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%;
	}
}
.wrap {
	width: 1100px;
	min-width: 1100px;
	margin: 0 auto;
}

.banner {
	position: relative;
	height: 580px;
	box-sizing: border-box;
	min-width: 1100px;
}
.banner .swiper-container1 {
	overflow: hidden;
}
.banner .swiper-pagination-bullet {
	width: 15px;
	height: 15px;
	background: #fff;
	border-radius: 50%;
	opacity: 1;
}
.banner .swiper-pagination-bullet-active {
	background: #007aff;
}
.banner .swiper-container1,
.banner .swiper-wrapper,
.banner .swiper-slide {
	width: 100%;
	height: 100%;
}
.banner .swiper-paginat {
	position: absolute;
	width: 100%;
	text-align: center;
	bottom: 0px;
	height: 30px;
	z-index: 10;
	text-align: center;
}
.banner .swiper-paginat span.active {
	background-color: #008ced;
}
.banner .swiper-paginat span {
	background-color: #fff;
	width: 15px;
	height: 15px;
	display: inline-block;
	margin: 0 4px;
	border-radius: 50%;
}
.banner .banner_a01,
.banner .banner_a02,
.banner .banner_a03,
.banner .banner_a04 {
	display: block;
	height: 100%;
	background-repeat: repeat-x;
	background-size: auto 100%;
	background-position: center;
}
.banner .banner_a01 {
	background-image: url(https://img.mobiletrain.org/templates/mobiletrain/images/qf-2018-web2/banner1.jpg);
}
.banner .banner_a02 {
	background-image: url(https://img.mobiletrain.org/templates/mobiletrain/images/qf-2018-web2/banner2.jpg);
}
.banner .banner_a04 {
	background-image: url(https://img.mobiletrain.org/templates/mobiletrain/images/qf-2018-web2/banner4.jpg);
}

.biaoti {
	overflow: hidden;
	text-align: center;
}
.biaoti h2 {
	height: 110px;
	display: inline-block;
	font-size: 44px;
	color: #ffb800;
	text-align: center;
	font-weight: bold;
	margin-bottom: 45px;
	position: relative;
	box-sizing: border-box;
	min-width: 490px;
	padding: 22px 60px 0px;
}
.biaoti h2:before {
	content: "";
	display: block;
	position: absolute;
	width: 158px;
	height: 35px;
	background: url(https://img.mobiletrain.org/templates/mobiletrain/images/qf-2018-web2/biaoti_left.png) no-repeat center top;
	left: -160px;
	top: 50%;
	margin-top: -17px;
}
.biaoti h2:after {
	content: "";
	display: block;
	position: absolute;
	width: 158px;
	height: 35px;
	background: url(https://img.mobiletrain.org/templates/mobiletrain/images/qf-2018-web2/biaoti_right.png) no-repeat center top;
	right: -160px;
	top: 50%;
	margin-top: -17px;
}
.biaoti h2 i {
	position: absolute;
	color: rgba(6, 54, 172, 0.2);
	font-size: 52px;
	top: 0px;
	display: block;
	width: 100%;
	left: 0;
}
.biaoti h2 em {
	position: relative;
	z-index: 10;
}
.biaoti h2 span {
	display: block;
	font-size: 26px;
	font-weight: normal;
	padding-top: 5px;
	color: #fff;
}
.biaoti.white h2 {
	color: #0636ac;
}
.biaoti.white h2 span {
	font-size: 26px;
	color: #00b77a;
}
.biaoti.white h2 i {
	color: rgba(6, 54, 172, 0.1);
}
.biaoti.white h2 span a {
	font-weight: bold;
	color: #00b77a;
}

.c3 {
	min-width: 1100px;
	background-color: #f3f3f3;
	padding: 50px 0;
}
.c3 .biaoti.white h2 span {
	position: absolute;
	font-size: 26px;
	width: 800px;
	left: 50%;
	margin-left: -400px;
	bottom: -10px;
}

.c3_wrap {
	width: 1170px;
	margin: 0 auto;
	background: #fff;
	box-shadow: 0 20px 15px -7px rgba(200, 200, 200, 0.3);
}
.c3_wrap ul {
	width: 1100px;
	margin: 0 auto 30px;
	padding-top: 25px;
}
.c3_wrap ul li {
	width: 72px;
	height: 36px;
	text-align: center;
	line-height: 36px;
	border-radius: 5px;
	font-size: 18px;
	color: #333;
	border: 1px solid #bbb;
	margin: 0 19px 17px 0;
	float: left;
	cursor: pointer;
}
.c3_wrap ul li:nth-child(12) {
	margin-right: 0px;
}
.c3_wrap ul li.active {
	background: #396cd4;
	color: #fff;
}

.c3_main {
	width: 1100px;
	margin: 0 auto;
	height: 506px;
	overflow: hidden;
	position: relative;
}
.c3_main > table {
	position: absolute;
	top: 0px;
	left: 0px;
}
.c3_main > table td {
	height: 60px;
	border-top: 1px solid #e0e0e0;
}
.c3_main > table td:nth-child(1) span {
	display: block;
	color: #fff;
	width: 49px;
	height: 27px;
	text-align: center;
	line-height: 27px;
	font-size: 16px;
}
.c3_main > table td:nth-child(1) span.beijing {
	background: #d25060;
}
.c3_main > table td:nth-child(1) span.dalian {
	background: #3dbf96;
}
.c3_main > table td:nth-child(1) span.guangzhou {
	background: #46c2c3;
}
.c3_main > table td:nth-child(1) span.chengdu {
	background: #7e50d2;
}
.c3_main > table td:nth-child(1) span.changsha {
	background: #c89235;
}
.c3_main > table td:nth-child(1) span.haerbin {
	background: #5d7a9d;
}
.c3_main > table td:nth-child(1) span.nanjing {
	background: #5ba646;
}
.c3_main > table td:nth-child(1) span.hangzhou {
	background: #5087d2;
}
.c3_main > table td:nth-child(1) span.shanghai {
	background: #35b583;
}
.c3_main > table td:nth-child(1) span.shenzhen {
	background: #7f9941;
}
.c3_main > table td:nth-child(1) span.wuhan {
	background: #c08a54;
}
.c3_main > table td:nth-child(1) span.zhengzhou {
	background: #c447c6;
}
.c3_main > table td:nth-child(1) span.xian {
	background: #519c9b;
}
.c3_main > table td:nth-child(1) span.qingdao {
	background: #a5ac32;
}
.c3_main > table td:nth-child(1) span.chongqing {
	background: #4794b4;
}
.c3_main > table td:nth-child(1) span.taiyuan {
	background: #c52a7a;
}
.c3_main > table td:nth-child(1) span.shenyang {
	background: #da6546;
}
.c3_main > table td:nth-child(1) span.hefei {
	background: #03bf88;
}

.c3_main > table td:nth-child(2),
.c3_main > table td:nth-child(3) {
	font-size: 18px;
	color: #333;
}
.c3_main > table td:nth-child(4),
.c3_main > table td:nth-child(5) {
	font-size: 16px;
	color: #666;
}
.c3_main > table td:last-child a {
	font-size: 20px;
	font-weight: bold;
	color: #e13045;
}
.c3_main > table td:last-child a:hover {
	text-decoration: underline;
}

.c3_none {
	width: 1100px;
	padding-top: 75px;
	border-top: 1px solid #e0e0e0;
	display: none;
}
.c3_none .fl {
	margin-left: 60px;
	width: 490px;
}
.c3_none .fl img {
	display: block;
	margin: 0 auto;
}
.c3_none .fl h4 {
	font-size: 26px;
	color: #333;
	text-align: center;
}
.c3_none .fl h4 span {
	font-size: 18px;
	color: #666;
	display: block;
	padding-top: 15px;
}
.c3_none .fr {
	margin-right: 110px;
	width: 440px;
	padding-top: 10px;
}
.c3_none .fr h5 {
	width: 370px;
	position: relative;
	border-top: 1px solid #e0e0e0;
	margin: 0 auto 30px;
}
.c3_none .fr h5 span {
	display: block;
	width: 160px;
	font-size: 22px;
	color: #333;
	background: #fff;
	position: absolute;
	height: 40px;
	left: 50%;
	margin-left: -80px;
	top: -20px;
	text-align: center;
	font-weight: bold;
}
.c3_none .fr p {
	width: 365px;
	height: 68px;
	margin: 0 auto 25px;
	border-radius: 5px;
	border: 1px solid #b0b0b0;
	overflow: hidden;
}
.c3_none .fr p span {
	display: inline-block;
	color: #272729;
	font-size: 18px;
	width: 87px;
	height: 68px;
	line-height: 68px;
	text-align: center;
	background: #f4f4f4;
	border-right: 1px solid #b0b0b0;
}
.c3_none .fr p input {
	border: 0;
	outline: none;
	width: 250px;
	height: 68px;
	color: #333;
	padding-left: 20px;
}
.c3_none .fr button {
	display: block;
	width: 367px;
	height: 73px;
	margin: 0 auto;
	background: url(https://img.mobiletrain.org/templates/mobiletrain/images/qf-2018-h5/c3_submit_btn.png) no-repeat center top;
	border: 0;
}

.c4 {
	background: #000 url(https://www.mobiletrain.org/page/images/bg2.png) no-repeat center top;
	padding: 85px 0 70px;
}

.c4-btn {
	width: 1101px;
	margin: 0 auto;
}
.c4-btn div {
	width: 368px;
	height: 136px;
	background-image: url(https://img.mobiletrain.org/templates/mobiletrain/images/qf-2018-web2/c4-btnbg.png);
	background-repeat: no-repeat;
	background-position: center;
	margin-left: -2px;
	display: table;
	box-sizing: border-box;
	border: 1px solid rgba(0, 0, 0, 0);
	cursor: pointer;
}
.c4-btn div.active {
	border: 1px solid #842c1e;
	background-color: #ffb805;
	background-image: none;
	position: relative;
	z-index: 10;
}
.c4-btn div.active p {
	color: #0e0315;
}
.c4-btn div p {
	display: table-cell;
	font-size: 24px;
	line-height: 44px;
	color: #fff;
	text-align: center;
	vertical-align: middle;
}
.c4-btn div p span {
	font-weight: bold;
	font-size: 32px;
}

.c4-cont {
	width: 1100px;
	margin: 0 auto;
}
.c4-cont > div {
	display: none;
}
.c4-cont > div.active {
	display: block;
	padding-top: 80px;
}
.c4-cont > div:nth-child(1) > img {
	margin-right: 58px;
	width: 515px;
	height: 363px;
	margin-bottom: 105px;
}
.c4-cont > div:nth-child(2) > img {
	width: 493px;
	height: 399px;
	margin-right: 58px;
}
.c4-cont > div:nth-child(1) > a,
.c4-cont > div:nth-child(2) > a,
.c4-cont > div:nth-child(3) > a {
	margin: 0 auto;
	display: block;
	clear: both;
}
.c4-cont > div:nth-child(1) > div,
.c4-cont > div:nth-child(2) > div {
	height: 363px;
	padding-top: 44px;
	box-sizing: border-box;
	margin-bottom: 105px;
}
.c4-cont > div:nth-child(1) > div p,
.c4-cont > div:nth-child(2) > div p {
	font-size: 26px;
	line-height: 42px;
	color: #fff;
	margin-bottom: 58px;
	padding-left: 74px;
	background-image: url(https://img.mobiletrain.org/templates/mobiletrain/images/qf-2018-web2/c4-ico1.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.c4-cont > div:nth-child(1) > div p:nth-child(2),
.c4-cont > div:nth-child(2) > div p:nth-child(2) {
	font-weight: bold;
	background-image: url(https://img.mobiletrain.org/templates/mobiletrain/images/qf-2018-web2/c4-ico2.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.c4-cont > div:nth-child(2) > div {
	padding-top: 80px;
}
.c4-cont > div:nth-child(2) > img {
	margin-right: 70px;
}
.c4-cont > div:nth-child(2) > div > p {
	font-size: 24px;
	line-height: 44px;
	margin-bottom: 78px;
	background-image: url(https://img.mobiletrain.org/templates/mobiletrain/images/qf-2018-h5/c4-ico3.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.c4-cont > div:nth-child(3) {
	height: 538px;
}
.c4-cont > div:nth-child(3).active {
	padding-top: 30px;
}
.c4-cont > div:nth-child(3) img {
	display: block;
	width: 600px;
	margin: 0 auto 50px;
}

.c5 {
	min-width: 1100px;
	padding-top: 60px;
	padding-bottom: 86px;
	background-image: url(https://img.mobiletrain.org/templates/mobiletrain/images/qf-2018-web2/c5_bg.png);
	background-repeat: no-repeat;
	background-position: center 420px;
	background-color: #0e0315;
	overflow: hidden;
}
.c5 .cbtn-box {
	text-align: center;
}

.c5-cont {
	height: 468px;
	margin-top: 40px;
	margin-bottom: 70px;
}
.c5-cont > div:nth-child(1) {
	width: 390px;
	margin-right: 10px;
}
.c5-cont > div:nth-child(1) h3 {
	height: 77px;
	font-size: 26px;
	line-height: 70px;
	text-align: center;
	color: #fff;
	margin-top: 125px;
	margin-bottom: 36px;
	background-image: url(https://img.mobiletrain.org/templates/mobiletrain/images/qf-2018-web2/c5_class_btbg.png);
	background-repeat: no-repeat;
	background-position: cneter;
}
.c5-cont > div:nth-child(1) > div > div {
	width: 168px;
	height: 106px;
	border: 1px solid #fff;
	color: #fff;
	display: table;
	margin-left: 13px;
}
.c5-cont > div:nth-child(1) > div > div p {
	display: table-cell;
	font-size: 22px;
	line-height: 45px;
	color: #ccc;
	text-align: center;
	vertical-align: middle;
}
.c5-cont > div:nth-child(1) > div > div p span {
	font-size: 28px;
	color: #fff;
}
.c5-cont > div:nth-child(2) {
	width: 314px;
	height: 417px;
	color: #fff;
	box-sizing: border-box;
	padding-top: 24px;
	margin-top: 30px;
	background-image: url(https://img.mobiletrain.org/templates/mobiletrain/images/qf-2018-web2/c5_student_bg.jpg);
	background-repeat: no-repeat;
	background-position: center;
}
.c5-cont > div:nth-child(2) h4 {
	font-size: 18px;
	line-height: 18px;
	padding-left: 34px;
	margin-bottom: 50px;
}
.c5-cont > div:nth-child(2) div {
	color: #fff;
	font-size: 18px;
	line-height: 36px;
	padding-left: 44px;
}
.c5-cont > div:nth-child(2) div span {
	font-size: 44px;
	color: #ec9e06;
	font-weight: bold;
	line-height: 60px;
}
.c5-cont > div:nth-child(2) p {
	font-size: 12px;
	padding-left: 32px;
	margin-top: 42px;
}
.c5-cont > div:nth-child(3) {
	width: 360px;
	margin-top: 24px;
}
.c5-cont > div:nth-child(3) table {
	width: 100%;
}
.c5-cont > div:nth-child(3) table tr {
	height: 39px;
	border-bottom: 2px solid #352c3a;
}
.c5-cont > div:nth-child(3) table tr td {
	font-size: 18px;
	color: #999999;
	border-bottom: 2px solid #352c3a;
}
.c5-cont > div:nth-child(3) table tr td:nth-child(1) {
	width: 102px;
	padding-left: 12px;
}
.c5-cont > div:nth-child(3) table tr td:nth-child(2) {
	width: 180px;
}
.c5-cont > div:nth-child(3) > div {
	position: relative;
	height: 398px;
	overflow: hidden;
}
.c5-cont > div:nth-child(3) > div table {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
}
.c5-cont > div:nth-child(3) > div table tr {
	border-bottom: 1px solid #352c3a;
}
.c5-cont > div:nth-child(3) > div table tr td {
	color: #999999;
	border-bottom: 1px solid #352c3a;
}
.c5-cont > div:nth-child(3) > div table tr:nth-child(1) td {
	color: #ffb806;
}

.c5-btns {
	position: relative;
	margin-bottom: 40px;
}
.c5-btns > a {
	position: absolute;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background-image: url(https://img.mobiletrain.org/templates/mobiletrain/images/qf-2018-web2/c5_left_btn.png);
	background-repeat: no-repeat;
	background-position: center;
	background-color: #e1e1e1;
	top: 50%;
	margin-top: -25px;
}
.c5-btns .c5-btns-btnL {
	left: -68px;
}
.c5-btns .c5-btns-btnR {
	right: -68px;
	background-image: url(https://img.mobiletrain.org/templates/mobiletrain/images/qf-2018-web2/c5_right_btn.png);
	background-repeat: no-repeat;
	background-position: center;
}

.c5-btnlist-box {
	width: 1089px;
	margin: 0 auto;
	overflow: hidden;
}
.c5-btnlist-box ul {
	width: 6000px;
}
.c5-btnlist-box ul li {
	width: 210px;
	margin-right: 10px;
	background: url(https://img.mobiletrain.org/templates/mobiletrain/images/qf-2018-web2/c5_btn_bg.png) no-repeat center center;
	background-size: 100% 100%;
	cursor: pointer;
}
.c5-btnlist-box ul li.active {
	border-color: #d8501a;
}
.c5-btnlist-box ul li.active h3 {
	background: #d8501a;
}
.c5-btnlist-box ul li h3 {
	font-size: 20px;
	line-height: 46px;
	color: #fff;
	text-align: center;
	background: #0636ac;
}
.c5-btnlist-box ul li div {
	width: 100%;
	display: table;
	height: 119px;
}
.c5-btnlist-box ul li div p {
	display: table-cell;
	font-size: 32px;
	line-height: 36px;
	color: #d84f19;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
}
.c5-btnlist-box ul li div p span {
	color: #666;
	font-weight: normal;
	font-size: 20px;
}

.c5-tips {
	font-size: 16px;
	line-height: 42px;
	color: #999;
	text-align: center;
	margin-bottom: 24px;
}
.c5-tips span {
	font-size: 22px;
	color: #00b77a;
}

.con1 {
	background: #0e0315;
	padding: 40px 0px 70px;
}
.con1 ul {
	width: 1130px;
	margin: 0 auto 50px;
}
.con1 ul li {
	width: 270px;
	background: url(https://img.mobiletrain.org/templates/mobiletrain/images/qf-2018-web2/con1_bg.png) no-repeat left top;
	height: 347px;
	margin-right: 16px;
	box-sizing: border-box;
	padding: 25px 0 0 25px;
	float: left;
}
.con1 ul li h6 {
	width: 121px;
	height: 46px;
	margin-bottom: 15px;
	color: #fff;
	font-size: 24px;
	background: -webkit-linear-gradient(left, #0064b0, #00b87a);
	background: -o-linear-gradient(right, #0064b0, #00b87a);
	background: -moz-linear-gradient(right, #0064b0, #00b87a);
	background: linear-gradient(to right, #0064b0, #00b87a);
	text-align: center;
	line-height: 46px;
}
.con1 ul li p {
	font-size: 18px;
	color: #fff;
	line-height: 34px;
	margin-bottom: 15px;
}
.con1 ul li:last-child {
	margin-right: 0px;
}
.con1 ul li:nth-child(3) p {
	font-size: 16px;
	line-height: 22px;
}

.con2 {
	padding-top: 50px;
	background: #fff url(https://img.mobiletrain.org/templates/mobiletrain/images/qf-2018-web2/con2_bg.png) no-repeat center 225px;
}
.con2 .biaoti h2 span {
	display: block;
	position: absolute;
	bottom: -10px;
	left: 50%;
	width: 900px;
	margin-left: -450px;
	color: #333;
	font-size: 26px;
	text-align: center;
}

.con2_list {
	margin-bottom: 105px;
	padding-top: 20px;
}
.con2_list li {
	float: left;
	width: 350px;
}
.con2_list li h6 {
	text-align: center;
	font-size: 24px;
	color: #fff;
	font-weight: bold;
	height: 64px;
	line-height: 64px;
}
.con2_list li div p {
	height: 68px;
	line-height: 68px;
	font-size: 18px;
	color: #fff;
	text-align: center;
}
.con2_list li div p em,
.con2_list li div p i {
	display: inline-block;
	width: 18px;
	height: 100%;
	margin-right: 3px;
}
.con2_list li div p em {
	background: url(https://img.mobiletrain.org/templates/mobiletrain/images/qf-2018-web2/star_y.png) no-repeat center center;
}
.con2_list li div p i {
	background: url(https://img.mobiletrain.org/templates/mobiletrain/images/qf-2018-web2/star.png) no-repeat center center;
}
.con2_list li div p span {
	display: inline-block;
	height: 100%;
	width: 50%;
}
.con2_list li:nth-child(1) div p {
	text-align: right;
}
.con2_list li:nth-child(1) div p span {
	float: right;
	text-align: left;
	margin-left: 20px;
}
.con2_list li:nth-child(3) div p {
	text-align: left;
}
.con2_list li:nth-child(3) div p span {
	float: left;
	text-align: right;
	margin-right: 20px;
}
.con2_list li:nth-child(2) {
	margin: 0 25px;
}
.con2_list li:nth-child(2) div p span {
	width: 100%;
	height: 50%;
	text-align: center;
	line-height: 45px;
	float: left;
}
.con2_list li:nth-child(2) div p em {
	height: 30%;
	float: left;
}
.con2_list li:nth-child(2) div p em:nth-child(2) {
	margin-left: 125px;
}

.con2_can {
	margin-bottom: 70px;
}
.con2_can h3 {
	text-align: center;
	font-size: 50px;
	color: #333;
	margin-bottom: 30px;
}
.con2_can h3 i {
	font-weight: bold;
	color: #0636ac;
}
.con2_can h3 span {
	display: block;
	font-size: 26px;
}
.con2_can > div {
	height: 737px;
	background: url(https://img.mobiletrain.org/templates/mobiletrain/images/qf-2018-web2/con2_tv.png) no-repeat center top;
	position: relative;
	box-sizing: border-box;
	padding: 16px 21px 139px;
}
.con2_can > div .myCanvas_wrap {
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.con2_can > div .myCanvas_wrap .wrapper {
	width: 3300px;
	height: 100%;
	position: relative;
}
.con2_can > div .myCanvas_wrap .wrapper li {
	width: 3300px;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
}
.con2_can > div > img {
	position: absolute;
	left: 50%;
	margin-left: -218px;
	bottom: 138px;
}

.con3 .biaoti h2 {
	color: #0636ac;
	font-weight: bold;
}
.con3 .con3_con {
	background: #0f2e7c;
	height: 1140px;
	box-sizing: border-box;
	padding: 72px 0;
}

.con3_wrap {
	margin-bottom: 70px;
}
.con3_wrap > .fl {
	width: 284px;
	background: #0636ac;
	height: 840px;
}
.con3_wrap > .fl h5 {
	height: 60px;
	line-height: 60px;
	font-size: 16px;
	color: #fff;
	font-weight: normal;
	background: #0f2e7c;
}
.con3_wrap > .fl p {
	height: 60px;
	line-height: 60px;
	font-size: 18px;
	color: #fff;
	padding-left: 20px;
	background: #0636ac;
}
.con3_wrap > .fl p.active {
	background: #ffb800;
	color: #0e0315;
}
.con3_wrap > .fr {
	width: 815px;
	background: #0a193f;
	height: 840px;
	overflow: hidden;
}
.con3_wrap > .fr .con3_main {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
	box-sizing: border-box;
	padding: 40px;
	display: none;
}
.con3_wrap > .fr .con3_main.active {
	display: block;
}
.con3_wrap > .fr .con3_main > p {
	background: #ffb800;
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 815px;
	height: 60px;
}
.con3_wrap > .fr .con3_main > p em {
	float: left;
	width: 520px;
	font-size: 16px;
	color: #0e0315;
	line-height: 23px;
	background: url(https://img.mobiletrain.org/templates/mobiletrain/images/qf-2018-web2/con3_ico1.png) no-repeat 20px center;
	padding-left: 50px;
	padding-top: 6px;
}
.con3_wrap > .fr .con3_main > p em i {
	float: left;
	line-height: 45px;
}
.con3_wrap > .fr .con3_main > p span {
	float: right;
	margin-right: 20px;
	line-height: 60px;
	font-size: 20px;
	color: #0e0315;
	background: url(https://img.mobiletrain.org/templates/mobiletrain/images/qf-2018-web2/con3_ico2.png) no-repeat left center;
	padding-left: 30px;
}
.con3_wrap > .fr .con3_main > p span i {
	font-size: 26px;
	font-weight: bold;
}
.con3_wrap > .fr .con3_main:nth-child(1) > p {
	height: 55px;
}
.con3_wrap > .fr .con3_main:nth-child(1) > p em {
	line-height: 55px;
	padding-top: 0;
}

.con3_item {
	width: 825px;
	height: 100%;
	overflow: scroll;
	padding-bottom: 60px;
}
.con3_item ul {
	width: 735px;
}
.con3_item ul li {
	border-bottom: 1px dashed rgba(255, 255, 255, 0.28);
	margin-bottom: 50px;
}
.con3_item ul li h3 {
	color: #ffb809;
	background: #0e0315;
	font-size: 18px;
	height: 47px;
	line-height: 47px;
	box-sizing: border-box;
	padding-left: 35px;
	margin-bottom: 25px;
}
.con3_item ul li p {
	padding-left: 35px;
	margin-bottom: 70px;
}
.con3_item ul li p em {
	display: block;
	font-size: 18px;
	color: rgba(255, 255, 255, 1);
	margin-bottom: 15px;
	line-height: 28px;
}
.con3_item ul li p i {
	font-size: 16px;
	color: rgba(255, 255, 255, 1);
	margin-right: 15px;
	line-height: 28px;
}

.con4 {
	height: 218px;
	background: url(https://img.mobiletrain.org/templates/mobiletrain/images/qf-2018-web2/con4_bg.jpg) no-repeat center top;
}
.con4 .wrap {
	padding: 74px 0 0 350px;
	box-sizing: border-box;
}
.con4 .wrap p {
	font-size: 26px;
	color: #fff;
}
.con4 .wrap p span {
	font-weight: bold;
	color: #ffb800;
}

.con5 {
	background: #f3f3f3;
	padding: 50px 0 70px;
}
.con5 .biaoti h2 i {
	width: 120%;
	margin-left: -60%;
	left: 50%;
}
.con5 .biaoti h2 span {
	position: absolute;
	bottom: -10px;
	width: 600px;
	left: 50%;
	margin-left: -300px;
	color: #333;
	font-size: 26px;
}

.con5_btn_wrap {
	padding-top: 50px;
}
.con5_btn_wrap ul {
	margin-bottom: 30px;
}
.con5_btn_wrap ul li {
	float: left;
	width: 260px;
	height: 88px;
	background: #fff;
	font-size: 16px;
	color: #333;
	text-align: center;
	line-height: 21px;
	padding-top: 20px;
	box-sizing: border-box;
	border: 1px solid #ddd;
	margin-right: 20px;
	margin-bottom: 10px;
	cursor: pointer;
}
.con5_btn_wrap ul li.active {
	background: #0636ac;
	color: #fff;
	border: 1px solid #0636ac;
}
.con5_btn_wrap ul li:nth-child(4n) {
	margin-right: 0px;
}

.con5_con {
	height: 767px;
	margin-bottom: 50px;
	overflow: hidden;
	background: url(https://img.mobiletrain.org/templates/mobiletrain/images/qf-2018-web2/con5_bg.jpg) no-repeat center top;
}

.con5_main {
	display: none;
	width: 100%;
}
.con5_main.active {
	display: block;
}
.con5_main h3 {
	font-size: 20px;
	height: 74px;
	line-height: 74px;
	color: #00b77a;
	text-align: center;
	font-weight: normal;
}
.con5_main .swiper-container2 {
	width: 100%;
	height: 485px;
	position: relative;
	overflow: hidden;
}
.con5_main .swiper-container2 .swiper-slide {
	text-align: center;
}
.con5_main .swiper-container2 .swiper-slide img {
	width: 960px;
}
.con5_main .swiper-container2 .swiper-slide.con5_wap img {
	height: 485px;
	width: auto;
	margin-right: 30px;
}
.con5_main .swiper-container2 .swiper-slide.con5_wap img:last-child {
	margin-right: 0px;
}
.con5_main .swiper-container2 .swiper-button-prev,
.con5_main .swiper-container2 .swiper-container-rtl .swiper-button-next {
	background: url(https://img.mobiletrain.org/templates/mobiletrain/images/qf-2018-web2/con5_left_btn.jpg) no-repeat center top;
	left: 0px;
	width: 24px;
	height: 90px;
	margin-top: -45px;
}
.con5_main .swiper-container2 .swiper-button-next,
.con5_main .swiper-container2 .swiper-container-rtl .swiper-button-prev {
	background: url(https://img.mobiletrain.org/templates/mobiletrain/images/qf-2018-web2/con5_right_btn.jpg) no-repeat center top;
	right: 0px;
	width: 24px;
	height: 90px;
	margin-top: -45px;
}
.con5_main .con5_js {
	height: 210px;
	background: #00b77a;
	padding: 26px;
	box-sizing: border-box;
}
.con5_main .con5_js p {
	margin-bottom: 30px;
}
.con5_main .con5_js p i {
	display: block;
	float: left;
	width: 97px;
	background: url(https://img.mobiletrain.org/templates/mobiletrain/images/qf-2018-web2/con5_biaoqi.png) no-repeat center top;
	text-align: center;
	line-height: 26px;
	font-size: 16px;
	color: #333;
	margin-top: 15px;
}
.con5_main .con5_js p span {
	float: left;
	margin-left: 15px;
	color: #fff;
	font-size: 16px;
	line-height: 26px;
	width: 930px;
}

.c11 {
	min-width: 1100px;
	padding-top: 75px;
	padding-bottom: 83px;
	background-color: #fff;
	overflow: hidden;
}
.c11 .biaoti h2 span {
	position: absolute;
	bottom: -10px;
	width: 920px;
	margin-left: -460px;
	left: 50%;
	color: #333;
	font-size: 26px;
}
.c11 .biaoti h2 span strong {
	color: #00b77a;
}

@media screen and (min-width: 1919px) {
	.c11-piclist-box {
		width: 1100px;
		margin: 0 auto;
		position: relative;
		height: 611px;
		margin-bottom: 57px;
		margin-top: 60px;
	}

	.c11-piclist {
		position: absolute;
		width: 1920px;
		height: 100%;
		left: 50%;
		margin-left: -960px;
		padding: 0 3px;
	}
}
@media screen and (min-width: 1919px) and (max-width: 1280px) {
	.c11-piclist {
		margin-left: -1078px;
	}

	.c11-piclist > ul:nth-child(1),
	.c11-piclist > ul:nth-child(2),
	.c11-piclist > ul:nth-child(6) {
		visibility: hidden;
	}
}
@media screen and (min-width: 1919px) {
	.c11-piclist > ul {
		width: 233px;
		margin-right: 6px;
	}

	.c11-piclist > ul:last-child {
		margin-right: 0;
	}

	.c11-piclist > ul:nth-child(4) {
		width: 710px;
	}

	.c11-piclist > ul:nth-child(4) li {
		margin-right: 3px;
	}

	.c11-piclist > ul:nth-child(4) li:nth-child(3),
	.c11-piclist > ul:nth-child(4) li:nth-child(4),
	.c11-piclist > ul:nth-child(4) li:nth-child(7) {
		margin-right: 0;
	}

	.c11-piclist > ul > li {
		position: relative;
		margin-bottom: 6px;
		cursor: pointer;
	}

	.c11-piclist > ul > li > span {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		background-color: rgba(126, 38, 174, 0.2);
		opacity: 0;
		-webkit-transition: 0.6s all ease;
		-o-transition: 0.6s all ease;
		transition: 0.6s all ease;
	}

	.c11-piclist > ul > li.active span {
		opacity: 1;
	}

	.c11-piclist > ul > li.c11-piclist-txt {
		width: 100%;
		height: 304px;
		background-color: #0636ac;
	}

	.c11-piclist > ul > li.c11-piclist-txt > div {
		color: #fff;
		display: none;
		padding: 0 52px;
		padding-top: 20px;
	}

	.c11-piclist > ul > li.c11-piclist-txt > div h3 {
		font-size: 26px;
		line-height: 44px;
		font-weight: bold;
		margin-bottom: 10px;
	}

	.c11-piclist > ul > li.c11-piclist-txt > div h3 span {
		font-weight: normal;
	}

	.c11-piclist > ul > li.c11-piclist-txt > div p {
		font-size: 17px;
		line-height: 34px;
		color: #ddd;
	}

	.c11-piclist > ul > li.c11-piclist-txt > div.active {
		display: block;
	}
}
@media screen and (max-width: 1919px) {
	.c11-piclist-box {
		width: 100%;
		margin: 0 auto;
		position: relative;
		margin-bottom: 57px;
		margin-top: 60px;
	}

	.c11-piclist > ul {
		box-sizing: border-box;
		width: 12.5%;
		padding-right: 3px;
	}

	.c11-piclist > ul:last-child {
		padding-right: 0;
	}

	.c11-piclist > ul:nth-child(4) {
		width: 37.5%;
	}

	.c11-piclist > ul:nth-child(4) li {
		width: 33.33%;
		box-sizing: border-box;
	}

	.c11-piclist > ul:nth-child(4) li:nth-child(4) {
		width: 100%;
	}

	.c11-piclist > ul > li {
		position: relative;
		margin-bottom: 6px;
		cursor: pointer;
		overflow: hidden;
	}

	.c11-piclist > ul > li img {
		position: relative;
		left: 50%;
		margin-left: -117px;
	}

	.c11-piclist > ul > li > span {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		background-color: rgba(126, 38, 174, 0.2);
		opacity: 0;
		-webkit-transition: 0.6s all ease;
		-o-transition: 0.6s all ease;
		transition: 0.6s all ease;
	}

	.c11-piclist > ul > li.active span {
		opacity: 1;
	}

	.c11-piclist > ul > li.c11-piclist-txt {
		width: 100%;
		height: 304px;
		background-color: #0636ac;
	}

	.c11-piclist > ul > li.c11-piclist-txt > div {
		height: 100%;
		overflow: hidden;
		box-sizing: border-box;
		color: #fff;
		display: none;
		padding: 5% 6%;
	}

	.c11-piclist > ul > li.c11-piclist-txt > div h3 {
		font-size: 26px;
		line-height: 44px;
		font-weight: bold;
		margin-bottom: 10px;
	}

	.c11-piclist > ul > li.c11-piclist-txt > div h3 span {
		font-weight: normal;
	}

	.c11-piclist > ul > li.c11-piclist-txt > div p {
		height: 170px;
		font-size: 17px;
		line-height: 34px;
		color: #ddd;
		overflow: hidden;
		word-break: break-all;
	}

	.c11-piclist > ul > li.c11-piclist-txt > div.active {
		display: block;
	}
}
.c11-pllist {
	overflow: hidden;
	margin-bottom: 72px;
	padding-left: 8px;
}

.c11-pllist ul {
	width: 6640px;
}

.c11-pllist ul li {
	width: 200px;
	height: 254px;
	margin-right: 7px;
	background-color: #f5f5f5;
	box-sizing: border-box;
	padding-top: 36px;
}

.c11-pllist ul li h4 {
	width: 175px;
	border-top: 1px solid #0636ac;
	margin: 0 auto;
	text-align: center;
	margin-bottom: 17px;
}

.c11-pllist ul li h4 span {
	display: inline-block;
	width: 80px;
	font-size: 16px;
	position: relative;
	top: -12px;
	color: #0636ac;
	background-color: #f5f5f5;
}

.c11-pllist ul li > p {
	box-sizing: border-box;
	width: 175px;
	height: 124px;
	margin: 0 auto;
	padding: 0 10px;
	font-size: 17px;
	line-height: 28px;
	color: #000;
}

.c11-pllist ul li > div {
	font-size: 14px;
	line-height: 32px;
	margin-left: 60px;
}

.c11-pllist ul li > div img {
	margin-right: 12px;
	border-radius: 50%;
	width: 32px;
	vertical-align: top;
}

.c11-pllist ul li > div span {
	color: #c9c9c9;
}

.con6 {
	background: #f3f3f3;
	padding: 70px 0 80px;
}
.con6 .biaoti.white h2 span {
	position: absolute;
	bottom: -10px;
	left: 50%;
	width: 600px;
	margin-left: -300px;
	color: #333;
	font-size: 26px;
}
.con6 .con6_con {
	width: 100%;
	overflow: hidden;
	height: 612px;
	margin-bottom: 70px;
	position: relative;
}

.con6_wrap {
	width: 6000px;
	position: absolute;
	left: 0px;
	top: 0px;
}

.con6_list {
	float: left;
}
.con6_list:nth-child(2) li {
	height: 153px;
	width: 2200px;
}

.con6_list li {
	height: 153px;
	width: 1830px;
}

.con6_list li > div {
	width: 366px;
	position: relative;
	display: inline-block;
}

.con6_list li:nth-child(2n-1) > div > div:nth-child(1) {
	float: left;
}

.con6_list li:nth-child(2n-1) > div > div:nth-child(2) {
	float: right;
}

.con6_list li:nth-child(2n-1) > div > div:nth-child(2):after {
	border-right-color: #0636ac;
	left: -20px;
}

.con6_list li:nth-child(2n) > div > div:nth-child(1) {
	float: right;
}

.con6_list li:nth-child(2n) > div > div:nth-child(2) {
	float: left;
}

.con6_list li:nth-child(2n) > div > div:nth-child(2):after {
	border-left-color: #0636ac;
	right: -20px;
}

.con6_list li > div > div {
	width: 50%;
	height: 153px;
}

.con6_list li > div > div:nth-child(1) img {
	width: 100%;
	height: 100%;
}

.con6_list li > div > div:nth-child(2) {
	position: relative;
	box-sizing: border-box;
	padding-left: 15px;
	padding-top: 12px;
	background-color: #0636ac;
}

.con6_list li > div > div:nth-child(2):after {
	position: absolute;
	content: "";
	border: 10px solid rgba(0, 0, 0, 0);
	top: 50%;
	margin-top: -10px;
}

.con6_list li > div > div:nth-child(2) img {
	display: block;
	margin-bottom: 5px;
}

.con6_list li > div > div:nth-child(2) h3 {
	font-size: 18px;
	line-height: 32px;
	color: #fff;
}

.con6_list li > div > div:nth-child(2) p {
	font-size: 16px;
	line-height: 26px;
	color: #fff;
}

.con6_list li > div > .con6_mask {
	position: absolute;
	width: 100%;
	height: 153px;
	background: rgba(0, 0, 0, 0.78);
	top: 0px;
	left: 0px;
	box-sizing: border-box;
	padding-top: 53px;
	display: none;
}

.con6_list li > div > .con6_mask a {
	display: block;
	margin: 0 auto;
	width: 158px;
	height: 43px;
	border-radius: 5px;
	border: 1px solid #fff;
	font-size: 16px;
	color: #fff;
	text-align: center;
	line-height: 43px;
}

.con6_list li > div:hover > .con6_mask {
	display: block;
}

.con7 {
	background: #0a193f;
	padding: 70px 0 80px;
}
.con7 ul {
	margin-bottom: 50px;
}
.con7 ul li {
	width: 345px;
	height: 380px;
	background: #fff;
	margin-right: 20px;
	float: left;
	box-sizing: border-box;
	padding: 25px 24px 0;
}
.con7 ul li img {
	display: block;
	margin: 0 auto 16px;
	width: 80px;
	height: 80px;
	border-radius: 50%;
}
.con7 ul li h6 {
	font-size: 26px;
	font-weight: bold;
	color: #00b77a;
	text-align: center;
	margin-bottom: 15px;
}
.con7 ul li p {
	font-size: 16px;
	color: #333;
	line-height: 28px;
	padding-top: 20px;
	background: url(https://img.mobiletrain.org/templates/mobiletrain/images/qf-2018-web2/con6_yinhao.png) no-repeat left top;
}

.con8 {
	padding: 85px 0 65px;
	background: #fff;
}
.con8 h2 {
	font-size: 44px;
	font-weight: bold;
	color: #333;
	margin-bottom: 60px;
	text-align: center;
}
.con8 h2 span {
	color: #0636ac;
}

.con8_con {
	position: relative;
}
.con8_con > span {
	display: block;
	width: 64px;
	height: 64px;
	position: absolute;
	top: 180px;
	cursor: pointer;
}
.con8_con > span.con8_left_btn {
	background: url(https://img.mobiletrain.org/templates/mobiletrain/images/qf-2018-web2/con8_left_btn.png) no-repeat center top;
	left: -90px;
}
.con8_con > span.con8_right_btn {
	background: url(https://img.mobiletrain.org/templates/mobiletrain/images/qf-2018-web2/con8_right_btn.png) no-repeat center top;
	right: -90px;
}

.con8_wrap {
	width: 645px;
	float: right;
	overflow: hidden;
}

.con8_list {
	width: 1950px;
}

.con8_list li {
	height: 432px;
	margin-right: 32px;
	margin-bottom: 32px;
}

.con8_list li {
	width: 195px;
}

.con8_list li > div:nth-child(1) {
	height: 268px;
	position: relative;
}

.con8_list li > div:nth-child(1) a {
	position: absolute;
	width: 70px;
	height: 70px;
	background-image: url(https://img.mobiletrain.org/templates/mobiletrain/images/qf-2018-web2/c8-btnbg.png);
	background-repeat: no-repeat;
	background-position: center;
	top: 50%;
	left: 50%;
	margin-left: -35px;
	margin-top: -35px;
}

.con8_list li > div:nth-child(2) {
	height: 164px;
	background-color: #0636ac;
	display: table;
	width: 194px;
}

.con8_list li > div:nth-child(2) p {
	display: table-cell;
	vertical-align: middle;
	padding-left: 15px;
	color: #fff;
	font-size: 22px;
	line-height: 42px;
}

.con8_first {
	width: 420px;
	background-color: #fff;
	box-sizing: border-box;
	padding-top: 46px;
	text-align: center;
	border: 1px solid #5a588a;
}

.con8_first h3 {
	color: #333;
	font-size: 26px;
	margin-bottom: 24px;
}

.con8_first > div {
	width: 340px;
	margin: 0 auto;
}

.con8_first > div > div {
	width: 130px;
	text-align: center;
	margin: 0 20px;
}

.con8_first {
	float: left;
	width: 420px;
	height: 432px;
}

.con8_first > div > div:nth-child(1) {
	margin-top: 70px;
}

.con8_first > div > div p:nth-child(1) {
	font-size: 38px;
	line-height: 60px;
	color: #1a0929;
	font-weight: bold;
}

.con8_first > div > div p:nth-child(3) {
	font-size: 18px;
	line-height: 40px;
	color: #1a0929;
}

.c6-piclist {
	overflow: hidden;
	margin-top: 62px;
	margin-bottom: 80px;
}

.c6-piclist > ul {
	width: 7000px;
}

.c6-piclist > ul li {
	width: 244px;
	margin-right: 22px;
}

.c6-piclist > ul li:hover > div > img {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}

.c6-piclist > ul li > h3 {
	height: 66px;
	font-size: 22px;
	line-height: 66px;
	color: #fff;
	text-align: center;
	background: #0064b0;
	margin-bottom: 12px;
}

.c6-piclist > ul li > div {
	height: 304px;
	overflow: hidden;
	position: relative;
}

.c6-piclist > ul li > div img {
	-webkit-transition: 0.6s all ease;
	-o-transition: 0.6s all ease;
	transition: 0.6s all ease;
}

.c6-piclist > ul li > div div {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.4);
	opacity: 0;
}

.c6-piclist > ul li > div div a {
	position: absolute;
	width: 47px;
	height: 54px;
	background-image: url(https://img.mobiletrain.org/templates/mobiletrain/images/qf-2018-web2/c6-ico1.png);
	background-repeat: no-repeat;
	background-position: center;
	top: 50%;
	left: 50%;
	margin-left: -23px;
	margin-top: -27px;
}

.c11-videoalert {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.8);
	display: none;
	z-index: 1000;
}

.c11-videoalert > div {
	position: absolute;
	width: 580px;
	height: 326px;
	border: 1px solid #444;
	padding: 3px;
	top: 50%;
	left: 50%;
	margin-left: -290px;
	margin-top: -163px;
}

.c11-videoalert .videoalert21-videobox {
	width: 100%;
	height: 100%;
}

.c11-videoalert .videoalert21-videobox > video {
	width: 100%;
	height: 100%;
}

.c11-videoalert .videoalert21-close {
	position: absolute;
	top: -15px;
	right: -15px;
	cursor: pointer;
}

.c12 {
	min-width: 1100px;
	padding-top: 95px;
	padding-bottom: 84px;
	background-color: #0d0314;
}
.c12 .biaoti h2 i {
	width: 120%;
	left: -10%;
}
.c12 .biaoti h2 span {
	position: absolute;
	width: 800px;
	margin-left: -400px;
	left: 50%;
	bottom: -10px;
}

.c12-btns {
	width: 741px;
	margin: 0 auto;
	margin-top: 64px;
	margin-bottom: 50px;
}

.c12-btns > div {
	width: 248px;
	height: 76px;
	background-image: url(https://img.mobiletrain.org/templates/mobiletrain/images/qf-2018-web2/c12_btnbg.png);
	background-repeat: no-repeat;
	background-position: center;
	margin-left: -2px;
	box-sizing: border-box;
	border: 1px solid rgba(0, 0, 0, 0);
	cursor: pointer;
	text-align: center;
	font-size: 20px;
	line-height: 76px;
	color: #fff;
}

.c12-btns > div.active {
	border: 1px solid #ffb800;
	background-color: #ffb800;
	background-image: none;
	position: relative;
	z-index: 10;
	color: #0e0315;
}

.c12-conts {
	margin-bottom: 50px;
}

.c12-conts > div {
	display: none;
}

.c12-conts > div.active {
	display: block;
}

.c12-conts > div:nth-child(2) > ul > li p {
	color: #2674b9;
}

.c12-conts > div:nth-child(3) > ul > li p {
	color: #46a127;
}

.c12-conts > div > ul {
	margin-bottom: 42px;
}

.c12-conts > div > ul li {
	width: 300px;
	text-align: center;
}

.c12-conts > div > ul li > img {
	margin-bottom: 36px;
}

.c12-conts > div > ul li > p {
	font-size: 30px;
	text-align: center;
	color: #d84f1d;
}

.c12-conts > div > ul li:nth-child(2) {
	border: 1px solid #363636;
	border-top: none;
	border-bottom: none;
	padding: 0 50px;
	margin-left: 46px;
}

.con9 {
	background: #0e0315;
	padding: 60px 0 90px;
}
.con9 .biaoti h2 i {
	width: 120%;
	left: -10%;
}
.con9 .biaoti h2 span {
	position: absolute;
	width: 800px;
	margin-left: -400px;
	left: 50%;
	bottom: -10px;
}
.con9 ul li {
	float: left;
	width: 368px;
}
.con9 ul li:nth-child(2),
.con9 ul li:nth-child(3) {
	margin-left: -2px;
}
.con9 ul li:nth-child(2) div:nth-child(1) {
	background: #6800a3;
}
.con9 ul li:nth-child(2) div:nth-child(1):after {
	content: "";
	display: block;
	position: absolute;
	width: 0px;
	height: 0px;
	border-width: 14px 16px;
	border-style: solid;
	border-color: #6800a3 rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
	left: 50%;
	margin-left: -8px;
	bottom: -28px;
}
.con9 ul li:nth-child(3) div:nth-child(1) {
	background: #0636ac;
}
.con9 ul li:nth-child(3) div:nth-child(1):after {
	content: "";
	display: block;
	position: absolute;
	width: 0px;
	height: 0px;
	border-width: 14px 16px;
	border-style: solid;
	border-color: #0636ac rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
	left: 50%;
	margin-left: -8px;
	bottom: -28px;
}
.con9 ul li div:nth-child(1) {
	height: 179px;
	text-align: center;
	padding-top: 30px;
	box-sizing: border-box;
	position: relative;
	background: #00b77a;
	top: 2px;
}
.con9 ul li div:nth-child(1):after {
	content: "";
	display: block;
	position: absolute;
	width: 0px;
	height: 0px;
	border-width: 14px 16px;
	border-style: solid;
	border-color: #00b77a rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
	left: 50%;
	margin-left: -8px;
	bottom: -28px;
}
.con9 ul li div:nth-child(1) h5 {
	color: #fff;
	font-size: 30px;
	font-weight: bold;
}
.con9 ul li div:nth-child(1) img {
	margin-bottom: 15px;
}
.con9 ul li div:nth-child(2) {
	background: url(https://img.mobiletrain.org/templates/mobiletrain/images/qf-2018-web2/con9_btnbg.png) no-repeat center top;
	height: 142px;
	box-sizing: border-box;
	padding-top: 30px;
	text-align: center;
	font-size: 20px;
	color: #00b77a;
	line-height: 39px;
}
.con9 ul li div:nth-child(2) span {
	color: #ffb80b;
	font-weight: bold;
}

.c15 {
	min-width: 1100px;
	background-image: url(https://img.mobiletrain.org/templates/mobiletrain/images/qf-2018-h5/c15-bg.jpg);
	background-repeat: repeat-x;
	background-position: center;
	height: 932px;
	box-sizing: border-box;
	padding-top: 87px;
}

.c15 .bubbly-button {
	background-color: #375bd2;
}

.c15 .bubbly-button:active {
	background-color: #375bd2;
}

.c15-cont {
	position: relative;
	height: 616px;
	margin-bottom: 30px;
}

.c15-cont > img {
	position: absolute;
	top: 0;
	right: 12px;
	width: 804px;
	height: 616px;
}

.c15-cont .c15_zb {
	animation: mymove 2s infinite;
	-webkit-animation: mymove 2s infinite;
}

@keyframes mymove {
	0% {
		top: -1px;
	}
	50% {
		top: 2px;
	}
	100% {
		top: -1px;
	}
}
@-webkit-keyframes mymove {
	0% {
		top: -1px;
	}
	50% {
		top: 2px;
	}
	100% {
		top: -1px;
	}
}
.c15-cont > div {
	position: absolute;
	width: 442px;
	height: 515px;
	top: 20px;
	left: 0;
	background: rgba(0, 20, 42, 0.9) url(https://img.mobiletrain.org/templates/mobiletrain/images/qf-2018-h5/c15_line.png) no-repeat center 210px;
	box-shadow: 0 0 20px 5px rgba(0, 20, 42, 0.3);
	box-sizing: border-box;
	padding: 35px 34px;
}

.c15-cont > div h3 {
	text-align: left;
	color: #0beff2;
	font-size: 30px;
	font-weight: bold;
}

.c15-cont > div h3 span {
	font-weight: normal;
}

.c15-cont > div h3 i {
	font-size: 40px;
	color: #fcaf0b;
}

.c15-cont > div > div {
	width: 100%;
	height: 130px;
	display: table;
	margin-bottom: 30px;
}

.c15-cont > div > div p {
	display: table-cell;
	font-size: 19px;
	line-height: 33px;
	color: #fff;
	vertical-align: middle;
}

/*# sourceMappingURL=qf-2018-web.css.map */
.icon {
	width: 1em;
	height: 1em;
	vertical-align: -0.15em;
	fill: currentColor;
	overflow: hidden;
}
.c4 .main {
	width: 1200px;
	margin: 41px auto 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.c4 .main .left {
	background-image: url(https://www.mobiletrain.org/page/images/bg2-left.png);
	background-repeat: no-repeat;
	background-position: top;
	width: 293px;
	height: 523px;
	padding-top: 22px;
}
.c4 .main .left .card {
	width: 259px;
	height: 113px;
	background: -webkit-linear-gradient(354deg, rgba(44, 44, 255, 0.32), rgba(54, 0, 207, 0.32));
	background: linear-gradient(96deg, rgba(44, 44, 255, 0.32), rgba(54, 0, 207, 0.32));
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin: 0 auto;
	cursor: pointer;
}
.c4 .main .left .card + .card {
	margin-top: 9px;
}
.c4 .main .left .card.active {
	background: -webkit-linear-gradient(354deg, #2c2cff, #3600cf);
	background: linear-gradient(96deg, #2c2cff, #3600cf);
}
.c4 .main .left .card .card-left .icon {
	font-size: 44px;
	color: #fff;
}
.c4 .main .left .card .card-right {
	margin-left: 30px;
}
.c4 .main .left .card .card-right .title {
	font-size: 20px;
	font-weight: bold;
	color: #ffffff;
	line-height: 24px;
}
.c4 .main .left .card .card-right .dec {
	margin-top: 11px;
	font-size: 16px;
	font-weight: 400;
	color: rgba(255, 255, 255, 0.8);
	line-height: 20px;
}
.c4 .main .right {
	width: 890px;
	height: 524px;
	border: 1px solid #0a337e;
}
.c4 .main .right .content {
	height: 100%;
	display: none;
}
.c4 .main .right .content.active {
	display: block;
}
.c4 .main .right .content.active:nth-child(3) {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.c4 .main .right .content:nth-child(1) {
	padding-top: 30px;
	background: rgba(0, 25, 110, 0.25);
}
.c4 .main .right .content:nth-child(1) .title {
	font-size: 20px;
	font-weight: 400;
	color: #ffffff;
	line-height: 24px;
	background: -webkit-linear-gradient(bottom, #1cc7ff 0%, #00fcff 100%);
	background: linear-gradient(0deg, #1cc7ff 0%, #00fcff 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-align: center;
	margin-bottom: 21px;
}
.c4 .main .right .content:nth-child(1) .chart-wrap {
	position: relative;
	text-align: center;
}
.c4 .main .right .content:nth-child(1) .chart-wrap .chart-list {
	top: 315px;
	position: absolute;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 685px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	height: 111px;
}
.c4 .main .right .content:nth-child(1) .chart-wrap .chart-list .chart {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	text-align: left;
	padding-left: 17px;
	padding-right: 26px;
	font-size: 16px;
	font-weight: 400;
	color: #ffffff;
	line-height: 24px;
	border-left: 1px solid #225fff;
	position: relative;
}
.c4 .main .right .content:nth-child(1) .chart-wrap .chart-list .chart::before {
	position: absolute;
	content: "";
	width: 22px;
	height: 22px;
	background: #fff;
	border: 2px solid #225fff;
	border-radius: 50%;
	left: 0%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	top: 0;
}
.c4 .main .right .content:nth-child(1) .chart-wrap .chart-list .chart::after {
	position: absolute;
	content: "";
	width: 16px;
	height: 16px;
	background: #225fff;
	border-radius: 50%;
	left: -8px;
	top: -8px;
}
.c4 .main .right .content:nth-child(2) {
	background: #0e0446;
	border: 1px solid #0a337e;
	padding-top: 30px;
	background-image: url("https://www.mobiletrain.org/page/images/chart2.png");
	background-repeat: no-repeat;
	background-position: top;
	position: relative;
}
.c4 .main .right .content:nth-child(2) .title {
	font-size: 20px;
	font-weight: 400;
	color: #ffffff;
	line-height: 24px;
	background: -webkit-linear-gradient(bottom, #1cc7ff 0%, #00fcff 100%);
	background: linear-gradient(0deg, #1cc7ff 0%, #00fcff 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-align: center;
	margin-bottom: 21px;
}
.c4 .main .right .content:nth-child(2) .num-list {
	position: absolute;
	left: 57px;
	top: 106px;
}
.c4 .main .right .content:nth-child(2) .num-list .num {
	text-align: right;
	font-size: 16px;
	font-weight: 400;
	color: #73c6ff;
	line-height: 37px;
}
.c4 .main .right .content:nth-child(2) .chart-list {
	position: absolute;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	bottom: 174px;
	width: 695px;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	left: 118px;
}
.c4 .main .right .content:nth-child(2) .chart-list .chart {
	width: 30px;
	background: #f44147;
	border-radius: 10px 10px 0 0;
	position: relative;
}
.c4 .main .right .content:nth-child(2) .chart-list .chart:nth-child(1) {
	height: 220px;
}
.c4 .main .right .content:nth-child(2) .chart-list .chart:nth-child(2) {
	height: 196px;
}
.c4 .main .right .content:nth-child(2) .chart-list .chart:nth-child(3) {
	height: 117px;
}
.c4 .main .right .content:nth-child(2) .chart-list .chart:nth-child(4) {
	height: 80px;
}
.c4 .main .right .content:nth-child(2) .chart-list .chart:nth-child(5) {
	height: 67px;
}
.c4 .main .right .content:nth-child(2) .chart-list .chart:nth-child(6) {
	height: 55px;
}
.c4 .main .right .content:nth-child(2) .chart-list .chart:nth-child(7) {
	height: 44px;
}
.c4 .main .right .content:nth-child(2) .chart-list .chart:nth-child(8) {
	height: 28px;
}
.c4 .main .right .content:nth-child(2) .chart-list .chart:nth-child(9) {
	height: 27px;
}
.c4 .main .right .content:nth-child(2) .chart-list .chart .num {
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	font-size: 16px;
	font-weight: 400;
	color: #73c6ff;
	line-height: 20px;
	top: -27px;
	white-space: nowrap;
}
.c4 .main .right .content:nth-child(2) .chart-list .chart .city {
	position: absolute;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	left: 50%;
	font-size: 16px;
	font-weight: 400;
	color: #73c6ff;
	line-height: 20px;
	white-space: nowrap;
	bottom: -31px;
}
.c4 .main .right .content:nth-child(2) .ps {
	font-size: 14px;
	font-weight: 400;
	color: #ffffff;
	line-height: 18px;
	margin-top: 381px;
	margin-right: 48px;
	text-align: right;
}
.c4 .main .right .content:nth-child(3) {
	background-image: url("https://www.mobiletrain.org/page/images/chart3.png");
	background-repeat: no-repeat;
	background-position: top;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.c4 .main .right .content:nth-child(3) .title-wrap {
	padding-right: 26px;
	padding-top: 45px;
}
.c4 .main .right .content:nth-child(3) .title-wrap .title {
	font-size: 20px;
	font-weight: bold;
	color: #ffffff;
	line-height: 24px;
	text-align: center;
}
.c4 .main .right .content:nth-child(3) .title-wrap .title + .title {
	margin-top: 7px;
}
.c4 .main .right .content:nth-child(4) {
	background: rgba(14, 4, 70, 0.7);
	border: 1px solid #0a337e;
	background-image: url("https://www.mobiletrain.org/page/images/chart4.png");
	background-repeat: no-repeat;
	background-position: top;
	padding-top: 52px;
	position: relative;
}
.c4 .main .right .content:nth-child(4) .title {
	font-size: 20px;
	font-weight: 400;
	color: #1adbfb;
	line-height: 24px;
	text-align: center;
}
.c4 .main .right .content:nth-child(4) .chart-list {
	position: absolute;
	left: 139px;
	width: 609px;
	bottom: 149px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
}
.c4 .main .right .content:nth-child(4) .chart-list .chart {
	width: 41px;
	position: relative;
	height: 200px;
}
.c4 .main .right .content:nth-child(4) .chart-list .chart:nth-child(1) {
	height: 32px;
}
.c4 .main .right .content:nth-child(4) .chart-list .chart:nth-child(2) {
	height: 52px;
}
.c4 .main .right .content:nth-child(4) .chart-list .chart:nth-child(3) {
	height: 70px;
}
.c4 .main .right .content:nth-child(4) .chart-list .chart:nth-child(4) {
	height: 191px;
}
.c4 .main .right .content:nth-child(4) .chart-list .chart:nth-child(5) {
	height: 181px;
}
.c4 .main .right .content:nth-child(4) .chart-list .chart:nth-child(6) {
	height: 193px;
}
.c4 .main .right .content:nth-child(4) .chart-list .chart:nth-child(7) {
	height: 111px;
}
.c4 .main .right .content:nth-child(4) .chart-list .chart .num {
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
	color: rgba(255, 255, 255, 0.6);
	text-align: center;
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	white-space: nowrap;
	top: -28px;
}
.c4 .main .right .content:nth-child(4) .chart-list .chart .money {
	bottom: -38px;
	white-space: nowrap;
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	font-size: 18px;
	font-weight: 400;
	color: #ffffff;
	line-height: 22px;
	background: -webkit-linear-gradient(bottom, #1cc7ff 0%, #00fcff 100%);
	background: linear-gradient(0deg, #1cc7ff 0%, #00fcff 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.c4 .main .right .content:nth-child(4) .ps {
	margin-top: 389px;
	font-size: 14px;
	font-weight: 400;
	color: rgba(175, 190, 255, 0.3);
	line-height: 18px;
	text-align: center;
}
.c4 .btn {
	margin-top: 58px;
}