@charset "UTF-8";

/*===== 清除默认的margin的属性值 =====*/
body,
blockquote,
dd,
dl,
figure,
form,
p,
pre,
h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
}

/*===== 统一设置列表的margin和padding，以及列表表形式 =====*/
menu,
ul,
ol {
	list-style: none;
	margin: 0;
	padding: 0;
}

/*===== 全局定义字体以及页面背景 =====*/
body {
	line-height: 1;
	background-color: #FFFFFF;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
input,
button,
select,
textarea {
	font-size: 12px;
	font-weight: 400;
}

/* 设置字体大小 */
input[type="button"],
input[type="submit"],
input[type="reset"] {
	font-size: 12px;
}

/* 设置字体大小，这部分跟前面写在一起，IE6中会无效 */
/*===== 字体控制 =====*/


body,
input,
button,
select,
optgroup,
option,
textarea,
pre {
	font-family: 'Microsoft YaHei', 'Simsun', STXihei, 'sans-serif';
}

/*===== 设置iframe的背景色以及去除个别浏览器iframe底部的几个像素 =====*/
iframe {
	background-color: #FFFFFF;
	vertical-align: middle;
}

/*===== 设置文本链接样式 =====*/
a {
	color: #131313;
	text-decoration: none;
}

.article-body a {
	color: rgb(0, 176, 240);
}

a:hover {
	color: #e63b35;
}

/*===== 去除个别浏览器图片底部的几个像素，以及设置图片形式链接无边框 =====*/
img {
	vertical-align: middle;
}

a img {
	border: 0 none;
}

/*===== 设置表单元素的样式 =====*/
fieldset {
	margin: 0;
	padding: 0;
}

legend {
	color: windowtext;
}

/* 设置表单域部分的字体颜色为系统窗体文本颜色 */
button,
input.ie6 {
	overflow: visible;
	padding: .1em .25em;
	cursor: pointer;
}

/* 尽量统一按钮的大小，鉴于IE6不支持【属性选择符】，所以使用一个类名来控制 */
input[type="button"],
input[type="submit"],
input[type="reset"] {
	overflow: visible;
	padding: .1em .25em;
	cursor: pointer;
}

/* 尽量同意按钮的大小，如果采用input方式做的按钮 */
input[type="text"],
select,
textarea {
	background-color: #FFFFFF;
}

/* 统一文本输入框、下拉、文本框的背景色，避免被用户设置系统颜色而破坏页面色彩 */
select {
	border: 1px inset;
}

/* 统一下拉的边框 */
textarea {
	overflow: auto;
	vertical-align: text-bottom;
	*vertical-align: auto;
	border: 1px solid;
	resize: vertical;
}

/* 滚动条为auto，与周边的元素对齐方式，其中hack部分是IE6&7中vertical-align影响范围清除，resize为上下可拉动，避免左右拉动破坏页面布局，如有需要可以设置为none */
/*===== 设置表格元素的样式 =====*/
table {
	border-spacing: 0;
}

/* 合并表格的间隙，去掉单元格之间的间距，如有需要合并单元格为细线表格，可增加 border-collapse:collapse; */
td,
th,
caption {
	padding: 0;
}

/* 去除单元格以及caption表头的padding值 */
.left {
	float: left;
}

.right {
	float: right;
}

.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}

.clearfix:after {
	clear: both;
}

