@charset "UTF-8";

* {
	margin: 0;
	padding: 0;
	border: 0;
	box-sizing: border-box;
}

html,
body {
	font-family: "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #333333;
	background-color: #ffffff;
}

ul,
li {
	list-style-type: none;
	margin: 0;
}

input,
textarea,
select {
	resize: none;
	outline: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	border: 0;
}

a {
	text-decoration: none;
	color: #000;
}

a:hover {
	text-decoration: none;
}

img {
	max-width: 100%;
	border-style: none;
	vertical-align: middle;
}

.zoom-img {
	overflow: hidden;
}

.zoom-img .img {
	overflow: hidden;
}

.zoom-img img {
	transition: all .5s;
}

.zoom-img:hover img {
	transform: scale(1.04);
	-ms-transform: scale(1.04);
	-webkit-transform: scale(1.04);
	-o-transform: scale(1.04);
	-moz-transform: scale(1.04);
}

.clear:after {
	display: block;
	clear: both;
	content: "";
	visibility: hidden;
	height: 0
}

.clear {
	zoom: 1
}

.nav-page {
	font-size: 0;
	text-align: center;
}

.flex {
	display: box;
	/* OLD - Android 4.4- */
	/* OLD - iOS 6-, Safari 3.1-6 */
	/* OLD - Firefox 19- (buggy but mostly works) */
	/* TWEENER - IE 10 */
	/* NEW - Chrome */
	display: flex;
	/* NEW, Spec - Opera 12.1, Firefox 20+ */

}

.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
	outline: none;
	box-shadow: none;
}

.btn-link:focus,
.btn-link:hover {
	text-decoration: none;
}

.h1,
.h2,
.h3,
.h4,
.h5 {
	margin: 0;
	font-weight: normal;
}

/*引入字体包*/
@font-face {
	font-family: 'pinFangb';
	src: url('../fonts/PingFang\ Bold.ttf');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'pinFangm';
	src: url('../fonts/PingFang\ Medium.ttf');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: pingFangM;
	src: url("../fonts/PingFang\ Medium.ttf");
}

@font-face {
	font-family: pingFangB;
	src: url("../fonts/PingFang\ Bold.ttf");
}

@font-face {
	font-family: pingFangR;
	src: url("../fonts/PingFang\ Regular.ttf");
}

@font-face {
	font-family: pingFangL;
	src: url("../fonts/PingFang\ Light.ttf");
}

@font-face {
	font-family: manL;
	src: url("../fonts/manrope-light-4.otf");
}

/* 全局 */
.wp {
	width: 80%;
	margin: 0 auto;
}

/* header */

.header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 92px;
	z-index: 9999;
	transition: all .3s;
}

.container {
	width: 90%;
	margin: 0 auto;
}

