/** CSS Reset **/

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;

}



table {

	border-collapse: collapse;

	border-spacing: 0;

}



fieldset,

img {

	border: 0;

	vertical-align: bottom;

}



address,

caption,

cite,

code,

dfn,

em,

strong,

th,

var {

	font-style: normal;

	font-weight: normal;

}



ol,

ul {

	list-style: none;

}



caption,

th {

	text-align: center;

}



h1,

h2,

h3,

h4,

h5,

h6 {

	font-size: 100%;

	font-weight: normal;

}



abbr,

acronym {

	border: 0;

}



textarea,

input,

select {

	resize: none;

	outline: none;

	background: none;

	border: none;

}



button {

	overflow: visible;

	width: auto;

	margin: 0;

	padding: 0;

	border: 0 none;

	outline: none;

}



input {

	border: 0

}



a {

	text-decoration: none;

	color: #333;

	-webkit-tap-highlight-color: transparent;

	-webkit-touch-callout: none;

}



a:hover {

	text-decoration: none;

	color: #000;

}



.clearfix:after {

	content: ".";

	display: block;

	height: 0;

	clear: both;

	visibility: hidden;

	font-size: 0;

}



.clearfix {

	display: inline-block;

}



/* Hide from IE Mac */

.clearfix {

	display: block;

}



html {

	width: 100%;

	height: 100%;

}



body {

	color: #333;

	font-size: 18px;

	line-height: 160%;

	font-family: "Microsoft YaHei";

	width: 100%;

	height: 100%;

}



.fl {

	float: left;

}



.fr {

	float: right;

}



.mobile {

	display: none;

}



.m1000 {

	width: 1000px;

	margin: 0 auto;

}



/* p{ transition:all 0.2s ease-in 0s;}

p:hover{ transform:translateY(-5px);} */

/* banner */

.header {

	width: 100%;

	height: 521px;

	position: relative;

	background: url("../images/header_bg.jpg") no-repeat center top;

}



.header_t {

	position: absolute;

	top: 133px;

	left: 50%;

	margin-left: -365px;

}



.header_b {

	position: absolute;

	top: 267px;

	left: 50%;

	margin-left: -150px;

}



.nav-tit {

	position: absolute;

	top: 434px;

	width: 1000px;

}



.nav-tit ul li {

	text-align: center;

	float: left;

	display: table;

	width: 33.33%;

	height: 170px;

}