body {
	margin: 0;
	padding: 0;
	font-family: Microsoft YaHei;
	font-size: 18px;
	color: #4d4d4d;
	line-height: 1;
	min-width: 1200px;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
footer .links ul li,
ol,
li {
	margin: 0;
	padding: 0;
}

a {
	text-decoration: none;
	display: inline-block;
}

.hide {
	display: none;
}

.show {
	display: block;
}

.pull-left {
	float: left;
}

.pull-right {
	float: right;
}

.promotedown {
	cursor: pointer
}


.flex {
	display: flex;
	align-items: center;
}

.w1200 {
	width: 1200px;
	margin: auto;
	overflow: hidden;
}

.index1 {
	width: 100%;
	padding: 20px 0;
}

.index_nav {
	flex: 1;
	text-align: right;
}

.index_nav a {
	font-size: 22px;
	color: #353535;
}

.index_nav a:nth-child(1) {
	margin-right: 68px;
}

.index_nav .active,
.index_nav a:hover {
	color: #2350c8;
}

.index2 {
	width: 100%;
	background: url("../images/pe_02.png") center bottom;
	color: #ffffff;
	height: 525px;
	min-width: 1200px;
	position: relative;
}

.index_right {
	position: absolute;
	top: 100px;
	right: 0;
}

.index2 .w1200 {
	height: 525px;
	position: relative;
}

.index2_f1 {
	font-size: 26px;
	color: #fff;
	margin-top: 60px;
}

.index2_f2 {
	font-size: 70px;
	color: #fff;
	font-weight: bold;
	margin: 25px 0;
}

.index2_f3 {
	font-size: 24px;
	color: #fff;
}

.index2_f4 {
	width: 100%;
}

.index2_f4 ul {
	margin: 30px 0;
}

.index2_f4 ul li {
	margin-bottom: 10px;
}

.index_left{padding-left:70px;}

.index2_f4 ul li div {
	width: 240px;
	font-size: 20px;
}

.index2_f4 ul li div img {
	margin-right: 10px;
}

.index2_f5 {
	width: 350px;
	height: 60px;
	line-height: 60px;
	font-size: 22px;
	background: linear-gradient(to bottom, #f6f106, #f6c603);
	border-radius: 5px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: all .3s ease-in-out
}

.index2_f5 a {
	width: 100%;
	display: block;
	color: #ee2812;
}

.index2_f5 a img {
	margin-right: 22px;
}

.index2_f5:hover {
	background: linear-gradient(to bottom, #ffd000, #ffd000);
	border-radius: 5px;
	color: #ee2812;
	transform: translateY(-10px)
}

.index2_f6 {
	font-size: 16px;
	margin: 25px 0 19px 10px;
}

.index2_f7 {
	font-size: 16px;
	color: #fff;
}

.index2_f7 img {
	margin-right: 5px;
}

.index2_f7 div {
	margin-right: 20px;
}

.index2_f7 a {
	color: #fff;
	transition: all .3s ease-in-out
}

.index2_f7 a:hover {
	color: #f6ce04;
}

.index3 {
	width: 100%;
	padding: 20px 0;
	background-color: #2353ca;
}

.index3 .index {
	background-color: #ffffff;
	width: 150px;
	height: 45px;
	line-height: 45px;
	border-radius: 10px;
	color: #2353ca;
	text-align: center;
}

.index3 .indexr {
	color: #fff;
	flex: 1;
	text-align: right;
	color: #fff;
	font-size: 23px;
}

.index3 .indexr a {
	color: #fff;
}

.index3 .indexr a:hover {
	color: #f6cf04;
}

.index4 {
	margin: 60px 0;
}

.ctitle {
	color: #333333;
	font-size: 44px;
	text-align: center;
	font-weight: bold;
}

.ctitle div {
	margin-bottom: 5px;
}

.index4_main {
	margin-top: 140px;
	justify-content: space-between;
	padding: 20px 10px;
}

/* .index4_main .index4_teme{width:414px;height:344px;background: url("images/pe_et.png") center center;position: relative;transition:all .3s ease-in-out;} */
.index4_main .index4_teme {
	width: 379px;
	height: 311px;
	position: relative;
	transition: all .3s ease-in-out;
	background-color: #fff;
	border-radius: 120px 25px 120px 35px;
	box-shadow: 4px 10px 15px rgba(153, 153, 153, .1);
}

.index4_main .index4_teme:hover {

	transform: translateY(-10px)
}

.index4_main .index4_teme:nth-child(1):hover {
	box-shadow: 2px 2px 30px rgba(39, 210, 91, .3);
}

.index4_main .index4_teme:nth-child(2):hover {
	box-shadow: 2px 2px 30px rgba(12, 133, 233, .3);
}

.index4_main .index4_teme:nth-child(3):hover {
	box-shadow: 2px 2px 30px rgba(255, 84, 51, .3);
}

.index4_main .index4_teme img {
	position: absolute;
	top: -105px;
	left: 0;
	right: 0;
	margin: auto;
}

.index4_main .index4_teme a {
	display: block;
}

.index4_main .index4_teme h1 {
	color: #131313;
	text-align: center;
	margin-top: 137px;
	font-size: 29px;
	font-weight: bold;
	margin-bottom: 28px;
}

.index4_main .index4_teme p {
	color: #666666;
	font-size: 19px;
	text-align: center;
	line-height: 30px;
}

.index6 {
	width: 100%;
	margin: 80px 0;
}

.index6_main {
	padding: 0 10px;
	margin: 40px 0 20px 0;
}

.index6_nav {
	display: flex;
	justify-content: space-between;
}

.index6_nav div {
	width: 25%;
	height: 90px;
	font-size: 30px;
	line-height: 90px;
	color: #666666;
	text-align: center;
	border-top-left-radius: 25px;
	border-top-right-radius: 25px;
	cursor: pointer
}

.index6_nav .choose {
	box-shadow: 2px -5px 20px rgba(153, 153, 153, .3);
	font-size: 33px;
	font-weight: bold;
	color: #fff;
	background: linear-gradient(to top, #027be2, #239bf8);
}

.projection {
	padding: 0 10px;
	height: 560px;
	box-shadow: 1px 0px 20px rgba(153, 153, 153, .3);
	position: relative;
}

.hide {
	display: none;
}

.projection_ret {
	width: 575px;
	height: 440px;

	position: absolute;
	top: 50%;
	right: 40px;
	bottom: 50%;

	transform: translateY(-50%);
	border: 5px solid transparent;
	border-radius: 25px;
	background-clip: padding-box, border-box;
	background-origin: padding-box, border-box;
	background-image: linear-gradient(to bottom, #1879db, #3026b5), linear-gradient(90deg, #1879db, #3026b5);
}

.projection_ret img {
	width: 100%;
	border-radius: 25px;
}

.projection_left {
	margin: 0 0 0 50px;
	padding-top: 58px;
}

.projection_title {
	position: relative;
}

.projection_title p {
	position: absolute;
	color: #dce1fc;
	font-size: 70px;
	font-weight: bold;
	z-index: -1;
}

.projection_title h1 {
	z-index: 999;
	;
	font-size: 36px;
	color: #333333;
	font-weight: bold;
	padding-top: 40px;
}

.projection_title img {
	padding-top: 10px;
}

.projection_cont {
	width: 450px;
	font-size: 22px;
	margin-top: 32px;
	line-height: 35px;
	text-align: justify;
}

.projection_an {
	width: 171px;
	margin-top: 57px;
	display: block;
	width: 170px;
	background: linear-gradient(to left, #027be2, #2aa1fd);
	height: 50px;
	border-radius: 50px;
	text-align: center;
	transition: all .3s ease-in-out;
	line-height: 50px;
	color: #fff;
}

.projection_an:hover {
	background: linear-gradient(to bottom, #f6f106, #f6c603);
	color: #ee2812;
	transform: translateY(-10px)
}

.footer {
	background-color: #3d3f43;
	padding: 30px 0;
}

.footer .copy {
	font-size: 14px;
	text-align: center;
	margin-top:10px;
}

.footer .copy a {
	color: #fff;
}

.footer div {
	color: #fff;
	font-size: 14px;
	margin-top: 20px;
	text-align: center;
}

	.page1 {
						width: 100%;
						;
						background: url("../images/page_bj.png") center bottom;
						color: #ffffff;
						height: 450px;
						min-width: 1200px;
						position: relative;
					}

					.page1 .w1200 {
						height: 450px;
						position: relative;
					}

					.page1_re {
						position: absolute;
						bottom: 0;
						right: 0;
					}

					.page1_title {
						font-size: 60px;
						color: #fff;
						font-weight: bold;
						margin: 95px 0 0 10px;
					}

					.page1_ftitle {
						font-size: 30px;
						color: #fff;
						margin: 22px 0 30px 0;
					}

					.page2 {
						margin: 0px 0;
						width: 100%;
						position: absolute;
						bottom: -100px;
					}

					.page2_main {
						display: flex;
						justify-content: space-between;
						align-items: center;
						padding: 5px 0;
					}

					.page2_main div {
						width: 183px;
						height: 160px;
						background-color: #f4f4f4;
						border-radius: 50px 20px 50px 20px;
					}

					.page2_main div a {
						display: block;
						height: 165px;
						transition: all .3s ease-in-out
					}

					.page2_main .inco {
						width: 60px;
						height: 60px;
						background-color: #fff;
						border-radius: 100%;
						margin: auto;
						display: flex;
						justify-content: center;
						margin: 0 auto 10px auto;
					}

					.page2_main .incoimg {
						width: 30px !important;
						height: 30px;
						margin-top: 15px;
					}

					.page2_main h1 {
						color: #353535;
						font-size: 24px;
						text-align: center;
					}

					.page2_main p {
						font-size: 16px;
						color: #666666;
						margin-top: 12px;
						text-align: center;
					}

					.page2_main div a:hover,
					.page2_main div .active {
						background: linear-gradient(to top, #2d31ba, #1879da);
						border-radius: 40px 20px 40px 20px;
						color: #fff !important;
					}

					.page2_main div a:hover h1,
					.page2_main div a:hover p,
					.active h1,
					.active p {
						color: #fff;
					}

					.page2_main div a:hover {
						transform: translateY(-5px)
					}

					.page2_main .incot {
						height: 20px;
					}

					.page3 {
						margin: 150px 0;
					}

					.ntitle {
						font-size: 20px;
						padding: 0 70px;
						line-height: 30px;
						color: #666666;
						text-align: center;
						margin-bottom: 40px;
					}

					.pb {
						width: 100%;
						display: flex;
						justify-content: space-between;
						padding-top: 60px;
					}

					.pb .pb_left,
					.pb .pb_reft {
						width: 590px;
						height: 470px;
					}

					.pb_title {
						position: relative;
					}

					.pb_title p {
						position: absolute;
						color: #dce1fc;
						font-size: 100px;
						font-weight: bold;
						z-index: -1;
					}

					.pb_title h1 {
						z-index: 999;
						;
						font-size: 36px;
						color: #333333;
						font-weight: bold;
						padding-top: 60px;
						padding-left: 60px;
					}

					.pb_title img {
						padding-left: 62px;
						padding-top: 15px;
					}

					.pb_cont {
						padding-left: 62px;
						padding-top: 38px;
						padding-bottom: 34px;
						padding-right: 40px;
					}

					.pb_cont p {
						font-size: 21px;
						line-height: 34px;
					}

					.pb_xz {
						font-size: 16px;
						padding-left: 62px;
						line-height: 20px;
						padding-right: 40px;
					}

					.pb_remain {
						width: 100%;
						position: relative;
					}

					.pb_ret {
						border: 5px solid transparent;
						border-radius: 25px;
						background-clip: padding-box, border-box;
						background-origin: padding-box, border-box;
						background-image: linear-gradient(to bottom, #1879db, #3026b5), linear-gradient(90deg, #1879db, #3026b5);
						position: absolute;
					}

					.pb_ret img {
						width: 100%;
						border-radius: 25px;
					}

					.dff {
						left: 30px;
					}

					.gf {
						padding-left: 30px;
					}

					.pbdt {
						width: 224px;
						height: 151px;
					}

					.pbdt img {
						width: 100%;
					}

					.tops {
						position: absolute;
						top: -30px;
						z-index: 0;
						left: -25px;
					}

					.sds {
						padding-left: 90px;
						padding-top: 38px;
						padding-bottom: 34px;
						padding-right: 10px;
					}

					.rsf {
						padding-left: 90px;
					}

					.bops {
						position: absolute;
						bottom: -110px;
						z-index: 0;
						right: -15px;
					}
					
					.bzt{font-size:30px;font-weight: bold;text-align: center;margin:20px 0;line-height:35px;color:#2d31ba;}
					.tsdrt{margin-top:10px;font-weight: bold;}
					.rstgr img{display: block;margin:0 auto 30px auto;}
					
				.erwer{
					font-size:16px;line-height:22px;margin-bottom:30px;
				}
				
				.page2 .w1200{height:auto  !important;background-color: #fff;padding: 10px 20px;border-radius: 20px;}