@charset "utf-8";


/* CSS Document */
@media(min-width:1500px) {

	body,
	html {
		margin: 0;
		padding: 0;
		font-family: "Microsoft YaHei", "微软雅黑";
		font-size: 12px;
		-webkit-font-smoothing: antialiased;
		/*抗锯齿效果*/
		-webkit-tap-highlight-color: transparent;
		-webkit-overflow-scrolling: touch;
		overflow-scrolling: touch;
		overflow: auto;
		overflow-x: hidden;
	}

	body {
		max-width: 1920px;
		margin: 0 auto;
		overflow: hidden;
	}

	a,
	ul,
	li,
	ol,
	p,
	h1,
	h2,
	h3,
	h4,
	h5,
	h6,
	dl,
	dt,
	dd {
		list-style: none;
		padding: 0;
		margin: 0;
		text-decoration: none;
		font-weight: normal;
		font-size: 12px;
		color: #292929;
		font-family: "Microsoft YaHei", "微软雅黑";
	}


	input,
	select,
	textarea {
		padding: 0;
		margin: 0;
		outline: none;
		font-family: "Microsoft YaHei", "微软雅黑";
		appearance: none;
		-moz-appearance: none;
		-webkit-appearance: none;
		border: none;
	}



	@font-face {
		font-family: "SourceHanSansCN";
		src: url("../font/SourceHanSansCN-Bold.ttf") format("truetype");
		font-weight: normal;
		font-style: normal;
	}

	@font-face {
		font-family: "roboto";
		src: url("../font/roboto-bold.ttf") format("truetype");
		font-weight: normal;
		font-style: normal;
	}



	/*p{text-align:justify;text-justify:inter-ideograph;}*/
	.clearfix {
		clear: both;
	}

	.mob {
		display: none;
	}

	.pc {
		display: block;
	}

	.fl {
		float: left;
	}

	.fr {
		float: right
	}

	.commen {
		width: 73%;
		margin: 0 auto;
	}

	.ellipsis {
		display: block;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	* {
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-box;
	}

	.lxb input::-webkit-input-placeholder,
	.lxb textarea::-webkit-input-placeholder {
		color: #fff;
		opacity: 1;
	}

	.lxb input:-moz-placeholder,
	.lxb textarea:-moz-placeholder {
		color: #fff;
		opacity: 1;
	}

	.lxb input::-moz-placeholder,
	.lxb textarea::-moz-placeholder {
		color: #fff;
		opacity: 1;
	}

	.lxb input:-ms-input-placeholder,
	.lxb textarea:-ms-input-placeholder {
		color: #fff;
		opacity: 1;
	}

	/*滚动条样式*/
	::-webkit-scrollbar-track-piece {
		width: 0px;
		background-color: #f0f0f0;
		border-radius: 5px;
	}

	::-webkit-scrollbar {
		width: 0px;
		background-color: #272e88;
		border-radius: 5px;
	}

	::-webkit-scrollbar-thumb {
		width: 0px;
		background-color: #282828;
		border-radius: 5px;
	}

	::-webkit-scrollbar-thumb:hover {
		width: 0px;
		background-color: #272e88;
		border-radius: 5px;
	}

	/*导航*/
	.nav {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 5;
		padding: 0 4.6%;
		display: flex;
		align-items: center;
		z-index: 1000;
		padding-top: 20px;
	}

	.nav-logo {
		width: 150px;
		display: inline-block;
	}

	.nav-logo img {
		width: 100%;
		display: none;
	}

	.nav-logo img.co {
		display: block;
	}

	.nav ul {
		display: flex;
		justify-content: flex-end;
		width: calc(100% - 380px);
		margin-top: 30px;
	}

	.nav li {
		/* display: inline-block; */
		float: right;
		padding: 0 24px;
		margin: 0 11px;
		transition: all 0.5s;
	}

	.nav li.co {
		background-color: #1489d9;
		border-radius: 6px;
	}

	.nav li:hover {
		background-color: #1489d9;
		border-radius: 6px;
	}

	.nav li>a {
		font-size: 16px;
		color: #fff;
		line-height: 50px;
		position: relative;
		z-index: 10;
		transition: all 0.5s;
	}

	.nav li.ccoo .nav-co {
		height: auto;
		top: 100%;
		z-index: 100;
		opacity: 1;
	}

	.nav .nav-co {
		position: absolute;
		top: 0%;
		left: 0;
		text-align: center;
		width: 100%;
		height: 0;
		overflow: hidden;
		transition: all 0.5s;
		z-index: -100;
		opacity: 0;
		background-color: #fff;
		text-align: center;
	}

	.nav .nav-co a {
		display: inline-block;
		font-size: 14px;
		color: #303030;
		line-height: 130px;
		transition: all 0.5s;
		padding: 0 35px;
	}

	.nav .nav-co a:hover {
		border-radius: 6px;
	}

	.nav-co-a {
		position: absolute;
		top: 100%;
		left: 0;
		width: 100%;
		text-align: center;
		background-color: #fff;
		padding: 0 12%;
		/* padding: 50px 12%; */
		display: flex;
		align-items: center;
		z-index: -5;
		opacity: 0;
		transition: all 0.5s;
		height: 0;
		overflow: hidden;
	}

	.nav-co-a-l,
	.nav-co-a-r {
		padding: 50px 0;
	}

	.nav li.ccoo .nav-co-a {
		z-index: 100;
		opacity: 1;
		height: auto;
	}

	.nav-co-a-l p {
		font-size: 16px;
		line-height: 48px;
		color: #303030;
		width: 220px;
		position: relative;
		text-align: left;
		transition: all 0.5s;
	}

	.nav-co-a-l p a {
		font-size: 16px;
		line-height: 48px;
		color: #303030;
		transition: all 0.5s;
		display: block;
	}

	.nav-co-a-l p::after {
		position: absolute;
		content: '';
		width: 8px;
		height: 14px;
		background-image: url(../img/tb9.png);
		background-size: 100% 100%;
		right: 0;
		top: calc(50% - 7px);
	}

	.nav-co-a-l p:hover {
		color: #1489d9;
	}

	.nav-co-a-l p.co {
		color: #1489d9;
	}

	.nav-co-a-l p:hover a {
		color: #1489d9;
	}

	.nav-co-a-l p.co a {
		color: #1489d9;
	}

	.nav-co-a-r-box {
		display: none;
		margin-left: 60px;
	}

	.nav-co-a-r-box.co {
		display: flex;
		margin-left: 60px;
	}

	.nav-co-a-r-box p {
		text-align: center;
		display: inline-block;
		margin: 0 10px;
		width: 16.6%;
	}

	.nav-co-a-r-box p img {
		width: 100%;
		transition: all 0.5s;
	}

	.nav-co-a-r-box p span {
		width: 100%;
		font-size: 14px;
		color: #303030;
		line-height: 24px;
		transition: all 0.5s;
	}

	.nav-co-a-r-box p:hover img {
		transform: scale(1.1);
	}

	.nav-co-a-r-box p:hover span {
		color: #fe8245;
	}

	.nav-zyqh {
		display: flex;
		justify-content: space-between;
		margin-left: 30px;
		margin-top: 30px;
	}

	.nav-zyqh a {
		display: inline-block;
		line-height: 50px;
		font-size: 16px;
		color: #fff;
		text-align: center;
		background-size: 100% 100%;
		transition: all 0.5s;
		padding: 0 10px;
	}

	.nav-zyqh span {
		display: inline-block;
		line-height: 50px;
		font-size: 16px;
		color: #fff;
		text-align: center;
		background-size: 100% 100%;
		transition: all 0.5s;
		padding: 0 9px;
	}

	.nav-zyqh a.co {
		background-color: #1489d9;
		border-radius: 6px;
	}

	.nav-zyqh a:hover {
		background-color: #1489d9;
		border-radius: 6px;
	}

	.nav-dl a {
		display: inline-block;
		width: 100px;
		line-height: 35px;
		font-size: 16px;
		color: #fff;
		background-color: #282f89;
		text-align: center;
		font-weight: bold;
		transition: all 0.5s;
		border-radius: 50px;
	}

	.nav-dbmc {
		position: absolute;
		right: 6%;
		top: 0;
	}

	.nav-dbmc p {
		display: inline-block;
		font-size: 12px;
		line-height: 30px;
		color: #fff;
		opacity: 0.5;
	}

	.nav-dbmc p a {
		display: inline-block;
		font-size: 12px;
		line-height: 30px;
		color: #fff;
		margin-left: 40px;
		text-decoration: underline;
		transition: all 0.5s;
	}

	.nav-dbmc p a:hover {
		color: #333;
	}

	/*  */
	.nav.co li>a,
	.nav.co .nav-co a,
	.nav-zyqh.co a,
	.nav-zyqh.co span {
		color: #303030;
	}

	.nav .nav-co a:hover {
		color: #1489d9;
	}

	.nav.co li:hover>a,
	.nav-zyqh a:hover,
	.nav.co li.co>a,
	.nav-zyqh a.co {
		color: #fff;
	}



	/* 第一屏 */
	.sybanner {
		height: 100%;
		position: relative;
	}

	.sybanner .swiper1 {
		height: 100%;
	}

	.sybanner .swiper-slide {
		width: 100%;
		overflow: hidden;
	}

	.sybanner .swiper-slide img {
		height: 100%;
	}

	.sybanner .swiper-pagination-bullet {
		background-color: rgb(0, 0, 0, 0);
		border: 2px solid #fff;
		width: 16px;
		height: 16px;
		border-radius: 20px;
		display: block;
	}

	.sybanner .swiper-pagination-bullet-active {
		background-color: #fa8248;
		padding: 2px;
		border: 4px solid rgb(0, 0, 0, 0);
		width: 12px;
		height: 12px;
		position: relative;
		margin: 14px 0;
	}

	.sybanner .swiper-pagination-bullet-active::after {
		content: '';
		position: absolute;
		border: 2px solid #fa8248;
		width: 20px;
		height: 20px;
		top: 50%;
		left: 50%;
		border-radius: 20px;
		transform: translate(-50%, -50%);
	}

	.sybanner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
		margin: 18px 0;
	}

	.sybanner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active {
		margin: 20px 2px;
	}

	.sybanner .swiper-container-horizontal>.swiper-pagination-bullets,
	.sybanner .swiper-pagination-custom,
	.swiper-pagination-fraction {
		bottom: 4%;
		left: auto;
		right: 72px;
		width: auto;
		display: inline-block;
	}

	.sybanner-A {
		position: absolute;
		z-index: 2;
		top: 28%;
		left: 13.5%;
	}

	/* 修改 */
	.sybanner-A h5 {
		font-size: 40px;
		line-height: 42px;
		/* color: #303030; */
		color: #fff;
		font-family: 'SourceHanSansCN';
		font-weight: bold;
		margin-bottom: 12px;
	}

	.sybanner-A h5 span {
		color: #ee763b;
	}

	/* 修改 */
	.sybanner-A h6 {
		font-size: 46px;
		line-height: 48px;
		/* color: #303030; */
		color: #fff;
		font-family: 'SourceHanSansCN';
		font-weight: bold;
		margin-bottom: 30px;
	}

	.sybanner-gjc {
		position: absolute;
		left: 13.54166666666667%;
		bottom: 4.6%;
		z-index: 5;
		font-size: 12px;
		color: #fff;
		opacity: 0.4;
	}

	.sybanner-gjc a {
		font-size: 12px;
		color: #fff;
		transition: all 0.5s;
	}

	.sybanner-gjc a:hover {
		color: #1489d9;
	}

	.sybanner>p {
		position: absolute;
		left: 50%;
		bottom: 4%;
		z-index: 5;
		transform: translate(-50%, 0);
	}

	/* 第二屏 */
	.section {
		position: relative;
		overflow: hidden;
	}

	.section2>img {
		width: 100%;
		height: 100%;
		position: relative;
		z-index: -1;
	}

	.sybkB {
		position: absolute;
		width: 73%;
		left: 13.5%;
		top: 27%;
		z-index: 2;
	}

	.sybkB-top h6 {
		font-size: 90px;
		line-height: 92px;
		font-family: 'roboto';
		font-weight: bold;
		color: #dee5f0;
		opacity: 0.3;
	}

	.sybkB-top h5 {
		font-size: 50px;
		line-height: 52px;
		font-family: 'SourceHanSansCN';
		font-weight: bold;
		color: #303030;
		margin-top: -55px;
		position: relative;
		z-index: 5;
		margin-left: 8px;
	}

	.sybkB-top h5 img {
		margin: 0 5px;
	}

	.sybkB-co {
		width: 58%;
		margin-top: 30px;
		margin-bottom: 45px;
	}

	.sybkB-co p {
		font-size: 16px;
		line-height: 24px;
		color: #303030;
	}

	.sybkB-co p:first-child {
		margin-bottom: 20px;
		height: 48px;
		overflow: hidden;
	}

	.sybkB-co p:last-child {
		height: 72px;
		overflow: hidden;
	}

	.sybkB-boot a {
		width: 200px;
		line-height: 60px;
		background-color: #1489d9;
		border-radius: 6px;
		color: #fff;
		font-size: 16px;
		display: inline-block;
		text-align: center;
		transition: all 0.5s;
	}

	.sybkB-boot a:hover {
		margin-top: -10px;
	}

	/* 第三屏 */
	.section3>video {
		width: 100%;
		height: 100%;
	}

	.sybkC {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 2;
	}

	.sybkC>img {
		width: 100%;
		height: 100%;
	}

	.sybkC-co {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		z-index: 10;
		text-align: center;
	}

	.sybkC-top h6 {
		font-size: 90px;
		line-height: 92px;
		font-family: 'roboto';
		font-weight: bold;
		color: #dee5f0;
		opacity: 0.1;
	}

	.sybkC-top h5 {
		font-size: 50px;
		line-height: 52px;
		font-family: 'SourceHanSansCN';
		font-weight: bold;
		margin-top: -55px;
		position: relative;
		z-index: 5;
		margin-left: 8px;
		color: #fff;
		text-align: center;
	}

	.sybkC-top h5 img {
		margin: 0 5px;
	}

	.sybkC-bf {
		display: inline-block;
		margin-top: 30px;
		transition: all 0.5s;
	}

	.sybkC-bf:hover {
		transform: scale(1.1);
	}

	.section3 .sybkC-vid {
		width: 60%;
		height: auto;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		display: none;
	}

	.section3 .sybkC-vid video {
		width: 100%;
		height: 100%;
	}

	.section3 .sybkC-vid.co {
		z-index: 500;
		display: inline-block;
	}

	.section3 .sybkC-vid>img {
		position: absolute;
		top: 3%;
		right: 2%;
		transition: all 0.5s;
		z-index: 501;
	}

	.section3 .sybkC-vid>img:hover {
		transform: scale(1.2);
	}

	/* 第四屏 */
	.section4>img {
		width: 100%;
		height: 100%;
		position: relative;
		z-index: -1;
	}

	.section4>ul {
		width: 73%;
		position: absolute;
		left: 13.5%;
		bottom: 8%;
		display: flex;
		border-radius: 5px;
		overflow: hidden;
		z-index: 10;
	}

	.section4>ul li {
		width: 25%;
		background-color: #fff;
		padding: 30px 35px;
		position: relative;
		transition: all 0.5s;
	}

	.section4>ul li::after {
		content: '';
		position: absolute;
		height: 100%;
		width: 32%;
		background-image: url(../img/tb5.png);
		background-size: 100% 100%;
		right: 0;
		top: 0;
	}

	.section4>ul li h5 {
		font-size: 24px;
		line-height: 34px;
		color: #303030;
		font-weight: bold;
		transition: all 0.5s;
	}

	.section4>ul li p {
		font-size: 12px;
		line-height: 24px;
		color: #303030;
		opacity: 0.5;
		transition: all 0.5s;
	}

	.section4>ul li span {
		width: 30px;
		height: 4px;
		background-color: #fa8248;
		border-radius: 2px;
		display: inline-block;
	}

	.section4>ul li.co {
		background-color: #1489d9;
	}

	.section4>ul li.co::after {
		background-image: url(../img/tb5-1.png);
	}

	.section4>ul li.co h5,
	.section4>ul li.co p {
		color: #fff;
	}

	.sybkD {
		position: absolute;
		top: 0;
		/* 修改 */
		left: 13.5%;
		/* left: 5%; */
		z-index: 2;
		height: 100%;
		width: 86.5%;
	}

	.sybkD-box {
		height: 100%;
		display: none;
	}

	.sybkD-box.co {
		display: block;
	}

	.sybkD-box-l {
		float: left;
		width: 43%;
		margin-top: 12%;
	}

	.sybkD-box-l>h5 {
		font-size: 30px;
		line-height: 34px;
		color: #1489d9;
		font-weight: bold;
		font-family: SourceHanSansCN;
		margin-top: 75px;
		margin-bottom: 35px;
	}

	.sybkD-box-l>h5 span {
		font-size: 12px;
		line-height: 24px;
		color: #303030;
		display: block;
		font-weight: normal;
		opacity: 0.5;
	}

	.sybkD-box-l>p {
		font-size: 16px;
		line-height: 24px;
		color: #303030;
		margin-bottom: 25px;
	}

	.sybkD-box-r {
		float: right;
		width: 52%;
		height: 100%;
	}

	/* 修改 */
	.sybkD-box-r img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	/* 第五屏 */
	.section5>img {
		width: 100%;
		height: 100%;
		position: relative;
		z-index: -1;
	}

	.sybkE {
		position: absolute;
		top: 19%;
		width: 73%;
		left: 13.5%;
		z-index: 2;
	}

	.sybkE-top h6 {
		font-size: 90px;
		line-height: 92px;
		font-family: 'roboto';
		font-weight: bold;
		color: #dee5f0;
		opacity: 0.6;
		text-align: center;
	}

	.sybkE-top h5 {
		font-size: 50px;
		line-height: 52px;
		font-family: 'SourceHanSansCN';
		font-weight: bold;
		color: #303030;
		margin-top: -55px;
		position: relative;
		z-index: 5;
		margin-left: 8px;
		text-align: center;
	}

	.sybkE-top h5 img {
		margin: 0 5px;
	}

	.sybkE-box {
		margin-top: 35px;
	}

	.sybkE-box-co {
		position: relative;
		display: inline-block;
		border-radius: 6px;
		width: 33%;
	}

	.sybkE-box-co>img {
		width: 100%;
		transition: all 0.5s;
	}

	.sybkE-box-co>div {
		position: absolute;
		top: 0;
		left: 0;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		height: 100%;
		transition: all 0.5s;
	}

	.sybkE-box-co:hover {
		background-color: #fff;
	}


	.sybkE-box-co:hover>img {
		opacity: 0.4;
	}

	.sybkE-box-co>div h5 {
		font-size: 30px;
		line-height: 34px;
		color: #303030;
		font-weight: bold;
		margin-bottom: 40px;
		margin-top: 60px;
		position: absolute;
		bottom: 3%;
		left: 0;
		width: 108%;
	}

	.sybkE-box-co>div p {
		height: 240px;
		overflow: hidden;
		margin-bottom: 20px;
		opacity: 0;
	}

	.sybkE-box-co>div p span {
		font-size: 16px;
		line-height: 48px;
		color: #303030;
		display: block;
		position: relative;
		padding-left: 27px;
		color: #303030;
		transition: all 0.5s;
		cursor: pointer;
	}

	.sybkE-box-co>div p span::after {
		content: '';
		position: absolute;
		width: 20px;
		height: 20px;
		background-image: url(../img/tb6.png);
		background-size: 100% 100%;
		left: 0;
		top: 50%;
		transform: translate(0, -50%);
		transition: all 0.5s;
	}

	.sybkE-box-co>div p span:hover {
		color: #1489d9;
	}

	.sybkE-box-co>div p span:hover::after {
		background-image: url(../img/tb6-1.png);
	}

	.sybkE-box-co>div a {
		width: 200px;
		line-height: 60px;
		display: inline-block;
		border-radius: 6px;
		text-align: center;
		font-size: 16px;
		color: #fff;
		background-color: #1489d9;
		transition: all 0.5s;
		opacity: 0;
	}

	.sybkE-box-co>div a:hover {
		margin-top: -10px;
	}

	.sybkE-box-co:hover>div p,
	.sybkE-box-co:hover>div a {
		opacity: 1;
	}

	.sybkE-box-co:hover>div h5 {
		position: initial;
	}

	/* 第六屏 */

	.section6>img {
		width: 100%;
		height: 100%;
		position: relative;
		z-index: -1;
	}

	.sybkF-top {
		position: absolute;
		left: 12%;
		bottom: 13%;
	}

	.sybkF-top h6 {
		font-size: 70px;
		line-height: 72px;
		font-family: 'roboto';
		font-weight: bold;
		color: #dee5f0;
		opacity: 0.6;
	}

	.sybkF-top h5 {
		font-size: 50px;
		line-height: 52px;
		font-family: 'SourceHanSansCN';
		font-weight: bold;
		color: #303030;
		position: relative;
		z-index: 5;
		margin-left: 8px;
	}

	.sybkF-top h5 img {
		margin: 0 5px;
	}

	.sybkF {
		position: absolute;
		width: 73%;
		left: 13.5%;
		bottom: 10%;
	}

	.sybkF>img {
		width: 100%;
	}

	.sybkF ul li {
		position: absolute;
		width: 15px;
		height: 21px;
		cursor: pointer;
	}

	.sybkF ul li::after {
		content: '';
		position: absolute;
		background-image: url(../img/tb7.png);
		background-size: 100% 100%;
		width: 15px;
		height: 21px;
		left: 0;
		top: 0;
		transition: all 0.5s;
	}

	.sybkF ul li:hover::after {
		top: -10px;
	}

	.sybkF ul li>span {
		font-size: 20px;
		line-height: 22px;
		font-family: ArialMT;
		color: #303030;
		position: absolute;
		left: 100%;
		bottom: 0%;
	}

	.sybkF ul li:nth-child(1) {
		/* left: 77%;
		top: 36.5%; */
		left: 79.2%;
		top: 36%;
	}

	.sybkF ul li:nth-child(1)>span {
		left: 150%;
		bottom: 40%;
	}

	.sybkF ul li:nth-child(2) {
		/* left: 78.5%;
		top: 38.2%; */
		left: 80.1%;
		top: 38%;
	}

	.sybkF ul li:nth-child(3) {
		/* left: 78.5%;
		top: 42%; */
		left: 80.2%;
		top: 41.8%;
	}

	.sybkF ul li:nth-child(4) {
		/* left: 77%;
		top: 46%; */
		left: 79%;
		top: 46%;
	}

	.sybkF ul li:nth-child(5) {
		/* left: 17%;
		top: 40%; */
		left: 18%;
		top: 39%;
	}

	.sybkF ul li:nth-child(6) {
		/* left: 31%;
		top: 66%; */
		left: 32.5%;
		top: 66%;
	}

	.sybkF ul li:nth-child(7) {
		/* left: 48%;
		top: 29%; */
		left: 49%;
		top: 29%;
	}

	.sybkF ul li:nth-child(8) {
		/* left: 83%;
		top: 75%; */
		left: 86%;
		top: 75%;
	}

	.sybkF-box {
		background-image: url(../img/tb8.png);
		background-size: 100% 100%;
		position: absolute;
		left: -150px;
		bottom: 100%;
		width: 381px;
		height: 219px;
		padding: 22px 16px;
		display: none;
	}

	.sybkF ul li.co .sybkF-box {
		display: inline-block;
	}

	.sybkF-box h5 {
		font-size: 22px;
		line-height: 24px;
		color: #1489d9;
		font-weight: bold;
		position: relative;
		padding-left: 39px;
		border-bottom: 1px solid #d6dee6;
		padding-bottom: 10px;
	}

	.sybkF-box h5::after {
		content: '';
		position: absolute;
		top: 0;
		left: 8px;
		background-image: url(../img/tb7.png);
		background-size: 100% 100%;
		width: 15px;
		height: 21px;
	}

	.sybkF-box h5 span {
		font-size: 20px;
		line-height: 24px;
		color: #303030;
		font-weight: normal;
		margin-left: 10px;
	}

	.sybkF-box p {
		font-size: 16px;
		line-height: 22px;
		color: #303030;
		margin-top: 15px;
		margin-left: 5px;
	}

	/* 第七屏 */

	.section7>img {
		width: 100%;
		height: 100%;
		position: relative;
		z-index: -1;
	}

	.sybkG {
		position: absolute;
		top: 20%;
		left: 13.5%;
		width: 73%;
	}

	.sybkG .sybkB-top h6 {
		opacity: 0.6;
		color: #c5d1dd;
	}

	.sybkG>ul {
		float: right;
		margin-top: -40px;
		position: relative;
		z-index: 1000;
	}

	.sybkG>ul li {
		font-size: 16px;
		line-height: 50px;
		font-weight: bold;
		color: #303030;
		width: 107px;
		border-radius: 6px;
		text-align: center;
		display: inline-block;
		transition: all 0.5s;
		cursor: pointer;
	}

	.sybkG>ul li a {
		font-size: 16px;
		line-height: 50px;
		font-weight: bold;
		color: #303030;
		display: block;
		transition: all 0.5s;
	}

	.sybkG>ul li:hover {
		background-color: #1489d9;
		color: #fff;
	}

	.sybkG>ul li.co {
		background-color: #1489d9;
		color: #fff;
	}

	.sybkG>ul li:hover a {
		color: #fff;
	}

	.sybkG-box .swiper-container {
		opacity: 0;
		position: absolute;
		z-index: -1;
		transition: all 0.5s;
	}

	.sybkG-box .swiper-container.co {
		opacity: 1;
		position: absolute;
		z-index: 5;
		transition: all 0.5s;
	}

	.sybkG-box .swiper-container {
		width: 100%;
		margin-top: 50px;
		padding-bottom: 60px;
	}

	.sybkG-box .swiper-slide {
		display: flex;
		justify-content: space-between;
	}

	.sybkG-box .sybkG-box-co {
		width: 100%;
		background-color: #fff;
		border-radius: 6px;
		overflow: hidden;
	}

	.sybkG-box .sybkG-box-co p {
		width: 100%;
		overflow: hidden;
	}

	.sybkG-box .sybkG-box-co p img {
		width: 100%;
		transition: all 0.5s;
	}

	.sybkG-box .sybkG-box-co span {
		font-size: 18px;
		line-height: 34px;
		color: #1489d9;
		font-weight: bold;
		margin: 25px 23px 0;
		display: inline-block;
	}

	.sybkG-box .sybkG-box-co h5 {
		font-size: 24px;
		line-height: 32px;
		height: 64px;
		overflow: hidden;
		color: #303030;
		font-weight: bold;
		margin: 15px 23px 0;
		transition: all 0.5s;
	}

	.sybkG-box .sybkG-box-co a {
		font-size: 14px;
		line-height: 60px;
		color: #303030;
		border-top: 1px solid #f1f3f6;
		position: relative;
		display: block;
		margin: 30px 23px 0;
	}

	.sybkG-box .sybkG-box-co a::after {
		content: '';
		position: absolute;
		right: 5px;
		top: calc(50% - 7px);
		background-image: url(../img/tb9.png);
		width: 8px;
		height: 14px;
		background-size: 100% 100%;
	}

	.sybkG-box .sybkG-box-co:hover p img {
		transform: scale(1.1);
	}

	.sybkG-box .sybkG-box-co:hover h5 {
		color: #1489d9;
	}

	.sybkG-box .swiper-pagination-bullet {
		background-color: rgb(0, 0, 0, 0);
		border: 2px solid #7d7d7d;
		width: 16px;
		height: 16px;
		border-radius: 20px;
	}

	.sybkG-box .swiper-pagination-bullet-active {
		background-color: #fa8248;
		padding: 2px;
		border: 4px solid rgb(0, 0, 0, 0);
		width: 12px;
		height: 12px;
		position: relative;
		margin: 14px 0;
	}

	.sybkG-box .swiper-pagination-bullet-active::after {
		content: '';
		position: absolute;
		border: 2px solid #fa8248;
		width: 20px;
		height: 20px;
		top: 50%;
		left: 50%;
		border-radius: 20px;
		transform: translate(-50%, -50%);
	}

	.sybkG-box .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
		margin: 0 10px;
	}

	.sybkG-box .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active {
		margin: 2px 15px;
	}

	.sybkG-box .swiper-container-horizontal>.swiper-pagination-bullets,
	.sybkG-box .swiper-pagination-custom,
	.swiper-pagination-fraction {
		bottom: 2px;
	}

	/* 第八屏 */

	.section8>img {
		width: 100%;
		height: 100%;
		position: relative;
		z-index: -1;
	}

	.sybkH {
		position: absolute;
		width: 73%;
		left: 13.5%;
		top: 50%;
		transform: translate(0, -50%);
		z-index: 2;
	}

	.sybkH-l {
		width: 40%;
		float: left;
	}

	.sybkH-l .sybkB-top h6 {
		opacity: 0.06;
	}

	.sybkH-l .sybkB-top h5 {
		color: #ffffff;
	}

	.sybkH-l ul {
		margin-top: 60px;
		margin-bottom: 55px;
	}

	.sybkH-l li {
		display: flex;
		align-items: center;
		margin-bottom: 25px;
	}

	.sybkH-l li p {
		font-size: 14px;
		line-height: 20px;
		color: rgb(255, 255, 255, 0.5);
		margin-left: 15px;
	}

	.sybkH-l li p span {
		font-size: 18px;
		line-height: 24px;
		color: #fff;
		display: block;
	}

	.sybkH-l a {
		width: 260px;
		line-height: 61px;
		position: relative;
		text-align: center;
		background-color: #1489d9;
		border-radius: 6px;
		font-size: 16px;
		color: #fff;
		display: block;
		transition: all 0.5s;
	}

	.sybkH-l a::after {
		content: '';
		position: absolute;
		top: 0;
		left: 95%;
		width: 61px;
		height: 61px;
		background-image: url(../img/tb13.png);
		background-size: 100% 100%;
	}

	.sybkH-l a:hover {
		margin-top: -10px;
		margin-bottom: 10px;
	}

	.sybkH-r {
		width: 57%;
		float: right;
		margin-top: 40px;
	}

	.sybkH-r .lxwm-dt {
		position: relative;
	}

	.sybkH-r .lxwm-dt::after {
		position: absolute;
		content: '';
		width: 100%;
		height: 100%;
		background-color: #0853c2;
		right: -2%;
		bottom: -2%;
		border-radius: 6px;
		z-index: -1;
	}

	.sybkH-r .lxwm-dt img {
		width: 100%;
		height: 421px;
		border-radius: 6px;
	}

	.sybkH-r .lxwm-dt>div {
		border-radius: 6px;
	}

	/*  */
	.bottBox {
		background-color: #222324;
		padding: 75px 0;
		position: relative;
	}

	.bottBox-l {
		width: 20%;
		margin-left: 4.6%;
		display: inline-block;
	}

	.bottBox-l div {
		display: flex;
		align-items: center;
		margin-top: 35px;
	}

	.bottBox-l div p {
		font-size: 28px;
		line-height: 34px;
		color: #fff;
		margin-left: 10px;
	}

	.bottBox-l div p span {
		font-weight: bold;
	}

	.bottBox-l div p m {
		font-size: 16px;
		line-height: 24px;
		color: #8c8c8c;
		display: block;
	}

	.bottBox-r {
		float: right;
		width: 55%;
		margin-right: 6%;
	}

	.bottBox-r ul {
		display: flex;
		justify-content: space-between;
	}

	.bottBox-r ul li a {
		display: block;
		font-size: 14px;
		line-height: 24px;
		color: #8c8c8c;
		transition: all 0.5s;
	}

	.bottBox-r ul li a:first-child {
		font-size: 16px;
		color: #fff;
		margin-bottom: 10px;
	}

	.bottBox-r ul li a:hover {
		color: #1489d9;
	}

	.bottBox-bott {
		display: flex;
		justify-content: space-between;
		width: 100%;
		padding-left: 2%;
		padding-right: 4%;
		margin-top: 122px;
	}

	.bottBox-bott p {
		font-size: 14px;
		line-height: 24px;
		color: #8c8c8c;
	}

	.bottBox-bott p a {
		font-size: 14px;
		line-height: 24px;
		color: #8c8c8c;
	}

	.bottBox-bott-yqlj {
		background-color: #fff;
		position: absolute;
		bottom: 0;
		width: 100%;
		padding-left: 2%;
	}

	.bottBox-bott-yqlj a {
		font-size: 14px;
		line-height: 34px;
		color: #717171;
		margin-right: 10px;
	}






	/* 左侧导航点 */
	.conNav {
		position: fixed;
		top: 50%;
		left: 1.7%;
		transform: translate(0, -50%);
	}

	.conNav p {
		background-color: #fff;
		height: 10px;
		width: 10px;
		border-radius: 10px;
		transition: all 0.3s;
		margin-bottom: 7px;
	}

	.conNav p:hover {
		background-color: #1489d9;
		height: 40px;
	}

	.conNav .conNav-b {
		background-color: #1489d9;
		height: 40px;
	}

	/* 返回 */
	.fhdb {
		position: fixed;
		bottom: 15%;
		right: 1%;
		z-index: 1000;
	}

	/*固定的悬浮窗*/
	.yb_conct {
		position: fixed;
		z-index: 9999999;
		top: 290px;
		right: 0;
		cursor: pointer;
		transition: all .3s ease;
	}

	.yb_conct ul {
		position: relative;
	}

	.yb_conct ul li {
		width: 60px;
		height: 60px;
		margin-bottom: 1px;
		transition: all .5s ease;
		overflow: hidden;
		text-align: center;
		border-radius: 6px;
		position: absolute;
		right: 0;
	}

	.yb_conct ul li.co {
		width: 220px;
		text-align: right;
		display: flex;
		align-items: center;
		flex-wrap: wrap;
	}

	.yb_conct ul li:nth-child(4).co {
		width: 320px;
		text-align: right;
		display: flex;
		align-items: center;
		flex-wrap: wrap;
	}

	.yb_conct ul li:nth-child(1) {
		background-color: #1489d9;
		top: 0;
	}

	.yb_conct ul li:nth-child(2) {
		background-color: #1258cc;
		top: 61px;
	}

	.yb_conct ul li:nth-child(3) {
		background-color: #1c38b1;
		top: 122px;
	}

	.yb_conct ul li:nth-child(4) {
		background-color: #272982;
		top: 183px;
	}

	.yb_conct ul li.co:nth-child(3) {
		height: 200px;
	}

	.yb_conct ul li a {
		width: 100%;
	}

	.yb_conct ul li.co a span {
		display: inline-block;
		float: left;
	}

	.yb_conct ul li.co a img {
		float: right;
		display: inline-block;
	}

	.yb_conct ul li.co p {
		display: inline-block;
	}

	.yb_conct ul li a img {
		width: 60px;
		display: inline-block;
	}

	.yb_conct ul li a span {
		font-size: 16px;
		line-height: 60px;
		color: #fff;
		display: none;
		text-align: center;
		width: calc(99% - 60px);
	}

	.yb_conct ul li p {
		display: none;
		text-align: center;
		font-size: 14px;
		line-height: 14px;
		color: #fff;
		width: calc(99% - 60px);
		padding-bottom: 20px;
	}

	.yb_conct ul li p img {
		width: 135px;
		display: inline-block;
	}

	@media(max-width: 1620px) {
		.sybkG {
			top: 14%;
		}

		.sybkF ul li span {
			font-size: 18px;
		}

		.sybkF-top h6 {
			font-size: 60px;
			line-height: 62px;
		}

		.sybkE {
			top: 14%;
		}

		.sybkF {
			bottom: -4%;
		}

		.sybkE-box {
			width: 90%;
			margin: auto;
		}
	}

}

