*:before,
*:after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
html {
	overflow-x: hidden;
}
body {
	overflow-x: hidden;
	font-family: "黑体";
}
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
select,
p,
blockquote,
th,
td,
section {
	margin: 0;
	padding: 0;
}
hr {
	border-top: 1px solid #000;
	margin-top: 4px;
	margin-bottom: 4px;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	/* 2 */
	cursor: pointer;
	/* 3 */
}

a:focus {
	outline: none;
}
a:hover {
	text-decoration: none;
}

body,
input,
textarea,
select,
button {
	text-rendering: optimizeLegibility;
	/* 1 */
	-webkit-font-smoothing: antialiased;
	/* 2 */
	-moz-osx-font-smoothing: grayscale;
	/* 3 Default: auto */
	-moz-font-feature-settings: "liga", "kern";
}

select {
	-webkit-appearance: none;
	/*去除系统默认的样式*/
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	/* 点击高亮的颜色*/
}

select::-ms-expand {
	display: none;
}

em {
	font-style: normal;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	/* 1 */
	font: inherit;
	/* 2 */
	margin: 0;
	/* 3 */
}

button,
input {
	border: 0;
	line-height: normal;
}

input[type="file"] {
	width: 66px;
}

button,
select {
	text-transform: none;
}

input[type="button"],
input[type="text"] {
	-webkit-appearance: none;
	outline: none;
}