.nav-tit ul li.li-01 {

	background: linear-gradient(to right, #2d42bf, #222a9e);

}



.nav-tit ul li.li-02 {

	background: linear-gradient(to right, #411aa4, #200b7c);

}



.nav-tit ul li.li-03 {

	background: linear-gradient(to right, #7a128a, #320976);

}



.nav-tit ul li p {

	font-size: 28px;

	line-height: 38px;

	font-weight: bold;

	color: #ffffff;

	display: table-cell;

	vertical-align: middle;

}





/*part*/

.page {

	padding: 30px 0 60px;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

	width: 100%;

}



.page .title {

	margin-bottom: 40px;

	text-align: center;

}



.page .title img {

	margin: 0 auto;

	display: block;

}





.page1 {

	background: #13076d;

}





.page1 .content div {

	margin-top: 60px;

	color: #ffffff;

	font-size: 24px;

	line-height: 36px;

	padding: 40px 0;

	border-bottom: 1px solid #362c83;

}



.page1 .content div strong {

	font-weight: bold;

}



.page1 .content h5 {

	font-size: 30px;

	color: #ffffff;

	text-align: center;

	font-weight: bold;

	margin: 50px 0 26px;

}



.page1 .content ul li {

	text-align: center;

	float: left;

	display: table;

	width: 33.33%;

	height: 92px;

}



.page1 .content ul li p {

	display: table-cell;

	vertical-align: middle;

	padding: 0 4px;

	font-size: 18px;

	line-height: 24px;

	color: #ffffff;

}



.page1 .content ul li p.p-01 {

	background: url(../images/page1_li_01.png) no-repeat bottom center;

}



.page1 .content ul li p.p-02 {

	background: url(../images/page1_li_02.png) no-repeat bottom center;

}



.page1 .content ul li p.p-03 {

	background: url(../images/page1_li_03.png) no-repeat bottom center;

}



.page1 .content ul li p strong {

	font-size: 24px;

	font-weight: bold;

	color: #ebca58;

}



.page2 {

	background: url(../images/page2_bg.jpg) no-repeat top center;

	background-size: 100% 100%;

}



.page2 table {

	width: 100%;

}



.page2 table th {

	color: #ffffff;

	padding: 20px 0;

	font-size: 24px;

	text-align: center;

	background: #281a70;

}



.page2 table tr.tr-01 {

	border-top: 2px solid #ffffff;

	background: #2d42bf;

}



.page2 table tr.tr-02 {

	border-top: 2px solid #ffffff;

	background: #411aa4;

}



.page2 table tr.tr-03 {

	border-top: 2px solid #ffffff;

	background: #7a128a;

}



.page2 table th.th-01,

.page2 table td.td-01 {

	width: 24%;

	text-align: center;

}



.page2 table th.th-02,

.page2 table td.td-02 {

	width: 49%;

}



.page2 table th.th-03,

.page2 table td.td-03 {

	width: 27%;

	text-align: center;

}



.page2 table tr .td-01,

.page2 table td.td-03 {

	font-size: 24px;

	font-weight: bold;

}



.page2 table tr .td-01 span,

.page2 table tr .td-03 span {

	font-size: 16px;

	font-weight: normal;

}



.page2 table tr.tr-01 .td-01 {

	background: linear-gradient(to right, #2d42bf, #222a9e);

}



.page2 table tr.tr-02 .td-01 {

	background: linear-gradient(to right, #411aa4, #200b7c);

}



.page2 table tr.tr-03 .td-01 {

	background: linear-gradient(to right, #7a128a, #320976);

}



.page2 table td {

	color: #ffffff;

	font-size: 18px;

	line-height: 30px;

	padding: 32px 25px;

}



.page2 .tab p {

	margin: 20px 0;

	text-align: center;

	font-size: 16px;

	color: #333333;

}



.page2 .tab p em {

	color: red;

}



.page2 .btn {

	text-align: center;

}



.page2 .btn a {

	display: inline-block;

	margin: 0 auto;

	text-align: center;

	width: 312px;

	height: 72px;

	line-height: 72px;

	font-size: 26px;

	border-radius: 36px;

	box-shadow: #e3e3e3 0px 0px 0 5px;

	color: #ffffff;

	cursor: pointer;

	background: linear-gradient(to right, #d8519d, #2d27f1);

}



.page3 {

	background: url(../images/page3_bg.jpg) no-repeat top center;

	background-size: 100% 100%;

}



.page3 .lists ul li {

	position: relative;

	width: 47%;

	border-top-left-radius: 90px;

	background: linear-gradient(to right, #2d42bf, #222a9e);

}



.page3 .lists ul li.li-02 {

	margin: 20px 0 60px 0;

}



.page3 .lists ul li.li-04 {

	margin: 100px 0 60px 0;

}



.page3 .lists ul li.li-03 {

	margin: 0px 0 100px 0;

}



.page3 .lists ul li.li-07 {

	width: 100%;

	margin: 60px 0 0 0 !important;

}



.page3 .lists ul li.fl {

	margin-right: 5.5%;

}



.page3 .lists ul li img.lir {

	position: absolute;

	right: -10%;

	top: 50%;

	margin-top: -18px;

}



.page3 .lists ul li img.lid {

	position: absolute;

	bottom: -26%;

	left: 50%;

	margin-left: -18px;

}



.page3 .lists ul li img.lil {

	position: absolute;

	left: -10%;

	top: 50%;

	margin-top: -18px;

}



.page3 .lists ul li div {

	padding: 30px 45px 30px 45px;

}



.page3 .lists ul li div h4 {

	width: 100%;

	line-height: 46px;

	font-size: 30px;

	font-weight: bold;

	color: #ffffff;

	border-bottom: 4px solid #1ae1ed;

}



.page3 .lists ul li div h4 strong {

	font-size: 60px;

	color: #1ae1ed;

	font-weight: bold;

	font-family: impact;

	vertical-align: bottom;

	margin-right: 20px;

}



.page3 .lists ul li div p {

	margin: 15px 0 0 0;

	color: #ffffff;

	font-size: 22px;

	line-height: 30px;

}



.page3 .lists ul li div p span {

	font-size: 18px;

	color: #cccccc;

}



.page4 {

	background: url(../images/page4_bg.jpg) no-repeat top center;

	background-size: 100% 100%;

}



.page4 ul li {

	float: left;

}



.page4 .icon-01 {

	margin: 20px 0 55px 0;

}



.page4 .icon-01 ul {

	padding: 0 8%;

}



.page4 .icon-01 ul li {

	width: 33.33%;

	text-align: center;

}



.page4 .icon-02 ul li {

	width: 25%;

	text-align: center;

}



.page4 ul li img {

	margin: 0 auto 20px;

}



.page4 ul li h5 {

	line-height: 30px;

	font-size: 24px;

	color: #333333;

}



.page4 ul li h5 span {

	font-size: 16px;

	color: #666666;

}



.page4 .content p {

	margin: 30px 0;

	text-align: center;

	font-size: 16px;

	color: #333333;

}



.page4 .content p em {

	color: red;

}



.page4 .content .btn {

	text-align: center;

	margin-top: 35px;

}



.page4 .content .btn a {

	display: inline-block;

	margin: 0 auto;

	text-align: center;

	width: 284px;

	height: 72px;

	line-height: 72px;

	font-size: 26px;

	border-radius: 36px;

	box-shadow: #e3e3e3 0px 0px 0 5px;

	color: #ffffff;

	cursor: pointer;

	background: linear-gradient(to right, #d8519d, #2d27f1);

}







.page5 {

	background: url(../images/page5_bg.jpg) no-repeat top center;

	padding-bottom: 110px;

}



.page5 p {

	color: #ffffff;

	font-size: 24px;

	line-height: 40px;

}



.page5 p strong {

	font-weight: bold;

}



.page5 p.p-02 {

	margin-top: 50px;

}



.zxyy {

	background: url(../images/page6_bg.jpg) no-repeat top center;

	background-size: cover;

}

































#reg form label {

	margin: 6px 0;

}



.form-wrap .btn-wrap {

	color: #000000;

	background: linear-gradient(to bottom, #ff7107, #ffb829);

}


.xdf_bottomForm.form-wrap form .label{width: 15%;}
@media screen and (max-width:1000px) {

	body {

		font-size: 1.4rem;

		line-height: 140%;

	}



	.m1000 {

		width: 98%;

		margin: 0 auto;

	}



	.pc {

		display: none;

	}



	.mobile {

		display: block;

	}



	.nav-tit {

		width: 100%;

		top: 335px;

	}



	.nav-tit ul li {

		width: 33.3333333%;

	}



	.page {

		padding: 2rem 2%;

	}



	.page .title img {

		width: 100%;

	}



	/*banner*/

	.header {

		height: 24.9rem;

		background: url("../images/m_header_bg.jpg") no-repeat center top;

	}



	.header .m1000 {

		width: 96%;

	}



	.header_t {

		margin-left: -35%;

		width: 70%;

		top: 101px;

	}



	.header_t img {

		width: 100%;

	}



	.header_b {

		margin-left: -20%;

		width: 40%;

		top: 198px;

	}



	.header_b img {

		width: 100%;

	}



	.nav-tit ul li {

		height: 128px;

	}



	.nav-tit ul li p {

		font-size: 24px;

		line-height: 28px;

	}



	.page1 .content div {

		margin-top: 44px;

		font-size: 26px;

		line-height: 36px;

		-webkit-text-size-adjust: none;

		text-size-adjust:none;

	}

.page1 .content h5{

	margin: 50px 0 20px 0;

}

	.page1 .content ul li {

		height: 120px;

	}



	.page1 .content ul li p {

		font-size: 22px;

		line-height: 26px;

	}

	

	.page1 .content ul li p strong {

		font-size: 26px;

	}

	.page2 table td{

		font-size: 20px;

	}

	.page2 table tr .td-01 span, .page2 table tr .td-03 span{

		font-size: 18px;

	}

	.page2 table th.th-01, .page2 table td.td-01{

		width: 33%;

	}

	.page2 table th.th-02, .page2 table td.td-02{

		width: 35%;

	}

	.page2 table th.th-03, .page2 table td.td-03{

		width: 32%;

	}

	.page2 table td{

		padding: 32px 15px;

	}

	.page2 .tab p {

		font-size: 18px;

		text-align: center;

	}



	.page3 {

		background: url(../images/m_page3_bg.jpg) no-repeat top center;

		background-size: 100% 100%;

	}



	.page3 .lists ul li div h4 {

		font-size: 24px;

	}



	.page3 .lists ul li div {

		padding: 30px 36px 30px 44px;

	}



	.page3 .lists ul li div p {

		font-size: 20px;

		line-height: 28px;

	}

	.page3 .lists ul li img.lil{

		left: -11%;

	}

	.page3 .lists ul li img.lir {

		right: -11%;

	}



	.page4 {

		background-image: none;

		background-color: #fffff;

	}



	.page4 .content p {

		font-size: 18px;

		line-height: 28px;

		text-align: center;

		

	}



	.page5 {

		background: url(../images/m_page5_bg.jpg) no-repeat top center;

		background-size: 100% 100%;

		padding-bottom: 100px;

	}

	.page5 .title{

		margin-bottom: 28px;

	}

	.page5 p{

		-webkit-text-size-adjust: none;

		text-size-adjust:none;

		}

.page5 p.p-02{

	margin-top: 20px;

	

}

	.zxyy {

		margin-top: -1px;

	}

}