@media screen and (min-width: 1000px) and (max-width: 1500px) {

	body,
	html {
		margin: 0;
		padding: 0;
		font-family: "Microsoft YaHei", "微软雅黑";
		font-size: 12px;
		-webkit-font-smoothing: antialiased;
		/*抗锯齿效果*/
		-webkit-tap-highlight-color: transparent;
		-webkit-overflow-scrolling: touch;
		overflow-scrolling: touch;
		overflow: auto;
		overflow-x: hidden;
	}

	body {
		max-width: 1920px;
		margin: 0 auto;
		overflow: hidden;
	}

	a,
	ul,
	li,
	ol,
	p,
	h1,
	h2,
	h3,
	h4,
	h5,
	h6,
	dl,
	dt,
	dd {
		list-style: none;
		padding: 0;
		margin: 0;
		text-decoration: none;
		font-weight: normal;
		font-size: 12px;
		color: #292929;
		font-family: "Microsoft YaHei", "微软雅黑";
	}


	input,
	select,
	textarea {
		padding: 0;
		margin: 0;
		outline: none;
		font-family: "Microsoft YaHei", "微软雅黑";
		appearance: none;
		-moz-appearance: none;
		-webkit-appearance: none;
		border: none;
	}



	@font-face {
		font-family: "SourceHanSansCN";
		src: url("../font/SourceHanSansCN-Bold.ttf") format("truetype");
		font-weight: normal;
		font-style: normal;
	}

	@font-face {
		font-family: "roboto";
		src: url("../font/roboto-bold.ttf") format("truetype");
		font-weight: normal;
		font-style: normal;
	}



	/*p{text-align:justify;text-justify:inter-ideograph;}*/
	.clearfix {
		clear: both;
	}

	.mob {
		display: none;
	}

	.pc {
		display: block;
	}

	.fl {
		float: left;
	}

	.fr {
		float: right
	}

	.commen {
		width: 73%;
		margin: 0 auto;
	}

	.ellipsis {
		display: block;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	* {
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-box;
	}

	.lxb input::-webkit-input-placeholder,
	.lxb textarea::-webkit-input-placeholder {
		color: #fff;
		opacity: 1;
	}

	.lxb input:-moz-placeholder,
	.lxb textarea:-moz-placeholder {
		color: #fff;
		opacity: 1;
	}

	.lxb input::-moz-placeholder,
	.lxb textarea::-moz-placeholder {
		color: #fff;
		opacity: 1;
	}

	.lxb input:-ms-input-placeholder,
	.lxb textarea:-ms-input-placeholder {
		color: #fff;
		opacity: 1;
	}

	/*滚动条样式*/
	::-webkit-scrollbar-track-piece {
		width: 0px;
		background-color: #f0f0f0;
		border-radius: 5px;
	}

	::-webkit-scrollbar {
		width: 0px;
		background-color: #272e88;
		border-radius: 5px;
	}

	::-webkit-scrollbar-thumb {
		width: 0px;
		background-color: #282828;
		border-radius: 5px;
	}

	::-webkit-scrollbar-thumb:hover {
		width: 0px;
		background-color: #272e88;
		border-radius: 5px;
	}

	/*导航*/
	.nav {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 5;
		padding: 0 4.6%;
		display: flex;
		align-items: center;
		z-index: 1000;
		padding-top: 1.25rem;
	}

	.nav-logo {
		width: 9.375rem;
		display: inline-block;
	}

	.nav-logo img {
		width: 100%;
		display: none;
	}

	.nav-logo img.co {
		display: block;
	}

	.nav ul {
		display: flex;
		justify-content: flex-end;
		width: calc(100% - 23.75rem);
		margin-top: 1.875rem;
	}

	.nav li {
		display: inline-block;
		float: right;
		padding: 0 1.5rem;
		margin: 0 0.6875rem;
		transition: all 0.5s;
	}

	.nav li.co {
		background-color: #1489d9;
		border-radius: 0.375rem;
	}

	.nav li:hover {
		background-color: #1489d9;
		border-radius: 0.375rem;
	}

	.nav li>a {
		font-size: 1rem;
		color: #fff;
		line-height: 3.125rem;
		position: relative;
		z-index: 10;
		transition: all 0.5s;
	}

	.nav li:hover .nav-co {
		height: auto;
		top: 100%;
		z-index: 100;
		opacity: 1;
	}

	.nav .nav-co {
		position: absolute;
		top: 0%;
		left: 0;
		text-align: center;
		width: 100%;
		height: 0;
		overflow: hidden;
		transition: all 0.5s;
		z-index: -100;
		opacity: 0;
		background-color: #fff;
		text-align: center;
	}

	.nav .nav-co a {
		display: inline-block;
		font-size: 0.87rem;
		color: #303030;
		line-height: 8.125rem;
		transition: all 0.5s;
		padding: 0 2.1875rem;
	}

	.nav .nav-co a:hover {
		border-radius: 6px;
	}

	.nav-co-a {
		position: absolute;
		top: 100%;
		left: 0;
		width: 100%;
		text-align: center;
		background-color: #fff;
		padding: 3.125rem 12%;
		display: flex;
		align-items: center;
		z-index: -5;
		opacity: 0;
		transition: all 0.5s;
		height: 0;
		overflow: hidden;
	}

	.nav li.ccoo .nav-co-a {
		z-index: 100;
		opacity: 1;
		height: auto;
	}

	.nav-co-a-l p {
		font-size: 1rem;
		line-height: 3rem;
		color: #303030;
		width: 13.75rem;
		position: relative;
		text-align: left;
		transition: all 0.5s;
	}

	.nav-co-a-l p a {
		font-size: 1rem;
		line-height: 3rem;
		color: #303030;
		transition: all 0.5s;
		display: block;
	}

	.nav-co-a-l p::after {
		position: absolute;
		content: '';
		width: 0.5rem;
		height: 0.875rem;
		background-image: url(../img/tb9.png);
		background-size: 100% 100%;
		right: 0;
		top: calc(50% - 0.4375rem);
	}

	.nav-co-a-l p:hover {
		color: #1489d9;
	}

	.nav-co-a-l p.co {
		color: #1489d9;
	}

	.nav-co-a-l p:hover a {
		color: #1489d9;
	}

	.nav-co-a-l p.co a {
		color: #1489d9;
	}

	.nav-co-a-r-box {
		display: none;
		margin-left: 3.75rem;
	}

	.nav-co-a-r-box.co {
		display: flex;
		margin-left: 3.75rem;
	}

	.nav-co-a-r-box p {
		text-align: center;
		display: inline-block;
		margin: 0 0.625rem;
		width: 16.6%;
	}

	.nav-co-a-r-box p img {
		width: 100%;
		transition: all 0.5s;
	}

	.nav-co-a-r-box p span {
		width: 100%;
		font-size: 0.875rem;
		color: #303030;
		line-height: 1.5rem;
		transition: all 0.5s;
	}

	.nav-co-a-r-box p:hover img {
		transform: scale(1.1);
	}

	.nav-co-a-r-box p:hover span {
		color: #fe8245;
	}

	.nav-zyqh {
		display: flex;
		justify-content: space-between;
		margin-left: 1.875rem;
		margin-top: 1.875rem;
	}

	.nav-zyqh a {
		display: inline-block;
		line-height: 3.125rem;
		font-size: 1rem;
		color: #fff;
		text-align: center;
		background-size: 100% 100%;
		transition: all 0.5s;
		padding: 0 0.625rem;
	}

	.nav-zyqh span {
		display: inline-block;
		line-height: 3.125rem;
		font-size: 1rem;
		color: #fff;
		text-align: center;
		background-size: 100% 100%;
		transition: all 0.5s;
		padding: 0 0.625rem;
	}

	.nav-zyqh a.co {
		background-color: #1489d9;
		border-radius: 0.375rem;
	}

	.nav-zyqh a:hover {
		background-color: #1489d9;
		border-radius: 0.375rem;
	}

	.nav-dl a {
		display: inline-block;
		width: 6.25rem;
		line-height: 2.1875rem;
		font-size: 1rem;
		color: #fff;
		background-color: #282f89;
		text-align: center;
		font-weight: bold;
		transition: all 0.5s;
		border-radius: 50px;
	}

	.nav-dbmc {
		position: absolute;
		right: 6%;
		top: 0;
	}

	.nav-dbmc p {
		display: inline-block;
		font-size: 0.75rem;
		line-height: 1.875rem;
		color: #fff;
		opacity: 0.5;
	}

	.nav-dbmc p a {
		display: inline-block;
		font-size: 0.75rem;
		line-height: 1.875rem;
		color: #fff;
		margin-left: 2.5rem;
		text-decoration: underline;
		transition: all 0.5s;
	}

	.nav-dbmc p a:hover {
		color: #333;
	}

	/*  */
	.nav.co li>a,
	.nav.co .nav-co a,
	.nav-zyqh.co a,
	.nav-zyqh.co span {
		color: #303030;
	}

	.nav.co li:hover>a,
	.nav .nav-co a:hover,
	.nav-zyqh a:hover,
	.nav.co li.co>a,
	.nav-zyqh a.co {
		color: #fff;
	}



	/* 第一屏 */
	.sybanner {
		height: 100%;
		position: relative;
	}

	.sybanner .swiper1 {
		height: 100%;
	}

	.sybanner .swiper-slide {
		width: 100%;
		overflow: hidden;
	}

	.sybanner .swiper-slide img {
		height: 100%;
		width: 100%;
	}

	.sybanner .swiper-pagination-bullet {
		background-color: rgb(0, 0, 0, 0);
		border: 2px solid #fff;
		width: 1rem;
		height: 1rem;
		border-radius: 20px;
		display: block;
	}

	.sybanner .swiper-pagination-bullet-active {
		background-color: #fa8248;
		padding: 0.125rem;
		border: 0.25rem solid rgb(0, 0, 0, 0);
		width: 0.75rem;
		height: 0.75rem;
		position: relative;
		margin: 0.875rem 0;
	}

	.sybanner .swiper-pagination-bullet-active::after {
		content: '';
		position: absolute;
		border: 0.125rem solid #fa8248;
		width: 1.25rem;
		height: 1.25rem;
		top: 50%;
		left: 50%;
		border-radius: 1.25rem;
		transform: translate(-50%, -50%);
	}

	.sybanner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
		margin: 1.125rem 0;
	}

	.sybanner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active {
		margin: 1.25rem 0.125rem;
	}

	.sybanner .swiper-container-horizontal>.swiper-pagination-bullets,
	.sybanner .swiper-pagination-custom,
	.swiper-pagination-fraction {
		bottom: 4%;
		left: auto;
		right: 4.5rem;
		width: auto;
		display: inline-block;
	}

	.sybanner-A {
		position: absolute;
		z-index: 2;
		top: 28%;
		left: 13.5%;
	}

	.sybanner-A h5 {
		font-size: 2.5rem;
		line-height: 2.625rem;
		color: #303030;
		font-family: 'SourceHanSansCN';
		font-weight: bold;
		margin-bottom: 0.75rem;
	}

	.sybanner-A h5 span {
		color: #ee763b;
	}

	.sybanner-A h6 {
		font-size: 2.875rem;
		line-height: 3rem;
		color: #303030;
		font-family: 'SourceHanSansCN';
		font-weight: bold;
		margin-bottom: 1.875rem;
	}

	.sybanner-gjc {
		position: absolute;
		left: 13.54166666666667%;
		bottom: 4.6%;
		z-index: 5;
		font-size: 0.75rem;
		color: #fff;
		opacity: 0.4;
	}

	.sybanner-gjc a {
		font-size: 0.75rem;
		color: #fff;
		transition: all 0.5s;
	}

	.sybanner-gjc a:hover {
		color: #1489d9;
	}

	.sybanner>p {
		position: absolute;
		left: 50%;
		bottom: 4%;
		z-index: 5;
		transform: translate(-50%, 0);
	}

	/* 第二屏 */
	.section {
		position: relative;
	}

	.section2>img {
		width: 100%;
		height: 100%;
		position: relative;
		z-index: -1;
	}

	.sybkB {
		position: absolute;
		width: 73%;
		left: 13.5%;
		top: 27%;
		z-index: 2;
	}

	.sybkB-top h6 {
		font-size: 5.625rem;
		line-height: 5.75rem;
		font-family: 'roboto';
		font-weight: bold;
		color: #dee5f0;
		opacity: 0.3;
	}

	.sybkB-top h5 {
		font-size: 3.125rem;
		line-height: 3.25rem;
		font-family: 'SourceHanSansCN';
		font-weight: bold;
		color: #303030;
		margin-top: -3.4375rem;
		position: relative;
		z-index: 5;
		margin-left: 0.5rem;
	}

	.sybkB-top h5 img {
		margin: 0 0.3125rem;
	}

	.sybkB-co {
		width: 58%;
		margin-top: 1.875rem;
		margin-bottom: 2.8125rem;
	}

	.sybkB-co p {
		font-size: 1rem;
		line-height: 1.5rem;
		color: #303030;
	}

	.sybkB-co p:first-child {
		margin-bottom: 1.25rem;
		height: 3rem;
		overflow: hidden;
	}

	.sybkB-co p:last-child {
		height: 4.5rem;
		overflow: hidden;
	}

	.sybkB-boot a {
		width: 12.5rem;
		line-height: 3.75rem;
		background-color: #1489d9;
		border-radius: 0.375rem;
		color: #fff;
		font-size: 1rem;
		display: inline-block;
		text-align: center;
		transition: all 0.5s;
	}

	.sybkB-boot a:hover {
		margin-top: -0.625rem;
	}

	/* 第三屏 */
	.section3>video {
		width: 100%;
		height: 100%;
	}

	.sybkC {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 2;
	}

	.sybkC>img {
		width: 100%;
		height: 100%;
	}

	.sybkC-co {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		z-index: 10;
		text-align: center;
	}

	.sybkC-top h6 {
		font-size: 5.625rem;
		line-height: 5.75rem;
		font-family: 'roboto';
		font-weight: bold;
		color: #dee5f0;
		opacity: 0.1;
	}

	.sybkC-top h5 {
		font-size: 3.125rem;
		line-height: 3.25rem;
		font-family: 'SourceHanSansCN';
		font-weight: bold;
		margin-top: -3.4375rem;
		position: relative;
		z-index: 5;
		margin-left: 0.5rem;
		color: #fff;
		text-align: center;
	}

	.sybkC-top h5 img {
		margin: 0 0.315rem;
	}

	.sybkC-bf {
		display: inline-block;
		margin-top: 1.875rem;
		transition: all 0.5s;
		width: 5.0625rem;
	}

	.sybkC-bf:hover {
		transform: scale(1.1);
	}

	.section3 .sybkC-vid {
		width: 60%;
		height: auto;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		display: none;
	}

	.section3 .sybkC-vid video {
		width: 100%;
		height: 100%;
	}

	.section3 .sybkC-vid.co {
		z-index: 500;
		display: inline-block;
	}

	.section3 .sybkC-vid>img {
		position: absolute;
		top: 3%;
		right: 2%;
		transition: all 0.5s;
		z-index: 501;
	}

	.section3 .sybkC-vid>img:hover {
		transform: scale(1.2);
	}

	/* 第四屏 */
	.section4>img {
		width: 100%;
		height: 100%;
		position: relative;
		z-index: -1;
	}

	.section4>ul {
		width: 73%;
		position: absolute;
		left: 13.5%;
		bottom: 8%;
		display: flex;
		border-radius: 5px;
		overflow: hidden;
		z-index: 10;
	}

	.section4>ul li {
		width: 25%;
		background-color: #fff;
		padding: 1.875rem 2.1875rem;
		position: relative;
		transition: all 0.5s;
	}

	.section4>ul li::after {
		content: '';
		position: absolute;
		height: 100%;
		width: 32%;
		background-image: url(../img/tb5.png);
		background-size: 100% 100%;
		right: 0;
		top: 0;
	}

	.section4>ul li h5 {
		font-size: 1.5rem;
		line-height: 2.125rem;
		color: #303030;
		font-weight: bold;
		transition: all 0.5s;
	}

	.section4>ul li p {
		font-size: 0.75rem;
		line-height: 1.5rem;
		color: #303030;
		opacity: 0.5;
		transition: all 0.5s;
	}

	.section4>ul li span {
		width: 1.875rem;
		height: 0.25rem;
		background-color: #fa8248;
		border-radius: 2px;
		display: inline-block;
	}

	.section4>ul li.co {
		background-color: #1489d9;
	}

	.section4>ul li.co::after {
		background-image: url(../img/tb5-1.png);
	}

	.section4>ul li.co h5,
	.section4>ul li.co p {
		color: #fff;
	}

	.sybkD {
		position: absolute;
		top: 0;
		left: 13.5%;
		z-index: 2;
		height: 100%;
		width: 86.5%;
	}

	.sybkD-box {
		height: 100%;
		display: none;
	}

	.sybkD-box.co {
		display: block;
	}

	.sybkD-box-l {
		float: left;
		width: 43%;
		margin-top: 12%;
	}

	.sybkD-box-l>h5 {
		font-size: 1.875rem;
		line-height: 2.125rem;
		color: #1489d9;
		font-weight: bold;
		font-family: SourceHanSansCN;
		margin-top: 4.6875rem;
		margin-bottom: 2.1875rem;
	}

	.sybkD-box-l>h5 span {
		font-size: 0.75rem;
		line-height: 1.5rem;
		color: #303030;
		display: block;
		font-weight: normal;
		opacity: 0.5;
	}

	.sybkD-box-l>p {
		font-size: 1rem;
		line-height: 1.5rem;
		color: #303030;
		margin-bottom: 1.5625rem;
	}

	.sybkD-box-r {
		float: right;
		width: 52%;
		height: 100%;
	}

	.sybkD-box-r img {
		height: 100%;
		width: 100%;
	}

	/* 第五屏 */
	.section5>img {
		width: 100%;
		height: 100%;
		position: relative;
		z-index: -1;
	}

	.sybkE {
		position: absolute;
		top: 16%;
		width: 73%;
		left: 13.5%;
		z-index: 2;
	}

	.sybkE-top h6 {
		font-size: 5.625rem;
		line-height: 5.75rem;
		font-family: 'roboto';
		font-weight: bold;
		color: #dee5f0;
		opacity: 0.6;
		text-align: center;
	}

	.sybkE-top h5 {
		font-size: 3.125rem;
		line-height: 3.25rem;
		font-family: 'SourceHanSansCN';
		font-weight: bold;
		color: #303030;
		margin-top: -3.4375rem;
		position: relative;
		z-index: 5;
		margin-left: 0.5rem;
		text-align: center;
	}

	.sybkE-top h5 img {
		margin: 0 0.3125rem;
	}

	.sybkE-box {
		margin-top: 2.1875rem;
	}

	.sybkE-box-co {
		position: relative;
		display: inline-block;
		border-radius: 6px;
		width: 33%;
	}

	.sybkE-box-co>img {
		width: 100%;
		transition: all 0.5s;
	}

	.sybkE-box-co>div {
		position: absolute;
		top: 0;
		left: 0;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		height: 100%;
		transition: all 0.5s;
	}

	.sybkE-box-co:hover {
		background-color: #fff;
	}

	.sybkE-box-co:hover>div p,
	.sybkE-box-co:hover>div a {
		opacity: 1;
	}

	.sybkE-box-co:hover>div h5 {
		position: initial;
	}

	.sybkE-box-co:hover>img {
		opacity: 0.4;
	}

	.sybkE-box-co>div h5 {
		font-size: 1.875rem;
		line-height: 2.125rem;
		color: #303030;
		font-weight: bold;
		margin-bottom: 2.5rem;
		margin-top: 3.75rem;
		position: absolute;
		bottom: 3%;
		left: 0;
		width: 108%;
	}

	.sybkE-box-co>div p {
		height: 15rem;
		overflow: hidden;
		margin-bottom: 1.25rem;
		opacity: 0;
	}

	.sybkE-box-co>div p span {
		font-size: 1rem;
		line-height: 3rem;
		color: #303030;
		display: block;
		position: relative;
		padding-left: 1.6875rem;
		color: #303030;
		transition: all 0.5s;
		cursor: pointer;
	}

	.sybkE-box-co>div p span::after {
		content: '';
		position: absolute;
		width: 1.25rem;
		height: 1.25rem;
		background-image: url(../img/tb6.png);
		background-size: 100% 100%;
		left: 0;
		top: 50%;
		transform: translate(0, -50%);
		transition: all 0.5s;
	}

	.sybkE-box-co>div p span:hover {
		color: #1489d9;
	}

	.sybkE-box-co>div p span:hover::after {
		background-image: url(../img/tb6-1.png);
	}

	.sybkE-box-co>div a {
		width: 12.5rem;
		line-height: 3.75rem;
		display: inline-block;
		border-radius: 0.375rem;
		text-align: center;
		font-size: 1rem;
		color: #fff;
		background-color: #1489d9;
		transition: all 0.5s;
		opacity: 0;
	}

	.sybkE-box-co>div a:hover {
		margin-top: -0.625rem;
	}

	/* 第六屏 */

	.section6>img {
		width: 100%;
		height: 100%;
		position: relative;
		z-index: -1;
	}

	.sybkF-top {
		position: absolute;
		left: 12%;
		bottom: 13%;
	}

	.sybkF-top h6 {
		font-size: 4.375rem;
		line-height: 4.5rem;
		font-family: 'roboto';
		font-weight: bold;
		color: #dee5f0;
		opacity: 0.6;
	}

	.sybkF-top h5 {
		font-size: 3.125rem;
		line-height: 3.25rem;
		font-family: 'SourceHanSansCN';
		font-weight: bold;
		color: #303030;
		position: relative;
		z-index: 5;
		margin-left: 0.5rem;
	}

	.sybkF-top h5 img {
		margin: 0 0.3125rem;
	}

	.sybkF {
		position: absolute;
		width: 73%;
		left: 13.5%;
		bottom: 1%;
	}

	.sybkF>img {
		width: 100%;
	}

	.sybkF ul li {
		position: absolute;
		width: 0.9375rem;
		height: 1.105rem;
		cursor: pointer;
	}

	.sybkF ul li::after {
		content: '';
		position: absolute;
		background-image: url(../img/tb7.png);
		background-size: 100% 100%;
		width: 0.9375rem;
		height: 1.105rem;
		left: 0;
		top: 0;
		transition: all 0.5s;
	}

	.sybkF ul li:hover::after {
		top: -0.625rem;
	}

	.sybkF ul li>span {
		font-size: 1.25rem;
		line-height: 1.375rem;
		font-family: ArialMT;
		color: #303030;
		position: absolute;
		left: 100%;
		bottom: 0%;
	}

	.sybkF ul li:nth-child(1) {
		left: 77%;
		top: 36.5%;
	}

	.sybkF ul li:nth-child(1)>span {
		left: 150%;
		bottom: 40%;
	}

	.sybkF ul li:nth-child(2) {
		left: 78.5%;
		top: 38.2%;
	}

	.sybkF ul li:nth-child(3) {
		left: 78.5%;
		top: 42%;
	}

	.sybkF ul li:nth-child(4) {
		left: 77%;
		top: 46%;
	}

	.sybkF ul li:nth-child(5) {
		left: 17%;
		top: 40%;
	}

	.sybkF ul li:nth-child(6) {
		left: 31%;
		top: 66%;
	}

	.sybkF ul li:nth-child(7) {
		left: 48%;
		top: 29%;
	}

	.sybkF ul li:nth-child(8) {
		left: 83%;
		top: 75%;
	}

	.sybkF-box {
		background-image: url(../img/tb8.png);
		background-size: 100% 100%;
		position: absolute;
		left: -10rem;
		bottom: 100%;
		width: 23.8125rem;
		height: 13.6875rem;
		padding: 1.375rem 1rem;
		display: none;
	}

	.sybkF ul li.co .sybkF-box {
		display: inline-block;
	}

	.sybkF-box h5 {
		font-size: 1.375rem;
		line-height: 1.5rem;
		color: #1489d9;
		font-weight: bold;
		position: relative;
		padding-left: 2.4375rem;
		border-bottom: 1px solid #d6dee6;
		padding-bottom: 0.625rem;
	}

	.sybkF-box h5::after {
		content: '';
		position: absolute;
		top: 0;
		left: 0.5rem;
		background-image: url(../img/tb7.png);
		background-size: 100% 100%;
		width: 0.9375rem;
		height: 1.105rem;
	}

	.sybkF-box h5 span {
		font-size: 1.25rem;
		line-height: 1.5rem;
		color: #303030;
		font-weight: normal;
		margin-left: 0.625rem;
	}

	.sybkF-box p {
		font-size: 1rem;
		line-height: 1.35rem;
		color: #303030;
		margin-top: 1rem;
		margin-left: 0.3125rem;
	}

	/* 第七屏 */

	.section7>img {
		width: 100%;
		height: 100%;
		position: relative;
		z-index: -1;
	}

	.sybkG {
		position: absolute;
		top: 20%;
		left: 13.5%;
		width: 73%;
	}

	.sybkG .sybkB-top h6 {
		opacity: 0.6;
		color: #c5d1dd;
	}

	.sybkG>ul {
		float: right;
		margin-top: -2.5rem;
		position: relative;
		z-index: 1000;
	}

	.sybkG>ul li {
		font-size: 1rem;
		line-height: 3.125rem;
		font-weight: bold;
		color: #303030;
		width: 6.6875rem;
		border-radius: 0.375rem;
		text-align: center;
		display: inline-block;
		transition: all 0.5s;
		cursor: pointer;
	}

	.sybkG>ul li a {
		font-size: 1rem;
		line-height: 3.125rem;
		font-weight: bold;
		color: #303030;
		display: block;
		transition: all 0.5s;
	}

	.sybkG>ul li:hover {
		background-color: #1489d9;
		color: #fff;
	}

	.sybkG>ul li.co {
		background-color: #1489d9;
		color: #fff;
	}

	.sybkG>ul li:hover a {
		color: #fff;
	}

	.sybkG-box .swiper-container {
		opacity: 0;
		position: absolute;
		z-index: -1;
		transition: all 0.5s;
	}

	.sybkG-box .swiper-container.co {
		opacity: 1;
		position: absolute;
		z-index: 5;
		transition: all 0.5s;
	}

	.sybkG-box .swiper-container {
		width: 100%;
		margin-top: 3.125rem;
		padding-bottom: 3.75rem;
	}

	.sybkG-box .swiper-slide {
		display: flex;
		justify-content: space-between;
	}

	.sybkG-box .sybkG-box-co {
		width: 100%;
		background-color: #fff;
		border-radius: 0.375rem;
		overflow: hidden;
	}

	.sybkG-box .sybkG-box-co p {
		width: 100%;
		overflow: hidden;
	}

	.sybkG-box .sybkG-box-co p img {
		width: 100%;
		transition: all 0.5s;
	}

	.sybkG-box .sybkG-box-co span {
		font-size: 1.125rem;
		line-height: 2.125rem;
		color: #1489d9;
		font-weight: bold;
		margin: 1.5625rem 1.4375rem 0;
		display: inline-block;
	}

	.sybkG-box .sybkG-box-co h5 {
		font-size: 1.5rem;
		line-height: 2rem;
		height: 4rem;
		overflow: hidden;
		color: #303030;
		font-weight: bold;
		margin: 0.9375rem 1.4375rem 0;
		transition: all 0.5s;
	}

	.sybkG-box .sybkG-box-co a {
		font-size: 0.875rem;
		line-height: 3.75rem;
		color: #303030;
		border-top: 1px solid #f1f3f6;
		position: relative;
		display: block;
		margin: 1.875rem 1.4375rem 0;
	}

	.sybkG-box .sybkG-box-co a::after {
		content: '';
		position: absolute;
		right: 0.3125rem;
		top: calc(50% - 0.4375rem);
		background-image: url(../img/tb9.png);
		width: 0.5rem;
		height: 0.875rem;
		background-size: 100% 100%;
	}

	.sybkG-box .sybkG-box-co:hover p img {
		transform: scale(1.1);
	}

	.sybkG-box .sybkG-box-co:hover h5 {
		color: #1489d9;
	}

	.sybkG-box .swiper-pagination-bullet {
		background-color: rgb(0, 0, 0, 0);
		border: 0.125rem solid #7d7d7d;
		width: 1rem;
		height: 1rem;
		border-radius: 1.25rem;
	}

	.sybkG-box .swiper-pagination-bullet-active {
		background-color: #fa8248;
		padding: 0.125rem;
		border: 0.25rem solid rgb(0, 0, 0, 0);
		width: 0.75rem;
		height: 0.75rem;
		position: relative;
		margin: 0.875rem 0;
	}

	.sybkG-box .swiper-pagination-bullet-active::after {
		content: '';
		position: absolute;
		border: 0.125rem solid #fa8248;
		width: 1.25rem;
		height: 1.25rem;
		top: 50%;
		left: 50%;
		border-radius: 1.25rem;
		transform: translate(-50%, -50%);
	}

	.sybkG-box .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
		margin: 0 0.625rem;
	}

	.sybkG-box .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active {
		margin: 0.125rem 0.9375rem;
	}

	.sybkG-box .swiper-container-horizontal>.swiper-pagination-bullets,
	.sybkG-box .swiper-pagination-custom,
	.swiper-pagination-fraction {
		bottom: 0.125rem;
	}

	/* 第八屏 */

	.section8>img {
		width: 100%;
		height: 100%;
		position: relative;
		z-index: -1;
	}

	.sybkH {
		position: absolute;
		width: 73%;
		left: 13.5%;
		top: 50%;
		transform: translate(0, -50%);
		z-index: 2;
	}

	.sybkH-l {
		width: 40%;
		float: left;
	}

	.sybkH-l .sybkB-top h6 {
		opacity: 0.06;
	}

	.sybkH-l .sybkB-top h5 {
		color: #ffffff;
	}

	.sybkH-l ul {
		margin-top: 3.75rem;
		margin-bottom: 3.4375rem;
	}

	.sybkH-l li {
		display: flex;
		align-items: center;
		margin-bottom: 1.5625rem;
	}

	.sybkH-l li p {
		font-size: 0.875rem;
		line-height: 1.25rem;
		color: rgb(255, 255, 255, 0.5);
		margin-left: 0.9375rem;
	}

	.sybkH-l li p span {
		font-size: 1.125rem;
		line-height: 1.5rem;
		color: #fff;
		display: block;
	}

	.sybkH-l a {
		width: 16.25rem;
		line-height: 3.8125rem;
		position: relative;
		text-align: center;
		background-color: #1489d9;
		border-radius: 0.375rem;
		font-size: 1rem;
		color: #fff;
		display: block;
		transition: all 0.5s;
	}

	.sybkH-l a::after {
		content: '';
		position: absolute;
		top: 0;
		left: 95%;
		width: 3.8125rem;
		height: 3.8125rem;
		background-image: url(../img/tb13.png);
		background-size: 100% 100%;
	}

	.sybkH-l a:hover {
		margin-top: -0.625rem;
		margin-bottom: 0.625rem;
	}

	.sybkH-r {
		width: 57%;
		float: right;
		margin-top: 2.5rem;
	}

	.sybkH-r .lxwm-dt {
		position: relative;
	}

	.sybkH-r .lxwm-dt::after {
		position: absolute;
		content: '';
		width: 100%;
		height: 100%;
		background-color: #0853c2;
		right: -2%;
		bottom: -2%;
		border-radius: 0.625rem;
		z-index: -1;
	}

	.sybkH-r .lxwm-dt img {
		height: 100%;
		width: 100%;
		border-radius: 0.625rem;
	}

	.sybkH-r .lxwm-dt>div {
		border-radius: 0.625rem;
	}

	/*  */
	.bottBox {
		background-color: #222324;
		padding: 4.6875rem 0;
		position: relative;
	}

	.bottBox-l {
		width: 20%;
		margin-left: 4.6%;
		display: inline-block;
	}

	.bottBox-l div {
		display: flex;
		align-items: center;
		margin-top: 2.1875rem;
	}

	.bottBox-l div p {
		font-size: 1.75rem;
		line-height: 2.125rem;
		color: #fff;
		margin-left: 0.625rem;
	}

	.bottBox-l div p span {
		font-weight: bold;
	}

	.bottBox-l div p m {
		font-size: 1rem;
		line-height: 1.5rem;
		color: #8c8c8c;
		display: block;
	}

	.bottBox-r {
		float: right;
		width: 55%;
		margin-right: 6%;
	}

	.bottBox-r ul {
		display: flex;
		justify-content: space-between;
	}

	.bottBox-r ul li a {
		display: block;
		font-size: 0.875rem;
		line-height: 1.5rem;
		color: #8c8c8c;
		transition: all 0.5s;
	}

	.bottBox-r ul li a:first-child {
		font-size: 1rem;
		color: #fff;
		margin-bottom: 0.625rem;
	}

	.bottBox-r ul li a:hover {
		color: #1489d9;
	}

	.bottBox-bott {
		display: flex;
		justify-content: space-between;
		width: 100%;
		padding-left: 2%;
		padding-right: 4%;
		margin-top: 7.625rem;
	}

	.bottBox-bott p {
		font-size: 0.875rem;
		line-height: 1.5rem;
		color: #8c8c8c;
	}

	.bottBox-bott p a {
		font-size: 0.875rem;
		line-height: 1.5rem;
		color: #8c8c8c;
	}

	.bottBox-bott-yqlj {
		background-color: #fff;
		position: absolute;
		bottom: 0;
		width: 100%;
		padding-left: 2%;
	}

	.bottBox-bott-yqlj a {
		font-size: 0.875rem;
		line-height: 2.125rem;
		color: #717171;
		margin-right: 0.625rem;
	}






	/* 左侧导航点 */
	.conNav {
		position: fixed;
		top: 50%;
		left: 1.7%;
		transform: translate(0, -50%);
	}

	.conNav p {
		background-color: #fff;
		height: 0.625rem;
		width: 0.625rem;
		border-radius: 0.625rem;
		transition: all 0.3s;
		margin-bottom: 7px;
	}

	.conNav p:hover {
		background-color: #1489d9;
		height: 2.5rem;
	}

	.conNav .conNav-b {
		background-color: #1489d9;
		height: 2.5rem;
	}

	/* 返回 */
	.fhdb {
		position: fixed;
		bottom: 15%;
		right: 1%;
		z-index: 1000;
	}

	.fhdb img {
		width: 3.25rem;
	}

	/*固定的悬浮窗*/
	.yb_conct {
		position: fixed;
		z-index: 9999999;
		top: 18.125rem;
		right: 0;
		cursor: pointer;
		transition: all .3s ease;
	}

	.yb_conct ul {
		position: relative;
	}

	.yb_conct ul li {
		width: 3.75rem;
		height: 3.75rem;
		margin-bottom: 1px;
		transition: all .5s ease;
		overflow: hidden;
		text-align: center;
		border-radius: 6px;
		position: absolute;
		right: 0;
	}

	.yb_conct ul li.co {
		width: 13.75rem;
		text-align: right;
		display: flex;
		align-items: center;
		flex-wrap: wrap;
	}

	.yb_conct ul li:nth-child(4).co {
		width: 20rem;
	}

	.yb_conct ul li:nth-child(1) {
		background-color: #1489d9;
		top: 0;
	}

	.yb_conct ul li:nth-child(2) {
		background-color: #1258cc;
		top: 3.8125rem;
	}

	.yb_conct ul li:nth-child(3) {
		background-color: #1c38b1;
		top: 7.625rem;
	}

	.yb_conct ul li:nth-child(4) {
		background-color: #272982;
		top: 11.4375rem;
	}

	.yb_conct ul li.co:nth-child(3) {
		height: 12.5rem;
	}

	.yb_conct ul li a {
		width: 100%;
	}

	.yb_conct ul li.co a span {
		display: inline-block;
		float: left;
	}

	.yb_conct ul li.co a img {
		float: right;
		display: inline-block;
	}

	.yb_conct ul li.co p {
		display: inline-block;
	}

	.yb_conct ul li a img {
		width: 3.75rem;
		display: inline-block;
	}

	.yb_conct ul li a span {
		font-size: 1rem;
		line-height: 3.75rem;
		color: #fff;
		display: none;
		text-align: center;
		width: calc(99% - 3.75rem);
	}

	.yb_conct ul li p {
		display: none;
		text-align: center;
		font-size: 0.875rem;
		line-height: 0.875rem;
		color: #fff;
		width: calc(99% - 3.75rem);
		padding-bottom: 1.25rem;
	}

	.yb_conct ul li p img {
		width: 8.4375rem;
		display: inline-block;
	}

	@media(max-width: 1280px) {
		.sybkE-box-co>div {
			width: max-content;
		}


		.sybkG {
			top: 14%;
		}
	}
}

