/** 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;

	overflow: hidden;

}



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

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

/* banner */

.header {

	width: 100%;

	height: 590px;

	position: relative;

	background: url("../images/header_bg.png") no-repeat center -50px;

}



.header_t {

	margin: 100px auto 20px;

	text-align: center;

	/*position: absolute;

	top: 164px;

	left: 50%;

	margin-left: -338.5px;*/

}



.header_b {

	margin: 20px auto;

	text-align: center;

	/*position: absolute;

	top: 665px;

	left: 50%;

	margin-left: -444.25px;*/

}



.showP {

	font-size: 20px;

	line-height: 32px;

	color: #ffffff;

	width: 76%;

	padding: 2px 1.7%;

	background: url(../images/header_b_bg.png) no-repeat top center;

	margin: 0 auto;

}



.showP span {

	font-weight: bold;

	color: #fa7102;

}





/*nav*/

.nav-height {

	position: relative;

	height: 60px;

	background-color: #08a5b7;

}



.nav-box {

	width: 1000px;

	height: 50px;

	margin: 0 auto;

	padding-bottom: 10px;

}



.nav-box.navFix {

	width: 100%;

	position: fixed;

	top: 0;

	left: 50%;

	margin-left: -50%;

	z-index: 99999;

	background-color: #08a5b7;

}



.nav-box ul {

	padding: 0;

	margin: 0 auto;

	width: 1000px;

	display: block !important;

}



.nav-box.navFix ul {

	border-bottom: 0;

}



.nav-box li {

	width: 16.66%;

	display: inline-block;

	text-align: left;

	height: 60px;

	line-height: 60px;

	float: left;

	text-align: center;

	position: relative;

}



.nav-box li a {

	display: block;

	width: 100%%;

	font-size: 18px;

	color: #ffffff;

	text-decoration: none;

	font-weight: bold;

}



.nav-box li a:hover {

	font-size: 24px;

	color: #001d6d;

}



.nav-box li a.active {

	font-size: 24px;

	color: #001d6d;

}



/*part*/