li,
dd,
dl {
	list-style: none;
	margin: 0px;
	padding: 0px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.clear {
	clear: both;
}

.banner {
	width: 100%;
	position: relative;
}
.ny-banner {
	height: auto;
}
.banner .swiper-container .swiper-slide > img {
	width: 100%;
}
.banner .swiper-container .swiper-slide {
	position: relative;
}
.banner .swiper-container .swiper-slide .banner_video {
	position: absolute;
	left: 0;
	top: 0px;
	z-index: -1 !important;
	width: 100%;
	height: 100%;
}
.nybanner {
	padding-top: 108px;
}
.cpbanner {
	padding-top: 0;
}
.nybanner > img {
	width: 100%;
}
.banner .swiper-pagination-bullet {
	width: 40px;
	height: 6px;
	background: #fff;
	opacity: 1;
	border-radius: 3px;
}
.banner .swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
	bottom: 80px;
}
.banner .swiper-pagination-bullet-active {
	background: #f4b16c;
}
.banner-box {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 99;
	width: 1200px;
	height: 100%;
}
.banner-box .banner-center {
	max-width: 1200px;
	margin: 0 auto;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.banner-box1 {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 99;
	width: 1200px;
	height: 100%;
}
.banner-box1 .banner-center {
	max-width: 70%;
	margin: 0 auto;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	padding: 30px;
	background: rgba(255, 255, 255, 0.4);
	border-radius: 5px;
	border: 1px solid #fff;
}

/* 第一张图片的文字设置 */
.banner-center h3 {
	/* font-size: 54px; */
	font-size: 45px;
	font-weight: bold;
}
.banner-center p {
	font-size: 24px;
	/* color: #fff; */
	color: #000;
	margin: 20px 0;
}
.banner-center a {
	display: inline-block;
	width: 162px;
	height: 48px;
	line-height: 48px;
	font-size: 14px;
	color: #fff;
	background: #d49579;
	text-align: center;
}
.banner-center a img {
	margin-left: 8px;
}
.top-wrap {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 99;
}
.top-wrap .top-main {
	max-width: 1230px;
	margin: 0 auto;
	padding: 40px 0;
}
.nytop-wrap .top-main {
	padding: 20px 0;
}
.nytop-wrap {
	background: #ffffff;
	border-bottom: 3px solid #6eabff;
}
.nytop-wrap .logo img:last-of-type {
	display: inline-block;
}
.nytop-wrap .logo img:first-of-type {
	display: none;
}
.top-main .logo img:last-of-type {
	display: none;
}
.top-main .logo img:first-of-type {
	display: inline-block;
}
.top-main .nav {
	float: right;
	margin-top: 24px;
}
.nav > ul > li {
	float: left;
	margin-left: 30px;
	position: relative;
	padding-bottom: 40px;
}
.nav > ul > li a {
	display: inline-block;
	font-size: 16px;
	color: #fff;
}
.nav > ul > li a:hover {
	color: #f4b16c;
}
.nav > ul > li a img {
	margin-left: 5px;
}
.nytop-wrap .nav > ul > li > a {
	color: #747774;
}
.nytop-wrap .nav > ul > li > a:hover {
	color: #d49579;
}
.nytop-wrap .nav > ul > li:last-of-type img {
	cursor: pointer;
}
.nytop-wrap .nav > ul > li:last-of-type img:first-of-type {
	display: none;
}
.nytop-wrap .nav > ul > li:last-of-type a:after {
	background: #e6e6e6;
}
.nav > ul > li:last-of-type a {
	display: inline-block;
	padding-right: 12px;
	position: relative;
	margin-right: 12px;
}
.nav > ul > li:last-of-type a:after {
	content: "";
	display: inline-block;
	width: 1px;
	height: 12px;
	background: #fff;
	right: 0;
	top: 5px;
	position: absolute;
}
.nav > ul > li:last-of-type img {
	transform: translateY(-3px);
}
.nav-menu {
	position: absolute;
	top: 45px;
	left: 50%;
	transform: translateX(-50%);
	background: rgba(32, 138, 204, 0.83);
	padding: 50px;
	/* 修改padding-right距离 */
	padding-right: 30px;
	width: 650px;
	display: none;
}
.nav-menu .menu-img {
	float: left;
	padding-right: 40px;
	margin-right: 40px;
	border-right: 1px solid #a3c8ff;
}
.nav-menu > span {
	display: inline-block;
	border-left: 14px solid transparent;
	border-right: 14px solid transparent;
	border-bottom: 14px solid rgba(32, 138, 204, 0.83);
	position: absolute;
	top: -14px;
	left: 50%;
	transform: translateX(-50%);
}
.nav-menu .menu-img a {
	position: relative;
}
.nav-menu .menu-img a span {
	position: absolute;
	right: 20px;
	bottom: 12px;
	display: inline-block;
	width: 100px;
	height: 30px;
	color: #fff;
	text-align: center;
	line-height: 30px;
	background: #d49579;
	font-size: 14px;
}
.menu-li {
	float: left;
	width: 160px;
}
.menu-li ul li {
	display: inline-block;
	width: 100%;
	line-height: 32px;
	border-bottom: 1px dashed #d6dbe1;
	/* 文字不换行 */
	white-space: nowrap;
}
.menu-li h3 {
	font-size: 18px;
	color: #fff;
	margin-bottom: 10px;
	font-weight: bold;
}
.menu-li ul li a {
	display: inline-block;
	width: 100%;
	transition: all 0.5s;
	color: #fff;
}
.menu-li ul li:hover a {
	padding-left: 10px;
}
.top-wrap {
	width: 100%;
}

/*手机端导航样式*/

.yd-nav {
	z-index: 99;
	cursor: pointer;
	width: 48px;
	height: 48px;
	position: absolute;
	right: 15px;
	top: 21px;
	display: none;
}

.yd-menu {
	position: fixed;
	right: -260px;
	top: 0;
	background: #fff;
	padding: 15px 0;
	width: 260px;
	height: 100%;
	text-align: left;
	z-index: 999;
	transition: all 0.3s;
	overflow: auto;
}
.yd-menu ul li a img,
.menu2 ul li img {
	position: absolute;
	right: 30px;
	top: 17px;
	width: 20px;
	transition: all 0.3s;
}
.yd-menu ul li a {
	position: relative;
	display: inline-block;
	padding: 17px 15px 18px;
	color: #262626;
	font-family: ubm;
	font-size: 14px;
	width: 100%;
	border-bottom: 1px solid #ebeaea;
}
.yd-menu ul li .menu2 ul li {
	position: relative;
	border-bottom: 1px solid #ebeaea;
	display: inline-block;
	padding: 17px 15px 18px 20px;
	font-family: ubm;
	font-size: 14px;
	width: 100%;
	color: #777;
}
.yd-menu ul li {
	position: relative;
}
.yd-menu ul li > img {
	position: absolute;
	left: 1rem;
	top: 0rem;
	width: 0.4rem;
}
.yd-menu .menu2,
.yd-menu .menu3 {
	display: none;
}
.visbox {
	width: 100%;
	height: 10000px;
	position: absolute;
	left: 0;
	top: 0;
	background: rgba(0, 0, 0, 0.75);
	z-index: 100;
	display: none;
}
.yd-nav2 {
	display: none;
}

.main1-wrap {
	width: 100%;
	padding: 88px 0 100px;
}
.main1 {
	max-width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}
.main1-left {
	width: 536px;
	float: left;
	padding-left: 28px;
}
.main1-left > .topx {
	display: inline-block;
	width: 92px;
	height: 2px;
	background: #ebeef2;
	margin-bottom: 20px;
}
.main1-left h4 {
	font-size: 24px;
	font-weight: bolder;
	color: #333333;
	letter-spacing: 12px;
}
.main1-left > span {
	font-size: 16px;
	color: #3779db;
}
.main1-left > span .topx {
	display: inline-block;
	width: 52px;
	height: 2px;
	background: #ebeef2;
	margin-left: 177px;
}
.main1-box {
	margin-top: 55px;
	width: 100%;
	padding: 60px;
	background: url(../img/main1bac.png) no-repeat center/cover;
}
.main1-box span {
	font-size: 14px;
	color: #fff;
}
.main1-box h3 {
	font-size: 18px;
	color: #fff;
	margin: 10px 0 20px;
}
/*.main1-box h3:hover{color:#1252b2}*/
.main1-box p {
	font-size: 14px;
	color: #fff;
	padding-left: 27px;
	position: relative;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.main1-box p:before {
	content: "";
	display: inline-block;
	width: 1px;
	height: 37px;
	background: #cccccc;
	position: absolute;
	left: 0;
	top: 0;
}

.main1-box img {
	max-width: 100%;
	margin-top: 20px;
}
.main1-right {
	width: 585px;
	float: right;
	margin-top: 42px;
}
.main1-right > p {
	text-align: right;
}
.main1-right > p a {
	display: inline-block;
	font-size: 16px;
	color: #818181;
	margin: 0 15px;
}
.main1-right > p .this_a {
	color: #262626;
}
.main1-right > p a:hover {
	color: #262626;
}
.main1-right .main1-li {
	width: 100%;
	margin-top: 65px;
}
.main1-li ul li {
	padding: 33px 100px 33px 75px;
	border-bottom: 1px solid #ebf0f6;
	position: relative;
	transition: all 0.3s;
}
.main1-li ul li:first-of-type {
	border-top: 1px solid #ebf0f6;
}
.main1-li ul li h3 {
	font-size: 18px;
	color: #515151;
	margin-bottom: 15px;
	position: relative;
}
.main1-li ul li p {
	font-size: 14px;
	color: #949494;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.main1-li ul li span {
	font-size: 14px;
	color: #cbcbcb;
	position: absolute;
	bottom: 32px;
	right: 15px;
}
.main1-li ul li h3:before {
	content: "";
	display: inline-block;
	position: absolute;
	width: 6px;
	height: 6px;
	background: #c6c9cc;
	border-radius: 50%;
	left: -25px;
	top: 7px;
}
.main1-li ul li:hover {
	border-color: #c7daf0;
}
.main1-li ul li:hover h3 {
	color: #1252b2;
}
.main1-li ul li:hover h3:before {
	background: #1252b2;
}
.main2-wrap {
	width: 100%;
	clear: both;
	background: url(../img/main2bac.png) no-repeat center;
	background-size: cover;
	padding: 100px 0;
}
.main2 {
	max-width: 1200px;
	margin: 0 auto;
}
.main2 h3 {
	font-size: 32px;
	font-weight: bolder;
	color: #fff;
	text-align: center;
	margin-bottom: 12px;
}
.main2 h4 {
	font-size: 18px;
	color: #cacaff;
	text-align: center;
}
.main2-box {
	width: 100%;
	overflow: hidden;
	margin-top: 60px;
}
.main2-box .main2-left {
	width: 484px;
	float: left;
	position: relative;
	overflow: hidden;
	position: relative;
}
.main2-left .more {
	font-size: 16px;
	color: #fff;
	position: absolute;
	right: 37px;
	bottom: 30px;
	border-bottom: 1px solid #fff;
}
.main2-left > img {
	width: 100%;
	display: none;
}
.main2-left > img:first-of-type {
	display: block;
}
.main2-left ul {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}
.main2-left ul li {
	padding: 15px 25px 15px 10px;
	transition: all 0.3s ease-in;
	cursor: pointer;
	background: #296fdb;
	border-radius: 0 50px 50px 0;
	margin-bottom: 27px;
	position: relative;
	left: -120px;
	min-width: 220px;
}
.main2-left ul .this_pro {
	left: 0;
	background: rgba(245, 173, 99, 0.8);
}
.main2-left ul .this_pro span:last-of-type {
	display: none;
}
.main2-left ul li span {
	font-weight: bold;
	color: #fff;
}
.main2-left ul li span:first-of-type {
	font-size: 20px;
	opacity: 0;
}
.main2-left ul li span:nth-of-type(2) {
	font-size: 24px;
	margin-left: 16px;
	position: absolute;
	right: 40px;
	top: 16px;
}

.main2-left ul li img {
	margin-left: 9px;
	margin-right: 15px;
}
.main2-left ul .this_pro span:first-of-type {
	opacity: 1;
}
.main2-left ul .this_pro img {
	display: inline-block;
}
.main2-right {
	float: right;
	width: 694px;
}
.main2-right > ul {
	overflow: hidden;
	display: none;
}
.main2-right > ul > li {
	width: 334px;
	float: left;
	overflow: hidden;
	border-radius: 8px;
	margin-right: 25px;
	background: #fff;
	margin-bottom: 25px;
	cursor: pointer;
}
.main2-right > ul > li > .pro-img:after {
	content: "";
	display: inline-block;
	position: absolute;
	bottom: -3px;
	transition: all 0.3s;
	left: 0;
	width: 0;
	height: 3px;
	background: #2d51d3;
}
.main2-right > ul > li:hover > .pro-img:after {
	width: 100%;
}
.main2-right > ul > li:hover .pro-txt > p {
	color: #2d51d3;
}
.main2-right > ul > li:nth-of-type(2n) {
	margin-right: 0;
}
.pro-img {
	width: 100%;
	height: 80%;
	position: relative;
	border-bottom: 3px solid #edeff6;
	display: flex;
	justify-content: center;
	align-items: center;
}

.pro-img img {
	max-height: 100%;
	width: auto;
}
.main2-right > ul > li > .pro-txt {
	height: 20%;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 20px;
}
.main2-right > ul > li > .pro-txt a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	font-size: 16px;
}
.main2-right > ul > li > .pro-txt > p {
	text-align: center;
	font-size: 16px;
	color: #232323;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.main3-wrap {
	width: 100%;
	padding: 110px 0;
}

.main3 {
	max-width: 1160px;
	margin: 0 auto;
}
.main3 h3 {
	font-size: 32px;
	color: #333333;
	margin-bottom: 12px;
	text-align: center;
	font-weight: bolder;
}
.main3 h4 {
	font-size: 18px;
	color: #333333;
	text-align: center;
}
.main3-box {
	width: 100%;
	overflow: hidden;
	margin-top: 60px;
}
/*.main3-box .swiper-slide{width: 460px!important;}*/
.main3-box .swiper-slide {
	overflow: hidden;
	cursor: pointer;
}
.main3-box .swiper-slide .kybox {
	background: #f3f6f9;
	height: 275px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.main3-box .swiper-slide-active .kybox {
	width: 460px;
	margin: 0 auto;
	background: linear-gradient(to bottom, #3470e2, #516bed);
	border-radius: 20px;
}
.main3-box .swiper-slide-active .kybox p {
	color: #fff;
}
.main3-box .swiper-slide .kybox img:first-of-type {
	display: none;
}
.main3-box .swiper-slide-active .kybox img:first-of-type {
	display: block;
}
.main3-box .swiper-slide-active .kybox img:nth-of-type(2) {
	display: none;
}
.main3-box .swiper-slide-active a {
	display: block;
}
.kybox img {
	display: block;
	margin: 0 auto;
}
.kybox p {
	text-align: center;
	font-size: 22px;
	color: #4f5255;
	margin: 16px 0;
}
.kybox a {
	font-size: 22px;
	color: #2c62b2;
	display: block;
	margin: 0 auto;
	text-align: center;
	width: 40px;
	line-height: 40px;
	height: 40px;
	background: #fff;
	border-radius: 50%;
	display: none;
}
.kybox a:hover {
	background: #f4b16c;
}
.main4-wrap {
	width: 100%;
	background: #e6edf3;
	padding: 120px 0;
}
.main4 {
	max-width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}
.main4 .main4-left {
	width: 306px;
	float: left;
	position: relative;
}
.main4-left .bfbox {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	cursor: pointer;
}

.video-visbox {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 999;
	display: none;
}
.video-visbox .video-zbox {
	background: rgba(0, 0, 0, 0.8);
	width: 100%;
	height: 100%;
	padding: 44px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.video-visbox video {
	height: 100%;
}
.video-zbox img {
	position: absolute;
	right: 20px;
	top: 20px;
	z-index: 99;
	cursor: pointer;
}
.main4-right {
	float: right;
	width: 840px;
}
.main4 h2 {
	font-size: 32px;
	color: #2a72de;
	margin-bottom: 10px;
	font-weight: bold;
}
.main4 h3 {
	font-size: 18px;
	color: #767676;
	margin-bottom: 15px;
}
.main4 p {
	font-size: 16px;
	color: #7c7c7c;
	line-height: 30px;
}
.main4-box {
	margin: 30px 0;
}
.main4-box ul li {
	transition: all 0.3s;
	width: 178px;
	text-align: center;
	box-shadow: 0 0 10px #dfe2e5;
	cursor: pointer;
	margin-right: 9px;
	border-radius: 5px;
	padding: 30px 10px 30px 15px;
	background: #fff;
	border-right: 1px solid #cfd0d9;
	float: left;
	border-right: 0;
}
.main4-box ul li span {
	font-size: 26px;
	color: #2a72de;
}
.main4-box ul li a {
	transform: translateY(-15px);
	display: inline-block;
	font-size: 14px;
}
.main4-box ul li p {
	font-size: 14px;
	font-weight: bolder;
	color: #7c7c7c;
}
.main4-box ul li:hover {
	background: #2a72de;
}
.main4-box ul li:hover span {
	color: #fff;
}
.main4-box ul li:hover p {
	color: #fff;
}
.main4-box ul li .gy-img {
	width: 54px;
	height: 54px;
	margin-top: 5px;
	float: left;
	border-radius: 50%;
	background: #4886e3;
	display: flex;
	justify-content: center;
	align-items: center;
}
.main4-box ul li .gy-img img:last-of-type {
	display: none;
}
.main4-box ul li:hover .gy-img img:first-of-type {
	display: none;
}
.main4-box ul li:hover .gy-img img:last-of-type {
	display: block;
}
.main4-box ul li:hover .gy-img {
	background: #e1ebfa;
}
.main4-box ul li:hover a {
	color: #fff;
}
.main4-box ul li:hover {
	transform: translateY(-3px);
}
.main4-right > a {
	display: inline-block;
	width: 134px;
	height: 44px;
	line-height: 44px;
	font-size: 14px;
	color: #fff;
	text-align: center;
	background: #f4b16c;
}

footer {
	width: 100%;
	background: #08162a;
}
.footer {
	max-width: 1200px;
	margin: 0 auto;
	overflow: hidden;
	padding-top: 60px;
}
.footer .fotnav {
	float: left;
	width: 1050px;
}
.fotnav ul li {
	float: left;
	margin-right: 60px;
	max-width: 90px;
}
.fotnav ul li span {
	display: inline-block;
	width: 100%;
	margin-bottom: 20px;
	font-size: 18px;
	color: #ededed;
	font-weight: bold;
}
.fotnav ul li a {
	display: inline-block;
	width: 100%;
	font-size: 14px;
	color: #ededed;
	margin-bottom: 10px;
}
.fotnav ul li:last-of-type {
	max-width: 290px;
	margin-right: 0;
}
.fotnav ul li p {
	font-size: 14px;
	color: #ededed;
	line-height: 26px;
}
.footer .ewm {
	float: right;
}
.fotbot {
	width: 100%;
	margin-top: 60px;
	padding: 20px 0;
	border-top: 1px solid #ededed;
}
.yqbox {
	margin-bottom: 20px;
}
.yqbox span,
.yqbox a {
	font-size: 14px;
	color: #ededed;
	display: inline-block;
	margin-right: 15px;
}
.copy {
	width: 100%;
	overflow: hidden;
}
.copy > span {
	font-size: 14px;
	color: #ededed;
	float: left;
}
.copy > div {
	float: right;
}
.copy > div span {
	font-size: 14px;
	color: #ededed;
	float: left;
	position: relative;
}
.copy > div span:first-of-type {
	margin-right: 6px;
	padding-right: 6px;
}
.copy > div span:first-of-type:after {
	content: "";
	display: inline-block;
	width: 1px;
	height: 16px;
	background: #ededed;
	position: absolute;
	right: 0;
	top: 2px;
}
.nynav {
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	text-align: center;
	background: rgba(255, 255, 255, 0.55);
}
.nynav a {
	display: inline-block;
	padding: 12px 34px;
	color: #3b3b3b;
	font-size: 16px;
	position: relative;
	font-weight: bold;
}
.nynav a:last-of-type:after {
	display: none;
}
.nynav a:after {
	content: "";
	display: inline-block;
	width: 1px;
	height: 11px;
	background: #fff;
	position: absolute;
	right: 0;
	top: 20px;
}
.nynav .this_nav {
	color: #fff;
	background: #476bee;
}
.nynav .this_nav:after {
	display: none;
}
.jy-wrap {
	width: 100%;
	padding: 100px 0;
}
.jy-main {
	max-width: 1200px;
	margin: 0 auto;
}
.jy-nav {
	width: 100%;
	text-align: center;
	margin-bottom: 65px;
}
.jy-nav a {
	width: 200px;
	height: 55px;
	line-height: 55px;
	display: inline-block;
	box-shadow: 0 0 5px #eeeeee;
	text-align: center;
	color: #a4a4a4;
	font-size: 16px;
}
.jy-nav .this_jy {
	background: #3b6fe7;
	color: #fff;
}
.jy-box .swiper-container {
	width: 100%;
	padding-bottom: 70px;
}
.jy-box .swiper-container .swiper-slide {
	overflow: hidden;
}
.jy-box .swiper-container .swiper-slide img {
	width: 100%;
	max-height: 360px;
}
.jy-box .swiper-button-prev,
.jy-box .swiper-button-next {
	width: 34px;
	height: 85px;
	position: absolute;
	margin-top: -82px;
}
.jy-box .swiper-button-prev {
	left: 26%;
	background: url(../img/lbprev.png) no-repeat;
}
.jy-box .swiper-button-next {
	right: 26%;
	background: url(../img/lbnext.png) no-repeat;
}
.jy-box .swiper-pagination-bullet {
	width: 13px;
	height: 13px;
}
.jy-box .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 12px;
}
.cp-wrap {
	width: 100%;
	padding: 100px 0;
	background: #edeff6;
}
.cp-main {
	max-width: 1200px;
	margin: 0 auto;
}
.cp-left {
	width: 258px;
	float: left;
}
.cp-right {
	width: 917px;
	float: right;
}

.cp-right > ul > li {
	width: 290px;
	float: left;
	margin-right: 22px;
	border-radius: 8px;
	margin-bottom: 26px;
	cursor: pointer;
	background: #fff;
	box-shadow: 0 0 15px #cccfd9;
}
.cp-right > ul > li:nth-of-type(3n) {
	margin-right: 0;
}
.cp-right > ul > li > .cp-img {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 20px;
	border-bottom: 3px solid #edeff6;
	transition: all 0.3s;
	overflow: hidden;
}
.cp-img img {
	max-width: 100%;
	transition: all 0.3s ease-in-out;
}
.cp-right > ul > li:nth-of-type(3n) {
	margin-right: 0;
}
/*.cp-right>ul>li:hover{}*/
/*.cp-main>ul>li:hover .cp-bot:after{width:100%;}*/
.cp-right > ul > li:hover .cp-bot p,
.cp-main > ul > li:hover .cp-bot span {
	color: #fff;
}
.cp-right > ul > li:hover .cp-bot {
	background: #476bee;
}
.cp-right > ul > li:hover .cp-img img {
	transform: scale(1.1);
}
.cp-right > ul > li:hover .cp-img {
	border-bottom: 2px solid #2d51d3;
}
.cp-right > ul > li:hover .cp-bot span {
	color: #fff;
}
.cp-left {
	width: 258px;
	background: #fff;
	border-radius: 8px 8px 0 0;
	overflow: hidden;
}
.cp-left > h3 {
	padding: 20px 26px;
	background: #476bee;
}
.cp-left > h3 span:first-of-type {
	font-size: 30px;
	color: #fff;
	display: inline-block;
	margin-right: 6px;
}
.cp-left .cp-nav {
	width: 100%;
}
.cp-nav > ul > li {
	position: relative;
	padding: 20px 30px;
	font-size: 14px;
	color: #333747;
	border-bottom: 2px solid #e7eaeb;
	cursor: pointer;
}
.cp-nav ul > li > img {
	position: absolute;
	right: 42px;
	top: 18px;
}
.cp-nav > ul > li > img:last-of-type {
	display: none;
}
.cp-nav > ul > .active > .cp-vbox > .cp-svbox {
	display: block;
}
.cp-nav > ul > .active > img:last-of-type {
	display: block;
}
.cp-nav > ul > .active > img:first-of-type {
	display: none;
}
.cp-nav ul li .cp-vbox {
	width: 100%;
	margin-top: 12px;
	display: none;
}
.cp-nav ul .active .cp-vbox {
	display: block;
	color: #337ab7;
}
.cp-nav ul li .cp-vbox .active .cp-svbox {
	display: block;
}
.cp-nav ul .active > a {
	color: #476bee;
	font-weight: bold;
	font-size: 17px;
}
.cp-nav ul li > a {
	color: #333;
	font-size: 16px;
}
.cp-vbox .active > a {
	color: #476bee;
}
.cp-vbox span > a {
	color: #333;
}
.cp-svbox > div {
	font-size: 14px;
	border: none;
	line-height: 20px;
	padding-left: 20px;
	background: none;
	color: #999999;
	display: inline-block;
	width: 100%;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	margin-bottom: 6px;
}
.cp-nav > ul > li:hover {
	color: #6485ff;
}
.cp-svbox {
	display: none;
}
.cp-vbox span .cp-svbox > div:hover {
	color: #6485ff;
}
.cp-vbox > span {
	font-size: 14px;
	line-height: 36px;
	display: inline-block;
	width: 100%;
	color: #333;
	position: relative;
}
.cp-vbox > span:hover {
	color: #6485ff;
}
.cp-svbox > div:hover {
	color: #6485ff;
}
.cp-vbox span > img {
	position: absolute;
	right: 12px;
	top: 5px;
}
.cp-vbox span > img:last-of-type {
	display: none;
}
.cp-vbox .active > img:last-of-type {
	display: block;
}
.cp-vbox .active > img:first-of-type {
	display: none;
}
.cp-bot {
	width: 100%;
	padding: 12px 30px;
	position: relative;
	transition: all 0.3s;
	border-radius: 0 0 8px 8px;
	min-height: 72px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-align: center;
}
/*.cp-bot:after{content: "";display: inline-block;width:0;transition: all .3s ease-in-out;height: 3px;background: #f4aa62;position: absolute;bottom:-3px;left: 0;}*/
.cp-bot p {
	font-size: 16px;
	color: #454545;
	overflow: hidden;
}
.cp-bot span {
	font-size: 15px;
	color: #bbbbbb;
}
.page {
	width: 100%;
	text-align: center;
	margin-top: 30px;
}
.page a {
	display: inline-block;
	padding: 6px 12px;
	border: 1px solid #dddddd;
	margin: 0 3px;
	color: #111111;
	font-size: 14px;
}
.page .this_page {
	background: #3b6fe7;
	border: 1px solid #3b6fe7;
	color: #fff;
}
.page a:hover {
	background: #3b6fe7;
	border: 1px solid #3b6fe7;
	color: #fff;
}
.cpxq-main {
	position: fixed;
	width: 1200px;
	height: 80%;
	left: 50%;
	top: 50%;
	background: #fff;
	transform: translate(-50%, -50%);
	z-index: 999;
	display: none;
}
.vixbox {
	width: 100%;
	height: 10000px;
	position: fixed;
	left: 0;
	top: 0;
	background: rgba(0, 0, 0, 0.75);
	z-index: 999;
	display: none;
}

.cpxq-big h3 {
	text-align: center;
	font-size: 28px;
	color: #232937;
	padding-bottom: 15px;
	margin-bottom: 40px;
	position: relative;
}
.cpxq-big h3:after {
	content: "";
	display: inline-block;
	width: 96px;
	height: 1px;
	background: #f4aa62;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 0;
}
.cpxq-top {
	width: 100%;
	overflow: hidden;
}
.cpxq-top img {
	max-width: 100%;
	overflow: hidden;
}
.cpxq-left {
	width: 500px;
	height: 414px;
	border: 2px solid #f2f2f2;
	display: flex;
	justify-content: center;
	align-items: center;
	float: left;
	margin-right: 40px;
}
.cpxq-left img {
	max-width: 100%;
}
.cpxq-right {
	width: 420px;
	float: left;
	margin-top: 20px;
}
.cpxq-main .xqesc {
	width: 36px;
	position: absolute;
	right: -12px;
	top: -18px;
}
.cpxq-sbox {
	display: none;
}
.cpxq-sbox p {
	font-size: 16px !important;
}
.cpxq-sbox p span {
	font-size: 16px !important;
	color: #000 !important;
}
.cpxq-sbox img {
	max-width: 550px;
	width: auto !important;
	height: auto !important;
}
.cpxq-big {
	width: 100%;
	height: 100%;
	overflow-y: auto;
	padding: 60px 50px;
}
.cpxq-right .td:after {
	content: "";
	display: inline-block;
	width: 100%;
	height: 8px;
	background: #94abff;
	border-radius: 10px;
}
.cpxq-right .td span {
	font-size: 22px;
	color: #000000;
}
.cpxq-right .td span:last-of-type {
	font-size: 14px;
	display: inline-block;
	margin-left: 6px;
}
.tdnr {
	padding: 20px 0;
}
.tdnr p {
	font-size: 16px !important;
	color: #000 !important;
	font-family: "黑体" !important;
	line-height: 24px;
}
.tdnr p span {
	font-size: 16px !important;
	color: #000 !important;
	font-family: "黑体" !important;
	line-height: 24px;
}
.yt {
	margin-bottom: 50px;
}
.yt span {
	font-size: 16px;
	color: #070707;
}
.yt p {
	font-size: 14px;
	color: #757575;
}
.cpxq-right > a {
	display: inline-block;
	width: 123px;
	height: 32px;
	line-height: 32px;
	background: #f3a050;
	font-size: 14px;
	text-align: center;
	color: #fff;
	border-radius: 5px;
}
.cpxq-bot {
	margin-top: 60px;
}
.cpxq-nav {
	width: 100%;
	position: relative;
	margin-bottom: 55px;
	background: #f9f9f9;
}
.cpxq-nav ul li {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	line-height: 43px;
	min-width: 175px;
	text-align: center;
	cursor: pointer;
	padding: 0;
	background: #e5e5e5;
	font-size: 16px;
	color: #666;
}
.cpxq-nav ul {
	height: 43px;
}
.cpxq-nav ul .this_xq {
	background: #476bee;
	border-radius: 6px;
	border-bottom: 0;
	color: #fff;
}
.cpxq-nav ul .this_xq:after {
	position: absolute;
	left: 0;
	bottom: -1px;
	content: "";
	display: inline-block;
	width: 100%;
	height: 2px;
	background: #fff;
}
/*.cpxq-nav ul .this_xq:before{content: "";display: inline-block;width: 63px;height: 4px;position: absolute;bottom: 0;left:50%;transform: translateX(-50%);border-radius: 3px 3px 0 0;background: #94abff;}
*/

.cpxq-big::-webkit-scrollbar {
	/*滚动条整体样式*/

	width: 10px; /*高宽分别对应横竖滚动条的尺寸*/

	height: 1px;
}

.cpxq-big::-webkit-scrollbar-thumb {
	/*滚动条里面小方块*/
	background: #c9cbd6;
}

.cpxq-big::-webkit-scrollbar-track {
	/*滚动条里面轨道*/

	-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);

	border-radius: 10px;

	background: #ededed;
}

.fz-wrap {
	width: 100%;
	padding: 90px 0 146px;
	background: url(../img/fzbac.png) no-repeat center;
	background-size: cover;
}
.fz-main {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 20px;
}
.fz-main h1 {
	text-align: center;
	font-size: 36px;
	color: #333333;
	padding-bottom: 30px;
	position: relative;
	font-weight: bold;
}
.fz-main h1:after {
	content: "";
	display: inline-block;
	width: 105px;
	height: 2px;
	background: url(../img/fzx.png) no-repeat center;
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
}
.fzbanner {
	width: 100%;
	position: relative;
	margin-top: 120px;
}
.fzbanner .swiper-container {
	max-width: 980px;
	margin: 0 auto;
	border-bottom: 2px solid #6485ff;
}
.fzbanner .swiper-slide {
	padding: 25px 25px 50px;
	background: url(../img/fzx2.png) no-repeat left top;
	background-size: auto 100%;
}

.fzbanner .swiper-slide span {
	font-size: 22px;
	color: #3b6fe7;
	font-weight: bolder;
}
.fzbanner .swiper-slide h3 {
	font-size: 16px;
	color: #414141;
	font-weight: bolder;
	padding: 12px 0;
}
.fzbanner .swiper-slide p {
	font-size: 14px;
	color: #848484;
}
.fzbanner .swiper-button-next,
.fzbanner .swiper-button-prev {
	width: 32px;
	height: 32px;
}
.fzbanner .swiper-button-prev {
	background: url(../img/prev1.png) no-repeat center;
	background-size: 100%;
}
.fzbanner .swiper-button-next {
	background: url(../img/next1.png) no-repeat center;
	background-size: 100%;
}
.fzbanner .swiper-button-prev:hover {
	background: url(../img/prev2.png) no-repeat center;
	background-size: 100%;
}
.fzbanner .swiper-button-next:hover {
	background: url(../img/next2.png) no-repeat center;
	background-size: 100%;
}
.about-wrap {
	width: 100%;
	padding: 78px 0;
}
.about-main {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 20px;
}
.about-main h1 {
	font-size: 40px;
	color: #333333;
	text-align: center;
	padding-bottom: 30px;
	position: relative;
	font-weight: bold;
}
.about-main h1:after {
	content: "";
	display: inline-block;
	width: 105px;
	height: 2px;
	background: url(../img/fzx.png) no-repeat center;
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
}
.about-top {
	width: 100%;
	margin: 40px 0;
	text-align: center;
}
.about-top li {
	padding: 0 40px;
	display: inline-block;
	border-right: 1px solid #e9e9e9;
}
.about-top li:last-of-type {
	border: 0;
}
.about-top li span {
	font-size: 46px;
	color: #393939;
	position: relative;
}
.about-top li span sup {
	font-size: 12px;
	color: #7f7f7f;
	position: absolute;
	top: 17px;
	right: -14px;
}
.about-top li p {
	font-size: 12px;
	color: #a7a7a7;
}
.about-nr {
	width: 100%;
}
.about-nr p {
	font-size: 14px;
	color: #838383;
	line-height: 29px;
	margin-bottom: 24px;
}
.video-box {
	width: 100%;
	text-align: center;
	margin-top: 46px;
}
.video-box .video-bt {
	text-align: center;
	width: 408px;
	font-size: 22px;
	color: #232937;
	margin-bottom: 42px;
	position: relative;
	background: url(../img/videobac.png) no-repeat center;
	display: inline-block;
}
.video-box span {
	transform: translateY(-10px);
	display: inline-block;
}
.video-box video {
	display: block;
	margin: 0 auto;
	width: 900px;
}
.zs-wrap {
	width: 100%;
	padding: 60px 0;
}
.zs-main {
	max-width: 1200px;
	margin: 0 auto;
}
.zs-main ul li {
	width: 371px;
	float: left;
	margin-right: 38px;
	margin-bottom: 24px;
}
.zs-main ul li img {
	max-width: 100%;
}
.zs-main ul li:nth-of-type(3n) {
	margin-right: 0;
}
.zs-main ul {
	margin-bottom: 40px;
}
.hj-wrap {
	width: 100%;
	padding: 50px 0;
}
.hj-main {
	max-width: 1200px;
	margin: 0 auto;
}


.hj-main  li {
	list-style: initial;
}

.hj-main video {
	max-width: 100%;
	height: auto;
}
.hj-main .hj-left {
	width: 852px;
	float: left;
	border: 1px solid #e6ebed;
	padding: 40px;
}
.hj-left .hj-top h1 {
	text-align: center;
	font-size: 24px;
	color: #131313;
	margin-bottom: 20px;
	font-weight: bold;
}
.hj-left .hj-top {
	padding-bottom: 20px;
	border-bottom: 1px solid #e6ebed;
}
.hj-top p {
	text-align: center;
}
.hj-top span {
	font-size: 14px;
	color: #8f8f8f;
	margin: 0 15px;
}
.hj-nr {
	width: 100%;
	padding: 30px 0;
}
.hj-nr section {
	max-width: 100% !important;
	height: auto !important;
}
.hj-nr p img {
	max-width: 100%;
	height: auto;
}
.hj-nr img {
	max-width: 100%;
	height: auto;
}
.hj-nr p {
	font-size: 16px;
	/* color: #666; */
	line-height: 28px;
	/* margin-bottom: 30px; */
	margin-bottom: 10px;
	font-family: "黑体";
}
.hj-nr p span {
	font-family: "黑体";
	font-size: 16px;
	/* color: #666; */
	line-height: 28px;
}
.hj-nr section p {
	max-width: 100%;
	font-size: 16px;
	/* color: #666; */
	/* line-height: 28px; */
	/* margin-bottom: 30px; */
	margin-bottom: 10px;
	font-family: "黑体";
}
.hj-nr section span {
	font-size: 16px;
	/* color: #666; */
	line-height: 28px;
	font-family: "黑体";
}
.hj-nr > img {
	margin-bottom: 20px;
	max-width: 100%;
}
.hj-nr h3 {
	text-align: center;
	font-size: 16px;
	color: #3b6fe7;
	font-weight: bold;
	/* margin-bottom: 20px; */
}
.hj-nr h4 {
	font-size: 15px;
	color: #343434;
	margin-bottom: 10px;
	font-weight: bold;
}
.hj-img {
	width: 100%;
	overflow: hidden;
	margin-bottom: 20px;
}
.hj-img img {
	max-width: 50%;
	float: left;
}
.hj-page {
	width: 100%;
	overflow: hidden;
	padding: 14px 0;
	border-top: 1px solid #e6ebed;
	border-bottom: 1px solid #e6ebed;
}
.hj-page a {
	display: inline-block;
	max-width: 50%;
	float: left;
	font-size: 14px;
	color: #4f4f4f;
}
.hj-page a:last-of-type {
	float: right;
}
.hj-page a img {
	vertical-align: bottom;
	width: auto !important;
}
.hj-page a:first-of-type img {
	margin-right: 12px;
}
.hj-page a:last-of-type img {
	margin-left: 12px;
}
.hj-page a span {
	max-width: 94%;
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.hj-page a:hover span {
	color: #476bee;
}
.hj-right {
	width: 308px;
	float: right;
}
.hj-right h3 {
	padding: 0 20px;
	width: 100%;
	height: 40px;
	line-height: 40px;
	background: #3b6fe7;
	font-size: 16px;
	color: #fff;
}
.hj-right .hj-rbox {
	width: 100%;
	padding: 8px 20px 30px;
	background: #f2f4f7;
}
.hj-rbox ul li {
	padding: 12px 0;
	border-bottom: 1px solid #d5d5d5;
}
.hj-rbox ul li a {
	font-size: 14px;
	color: #3b3b3b;
	display: inline-block;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding-bottom: 5px;
}
.hj-rbox ul li span {
	font-size: 14px;
	color: #858585;
}
.hj-rbox ul li a:hover {
	color: #476bee;
}
.lx-wrap {
	width: 100%;
	padding: 90px 0;
	background: url(../img/lxbac.png) no-repeat center;
	background-size: cover;
	margin-top: 109px;
}
.lx-main {
	max-width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}

.lx-left {
	width: 533px;
	float: left;
	position: relative;
	background: rgba(32, 138, 204, 0.83);
	padding: 60px;
}
.lx-left h1 {
	font-size: 34px;
	font-weight: bold;
	color: #fff9f9;
	padding-bottom: 10px;
}
.lx-left h2 {
	font-size: 28px;
	color: #fff;
	font-weight: 300;
	padding-bottom: 15px;
	position: relative;
}
.lx-left h2:after {
	content: "";
	display: inline-block;
	width: 75px;
	height: 3px;
	background: #fff;
	position: absolute;
	left: 0;
	bottom: 0;
}

.lx-left .lx-p {
	padding: 18px 0 0 0;
}

.lx-p .lx-sp {
	padding-left: 28px;
	margin-bottom: 20px;
}
.lx-p .lx-sp:first-of-type {
	background: url(../img/lx1.png) no-repeat left 5px;
}
.lx-p .lx-sp:nth-of-type(2) {
	background: url(../img/lx2.png) no-repeat left 5px;
}
.lx-p .lx-sp:nth-of-type(3) {
	background: url(../img/lx2.png) no-repeat left 5px;
}
.lx-p .lx-sp:nth-of-type(4) {
	background: url(../img/lx3.png) no-repeat left 5px;
}
.lx-p .lx-sp:nth-of-type(5) {
	background: url(../img/lx3.png) no-repeat left 5px;
}

.lx-p .lx-sp span {
	font-size: 15px;
	color: #fff;
	display: inline-block;
	width: 100%;
}
.lx-p .lx-sp p {
	font-size: 15px;
	color: #fff;
}
.lx-ewm {
	position: absolute;
	bottom: 60px;
	right: 60px;
	text-align: center;
}
.lx-ewm img {
	display: block;
	margin: 10px auto;
}
.lx-ewm span {
	font-size: 12px;
	color: #fff;
}
.lx-lybox {
	width: 667px;
	float: right;
	background: rgba(249, 249, 249, 0.83);
	border: 1px solid #e9e9e9;
	padding: 34px 26px;
}
.lx-lybox h2 {
	font-size: 24px;
	color: #2f2f2f;
	text-align: center;
	margin-bottom: 17px;
	font-weight: bold;
}
.ly-sinput {
	width: 100%;
	overflow: hidden;
}
.ly-input .ly-sinput input {
	width: 48%;
	float: left;
	height: 42px;
	background: #fff;
	border: 1px solid transparent;
	padding: 0 18px;
	margin-bottom: 18px;
}
.ly-input .ly-sinput input:nth-of-type(2) {
	float: right;
}
.ly-input input {
	width: 100%;
	height: 42px;
	background: #fff;
	border: 0;
	padding: 0 18px;
	margin-bottom: 18px;
	border: 1px solid transparent;
}
.ly-input textarea {
	width: 100%;
	height: 129px;
	margin-bottom: 12px;
	padding: 10px 20px;
	background: #fff;
	outline: none;
	border: 1px solid transparent;
}
.ly-input .ly-sinput input:focus,
.ly-input textarea:focus,
.ly-input input:focus {
	border: 1px solid #f3a04f;
}
.yzmbox {
	width: 100%;
	overflow: hidden;
}
.yzmbox input {
	width: 307px;
}
.yzmbox img {
	cursor: pointer;
}
.ly-input button {
	width: 100%;
	height: 40px;
	background: #f4aa62;
	color: #fff;
	font-size: 16px;
	border-radius: 5px;
	outline: none;
}
.sh-wrap {
	width: 100%;
	padding: 90px 0;
}
.sh-main {
	max-width: 1130px;
	margin: 0 auto;
}
.sh-main h1 {
	text-align: center;
	font-size: 29px;
	color: #3b3b3b;
	margin-bottom: 30px;
	padding-bottom: 10px;
	position: relative;
}
.sh-main h1:after {
	content: "";
	display: inline-block;
	width: 69px;
	height: 2px;
	background: #abbdff;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 0;
}
.sh-box {
	width: 100%;
}
.sh-center {
	width: 100%;
	overflow: hidden;
	position: relative;
}
.sh-box > p {
	font-size: 16px;
	line-height: 32px;
	color: #666;
	text-align: center;
	margin-bottom: 30px;
}
.sh-center .shln-left {
	background: url(../img/shlnleft.png) no-repeat;
	background-size: 100%;
	width: 340px;
	height: 220px;
	padding: 105px 40px 0;
	position: absolute;
	top: 88px;
	left: 0;
}
.shln-left span {
	font-size: 28px;
	color: #fff;
}
.shln-left span img {
	margin-right: 12px;
}
.shln-left p {
	font-size: 24px;
	color: #fff;
}
.shln-right {
	width: 923px;
	height: 330px;
	background: url(../img/shcenter.png) no-repeat;
	background-size: 100% 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	float: right;
	padding: 0 70px 0 160px;
}
.shln-right > div {
	font-size: 16px;
	color: #666;
}
.sh-bot {
	width: 100%;
	box-shadow: 0 0 15px #e2e4e7;
	padding: 50px;
	margin-top: 80px;
	border-radius: 10px;
	position: relative;
}
.sh-bot img {
	position: absolute;
	right: 40px;
	bottom: 0;
	width: 400px;
}
.shbot-txt {
	max-width: 680px;
}
.shbot-txt h3 {
	font-size: 22px;
	color: #3b3b3b;
	margin-bottom: 20px;
}
.shbot-txt p {
	font-size: 16px;
	color: #666;
	line-height: 30px;
}
.news-wrap {
	width: 100%;
	padding: 60px 0;
}
.news-main {
	max-width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}
.news-main ul li {
	width: 100%;
	display: flex;
	overflow: hidden;
	padding-bottom: 36px;
	margin-bottom: 36px;
	border-bottom: 1px solid #ededed;
}
.news-img {
	float: left;
	margin-right: 36px;
	width: 294px;
	height: 202px;
	position: relative;
	overflow: hidden;
}
/* 修改图片固定比例 */
.news-img img {
	max-width: 100%;
	transition: all 0.3s ease-in;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.news-img:hover img {
	transform: scale(1.1);
}
.news-right {
	width: 850px;
	float: right;
	height: 100%;
}
.news-right h3 {
	font-size: 20px;
	color: #0b0b0c;
	margin-bottom: 10px;
}
.news-right h3:hover {
	color: #6485ff;
}
.news-right p {
	font-size: 14px;
	color: #ababab;
}
.news-center {
	width: 100%;
	margin: 12px 0 30px;
}
.news-center span {
	font-size: 12px;
	color: #666672;
	display: inline-block;
	margin-right: 10px;
}
.news-center img {
	transform: translateY(-2px);
	margin-right: 5px;
}
.news-right .news-but {
	display: inline-block;
	width: 123px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	border: 1px solid #d0d4d6;
	font-size: 14px;
	color: #646464;
	border-radius: 3px;
}
.news-right .news-but:hover {
	background: #5e7ced;
	color: #fff;
	border: 1px solid #5e7ced;
}
.yf-wrap {
	width: 100%;
	padding: 70px 0;
}
.yf-main {
	max-width: 1200px;
	margin: 0 auto;
}
.yf-nav {
	width: 100%;
	text-align: center;
	font-size: 0;
	margin-bottom: 70px;
}
.yf-nav ul li {
	width: 200px;
	height: 55px;
	cursor: pointer;
	line-height: 55px;
	font-size: 16px;
	color: #a4a4a4;
	box-shadow: 0 0 8px #dcdcdc;
	text-align: center;
	display: inline-block;
}
.yf-nav ul .this_yf {
	background: #3b6fe7;
	color: #fff;
}
.yf-big {
	width: 100%;
	border: 1px solid #d3d7d8;
	padding: 70px;
}

.yf-big h3 {
	font-size: 30px;
	color: #1e1e1f;
	font-weight: bolder;
	text-align: center;
	margin-bottom: 46px;
}
.yf-nr {
	width: 100%;
	display: none;
}
.yf-nr .yf-top {
	width: 100%;
	height: 44px;
	line-height: 44px;
	background: #0459af;
}
.yf-top span {
	display: inline-block;
	width: 40%;
	color: #fff;
	text-align: center;
	float: left;
	font-size: 20px;
}
.yf-top span:last-of-type {
	width: 60%;
}
.yf-box {
	width: 100%;
	overflow: hidden;
}
.yf-box li {
	width: 40%;
	height: auto;
	display: inline-block;
	padding: 5px;
	font-size: 18px;
}
.yf-box li:last-of-type {
	width: 60%;
	text-align: center;
}
.yf-box ul {
	display: flex;
	justify-content: center;
	align-items: center;
	border-bottom: 2px solid #000000;
	border-left: 2px dotted #161616;
	border-right: 2px dotted #161616;
}
.yf-box li:first-of-type {
	border-right: 1px dotted #161616;
}

.join-wrap {
	width: 100%;
	padding: 60px 0;
	border-bottom: 2px solid #f7f7f7;
}
.join-main {
	max-width: 1200px;
	margin: 0 auto;
}
.join-main ul li {
	width: 100%;
	margin-bottom: 22px;
}
.join-main ul li .join-top {
	width: 100%;
	line-height: 57px;
	background: #f5f6fa;
	padding: 0 20px;
	cursor: pointer;
}
.join-top span {
	font-size: 16px;
	color: #202020;
}
.join-top span:nth-of-type(2) {
	float: right;
}
.join-top img {
	float: right;
	margin-top: 17px;
	margin-left: 35px;
}
.join-top .jimg2 {
	display: none;
}

.join-nr {
	width: 100%;
	padding: 30px;
	display: none;
}
.join-nr h3 {
	font-size: 14px;
	color: #3b6fe7;
	line-height: 26px;
}
.join-nr p {
	font-size: 14px;
	color: #656565;
	line-height: 26px;
}
.join-main ul li:first-of-type .join-nr {
	display: block;
}
.join-main ul li .active {
	background: #5c7fce;
}
.join-main ul li .active span {
	color: #fff;
}
.join-main ul li .active .jimg1 {
	display: none;
}
.join-main ul li .active .jimg2 {
	display: block;
}
.join-nr a {
	display: inline-block;
	width: 114px;
	height: 36px;
	line-height: 36px;
	background: #5c7fce;
	font-size: 14px;
	color: #fff;
	text-align: center;
	margin-top: 15px;
}

.rc-wrap {
	width: 100%;
	padding: 74px 0;
}
.rc-wrap .rc-main {
	max-width: 1200px;
	margin: 0 auto;
}
.rc-main .rc-box {
	width: 100%;
	overflow: hidden;
	margin-bottom: 40px;
}
.rc-box .rc-left {
	width: 570px;
	float: left;
}
.rc-box .rc-left img {
	max-width: 100%;
}
.rc-box .rc-right {
	width: 570px;
	float: right;
	position: relative;
}
.rc-right img {
	margin-bottom: 15px;
}
.rc-right h3 {
	position: absolute;
	left: 24px;
	top: 38px;
}
.rc-right h3 span {
	display: inline-block;
	width: 100%;
	font-size: 13px;
	color: #7c7c7c;
}
.rc-txt p {
	font-size: 16px;
	line-height: 36px;
	color: #393939;
}

.rc-main .rc-box:nth-of-type(2n) .rc-left {
	float: right;
}
.rc-main .rc-box:nth-of-type(2n) .rc-right {
	float: left;
}

@media only screen and (max-width: 1440px) {
	.nybanner {
		padding-top: 109px;
		position: relative;
		height: 349px;
	}
	.nybanner img {
		position: absolute;
		left: 50%;
		top: 0;
		transform: translate(-50%);
		width: auto;
		height: 349px;
	}
	.cpbanner {
		padding-top: 0;
	}

	.cpbanner img {
		position: static;
		left: 0;
		top: 0;
		transform: translateX(0);
		height: 100%;
	}
}

@media only screen and (max-width: 1200px) {
	.top-wrap .top-main {
		max-width: 100%;
		padding: 20px 15px;
	}
	.banner-box {
		width: 100%;
	}

	.banner-box .banner-center {
		max-width: 100%;
		padding: 0 15px;
	}
	.main1 {
		max-width: 100%;
		padding: 0 15px;
	}
	.main1-left {
		width: 44%;
	}
	.main1-right {
		width: 48%;
	}
	.nav > ul > li {
		margin-left: 24px;
	}
	.main2 {
		max-width: 100%;
		padding: 0 15px;
	}
	.main2-box .main2-left {
		width: 40%;
	}
	.main2-right {
		width: 57%;
	}
	.main2-right > ul > li {
		width: 49%;
		margin-right: 2%;
	}
	.main3 {
		max-width: 100%;
		padding: 0 15px;
	}
	.main3-box .swiper-slide-active .kybox {
		width: auto;
	}
	.main4 {
		max-width: 100%;
		padding: 0 15px;
	}
	.main4 .main4-left {
		margin-right: 20px;
	}
	.main4 {
		display: flex;
	}
	.main4-box ul li {
		width: 25%;
	}
	.footer {
		max-width: 100%;
		padding: 60px 15px 0;
	}
	.footer .fotnav {
		max-width: 100%;
	}
	.footer .ewm {
		float: left;
	}
	.fotnav ul li {
		margin-right: 40px;
	}
	.nav-menu {
		width: auto;
	}
	.nav-menu .menu-img {
		display: none;
	}
	/* 新加宽度 */
	.menu-li {
		width: 190px;
	}
	.cp-wrap {
		padding: 0.5rem 0;
	}
	.cp-main {
		max-width: 100%;
		padding: 0 0.15rem;
	}
	.cp-main > ul > li {
		width: 32%;
		margin-right: 2%;
	}
	.cpxq-main {
		width: 84%;
	}
	.cpxq-left {
		width: 48%;
		margin-right: 2%;
	}
	.cp-left {
		width: 21.5%;
	}
	.cp-right {
		width: 76%;
	}
	.cp-right > ul > li {
		width: 32%;
		margin-right: 2%;
	}
	.cpxq-right {
		width: 48%;
	}
	.cpxq-big {
		padding: 30px;
	}

	.hj-main {
		padding: 0 15px;
	}
	.hj-main .hj-left {
		width: 70%;
		padding: 20px;
	}
	.hj-right {
		width: 28%;
	}
	.hj-page a span {
		max-width: 75%;
	}
	.lx-wrap {
		padding: 60px 0;
	}
	.lx-main {
		max-width: 100%;
		padding: 0 15px;
	}
	.lx-left {
		width: 40%;
	}
	.lx-lybox {
		width: 56%;
	}
	.zs-main {
		max-width: 100%;
		padding: 0 15px;
	}
	.zs-main ul li {
		width: 32%;
		margin-right: 2%;
	}
	.rc-wrap .rc-main {
		max-width: 100%;
		padding: 0 15px;
	}
	.rc-box .rc-left,
	.rc-box .rc-right {
		width: 47%;
	}
	.sh-main {
		max-width: 100%;
		padding: 0 30px;
	}
	.shbot-txt {
		max-width: 50%;
	}
	.sh-bot img {
		max-width: 50%;
	}
	.sh-center .shln-left {
		position: static;
		margin: 20px auto;
	}
	.shln-right {
		width: 100%;
		padding: 20px;
	}
	.news-main {
		max-width: 100%;
		padding: 0 15px;
	}
	.news-img {
		width: 24%;
		height: auto;
		margin-right: 4%;
	}
	.news-right {
		width: 72%;
	}
	.yf-main {
		max-width: 100%;
		padding: 0 15px;
	}
	.yf-nav {
		margin-bottom: 40px;
	}
	.yf-big {
		padding: 40px;
	}
	.join-main {
		max-width: 100%;
		padding: 0 15px;
	}
}
@media only screen and (max-width: 991px) {
	.nybanner {
		padding-top: 99px;
		height: 339px;
		position: relative;
	}
	.nybanner img {
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		width: auto;
		height: 240px;
	}
	.cpbanner {
		height: 400px;
	}
	.nav {
		display: none;
	}
	.yd-nav {
		display: block;
	}
	.top-wrap .yd-nav:first-of-type {
		display: block;
	}
	.top-wrap .yd-nav:nth-of-type(2) {
		display: none;
	}
	.nytop-wrap .yd-nav:first-of-type {
		display: none;
	}
	.nytop-wrap .yd-nav:nth-of-type(2) {
		display: block;
	}
	.banner-center h3 {
		font-size: 48px;
	}
	.banner-center p {
		font-size: 18px;
	}
	.banner .swiper-container-horizontal > .swiper-pagination-bullets,
	.swiper-pagination-custom,
	.swiper-pagination-fraction {
		bottom: 40px;
	}
	.main1-box {
		padding: 30px;
	}
	.main1-li ul li {
		padding: 25px 100px 25px 40px;
	}
	.main2-box .main2-left {
		width: 100%;
		float: none;
		max-height: 600px;
	}
	.main2-right {
		width: 100%;
		float: none;
	}
	.main4 {
		display: block;
	}
	.main4 .main4-left {
		width: 100%;
		float: none;
	}
	.main4-right {
		width: 100%;
		float: none;
		margin-top: 20px;
	}
	.video-box video {
		max-width: 100%;
	}
	.shbot-txt {
		max-width: 100%;
	}
	.sh-bot img {
		display: none;
	}
	.news-img {
		width: 30%;
		height: auto;
		margin-right: 4%;
	}
	.news-right {
		width: 66%;
	}
	.cp-right > ul > li {
		width: 49%;
	}
	.cp-right > ul > li:nth-of-type(3n) {
		margin-right: 2%;
	}
	.cp-right > ul > li:nth-of-type(2n) {
		margin-right: 0;
	}
}

@media only screen and (max-width: 768px) {
	.banner {
		position: relative;
		height: 6rem;
	}
	.ny-banner {
		height: auto;
	}
	.banner .swiper-container {
		height: 100%;
	}
	.cp-main > ul > li > .cp-img {
		padding: 0.15rem;
		margin-bottom: 0.15rem;
	}
	.cp-main > ul > li {
		margin-bottom: 0.2rem;
	}
	.cp-bot p {
		font-size: 0.28rem;
	}
	.cp-bot span {
		font-size: 0.24rem;
	}
	.page a {
		margin: 3px;
	}
	.banner .swiper-container .swiper-slide > img {
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		height: 100%;
		width: auto;
	}
	.banner .swiper-container .swiper-slide > video {
		width: auto;
		height: 100%;
	}
	.top-wrap .top-main {
		padding: 0.2rem 0.15rem;
		height: 1.5rem;
	}
	.banner-center h3 {
		font-size: 0.4rem;
	}

	.banner-center p {
		margin: 0.1rem 0;
		font-size: 0.28rem;
	}
	.banner-center a {
		width: 2rem;
		height: 0.7rem;
		line-height: 0.7rem;
		font-size: 0.28rem;
	}
	.banner-box {
		top: 54%;
	}
	.yd-menu ul li a img,
	.menu2 ul li img {
		width: 0.36rem;
	}
	.top-main .logo img:first-of-type {
		width: 2.4rem;
		margin-top: 0.1rem;
	}
	.nybanner {
		padding-top: 1.5rem;
		height: 6.5rem;
		position: relative;
	}
	.cpbanner {
		height: 5rem;
	}
	.nybanner img {
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		width: auto;
		height: 5rem;
	}
	.nynav a {
		padding: 0.12rem 0.3rem;
		font-size: 0.28rem;
	}
	.yd-menu ul li a {
		font-size: 0.28rem;
	}
	.jy-wrap {
		padding: 0.8rem 0;
	}
	.jy-nav a {
		width: 1.6rem;
		line-height: 0.7rem;
		height: 0.7rem;
		font-size: 0.28rem;
	}
	.jy-nav {
		margin-bottom: 0.5rem;
	}
	.jy-box .swiper-container .swiper-slide img {
		max-height: 4rem;
	}
	.jy-box .swiper-button-next {
		right: 13%;
	}
	.jy-box .swiper-button-prev {
		left: 13%;
	}
	.jy-box .swiper-pagination-bullet {
		width: 0.15rem;
		height: 0.15rem;
	}
	.yd-nav {
		width: 0.6rem;
		top: 0.38rem;
	}
	.banner .swiper-pagination-bullet {
		width: 0.4rem;
		height: 0.05rem;
	}
	.main1-wrap {
		padding: 0.8rem 0;
	}
	.main1-left {
		width: 100%;
		padding-left: 0;
		float: none;
	}
	.main1-left > .topx {
		margin-bottom: 5px;
	}
	.main1-box {
		margin-top: 20px;
	}
	.main1-right {
		width: 100%;
		float: none;
		margin-top: 20px;
	}
	.main1-right .main1-li {
		margin-top: 30px;
	}
	.main1-li ul li {
		padding: 0.3rem;
	}
	.main1-li ul li span {
		position: static;
	}
	.main1-li ul li h3:before {
		left: -10px;
	}
	.main2-wrap {
		padding: 0.5rem 0 1.4rem;
	}
	.main2 {
		padding: 0 0.15rem;
	}
	.main2-box {
		margin-top: 0.3rem;
	}
	.main2-left ul li {
		margin-bottom: 10px;
		padding: 0.15rem 0.25rem;
	}
	.main2-left ul li span:nth-of-type(2) {
		top: 0.16rem;
	}
	.main2-left ul li span:first-of-type {
		font-size: 0.3rem;
	}
	.main2-box .main2-left {
		max-height: 460px;
	}
	.pro-img img {
		max-width: 80%;
	}
	.main2 h3 {
		font-size: 0.4rem;
	}
	.main2-right ul li {
		margin-bottom: 0.15rem;
		width: 3.5rem !important;
		margin-right: 0.2rem;
	}
	.main2 h4 {
		font-size: 0.24rem;
	}
	.main2-right > ul > li > .pro-txt > p {
		font-size: 0.24rem;
	}
	.pro-img {
		height: 76%;
	}
	.main2-right ul li p {
		margin: 0;
		padding: 0;
	}
	.main2-right > ul > li > .pro-txt {
		padding: 0 0.2rem;
		height: 24%;
	}
	.main3-box .swiper-slide .kybox {
		height: 230px;
	}
	.main3 h3 {
		font-size: 0.4rem;
	}
	.main3 h4 {
		font-size: 0.24rem;
	}
	.kybox img {
		width: 0.7rem;
	}
	.kybox p {
		font-size: 0.28rem;
	}
	.kybox a {
		width: 0.5rem;
		height: 0.5rem;
		line-height: 0.5rem;
		font-size: 0.24rem;
	}
	.main4 h2 {
		font-size: 0.4rem;
	}
	.main4 h3 {
		font-size: 0.34rem;
	}
	.main4 p {
		font-size: 0.28rem;
	}
	.main3-box {
		margin-top: 0.4rem;
	}
	.main3-wrap {
		padding-bottom: 1rem;
	}
	.main4-wrap {
		padding: 0.8rem 0;
	}

	.main4 .main4-left img {
		width: 100%;
	}
	.main4-box ul li {
		width: 50%;
		padding: 0.5rem 0.25rem;
		margin-right: 0;
	}
	.main4-box ul li:nth-of-type(2) {
		border-right: 1px solid #cfd0d9;
	}
	.footer {
		padding: 0.3rem 0.15rem;
	}
	.footer .fotnav ul li {
		display: none;
	}
	.footer .fotnav ul li:last-child {
		display: block;
	}
	.yqbox {
		display: none;
	}
	.footer .ewm {
		margin-top: 0.15rem;
	}
	.fotbot {
		margin-top: 0.3rem;
		padding: 0.2rem 0;
	}
	.copy > div {
		display: none;
	}
	.copy > span {
		float: none;
	}
	.copy {
		text-align: center;
	}
	.cp-main > ul > li {
		width: 49%;
		margin-right: 2%;
	}
	.cp-main > ul > li:nth-of-type(3n) {
		margin-right: 2%;
	}
	.cp-main > ul > li:nth-of-type(2n) {
		margin-right: 0;
	}
	.cpxq-big h3 {
		font-size: 0.4rem;
	}
	.cpxq-left {
		width: 100%;
		float: none;
		height: auto;
		padding: 0.2rem;
	}
	.cpxq-right {
		width: 100%;
		float: none;
	}
	.fz-wrap {
		padding: 0.9rem 0;
	}
	.fz-main h1 {
		font-size: 0.44rem;
	}
	.fzbanner {
		margin-top: 1rem;
	}
	.about-wrap {
		padding: 0.7rem 0;
	}
	.about-main h1 {
		font-size: 0.44rem;
	}
	.about-top {
		margin: 0.4rem 0;
	}
	.about-top li {
		max-width: 33%;
		padding: 0 0.4rem;
		border: 0;
	}
	.about-nr p {
		font-size: 0.24rem;
		line-height: 0.4rem;
	}
	.video-box .video-bt {
		margin-bottom: 0.4rem;
	}
	.hj-main .hj-left {
		width: 100%;
		float: none;
		margin-bottom: 0.2rem;
	}
	.hj-right {
		width: 100%;
		float: none;
	}
	.hj-page a img {
		width: 0.4rem;
		transform: translateY(-4px);
	}
	.hj-img img {
		max-width: 100%;
		float: none;
	}
	.lx-left {
		width: 100%;
		float: none;
		margin-bottom: 20px;
		padding: 0.3rem;
	}
	.lx-lybox {
		width: 100%;
		padding: 20px;
	}
	.yzmbox input {
		width: 50%;
	}
	.yzmbox img {
		max-width: 50%;
	}
	.zs-wrap {
		padding: 0.6rem 0;
	}
	.zs-main ul li {
		width: 49%;
		margin-right: 2%;
	}
	.zs-main ul li:nth-of-type(3n) {
		margin-right: 2%;
	}
	.zs-main ul li:nth-of-type(2n) {
		margin-right: 0;
	}
	.rc-box .rc-left,
	.rc-box .rc-right {
		width: 100%;
		float: none;
	}
	.rc-box .rc-left {
		margin-bottom: 0.2rem;
	}
	.sh-wrap {
		padding: 0.9rem 0;
	}
	.sh-main {
		padding: 0 0.15rem;
	}
	.sh-bot {
		margin-top: 30px;
	}
	.sh-bot {
		padding: 20px;
	}
	.news-img {
		width: 100%;
		margin-bottom: 0.2rem;
		float: none;
	}
	.news-right {
		width: 100%;
		float: none;
		height: auto;
	}
	.news-right h3 {
		font-size: 0.36rem;
	}
	.news-right p {
		font-size: 0.28rem;
	}
	.hj-left .hj-top h1 {
		font-size: 0.4rem;
	}
	.hj-nr p {
		font-size: 0.28rem;
		line-height: 0.4rem;
	}
	.yf-wrap {
		padding: 0.7rem 0;
	}
	.yf-nav ul li {
		width: 2rem;
		height: 0.7rem;
		line-height: 0.7rem;
	}
	.yf-nav {
		margin-bottom: 0.4rem;
	}
	.yf-big {
		padding: 0.3rem 0.2rem;
	}
	.yf-big h3 {
		font-size: 0.4rem;
		margin-bottom: 0.4rem;
	}
	.yf-top span {
		font-size: 0.28rem;
	}
	.yf-box li {
		font-size: 0.28rem;
	}
	.join-wrap {
		padding: 0.6rem 0;
	}
	.join-main ul li .join-top {
		line-height: 0.8rem;
		padding: 0 0.15rem;
	}
	.join-top img {
		margin-top: 0.25rem;
		margin-left: 0.1rem;
		width: 0.3rem;
	}
	.join-nr {
		padding: 0.15rem;
	}
	.join-top span {
		font-size: 0.28rem;
	}
	.cp-left {
		width: 100%;
		float: none;
		margin-bottom: 0.2rem;
	}
	.cp-right {
		width: 100%;
		float: none;
	}
	.cp-right > ul > li > .cp-img {
		padding: 0.1rem;
	}
	.cpxq-sbox img {
		max-width: 100%;
	}
	.cpxq-big {
		padding: 0.15rem;
	}
	.cpxq-nav ul {
		height: auto;
	}
	.cpxq-nav ul li {
		width: 100%;
	}
	.main4-box ul li .gy-img {
		width: 0.8rem;
		height: 0.8rem;
	}
	.banner .swiper-container .swiper-slide video {
		width: auto;
		height: 100%;
	}
	.lx-ewm {
		position: static;
		text-align: left;
		margin-top: 0.2rem;
	}
	.lx-ewm img {
		margin: 0;
		width: 2.5rem;
	}
	.lx-ewm span {
		width: 100%;
		display: inline-block;
		width: 2.5rem;
		text-align: center;
	}
}