@media(max-width: 1000px) {

	body,
	html {
		margin: 0;
		padding: 0;
		font-family: "Microsoft YaHei", "微软雅黑";
		font-size: 12px;
		-webkit-font-smoothing: antialiased;
		/*抗锯齿效果*/
		-webkit-tap-highlight-color: transparent;
		-webkit-overflow-scrolling: touch;
		overflow-scrolling: touch;
		overflow: auto;
		overflow-x: hidden;
	}

	body {
		max-width: 1920px;
		margin: 0 auto;
		overflow: hidden;
	}

	a,
	ul,
	li,
	ol,
	p,
	h1,
	h2,
	h3,
	h4,
	h5,
	h6,
	dl,
	dt,
	dd {
		list-style: none;
		padding: 0;
		margin: 0;
		text-decoration: none;
		font-weight: normal;
		font-size: 12px;
		color: #292929;
		font-family: "Microsoft YaHei", "微软雅黑";
	}


	input,
	select,
	textarea {
		padding: 0;
		margin: 0;
		outline: none;
		font-family: "Microsoft YaHei", "微软雅黑";
		appearance: none;
		-moz-appearance: none;
		-webkit-appearance: none;
		border: none;
	}



	@font-face {
		font-family: "SourceHanSansCN";
		src: url("../font/SourceHanSansCN-Bold.ttf") format("truetype");
		font-weight: normal;
		font-style: normal;
	}

	@font-face {
		font-family: "roboto";
		src: url("../font/roboto-bold.ttf") format("truetype");
		font-weight: normal;
		font-style: normal;
	}



	/*p{text-align:justify;text-justify:inter-ideograph;}*/
	.clearfix {
		clear: both;
	}

	.mob {
		display: block;
	}

	.pc {
		display: none;
	}

	.fl {
		float: left;
	}

	.fr {
		float: right
	}

	.commen {
		width: 73%;
		margin: 0 auto;
	}

	.ellipsis {
		display: block;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	* {
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-box;
	}

	.lxb input::-webkit-input-placeholder,
	.lxb textarea::-webkit-input-placeholder {
		color: #fff;
		opacity: 1;
	}

	.lxb input:-moz-placeholder,
	.lxb textarea:-moz-placeholder {
		color: #fff;
		opacity: 1;
	}

	.lxb input::-moz-placeholder,
	.lxb textarea::-moz-placeholder {
		color: #fff;
		opacity: 1;
	}

	.lxb input:-ms-input-placeholder,
	.lxb textarea:-ms-input-placeholder {
		color: #fff;
		opacity: 1;
	}

	/*滚动条样式*/
	::-webkit-scrollbar-track-piece {
		width: 0px;
		background-color: #f0f0f0;
		border-radius: 5px;
	}

	::-webkit-scrollbar {
		width: 0px;
		background-color: #272e88;
		border-radius: 5px;
	}

	::-webkit-scrollbar-thumb {
		width: 0px;
		background-color: #282828;
		border-radius: 5px;
	}

	::-webkit-scrollbar-thumb:hover {
		width: 0px;
		background-color: #272e88;
		border-radius: 5px;
	}

	/*导航*/
	/*导航*/
	.nav {
		display: none;
	}

	/* 顶部导航 */
	.navboc {
		background-color: rgb(0, 0, 0, 0.8);
		color: #000;
		padding-bottom: 2%;
	}

	.nav {
		display: none;
	}

	.navApp {
		width: 100%;
		margin: 0 auto;
	}

	.navApp-box {
		width: 100%;
		position: fixed;
		top: 0;
		z-index: 200;
		padding: 5%;
	}

	.navApp-box .navAppLogo {
		width: 25%;
		display: inline-block;
	}

	.navApp-box .navAppLogo img {
		width: 100%;
		display: inline-block;
	}

	.navApp-box .Aplono {
		display: none;
	}

	.nav-LAN {
		position: absolute;
		top: 0;
		margin-top: 6%;
		right: calc(50% - 20%);
	}

	.nav-LAN a {
		display: inline-block;
		line-height: 2rem;
		font-size: 1rem;
		color: #fff;
		text-align: center;
		transition: all 0.5s;
		margin-left: 0.5rem;
		padding: 0.5rem;
		border-radius: 0.4rem;
	}

	.nav-LAN {
		display: inline-block;
		line-height: 2rem;
		font-size: 1.1rem;
		color: #fff;
	}

	.nav-LAN a.co {
		background-color: #1489d9;
	}

	.navApp-box-r-an {
		width: 2.5rem;
	}

	.navApp-box-r-an img {
		width: 100%;
	}

	.huakuai {
		position: fixed;
		top: 0;
		right: -100%;
		z-index: 100001;
		transition: all .4s cubic-bezier(.4, 0, 0, 1);
		width: 100%;
		background: rgba(0, 0, 0, 0.5);
		height: 100%;
	}

	.sjdhb {
		width: 79%;
		background: #fff;
		overflow-y: scroll;
		height: 100%;
		padding-bottom: 25%;
		float: right;
		margin-right: -2%;
	}

	.guanbi {
		width: 100%;
	}

	.guanbi img {
		width: 22px;
		height: 22px;
		margin: 5%;
		float: right;
	}

	.sjdhb_a {
		width: 100%;
	}

	.sjdhb_a h6 {
		line-height: 48px;
		width: 100%;
		padding-left: 18px;
		text-transform: uppercase;
	}

	.sjdhb_a h6 a {
		font-size: 1.1rem;
		color: #222222;
	}

	.sjdhb_a-con {
		width: 100%;
		padding-left: 20%;
	}

	.sjdhb_a-con a {
		line-height: 48px;
		display: block;
		font-size: 1.1rem;
		color: #222222;
	}

	.sjdhb_a h6 span {
		font-size: 0.8rem;
		display: inline-block;
		margin-left: 7px;
		color: #b6b6b6;
	}

	.sjdhb_ah1 h6 {
		border-left: 3px solid #1489d9;
		background: #f6f6f6;
	}

	.sjdhb_ah1 h6 a {
		color: #1489d9;
	}

	.sjdhb_aa {
		width: 100%;
		height: 0;
		overflow: hidden;
	}

	.sjdhb_ah1 .sjdhb_aa {
		height: auto;
	}

	.sjdhb_aa .col {
		background-color: #f6f6f6;
	}

	.sjdhb_aa .col a {
		color: #1ab2a9;
	}

	.sjdhb_p {
		width: 100%;
		line-height: 28px;
		padding-left: 37px;
		text-transform: uppercase;
		padding-top: 11px;
		padding-bottom: 11px;
	}

	.sjdhb_p a {
		font-size: 0.95rem;
		color: #222222;
	}

	.sjdhb_pa a {
		color: #1ab2a9;
	}

	/*  */
	.nav-LAN.co a {
		color: #303030;
	}

	.nav-LAN.co a.co {
		color: #fff;
	}

	.nav-LAN.co a:hover {
		color: #fff;
	}

	/* 第一屏 */
	.sybanner {
		height: 100%;
		position: relative;
	}

	.sybanner .swiper1 {
		height: 100%;
	}

	.sybanner .swiper-slide {
		width: 100%;
		overflow: hidden;
	}

	.sybanner .swiper-slide img {
		height: 100%;
	}

	.sybanner .swiper-pagination-bullet {
		background-color: rgb(0, 0, 0, 0);
		border: 2px solid #fff;
		width: 1rem;
		height: 1rem;
		border-radius: 20px;
	}

	.sybanner .swiper-pagination-bullet-active {
		background-color: #fa8248;
		padding: 0.125rem;
		border: 0.25rem solid rgb(0, 0, 0, 0);
		width: 0.75rem;
		height: 0.75rem;
		position: relative;
		margin: 0.875rem 0;
	}

	.sybanner .swiper-pagination-bullet-active::after {
		content: '';
		position: absolute;
		border: 0.125rem solid #fa8248;
		width: 1.25rem;
		height: 1.25rem;
		top: 50%;
		left: 50%;
		border-radius: 1.25rem;
		transform: translate(-50%, -50%);
	}

	.sybanner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
		margin: 0 0.5rem;
	}

	.sybanner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active {
		margin: 0.125rem 0.725rem;
	}

	.sybanner .swiper-container-horizontal>.swiper-pagination-bullets,
	.sybanner .swiper-pagination-custom,
	.swiper-pagination-fraction {
		bottom: 4%;
	}

	.sybanner-A {
		position: absolute;
		z-index: 2;
		top: 28%;
		left: 4.5%;
	}

	.sybanner-A h5 {
		font-size: 1.8rem;
		line-height: 2.3rem;
		color: #fff;
		font-family: 'SourceHanSansCN';
		font-weight: bold;
		margin-bottom: 0.75rem;
	}

	.sybanner-A h6 {
		font-size: 2rem;
		line-height: 2.5rem;
		color: #fff;
		font-family: 'SourceHanSansCN';
		font-weight: bold;
		margin-bottom: 1.5rem;
	}

	.sybanner-A p img {
		width: 8rem;
	}

	.sybanner-gjc {
		position: absolute;
		left: 13.54166666666667%;
		bottom: 4.6%;
		z-index: 5;
		font-size: 0.75rem;
		color: #fff;
		opacity: 0.4;
	}

	.sybanner-gjc a {
		font-size: 0.75rem;
		color: #fff;
		transition: all 0.5s;
	}

	.sybanner-gjc a:hover {
		color: #1489d9;
	}

	.sybanner>p {
		position: absolute;
		left: 50%;
		bottom: 4%;
		z-index: 5;
		transform: translate(-50%, 0);
	}

	/* 第二屏 */
	.section {
		position: relative;
	}

	.section2>img {
		width: 100%;
		height: 100%;
		position: relative;
		z-index: -1;
	}

	.sybkB {
		position: absolute;
		width: 84%;
		left: 8%;
		top: 15%;
		z-index: 2;
	}

	.sybkB-top h6 {
		font-size: 4.2rem;
		line-height: 4.25rem;
		font-family: 'roboto';
		font-weight: bold;
		color: #dee5f0;
		opacity: 0.3;
	}

	.sybkB-top h5 {
		font-size: 2.125rem;
		line-height: 2.25rem;
		font-family: 'SourceHanSansCN';
		font-weight: bold;
		color: #303030;
		margin-top: -2.4375rem;
		position: relative;
		z-index: 5;
		margin-left: 0.5rem;
	}

	.sybkB-top h5 img {
		margin: 0 0.3125rem;
		width: 1.5rem;
	}

	.sybkB-co {
		width: 100%;
		margin-top: 1.875rem;
		margin-bottom: 2.8125rem;
	}

	.sybkB-co p {
		font-size: 1rem;
		line-height: 1.5rem;
		color: #303030;
	}

	.sybkB-co p:first-child {
		margin-bottom: 1.25rem;
		height: 3rem;
		overflow: hidden;
	}

	.sybkB-co p:last-child {
		height: 4.5rem;
		overflow: hidden;
	}

	.sybkB-boot a {
		width: 10.5rem;
		line-height: 3rem;
		background-color: #1489d9;
		border-radius: 0.375rem;
		color: #fff;
		font-size: 1rem;
		display: inline-block;
		text-align: center;
		transition: all 0.5s;
	}

	.sybkB-boot a:hover {
		margin-top: -0.625rem;
	}

	/* 第三屏 */
	.section3>video {
		width: 100%;
		height: 100%;
	}

	.sybkC {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 2;
	}

	.sybkC>img {
		height: 100%;
	}

	.sybkC-co {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		z-index: 10;
		text-align: center;
	}

	.sybkC-top h6 {
		font-size: 4.2rem;
		line-height: 4.25rem;
		font-family: 'roboto';
		font-weight: bold;
		color: #dee5f0;
		opacity: 0.1;
	}

	.sybkC-top h5 {
		font-size: 2.125rem;
		line-height: 2.25rem;
		font-family: 'SourceHanSansCN';
		font-weight: bold;
		margin-top: -2.4375rem;
		position: relative;
		z-index: 5;
		margin-left: 0.5rem;
		color: #fff;
		text-align: center;
	}

	.sybkC-top h5 img {
		margin: 0 0.315rem;
		width: 1.5rem;
	}

	.sybkC-bf {
		display: inline-block;
		margin-top: 1.875rem;
		transition: all 0.5s;
		width: 4.0625rem;
	}

	.sybkC-bf:hover {
		transform: scale(1.1);
	}

	.section3 .sybkC-vid {
		width: 100%;
		height: auto;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		display: none;
	}

	.section3 .sybkC-vid video {
		width: 100%;
		height: 100%;
	}

	.section3 .sybkC-vid.co {
		z-index: 500;
		display: inline-block;
	}

	.section3 .sybkC-vid>img {
		position: absolute;
		top: 3%;
		right: 2%;
		transition: all 0.5s;
		z-index: 501;
	}

	.section3 .sybkC-vid>img:hover {
		transform: scale(1.2);
	}

	/* 第四屏 */
	.section4>img {
		width: 100%;
		height: 100%;
		position: relative;
		z-index: -1;
	}

	.sybkD {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 2;
		height: 100%;
		width: 100%;
	}

	.sybkD .sybkB-top {
		position: absolute;
		top: 18%;
		z-index: 20;
		width: 100%;
		text-align: center;
	}

	.sybkD .sybkB-top h5 {
		color: #fff;
	}

	.sybkD .swiper4 {
		height: 100%;
	}

	.sybkD .swiper-slide {
		position: relative;
		overflow: hidden;
		height: 100%;
	}

	.sybkD .swiper-slide::after {
		content: '';
		position: absolute;
		width: 100%;
		height: 100%;
		background-color: rgb(0, 0, 0, 0.5);
		top: 0;
		left: 0;
		z-index: 2;
	}

	.sybkD .swiper-slide>img {
		/* position: relative;
		z-index: 1;
		margin-left: -25%;
		height: 100%; */
		/* 修改 */
		position: relative;
		z-index: 1;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.sybkD .swiper-slide .sybkD-A {
		position: absolute;
		z-index: 5;
		top: 30%;
		left: 50%;
		transform: translate(-50%, 0);
		width: 84%;
	}

	.sybkD .swiper-slide .sybkD-A>span {
		width: 1.5rem;
		height: 0.25rem;
		display: block;
		background-color: #fa8248;
	}

	.sybkD .swiper-slide .sybkD-A>h5 {
		font-size: 1.8rem;
		line-height: 2.75rem;
		color: #fff;
		font-weight: bold;
		margin-bottom: 2.5rem;
	}

	.sybkD .swiper-slide .sybkD-A>h5 span {
		font-size: 0.875rem;
		line-height: 1.2rem;
		color: #fff;
		opacity: 0.5;
		display: block;
		font-weight: normal;
	}

	.sybkD .swiper-slide .sybkD-A>p {
		font-size: 1rem;
		line-height: 1.5rem;
		color: #fff;
		margin-top: 1.8rem;
	}

	.sybkD .swiper-pagination-bullet {
		width: 0.5rem;
		height: 0.5rem;
	}

	.sybkD .swiper-pagination-bullet-active {
		width: 1.5rem;
	}

	.sybkD .swiper-container-horizontal>.swiper-pagination-bullets,
	.sybkD .swiper-pagination-custom,
	.sybkD .swiper-pagination-fraction {
		bottom: 10%;
	}



	/* 第五屏 */
	.section5>img {
		width: 100%;
		height: 100%;
		position: relative;
		z-index: -1;
	}

	.sybkE {
		position: absolute;
		top: 19%;
		width: 100%;
		left: 0;
		z-index: 2;
	}


	.sybkE-top h6 {
		font-size: 4.2rem;
		line-height: 4.25rem;
		font-family: 'roboto';
		font-weight: bold;
		color: #dee5f0;
		opacity: 0.6;
		text-align: center;
	}

	.sybkE-top h5 {
		font-size: 2.125rem;
		line-height: 2.25rem;
		font-family: 'SourceHanSansCN';
		font-weight: bold;
		color: #303030;
		margin-top: -2.4375rem;
		position: relative;
		z-index: 5;
		margin-left: 0.5rem;
		text-align: center;
	}

	.sybkE-top h5 img {
		margin: 0 0.3125rem;
		width: 1.5rem;
	}

	.sybkE .swiper5 .swiper-slide {
		text-align: center;
	}

	.sybkE .swiper5 .swiper-slide>img {
		width: 100%;
		margin-bottom: -2rem;
	}

	.sybkE .swiper5 .swiper-slide>span {
		width: 100%;
		text-align: center;
		font-size: 2rem;
		line-height: 2.2rem;
		font-weight: bold;
		color: #303030;
		display: none;
		margin-bottom: 4rem;
		position: relative;
		z-index: 5;
	}

	.sybkE .swiper5 .swiper-slide>a {
		width: 10.5rem;
		line-height: 3rem;
		background-color: #1489d9;
		border-radius: 0.375rem;
		color: #fff;
		font-size: 1rem;
		display: none;
		text-align: center;
		transition: all 0.5s;
	}

	.sybkE .swiper5 .swiper-slide-active>span,
	.sybkE .swiper5 .swiper-slide-active>a {
		display: inline-block;
	}


	/* 第六屏 */

	.section6>img {
		width: 100%;
		height: 100%;
		position: relative;
		z-index: -1;
	}

	.sybkF-top {
		position: absolute;
		left: 4%;
		top: 10%;
	}

	.sybkF-top h6 {
		font-size: 3rem;
		line-height: 3.2rem;
		font-family: 'roboto';
		font-weight: bold;
		color: #dee5f0;
		opacity: 0.6;
	}

	.sybkF-top h5 {
		font-size: 2rem;
		line-height: 2.25rem;
		font-family: 'SourceHanSansCN';
		font-weight: bold;
		color: #303030;
		position: relative;
		z-index: 5;
		margin-left: 0.5rem;
		margin-top: -4.5rem;
	}

	.sybkF-top h5 img {
		margin: 0 0.3125rem;
		width: 1rem;
	}

	.sybkF {
		position: absolute;
		width: 160%;
		left: -30%;
		top: 30%;
		transform: rotate(90deg);
	}

	.sybkF>img {
		width: 100%;
	}

	.sybkF ul li {
		position: absolute;
		width: 0.9375rem;
		height: 1.105rem;
		cursor: pointer;
	}

	.sybkF ul li::after {
		content: '';
		position: absolute;
		background-image: url(../img/tb7.png);
		background-size: 100% 100%;
		width: 0.9375rem;
		height: 1.105rem;
		left: 0;
		top: 0;
		transition: all 0.5s;
	}

	.sybkF ul li:hover::after {
		top: -0.625rem;
	}

	.sybkF ul li>span {
		font-size: 1.25rem;
		line-height: 1.375rem;
		font-family: ArialMT;
		color: #303030;
		position: absolute;
		left: 100%;
		bottom: 0%;
	}

	.sybkF ul li:nth-child(1) {
		left: 77%;
		top: 36.5%;
	}

	.sybkF ul li:nth-child(1)>span {
		left: 150%;
		bottom: 40%;
	}

	.sybkF ul li:nth-child(2) {
		left: 78.5%;
		top: 38.2%;
	}

	.sybkF ul li:nth-child(3) {
		left: 78.5%;
		top: 42%;
	}

	.sybkF ul li:nth-child(4) {
		left: 77%;
		top: 46%;
	}

	.sybkF ul li:nth-child(5) {
		left: 17%;
		top: 40%;
	}

	.sybkF ul li:nth-child(6) {
		left: 31%;
		top: 66%;
	}

	.sybkF ul li:nth-child(7) {
		left: 48%;
		top: 29%;
	}

	.sybkF ul li:nth-child(8) {
		left: 83%;
		top: 75%;
	}

	.sybkF-box {
		background-image: url(../img/tb8.png);
		background-size: 100% 100%;
		position: absolute;
		left: -8rem;
		bottom: 100%;
		width: 18rem;
		height: 11rem;
		padding: 1rem 1rem;
		display: none;
	}

	.sybkF ul li.co .sybkF-box {
		display: inline-block;
	}

	.sybkF-box h5 {
		font-size: 1rem;
		line-height: 1.2rem;
		color: #1489d9;
		font-weight: bold;
		position: relative;
		padding-left: 2rem;
		border-bottom: 1px solid #d6dee6;
		padding-bottom: 0.625rem;
	}

	.sybkF-box h5::after {
		content: '';
		position: absolute;
		top: 0;
		left: 0.5rem;
		background-image: url(../img/tb7.png);
		background-size: 100% 100%;
		width: 0.9375rem;
		height: 1.105rem;
	}

	.sybkF-box h5 span {
		font-size: 1rem;
		line-height: 1.2rem;
		color: #303030;
		font-weight: normal;
		margin-left: 0.625rem;
	}

	.sybkF-box p {
		font-size: 0.75rem;
		line-height: 1rem;
		color: #303030;
		margin-top: 0.8rem;
		margin-left: 0.3125rem;
	}

	/* 第七屏 */

	.section7>img {
		width: 100%;
		height: 100%;
		position: relative;
		z-index: -1;
	}

	.sybkG {
		position: absolute;
		top: 20%;
		left: 4%;
		width: 100%;
	}

	.sybkG .sybkB-top h6 {
		opacity: 0.6;
		color: #c5d1dd;
	}

	.sybkG>ul {
		display: none;
	}



	.sybkG-box .swiper-container {
		opacity: 0;
		position: absolute;
		z-index: -1;
		transition: all 0.5s;
	}

	.sybkG-box .swiper-container.co {
		opacity: 1;
		position: absolute;
		z-index: 5;
		transition: all 0.5s;
	}

	.sybkG-box .swiper-container {
		width: 250%;
		margin-top: 3.125rem;
		padding-bottom: 3.75rem;
	}

	.sybkG-box .swiper-slide {
		display: flex;
		justify-content: space-between;
	}

	.sybkG-box .sybkG-box-co {
		width: 100%;
		background-color: #fff;
		border-radius: 0.375rem;
		overflow: hidden;
	}

	.sybkG-box .sybkG-box-co p {
		width: 100%;
		overflow: hidden;
	}

	.sybkG-box .sybkG-box-co p img {
		width: 100%;
		transition: all 0.5s;
	}

	.sybkG-box .sybkG-box-co span {
		font-size: 1.125rem;
		line-height: 2.125rem;
		color: #1489d9;
		font-weight: bold;
		margin: 1.5625rem 1.4375rem 0;
		display: inline-block;
	}

	.sybkG-box .sybkG-box-co h5 {
		font-size: 1.5rem;
		line-height: 2rem;
		height: 4rem;
		overflow: hidden;
		color: #303030;
		font-weight: bold;
		margin: 0.9375rem 1.4375rem 0;
		transition: all 0.5s;
	}

	.sybkG-box .sybkG-box-co a {
		font-size: 0.875rem;
		line-height: 3.75rem;
		color: #303030;
		border-top: 1px solid #f1f3f6;
		position: relative;
		display: block;
		margin: 1.875rem 1.4375rem 0;
	}

	.sybkG-box .sybkG-box-co a::after {
		content: '';
		position: absolute;
		right: 0.3125rem;
		top: calc(50% - 0.4375rem);
		background-image: url(../img/tb9.png);
		width: 0.5rem;
		height: 0.875rem;
		background-size: 100% 100%;
	}

	.sybkG-box .sybkG-box-co:hover p img {
		transform: scale(1.1);
	}

	.sybkG-box .sybkG-box-co:hover h5 {
		color: #1489d9;
	}

	.sybkG-box .swiper-pagination-bullet {
		background-color: rgb(0, 0, 0, 0);
		border: 0.125rem solid #7d7d7d;
		width: 1rem;
		height: 1rem;
		border-radius: 1.25rem;
	}

	.sybkG-box .swiper-pagination-bullet-active {
		background-color: #fa8248;
		padding: 0.125rem;
		border: 0.25rem solid rgb(0, 0, 0, 0);
		width: 0.5rem;
		height: 0.5rem;
		position: relative;
		margin: 0.875rem 0;
	}

	.sybkG-box .swiper-pagination-bullet-active::after {
		content: '';
		position: absolute;
		border: 0.125rem solid #fa8248;
		width: 1rem;
		height: 1rem;
		top: 50%;
		left: 50%;
		border-radius: 1.25rem;
		transform: translate(-50%, -50%);
	}

	.sybkG-box .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
		margin: 0 0.625rem;
	}

	.sybkG-box .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active {
		margin: 0.125rem 0.9375rem;
	}

	.sybkG-box .swiper-container-horizontal>.swiper-pagination-bullets,
	.sybkG-box .swiper-pagination-custom,
	.swiper-pagination-fraction {
		bottom: 0.125rem;
		display: inline-block;
		width: auto;
		left: 14%;
	}

	/* 第八屏 */

	.section8>img {
		width: 100%;
		height: 100%;
		position: relative;
		z-index: -1;
	}

	.sybkH {
		position: absolute;
		width: 90%;
		left: 5%;
		top: 50%;
		transform: translate(0, -50%);
		z-index: 2;
	}

	.sybkH-l {
		width: 90%;
		margin-left: 5%;
	}

	.sybkH-l .sybkB-top h6 {
		opacity: 0.06;
	}

	.sybkH-l .sybkB-top h5 {
		color: #ffffff;
	}

	.sybkH-l ul {
		margin-top: 3.75rem;
		margin-bottom: 3.4375rem;
	}

	.sybkH-l li {
		display: flex;
		align-items: center;
		margin-bottom: 1.5625rem;
	}

	.sybkH-l li>img {
		width: 2rem;
	}

	.sybkH-l li p {
		font-size: 0.875rem;
		line-height: 1.25rem;
		color: rgb(255, 255, 255, 0.5);
		margin-left: 0.9375rem;
	}

	.sybkH-l li p span {
		font-size: 1.125rem;
		line-height: 1.5rem;
		color: #fff;
		display: block;
	}

	.sybkH-l a {
		width: 16.25rem;
		line-height: 3.8125rem;
		position: relative;
		text-align: center;
		background-color: #1489d9;
		border-radius: 0.375rem;
		font-size: 1rem;
		color: #fff;
		display: block;
		transition: all 0.5s;
	}

	.sybkH-l a::after {
		content: '';
		position: absolute;
		top: 0;
		left: 95%;
		width: 3.8125rem;
		height: 3.8125rem;
		background-image: url(../img/tb13.png);
		background-size: 100% 100%;
	}

	.sybkH-l a:hover {
		margin-top: -0.625rem;
		margin-bottom: 0.625rem;
	}

	.sybkH-r {
		width: 100%;
		margin-top: 2.5rem;
	}

	.sybkH-r .lxwm-dt {
		position: relative;
	}

	.sybkH-r .lxwm-dt img {
		height: 100%;
		width: 100%;
		border-radius: 0.625rem;
	}

	.sybkH-r .lxwm-dt>div {
		border-radius: 0.625rem;
	}

	/*  */
	.bottBox {
		background-color: #222324;
		padding: 2.5rem 0 0;
		position: relative;

	}

	.bottBox-l {
		width: 51%;
		display: inline-block;
		margin-left: 4%;
	}

	.bottBox-l>p {
		width: 8rem;
		margin-bottom: 1rem;
	}

	.bottBox-l>p img {
		width: 100%;
	}

	.bottBox-bott p {
		font-size: 0.875rem;
		line-height: 1.8rem;
		color: #8c8c8c;
		opacity: 0.6;
	}

	.bottBox-bott p a {
		font-size: 0.875rem;
		line-height: 1.8rem;
		color: #8c8c8c;
	}

	.bottBox-r {
		display: flex;
		align-items: center;
		float: right;
		width: 44%;
		margin-top: 1rem;
	}

	.bottBox-r>img {
		width: 1.2rem;
	}

	.bottBox-r>p {
		font-size: 1.2rem;
		line-height: 1.5rem;
		color: #fff;
		margin-left: 0.5rem;
	}

	.bottBox-r>p span {
		font-weight: bold;
	}

	.bottBox-r>p m {
		font-size: 0.75rem;
		line-height: 1.5rem;
		color: #8c8c8c;
		display: block;
	}

	/**手机底部导航**/
	.dan-xia {
		width: 100%;
		z-index: 1000;
		background-color: #1489d9;
		position: relative;
		margin-top: 3rem;
	}

	.dan-xib {
		width: 25%;
		padding: 3% 0 2% 0%;
	}

	.dan-xid {
		text-align: center;
	}

	.dan-xid img {
		height: 25px;
		margin: 0 auto;
	}

	.dan-xid p {
		color: #ffffff;
		text-align: center;
		font-size: 0.85rem;
		line-height: 22px;
		margin-top: 5px;
	}

	.dhgd_d {
		width: 49px;
		position: absolute;
		left: calc(50% - 22px);
		top: -22px;
		animation: bounce_a 2s infinite;
	}

	.dhgd_d img {
		width: 100%;
	}

	@keyframes bounce_a {

		0%,
		20%,
		53%,
		80%,
		100% {
			-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
			transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
			-webkit-transform: translate3d(0, 0, 0);
			transform: translate3d(0, 0, 0);
		}

		40%,
		43% {
			-webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
			transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
			-webkit-transform: translate3d(0, -14px, 0);
			transform: translate3d(0, -14px, 0);
		}

		70% {
			-webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
			transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
			-webkit-transform: translate3d(0, -6px, 0);
			transform: translate3d(0, -6px, 0);
		}

		90% {
			-webkit-transform: translate3d(0, -1px, 0);
			transform: translate3d(0, -1px, 0);
		}
	}

	.bounce_a {
		-webkit-animation-name: bounce_a;
		animation-name: bounce_a;
		-webkit-transform-origin: center bottom;
		-ms-transform-origin: center bottom;
		transform-origin: center bottom;
	}





	/* 左侧导航点 */
	.conNav {
		position: fixed;
		top: 50%;
		left: 1.7%;
		transform: translate(0, -50%);
	}

	.conNav p {
		background-color: #fff;
		height: 0.625rem;
		width: 0.625rem;
		border-radius: 0.625rem;
		transition: all 0.3s;
		margin-bottom: 7px;
	}

	.conNav p:hover {
		background-color: #1489d9;
		height: 2.5rem;
	}

	.conNav .conNav-b {
		background-color: #1489d9;
		height: 2.5rem;
	}

	/* 返回 */
	.fhdb {
		position: fixed;
		bottom: 15%;
		right: 1%;
		z-index: 1000;
	}

	.fhdb img {
		width: 3.25rem;
	}

	/*固定的悬浮窗*/
	.yb_conct {
		position: fixed;
		z-index: 9999999;
		top: 18.125rem;
		right: 0;
		cursor: pointer;
		transition: all .3s ease;
	}

	.yb_conct ul {
		position: relative;
	}

	.yb_conct ul li {
		width: 3.75rem;
		height: 3.75rem;
		margin-bottom: 1px;
		transition: all .5s ease;
		overflow: hidden;
		text-align: center;
		border-radius: 6px;
		position: absolute;
		right: 0;
	}

	.yb_conct ul li.co {
		width: 13.75rem;
		text-align: right;
		display: flex;
		align-items: center;
		flex-wrap: wrap;
	}

	.yb_conct ul li:nth-child(1) {
		background-color: #1489d9;
		top: 0;
	}

	.yb_conct ul li:nth-child(2) {
		background-color: #1258cc;
		top: 3.8125rem;
	}

	.yb_conct ul li:nth-child(3) {
		background-color: #1c38b1;
		top: 7.625rem;
	}

	.yb_conct ul li:nth-child(4) {
		background-color: #272982;
		top: 11.4375rem;
	}

	.yb_conct ul li.co:nth-child(3) {
		height: 12.5rem;
	}

	.yb_conct ul li a {
		width: 100%;
	}

	.yb_conct ul li.co a span {
		display: inline-block;
		float: left;
	}

	.yb_conct ul li.co a img {
		float: right;
		display: inline-block;
	}

	.yb_conct ul li.co p {
		display: inline-block;
	}

	.yb_conct ul li a img {
		width: 3.75rem;
		display: inline-block;
	}

	.yb_conct ul li a span {
		font-size: 1rem;
		line-height: 3.75rem;
		color: #fff;
		display: none;
		text-align: center;
		width: calc(99% - 3.75rem);
	}

	.yb_conct ul li p {
		display: none;
		text-align: center;
		font-size: 0.875rem;
		line-height: 0.875rem;
		color: #fff;
		width: calc(99% - 3.75rem);
		padding-bottom: 1.25rem;
	}

	.yb_conct ul li p img {
		width: 8.4375rem;
		display: inline-block;
	}

}

/* 修改 */
@media screen and (min-width: 1000px) and (max-width: 1600px) {
	.sybanner-A {
		left: 5% !important;
	}

	.sybkD,
	.sybkB,
	.sybkF-top {
		left: 5%;
	}

	.sybkD {
		width: 95%;
	}

	.section4>ul,
	.sybkE,
	.sybkF,
	.sybkG,
	.sybkH {
		left: 5%;
		width: 90%;
	}
}