.page {

	padding: 30px 0;

	-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 .chinese {

	font-size: 48px;

	font-weight: bold;

	color: #c30e23;

	line-height: 70px;

}



.page .title .english {

	font-size: 20px;

	font-weight: bold;

	color: #dc9aa0;

}



.page .title img {

	margin: 0 auto;

	display: block;

}





.page1,

.page2 {

	background-color: #001c6c;

}



.page1 .content p {

	background: url(../images/page1_txt_bg.png) no-repeat top center;

	width: 88.5%;

	padding: 10px 2.5% 15px;

	font-size: 16px;

	line-height: 30px;

	color: #ffffff;

}





.page2 .content li {

	width: 26.33%;

	float: left;

	background: url(../images/page2_line_l.png) no-repeat left top;

	padding: 0 0 0 7%;

}



.page2 .content li dl dd {

	font-size: 22px;

	color: #ffffff;

}



.page2 .content li dl dt {

	font-size: 28px;

	font-weight: bold;

	background-image: -webkit-linear-gradient(bottom, #e38451, #0bccc4);

	-webkit-background-clip: text;

	-webkit-text-fill-color: transparent;

	margin: 8px 0;

}





.page3,

.page6 {

	background: linear-gradient(to right, rgba(0, 28, 108, 1) 0%, rgba(6, 138, 168, 1) 50%, rgba(0, 28, 108, 1) 100%);

}



.page3 .content .sw1 h3,

.page3 .content .sw2 h3 {

	display: inline-block;

	font-size: 30px;

	color: #001c6c;

	line-height: 50px;

	background-color: #fa7102;

	padding: 0 5px;

	margin: 0 0 30px;

}



.page3 .content .sw1 ul li {

	float: left;

	width: 33.33%;

	text-align: center;

	margin: 0 0 30px;

}



.page3 .content .sw1 ul li h5 {

	font-size: 30px;

	font-weight: bold;

	color: #fa7102;

	margin: 15px auto 10px;

}



.page3 .content .sw1 ul li p {

	line-height: 24px;

	font-size: 18px;

	color: #ffffff;

	height: 50px;

}



.page3 .content .sw2 ul li {

	width: 50%;

	float: left;

	margin-bottom: 30px;

}



.page3 .content .sw2 ul li img {

	display: inline-block;

	vertical-align: middle;

}



.page3 .content .sw2 ul li p {

	display: inline-block;

	width: 48%;

	font-size: 20px;

	color: #ffffff;

	vertical-align: middle;

	margin: 0 0 0 5px;

	background: url(../images/page3_2_bg.png) no-repeat top center;

	padding: 12px 13%;

}



.page3 .content .sw2 ul li p span {

	color: #fa7102;

	font-weight: bold;

}





.page4,

.page5 {

	background-color: #001c6c;

}



.page4 .content ul li {

	float: left;

	width: 23.7%;

	height: 231px;

	background: url(../images/page4_li_bg.png) no-repeat top center;

	margin: 0 6.5px 15px;

}



.page4 .content ul li h4 {

	font-size: 24px;

	font-weight: bold;

	color: #24c3b7;

	text-align: center;

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

	padding: 25px 0 12px;

	margin-bottom: 6px;

}



.page4 .content ul li p {

	color: #ffffff;

	padding: 0 10px 0;

	font-size: 14px;

	line-height: 24px;

}



.page4 .content ul li.center {

	margin-left: 13%;

}





.page .btns {

	text-align: center;

	margin: 30px 0 0;

}



.page .btns a {

	display: inline-block;

	width: 320px;

	height: 50px;

	line-height: 50px;

	border-radius: 25px;

	background-color: #fa7102;

	color: #ffffff;

	cursor: pointer;

	font-size: 20px;

}









/*tab*/

/*tab*/

.tab_wrap {

	width: 100%;

}





.tab_wrap .tab div {

	float: left;

	cursor: pointer;

	width: 11.7%;

	height: 48px;

	line-height: 48px;

	text-align: center;

	background: #005f91;

	border-radius: 10px;

	margin: 0 4px 10px;

}



.tab_wrap .tab div h5 {

	width: 98%;

	height: 44px;

	font-size: 16px;

	color: #ffffff;

	background-color: #005f91;

	border-radius: 10px;

	margin: 0 auto;

}





.tab_wrap .tab div.active {

	width: 11.7%;

	height: 48px;

	background: -webkit-linear-gradient(90deg, #f87204, #24c3b7);

	border-radius: 10px;

}



.tab_wrap .tab div:hover {

	width: 11.7%;

	height: 48px;

	background: -webkit-linear-gradient(90deg, #f87204, #24c3b7);

	border-radius: 10px;

}



.tab_wrap .tab div.active h5 {

	width: 98%;

	height: 46px;

	background-color: #005f91;

	border-radius: 10px;

	margin: 0 auto;

	margin-top: 1px;

	margin-left: 1px;

	color: #ffffff;

	font-weight: bold;

}



.tab_wrap .tab div:hover h5 {

	width: 98%;

	height: 46px;

	background-color: #005f91;

	border-radius: 10px;

	margin: 0 auto;

	margin-top: 1px;

	margin-left: 1px;

	color: #ffffff;

	font-weight: bold;

}



.tab_wrap .item_wrap {

	position: relative;

	overflow: hidden;

	margin: 15px 0 0;

	background: url(../images/page5_item_bg.png) no-repeat top center;

}



.tab_wrap .item_wrap .item {

	position: absolute;

	left: -1000px;

	width: 100%;

	overflow: hidden;



}



.tab_wrap .item_wrap .item div {

	height: 95px;

	padding: 20px 15px 25px;

	font-size: 16px;

	line-height: 26px;

	color: #ffffff;

}



.page6 .content .tab {

	width: 50%;

	margin: 0 auto;

	background: -webkit-linear-gradient(90deg, #1495a4, #fa7102);

	padding-bottom: 1px;

	padding-top: 1px;

	margin-bottom: 35px;

	border-top-left-radius: 10px;

	border-top-right-radius: 10px;

}



.page6 .content .tab ul {

	width: 99.7%;

	margin: 0 auto;

	margin-left: 1px;

	background-color: #24c3b7;

	border-top-left-radius: 10px;

	border-top-right-radius: 10px;



}



.page6 .content .tab ul li {

	display: table;

	float: left;

	width: 33.33%;

	height: 60px;

}



.page6 .content .tab ul li h4 {

	text-align: center;

	display: table-cell;

	vertical-align: middle;

	font-size: 20px;

	color: #001c6c;

	font-weight: bold;

	line-height: 20px;

}



.page6 .content .tab .tbody {

	width: 99.7%;

	margin: 0 auto;

	margin-left: 1px;

	border-bottom-left-radius: 10px;

	border-bottom-right-radius: 10px;

}



.page6 .content .tab .tbody table {

	width: 100%;

	background-color: #005f91;

}



.page6 .content .tab .tbody td {

	width: 33.33%;

	height: 40px;

	color: #ffffff;

	font-size: 20px;

	text-align: center;

	border-right: 1px solid #24c3b7;

	border-bottom: 1px solid #48b894;

}



.page6 .content .tab .tbody td.r0 {

	border-right: 0;

}



.page6 .content .tab .tbody td.b0 {

	border-bottom: 0;

}





.page6 .content .sfq dl {

	margin-bottom: 8px;

}



.page6 .content .sfq dl.active dt h4 {

	background: url(../images/down.png) no-repeat 98% center;

}



.page6 .content .sfq dl.active dd {

	display: block;

}



.page6 .content .sfq dl dt {

	position: relative;

	height: 50px;

	background: linear-gradient(to right, rgba(29, 173, 174, 1) 0%, rgba(2, 73, 133, 1) 100%);

}



.page6 .content .sfq dl dt img {

	position: absolute;

	top: 50%;

	margin-top: -10px;

	left: 12px;

}



.page6 .content .sfq dl dt h4 {

	line-height: 50px;

	color: #ffffff;

	font-size: 16px;

	padding-left: 45px;

	background: url(../images/up.png) no-repeat 98% center;

}



.page6 .content .sfq dl dd {

	background: #00478f;

	display: none;

}







.page6 .content .sfq dl dd p {

	font-size: 14px;

	color: #ffffff;

	line-height: 22px;

	padding: 12px 45px 12px 45px;

	background: url(../images/A.png) no-repeat 12px 15px;

	    background-size: 22px 22px;

}









.zxyy {

	background-color: #de6604;

	    padding: 30px 0 50px;

}





.form-wrap .btn-wrap {

	background: #001c6c;

}



#reg form label {

	margin: 10px 0;

}



.xdf_bottomForm.form-wrap form .label{width: 20%}



@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;

	}



	.page {

		padding: 2rem 2%;

	}



	.page .title img {

		width: 100%;

	}



	/*banner*/

	.header {

		height: 30rem;

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

	}



	.header .m1000 {

		width: 96%;

	}



	/*.header_t {

		left: 50%;

		margin-left: -313.5px;

		top: 185px;

	}



	.header_t img {

		width: 100%;

	}



	.header_b {

		margin-left: -314px;

		top: 500px;

	}



	.header_b img {

		width: 100%;

	}*/





	.nav-height {

		height: 85px;

	}



	.nav-box {

		width: 100%;

		padding-bottom: 35px;

	}



	.nav-box ul {

		width: 100%;

		height: 85px !important;

	}



	.nav-box li {

		height: 85px;

		width: 16.66%;

	}



	.nav-box li a.active {

		font-size: 24px;

		padding: 0 38px;

	}



	.nav-box li a {

		font-size: 24px;

		line-height: 42px;

		padding: 0 38px;

	}





	.showMBox {

		padding-top: 50px;

		background: #001c6c;

	}



	.showMBox .mobile {

		background: #001c6c url(../images/m_showM_bg.png) no-repeat top center;

	}



	.showM {



		font-size: 14px;

		line-height: 42px;

		color: #ffffff;

		width: 94%;

		margin: 0 auto;

		padding: 10px 0;

	}



	.showM span {

		font-weight: bold;

		color: #fa7102;

	}



	.page1 {

		margin-top: -1px;

	}



	.page1 .content p {

		background: url(../images/m_page1_txt_bg.png) no-repeat top center;

		padding: 10px 5.5%;

		font-size: 20px;

		line-height: 40px;

		color: #ffffff;

	}



	.page .btns a {

		display: inline-block;

		width: 440px;

		height: 66px;

		line-height: 66px;

		border-radius: 33px;

		background-color: #fa7102;

		color: #ffffff;

		cursor: pointer;

		font-size: 28px;

	}



	.page2,

	.page3,

	.page5,

	.page6 {

		margin-top: -1px;

	}



	.page3 .content .sw1 ul li h5 {

		height: 34px;

		font-size: 34px;

	}



	.swiper-button-prev,

	.swiper-container-rtl .swiper-button-next {

		background-image: url(../images/left.png);

		left: 0px;

		right: auto;

	}



	.swiper-button-next,

	.swiper-container-rtl .swiper-button-prev {

		background-image: url(../images/right.png);

		right: 0px;

		left: auto;

	}



	.page3 .content .sw2 ul li p {

		display: inline-block;

		width: 78%;

		font-size: 22px;

		color: #ffffff;

		vertical-align: middle;

		margin: 0 0 0 5px;

		background: url(../images/page3_2_bg.png) no-repeat top center;

		background-size: cover;

		padding: 15px 0% 15px 4%;

	}



	.page4 {

		margin-top: -1px;

	}



	.swiper-container2 {

		padding-bottom: 35px;

	}



	.page4 .content ul li {

		width: 48%;

		height: 327px;

		background: url(../images/m_page4_li_bg.png) no-repeat top center;

		margin: 0 6.5px 22px;

	}



	.page4 .content ul li.l-last {

		margin-left: 25%;

	}



	.page4 .content ul li h4 {

		font-size: 40px;

		padding: 45px 0 25px;

		margin-bottom: 15px;

	}



	.page4 .content ul li p {

		font-size: 20px;

		padding: 0 18px 0;

		line-height: 34px;

	}



	.page4 .content ul li.center {

		margin-left: 0;

	}



	.swiper-pagination-bullet {

		width: 14px;

		height: 14px;

		display: inline-block;

		border-radius: 100%;

		background: #e5e5e5;

		opacity: 1;

	}



	.swiper-pagination-bullet-active {

		width: 62px;

		height: 14px;

		border-radius: 7px;

		background: #f67104;

	}



	.tab_wrap .tab div {

		width: 23.7% !important;

		height: 67px !important;

		line-height: 67px;

	}



	.tab_wrap .tab div.active {

		width: 23.7%;

		height: 67px;

		line-height: 67px;

	}



	.tab_wrap .tab div h5 {

		width: 98%;

		height: 65px;

		font-size: 22px;

		line-height: 65px;

	}



	.tab_wrap .tab div.active h5 {

		width: 98%;

		height: 65px;

		line-height: 65px;

	}



	.tab_wrap .tab div:hover h5 {

		width: 98%;

		height: 65px;

		background-color: #005f91;

		border-radius: 10px;

		margin: 0 auto;

		margin-top: 1px;

		margin-left: 1px;

		color: #ffffff;

		font-weight: bold;

	}



	.tab_wrap .item_wrap .item div {

		font-size: 22px;

		line-height: 38px;

		height: auto;

		padding: 20px 20px 25px;

	}



	.tab_wrap .item_wrap {

		background: url(../images/m_page5_item_bg.png) no-repeat top center;

	}



	.page6 .content .tab {

		width: 100%;

	}



	.page6 .content .tab ul li {

		height: 85px;

	}



	.page6 .content .tab ul li h4 {

		font-size: 26px;

		line-height: 30px;

	}



	.page6 .content .tab .tbody td {

		height: 50px;

		font-size: 28px;

	}



	.page6 .content .sfq dl dt {

		height: 68px;

	}



	.page6 .content .sfq dl dt h4 {

		line-height: 68px;

		font-size: 26px;

		padding-left: 65px;

		background: url(../images/m_up.png) no-repeat 98% center;

	}



	.page6 .content .sfq dl dt img {

		position: absolute;

		top: 50%;

		margin-top: -20px;

		left: 15px;

		width: 34px;

		height: 34px;

	}

	.page6 .content .sfq dl dd p {

		font-size:24px;

		line-height: 34px;

		padding: 20px 25px 20px 65px;

		background: url(../images/m_A.png) no-repeat 15px 25px;

		background-size: 34px 34px;

		box-sizing: border-box;

		-webkit-text-size-adjust: none;

	}



	.page6 .content .sfq dl.active dt h4 {

		background: url(../images/m_down.png) no-repeat 98% center;

	}



	.zxyy{padding: 2rem 2% 6rem;}

	.form-wrap form .label{padding-left: 5%;height: 4rem;line-height: 1rem;margin-bottom: 0.1rem;margin: 0.5rem 2%;box-sizing: border-box;border:0.01rem solid #999;}

    .form-wrap form .label span,

    .form-wrap form .label input,

    .form-wrap form .label select{font-size: 1.6rem;height: 4rem;line-height: 4rem;padding: 0;}

    .form-wrap form .label i{left: 0.2rem;}

    .form-wrap form .label.Code{width: 28%;}

    .form-wrap form .label i.iconDown{left:80%;}

    .SmsCodeBtn{font-size: 0.2rem;width: 17%;height: 100%;line-height: 1rem;}

    .form-wrap .label.Code input {width: 75%;}

    .form-wrap .xdf_formbtn{font-size: 1.4rem;margin: 0.5rem 2%;line-height: 4rem;height: 4rem;}

    .tiaokuan{font-size: 20px;color: #ffffff;}

	#xdf_map_m{display: none !important;}

	.btnWrap {

		height: 5rem !important;

		line-height: 5rem !important;

		font-size: 1.9rem !important;

	}

}