 * {
 	margin: 0;
 	padding: 0;
 }

 a {
 	text-decoration: none;
 }

 .posit {
 	position: fixed;
 	top: 0;
 	bottom: 0;
 	left: 0;
 	right: 0;
 	margin: auto;
 }

 .posit img {
 	width: 30px;
 	height: 30px;
 }

 .tankuang {}

 .tankuang .box {
 	width: 3rem;
 	display: block;
 	background: #FCFCFC;
 	height: 1rem;
 	z-index: 1000;
 	border-radius: 0.05rem;
 	position: fixed;
 	top: 50%;
 	bottom: 50%;
 	right: 40%;
 	left: 40%;
 	margin: auto;
 }

 .tankuang .box .top {
 	height: 0.25rem;
 	width: 100%;
 	background: linear-gradient(-45deg, #C37C00, #FFD200);
 	border-radius: 0.05rem 0.05rem 0 0;
 }

 .tankuang .box h1 {
 	font-size: 0.16rem;
 	text-align: center;
 	padding: 0px;
 	margin: 0.10rem 0;
 }

 .tankuang .box button {
 	width: 1rem;
 	margin: 0 auto;
 	text-align: center;
 	align-items: center;
 	justify-content: center;
 	display: flex;
 	font-size: 0.14rem;
 }

 a:hover {
 	text-decoration: none !important;
 }

 li {
 	list-style: none;
 }

 nav {
 	height: 0.93rem;
 	width: 100%;
 	position: fixed;
 	top: 0;
 }

 .navbar-default {
 	border: none;
 	background: #fff;
 	z-index: 10000;
 }

 .navbar-default .navbar-collapse {
 	padding-right: 0.3rem !important;
 }

 nav .navbar-toggle {
 	margin: 0.50rem 0.02rem;
 }

 nav .logo {
 	margin: 0.14rem 0rem 0rem 0.72rem;
 	width: 2.08rem;
 	height: 0.66rem;
 	cursor: pointer;
 }

 nav .navList {}

 .nav2 {
 	display: none;
 }

 nav .row {
 	position: relative;
 	height: 0.93rem;
 	/* background: url("../images/top_bg.png") no-repeat; */
 	/* background-size: cover; */
 }

 nav .navList .first {}

 /* 
 .nav2 {
 	width: 100%;
 	height: 100%;
 	background: #fff;
 }

 .nav2 ul {
 	background: #fff;
 }

 .nav2 ul p a {
 	color: #333;
 }

 .nav2 ul p {
 	font-size: 0.7rem;
 	color: #333;
 	line-height: 1.5rem;
 	border-bottom: 0.01rem solid #ccc;
 	width: 100%;
 }

 .nav2 ul li {
 	display: none;
 }

 .nav2 ul li a {
 	color: #333;
 	line-height: 1.5rem;
 	width: 100%;
 	font-size: 0.6rem;
 	display: flex;
 }

 .nav2 ul li input {
 	width: 100%;
 	border: none;
 	font-size: 0.16rem;
 }

 .nav2 ul span {
 	padding: 0 0.20rem;
 	font-size: 0.16rem;
 } */

 nav .navList .first li {
 	height: 0.93rem;
 	line-height: 0.93rem;
 	padding: 0 0.08rem;
 	margin: 0 0.20rem;
 }

 nav .navList .first li a b {
 	width: 0.08rem;
 	height: 0.08rem;
 	background: transparent;
 	float: left;
 	margin: 0 0.04rem;
 	position: absolute;
 	top: 0;
 	bottom: 0;
 	left: -0.20rem;
 	margin: auto;
 	border-radius: 50%;
 }

 nav .navList .first li a {
 	font-size: 0.2rem;
 	color: #777;
 	position: relative;
 	font-family: PF-Bold;
 	font-weight: 500;
 	padding: 0.33rem 0rem;
 	height: 100%;
 	/* display: flex;
 	justify-content: center;
 	align-items: center; */
 }

 nav .navList .first li a:hover {
 	text-decoration: none;
 	color: #237AE4;
 }

 .anav {
 	color: #237AE4 !important;
 	border-bottom: 2px solid #237AE4;
 }

 nav .navList .first li .showb {
 	background: #E8B000;
 }

 nav .navList .first li a span {
 	padding: 0 0.05rem;
 }

 nav .navList .first li a img {
 	margin-right: 0.20rem;
 	width: 0.23rem;
 	margin-left: -0.3rem;
 }

 nav .second {}

 nav .second ul {
 	width: 100%;
 	box-shadow: 0px 2px 31px 2px rgba(48, 33, 0, 0.1);
 	display: flex;
 	justify-content: row;
 	padding: 0.72rem 1.60rem;
 	background: #fff;
 	position: absolute;
 	top: 1.40rem;
 	display: none;
 }

 nav .second ul:nth-of-type(1) {
 	padding: 0;
 }

 nav .second ul:nth-of-type(3) .left li {
 	margin-right: 1.40rem;
 }

 nav .second ul .left {
 	width: 62%;
 	display: flex;
 	justify-content: row;
 	flex-wrap: wrap;
 	float: left;
 }

 nav .second ul .left h1 {
 	font-size: 0.24rem;
 	margin: 0;
 	font-weight: 900;
 	color: #885B00;
 	border-bottom: 0.01rem solid #E0E1E1;
 	padding: 0 0 0.20rem 0;
 	width: 100%;
 }

 nav .second ul .left li {
 	padding: 0.30rem 0 0 0;
 	float: left;
 	margin-right: 0.85rem;
 	margin-left: 0.24rem;
 }

 nav .second ul .left li a b {
 	width: 0.08rem;
 	height: 0.08rem;
 	background: #E8B000;
 	float: left;
 	margin: 0 0.05rem;
 	position: absolute;
 	top: 0;
 	bottom: 0;
 	left: -0.25rem;
 	margin: auto;
 	border-radius: 50%;
 }

 nav .second ul .left li a {
 	font-size: 0.16rem;
 	color: #333333;
 	position: relative;
 }

 nav .second ul .left li .showa {
 	color: #E8B000;
 }

 nav .second ul .left li a:hover {
 	color: #E8B000;
 }

 nav .second ul .right {
 	width: 30.5%;
 	float: right;
 	margin-left: 0.80rem;
 }

 nav .second ul .right img {
 	width: 100%;
 }

 nav .second ul:nth-of-type(8) {
 	padding: 0;
 }

 nav .second ul .box {
 	border-bottom: 0.01rem solid #ccc;
 	padding-bottom: 0.30rem;
 }

 nav .second ul .box img {
 	margin-right: 0.20rem;
 	width: 0.40rem;
 }

 nav .second ul .box input {
 	border: none;
 	font-size: 0.16rem;
 	width: 95%;
 }

 .navbar-nav {
 	margin: 0 !important;
 }

 nav .second ul:nth-of-type(2) .left li:nth-of-type(3) {
 	margin-right: 4.60rem;
 }




 .line1 {
 	height: 1px;
 	background: #000000;
 	width: 20px;
 }

 .line2 {
 	height: 1px;
 	background: #000000;
 	width: 20px;
 	margin-top: 6px;
 }

 .line3 {
 	height: 1px;
 	background: #000000;
 	width: 20px;
 	margin-top: 6px;
 }

 .x {
 	animation: x 0.9s linear forwards;
 }

 .x2 {
 	animation: x2 0.9s linear forwards;
 }

 .x3 {
 	animation: x3 0.9s linear forwards;
 }

 @keyframes x {
 	from {
 		transform: translate(0) rotate(0deg)
 	}

 	to {
 		transform: translateY(5px) rotate(45deg)
 	}
 }

 @keyframes x2 {
 	from {
 		transform: translate(0);
 		opacity: 1;
 	}

 	to {
 		transform: translateY(-2px);
 		opacity: 0;
 	}
 }

 @keyframes x3 {
 	from {
 		transform: translate(0) rotate(0deg)
 	}

 	to {
 		transform: translateY(-9px) rotate(-45deg)
 	}
 }

 .banner {
 	width: 100%;
 	height: 8.66rem;
 	display: flex;
 	position: relative;
 	background: #000;
 	/* 添加背景色防止闪白 */
 }

 .banner-item {
 	margin-top: 0.93rem;
 	height: 100%;
 	flex: 1;
 	position: relative;
 	overflow: hidden;
 	transition: flex 1.5s cubic-bezier(0.16, 1, 0.3, 1);
 	/*边框变化速度*/
 	transform: translateZ(0);
 	/* 启用GPU加速 */
 	will-change: flex;
 	/* 优化性能 */
 }

 .banner-bg {
 	position: absolute;
 	width: 100%;
 	height: 100%;
 	background-size: cover;
 	background-position: center;
 	background-repeat: no-repeat;
 	transition: transform 1.5s cubic-bezier(0.16, 1, 0.3, 1);
 	/*背景图变化速度*/
 	transform: translateZ(0);
 	/* 启用GPU加速 */
 	will-change: transform;
 	/* 优化性能 */
 	backface-visibility: hidden;
 	/* 防止渲染问题 */
 }

 /* 悬停时的效果 */
 .banner-item:hover {
 	flex: 1.5;
 	z-index: 1;
 	/* 确保悬停项在上层 */
 }

 .banner-item:hover .banner-bg {
 	transform: scale(1.2);
 	/* 更柔和的放大 */
 }

 /* 非悬停项自动调整 */
 .banner:hover .banner-item:not(:hover) {
 	flex: 0.75;
 }

 /* 内容样式 */
 .banner_cont {
 	position: absolute;
 	bottom: -0.2rem;
 	/*banner文字位置*/
 	left: 0.2rem;
 	right: 0;
 	color: white;
 	padding: 0.5rem;
 	transform: translateY(100%);
 	transition: transform 1s cubic-bezier(0.16, 1, 0.3, 1);
 	/*内容移动速度*/
 	text-align: center;
 	z-index: 2;
 	backface-visibility: hidden;
 	display: flex;
 	flex-direction: column;
 	justify-content: flex-start;
 }

 .banner-item:hover .banner_cont {
 	transform: translateY(-0.7rem);
 }

 .banner_title {
 	width: 100%;
 	position: absolute;
 	bottom: 1.76rem;
 	left: 0.7rem;
 	z-index: 3;
 }

 .banner_title h3 {
 	font-size: 0.4rem;
 	color: #FFFFff;
 	font-family: "Microsoft Yahei";
 	font-weight: bold;
 }

 .banner-item:hover .banner_title {
 	transition: transform 1s ease;
 	/*标题移动速度*/
 	transform: translateY(-0.7rem);
 }

 .banner-item:not(:hover) .banner_title {
 	transition: transform 1s ease;
 	/*标题移动速度*/
 	transform: translateY(0);
 }

 .banner_cont p {
 	font-size: 0.16rem;
 	font-family: PF-Regular;
 	color: #FFFFff;
 	text-align: left;
 	width: 5.05rem;
 	height: 0.6rem;
 	/*控制与按钮的距离*/
 }

 /*一直在路上*/
 #road-and-story {
 	width: 100%;
 	height: 22.66rem;
 	background: url("../images/main_bg.png") no-repeat;
 	background-size: cover;
 	display: flex;
 	flex-direction: column;
 	justify-content: start;
 	align-items: center;
 	margin-top: 0.92rem;
 }

 .contSize {
 	width: 13.70rem;
 }


 .contTitle {
 	width: 100%;
 	height: 1.1rem;
 	display: flex;
 	flex-direction: row;
 	justify-content: space-between;
 	align-items: center;
 }

 .contTitle h3 {
 	font-size: 0.42rem;
 	color: #237AE4;
 	font-family: "Microsoft Yahei";
 	font-weight: bold;
 }

 .contTitle a {
 	font-size: 0.2rem;
 	color: #B7B7B7;
 	font-family: PF-Medium;
 	transition: color 0.3s;
 }

 .contTitle a:hover {
 	color: #237AE4;
 }


 .swiper-container {
 	height: 100%;
 }


 .swiper-container-horizontal>.swiper-pagination-progress {
 	bottom: 0 !important;
 	top: auto !important;
 	height: 0.06rem !important;
 	border-radius: 0.03rem;
 }

 .swiper-pagination-progress {
 	background: #FFFFFF !important;
 }

 .swiper-pagination-progress .swiper-pagination-progressbar {
 	border-radius: 0.03rem;
 	background: rgba(35, 122, 228, 1) !important;
 }

 .animate_s2b {
 	animation: smallToBig 0.5s forwards;
 }

 .animate_b2s {
 	animation: bigToSmall 0.5s forwards;
 }

 @keyframes smallToBig {
 	from {
 		width: 4.83rem;
 		height: 2.77rem
 	}

 	to {
 		width: 8.56rem;
 		height: 5.16rem;
 	}
 }

 @-webkit-keyframes smallToBig

 /* Safari 与 Chrome */
 	{
 	from {
 		width: 4.83rem;
 		height: 2.77rem
 	}

 	to {
 		width: 8.56rem;
 		height: 5.16rem;
 	}
 }

 @keyframes bigToSmall {
 	from {
 		width: 8.56rem;
 		height: 5.16rem;
 	}

 	to {

 		width: 4.83rem;
 		height: 2.77rem
 	}
 }

 @-webkit-keyframes bigToSmall

 /* Safari 与 Chrome */
 	{
 	from {
 		width: 8.56rem;
 		height: 5.16rem;
 	}

 	to {
 		width: 4.83rem;
 		height: 2.77rem
 	}
 }

 .storyline a:hover {
 	transform: scale(1.01);
 }

 /*正在发生的事*/
 #storyBox {
 	margin-top: 1.12rem;
 }

 #storyCont {
 	width: 100%;
 	margin-top: 0.44rem;
 }

 .storyline {
 	width: 100%;
 	display: flex;
 	flex-direction: row;
 	justify-content: space-between;
 	margin-top: 0.2rem;
 }

 .storyline a {
 	border-radius: 0.32rem;
 	position: relative;
 	transition: transform 0.7s;
 }

 #storyline1 {
 	width: 7.79rem;
 	height: 3.40rem;
 }

 #storyline2 {
 	width: 5.63rem;
 	height: 3.40rem;
 }

 #storyline3 {
 	width: 5.62rem;
 	height: 3.40rem;
 }

 #storyline4 {
 	width: 7.78rem;
 	height: 3.40rem;
 }

 #storyline5 {
 	width: 13.62rem;
 	height: 3.40rem;
 }

 .storyline a p {
 	width: 3.65rem;
 	position: absolute;
 	left: 0.7rem;
 	bottom: 0.42rem;
 	color: #ffffff;
 	text-align: left;
 	font-size: 0.24rem;
 	font-family: PF-Bold;
 	transition: 0.7s;
 }

 .storyline a:hover p {
 	transform: translateY(-.5em);
 }