.header .head-wrap {
	height: 92px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.header .head-wrap .logo {
	float: left;
	height: 100%;
}

.header .head-wrap .logo .icon {
	display: block;
}

.header .head-wrap .logo .img2 {
	width: 100%;
	height: 100%;
	display: none;
}

.header .nav {
	float: right;
	/* overflow: hidden; */
}

.header .nav ul {
	float: left;
	margin-right: 40px;
	overflow: hidden;
}

.header .nav li {
	float: left;
}

.header .nav .item {
	display: block;
	font-size: 18px;
	color: #fff;
	line-height: 92px;
	/* padding: 0 25px; */
	position: relative;
	margin: 0 25px;
}

.header .nav li .on {
	content: "";
	display: block;
	height: 2px;
	width: 100%;
	background-color: #fff;
	position: absolute;
	top: 90px;
	left: 0;
}

.header .nav li:hover .head-wrap {
	border-bottom: none;
}

.header .nav li:hover .item::after {
	content: "";
	display: block;
	height: 2px;
	width: 100%;
	background-color: #0082d9;
	position: absolute;
	top: 90px;
	left: 0;
}

.header .nav li:hover .item,.header .nav li.on .item {
	color: #0082d9;
}

.head-rbox {
	float: right;
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 92px;
}

.head-rbox .icon {
	display: inline-block;
	vertical-align: top;
	width: 22px;
	height: 22px;
	background-position: center center;
	background-size: cover;
	cursor: pointer;
}

.head-rbox .head_line {
	height: 0.9375vw;
	width: 1px;
	background-color: #fff;
	margin: 0 1.25vw;
}

/* hover状态 */
.header.on {
	background-color: #fff;
}

.header.on .logo .img1 {
	display: none;
}

.header.on .logo .img2 {
	display: inline-block;
}

.header.on .nav .item {
	color: #333;
}

.header.on .head_line {
	background-color: #333;
}

.head-rbox .icon2 {
	display: none;
}

.header.on .head-rbox .icon1 {
	display: none;
}

.header.on .head-rbox .icon2 {
	display: block;
}

/* 其他页面底色白色 */
.header2 .icon2 {
	display: none;
}




/* 下拉 */
.header .nav .drop-down {
	position: absolute;
	top: 92px;
	left: 0;
	width: 100%;
	overflow: hidden;
	background-color: #eaf2f5;
	display: none;
	text-align: center;
}

.header .nav .drop-down .nav_2 {
	height: 82px;
	float: right;
	text-align: center;
	position: relative;
}

.header .nav .drop-down .nav_2 li {
	font-size: 14px;
	color: #666;
	line-height: 82px;
	font-family: "pinM";
	margin-left: 30px;
	position: relative;


}

.header .nav .drop-down .nav_2 .down_item {
	font-size: 14px;
	color: #818485;
	display: block;
}

.header .nav .drop-down .nav_2 li:hover .down_item::after {
	content: "";
	display: block;
	height: 2px;
	width: 100%;
	background-color: #84898a;
	position: absolute;
	top: 60px;
	left: 0;
}

/* 滚动头部固定 */
/* .header.top {
	top: -100px;
} */

.header.top {
	background-color: #fff;
	/* box-shadow: 5px 2px 4px rgba(0, 0, 0, 0.2); */
	border-bottom: 1px solid rgba(114, 114, 114, .1);
}

.header.top .logo .img1 {
	display: none;
}

.header.top .logo .img2 {
	display: inline-block;
}

.header.top .nav .item {
	color: #333;
}

.header.top .head_line {
	background-color: #333;
}

.head-rbox .icon2 {
	display: none;
}

.header.top .head-rbox .icon1 {
	display: none;
}

.header.top .head-rbox .icon2 {
	display: block;
}

/* 滚动头部固定结束 */

/* 移动端 */

.m_header {
	display: none;
}


/* 移动端 */
@media screen and (max-width: 1199px) {
	.c-919{list-style-type: none !important;margin: 0 !important;display: none;}
	.c-919 li{margin: 2vh 4vh !important;font-size: 12px !important;}
	
	.header {
		display: none;
	}

	.m_header {
		display: block;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 0 5vw;
		height: 60px;
		background-color: #fff;
		z-index: 99;
	}

	.m_header .logo {
		height: 60px;
	}

	.m_header .logo img {
		height: 100%;
		width: 100%;
	}

	.nav-menu li {
		list-style: none;
		color: #dadbdd;
		font-weight: 600;
	}

	.burger div {
		/* 设置汉堡按钮三层条 */
		width: 25px;
		height: 3px;
		background-color: #0082d9;
		margin: 4px;
		cursor: pointer;
	}

	/* .burger {
	  display: block;
	} */
	/* 小屏幕菜单显示位置为右侧抽屉形式 */
	.nav-menu {
		position: absolute;
		top: 60px;
		right: 0;
		bottom: 0;
		width: 50vw;
		height: calc(100vh - 80px);
		background-color: rgb(65, 81, 101, 0.9);
		flex-direction: column;
		justify-content: flex-start;
		align-items: center;
		/* 动画 */
		transform: translateX(100%);
	}

	/* 菜单打开时，滑到初始位置 */
	.nav-menu.open {
		transform: translateX(0);
		transition: 0.4s ease-in-out;
	}

	/* 每个菜单项默认看不到，向右移动20象素 */
	.nav-menu li {
		/* 上下间距 */
		margin: 3vh;
		transform: translateX(20px);
		opacity: 0;
	}

	/* 汉堡按钮被点开时，设置按钮过渡 */
	.burger.active div {
		transition: 0.3s ease-in-out 0.3s;
	}

	/* 第一条线旋转45度 */
	.burger.active .top-line {
		transform: rotate(45deg) translate(4px, 6px);
	}

	/* 第三条线旋转-45度 */
	.burger.active .bottom-line {
		transform: rotate(-45deg) translate(4px, -6px);
	}

	/* 中间线向右移动并变为透明 */
	.burger.active .middle-line {
		opacity: 0;
		transform: translateX(10px);
		transition: 0.3s ease-in-out;
	}

	/* 菜单项滑入动画 */
	@keyframes slideIn {
		from {
			transform: translateX(20px);
			opacity: 0;
		}

		to {
			transform: translateX(0);
			opacity: 1;
		}
	}

}




/* banner */
.banner-main {
	height: 100vh; 
	width: 100%;
	position: relative;
}

.banner-main img{width: 100%;max-width: 100%;height: 100%;object-fit: cover;}

.banner-main-title{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

.banner-main-title h5{
	font-size: 40px;
	font-family: PingFang SC;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	margin: 0 0 21px 0;
}

.banner-main-title p{
	font-size: 16px;
	font-family: PingFang SC;
	font-weight: 500;
	color: #FFFFFF;
	text-align: center;
	margin: 0;
}

.transition {
	transition-property: left;
	transition-duration: 1s;
}

.scoll {
	position: absolute;
	bottom: 7%;
	left: 5%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	z-index: 999;
    -webkit-animation: bounce-down 5s linear infinite;
    animation: bounce-down 5s linear infinite;
}

.scoll img {
	/* animation: heightani 4000ms linear infinite; */	
}

.scoll_p {
	font-size: 16px;
	color: #e7e1dc;
	font-family: "pinFangb";
	margin-left: 10px;
}

@-webkit-keyframes bounce-down {
	25% {
		 -webkit-transform: translateY(-10px);
	}
	50%, 100% {
		 -webkit-transform: translateY(0);
	}
	75% {
		 -webkit-transform: translateY(10px);
	}
}

@keyframes bounce-down {
	 25% {
		  transform: translateY(-10px);
	 }
	 50%, 100% {
		  transform: translateY(0);
	 }
	 75% {
		  transform: translateY(10px);
	 }
}
.swiper {
	width: 100%;
	height: 100%;
}

.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;

	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.banner-main .swiper-pagination{
	text-align: right;
	padding-right: 5%;
}

.swiper-pagination {
	position: absolute;
	bottom: 7% !important;
	right: 5%;
	z-index:1000;
}

.swiper-pagination-bullet {
	width: 25px;
	height: 24px;
	text-align: center;
	line-height: 20px;
	margin-left: 16px;
	background: url('../images/dot_t.png') no-repeat;

}

.swiper-pagination-bullet-active {
	background: url("../images/dot_w.png");
	animation: rotate 4s linear infinite;
}

@keyframes rotate{
	0%{
		transform: rotateZ(0deg);
	}
	100%{
		transform: rotateZ(360deg);
	}
}
.swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.swiper-slide .text {
	position: absolute;
	top: -10%;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	animation-name: w3;
	animation-duration: 1s;
	animation-iteration-count: 1;

}

.swiper-slide .text h1 {
	color: #fff;
	font-size: 50px;
	font-family: pingFangB;
	margin: 0 0 19px 0;
}

.swiper-slide .text p {
	color: #fff;
	font-size: 20px;
	font-family: pingFangM;
	margin: 0;
}





/* banner结束 */



/* about */
.about {
	padding: 6.9792vw 0;
	/* padding:134px 0; 130px  */
	background: url("../images/bg_a.png");
	background-size: cover;
}

.about .abo_top {
	margin: 0 auto;
	text-align: center;
}

.about .abo_top span {
	font-family: "pingFangM";
	font-size: 20px;
	color: #4e4d4d;
	margin-bottom: 21px;
}

.about .abo_top .abo_p {
	font-size: 20px;
	font-family: PingFang SC;
	font-weight: 500;
	color: #4E4D4D;
	margin-bottom: 21px;
}

.about .abo_top .abo_h3 {
	font-size: 30px;
	font-family: PingFang SC;
	font-weight: bold;
	color: #000000;
	margin: 0 0 37px 0;
}

.about .abo_top .abo_txt {
	font-size: 24px;
	font-family: PingFang SC;
	font-weight: 500;
	color: #878686;
	margin: 0;
}

.about_con {
	width: 100%;
	height: 48.9583vw;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	position: relative;
}

.about_con_box.container {
	width: 80%;
}

.about_con .con_top {
	padding-top: 12.0833vw;
}

.about_con .con_top .con_top_l {
	width: 40%;
	float: left;
	font-size: 0.8333vw;
	color: #fff;
	font-family: "pingFangM";
}

.about_con .con_top .con_top_l .con_top_h1 {
	font-size: 30px;
	font-family: PingFang SC;
	font-weight: bold;
	color: #FFFFFF;
	position: relative;
	padding-bottom: 21px;
	margin-bottom: 35px;
}

.about_con .con_top .con_top_l .con_top_h1::after {
	content: '';
	display: block;
	width: 35px;
	height: 2px;
	background-color: #0082d9;
	position: absolute;
	bottom: 0;
	left: 0;
}

.con_top_txt{
	font-size: 16px;
	font-family: PingFang SC;
	font-weight: 500;
	color: #FFFFFF;
	line-height: 28px;
}

.about_con .con_top .con_top_l .con_top_btn {
	height: 2.6042vw;
	width: 8.3333vw;
	border: 0.0521vw solid #c4dae6;
	margin-top: 2.9167vw;
	color: #fff;
	font-size: 0.7292vw;
	font-family: "pingFangM";
	line-height: 2.6042vw;
	text-align: center;
	cursor: pointer;
	position: relative;
	z-index: 10;
}

.about_con .con_top .con_top_l .con_top_btn::before {
	content: '';
	display: block;
	width: 100%;
	height: 3px;
	background: #0082d9;
	position: absolute;
	left: 0;
	bottom: -1px;
	z-index: -1;
	transition: all .4s ease;
}

.about_con .con_top .con_top_l .con_top_btn:hover {
	border: 0;
}

.about_con .con_top .con_top_l .con_top_btn:hover::before {
	width: 100%;
	height: 100%;
	bottom: 0px;
}

.con_top_r .on{}
.con_top_r_box{
	font-size: 16px;
	font-family: PingFang SC;
	font-weight: 500;
	color: #FFFFFF;
	margin-bottom: 22px;
}

.about_con .con_top .con_top_r {
	width: 40%;
	float: right;
}

.about_con .con_top .con_top_r .con_r_box {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 20px;
	font-family: PingFang SC;
	font-weight: 500;
	color: #FFFFFF;
	border-bottom: 1px solid #99cbf2;
	padding-bottom: 23px;
	margin-bottom: 40px;
	cursor: pointer;
	transition: all 1s;
}

.about_con .con_top .con_top_r .con_r_box img {
	width: 100%;
	height: 100%;
}

.about_con .about_con_box {
	position: relative;
	height: 100%;
}

.about_con .cont_nav {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
}

.about_con .cont_nav ul li {
	float: left;
	width: 25%;
	padding: 31px 52px;
	border: 1px solid rgba(255, 255, 255, 0.2);
	border-bottom: 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
	cursor: pointer;
    position: relative;
	transition: all 1s;
	background-position: right bottom;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

/* .about_con .cont_nav ul li::before {
	content: '';
	display: none;
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	background: url("../images/about_bg.png");
	
} */
.about_con .cont_nav ul li:hover{
	background: url("../images/about_bg.png") ;
	background-position: right bottom;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	/* display: block; */
	/* border: 0; */
}

.about_con .cont_nav ul li:nth-child(2) {
	border-left: 0px;
	border-right: 0px;
}

.about_con .cont_nav ul li:nth-child(3) {
	border-right: 0px;
}

.about_con .cont_nav ul li .c_nav_l .c_nav_h1 {
	font-size: 14px;
	color: #fff;
	font-family: Manrope3;
	font-weight: 500;
	/* transition: all 1s; */
}

.about_con .cont_nav ul li .c_nav_l .c_nav_h1 span{
	font-size: 30px;
	color: #fff;
	font-family: Manrope3;
	font-weight: bold;
	margin-right: 11px;
}

.about_con .cont_nav ul li .c_nav_l .c_nav_p {
	font-size: 14px;
	font-family: PingFang SC;
	font-weight: 500;
	color: #ECECEC;
	white-space: nowrap;
	/* transition: all 1s; */
}

/* about结束 */


/* about移动端 */
@media screen and (max-width: 1199px) {
	.about_con {
		width: 100%;
		height: 800px;
		background: url("../images/bg_3.png") no-repeat cover;
	}

	.about_con .con_top .con_top_l {
		width: 50%;
		font-size: 14px;
	}
	
	.about_con .con_top .con_top_l .con_top_h1 {
		font-size: 20px;
		margin-bottom: 30px;
		position: relative;
	}

	.about_con .con_top .con_top_l .con_top_btn {
		height: 38px;
		width: 112px;
		line-height: 38px;
		margin-top: 30px;
		margin-bottom: 30px;
		font-size: 0.7292vw;

	}

	.about_con .cont_nav ul li:nth-child(2) {
		border-left: 0px;
		border-right: .0625rem solid rgba(255, 255, 255, 0.2);
	}

	.about .abo_top span {
		font-family: "pingFangM";
		font-size: 16px;
		line-height: 14px;
		color: #4e4d4d;
	}

	.about .abo_top .abo_h3 {
		font-size: 20px;
		line-height: 30px;
		font-family: "pingFangB";
		color: #000;
		display: block;
		margin: 10px 0 20px;
	}

	.about .abo_top .abo-txt {
		font-size: 16px;
		line-height: 16px;
		color: #878686;
	}
}

@media (max-width: 850px) {
	.about_con .con_top .con_top_l {
		width: 100%;
		font-size: 14px;
	}
	
	.about_con .con_top .con_top_r{
		width: 100%;
	}
	
	.about_con{
		height: 1000px;
	}
	
}


.conbox-lunbo{position: relative;padding-bottom: 91px;}
.conbox-lunbo .swiper-slide{background: transparent;}
.category01-box{position: relative;}
.category01-minibox{position: absolute;left: 0;bottom: 0;background: white;display: flex;align-items: center;width: 76%;height: 94px;padding: 0 38px;justify-content: space-between;}
.conbox-lunbo .swiper-slide-active .category01-minibox{background: #0082D9;}
.conbox-lunbo .swiper-slide-active p{color: #FFFFFF;}
.conbox-lunbo .swiper-slide-active h5{color: #FFFFFF;}
.category01-minibox-l p{font-size: 14px;font-family: Montserrat;font-weight: 300;color: #000000;opacity: .4;margin-bottom: 7px;text-align: left;}
.category01-minibox-l h5{font-size: 20px;font-family: PingFang SC;font-weight: 500;color: #000000;margin: 0;text-align: left;}
.category01-box-img{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);opacity: 0;transition: ease all .5s;}
.category01-box:hover .category01-box-img{opacity: 1;transition: ease all .5s;}
.conbox-lunbo .swiper-pagination{position: absolute;left: 12%;bottom: 0px;right: 240px;height: 1px;background: rgba(0, 0, 0, .1);}
.swiper-pagination-progress .swiper-pagination-progressbar{bottom: 0;}
.conbox-lunbo .swiper-slide{justify-content: flex-start;}
.category01-box:hover .category01-minibox{background: #0082D9;}
.category01-box:hover p{color: white;}
.category01-box:hover h5{color: white;}


/* 为你服务 */
.serve {
	background: url("../images/serve_bg.png") no-repeat;
	background-size: cover;
}

.serve .serve_box {
	padding-top: 4.7917vw;
	/* text-align: center; */
	margin: 0 auto;
	/* height:100vh; */
	/* width: 100%; */
}

.serve .serve_box .serve_top {
	font-size: 30px;
	font-family: PingFang SC;
	font-weight: bold;
	color: #000000;
	text-align: center;
}

.serve .serve_box .serve_nav {
	width: 100%;
	margin-top: 44px;
}

.serve .serve_box .serve_nav .s_nav_top {
	width: 100%;
}

.cont_nav_lunbo_big{position: absolute;left: 0;bottom: 0;right: 0;width: 100%;height: 90px;}

.cont_nav_lunbo_big .swiper-slide{background: transparent;}

.cont_nav_lunbo_big .swiper-container{height: 100%;}

.eng{position: relative;display: flex;align-items: center;height: 100%;}
.header-right-xiala{position: absolute;top: 70px;right: 0;width: 65px;background: white;border-radius: 5px;z-index: 8;display: none;}
.header-right-xiala2{display: flex;flex-direction: column;}
.header-right-xiala a{color: black;font-size: 13px;text-align: center;padding: 10px 0;}

@media (max-width: 1800px){
	.cont01 .row .row_l .row_l_box{
		flex-direction: column !important;
		align-items: flex-start !important;
	}
}

@media (max-width: 1600px){
	.ser .row .row01 .row01_l p{
		margin: 22px 0 32px !important;
	}
	.ind .row .row01 .row01_r p{margin-bottom: 35px !important;}
}

@media (max-width: 1500px){
	.footer .footer_top .footer_l{flex-wrap: wrap;}
	.footer .footer_top .footer_l .footer_l_b{margin-bottom: 30px;width: 33.33%;margin-right: 0 !important;}
	.news .news_con .con2 .con2_h1 a{font-size: 18px !important;line-height: 24px !important;}
	.news .news_con .con2 .con2_h2 a{font-size: 14px !important;line-height: 20px !important;}
	.about_con .cont_nav ul li .c_nav_l .c_nav_h1 span{font-size: 20px !important;}
	.about_con .cont_nav ul li{padding: 20px 50px !important;}
	.about_con .con_top .con_top_r .con_r_box{font-size: 16px !important;}
	.con_top_r_box{font-size: 14px;}
	.culture{height: 900px !important;}
	.ser .row .row01 .row01_l h1{font-size: 20px !important;}
	.ser .row .row01 .row01_l p{font-size: 14px !important;}
	.ser .row .row01 .row01_l .r_btn , .ind .row .row01 .row01_r .r_btn{width: 110px !important;height: 40px !important;line-height: 40px !important;}
	.wp .row01:nth-child(2n) .row01_r{margin-top: 0 !important;}
	.ser .row .row01{margin-bottom: 30px !important;}
	.ind .row .row01 .row01_r h1 , .banner .b_con h1{font-size: 20px !important;line-height: normal !important;}
	.banner .b_con p , .ind .row .row01 .row01_r p{font-size: 16px !important;}
	.qualit01 .row01 .top h1 , .ser_03 .row03 .row03_l h1 , .ser_02 .row02 .row02_top h1{font-size: 20px !important;}
	.qualit01 .row01 .top p , .carousel-p{font-size: 14px !important;}
	.ser2_01 .row01 .row01_l h1 , .ser2_01 .row01 .row01_r .row01_r_txt .big{font-size: 20px !important;}
	.ser2_01 .row01 .row01_r p{font-size: 14px !important;}
	.news01_nav .row .news_top div{font-size: 14px !important;}
	.news02 .row .row01 .row01_top_r .r_txt .h1{font-size: 18px !important;}
	.news02 .row .row01 .row01_top_r .r_txt p{font-size: 14px !important;}
	.news02 .row .row01 .row01_top_r .r_more .r_more_txt{font-size: 14px !important;}
	.news02 .row .row01 .row01_top .row01_top_l .l_txt h1{font-size: 18px !important;}
	.news02 .row .row01 .row01_top .row01_top_l .l_txt .l_txt_p{font-size: 14px !important;}
	.detail01 .row .row_l h1 , .detail02 .row02 .row02_top h1{font-size: 20px !important;}
	.detail01 .row .row_l p , .detail02 .row02 .row02_top span{font-size: 14px !important;}
	.detail02 .row02 .row02_con .item .item_r h1{font-size: 16px !important;}
	.detail02 .row02 .row02_con .item .item_r span{font-size: 14px !important;}
	.solu .row02 .row02_top h1{font-size: 20px !important;}
	.solu .row02 .row02_top .top_p p{font-size: 14px !important;}
	.solu .row02 .row02_con .con01 h1{font-size: 16px !important;}
	.solu .row02 .row02_con .con01 span{font-size: 14px !important;}
	.solu02 .row03 .row03_top h1{font-size: 20px !important;}
	.solu02 .row03 .row03_top p{font-size: 14px !important;}
	.join01 .row01 h1 , .jion03 .row03 .r_txt h1 , .join04 .row04 .row04_item .item h1 , .join02 .row02 h1{font-size: 20px !important;}
	.join02 .row02 .row02_item .item p , .jion03 .row03 .r_txt .txt_box span , .join2 .row01 .txt_box .txt_l span , .join2 .row01 .txt_box .txt_r span{font-size: 14px !important;}
	.join02 .row02 .row02_item .item .h1 , .join01 .row01 .row01_con .item .item_txt span , .join2 .row01 .txt_box .txt_l h1{font-size: 16px !important;}
	.login-box h1{font-size: 20px !important;}
	.login-box .login_txt .txt_name input , .login-box .login_txt .txt_name span , .login-box .login_txt .sub_btn span{font-size: 14px !important;}
	.cont02 .row02 .row02_item .item .row02_txt .h1{font-size: 16px !important;}
	.cont02 .row02 .row02_item .item .row02_txt span{font-size: 14px !important;}
	.cont01 .row .row_l h1{font-size: 20px !important;}
	.cont01 .row .row_l .l_box .l_txt h1{font-size: 16px !important;}
	.cont01 .row .row_l .l_box .l_txt span{font-size: 14px !important;}
	.cont01 .row .row_l .l_box{padding: 20px 0 !important;}
}

@media (max-width: 1300px) {
	.header .nav .item{margin: 0 15px !important;}
}

@media (min-width: 1200px) and (max-width: 1500px) {
	.d-bottom-center{min-width: 500px !important;margin: 0 25px !important;}
	.ditu-3{left: 11% !important;}
	.ditu-2{left: 70% !important;}
	.ditu-4{left: 65% !important;}
	.ditu-10{left: 36.5% !important;}
}

@media (max-width: 1200px){
	.serve .serve_box .serve_nav .s_nav_top ul{flex-wrap: wrap;}
	.serve .serve_box .serve_nav .s_nav_top ul li{width: 25%;margin-bottom: 10px;}
	.footer .footer_top .footer_l{flex-wrap: wrap;}
	.footer .footer_top .footer_l .footer_l_b{margin-bottom: 30px;width: 50%;}
	.footer .footer_top .footer_l{width: 70% !important;}
	.footer .footer_top .footer_r{width: 30% !important;}
	.conbox-lunbo .swiper-pagination{right: 20% !important;}
	.about_con .cont_nav ul li{width: 50% !important;}
	.culture{height: 800px !important;}
	.culture .cul .cul_box .cul_t{font-size: 16px !important;}
	.culture .cul .cul_box .cul_txt{font-size: 14px !important;}
	.culture .cul .cul_box{width: 70% !important;}
	.culture .cul .cul_box .cul_h1::after{margin-top: 18px !important;}
	.d-bottom{flex-direction: column !important;}
	.dist{height: auto !important;padding-bottom: 80px !important ;}
	.d-bottom-left{width: 100% !important;margin-bottom: 50px !important;}
	.d-bottom-center{width: 685px !important;margin-bottom: 50px !important;min-width: 100% !important;}
	.d-bottom-right{width: 100% !important;}
	.course .c_box .c_his .c_his_box{width: 100% !important;}
	.cor_culture .cor_Box .cor_con{flex-direction: column !important;}
	.cor_culture .cor_Box .cor_con .cor_l{width: 100% !important;}
	.cor_culture .cor_Box .cor_con .cor_r{width: 100% !important;}
	.cor_culture .cor_Box{padding-bottom: 300px !important;}
	.ser2_01 .row01{flex-direction: column;}
	.ser2_01 .row01 .row01_l{width: 100% !important;margin-bottom: 15px;}
	.banner{height: 400px;}
	.banner_img{height: 100%;}
	.banner_img img{object-fit: cover;height: 100%;}
	.banner .b_con p{text-align: center;padding: 0 15px;}
	.ser_02 .row02 .row02_top p br{display: none;}
	.ser_03 .row03{flex-direction: column;}
	.ser_03 .row03 .row03_l , .ser_03 .row03 .row03_r{width: 100% !important;}
	.banner-nav{top: 80px !important;}
	.banner .b_con h1{font-size: 20px !important;}
	.banner .b_con p{font-size: 14px !important;}
	.ser .row .row01{flex-direction: column !important;}
	.wp .row01:nth-child(2n-1) .row01_r{position: static !important;}
	.wp .row01:nth-child(2n-1) .row01_l{position: static !important;}
	.ser .row .row01 .row01_l{width: 100% !important;height: auto !important;padding: 15px !important;}
	.ser .row .row01 .row01_r{width: 100% !important;height: auto !important;}
	.ser .row .row01{height: 100% !important;}
	.wp .row01:nth-child(2n) .row01_l{position: static !important;padding: 15px !important;}
	.ser .row .more , .ind .row .more{width: 140px !important;height: 40px !important;line-height: 40px !important;font-size: 14px !important;}
	.ind .row .row01{flex-direction: column !important;}
	.ind .row .row01 .row01_l{width: 100% !important;padding: 0 !important;}
	.ind .row .row01 .row01_r{width: 100% !important;padding: 15px !important;}
	.news02 .row .row01 .row01_top{flex-direction: column;}
	.news02 .row .row01 .row01_top .row01_top_l{width: 100% !important;}
	.news-box{width: 100% !important;}
	.news02 .row .row01 .row01_top .row01_top_l .l_img{overflow: hidden;}
	.news02 .row .row01 .row01_top .row01_top_l{margin: 0 0 40px 0 !important;padding: 0 22px;}
	.news_content .con_d{flex-direction: column;}
	.news_content .con_d .con_d_l{width: 100% !important;margin-bottom: 30px;}
	.news_content .con_d .con_d_r{width: 100% !important;}
	.news_content .con_d .con_d_r .r_img img{width: 100%;}
	.news_content .con_d{padding: 50px 0 !important;}
	.crumbs .crumbs_nav{padding-top: 80px !important;}
	.news_content .con_d .con_d_l .l_foot{justify-content: space-between !important;align-items: flex-start !important;flex-direction: column !important;}
	.news_content .con_d .con_d_l .l_foot div{margin-bottom: 15px;}
	.crumbs .crumbs_nav{display: block !important;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
	.news_content .con_d .con_d_l h1{font-size: 20px !important;}
	.news_content .con_d .con_d_l .l-con , .news_content .con_d .con_d_r .r_txt{font-size: 14px !important;}
	.news_content .con_d .con_d_l .l-con span{font-size: 16px !important;}
	.detail01 .row{flex-direction: column-reverse;padding-top: 50px !important;}
	.detail01 .row .row_r{width: 100% !important;padding-bottom: 30px !important;}
	.detail01 .row .row_l{width: 100% !important;padding: 0 !important;}
	.detail02 .row02 .row02_top{padding-left: 0 !important;padding-right: 0 !important;}
	.allitem{width: 100% !important;}
	.allitem{padding: 0 10px !important;}
	.solu .row02 .row02_con a{width: 50% !important;padding: 15px;}
	.solu .row02 .row02_con{flex-wrap: wrap;}
	.solu{height: 100%;}
	.solu .row02 .row02_con .con01 .img{height: 100% !important;object-fit: cover;}
	.join01 .row01 .row01_con{flex-wrap: wrap;justify-content: flex-start !important;}
	.join01 .row01 .row01_con .item{width: 33.33% !important;}
	.join2 .row01 .txt-con_btn{flex-direction: column;align-items: flex-start !important;}
	.join2 .row01 .txt-con_btn .btn_box{height: 30px !important;width: 100px !important;line-height: 30px !important;margin: 15px 0 !important;}
	.join2 .row01 .txt-con{padding: 10px !important;}
	.join2 .row01 .row01_top{flex-wrap: wrap;}
	.join2 .row01 .row01_top .item{width: 48% !important;margin-bottom: 25px;}
	.login-box{width: 400px !important;}
	.cont01 .row{flex-direction: column !important;}
	.cont01 .row .row_l{width: 100% !important;margin: 50px 0 !important;padding: 0 10% !important;}
	.cont01 .row .roe_r{width: 100% !important;padding: 0 10% !important;}
	.cont01 .row .roe_r img{width: 100%;}
	.cont02 .row02 .row02_item .item{width: 100% !important;margin: 0 0 30px 0 !important;}
	.cont02 .row02 .row02_item .item .row02_txt .h1 {line-height: 26px !important;}
	.cont02 .row02 .row02_item .item .row02_txt span{line-height: 26px !important;}
	.cont01 .row .row_l .l_box .img , .cont01 .row .row_l .img_box .img{width: 50px !important;height: 50px !important;}
}

@media (max-width: 991px){
	.join02 .row02 .row02_item{flex-wrap: wrap;}
	.join02{height: 100% !important;background-size: cover !important;background-position: left !important;}
	.join02 .row02{padding: 50px 0 !important;}
	.join02 .row02 .row02_item .item{width: 100% !important;}
	.join02 .row02 .row02_item .item .item_top .top_l{width: auto !important;height: auto !important;}
	.jion03-box{padding-top: 200px !important;}
	.jion03{margin-top: 50px !important;}
	.jion03-lunbo .swiper-slide-active{transform: scale(1.0) !important;margin: 0 !important;}
	.join04 .row04 .row04_img{height: 300px;}
	.join04 .row04 .row04_img img{height: 100%;}
	.join04{margin-top: 50px !important;}
}

@media (max-width: 867px){
	.footer .footer_top .footer_l{width: 100% !important;}
	.footer .footer_top .footer_r{width: 100% !important;}
	.footer_top{flex-wrap: wrap;}
	.footer .footer_top .footer_r{text-align: left !important;}
	.footer{padding: 50px 0 !important;}
	.footer .foot .foot_r{float: left !important;}
	.footer .footer_top .footer_l .h1{font-size: 16px !important;}
	.footer .footer_top .footer_l .footer_item a{font-size: 14px !important;}
	.footer .footer_top .footer_r{font-size: 14px !important;}
	.footer .footer_top .footer_r .r_ph{font-size: 28px !important;}
	.news .news_con .con2{padding-bottom: 70px !important;height: auto !important;}
	.news .news_con .con2 .con2_h1 a{white-space: initial !important;font-size: 16px !important;}
	.news .news_con .con2 .con2_h2 a{white-space: initial !important;}
	.news .news_con .con2 .con2_title{font-size: 14px !important;}
	.news .news_con .con1 img{height: 100% !important;object-fit: cover !important;}
	.news .news_con .con1 .con1_img{height: 100% !important;}
	.news .news_con .con1_h1{font-size: 18px !important;}
	.case .case_top .case_btn{width: 100px !important;height: 38px !important;line-height: 38px !important;font-size: 12px !important;}
	.category01-minibox{height: 60px !important;width: auto !important;padding: 0 20px !important;}
	.category01-minibox-l h5{font-size: 16px !important;}
	.serve .serve_box .serve_nav .s_nav_top ul li{justify-content: space-around !important;min-height: 70px !important;}
	.banner-main{height: 400px !important;}
	.banner-main img{height: 100% !important;object-fit: cover !important;}
	.swiper-slide .text h1{font-size: 16px !important;}
	.swiper-slide .text p{font-size: 16px;}
	.about .abo_top .abo_p{font-size: 14px !important;}
	.about .abo_top .abo_h3{font-size: 18px !important;}
	.about .abo_top .abo_txt{font-size: 16px !important;}
	.about_con {width: 100%;position: relative;background-repeat: no-repeat;background-size: cover;}
	.footer_img{justify-content: flex-start !important;}
	.footer_img-box{margin: 0 15px 0 0 !important;}
	.about_con .con_top .con_top_l .con_top_btn{font-size: 12px !important;}
	.logo img{object-fit: cover;}
	.serve .serve_box .serve_nav .s_nav_top ul li .s_nav_p{font-size: 12px !important;}
	.join2-ul{z-index: 1;}
	.footer .foot{font-size: 14px !important;line-height: normal !important;}
	.solu{height: auto !important;background-size: cover !important;}
	.footer .foot{font-size: 12px !important;line-height: normal !important;}
	.cont01 .row .row_l .l_box .l_txt span{max-width: 263px !important;}
	.course .c_box .c_his .c_his_box .his_img img{object-fit: contain;}
}
@media (max-width: 767px){
	.serve .serve_box .serve_nav .s_nav_top ul li{width: 50%;}
	.about_con .cont_nav ul li{width: 100% !important;}
	.about_con{height: 900px !important;}
	.culture .cul .cul_box{width: 80% !important;}
	.d-bottom-center{width: 400px !important;margin-bottom: 50px !important;}
	.ditu-10{left: 36.5% !important;}
	.ditu-4{left: 65% !important;}
	.ditu-2{left: 71% !important;}
	.ditu-3{left: 11% !important;}
}

@media (max-width: 666px) {
	/* new */
	.banner_lunbo .swiper-wrapper{height: 400px;}
	.banner_lunbo .swiper-slide{height: 400px;}
	.about_con .cont_nav ul li{width: 100% !important;}
	.about_con .con_top .con_top_r .con_r_box{margin-bottom: 20px !important;}
	.banner-main-title h5{font-size: 20px !important;}
	.banner-main-title p{font-size: 14px !important;}
	.banner-main-title{min-width: 300px !important;}
	.culture{height: 1200px !important;}
	.culture .cul .cul_box{width: 100% !important;}
	.culture .cul .cul_box .cul_h1{margin-bottom: 30px !important;}
	.dist .d_con .d_top .h1 , .d-bottom-left-title span , .d-bottom-right-minibox h1{font-size: 20px !important;}
	.d-bottom{margin-top: 30px !important;}
	.d-bottom-left-box{padding: 20px 0 10px;}
	.d-bottom-left-title h5{margin-bottom: 10px !important;}
	.d-bottom-right-minibox-f{font-size: 14px !important;}	
	.course .c_box .c_top .h1{font-size: 20px !important;}
	.culture .cul .cul_box .cul_h1{font-size: 20px !important;}
	.course .c_box .c_top .txt{line-height: 26px !important;}
	.course .c_box .c_his .c_his_box .his_txt{font-size: 20px !important;}
	.course .c_box .c_his .c_his_box .his_txt .his_p{font-size: 14px !important;}
	.cor_culture .cor_Box .cor_con .cor_r .cor_f{width: 100% !important;}
	.cor_culture .cor_Box .cor_t span{font-size: 20px !important;}
	.cor_culture .cor_Box .cor_con .cor_r .cor_r_top .c1 .c1_h{font-size: 14px !important;width: 100% !important;height: 35px !important;line-height: 35px !important;}
	.cor_culture .cor_Box .cor_con .cor_r .cor_f .cor_f_t span{font-size: 18px !important;}
	.cor_culture .cor_Box .cor_con .cor_r .cor_f .cor_f_p{font-size: 14px !important;}
	.cor_culture .cor_Box .cor_con .cor_r .cor_r_top{margin: 30px 0 !important;}
	.knowledge .k_box .k_top .k_top_h1{font-size: 20px !important;}
	.knowledge .k_box .k_top .k-top_p{line-height: 26px !important;}
	.k_one_table tr:first-child td{font-size: 14px !important;}
	.k_one_table tr td:first-child{font-size: 12px !important;}
	.knowledge .k_box .k_con table td{font-size: 18px;}
	.knowledge{background-size: cover !important;}
	.c_his_box:last-child .icon{top: 21% !important;}
	.footer .footer_top .footer_l .footer_item a{white-space: normal !important;}
	.solu02 .row03 .row03_top p{overflow: hidden !important;text-overflow: ellipsis !important;}
	.jion03 .row03 .r_txt .txt_box span{padding-left: 5px !important;}
	.join04 .row04 .row04_item .item h1{text-align: center !important;}
	.join04-img2-minibox-l{left: -9% !important;}
	.join04-img2-minibox-r{right: 19% !important;}
	.cont01 .row .row_l .l_box .l_txt span{/*white-space: nowrap !important;*/}
	.cont01 .row .row_l .row_l_box .l_txt span{white-space: nowrap !important;}
	.join04-img2-minibox-r{max-width: 39px !important;}
	.knowledge .k_box{padding: 100px 0 !important;}
	.course .c_box{padding: 50px 0 !important;}
	.cor_culture .cor_Box{padding-top: 50px !important;}
	.cor_culture{background-size: cover;}
	.customer{padding-bottom: 50px !important;}
	.banner .b_con h1 , .ser2_01 .row01 .row01_l h1 , .ser2_01 .row01 .row01_r .row01_r_txt .big,.ser_02 .row02 .row02_top h1,.ser_02 .row02 .row02_top .top_txt span{font-size: 20px !important;}
	.banner .b_con p , .ser2_01 .row01 .row01_r p,.ser_02 .row02 .row02_top p{font-size: 14px !important;}
	.carousel-p{font-size: 14px !important;}
	.ser_03 .row03 .row03_r .box .img{width: 100% !important;height: 100% !important;margin: 0 auto;}
	.ser_03 .row03{padding: 50px 0 !important;}
	.ser_03 .row03 .row03_l h1,.ser_03 .row03 .row03_l .l_txt span{font-size: 20px !important;}
	.ser_03 .row03 .row03_l p{font-size: 14px !important;}
	.ind .row .row01{margin-bottom: 30px !important;}
	.qualit01 .row01 .top p br{display: none;}
	.news01_nav .row{padding: 30px 0 !important;}
	.news02 .row .row01 .row01_top .row01_top_l , .news02 .row .row01 .row01_top_r{padding: 0 !important;}
	.news02 .row .row01 .row01_top .row01_top_l .l_img{height: 350px !important;}
	.news02 .row .row01 .row01_top .row01_top_l .l_img img{object-fit: cover;}
	.news02 .row .row01 .row01_top .row01_top_l .l_txt{left: 15px !important;bottom: 15px !important;right: 15px !important;padding: 0 !important;}
	.news02 .row .row01 .page{margin: 0 0 80px 0 !important;}
	.detail02 .row02 .row02_con .item{flex-direction: column;}
	.detail02 .row02 .row02_con .item .item_l{width: 100% !important;}
	.detail02 .row02 .row02_con .item .item_r{width: 100% !important;padding: 15px !important;}
	.ind .row{padding: 30px 0 !important;}
	.solu .row02 .row02_top{flex-direction: column;}
	.solu .row02 .row02_top .h1{width: 100% !important;}
	.solu .row02 .row02_top h1{margin-bottom: 30px !important;}
	.solu .row02 .row02_top .top_p{width: 100% !important;padding: 0 !important;margin-bottom: 30px !important;}
	.solu .row02 .row02_con a{width: 100% !important;}
	.solu02 .row03{padding-top: 30px !important;}
	.solu02 .row03 .img{height: 100% !important;}
	.banner .b_con p br{display: none;}
	.join01 .row01 .row01_con .item{width: 100% !important;margin-bottom: 30px !important;}
	.join2 .row01 .row01_top .item{width: 100% !important;}
}

@media (max-width: 413px) {
	.d-bottom-center{width: 360px !important;}
	.about_con{height: 1000px !important;}
}

.serve .serve_box .serve_nav .s_nav_top ul {
	width: 100%;
	display: flex;
}

.serve .serve_box .serve_nav .s_nav_top ul li {

	padding: 1.875vw 1.5625vw;
	border-bottom: 0.0521vw solid #e7e7e7;
	border-top: 0.0521vw solid #e7e7e7;
	display: flex;
	flex-direction: column;
	align-items: center;
	cursor: pointer;
}

.serve .serve_box .serve_nav .s_nav_top ul li .s_nav_p {
	font-size: 1.0417vw;
	font-family: "pingFangM";
	color: #929292;
	line-height: 1.0417vw;
	white-space: nowrap;
	margin-top: 0.7292vw;
}

.serve .serve_box .serve_nav .s_nav_top ul li .s_nav_img .img2 {
	display: none;
}

.serve .serve_box .serve_nav .s_nav_top ul li.on {
	border-color: #0082d9;
	background-color: #0082d9;
	color: #fff;
}

.serve .serve_box .serve_nav .s_nav_top ul li.on .s_nav_img .img1 {
	display: none;
}

.serve .serve_box .serve_nav .s_nav_top ul li.on .s_nav_img .img2 {
	display: block;
}

.serve .serve_box .serve_nav .s_nav_top ul li.on .s_nav_p {
	color: #fff;
}

.serve .active {
	border-bottom: 0;
	border-top: 0;
	background-color: #0082d9;
	color: #fff;
}

/* .serve .serve_box .serve_nav .s_nav_item .nav_item {
	display: none;
} */

.serve .serve_box .serve_nav .s_nav_item .s_nav_con {
	width: 100%;
	margin: 3.8542vw 0 6.5625vw;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

/* .serve .serve_box .serve_nav .nav_item.conactive {
	display: block;
} */

.serve .serve_box .serve_nav .s_nav_item .s_nav_con .s_nav_l {
	width: 50%;
	padding: 0 5.2083vw 0 3.6458vw;
}

.serve .serve_box .serve_nav .s_nav_con .s_nav_l .s_nav_h1 {
	font-size: 1.25vw;
	color: #000;
	font-family: "pingFangM";
	line-height: 1.25vw;
	position: relative;
	margin-bottom: 2.6042vw;
}

.serve .serve_box .serve_nav .s_nav_con .s_nav_l .s_nav_h1::after {
	content: "";
	display: block;
	width: 35px;
	height: 2px;
	background-color: #0082d9;
	position: absolute;
	top: 2.6042vw;
	left: 0;
}

.serve .serve_box .serve_nav .s_nav_con .s_nav_l .s_nav_p {
	font-size: 1vw;
	font-family: "pingFangM";
	color: #4e4d4d;
}

.serve .serve_box .serve_nav .s_nav_con .s_nav_l .s_nav_btn {
	font-size: 1.2vw;
	font-family: "pingFangB";
	color: #007ed2;
	margin-top: 2.5vw;
	width: 6.0417vw;
	height: 2.5vw;
	display: flex;
	justify-content:flex-start;
	align-items: center;
	cursor: pointer;
}

.serve .serve_box .serve_nav .s_nav_con .s_nav_l .s_nav_btn .btn_txt {
	display: block;
	margin-right: 0.625vw;
	white-space: nowrap;
}

.serve .serve_box .serve_nav .s_nav_con .s_nav_r {
	width: 50%;

}

.serve .serve_box .serve_nav .s_nav_con .s_nav_r img {
	width: 100%;

}

@media screen and (max-width: 1199px) {
	.serve .serve_box .serve_top {
		font-size: 20px;
		line-height: 16px;

	}

	.serve .serve_box .serve_nav .s_nav_item .s_nav_con {

		display: flex;
		flex-direction: column;
	}

	.serve .serve_box .serve_nav .s_nav_item .s_nav_con .s_nav_l {
		width: 100%;
		padding: 0;
	}

	.serve .serve_box .serve_nav .s_nav_item .s_nav_con .s_nav_r {
		width: 100%;
	}

	.serve .serve_box .serve_nav .s_nav_con .s_nav_l .s_nav_h1 {
		font-size: 18px;
		line-height: 18px;
	}

	.serve .serve_box .serve_nav .s_nav_con .s_nav_l .s_nav_h1 {
		margin-bottom: 26px;
	}

	.serve .serve_box .serve_nav .s_nav_con .s_nav_l .s_nav_h1::after {
		content: "";
		display: block;
		position: absolute;
		top: 30px;
		left: 0;
	}

	.serve .serve_box .serve_nav .s_nav_con .s_nav_l .s_nav_p {
		font-size: 14px;

	}

	.serve .serve_box .serve_nav .s_nav_con .s_nav_l .s_nav_btn {
		font-size: 14px;
		margin-top: 10px;
		margin-bottom: 20px;

	}

}







/* 集成项目 */
.case {
	padding: 3.125vw 0 7.8125vw;
	/* padding: 3.125vw 0 7.8125vw 12.5vw; */
	width: 100%;
	background-color: #f1f1f1;
}

.case .case_top {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 3.8542vw;
}

.case .case_top .case_h1 {
	color: #000;
	font-family: "pingFangB";
	font-size: 30px;
}

.case .case_top .case_btn {
	width: 162px;
	height: 54px;
	line-height: 54px;
	border: 1px solid #e1e1e1;
	font-size: 14px;
	font-family: PingFang SC;
	font-weight: 500;
	color: #4E4D4D;
	text-align: center;
	cursor: pointer;
	position: relative;
	z-index: 10;
}

.case .case_top .case_btn::before {
	content: '';
	display: block;
	width: 100%;
	height: 3px;
	background: #0082d9;
	position: absolute;
	left: 0;
	bottom: 0px;
	z-index: -1;
	transition: all .4s ease;
}

.case .case_top .case_btn:hover {
	color: #fff;
	border: 0;
}

.case .case_top .case_btn:hover::before {
	width: 100%;
	height: 100%;
	bottom: 0px;
}

.Box {
	position: relative;
	margin-left:10%;
}

.Box .Box_con {
	position: relative;
}

.Box .Box_con .btnl {
	position: absolute;
}

.Box .Box_con .btn {
	display: none;
}

.Box .Box_con .conbox {
	position: relative;
	overflow: hidden;
}

.Box .Box_con .conbox ul {
	position: relative;
	list-style: none;
	width: 10000000px !important;
}

.Box .Box_con .conbox ul li {
	float: left;
	width: 30.3125vw;
	height: 20.5208vw;
	margin-right: 2.6042vw;
	position: relative;
	cursor: pointer;
	transition: all 1s;
	overflow: hidden;
}

.Box .Box_con .conbox ul li img {
	display: block;
	width: 30.3125vw;
	height: 20.5208vw;
	transition: all 1s;
}

.Box .Box_con .conbox ul li .cur_box {
	position: absolute;
	bottom: 0;
	left: 0;
	height: 4.8958vw;
	width: 19.8958vw;
	background-color: #fff;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 2.0833vw;
	z-index: 88;
	transition: 0.6s linear;
}
.Box .Box_con .conbox ul li .cur_box:after{
	width: 0;
	cursor:pointer;
	position: absolute;
	content: "";
	top: 0;
	bottom: 0;
	left: 0;
	z-index: -1;
	background: #0082d9;
	transition: 0.6s linear;
}

/* .Box .Box_con .conbox ul .cur{
	background: url("../images/case_1.png") no-repeat;
} */
.Box .Box_con .conbox ul li .cur_t {
	font-size: .875rem;
	font-family: "manL";
	color: #000000;
	opacity: 0.4;
}

.Box .Box_con .conbox ul li .cur_h {
	font-size: 1.0417vw;
	font-family: "pingFangM";
	color: #000000;
}

.Box .Box_con .conbox ul li .cur_img {
	height: 1.875vw;
	width: 1.875vw;
}

.Box .Box_con .conbox ul li .cur_img img {
	height: 100%;
	width: 100%;
}

.Box .Box_con .conbox ul li .cur_c {
	display: none;
	height: 3.2292vw;
	width: 3.2292vw;
	background-color: #0082d9;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 11;
	transform: translate(-50%, -50%);
	transition: all 2s;
}

.Box .Box_con .conbox ul li .cur_c .cur_c_img {
	width: 0.8333vw;
	height: 0.8333vw;
}

.Box .Box_con .conbox ul li .cur_c img {
	width: 100%;
	height: 100%;
	margin: 1.1979vw 1.1979vw;
}

/* hover */

.Box .Box_con .conbox ul li.on img {
	transform: scale(1.1);
}

.Box .Box_con .conbox ul li.on .cur_c {
	display: block;
}

.Box .Box_con .conbox ul li.on .cur_box {
	background-color: #fff;
}
.Box .Box_con .conbox ul li.on .cur_box::after {
	
	width: 100%;
}
.Box .Box_con .conbox ul li.on .cur_t {
	color: #fff;

}

.Box .Box_con .conbox ul li.on .cur_h {
	color: #fff;
}

.Box .Box_con .conbox ul li .img2 {
	display: none;
}

.Box .Box_con .conbox ul li.on .img1 {
	display: none;
}

.Box .Box_con .conbox ul li.on .img2 {
	display: block;
}


.Box .BoxSwitch {
	margin-top: 4.6875vw;
	/* text-align: center; */
}

.Box .BoxSwitch span {
	display: inline-block;
	zoom: 1;
	vertical-align: middle;
	width: 218px;
	width: 11.3542vw;
	height: 1px;
	background: #ccc;
	cursor: pointer;
}

.Box .BoxSwitch span.cur {
	background: #1a8fdd;
}

@media screen and (max-width: 1199px) {
  
}


/* 最新消息 */

.news {
	padding: 3.125vw 0 8.125vw ;
	width: 100%;
	/* height:100vh; */
}

.news .case_top {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 3.8542vw;
}

.news .case_top .case_h1 {
	font-size: 30px;
	font-family: PingFang SC;
	font-weight: bold;
	color: #000000;
}

.news .case_top .case_btn {
	width: 8.3333vw;
	height: 2.6042vw;
	border: 1px solid #e1e1e1;
	color: #4e4d4d;
	font-family: "pingFangB";
	font-size: 0.7292vw;
	text-align: center;
	line-height: 2.6042vw;
	cursor: pointer;
	position: relative;
	z-index: 10;
}

.news .case_top .case_btn::before {
	content: '';
	display: block;
	width: 100%;
	height: 3px;
	background: #0082d9;
	position: absolute;
	left: 0;
	bottom: 0px;
	z-index: -1;
	transition: all .4s ease;
}

.news .case_top .case_btn:hover {
	color: #fff;
	border: 0;
}

.news .case_top .case_btn:hover::before {
	width: 100%;
	height: 100%;
	bottom: 0px;
}


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

.news .news_con .con1 {
	width: 50%;
	height: 25.9375vw;
	position: relative;
	cursor: pointer;
	overflow: hidden;
}

.news .news_con .con1 .con1_img {
	width: 100%;
}

.news .news_con .con1 img {
	width: 100%;
	transition: all 1s;
}

.news .news_con .con1:hover img {

	transform: scale(1.1);
}

.news .news_con .con1_box {
	position: absolute;
	left: 1.875vw;
	bottom: 1.3542vw;
	right: 1.875vw;
	z-index: 99;
}

.news .news_con .con1_y {
	font-size: 14px;
	font-family: PingFang SC;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 26px;
}

.news .news_con .con1_h1 {
	font-size: 20px;
	font-family: PingFang SC;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 26px;
	margin-bottom: 8px;
}

.news .news_con .con1_p {
	font-size: 16px;
	font-family: PingFang SC;
	font-weight: 500;
	color: #FFFFFF;
	line-height: 26px;
	opacity: 0.6;
	white-space: nowrap;
	overflow: hidden;
	text-overflow:ellipsis;
}

.news .news_con .con2 {
	width: 24%;
	height: 25.9375vw;
	position: relative;
	margin-left: 2%;
	padding: 2.0833vw 1.3542vw;
	background-color: #fff;
	border: 1px solid #e5e5e5;
	position: relative;
	cursor: pointer;
	/* transition: 1s linear; */
}
.news .news_con .con2 .con2_bg{
    width: 100%;
	height: 100%;
	background-color: #333;
}
.news .news_con .con2 .con2_bg::after {
	width: 0;
	cursor:pointer;
	position: absolute;
	content: "";
	top: 0;
	bottom: 0;
	left: 0;
	z-index: -1;
	background: #0082d9;
	transition: 1s linear;
}

.news .news_con .con2 .con2_title {
	font-size: 14px;
	font-family: PingFang SC;
	font-weight: 500;
	color: #0082D9;
}

.news .news_con .con2 .con2_h1 a {
	display: block;
	font-size: 20px;
	font-family: PingFang SC;
	font-weight: 500;
	color: #000000;
	line-height: 30px;
	margin: 0.8333vw 0 1.0417vw;
}

.news .news_con .con2 .con2_h1::after {
	content: "";
	display: block;
	height: 1px;
	width: 100%;
	background-color: #e5e5e5;
}

.news .news_con .con2 .con2_h2 a {
	display: block;
	font-size: 16px;
	font-family: PingFang SC;
	font-weight: 500;
	color: #4E4D4D;
	line-height: 28px;
	margin-top: 1.0417vw;

}

.news .news_con .con2 .con2_foot {
	position: absolute;
	bottom: 2.0833vw;
	left: 1.3542vw;
	right: 1.3542vw;
	display: flex;
	/* margin-top: 8.8542vw; */
	/* margin-top:170px; */
	justify-content: space-between;
	align-items: center;
	float: right;
}

.news .news_con .con2 .con2_foot .con2_foot_y {
	font-size: 0.7292vw;
	color: #333333;
	font-family: "pingFangM";
	margin-bottom: 0.3125vw;
}

.news .news_con .con2 .con2_foot .con2_foot_n {
	font-size: 1.875vw;
	color: #333333;
	font-family: "pingFangB";
	line-height: 1.875vw;
}

.news .news_con .con2 .con2_foot .con2_foot_img {
	width: 18px;
	height: 10px;
}

.news .news_con .con2 .con2_foot .con2_foot_img .img2 {
	display: none;
}

/* .news .news_con .con2{
		width: 100%;
		height: ;
		background-color: #0082d9;
		border: none;
	} */

.news .news_con .con2.on {
	background-color: #0082d9;
	/* border: none; */
	border: 1px solid #0082d9;
}

.news .news_con .con2.on .con2_title {
	color: #fff;
}

.news .news_con .con2.on .con2_h1 a {
	color: #fff;

}

.news .news_con .con2.on .con2_h1::after {
	background-color: #1a8fdd;
}

.news .news_con .con2.on .con2_h2 a {
	color: #fff;
}

.news .news_con .con2.on .con2_foot .con2_foot_y {

	color: #fff;

}

.news .news_con .con2.on .con2_foot .con2_foot_n {
	color: #fff;
}

.news .news_con .con2.on .con2_foot .con2_foot_img .img1 {
	display: none;
}

.news .news_con .con2.on .con2_foot .con2_foot_img .img2 {
	display: block;
}

@media screen and (max-width: 1199px) {
	.news {
		padding: 30px 0;
		
	}
    .wp{
		width: 90%;
		
		margin: 0 auto;
	}
	.news .case_top .case_h1 {

		font-size: 20px;
	}

	.news .case_top .case_btn {
		display: none;
	}

	.news .news_con {
		display: flex;
		flex-direction: column;
	}

	.news .news_con .con1_box {}

	.news .news_con .con1 {
		width: 100%;
		height: 300px;
		/* max-height:300px; */
	}

	.news .news_con .con1_box {
		position: absolute;
		left: 10px;
		bottom: 10px;
		z-index: 99;
	}

	.news .news_con .con2 {
		width: 100%;
		margin-left: 0;
		margin-top: 30px;
	}

	.news .news_con .con2 .con2_title {
		font-size: 18px;
		line-height: 16px;
	}

	.news .news_con .con2 .con2_h1 a {
		font-size: 16px;
		line-height: 1.65em;
		margin: 10px 0 10px;
		white-space: nowrap;
		overflow: hidden;
	}

	.news .news_con .con2 .con2_h2 a {
		font-size: 14px;
		line-height: 1.65em;
		margin-top: 10px;
		margin-bottom: 20px;
		white-space: nowrap;
		overflow: hidden;
	}

	.news .news_con .con2 .con2_foot {
		margin-top: 30px;
		/* margin-bottom: 20px; */
	}

	.news .news_con .con2 .con2_foot .con2_foot_y {
		font-size: 14px;
		color: #333333;
		font-family: "pingFangM";
		margin-bottom: 0.3125vw;
	}

	.news .news_con .con2 .con2_foot .con2_foot_n {
		font-size: 26px;
		line-height: 26px;
	}

	.news .news_con .con2 .con2_foot .con2_foot_img {}
}

@media screen and (max-width: 1199px) {}




/* 底部footer */
.footer {
	padding-top: 3.125vw;
	width: 100%;
	background-color: #303030;
}

.footer .footer_top {
	/* display: flex;
		justify-content: center; */
	/* align-items: center; */
	/* overflow: hidden; */
}

.footer .footer_top .footer_l {
	float: left;
	width: 76%;
}

.footer .footer_top .footer_l .h1 {
	font-size: 18px;
	font-family: PingFang SC;
	font-weight: 400;
	color: #F7F7F7;
	white-space: nowrap;
	margin-bottom: 17px;
	position: relative;
	padding-bottom: 16px;

}
.footer .footer_top .footer_l .h1 a{
	color: #F7F7F7;
}
.footer .footer_top .footer_l {
	display: flex;
	justify-content: flex-start;
}

.footer .footer_top .footer_l .footer_l_b {
	margin-right: 4.6875vw;
}

.footer .footer_top .footer_l .h1::after {
	content: "";
	display: block;
	width: 26px;
	height: 1px;
	background-color: rgba(255, 255, 255, 0.1);
	position: absolute;
	bottom: 0;
	left: 0;
}

.footer .footer_top .footer_l .footer_item a {
	font-size: 16px;
	font-family: PingFang SC;
	font-weight: 500;
	color: #858585;
	line-height: 28px;
	white-space: nowrap;
	display: block;
}

.footer_img-box img{max-width: 20px;max-height: 20px;}
.category01-minibox-r img{max-width: 43px;max-height: 43px;}
.category01-minibox-r .cmr2{display: none;}
.category01-box:hover .cmr2{display: block;}
.category01-box:hover .cmr1{display: none;}
.conbox-lunbo .swiper-slide-active .cmr2{display: block;}
.conbox-lunbo .swiper-slide-active .cmr1{display: none;}
.s_nav_img img{max-width: 34px;max-height: 34px;}

.footer .footer_top .footer_l .footer_item a:hover{
	color: white;
}

.footer .footer_top .footer_r {
	float: right;
	width: 24%;
	font-size: 16px;
	font-family: PingFang SC;
	font-weight: 500;
	color: #858585;
	line-height: 26px;
	text-align: right;
}

.footer_top{display: flex;}


.footer .footer_top .footer_r .r_ph {
	font-size: 30px;
	color: #fff;
	line-height: 26px;
	margin: 0.7292vw 0 1.25vw;
}

.footer .footer_top .footer_r .r_add {
	margin: 0.5208vw 0 1.3542vw;
}

.footer .foot {
	margin-top: 8.0208vw;
	border-top: 1px solid #454545;
	padding: 1.0417vw 0;
	font-size: 0.7292vw;
	color: #858585;
	line-height: 0.7292vw;
}

.footer .foot a {
	font-size: 14px;
	font-family: PingFang SC;
	font-weight: 500;
	color: #858585;
	line-height: 26px;
}

.footer .foot .foot_l {
	float: left;
}

.footer .foot .foot_r {
	float: right;
}

.footer_img{display: flex;justify-content: flex-end;}

.footer_img-box{width: 46px;height: 46px;background: rgba(255, 255, 255, .1);display: flex;align-items: center;justify-content: center;margin-left: 15px;}
.footer_img-box:hover{background: #0082d9;}
.footer_img-box:hover .fib2{display: block;}
.footer_img-box:hover .fib1{display: none;}
.fib2{display: none;}


.page {
	width: 100%;
	text-align: center;
}
.page-list {
	font-size: 0;
}
.page-list a {
	display: inline-block;
	vertical-align: top;
	padding: 0px 10px;
	min-width: 50px;
	height: 50px;
	line-height: 50px;
	margin-bottom: 5px;
	margin-right: 15px;
	text-align: center;
	font-family: arial;
	font-size: 16px;
	color: #999999;
	background: #f5f5f5;
	border-radius: 50%;
	overflow: hidden;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.page-list a:last-child {
	margin-right: 0;
}

.page-list a .ic2 {
	display: none;
}

.page-list a:hover .ic1 {
	display: none;
}

.page-list a:hover .ic2 {
	display: block;
}

.page-list a.fyprev,
.page-list a.fynext{
	font-size: 0;
	/*min-width: 1px;
	width: auto;*/
	padding: 0;
}
.page-list a.fyprev:hover,
.page-list a.fynext:hover{
	background: none;
}
.page-list a.fyprev img, .page-list a.fynext img{
	max-width: 100%;
}
/*.page-list a.fyprev{
	border: none;
	background: url(../images/img100.png) center no-repeat;
}
.page-list a.fynext{
	border: none;
	background: url(../images/img101.png) center no-repeat;
}
.page-list a.fyprev:hover{
	border: none;
	background: url(../images/img42a.png) center no-repeat;
}
.page-list a.fynext:hover{
	border: none;
	background: url(../images/img43a.png) center no-repeat;
}*/

.page-list a:hover,
.page-list a.on {
	color: #FFFFFF;
	border: none;
	background: #0082d9;
}

@media only screen and (max-width: 1024px){
.page-list a{
		min-width: 45px;
	    height: 45px;
	    line-height: 45px;
	}
	.page-list a.fyprev,
	.page-list a.fynext{
		width: 45px;
	}
}
@media only screen and (max-width: 768px){
/*分页*/
	.page-list a{
		min-width: 40px;
	    height: 40px;
	    line-height: 40px;
	}
	.page-list a.fyprev,
	.page-list a.fynext{
		width: 40px;
	}
}
@media only screen and (max-width: 540px){
.page-list a{
		min-width: 36px;
		height: 36px;
		line-height: 36px;
		margin-right: 10px;
	}
	.page-list a.fyprev, 
	.page-list a.fynext{
		width: 36px;
	}
}

.conwidth{
	max-width: 1420px;
	width: 100%;
	margin: auto;
}
.search_sum{
	padding-bottom: 50px;
}
.search-result {margin: 0px auto 50px;padding-top: 60px;}
.search-result .search-number {font-size: 46px;line-height: 50px;padding-bottom: 20px;color: #222; /* font-weight: bold; */}
.search-result ul {/* margin-bottom: 180px; */}
.search-result li {border-bottom: 1px solid #eeeeee; list-style:none; text-align:left;}
.search-result a {display: block;padding: 40px 0px; text-decoration:none;}
.search-result a:hover,.search-result a:active {color: #0082d9; text-decoration:none;}
.search-result h2 {font-size: 16px;line-height: 1.5;padding-bottom: 15px; /* font-weight: bold; */}
.search-result .mess {font-size: 14px;line-height: 30px;color: #777777;font-weight: lighter;}
.search-result .times {font-size: 14px;color: #777;font-weight: lighter;margin-top: 15px;}
.search_input_sum {max-width: 400px;margin: 80px auto 0px;}
.search_input_sum input.text {border: 1px solid #dddddd;background: url("../images/search.png") 30px center no-repeat #fff;line-height: 40px;padding: 4px 20px 4px 70px;border-radius: 45px;box-sizing: border-box;width: calc(100% - 115px);float: left;font-size: 16px;color: #222222;}
.search_input_sum input.text:focus {border-color: #0082d9;}
.search_input_sum input.search_btn {float: right;line-height: 50px;width: 100px;text-align: center;background: #0082d9;color: #FFFFFF;border-radius: 45px;border: 0;font-size: 18px;}

@media screen and (max-width: 1440px) {
    .search-result a {padding: 30px 0;}
    .search-result .mess, .search-result .times {line-height: 1.7;}
}
@media screen and (max-width: 1199px) {
    .search-result {padding-top: 10px;}
    .search_input_sum{
    	margin-top: 60px;
    }
    .search_input_sum input.text {padding: 4px 10px 4px 60px;    font-size: 15px;    background-position-x: 20px;}
    .search_input_sum input.search_btn {font-size: 17px; }
    .selected_item{padding:20px 0;}
}
@media screen and (max-width: 540px){
	.search-result a{
		padding: 25px 0px;
	}
	.search_input_sum{
    	margin-top: 50px;
    }
    .search_input_sum input.text{
    	line-height: 32px;
    }
    .search_input_sum input.search_btn {font-size: 16px; line-height: 44px;}
}

/**/
.search {
  	position: fixed;
 	z-index: 6;
  	top: 80px;
  	right: 0;
  	height: auto;
  	overflow: hidden;
  	/*height: 100%;
  	max-height: 100vh;
  	overflow-y: scroll;
  	overflow-x: hidden;*/
  	-webkit-overflow-scrolling: touch;
  	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  	opacity: 0;
  	visibility: hidden;
  	transition-property: opacity,visibility;
  	transition-duration: .5s;
  	transition-delay: .5s;
}
.search.search-is-open{
  	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	opacity:1;
	visibility:visible;
	transition-delay:0s;}
.search.search-is-open .search__container{
	transform:translateY(0) translateZ(0);
}
.search__container{
  	position:relative;
  	z-index:2;
	background-color:#fff;
	transform:translateY(-100%) translateZ(0);
	transition:transform .75s cubic-bezier(.77,0,.175,1);
}
.search__overlay{
  	position:fixed;
  	z-index:1;
	top:0;
	right:0;
	width:100%;
	height:100%;
	/*background-color:#1d1d1d;*/
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
	opacity:.2;
}
.search, .search__overlay{
	left:0;
}
.search-header{
	position:relative;
  	padding-top: 90px;
	padding-bottom: 120px;
}
.row{
	position: relative;
}
.search-header .search-loader{
	position:absolute;
  	top:17px;
	left:2.6vw;
}
.search-header .search-btn-close{position:absolute;
  	top:0;
	right:0;
}
.search-header .search-input{
  	font-size:24px;
	width:100%;
	-webkit-appearance:none;
	-moz-appearance:none;
	border:0;
}
.search-header .search-input__wrapper:after{content:"";
	position:absolute;
	z-index:1;
	bottom:0;
	left:0;
	right:0;
	height:1px;
	background-color:#d9d9d9;
	width:100%;
}
.search-item{position:relative;
  	display:block;
	overflow:hidden;
	transition:background-color .2s,opacity .3s,color .3s;
	transform-origin:0 0;
	color:#1d1d1d;
}
.search-item:after{
	content:"";
	position:absolute;
	z-index:1;
	bottom:0;
	left:8.333%;
	right:8.333%;
	height:1px;
	background-color:#d9d9d9;
}
.search-item .solr-highlight{
	background-color:rgba(101,32,142,.2);
}
.search-close {
  	position: absolute;
  	display: block;
  	top: 0;
 	right: 0;
  	width: 28px;
  	height: 72px;
  	background: url(../images/close.png) no-repeat center;
  	background-size: 28px 28px;
  	cursor: pointer;
  	z-index: 6;
  	transition-duration: .5s; 
}
.search-close:hover {
  	transform: rotate(90deg); 
}
.search .submit0 {
  	position: absolute;
  	top: 0;
  	left: 0;
  	z-index: 5;
  	width: 28px;
  	height: 75px;
  	background: url(../images/searchf.png) no-repeat center;
  	border: none;
  	background-size: 28px 28px;
  	box-sizing: border-box;
  	display: block;
}
.search-header .search-input {
  	display: block;
  	text-indent: 80px;
 	line-height: 75px;
  	font-size: 24px;
  	color: #333;
  	width: 100%;
  	-webkit-appearance: none;
  	-moz-appearance: none;
  	border: 0;
  	border-bottom: 1px solid #d9d9d9;
}


@media (min-width: 1800px) {
	.header .container{width: 1583px !important;}
}

@media (max-width: 1500px) {
	.header-box{justify-content: space-around;}
}
@media (max-width: 1400px) {
	.category03-fenge::after{right: -300px;width: 150px;}
}
@media (max-width: 1200px) {

	
		.search .submit0{
		height: 60px;
		background-size: 20px 20px;
	}
	.search-close{
		height: 60px;
		background-size: 20px 20px;
	}
	.search-header .search-input{
		text-indent: 40px;
		line-height: 60px;
		font-size: 18px;
	}
}

.riifo-title{position: relative;overflow: hidden;}
.riifo-title h5{margin: 0;padding:0 ;font-weight: normal;}
.riifo-title h3{margin: 0;padding:0 ;font-weight: normal;}

.riifo-text{line-height: 28px;opacity: .8;}
.popup-window {width: 100%;height: 100%;z-index: -1;overflow: hidden;position: fixed;left: 0;top: 0;transition:all .4s ease;transform:translateY(-100%);}
.popup-window.cur {display: block;transform:translateY(0);z-index: 1111;}
.popup-window-mark {background: rgba(0,0,0,.5);width: 100%;height: 100%;position: absolute;z-index: 1;left: 0;top: 0;}
.popup-window-content {position: relative;background: #fff;margin: auto;width: 60%;padding: 4% 5%;overflow: hidden;transform:translate(-72%,-50%);z-index: 20;top: 50%;left:50%;}
.popup-window-content-left {float: left;width: 50%;overflow: hidden;position: relative;background: #f7f8fa;}
.popup-window-content-left img.img-center{max-width: 70%;max-height: 70%;mix-blend-mode:multiply;}
.popup-window-content-right {float: right;width: 45%;overflow: hidden;padding: 4% 0 0 5%;}
.popup-window-content-right .riifo-title h3{font-size: 30px;}
.popup-window-content-right .riifo-text{opacity: 1;color: #1a1a1a;font-size: 16px;line-height: 26px;}
.popup-window-content-scroll {height: 320px;overflow-y: auto;margin-top:5%;padding-right: 3%;}
.popup-window-content-right .show-item {margin-bottom: 2%;overflow: hidden;}
.popup-window-content-right .show-item .title-1 {border-bottom: 1px solid #e6e6e6;padding: 18px 0;overflow: hidden;position: relative;cursor: pointer;}
.popup-window-content-right .show-item .title-1::before,.popup-window-content-right .show-item .title-1::after {content: '';position: absolute;background: #000;}
.popup-window-content-right .show-item .title-1::before {right: 0;top: 50%;width: 16px;height: 2px;margin-top: -1px;}
.popup-window-content-right .show-item .title-1::after {right: 7px;top: 50%;width: 2px;height: 16px;margin-top: -8px;}
.popup-window-content-right .show-item .title-1.cur strong{color: #0082D9;}
.popup-window-content-right .show-item .title-1.cur::after {display: none;}
.popup-window-content-right .show-item .title-1.cur::before {background: #0082D9;}
.popup-window-content-right .show-item .title-1 i {position: relative;display: inline-block;width: 30px;height: 30px;vertical-align: middle;margin-right: 5px;}
.popup-window-content-right .show-item .title-1 strong{display: inline-block;vertical-align: middle;font-size: 16px;text-transform: uppercase;}
.popup-window-content-right .show-item .title-1 i img{filter: grayscale(100%);-webkit-filter: grayscale(100%);}
.popup-window-content-right .show-item .title-1.cur i img {filter:none;-webkit-filter: none}
.popup-window-content-right .show-item .main-2{padding: 2% 0;overflow: hidden;font-size: 16px;line-height: 26px;display: none;}
.popup-window-content-right .show-item .main-2 .row2 {padding: 10px 0;overflow: hidden;font-size: 14px;border-bottom: 1px solid #e6e6e6;}
.popup-window-content-right .show-item .main-2 .row2 span {display: inline-block;vertical-align: middle;width: 49%;}
.popup-window-content-right .show-item .main-2 .row2 strong {display: inline-block;vertical-align: middle;width: 49%;text-align: right;}
.popup-window-content-right .show-item .main-2 .lirow2 {margin-top: 2%;overflow: hidden;}
.popup-window-content-right .show-item .main-2 .lirow2 li{float: left;width: 50%;margin-bottom: 1%;list-style: none;padding-left: 15px;position: relative;box-sizing: border-box;}
.popup-window-content-right .show-item .main-2 .lirow2 li::before {content: '';width: 4px;height: 4px;position: absolute;border: 2px solid #000;border-radius: 100%;left: 0;top: 9px;}
.popup-window-content-scroll::-webkit-scrollbar{height:4px; width:2px;background: #d7d9dc;}
.popup-window-content-scroll::-webkit-scrollbar-button{height:0; width:5px;background: #d7d9dc;}
.popup-window-content-scroll::-webkit-scrollbar-thumb{background-color:#333;box-shadow:inset 1px 1px 0 #333,inset 0 -1px 0 #333;}
.popup-close {background: #0082D9 url('../images/xxb.png') center no-repeat;width: 60px;height: 60px;position: absolute;top: 0;right: 0;z-index: 11;cursor: pointer;}
.popup-close:hover {background: #b4000f url('../images/xxb.png') center no-repeat;}
.popup-window-content-left .popup-window-content-left.popup-window-content-left-pic-swiper {overflow: hidden;}
.popup-window-content-left .popup-window-content-left-pic-swiper .img {background-color: transparent;}
.popup-window-content-left .popup-window-content-left-pic-swiper img.img-center{max-width: 100%;max-height: 100%;mix-blend-mode:normal;}
.popup-window-content-left-pic-swiper .popup-next,.popup-window-content-left-pic-swiper .popup-prev {left: auto;right: 0;width: 60px;height: 60px;margin: 0;top: auto;bottom: 0;opacity: 1;}
.popup-window-content-left-pic-swiper .popup-next::after,.popup-window-content-left-pic-swiper .popup-prev::after {display: none;}
.popup-window-content-left-pic-swiper .popup-next {right: 0;background: #ccc url('../images/about_15.png') center no-repeat;}
.popup-window-content-left-pic-swiper .popup-prev {right: 60px;background: #0082D9 url('../images/about_14.png') center no-repeat;}
.riifo-text-2 {font-size: 16px;line-height: 26px;padding: 2% 0 4% 0;overflow: hidden;}
.riifo-text-3 {font-size: 16px;line-height: 26px;padding: 4% 0;overflow: hidden;border-top: 1px solid #e6e6e6;}

@media screen and (max-width: 1440px) {
.popup-window-content {width: 74%;padding: 3%;transform: translate(-62%,-50%);}
	.popup-window-content-right .riifo-text,.popup-window-content-right .show-item .main-2 {font-size: 12px;line-height: 22px;}
	.popup-window-content-right {padding:2% 0 0 5%;}
}
@media screen and (max-width: 1000px) {
.popup-window-content {width:100%;padding:0;transform:none;top: 0;left: 0;height: 100%;box-sizing: border-box;overflow:auto;}
	.popup-window-content-left,.popup-window-content-right,.riifo-product-index-text {width: 100%;box-sizing: border-box;}
	.popup-window-content-right {padding: 5%;}
	.popup-window-content-right .riifo-title h3 {font-size: 24px;}
}
@media screen and (max-width: 768px) {
.swiper-slide .text{
letter-spacing:0;
top:10%;

 }
}