/*一直在路上*/
 #roadBox{
     position: relative;
 }

 #road_zhezhao{
     position: absolute;
     z-index: 1000;
     bottom: 0;
     right: 0;
     width: 4.9rem;
     height: 3.5rem;
 }
 /*hengfu*/
 #hengfu {
 	width: 100%;
 	height: 5.95rem;
 	display: flex;
 	flex-direction: column;
 	justify-content: start;
 	align-items: center;
 }

 #hfTitle {
 	font-size: 0.56rem;
 	color: #FFFFFF;
 	font-weight: bold;
 	text-align: center;
 	margin-top: 1.89rem;
 	text-shadow: 2px 2px 2px rgba(41, 77, 101, 0.25), 1px 1px 95px #000000;
 }

 #hfCont {
 	font-size: 0.32rem;
 	font-family: PF-Medium;
 	color: #FFFFFF;
 	text-align: center;
 	margin-top: -0.07rem;
 }

 #hfbtn {
 	margin-top: 0.13rem;
 }

 .swiper-button-prev {
 	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") !important;
 }

 .swiper-button-next {
 	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") !important;
 }

 @media only screen and (min-width:992px) {

 	#roadBox {
 		margin-top: 0.89rem;
 		height: 7.37rem;
 	}

 	#roadCont {
 		width: 100%;
 		height: 5.89rem;
 		margin-top: 0.37rem;
 	}

 	.slide-big {
 		width: 8.56rem !important;
 		height: 5.16rem !important;
 	}

 	.slide-small {
 		width: 8.56rem !important;
 		height: 5.16rem !important;
 		display: flex;
 		justify-content: flex-start;
 		align-items: end;
 	}

 	/* .slide-small {
		width: 5.15rem !important;
		height: 2.77rem !important;
		display: flex;
		justify-content: flex-start;
		align-items: end;
		padding-left: 0.3rem;
	} */
 	.slide-big img {
 		width: 8.56rem;
 		height: 5.16rem;
 		border-radius: 0.3rem;
 	}

 	.slide-small img,
 	.slide-small video {
 		width: 4.83rem;
 		height: 2.77rem;
 		border-radius: 0.3rem;
 		background: #959595;
 	}

 	/* .swiper-button-prev{width: 0.22rem !important;height: 0.49rem !important;background: url("../images/arrow_left1.png") no-repeat !important;background-size:cover !important;top:2.56rem !important;left:0.5rem !important;} */
 	/* .swiper-button-next{width: 0.22rem !important;height: 0.49rem !important;background: url("../images/arrow_right1.png") no-repeat !important;background-size:cover !important;top:2.56rem !important;left: 7.78rem !important;} */

 	/* 右白色   data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E */
 	/* 右蓝色    data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E */

 	/* 左白色     data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E */
 	/* 左蓝色     data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E */


 	.swiper-button-prev {
 		top: 2.56rem !important;
 		left: 0.5rem !important;
 		background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") !important;
 		transition: .2s;
 		display: none;
 	}

 	.swiper-button-next {
 		top: 2.56rem !important;
 		left: 7.8rem !important;
 		background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") !important;
 		transition: .2s;
 		display: none;
 	}

 	.swiper-button-prev:hover {
 		top: 2.56rem !important;
 		left: 0.5rem !important;
 		background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23237AE4'%2F%3E%3C%2Fsvg%3E") !important;
 	}

 	.swiper-container:hover .swiper-button-prev,
 	.swiper-container:hover .swiper-button-next {
 		display: block;
 	}



 	.swiper-button-next:hover {
 		background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23237AE4'%2F%3E%3C%2Fsvg%3E") !important;
 	}
 }

 @media only screen and (max-width:991px) {
 	.contSize {
 		width: 95%;
 	}

 	#hengfu {
 		height: 4.1rem;
 	}

 	.banner__image {
 		background-position-y: -0.3rem !important;
 	}

 	/* .contTitle {
 		justify-content: space-between;
 		margin-top: 0rem;
 		margin-bottom: 1.6rem;
 	}

 	.contTitle a {
 		font-size: 0.8rem;
 	}
 */
 	.contTitle h3 {
 		margin-top: 0.2rem;
 		margin-bottom: 0.2rem;
 		font-size: 0.3rem;
 	}

 	.storyline {
 		flex-direction: column;
 		margin-top: 0rem;
 	}

 	.swiper-button-prev,
 	.swiper-button-next {
 		top: 1.4rem !important;
 	}

 	.storyline a {
 		margin-bottom: 0.1rem;
 	}


 	#road-and-story {
 		height: auto;
 		margin-top: 0;
 	}

 	#storyline1,
 	#storyline2,
 	#storyline3,
 	#storyline4,
 	#storyline5 {
 		width: 100%;
 		/* height: 10rem; */
 	}


 	#storyBox {
 		margin-top: 0.02rem;
 	}

 	#storyCont .storyline a p {
 		width: 90%;
 		left: 5%;
 		bottom: 0.12rem;
 	}

 	#roadCont {
 		width: 100%;
 		height: auto;
 		margin-top: 0rem;
 	}

 	#storyCont {
 		margin-top: 0rem;
 	}

 	#hfTitle {
 		margin-top: 1.09rem;
 		font-size: 0.45rem;
 	}

 	#hfCont {
 		font-size: 0.28rem;
 	}

 	.slide-big img,
 	.slide-small video,
 	.slide-big video,
 	.slide-small img {
 		width: 100%;
 		height: 100%;
 		border-radius: 0.3rem;
 	}

 	.roadContWap {
 		height: 3rem;
 		padding-bottom: 0.3rem;
 	}

 	.swiper-slide {
 		border-radius: 0.2rem;
 		overflow: hidden;
 	}

 	.swiper-slide img {
 		width: 100% !important;
 		height: 100% !important;
 		object-fit: cover;
 	}

 	.roadContweb {
 		padding-bottom: 0.3rem;
 		height: 3rem;
 	}

 	.swiper-button-prev,
 	.swiper-button-next {
 		display: none;
 	}

 	/* .roadContweb .swiper-pagination-progress {
 		height: .2rem !important;
 		border-radius: 0.2rem !important;
 	} */

 }

 /*@media only screen and (max-width:768px) {*/

 /*.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {*/
 /*height:100rem !important;*/
 /*max-height: none !important;*/
 /*}*/
 /*.tankuang .box{left: 10%; z-index: 1000;}*/
 /*.tankuang .box button{font-size: 14px !important;}*/
 /**/
 /*nav .navbar-header{position: relative;height: 85px !important; padding: 0.51rem 0 0.51rem 0.50rem;display: flex; align-items: center; flex-direction: row; justify-content: space-between;}*/
 /*nav .navbar-header .logo{ margin: 0; padding-left: 0;}*/
 /*nav .navbar-header a{font-size: 14px !important;color: #333; display: block; align-items: center; flex-direction: row;}*/
 /*nav .navbar-header a span{font-size: 14px !important; }*/
 /*nav .navbar-header a .anav{color:#E8B000 ;}*/
 /*!*nav .navbar-header a img{width:2rem; }*!*/
 /*.navbar-default{height: 85px !important;}*/
 /*!*nav .navbar-header .inner img{width:2rem;margin-bottom:0rem;}*!*/
 /*nav .navbar-header .inner .nobox{display: none;}*/
 /*nav .navbar-header .inner .box{ display:flex;width:100%;background: #fff;justify-content: center; align-items: center; flex-direction: row; top:4rem; position: absolute; left: 0;}*/
 /*nav .navbar-header .inner .box img{width: 2rem; margin: 0 2rem;}*/
 /*nav .navbar-header .inner .box input{width: 60%; padding-bottom: 1rem; height: 100%; border: none; font-size: 16px !important;}*/
 /**/
 /**/
 /*nav .second ul .box img{width: 2rem;margin-top: 2rem;}*/
 /*nav .second ul .left{width:100%;}*/
 /*nav .second ul .left li{margin: 0 2.5rem;}*/
 /*nav .logo{width: 150px;margin-left: 20px; margin-top: 1px;}*/
 /*nav .navList .first li{ padding: 0 0rem; margin: 0 0rem; height: 50px; background: #fff;}*/
 /*nav .row {height: 85px !important;}*/
 /*.banner{width: 100%; }*/
 /*.swiper2 .swiper-slide p{line-height: 2rem;font-size: 1.2rem;margin-top: 1rem;}*/
 /*.swiper2{position: relative;}*/
 /*.swiper2 .swiper-slide{position: relative; width: 100%;margin-top:90px;}*/
 /*.swiper2 .swiper-slide img{width: 100%;}*/
 /*.swiper2 .swiper-slide div{position: absolute; top:1.7rem; left: 1rem; bottom:9.975rem;}*/

 /*nav .second ul .box{border-bottom: 1px solid #ccc; padding-bottom: 0.75rem;}*/
 /*nav .second ul .box img{margin-right: 0.5rem;}*/
 /*nav .second ul .box input{border: none;font-size:14px;}*/

 /*.new h1{font-size: 0.9rem;}*/
 /*.new h2{font-size:0.8rem ; }*/
 /*.new p{font-size:0.7rem; padding: 0 2rem;}*/
 /*.new ul{ padding: 0rem 0rem 3rem; }*/
 /*.new ul li h6{margin: 0px ; font-size:14px;}*/
 /*.news h1{font-size:0.9rem ;}*/
 /*.news h2{font-size:0.8rem ;}*/
 /*.new h5{padding: 0.5rem 0.75rem; width: 6rem;margin: 0 auto;}*/
 /*.new h5 a{color: #fff; font-size: 0.45rem;font-size: 14px}*/
 /*.new h5 img{width:0.7rem; height: 0.7rem;}*/
 /*.new ul h6{font-size: 14px;}*/
 /*.new ul li b {font-size: 16px;}*/
 /*nav .navList .first li a{font-size:16px; }*/
 /**/
 /*nav .navList .first{background: #fff;margin-top: -1px !important;}*/
 /*nav .navList .first li{padding: 0 3rem;}*/

 /*nav .navList .first li:last-child{width: 10%; height: 50px;margin-top: 60px;}*/
 /*nav .navList .first li:last-child img{width: 4.5rem !important; float: right; margin:5px -37px ;}*/
 /*nav .navList .second li{padding: 0.75rem 0 0 0;}*/
 /*.case{width: 100%;}*/
 /*.case h1{ font-size:18px ; }*/
 /*.case h2{ font-size:16px;  }*/
 /*.case .box{display: flex; flex-direction: column; justify-content: space-between;}*/
 /*.case .box .tabtwo{width: 100%;position: relative;}*/
 /*.case .box .tabtwo ul{}*/
 /*.case .box .tabtwo ul li{width: 100%;display: none;height: 9rem;}*/
 /*.case .box .tabtwo ul .showli{display: block;}*/
 /*.case .box .tabtwo ul li img{ width: 100%;} */
 /*.case .box .tabtwo ul li .posi{position: absolute; z-index: 100;bottom: 2.5rem;}*/
 /*.case .box .tabtwo ul li .posi h3{font-size:18px;  color: #fff;}*/
 /*.case .box .tabtwo ul li .posi .btn{width:100%;display: flex; text-align:left; flex-direction: row; justify-content: space-between;white-space: inherit; }*/
 /*.case .box .tabtwo ul li .posi .btn p{ font-size:14px;  color: #fff;}*/
 /*.case .box .tabtwo ul li .posi .btn div{width: 6rem; height:1.5rem;align-items: center; }*/
 /*.case .box .tabtwo ul li .posi .btn div a{color: #fff; font-size:14px;}*/
 /*.case .box .tabtwo ul li .posi .btn div img{width:0.7rem; height:0.7rem;}*/
 /**/
 /*.case .box .tabone{width:100%;padding-left: 0rem;display: flex; flex-direction: row;}*/
 /*.case .box .tabone li{width:50%; margin: 0.75rem 0 0.625rem; flex-wrap: wrap;}*/
 /*.case .box .tabone li b{width: 12px; height:3px; background: transparent; margin: 20% 0;}*/
 /*.case .box .tabone li p{width: 100%; font-size: 13px;}*/
 /*.case .box .tabone li img{width: 56px; height: 40px; padding: 0 0.75rem 0 0.5rem;} */
 /*.product{height: 24.15rem;}*/
 /*.product .probox .title .left h1{ font-size:0.9rem;}*/
 /*.product .probox .title .left h2{ font-size:0.8rem;}*/
 /**/
 /*.product .probox .title .right h5{width: 6rem; padding: 0.5rem 0.75rem 0.5rem 0.5rem;}*/
 /*.product .probox .title .right h5 a{color: #fff; font-size: 0.45rem; font-size: 14px;}*/
 /*.product .probox .title .right h5 img{width: 1rem; height: 0.5rem;}*/


 /*.product .probox .swiper3{width:100%;position: relative; }*/
 /*.product .probox .swiper3 .swiper-slide{background: #fff; height:400px !important; width:100% !important; padding: 0 2px;}*/
 /*.product .probox .swiper3 .swiper-slide img{ width: 80%;margin: 5% 10%;}*/
 /*.product .probox .swiper3 .swiper-slide .text{width: 100%; padding: 0 3rem;}*/
 /*.product .probox .swiper3 .swiper-slide .text h3{font-size:0.8rem !important;}*/
 /**/
 /*.product .probox .swiper3 .swiper-slide .text p{font-size:0.7rem;*/
 /*text-overflow: ellipsis;*/
 /*display: -webkit-box;*/
 /*-webkit-line-clamp: 2;*/
 /*-webkit-box-orient: vertical;}*/
 /*.product .probox .swiper3 .swiper-slide-active{border-bottom: 5px solid #E8B000;}*/
 /*.product .probox .swiper3 .swiper-slide:hover{animation:slide 0.5s linear forwards;}*/
 /*.product .probox .swiper3 .btn{position: absolute; top:0;  bottom: 0; margin: auto;z-index: 100;width: 40px; height:40px;background: linear-gradient(35deg, #C37C00, #FFD200);}*/
 /*.product .probox .swiper3 .swiper-button-next{}*/
 /*.product .probox .swiper3 .swiper-button-prev{}*/
 /*.product .probox .swiper3 .btn img{}*/
 /*.product .probox .swiper3{transform: translate3d(0px, 0px, 0px);*/
 /*transition-duration: 0ms;*/
 /*}    */

 /*.news{ width: 100%; padding: 0 30px; }*/
 /*.news .newsbox{display: flex; justify-content: space-around; flex-direction: column; flex-wrap: wrap;}*/
 /*.news .newsbox a{width: 100%; padding: 0 2rem; display: flex; justify-content: space-around; flex-direction: column; padding: 0.725rem 0;border-bottom:1px solid #D6D6D6;border-bottom:1px solid #E8B000;  }*/
 /*.news .newsbox a:hover{border-bottom:1px solid #E8B000;}*/
 /*.news .newsbox a:hover .textbox h3{color: #E8B000;}*/
 /*.news .newsbox a .imgbox{margin-right: 0rem; width: 100%;}*/
 /*.news .newsbox a .imgbox img{}*/
 /*.news .newsbox a .textbox{width: 100%;}*/
 /*.news .newsbox a .textbox h3{margin:0.8rem 0; line-height: 30px; font-size: 0.8rem;}*/
 /*.news .newsbox a .textbox p{font-size: 0.7rem;}*/

 /*footer{ background: #054D96; padding: 1.9rem 1rem 0rem 1rem;}*/
 /*footer .top{ flex-direction: column;}*/
 /*footer .top .left{ }*/
 /*footer .top .left p{ line-height: 30px; font-size: 16px;}*/
 /**/
 /*footer .bottom .one{display: flex; flex-direction: row; justify-content: space-between; border-bottom: 1px solid #fff; padding-bottom: 0.3rem; position: relative;}*/
 /*footer .bottom .one p{ font-size:16px; line-height:46px; margin: 0;}*/
 /*footer .bottom .one p b{ font-size:16px;}*/
 /*footer .bottom .one p a{color: #fff;font-size: 14px;}*/
 /*footer .bottom .one .bicon{display: flex;flex-direction: row;}*/
 /*footer .bottom .one .bicon .boxwx{width: 44px; position: relative;margin: 0 5px;}*/
 /*footer .bottom .one .bicon .boxwx .shimg{display: block;}*/
 /*footer .bottom .one .bicon .boxwx .hiimg{display: none;}*/
 /*footer .bottom .one .bicon .boxwx img{width: 44px; height: 44px;position: absolute; }*/
 /*footer .bottom .one .bicon .boxwx .on{ position: absolute; right: 0; top:-115px; width: 100px; height: 107px; display: none;}*/
 /**/
 /*footer .bottom .two{ display: flex; padding: 0rem 0;justify-content: space-between; flex-direction: row;}*/
 /*footer .bottom .two .le{display: flex; flex-direction: column; padding: 0;}*/
 /*footer .bottom .two  p{font-size:14px; color: #FAFAFA; margin-left: 0px;}*/
 /*footer .bottom .two .le p:last-child{float: right;}*/
 /*footer .bottom .two .le p img{width: 0.8rem;margin-top: -0.15rem;}*/
 /**/
 /*.tankuang .box{width: 15rem; height: 5rem;}*/
 /*.tankuang .box .top {height: 1.25rem;}*/
 /*.tankuang .box h1{font-size: 0.7rem;margin: 0.6rem;line-height: 1rem;}*/
 /*.tankuang .box button {width: 4rem;}*/

 /*}*/
 .tongyi_swiper .swiper-pagination-bullets .swiper-pagination-bullet {
 	border-radius: 0.1rem;
 	margin: 0px;
 	background: transparent;
 	opacity: 1 !important;
 	transition: transform 0.5s;
 }

 .tongyi_swiper .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
 	background: transparent !important;
 }

 .tongyi_swiper .swiper-pagination-bullets .swiper-pagination-bullet:first-child {
 	background: #007aff !important;
 }

 .tongyi_swiper .swiper-pagination-bullets .swiper-pagination-bullet {
 	margin: 0 !important;
 }
 .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled
{
     pointer-events:initial!important;
    cursor: no-drop!important;
}
.myvideo{
	max-width: 100%;
    max-height: 100%;
    position: absolute;
    bottom: 0;
	border-radius: 0.3rem;
}