/*基础CSS*/
body{ font-size:14px; color:#333; -webkit-text-size-adjust:none; font-family:'SourceHanSansCN-Regular'; font-style:normal; min-width:1200px; padding:0; margin:0;}
html {
	font-size: 14px;
	overflow-x: hidden;
}
img {pointer-event:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;}
*{
   -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
h1,h2,h3,h4,h5,h6{ margin:0; padding:0; font-weight: normal;}
.clearfix:before{ clear: both;}
li {
	list-style: none;
}
a {
	color: #333; text-decoration:none;
}
a:hover {
	text-decoration: none;
}
p, dl, dt, dd, ul {
	margin: 0px;
	padding: 0px;
}
.red{
	color:red;
}
.text-secondary a {
	color: #6c757d;
}
.card, .figure {
	margin: 15px 0;
}
.navbar-expand-lg .navbar-nav .nav-link {
	padding-right: 1.2rem;
	padding-left: 1.2rem;
	font-size: 14px;
}
.navbar-brand {
	font-size: 20px;
	padding-top: 0px;
	padding-bottom: 0px;
}
.shadow-sm-top {
	box-shadow: 0 -.125rem .25rem rgba(0,0,0,.075) !important;
}
/*上下外边距*/
.mt-6, .my-6 {
	margin-top: 4rem !important;
}
.mt-7, .my-7 {
	margin-top: 5rem !important;
}
.mt-8, .my-8 {
	margin-top: 6rem !important;
}
.mt-9, .my-9 {
	margin-top: 7rem !important;
}
.mt-10, .my-10 {
	margin-top: 8rem !important;
}
.mb-6, .my-6 {
	margin-bottom: 4rem !important;
}
.mb-7, .my-7 {
	margin-bottom: 5rem !important;
}
.mb-8, .my-8 {
	margin-bottom: 6rem !important;
}
.mb-9, .my-9 {
	margin-bottom: 7rem !important;
}
.mb-10, .my-10 {
	margin-bottom: 8rem !important; 
}
/*上下内边距*/
.pt-6, .mp-6 {
	padding-top: 4rem !important;
}
.pt-7, .py-7 {
	padding-top: 5rem !important;
}
.pt-8, .py-8 {
	padding-top: 6rem !important;
}
.pt-9, .py-9 {
	padding-top: 7rem !important;
}
.pt-10, .py-10 {
	padding-top: 8rem !important;
}
.pb-6, .py-6 {
	padding-bottom: 4rem !important;
}
.pb-7, .py-7 {
	padding-bottom: 5rem !important;
}
.pb-8, .py-8 {
	padding-bottom: 6rem !important;
}
.pb-9, .py-9 {
	padding-bottom: 7rem !important;
}
.pb-10, .py-10 {
	padding-bottom: 8rem !important;
}
/*边框*/
.border-top-dashed {
	border-top: 1px dashed #dee2e6 !important;
}
.border-right-dashed {
	border-right: 1px dashed #dee2e6 !important;
}
.border-bottom-dashed {
	border-bottom: 1px dashed #dee2e6 !important;
}
.border-right-dashed {
	border-top: 1px dashed #dee2e6 !important;
}
/*字距*/
.ls-1 {
	letter-spacing: 1px;
}
.ls-2 {
	letter-spacing: 2px;
}
.ls-3 {
	letter-spacing: 3px;
}
.ls-4 {
	letter-spacing: 4px;
}
.ls-5 {
	letter-spacing: 5px;
}
/*分页*/
.page-num:not(:disabled) {	cursor: pointer;}
.page-num {position: relative;	display: block;	color: #475766; margin: 0px 5px;height:40px; width:40px;line-height:40px;  text-align:center;}
.page-item{ border-radius:20px; height:40px; width:40px;  line-height:40px; color:#fff; font-family:"宋体"; font-size:20px;  background:#ccc;text-align:center;}
a.page-num:hover, .page-link:hover {	text-decoration: none;}
.page-num-current {	z-index: 1; background: #f2f2f2;	 border-radius:20px; }
.page-num-current:hover {	color: #fff;}
/*其他*/
.pages {
	min-height: 500px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.code, .code img {
	height: 100px;
}
.position, .position a {
	color: #999;
}
.content {
	color: #666;
	line-height: 2;
}
.content img, .content iframe {
	max-width: 100% !important;
}
.content li {
	list-style: disc outside none;
	margin-left: 20px;
}
/*产品轮播*/
.case-pages { margin: 100px 300px;}
.case-pages .left{-ms-flex: 0 0 40%;  flex: 0 0 40%; max-width: 40%;      padding: 40px 40px 40px 40px; background:#f8f8f8;}
.case-pages .right{-ms-flex: 0 0 60%;   flex: 0 0 60%;  max-width: 60%;}

.view {
	width: 100%; position: relative;
}
.view .swiper-slide {
	height: 500px;
	width: 100%;
	padding: 0 0px;
	box-sizing: border-box;
	overflow: hidden;
	text-align: center;
}
.view .swiper-slide img {
	height: 100%; width: 100%; object-fit: cover;
}
.view .arrow-left {
	background: rgba(255,255,255,0.5) url(../images/index_tab_l.png) no-repeat center center;
	position: absolute;
	left: 10px;
	width: 50px;
	height: 50px;border-radius: 50px;
	z-index: 10; top: 50%; margin-top: -25px;
	
}
.view .arrow-right {
	background: rgba(255,255,255,0.5) url(../images/index_tab_r.png) no-repeat center center;
	position: absolute;
	right: 10px;
	width: 50px;
	height: 50px; border-radius: 50px;
	z-index: 10;top: 50%; margin-top: -25px;
	
}
.preview {
	position: relative;
	width: calc(100% - 0px) ;
	
}
.preview .swiper-container{ padding: 0px 0px;}
.preview .swiper-slide {
	width: 90px;
	height: 70px;
	margin: 0 9px 0px 0px;
	box-sizing: border-box;
	overflow: hidden;
	cursor: pointer;
}
.preview .swiper-slide img {
	display: inline-block;
	height: 100%; width: 100%; object-fit:cover;
}
.preview .active-nav {
	border: 1px solid #F00;
}
.preview .arrow-left {
	background: #f1f1f1 url(../images/feel3.png) no-repeat center center;
	position: absolute;
	left: 0px;
	top: 0;
	width: 20px;
	height: 70px;
	z-index: 10;display: none;
}
.preview .arrow-right {
	background: #f1f1f1 url(../images/feel4.png) no-repeat center center;
	position: absolute;
	right: 0px;
	top: 0;
	width: 20px;
	height: 70px;
	z-index: 10;display: none;
}


/*在线客服*/
.online {
	position: fixed;
	bottom: 150px;
	right: 10px;
	width: 60px;
	z-index: 999;
	color: #999;
}
.online a {
	color: #666;
}
.online a:hover {
	text-decoration: none;
}
.online dl {
	background: #fff;
	padding: 10px 5px;
	margin-bottom: 10px;
	position: relative;  border-radius: 10px; 
}
.online dl dd { width: 45px; margin: auto;	cursor: pointer; overflow: hidden;}
.online dl h3 {
	color: #333;
	text-align: center;
	font-size: 12px;
	cursor: pointer; overflow: hidden;
}
.online dl dd img{ }
.online dl:hover dd img{  transform: translateX(-50%);}
.online dl:hover h3{color: #fff;}
.online dl dd i {
	font-size: 25px;
}
.online dl:hover {
	background: #ffa400; 
}
.online dl:hover dd {
	color: #fff;
}
.online dl dt {
	position: absolute;
	top: 0px;
	right: 60px;
	background: #fff;
	
	z-index: 9999;
	display: none;
	padding: 10px 15px;
	font-weight: normal;
}
.online dl dt h3 {
	display: block;
	font-size: 20px;
	color: #ffa400; text-align: center;
	
	padding-bottom: 5px;
}
.online dl dt p{border: 1px solid #ccc; border-radius: 10px; overflow: hidden;}

.online dl dt h3 i {
	margin-right: 5px;
}
.online dl dt span { margin-top: 10px;font-size: 20px;
	color: #ffa400; text-align: center; width: 100%; display: block;
}
.online dl dt input {
	border: 1px solid #ccc;
	border-radius: 5px;
	margin-top: 15px;
	height: 40px;
	line-height: 40px;
	padding: 3px 5px;
	width: 100%;
}
.online dl dt button {
	margin: 10px 0;
	border: none;
	border-radius: 5px;
	width: 100%;
	font-size: 18px;
	height: 40px;
	line-height: 40px;
	background: #28a7e1;
	color: #fff;
	cursor: pointer;
}

/*sm屏幕以上*/
@media only screen and (min-width: 576px) {
.card-img-200 {
	height: 200px;
	overflow: hidden;
}
.card-img-180 {
	height: 180px;
	overflow: hidden;
}
.card-img-150 {
	height: 150px;
	overflow: hidden;
}
.card-img-120 {
	height: 120px;
	overflow: hidden;
}
.card-img-100 {
	height: 100px;
	overflow: hidden;
}
}
/*sm屏幕以下*/
@media only screen and (max-width: 576px) {
.page-num {
	display: none;
}
.head-sm-height {
	height: 61px !important;
}
}
/*********响应式样式******************/

/*行距*/
.lh-1 {
	line-height: 1;
}
.lh-2 {
	line-height: 2;
}
.lh-3 {
	line-height: 3;
}
.lh-4 {
	line-height: 4;
}
/*字体大小*/
.fs-12 {
	font-size: .857rem;
}
.fs-14 {
	font-size: 1rem;
}
.fs-16 {
	font-size: 1.142rem;
}
.fs-18 {
	font-size: 1.285rem;
}
.fs-20 {
	font-size: 1.428rem;
}
.fs-22 {
	font-size: 1.571rem;
}
.fs-24 {
	font-size: 1.714rem;
}
.fs-26 {
	font-size: 1.857rem;
}
.fs-28 {
	font-size: 2rem;
}
.fs-30 {
	font-size: 2.142rem;
}
.fs-32 {
	font-size: 2.286rem;
}
.fs-34 {
	font-size: 2.429rem;
}
.fs-36 {
	font-size: 2.571rem;
}
.fs-38 {
	font-size: 2.714rem;
}
.fs-40 {
	font-size: 2.857rem;
}
/*高度*/
.h-5px {
	height: 5px;
}
.h-10px {
	height: 10px;
}
.h-15px {
	height: 15px;
}
.h-20px {
	height: 20px;
}
.h-25px {
	height: 25px;
}
.h-30px {
	height: 30px;
}
.h-35px {
	height: 35px;
}
.h-40px {
	height: 40px;
}
.h-45px {
	height: 45px;
}
.h-50px {
	height: 50px;
}
.h-55px {
	height: 55px;
}
.h-60px {
	height: 60px;
}
.h-65px {
	height: 65px;
}
.h-70px {
	height: 70px;
}
.h-75px {
	height: 75px;
}
.h-80px {
	height: 80px;
}
.h-85px {
	height: 85px;
}
.h-90px {
	height: 90px;
}
.h-95px {
	height: 95px;
}
.h-100px {
	height: 100px;
}
.h-110px {
	height: 110px;
}
.h-120px {
	height: 120px;
}
.h-130px {
	height: 130px;
}
.h-140px {
	height: 140px;
}
.h-150px {
	height: 150px;
}
.h-160px {
	height: 160px;
}
.h-170px {
	height: 170px;
}
.h-180px {
	height: 180px;
}
.h-190px {
	height: 190px;
}
.h-200px {
	height: 200px;
}
.h-210px {
	height: 210px;
}
.h-220px {
	height: 220px;
}
.h-230px {
	height: 230px;
}
.h-240px {
	height: 240px;
}
.h-250px {
	height: 250px;
}
.h-260px {
	height: 260px;
}
.h-270px {
	height: 270px;
}
.h-280px {
	height: 280px;
}
.h-290px {
	height: 290px;
}
.h-300px {
	height: 300px;
}
.h-310px {
	height: 310px;
}
.h-320px {
	height: 320px;
}
.h-330px {
	height: 330px;
}
.h-340px {
	height: 340px;
}
.h-350px {
	height: 350px;
}
.h-360px {
	height: 360px;
}
.h-370px {
	height: 370px;
}
.h-380px {
	height: 380px;
}
.h-390px {
	height: 390px;
}
.h-400px {
	height: 400px;
}
.h-410px {
	height: 410px;
}
.h-420px {
	height: 420px;
}
.h-430px {
	height: 430px;
}
.h-440px {
	height: 440px;
}
.h-450px {
	height: 450px;
}
.h-460px {
	height: 410px;
}
.h-470px {
	height: 470px;
}
.h-480px {
	height: 480px;
}
.h-490px {
	height: 490px;
}
.h-500px {
	height: 500px;
}

/*sm屏幕以上*/
@media only screen and (min-width: 576px) {
/*行距*/
.lh-sm-1 {
	line-height: 1;
}
.lh-sm-2 {
	line-height: 2;
}
.lh-sm-3 {
	line-height: 3;
}
.lh-sm-4 {
	line-height: 4;
}
/*字体大小*/
.fs-sm-12 {
	font-size: .857rem;
}
.fs-sm-14 {
	font-size: 1rem;
}
.fs-sm-16 {
	font-size: 1.142rem;
}
.fs-sm-18 {
	font-size: 1.285rem;
}
.fs-sm-20 {
	font-size: 1.428rem;
}
.fs-sm-22 {
	font-size: 1.571rem;
}
.fs-sm-24 {
	font-size: 1.714rem;
}
.fs-sm-26 {
	font-size: 1.857rem;
}
.fs-sm-28 {
	font-size: 2rem;
}
.fs-sm-30 {
	font-size: 2.142rem;
}
.fs-sm-32 {
	font-size: 2.286rem;
}
.fs-sm-34 {
	font-size: 2.429rem;
}
.fs-sm-36 {
	font-size: 2.571rem;
}
.fs-sm-38 {
	font-size: 2.714rem;
}
.fs-sm-40 {
	font-size: 2.857rem;
}
/*高度*/
.h-sm-5px {
	height: 5px;
}
.h-sm-10px {
	height: 10px;
}
.h-sm-15px {
	height: 15px;
}
.h-sm-20px {
	height: 20px;
}
.h-sm-25px {
	height: 25px;
}
.h-sm-30px {
	height: 30px;
}
.h-sm-35px {
	height: 35px;
}
.h-sm-40px {
	height: 40px;
}
.h-sm-45px {
	height: 45px;
}
.h-sm-50px {
	height: 50px;
}
.h-sm-55px {
	height: 55px;
}
.h-sm-60px {
	height: 60px;
}
.h-sm-65px {
	height: 65px;
}
.h-sm-70px {
	height: 70px;
}
.h-sm-75px {
	height: 75px;
}
.h-sm-80px {
	height: 80px;
}
.h-sm-85px {
	height: 85px;
}
.h-sm-90px {
	height: 90px;
}
.h-sm-95px {
	height: 95px;
}
.h-sm-100px {
	height: 100px;
}
.h-sm-110px {
	height: 110px;
}
.h-sm-120px {
	height: 120px;
}
.h-sm-130px {
	height: 130px;
}
.h-sm-140px {
	height: 140px;
}
.h-sm-150px {
	height: 150px;
}
.h-sm-160px {
	height: 160px;
}
.h-sm-170px {
	height: 170px;
}
.h-sm-180px {
	height: 180px;
}
.h-sm-190px {
	height: 190px;
}
.h-sm-200px {
	height: 200px;
}
.h-sm-210px {
	height: 210px;
}
.h-sm-220px {
	height: 220px;
}
.h-sm-230px {
	height: 230px;
}
.h-sm-240px {
	height: 240px;
}
.h-sm-250px {
	height: 250px;
}
.h-sm-260px {
	height: 260px;
}
.h-sm-270px {
	height: 270px;
}
.h-sm-280px {
	height: 280px;
}
.h-sm-290px {
	height: 290px;
}
.h-sm-300px {
	height: 300px;
}
.h-sm-310px {
	height: 310px;
}
.h-sm-320px {
	height: 320px;
}
.h-sm-330px {
	height: 330px;
}
.h-sm-340px {
	height: 340px;
}
.h-sm-350px {
	height: 350px;
}
.h-sm-360px {
	height: 360px;
}
.h-sm-370px {
	height: 370px;
}
.h-sm-380px {
	height: 380px;
}
.h-sm-390px {
	height: 390px;
}
.h-sm-400px {
	height: 400px;
}
.h-sm-410px {
	height: 410px;
}
.h-sm-420px {
	height: 420px;
}
.h-sm-430px {
	height: 430px;
}
.h-sm-440px {
	height: 440px;
}
.h-sm-450px {
	height: 450px;
}
.h-sm-460px {
	height: 410px;
}
.h-sm-470px {
	height: 470px;
}
.h-sm-480px {
	height: 480px;
}
.h-sm-490px {
	height: 490px;
}
.h-sm-500px {
	height: 500px;
}
}

/*md屏幕以上*/
@media only screen and (min-width: 768px) {
/*行距*/
.lh-md-1 {
	line-height: 1;
}
.lh-md-2 {
	line-height: 2;
}
.lh-md-3 {
	line-height: 3;
}
.lh-md-4 {
	line-height: 4;
}
/*字体大小*/
.fs-md-12 {
	font-size: .857rem;
}
.fs-md-14 {
	font-size: 1rem;
}
.fs-md-16 {
	font-size: 1.142rem;
}
.fs-md-18 {
	font-size: 1.285rem;
}
.fs-md-20 {
	font-size: 1.428rem;
}
.fs-md-22 {
	font-size: 1.571rem;
}
.fs-md-24 {
	font-size: 1.714rem;
}
.fs-md-26 {
	font-size: 1.857rem;
}
.fs-md-28 {
	font-size: 2rem;
}
.fs-md-30 {
	font-size: 2.142rem;
}
.fs-md-32 {
	font-size: 2.286rem;
}
.fs-md-34 {
	font-size: 2.429rem;
}
.fs-md-36 {
	font-size: 2.571rem;
}
.fs-md-38 {
	font-size: 2.714rem;
}
.fs-md-40 {
	font-size: 2.857rem;
}
/*高度*/
.h-md-5px {
	height: 5px;
}
.h-md-10px {
	height: 10px;
}
.h-md-15px {
	height: 15px;
}
.h-md-20px {
	height: 20px;
}
.h-md-25px {
	height: 25px;
}
.h-md-30px {
	height: 30px;
}
.h-md-35px {
	height: 35px;
}
.h-md-40px {
	height: 40px;
}
.h-md-45px {
	height: 45px;
}
.h-md-50px {
	height: 50px;
}
.h-md-55px {
	height: 55px;
}
.h-md-60px {
	height: 60px;
}
.h-md-65px {
	height: 65px;
}
.h-md-70px {
	height: 70px;
}
.h-md-75px {
	height: 75px;
}
.h-md-80px {
	height: 80px;
}
.h-md-85px {
	height: 85px;
}
.h-md-90px {
	height: 90px;
}
.h-md-95px {
	height: 95px;
}
.h-md-100px {
	height: 100px;
}
.h-md-110px {
	height: 110px;
}
.h-md-120px {
	height: 120px;
}
.h-md-130px {
	height: 130px;
}
.h-md-140px {
	height: 140px;
}
.h-md-150px {
	height: 150px;
}
.h-md-160px {
	height: 160px;
}
.h-md-170px {
	height: 170px;
}
.h-md-180px {
	height: 180px;
}
.h-md-190px {
	height: 190px;
}
.h-md-200px {
	height: 200px;
}
.h-md-210px {
	height: 210px;
}
.h-md-220px {
	height: 220px;
}
.h-md-230px {
	height: 230px;
}
.h-md-240px {
	height: 240px;
}
.h-md-250px {
	height: 250px;
}
.h-md-260px {
	height: 260px;
}
.h-md-270px {
	height: 270px;
}
.h-md-280px {
	height: 280px;
}
.h-md-290px {
	height: 290px;
}
.h-md-300px {
	height: 300px;
}
.h-md-310px {
	height: 310px;
}
.h-md-320px {
	height: 320px;
}
.h-md-330px {
	height: 330px;
}
.h-md-340px {
	height: 340px;
}
.h-md-350px {
	height: 350px;
}
.h-md-360px {
	height: 360px;
}
.h-md-370px {
	height: 370px;
}
.h-md-380px {
	height: 380px;
}
.h-md-390px {
	height: 390px;
}
.h-md-400px {
	height: 400px;
}
.h-md-410px {
	height: 410px;
}
.h-md-420px {
	height: 420px;
}
.h-md-430px {
	height: 430px;
}
.h-md-440px {
	height: 440px;
}
.h-md-450px {
	height: 450px;
}
.h-md-460px {
	height: 410px;
}
.h-md-470px {
	height: 470px;
}
.h-md-480px {
	height: 480px;
}
.h-md-490px {
	height: 490px;
}
.h-md-500px {
	height: 500px;
}
}

/*lg屏幕以上*/
@media only screen and (min-width: 992px) {
/*行距*/
.lh-lg-1 {
	line-height: 1;
}
.lh-lg-2 {
	line-height: 2;
}
.lh-lg-3 {
	line-height: 3;
}
.lh-lg-4 {
	line-height: 4;
}
/*字体大小*/
.fs-lg-12 {
	font-size: .857rem;
}
.fs-lg-14 {
	font-size: 1rem;
}
.fs-lg-16 {
	font-size: 1.142rem;
}
.fs-lg-18 {
	font-size: 1.285rem;
}
.fs-lg-20 {
	font-size: 1.428rem;
}
.fs-lg-22 {
	font-size: 1.571rem;
}
.fs-lg-24 {
	font-size: 1.714rem;
}
.fs-lg-26 {
	font-size: 1.857rem;
}
.fs-lg-28 {
	font-size: 2rem;
}
.fs-lg-30 {
	font-size: 2.142rem;
}
.fs-lg-32 {
	font-size: 2.286rem;
}
.fs-lg-34 {
	font-size: 2.429rem;
}
.fs-lg-36 {
	font-size: 2.571rem;
}
.fs-lg-38 {
	font-size: 2.714rem;
}
.fs-lg-40 {
	font-size: 2.857rem;
}
/*高度*/
.h-lg-5px {
	height: 5px;
}
.h-lg-10px {
	height: 10px;
}
.h-lg-15px {
	height: 15px;
}
.h-lg-20px {
	height: 20px;
}
.h-lg-25px {
	height: 25px;
}
.h-lg-30px {
	height: 30px;
}
.h-lg-35px {
	height: 35px;
}
.h-lg-40px {
	height: 40px;
}
.h-lg-45px {
	height: 45px;
}
.h-lg-50px {
	height: 50px;
}
.h-lg-55px {
	height: 55px;
}
.h-lg-60px {
	height: 60px;
}
.h-lg-65px {
	height: 65px;
}
.h-lg-70px {
	height: 70px;
}
.h-lg-75px {
	height: 75px;
}
.h-lg-80px {
	height: 80px;
}
.h-lg-85px {
	height: 85px;
}
.h-lg-90px {
	height: 90px;
}
.h-lg-95px {
	height: 95px;
}
.h-lg-100px {
	height: 100px;
}
.h-lg-110px {
	height: 110px;
}
.h-lg-120px {
	height: 120px;
}
.h-lg-130px {
	height: 130px;
}
.h-lg-140px {
	height: 140px;
}
.h-lg-150px {
	height: 150px;
}
.h-lg-160px {
	height: 160px;
}
.h-lg-170px {
	height: 170px;
}
.h-lg-180px {
	height: 180px;
}
.h-lg-190px {
	height: 190px;
}
.h-lg-200px {
	height: 200px;
}
.h-lg-210px {
	height: 210px;
}
.h-lg-220px {
	height: 220px;
}
.h-lg-230px {
	height: 230px;
}
.h-lg-240px {
	height: 240px;
}
.h-lg-250px {
	height: 250px;
}
.h-lg-260px {
	height: 260px;
}
.h-lg-270px {
	height: 270px;
}
.h-lg-280px {
	height: 280px;
}
.h-lg-290px {
	height: 290px;
}
.h-lg-300px {
	height: 300px;
}
.h-lg-310px {
	height: 310px;
}
.h-lg-320px {
	height: 320px;
}
.h-lg-330px {
	height: 330px;
}
.h-lg-340px {
	height: 340px;
}
.h-lg-350px {
	height: 350px;
}
.h-lg-360px {
	height: 360px;
}
.h-lg-370px {
	height: 370px;
}
.h-lg-380px {
	height: 380px;
}
.h-lg-390px {
	height: 390px;
}
.h-lg-400px {
	height: 400px;
}
.h-lg-410px {
	height: 410px;
}
.h-lg-420px {
	height: 420px;
}
.h-lg-430px {
	height: 430px;
}
.h-lg-440px {
	height: 440px;
}
.h-lg-450px {
	height: 450px;
}
.h-lg-460px {
	height: 410px;
}
.h-lg-470px {
	height: 470px;
}
.h-lg-480px {
	height: 480px;
}
.h-lg-490px {
	height: 490px;
}
.h-lg-500px {
	height: 500px;
}
}

.clear {clear: both;}
.fl{ float:left;}
.fr{ float:right;}
.clearfix:after, .clearfix:before {content: '';	clear: both;	display: table;}
.wrap{ width:1200px; margin:0 auto;}
.text-center{ text-align:center;}

.yanc1s{
	animation-duration:.7s !important;
}
.yanc2s{
	animation-duration:1.4s !important;
}
.yanc3s{
	animation-duration:2.1s !important;
}
.yanc4s{
	animation-duration:2.8s !important;
}
.yanc5s{
	animation-duration:3.5s !important;
}
.yanc6s{
	animation-duration:4.2s !important;
}
.yanc7s{
	animation-duration:4.9s !important;
}
.yanc8s{
	animation-duration:5.6s !important;
}
.yanc9s{
	animation-duration:7.3s !important;
}

header.fixed-top{ position:fixed;top:0; background:#fff;}
header.fixed-top .main-menu .navigation>li { padding:0px 0px;}
header.fixed-top .main-menu .navigation>li>a{ color:#333;}
header.fixed-top .navbar-right-info .phone-number{ color:#fff;}
header.fixed-top .navbar-right-info .phone-number a{ color:#fff;}


/* Header Style */
.mobile_mian{ display:none;}
.main-header {display: block;  width: 100%;   z-index: 9999;    top: 0px;   left: 0px;   background: #fff;   clear: both;}
.main-header .header-upper {   position: relative;}
.main-header .header-upper .auto-container {    max-width: 100%;   padding: 0 80px;}
.main-header .header-upper .inner-container {   position: relative;   min-height: 80px;   display: flex;  flex-wrap: wrap;   align-items: center;   justify-content: space-between;}
.main-header .header-upper .logo-box {    z-index: 10;}

.main-header .header-upper .logo-box .logo {   position: relative;   display: block;   padding: 0px 0px; }
.main-header .header-upper .logo-box .logo img{ height:60px;}


.main-header .nav-outer {   position: relative;    display: flex;   flex-wrap: wrap;    align-items: center;}
.main-header .nav-outer .search-toggler {   position: relative;   background-color: transparent;   font-size: 20px;   color: #fff;   margin-left: 30px;}
.navbar-right-info {   display: -webkit-box;   display: -ms-flexbox;   display: flex;  flex-wrap: wrap;   -webkit-box-align: center;   -ms-flex-align: center;
   align-items: center;   -webkit-box-pack: center;   -ms-flex-pack: center;   justify-content: center;  margin: 25px 0px 25px 40px;}

.navbar-right-info .phone-number {color: #fff;   font-size: 18px;   font-weight: 600;}
.navbar-right-info .phone-number a {color: #fff;}
.navbar-right-info .phone-number i {font-weight: 900;   margin-right: 10px;}

/* Sticky Header */


.main-header .nav-outer .main-menu {  position: relative;}

.main-menu .navbar-collapse {  padding: 0px;   display: block !important;}
.main-menu .navigation {   position: relative;  margin: 0px;   margin-left: 30px;   display: flex;    flex-wrap: wrap;   align-items: center;}
.main-menu .navigation>li {padding: 0px 0px; line-height: 80px; height: 80px; overflow: hidden;   margin-right: 50px;  -webkit-transition: all 300ms ease;   -o-transition: all 300ms ease;    transition: all 300ms ease;}
.main-menu .navigation>li:last-child {  margin-right: 0px;}
.main-menu .navigation>li>a {position: relative; display: block; text-align: center; font-size: 16px; margin-top: 25px; line-height:30px; height:30px; padding:0px 10px;color: #333;     }
.main-menu .navigation>li>a.active,.main-menu .navigation>li>a:hover{ background: #ffa400; color: #fff !important; border-radius: 20px;} 

.main-menu .navigation li .nav_ul { position: absolute; display:none;   right: 0px; top: 100px;     -webkit-transition: top 0.3s;
    -moz-transition: top 0.5s;
    -ms-transition: top 0.5s;
    -o-transition: top 0.5s;
    transition: top 0.5s;
    width: -webkit-max-content;   width: -moz-max-content;   width: max-content;   z-index: 100;
   visibility: visible;   padding: 0px 0px 10px 30px;  border: 1px solid #ccc; border-radius: 3px;  background-color:#fff;}
/*.main-menu .navigation li:hover .nav_ul { display: block;opacity: 1; top:80px !important;}*/
.main-menu .navigation>li:hover .nav_ul{ top:80px; display: block;}
.main-menu .navigation>li .nav_ul ul>li {box-sizing: border-box;  position: relative; float: left;  padding: 0 0px;}
.main-menu .navigation>li .nav_ul ul >li>a {   position: relative;  display: block;   padding: 0px 0;   line-height: 24px;   font-weight: normal;
    font-size: 16px;   text-transform: capitalize;  color: #333;   text-align: left;
    transition: all 500ms ease;   -moz-transition: all 500ms ease;  -webkit-transition: all 500ms ease;   -ms-transition: all 500ms ease;   -o-transition: all 500ms ease;}

.main-menu .navigation>li .nav_ul ul li>a span{ width: 100%; display: block; text-align: center;}
.main-menu .navigation>li .nav_ul ul li>a:hover span{ color: #ffa400;}


.main-menu .navigation>li dl {display: none;	position: absolute; top:80px;z-index: 9999; flex-wrap: wrap;  width:400px;padding: 10px 50px;    background: rgba(255,255,255,0.8);}
.main-menu .navigation>li dl dt{width: 50%; line-height: 40px;}
.main-menu .navigation>li dl a {color: #000; line-height: 40px; ;}
.main-menu .navigation>li:hover dl{ display:flex;}
.main-menu .navigation>li dl a:hover{color: #ffa400;}
.main-menu .navigation>li dl a.on{color: #ffa400;}

#gallery { position:relative; width:calc(100% - 100px); margin:0px 50px;}
#gallery .swiper-slide img{ max-width: 100%; margin: auto; bottom: 0;}
#gallery .swiper-pagination-fraction{ width:auto ; left: 10% !important; left: auto; color: #fff;}
#gallery .swiper-pagination-fraction .swiper-pagination-current{color:#ffa400;}

#thumbs{ width:660px; margin: auto; margin-top: -45px; height: 90px;  box-sizing: border-box; background: #fff; border-radius:5px;    box-shadow: 0 2px 10px #ccc;}
#thumbs .banner_ico{padding: 15px 0px 0px 0px;}
#thumbs .swiper-slide .ban_ico{background-size: 60% !important; height: 40px !important;}
#thumbs .swiper-slide:nth-child(1) .ban_ico{ background: url(../images/apps_01.png) no-repeat center; }
#thumbs .swiper-slide:nth-child(2) .ban_ico{ background: url(../images/apps_02.png) no-repeat center; }
#thumbs .swiper-slide:nth-child(3) .ban_ico{ background: url(../images/apps_03.png) no-repeat center; }
#thumbs .swiper-slide:nth-child(4) .ban_ico{ background: url(../images/apps_04.png) no-repeat center; }
#thumbs .swiper-slide:nth-child(5) .ban_ico{ background: url(../images/apps_05.png) no-repeat center; }
#thumbs .swiper-slide:nth-child(6) .ban_ico{ background: url(../images/apps_06.png) no-repeat center; }
#thumbs .swiper-slide:nth-child(7) .ban_ico{ background: url(../images/apps_07.png) no-repeat center; }
#thumbs .swiper-slide:nth-child(8) .ban_ico{ background: url(../images/apps_08.png) no-repeat center; }
#thumbs .swiper-slide:nth-child(9) .ban_ico{ background: url(../images/apps_09.png) no-repeat center; }
#thumbs .swiper-slide:nth-child(10) .ban_ico{ background: url(../images/apps_10.png) no-repeat center;}
#thumbs .swiper-slide:nth-child(11) .ban_ico{ background: url(../images/apps_11.png) no-repeat center; }

#thumbs .swiper-slide-thumb-active:nth-child(1) .ban_ico{ background: url(../images/apps_01_h.png) no-repeat center; }
#thumbs .swiper-slide-thumb-active:nth-child(2) .ban_ico{ background: url(../images/apps_02_h.png) no-repeat center; }
#thumbs .swiper-slide-thumb-active:nth-child(3) .ban_ico{ background: url(../images/apps_03_h.png) no-repeat center; }
#thumbs .swiper-slide-thumb-active:nth-child(4) .ban_ico{ background: url(../images/apps_04_h.png) no-repeat center; }
#thumbs .swiper-slide-thumb-active:nth-child(5) .ban_ico{ background: url(../images/apps_05_h.png) no-repeat center; }
#thumbs .swiper-slide-thumb-active:nth-child(6) .ban_ico{ background: url(../images/apps_06_h.png) no-repeat center; }
#thumbs .swiper-slide-thumb-active:nth-child(7) .ban_ico{ background: url(../images/apps_07_h.png) no-repeat center; }
#thumbs .swiper-slide-thumb-active:nth-child(8) .ban_ico{ background: url(../images/apps_08_h.png) no-repeat center; }
#thumbs .swiper-slide-thumb-active:nth-child(9) .ban_ico{ background: url(../images/apps_09_h.png) no-repeat center; }
#thumbs .swiper-slide-thumb-active:nth-child(10) .ban_ico{ background: url(../images/apps_10_h.png) no-repeat center; }
#thumbs .swiper-slide-thumb-active:nth-child(11) .ban_ico{ background: url(../images/apps_11_h.png) no-repeat center; }

#thumbs .banner_ico p{ color: #333; text-align: center; line-height: 30px; }

#thumbs .swiper-slide-thumb-active{ background: #ffa400;}
#thumbs .swiper-slide-thumb-active .ban_ico{ }
#thumbs .swiper-slide-thumb-active .banner_ico p{ color: #fff;}
#gallery .swiper-button-prev{ border-radius:60px; width:60px; height:60px; line-height: 60px; font-weight: bold; font-size: 50px; color: #333; text-align: center; font-family: "宋体";  background:rgba(255,255,255,0.5); 
position:absolute; top:50%; left:60px !important;}
#gallery .swiper-button-next { border-radius:60px; width:60px; height:60px;line-height: 60px; font-weight: bold;font-size: 50px; color: #333; text-align: center; font-family: "宋体"; background:rgba(255,255,255,0.5); 
position:absolute; top:50%; right:60px !important;}

.ban-absolute{ position:absolute; top:30%; width:100%; text-align:center;}
.ban-absolute .ban-tect{ font-size:24px; color:#fff; margin-top:10px;}

.index-title { margin-bottom: 20px;}
.index-title h2{ font-size: 24px; font-weight: bold;}
.index-title span{ font-size: 16px; color: #ccc; text-transform: uppercase;}

.index-about{ background:#f8f8f8; margin-left: 400px; margin-right: 200px; margin-top: 60px;   padding:50px 40px 50px 80px; box-sizing:content-box;}
.index-about .about-text {width: 50%; float: left; padding-right: 100px;  }
.index-about .about-text h3{ font-size: 60px; margin-bottom: 30px; color: #353a41; font-weight: bold;}
.index-about .about-text h3 font{ color: #0082c7;}
.index-about .about-text p{ color:#333; font-size:16px; line-height:36px; }
.index-about .about-text a.more{ background: #ffa400; overflow: hidden; display: inline-block; color: #fff; margin-top: 60px; position: relative; padding: 10px 20px; border-radius: 10px;}
.index-about .about-text a.more span{ z-index: 3; position: relative;}
.index-about .about-text a.more:before{position: absolute; content: '';  border-radius: 10px;left:0px;right: 0px; top: 0; height: 100%; background: #000; transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);transform: scaleX(0);-webkit-transform: scaleX(0);-ms-transform: scaleX(0);transform-origin: right center;}
.index-about .about-text a.more:hover:before{transform-origin: left center;transform: scaleX(1);-webkit-transform: scaleX(1);-ms-transform: scaleX(1);}

.index-about .about-apps{ width:50%; max-width: 100%; float:left; text-align:center; }
.index-about .about-apps img{ width: 100%;}

.index-current{ background:url(../images/current_bg.png) center center; padding:100px 0px 80px 0px;margin: 0px 0px 80px 0px; }
.index-current .current-box{}
.index-current .current-box .current-text{ width:25%; padding: 0px 3%; text-align: center; float: left; position:relative; }
.index-current .current-box .current-text p{ font-size:16px; margin-top: 20px; color:#333; display:block;}
.index-current .current-box .current-text span{ font-size:30px;color:#333; font-weight:bold;}
.index-current .current-box .current-text span b{ font-size: 60px;}

.index-sales { background:url(../images/sales_bg.jpg) no-repeat center center; padding:190px 0px 100px 0px;min-height:670px;}
.index-sales .sales-box:first-child{ float: left; margin-left: 150px;}
.index-sales .sales-box:last-child{ float: right; margin-right: 100px;}
.index-sales .sales-box li{ color:#fff; margin-bottom:100px; height: 50px;  padding-left:25px;}
.index-sales .sales-box li span{ color:#fff; font-size:16px;}
.index-sales .sales-box li span font{ font-weight: bold; font-size:17px;}



.index-product{ padding:80px 0px 80px 0px;}
.index-product .tit ul{ justify-content: center; display: flex;} 
.index-product .tit ul li{ font-weight: bold; margin: 0px 50px; font-size: 16px; cursor: pointer;}
.index-product .tit ul em{ color:#ccc; font-style: normal;}
.index-product .tit ul li.cur{ text-decoration: underline;}
.index-product .product-box{ margin:auto; margin-top:50px; padding-bottom: 0px; background: #f8f8f8; position:relative; }
.index-product .product-li{ float:left;position:relative; z-index:1; width: 25%; box-sizing: border-box;}
.index-product .product-li a{padding: 0px 80px 0px 80px; display: block; }
.index-product .product-li:hover{ background-color: #ffa401;}
.index-product .product-li img.p_on {  height:320px ; margin: auto; transition:all .4s ease 0s;}
.index-product .product-li img.p_h { height:320px ;margin: auto; transition:all .4s ease 0s;}
.index-product .product-li .p_h{ display:none;}
.index-product .product-li:hover .p_h{ display: block;}
.index-product .product-li:hover .p_on{ display: none;}

.index-product .product-li .product-img{ position: relative; padding-top: 50px; display: flex; justify-content: center; text-align: center;}
.index-product .product-li .model{/*transition:all .4s ease 0s;*/ position: absolute; z-index: -1; top: 0; right: 0; color: #fcce7c; line-height: 200px; font-size: 200px; font-weight: bold;}

.index-product .product-li h3{ color:#333; text-transform:uppercase; font-size:16px;margin-bottom:5px;}
.index-product .product-li p{ color:#333; font-size:16px; margin-bottom:10px;}
.index-product .product-li span{ background:url(../images/product_per.png)center left; height:19px; display:block; margin:auto;margin-bottom:5px;}
.index-product .product-li:first-child span{ width:90px;}
.index-product .product-li:nth-child(2) span{ width:60px;}
.index-product .product-li:nth-child(3) span{ width:30px;}
.index-product .product-li:nth-child(4) span{ width:15px;}
.index-product .product-li .product-dec{ height: 160px; margin-bottom: 20px;}
.index-product .product-li .product-dec02{ display: none ;height: 160px;margin-bottom: 20px;transition:all .1s ease 0s; opacity: 0;}
.index-product .product-li:hover .product-dec02{ display: block ;opacity: 1;}
.index-product .product-li:hover .product-dec{ display: none ; opacity: 1;}
.index-product .product-li:hover .model{ opacity: 0;}

.index-custom{ margin-bottom: 80px;}
.liucheng_box{ margin:0 auto 100px;}
.liucheng_box ul{ display: flex; justify-content: center;}
.liucheng_box li{  float: left;box-sizing: border-box;padding: 0px 20px; position:relative;}
.liucheng_box b{ background:url(../images/lcr.png) no-repeat center; float: left;  width:30px; height:60px; display:block; }
.liucheng_box .li1 span:nth-child(4):after{ background:none;}

.liucheng_box li span{ display: block; position: relative;  height:60px; line-height:60px; width:100px; margin:0px auto; text-align: center;}
.liucheng_box li span img{ vertical-align:middle; }
.liucheng_box li h3{ font-size:16px; text-align:center; margin:10px 0px;}
.liucheng_box a.more{ margin:30px auto 0; font-size: 16px; justify-content: center; display: flex; clear:both; }

.dingzhi_box ul{    justify-content: center; display: flex;}
.dingzhi_box li{float: left; margin:0px 10px ;}
.dingzhi_box li img{ height: 280px;}

.dingzhi_box li h3{ text-align: center; margin-top: 30px; font-weight: bold;}
.dingzhi_box li p{ text-align: center; font-size: 16px; color: #ccc; }


.basic_box { background:url(../images/basic_bg.webp) no-repeat center center; min-height:525px; margin-top: 20px;}
.basic_box .sales-box:first-child{ float: left; margin-left: 150px;}
.basic_box .sales-box:last-child{ float: right; margin-right: 200px;}
.basic_box li{ color:#333;  text-align: center;}
.basic_box .li1{ margin-top: 0px;}
.basic_box .li2{ margin-top: 20px;}
.basic_box .li3{ margin-top: 20px;}
.basic_box .li4{ margin-top: 40px;}
.basic_box .li5{ margin-top: 20px;}
.basic_box .li6{ margin-top: 20px;}
.basic_box li img{ height: 90px;}
.basic_box li span{ color:#333; font-size:13px; display: block; }


.feature_box{ margin:100px auto 120px;}
.feature_box li{ width:25%; float: left; text-align:center;box-sizing: border-box;padding: 0px 100px; position:relative;}
.feature_box li span img{ vertical-align:middle; width:60px ;}
.feature_box li h3{ text-align: center; margin-top: 30px; margin-bottom: 20px; font-size: 20px; font-weight: bold;}
.feature_box li p{ text-align: center; font-size: 16px; color: #ccc; }

.index-partner .partner_box ul{ justify-content: center;  margin: 0 20px;}
.index-partner .partner_box li:nth-child(1),
.index-partner .partner_box li:nth-child(2),
.index-partner .partner_box li:nth-child(3),
.index-partner .partner_box li:nth-child(4),
.index-partner .partner_box li:nth-child(5),
.index-partner .partner_box li:nth-child(6),
.index-partner .partner_box li:nth-child(7),
.index-partner .partner_box li:nth-child(8),
.index-partner .partner_box li:nth-child(9),
.index-partner .partner_box li:nth-child(10),
.index-partner .partner_box li:nth-child(11),
.index-partner .partner_box li:nth-child(12),
.index-partner .partner_box li:nth-child(13){ width: 7.69%;}
.index-partner .partner_box li{ width: 8.333%; height: 80px; margin: 20px 0px; float: left; text-align: center;}
.index-partner .partner_box li img{ max-width: 90%; height: 80px; object-fit: contain; 
/*-webkit-filter: grayscale(100%);  
 -moz-filter: grayscale(100%);  
  -ms-filter: grayscale(100%);  
  -o-filter: grayscale(100%);   
filter: grayscale(100%);  
filter: gray;*/}
.index-partner .partner_box li:hover img{	-webkit-filter: inherit;	-moz-filter: inherit;	-ms-filter: inherit;	-o-filter: inherit;	filter: inherit;	filter: inherit;}

.comment_box{ margin: 30px auto 20px;}
.comment_box li{ width: 33.333%; float: left; box-sizing: border-box; padding: 0px 20px; border-right:1px solid #ccc;}
.comment_box li:last-child{ border: none;}
.comment_box li h3{ margin-bottom: 10px;}
.comment_box li i{ float: right; margin-left: 2px; color: #ffa400;}

.numbers_box{ margin: 80px auto 60px;}
.numbers_box ul{ justify-content: center; display: flex;}
.numbers_box ul li{ margin: 0px 0px; text-align: center;}
.numbers_box ul li span{ font-size: 60px; font-weight: bold; padding: 0px 50px; border-right:1px solid #ccc;}
.numbers_box ul li:last-child span{border: none;}
.numbers_box ul li p{ font-size: 16px;}

.index-video { padding:100px 0px 100px 0px; background-size:100% 100%; clear:both;}
.index-video .video-box{ background:url(../images/video_bg.png) no-repeat center center;  margin: auto; width: 920px; height: 537px; }
.index-video .video-box  video{width: 696px; height: 440px; object-fit:unset ; justify-content: center; display: flex;margin: auto; margin-top: 30px;}

.index-video .video-text{ display: none;}
.index-video .video-list{ position: absolute; right: -30px; top: 30px;}
.index-video .video-list li{ cursor: pointer;   color: #999;     margin-bottom: 40px;  text-align: right;position: relative; padding-bottom: 5px; }
.index-video .video-list li:after{ background: #999; content: ""; height: 1px; width: 100%; display: block; bottom: 0px; }
.index-video .video-list li font{ margin-right: 5px;}
.index-video .video-list li.cur{ color: #000;}
.index-video .video-list li.cur:after{ background: #000; }

.index-video .ewm{    justify-content: center;display: flex; margin-top: 30px;}
.index-video .ewm li{ margin: 0px 60px; text-align: center;  }

.index-case {  padding:100px 30px 0px 30px; max-height:816px; clear:both;}
.index-case .index-title{ margin-bottom:30px;}
.index-case .case-box ul{ width: 50%; float: left;}
.index-case .case-box li{ width: calc(50% - 10px); margin: 5px; float: left;  position:relative;box-sizing: border-box;}
.index-case .case-box li a{ display: block;width: 100%; height: 100%; box-sizing: border-box;}
.index-case .case-box li:nth-child(1) .case-img img{height:580px}
.index-case .case-box li .case-img img{ height:285px; object-fit:cover; width:100%;}
.index-case .case-box li h3{ position:absolute; height: calc(100% - 0px);  top: 0; background:rgba(0,0,0,0.7);width:calc(100% - 0px);transition:all .4s ease 0s;  color:#fff; font-weight: normal; font-size:18px; margin-top:0px; text-align:center; opacity:1;}
.index-case .case-box li h3 img{ margin: auto;}
.index-case .case-box li h3 .tubiao{ height: calc(100% - 0px);  display:flex; justify-content: center; vertical-align: middle;}
.index-case .case-box li:hover h3{ opacity:0; }
.index-case .case-box li .case-img{ position:relative;}
/*.index-case .case-box li:hover .case-img:after{ background:rgba(0,0,0,0.5); height:100%; width:100%; display:block; content:""; position:absolute; top:0;}*/
.index-case a.more{ background: #ffa400; overflow: hidden; text-align: center; display:block; color: #fff; width: 120px; margin: auto; margin-top: 30px; position: relative; padding: 10px 20px; border-radius: 5px;}
.index-case a.more span{ z-index: 3; position: relative;}
.index-case a.more:before{position: absolute; content: '';  border-radius: 10px;left:0px;right: 0px; top: 0; height: 100%; background: #000; transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);transform: scaleX(0);-webkit-transform: scaleX(0);-ms-transform: scaleX(0);transform-origin: right center;}
.index-case a.more:hover:before{transform-origin: left center;transform: scaleX(1);-webkit-transform: scaleX(1);-ms-transform: scaleX(1);}



.index-news{ padding:60px 0px 100px 0px;}
.index-news .index-title{ margin-bottom:30px;}


.news-box ul{ width: 1300px; margin: auto;    flex-wrap: wrap; display: flex;}
.index-news li{ width: calc(33.33% - 40px) ;box-shadow:0 0 10px #d2d2d2; margin: 0px 20px; margin-bottom:40px;float: left; background: #f8f8f8;transition:all .4s ease 0s;  }
.index-news li a{ display: flex;}
.index-news li .img{ width:150px ; height: 150px}
.index-news li .img img{ width:150px ; height:150px; object-fit: cover;}
.index-news li .text{width: calc(100% - 150px) ;  padding: 30px 20px 5px 20px; margin-bottom:10px; }
.index-news li h3{ font-size:16px; margin-bottom: 20px; min-height: 60px; font-weight: bold;}
.index-news li .date{ width:60px; height:60px; font-size:30px;margin-right:20px; color:#333; text-align:center; font-weight:bold;}
.index-news li span{ float: right;}


.index-news li:hover span i{ color: #ffa400;}

.index-news a.more{ background: #ffa400; overflow: hidden; text-align: center; display:block; color: #fff; width: 120px; margin: auto; margin-top: 30px; position: relative; padding: 10px 20px; border-radius: 5px;}
.index-news a.more span{ z-index: 3; position: relative;}
.index-news a.more:before{position: absolute; content: '';  border-radius: 10px;left:0px;right: 0px; top: 0; height: 100%; background: #000; transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);transform: scaleX(0);-webkit-transform: scaleX(0);-ms-transform: scaleX(0);transform-origin: right center;}
.index-news a.more:hover:before{transform-origin: left center;transform: scaleX(1);-webkit-transform: scaleX(1);-ms-transform: scaleX(1);}


.footer{ background:#1c1c1c; padding:100px 0px 40px 0px; }
.footer .wrap{ width: 1360px;}
.footer .foot-nav{ color:#fff; float:left;box-sizing: border-box;padding-left:100px; width:360px; }
.footer .foot-nav h2{ border-bottom: 1px solid #333; font-size: 16px; padding: 0px 0px 10px 20px;}
.footer .foot-nav a{ color:#fff;}
.footer .foot-nav h5{ font-size:19px; font-weight:normal;}
.footer .foot-nav p{ font-size:13px;}
.footer .foot-nav span{ display:block; margin-top:30px;}
.footer .foot-logo{ width:260px; padding-left: 0px !important;}
.footer .foot-logo img{ width: 100px; margin-bottom: 20px;}
.footer .foot-contact ul {margin-top:20px;}
.footer .foot-contact ul li{ margin-bottom: 20px; display:flex; }
.footer .foot-contact ul li i{ margin-right: 20px; line-height:26px;}

.footer .foot-menu ul {margin-top:20px;}
.footer .foot-menu li{ margin-bottom: 20px;}

.footer .foot-nav:nth-child(4){width:380px;padding-left:80px; }
.foot-tools .ewm{    /*justify-content: center;display: flex;*/ margin-top: 30px;}
.foot-tools .ewm li{ margin: 0px 20px; text-align: center; float: left;  }
.foot-tools .ewm li img{ border: 5px solid #fff; width: 100px;}
.foot-tools .ewm li h3{ text-align: center; font-size: 12px; margin-top: 5px;}

.social-links{ margin-top:20px ; margin-left:20px;}
.social-links ul li {display: inline-block;   margin-right: 5px;}
.social-links ul li a {position: relative; height:25px; width:25px; line-height: 25px;  color: #fff !important; transition:.5s; display: inline-block; text-align: center; font-size: 20px;}
.social-links ul li a img{ width: 25px;}
.social-links ul li:hover a{color:#ffa400 !important;}

.footer .copyright{ text-align:center; color:#666; margin-top:120px; padding-top: 20px; border-top: 1px solid #333; }
.footer .copyright a{color:#666 !important;}
.link{ text-align:center; color:#666; margin-top:10px;}
.link a{ color:#666; }

.pro-box { padding: 180px 0px;  background: #f8f8f8;}
.pro-box .pro-in{width:1300px; margin:auto;}
.pro-box .pro-img{  width:660px; padding:0px 20px; height:510px; text-align: center;   box-sizing: border-box;    display: -webkit-inline-box;}
.pro-box .pro-img img{ max-height:560px;}
.pro-box .pro-text{ width:320px;   margin-top:60px;}
.pro-box .pro-in:nth-child(1) .pro-text{ float:left;}


.pro-box .pro-text dl.dec{ margin-bottom: 40px;position: relative;}
.pro-box .pro-text .dec span{ font-size:16px; font-weight: normal; margin-bottom: 5px; }
.pro-box .pro-text .dec dt{ cursor: pointer;border-bottom: 1px solid #999; display:flex; align-items: center;overflow:hidden; padding: 0px 10px 0px 10px; line-height:40px;height:40px; font-weight:normal; }
.pro-box .pro-text .dec dt:before{ content: "\f0d7"; color: #ffa400; position: absolute; right: 10px;     font-family: FontAwesome; font-size: 16px;}
.pro-box .pro-text .dec dt i{ width:20px; height:20px; margin-right:10px; border:1px solid #666; border-radius:20px;}
.pro-box .pro-text .dec dt i.white{ background:#fff;}
.pro-box .pro-text .dec dt i.black{ background:#000;}
.pro-box .pro-text .dec dt i.gray{ background:#4a4c4e;}
.pro-box .pro-text .dec dt i.blue{ background:#78d6ef;}
.pro-box .pro-text .dec dt i.red{ background:#ffa400;}
.pro-box .pro-text .dec dt i.green{ background:#58b139;}
.pro-box .pro-text .dec dt i.wood{background:url(../images/wood.jpg); border: transparent;}
.pro-box .pro-text .dec dt i.greysilver{background:#868a89;}
.pro-box .pro-text .dec dt i.diy{background:url(../images/diy.png);}

.pro-box .pro-text .dec dd{  display: none; background: #fff; width: 100%; z-index: 9; padding: 0px;box-shadow: 0px 3px 5px #ddd; position: absolute; } 
.pro-box .pro-text .dec dd a{ line-height: 40px; display: block; cursor: pointer; padding:0px 10px; color:#666; display:flex; align-items: center;} 
.pro-box .pro-text .dec dd a i{ width:20px; height:20px; margin-right:10px; border:1px solid #666; border-radius:20px;}
.pro-box .pro-text .dec dd a:nth-child(1) i{ background:#fff;}
.pro-box .pro-text .dec dd a:nth-child(2) i{ background:#000;}
.pro-box .pro-text .dec dd a:nth-child(3) i{ background:#4a4c4e;}
.pro-box .pro-text .dec dd a:nth-child(4) i{ background:#78d6ef;}
.pro-box .pro-text .dec dd a:nth-child(5) i{ background:#ffa400;}
.pro-box .pro-text .dec dd a:nth-child(6) i{ background:#58b139;}
.pro-box .pro-text .dec dd a:nth-child(7) i{background:url(../images/wood.jpg); border: transparent;}
.pro-box .pro-text .dec dd a:nth-child(8) i{background:#868a89;}
.pro-box .pro-text .dec dd a:nth-child(9) i{background:url(../images/diy.png);}
.pro-box .pro-text .dec dd a:hover,.pro-box .pro-text .dec dd a.cur{ background:#ffe8bf;}

.pro-box .pro-text .dec p:first-child{ color:#080808; font-size:18px; line-height:26px;}
.pro-box .pro-text .dec p{ font-size:14px;color:#080808; line-height:26px;}

.xh-list { margin-top: 30px;}
.xh-list ul{ justify-content: center; display: flex;}
.xh-list ul li{ width: 40px; height: 40px; margin: 0px 10px; border-radius: 100%; background:transparent ; text-align: center; line-height: 40px;}
.xh-list ul li:hover,.xh-list ul li.active{ background:#ffa400 ; }
.xh-list ul li a{color: #ccc; font-size: 20px;}
.xh-list ul li:hover a,.xh-list ul li.active a{color: #fff; }

.pro-details{ margin: auto; margin-top:100px; width: 1200px;}
.pro-details .pro-title{ text-align:center; position:relative;}
.pro-details .pro-title h2{ color:#0b6cb7; font-size:40px; position: absolute; text-align:center; height:60px; line-height:60px; width:100%;}
.pro-details .pro-title h2:after{ content:""; display:block; position:absolute; background:url(../images/pro_title_ico.jpg) no-repeat center center; width:100%; height:20px; top:70px; }
.pro-details .pro-title span{ color:#0b6cb7; font-size:60px; opacity: 0.1; height:60px; line-height:60px; text-transform:uppercase; font-weight:bold;}

.pro-details .details-box{ margin:60px 0px 0px 0px; border: 1px solid #ccc; border-radius: 10px; box-sizing: content-box;}
.details-left { width:798px; border-right: 1px solid #ccc;   float:left;}
.details-left li{ height: 120px; border-bottom:1px solid #ccc ; font-size: 20px;  overflow: hidden; line-height: 120px;}
.details-left li:last-child{ border: none;}
.details-left li span{ width: 40%; font-weight: bold; float: left; text-align: center; border-right: 1px solid #ccc; }
.details-left li p{ width: 60%; float: left; text-align: center; font-weight: lighter; }
.details-right{  float:left;width: 400px;}
.details-right .productDl{justify-content: center;  align-items: center;   display: flex;  height: 480px;}
.details-right img{width: 100%;}


.jiaju{ margin: 100px 0px;}
.jiaju-xp .index-title p{font-size: 16px;   color: #ccc;  text-transform: uppercase;}
.jiaju-xp ul{ display: flex;   justify-content: center;}

.jiaju-xp ul li{ text-align:center; margin:0px 20px 0px 20px;}
.jiaju-xp ul li h3{ font-size:18px; margin-top:30px; font-weight: bold;}
.jiaju-xp ul li img{ width: 500px;}

.canshu-box{ margin:100px auto 100px;}
.canshu-box li{ width:25%; float: left; text-align:center;box-sizing: border-box;padding: 0px 100px; position:relative;}
.canshu-box li span img{ vertical-align:middle; width:60px ;}
.canshu-box li em{ display: block; font-size: 12px; font-style: normal;}
.canshu-box li h3{ text-align: center;  margin-bottom: 20px; font-size: 20px; font-weight: bold;}
.canshu-boxli p{ text-align: center; font-size: 16px; color: #ccc; }

.pro-inners{ background: url(../images/inners_bg.jpg); min-height: 292px;height: 292px;  display: flex; align-items: center; /*定义body的元素垂直居中*/ justify-content: center; /*定义body的里的元素水平居中*/}
.pro-inners .pro-inners-text{ text-align: center; }
.pro-inners h3{ color: #fff;font-size: 36px;}
.pro-inners p{ color: #fff; text-transform: uppercase; font-size: 24px; display: block;}

.pro-inner {margin:100px auto 0px;}
.pro-inner .wrap{ width: 980px;}
.pro-inner .p_wrapper{ width:420px; margin: 0px 35px 100px 35px; float:left; overflow: hidden; border-radius: 10px;    position: relative; }
.pro-inner .p_wrapper h3{ font-size:14px;  margin-bottom:0px; height:45px;  color:#000; font-weight:bold;}
.pro-inner .p_wrapper h3 em{ font-style:normal; font-size:12px; display: block; color: #ccc;font-weight:normal;}
.pro-inner .p_wrapper img{ width:100%; display:block; height:220px; object-fit: cover; }
.pro-inner .p_wrapper .text{ position: absolute;
    left: 0;
    top: calc(100% - 45px);
    width: 100%;
    height: 45px; padding: 0px 20px; box-sizing: border-box;
   
   
    color: #fff;
    background: rgba(204,204,204,0.5);transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;-webkit-transition: .3s;}
.pro-inner .p_wrapper .text p{ font-size: 14px; color: #000; margin-top: 10px;}

.pro-inner .p_wrapper:hover .text{ top: 0 !important; height: 100%; padding: 30px 20px; box-sizing: border-box;}
.appsCon .pro-title{ text-align:center; position:relative; margin-bottom:60px;}
.appsCon .pro-title h2{ color:#0b6cb7; font-size:40px; position: absolute; text-align:center; height:60px; line-height:60px; width:100%;}
.appsCon .pro-title h2:after{ content:""; display:block; position:absolute; background:url(../images/pro_title_ico.jpg) no-repeat center center; width:100%; height:20px; top:70px; }
.appsCon .pro-title span{ color:#282828; font-size:60px; opacity: 0.05; height:60px; line-height:60px; text-transform:uppercase; font-weight:bold;}

.appsCon { position:relative; margin-bottom:100px;}
.appsCon .scroll{height:380px;position:relative;}
.appsCon .scroll li{width:580px;height:380px;float:left; margin:0px 0px;}
.appsCon .scroll li img{ object-fit:cover; height:370px; width:100%; border-radius:5px;}
.appsCon .hd{height:5px; text-align:center; margin-top:30px;}
.appsCon .hd ul li{width:33px;height:5px;background:#d6d6d6;margin:5px 7px; display:inline-block;font-size:0;}
.appsCon .hd ul li.on{background:#0b6cb7;}


.por_info_list{ overflow:hidden; padding: 0px 0px 100px 0px;}
.por_info_list .wrap{ width: 1400px; margin: auto;    box-shadow: 3px 5px 5px #ddd;}
.por_info_list .pro-title{ text-align:center; position:relative;margin-bottom:60px;}
.por_info_list .pro-title h2{ color:#0b6cb7; font-size:40px; position: absolute; text-align:center; height:60px; line-height:60px; width:100%;}
.por_info_list .pro-title h2:after{ content:""; display:block; position:absolute; background:url(../images/pro_title_ico.jpg) no-repeat center center; width:100%; height:20px; top:70px; }
.por_info_list .pro-title span{ color:#282828; font-size:55px; opacity: 0.05; height:60px; line-height:60px; text-transform:uppercase; font-weight:bold;}
.por_box{display: -webkit-flex; display: flex;}
.por_info_list .port_li{-webkit-transition: all 0.5s ease-out 0s;
    -webkit-transform: scaleY(1);
    -ms-transition: all 0.5s ease-out 0s;
    -ms-transform: scaleY(1);
    transition: all 0.5s ease-out 0s;
    transform: scaleY(1);  float:left; -webkit-flex: 1; flex: 1; width: 25%; border-right: 1px solid #e2e2e2; box-sizing: border-box; margin:0px 0px; background:#f2f2f2;} 
.por_info_list .port_li .img{  text-align:center;  padding:30px 20px;}
.por_info_list .port_li img.p_on {  height:300px ; margin: auto; transition:all .4s ease 0s;}
.por_info_list .port_li img.p_h { height:300px ;margin: auto; transition:all .4s ease 0s;}
.por_info_list .port_li a.more{  border-radius: 0px; font-weight: bold; text-decoration: underline; color:#000; padding: 8px 0px 8px 0px; display:block; width:120px; margin:auto; text-align:center; }
.por_info_list .port_li .text{padding:20px 30px; text-align:center;}
.por_info_list .port_li  span{ font-weight:bold; margin-bottom:10px; font-size:20px; display:block;}
.por_info_list .port_li p{ margin: 5px 0px;}
.por_info_list .port_li .S ,.por_info_list .port_li .M,.por_info_list .port_li .ML,.por_info_list .port_li .L,.por_info_list .port_li .XL{ font-size: 16px;}
.por_info_list .port_li .S i{ width: 17px; height: 16px;  background: url(../images/product_per.png); display: -webkit-inline-box;}
.por_info_list .port_li .M i{width: 34px; height: 16px;  background: url(../images/product_per.png) ;  display: -webkit-inline-box;}
.por_info_list .port_li .Ml i{width: 51px; height: 16px;  background: url(../images/product_per.png) ;  display: -webkit-inline-box;}
.por_info_list .port_li .L i{ width: 68px; height: 16px; background: url(../images/product_per.png) ;  display: -webkit-inline-box;}
.por_info_list .port_li .XL i{ width: 102px; height: 16px; background: url(../images/product_per.png) ;  display: -webkit-inline-box;}

.por_info_list .port_li:hover{ background-color: #ffa401; 	
-webkit-transition:all 0.5s ease-out 0s; 
-webkit-transform: scaleY(1.0); 
-ms-transition: all 0.5s ease-out 0s; 
-ms-transform: scaleY(1.0); 
-moz-transition:all 0.5s ease-out 0s; 
-moz-transform: scaleY(1.0); 
transition:all 0.5s ease-out 0s; 
transform: scaleY(1.0);}
.por_info_list .port_li .p_h{ display:none;}
.por_info_list .port_li:hover .p_h{ display: block;}
.por_info_list .port_li:hover .p_on{ display: none;}
.por_info_list .port_li:hover a.more{ color: #fff; }

.news-content li {  border-bottom: 1px solid #f0f2f5;   padding-bottom: 30px;   margin-bottom: 30px;}
.news-content .media-left{  display: table-cell;  vertical-align: top;padding-right: 20px;}
.news-content .media-object {  width: 160px; height:120px; object-fit:cover;}
.news-content .media-body{ display: table-cell;  vertical-align: top;}
.news-content li h4 {   margin: 0 0 10px; font-size: 22px;}
.news-content li p.des { color: #6a6a6a;  margin-bottom: 10px;  font-size: 13px;}
.news-content li p.info {   margin-bottom: 0;   font-size: 16px;  font-weight: 300;   color: #a3afb7;}
.news-content li p.info i {   color: #a3afb7;   font-weight: 300; margin-right:5px;}


/*案例展示*/
.case-box-in li{ width:calc(33.333% - 40px); margin:20px 20px; float:left; position:relative;}
.case-box-in li h3{ background:rgba(102,102,102,0.3); padding:10px 0px; font-weight:bold; color:#fff; position:absolute; bottom:0px; width:100%; text-align:center;}
.case-box-in li .card-img-200{ height:320px;}
.case-box-in li .card-img-200 img{ height:320px; width:100%; object-fit:cover;}

/*定制赏析*/
.dingzhi-main{ margin-top:0px;}
.dingzhi-main .dingzhi-box01{ background:url(../images/dingzhi_bg.png); text-align:center; padding:60px 0px; min-height:600px;}
.dingzhi-main .dingzhi-box01 h2{ color:#ffa400; font-size:40px; font-weight:bold; margin-bottom:30px;}
.dingzhi-main .dingzhi-box01 hr{ width:1px; background:#999; height:60px;}
.dingzhi-main .dingzhi-box01 p{  font-size:23px; line-height:50px; width:1080px; margin:auto;}
.dingzhi-main .dingzhi-box02 { background:#fff; padding:60px 0px;}
.dingzhi-main .dingzhi-box02 img { margin: 60px auto 0px; display:block;}
.dingzhi-main .dingzhi-box03 {background:#fff; padding:40px 0px 60px 0px;}
.dingzhi-main .dingzhi-box03 ul{    justify-content: center; display: flex;}
.dingzhi-main .dingzhi-box03 li{float: left; margin:0px 0px;}
.dingzhi-main .dingzhi-box03 li img{ height: 380px;}

.dingzhi-main .dingzhi-box03 li h3{ text-align: center; margin-top: 30px; font-weight: bold;}
.dingzhi-main .dingzhi-box03 li p{ text-align: center; font-size: 14px; color: #333; }


/*产品中心列表*/

.products-box01 { padding: 100px 0px;}
.products-box01 .tit ul{ justify-content: center; display: flex;} 
.products-box01 .tit ul li{ font-weight: bold; margin: 0px 50px; font-size: 16px; cursor: pointer;}
.products-box01 .tit ul em{ color:#ccc; font-style: normal;}
.products-box01 .tit ul li.cur{ text-decoration: underline;}
.products-box01 .product-box{ margin-top: 50px;}
.products-box01 .port_li{-webkit-transition: all 0.5s ease-out 0s;
    -webkit-transform: scaleY(1);
    -ms-transition: all 0.5s ease-out 0s;
    -ms-transform: scaleY(1);
    transition: all 0.5s ease-out 0s;
    transform: scaleY(1);  float:left; -webkit-flex: 1; flex: 1; width: 25%; border-right: 1px solid #e2e2e2; box-sizing: border-box; margin:0px 0px; background:#f2f2f2;} 
.products-box01 .port_li .img{  text-align:center;  padding:30px 20px;}
.products-box01 .port_li img.p_on {  height:300px ; margin: auto; transition:all .4s ease 0s;}
.products-box01 .port_li img.p_h { height:300px ;margin: auto; transition:all .4s ease 0s;}
.products-box01 .port_li a.more{  border-radius: 0px; font-weight: bold; text-decoration: underline; color:#000; padding: 8px 0px 8px 0px; display:block; width:120px; margin:auto; text-align:center; }
.products-box01 .port_li .text{padding:20px 30px; text-align:center;}
.products-box01 .port_li  span{ font-weight:bold; margin-bottom:10px; font-size:20px; display:block;}
.products-box01 .port_li p{ margin: 5px 0px;}
.products-box01 .port_li .S ,.products-box01 .port_li .M,.products-box01 .port_li .ML,.products-box01 .port_li .L,.products-box01 .port_li .XL{ font-size: 16px;}
.products-box01 .port_li .S i{ width: 17px; height: 16px;  background: url(../images/product_per.png); display: -webkit-inline-box;}
.products-box01 .port_li .M i{width: 34px; height: 16px;  background: url(../images/product_per.png) ;  display: -webkit-inline-box;}
.products-box01 .port_li .ML i{width:51px; height: 16px;  background: url(../images/product_per.png) ;  display: -webkit-inline-box;}
.products-box01 .port_li .L i{width: 68px; height: 16px;  background: url(../images/product_per.png) ;  display: -webkit-inline-box;}
.products-box01 .port_li .XL i{ width: 102px; height: 16px; background: url(../images/product_per.png) ;  display: -webkit-inline-box;}

.products-box01 .port_li:hover{ background-color: #ffa401; 	
-webkit-transition:all 0.5s ease-out 0s; 
-webkit-transform: scaleY(1.0); 
-ms-transition: all 0.5s ease-out 0s; 
-ms-transform: scaleY(1.0); 
-moz-transition:all 0.5s ease-out 0s; 
-moz-transform: scaleY(1.0); 
transition:all 0.5s ease-out 0s; 
transform: scaleY(1.0);}
.products-box01 .port_li .p_h{ display:none;}
.products-box01 .port_li:hover .p_h{ display: block;}
.products-box01 .port_li:hover .p_on{ display: none;}
.products-box01 .port_li:hover a.more{ color: #fff; }

.products-box02{ width:1200px; margin:auto; margin-bottom:100px;}
.products-box02 .left{ float:left; width:410px; padding:20px 0px;}
.products-box02 .left li { text-align: center;}
.products-box02 .left li h3{ text-align: center; margin-top: 30px; font-weight: bold;}
.products-box02 .left li p{ text-align: center; font-size: 14px; color: #ccc; }
.products-box02 .left img{ height:280px; margin:0px 30px;}
.products-box02 .mid{ background:#f6f6f6; float:left; width:380px; height:320px; padding:80px 0px 80px 0px; text-align: center; box-sizing:border-box;}
.products-box02 .mid h2{  font-size:22px; margin-bottom:20px;}
.products-box02 .mid p{ font-size:18px; line-height:30px;}
.products-box02 .mid a{ margin-top: 20px; display: block;}

.products-box02 .right{ float:left; width:410px; padding:20px 0px;}
.products-box02 .right li { text-align: center;}
.products-box02 .right li h3{ text-align: center; margin-top: 30px; font-weight: bold;}
.products-box02 .right li p{ text-align: center; font-size: 14px; color: #ccc; }
.products-box02 .right img{ height:280px; margin:0px 30px;}

.products-box02 .bottom{ display: flex; justify-content: space-between; clear: both;}
.products-box02 .bottom li h3{ text-align: center; margin-top: 30px; font-weight: bold;}
.products-box02 .bottom li p{ text-align: center; font-size: 14px; color: #ccc; }
.products-box02 .bottom img{ height:280px; margin:0px 30px;}

.products-box03{ width:1200px; margin:auto;}
.products-box03 .left{ background:#f6f6f6; float:left; width:50%; height:600px; padding:200px 100px 80px 80px; box-sizing:border-box;}
.products-box03 .left h2{  font-size:24px; margin-bottom:60px;}
.products-box03 .left p{ font-size:18px; line-height:35px;}
.products-box03 .right{ float:left; width:50%; height:600px; padding:20px 0px;align-items: center; justify-content: center;  display: flex;}
.products-box03 .right img{  }

.products-box04{ width:1200px; margin:auto; margin-top:100px;}
.products-box04 ul li{ float:left; margin:10px 10px;}
.products-box04 ul li img{width: 280px; height: 250px;}
.products-box04 ul li h3{ text-align:center; line-height:60px;}

.products-box05 { background:#f8f8f8; margin:80px 0px;}
.products-box05 ul {display: flex; justify-content: center; margin-bottom:30px;}
.products-box05 ul li{ float:left;  margin:10px 15px;}
.products-box05 ul li .l_img{width:120px; height:90px; display:block;}
.products-box05 ul li:nth-child(1) .l_img{ background:#000;}
.products-box05 ul li:nth-child(2) .l_img{ background:#f0f0f0;}
.products-box05 ul li:nth-child(3) .l_img{ background:#4a4c4e;}
.products-box05 ul li:nth-child(4) .l_img{ background:#78d6ef;}
.products-box05 ul li:nth-child(5) .l_img{ background:#ffa400;}
.products-box05 ul li:nth-child(6) .l_img{ background:#58b139;}
.products-box05 ul li:nth-child(8) .l_img{ background:#868a89;}

.products-box05 ul li h3{ text-align:center; line-height:30px;}

.products-box05 dl{display:block; width:1176px; margin:auto; margin-top:30px; margin-bottom:30px;}
.products-box05 dl dd{ float:left;  margin-right:28px;}
.products-box05 dl dd .l_img{width:120px; height:90px; display:block;}
.products-box05 dl dd h3{ text-align:center; line-height:30px;}

.products-box05 .a_link{width:1176px; margin:auto; }
.products-box05 a.more{ background: #ffa400; overflow: hidden; display: inline-block; color: #fff; margin-top: -30px; position: relative; padding: 10px 30px; border-radius: 10px; float:right;}
.products-box05 a.more span{ z-index: 3; position: relative; font-size:20px;}
.products-box05 a.more:before{position: absolute; content: '';  border-radius: 10px;left:0px;right: 0px; top: 0; height: 100%; background: #000; transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);transform: scaleX(0);-webkit-transform: scaleX(0);-ms-transform: scaleX(0);transform-origin: right center;}
.products-box05 a.more:hover:before{transform-origin: left center;transform: scaleX(1);-webkit-transform: scaleX(1);-ms-transform: scaleX(1);}


.about-stroy{margin:100px 0px;}
.about-stroy .stroy-inner{display:flex; flex-wrap:wrap;}
.about-stroy-left{width:55%; padding-right:20px;box-sizing: border-box;}
.about-stroy-left h2{font-size:30px; margin:0px 0px 20px 0px}
.about-stroy-left h2 span{font-size:20px; margin:0px 20px 0px 0px; color:#f3b24a;}
.about-stroy-left p{ line-height:30px; font-size:16px;color: #666; text-align: justify;}
.about-stroy-right{width:45%;position: relative;}
.about-stroy-right img{position: relative; z-index:10;width: 100%;}
.about-stroy-right .img::before {
    content: '';
    position: absolute;
    bottom: -60px;
    left: 0px;
    width: 50%;
    height: 20%;
    background-color: #fff;
    background-image: url(../images/dot-pattern-1-1-op19.png);
    background-repeat: repeat;
    background-position: -4px 0;
    z-index: 1;
}
.about-stroy-right .img::after {
    content: '';
    position: absolute;
    right: -60px;
    bottom: -60px;
    width: 50%;
    height: 60%;
    border-style: solid;
    border-width: 5px;
    border-color: #000;
    z-index: 0;
}

.abo-stroy{margin:100px 0px;}
.abo-stroy .stroy-inner{display:flex; flex-wrap:wrap;}
.abo-left{width:280px; padding:0px 20px 0px 0px; border-right:2px solid #9e9e9e;box-sizing: border-box;}
.abo-left h2{font-size:30px; margin:0px 0px 20px 0px}
.abo-left h2 span{font-size:20px; margin:0px 20px 0px 0px; color:#f3b24a;}
.abo-left .text{line-height:30px;color: #666;}
.abo-right{width:calc(100% - 280px);padding:0px 0px 0px 30px; box-sizing: border-box;}
.abo-right h2{font-size:30px; margin:0px 0px 20px 0px}
.abo-right h2 span{font-size:20px; margin:0px 20px 0px 0px; color:#f3b24a;}
.abo-right ul{display:flex; flex-wrap:wrap;}
.abo-right ul li{width:calc(100%/4 - 20px); margin:0px 10px; text-align:center;}
.abo-right ul li span{width:50px; height:50px; display:flex;align-items: center; justify-content: center; border-radius:100%; margin:0 auto;}
.abo-right ul li img{width:30px;}
.abo-right ul li h3{font-size:18px; font-weight: bold; margin:0px 0px 20px 0px;}
.abo-right ul li p{font-size:16px; color: #666;}

.top-banner{position:relative;display: flex;   align-items: center;}
.top-banner:before{background:rgba(0,0,0,0.5); content:""; display:flex; width:100%; height:100%; position:absolute; top:0;}
.top-banner-text{position:absolute; text-align:center;  width:100%;}
.top-banner-text h2{font-size:36px;font-weight:bold; color:#fff;text-transform: uppercase; padding:0px 15px;text-shadow: 2px 2px #000; margin:0px 0px 20px 0px;}
.top-banner-text p{font-size:18px;color:#fff; font-weight:bold;text-shadow: 2px 2px #000; line-height:30px;}


.abo-solve{margin:100px 0px;}  
.abo-solve .solve-inner{display:flex; flex-wrap:wrap;justify-content: space-between; }
.abo-solve .solve-list{border-radius: 10px;  padding: 40px 0px;width:calc(100%/2 - 10px);margin:10px 0px; box-sizing: border-box;}
.abo-solve .solve-list h2{font-size:30px; text-align:center; margin:0px 20px 20px 20px;height: 80px;  display: flex;
    justify-content: center;  align-items: flex-end;}
.abo-solve .solve-list span{font-size:16px; text-align:center; color:#333; display:inline-block; width:100%;}
.abo-solve .solve-list ul{display: flex; flex-wrap: wrap; margin:30px 0px 0px 0px; padding: 0px 80px;box-sizing: border-box;}
.abo-solve .solve-list ul li{width:calc(100%/2 - 10px); margin:10px 5px;}
.abo-solve .solve-list ul li .img{position:relative;}
.abo-solve .solve-list ul li .img:before{content:"";  display:block; width:40px; height:40px; position: absolute;  right: 10px;  top: 10px; }
.abo-solve .solve-list:first-child ul li .img:before{background:url(../images/solve-n.webp);background-size:100% 100%;}
.abo-solve .solve-list:nth-child(2) ul li .img:before{background:url(../images/solve-y.webp);background-size:100% 100%;}
.abo-solve .solve-list ul li img{width:100%;border-radius: 10px;    box-shadow: 2px 2px 2px #ccc;}
.abo-solve .solve-list ul li h3{font-size:16px;height: 60px; color:#666;margin:10px 0px 0px 0px;text-align:center; font-weight:normal;}
.solvetext{padding:10px 20px;border-radius: 10px;background: #fff; font-size: 16px;
 box-shadow: 2px 2px 2px #ccc; width: 80%; margin: 0px auto -60px; text-align: center;  color: #666;}

.about-design{margin:100px 0px 0px 0px;    position: relative;}
.design-inner{border: 2px solid #aeb1b6; border-radius: 10px; padding: 30px 20px 60px 20px; background: #fff;}
.design-inner h2{font-size:18px;color: #666; text-align:center; margin:0px 0px 60px 0px;}
.design-inner ul{display:flex;flex-wrap:wrap;}
.design-inner ul li{width:calc(100%/5 - 0px); text-align:center;border-right: 1px dashed #878787;box-sizing: border-box;}
.design-inner ul li:last-child{border-right:none;}
.design-inner ul li img{width:45px; margin:0 auto 20px; display:block;}
.design-inner ul li h3{font-size:16px; color:#666; font-weight:normal;}


.about-solutions{background:#e4edf4; padding:200px 0px 100px 0px; margin:-130px 0px 0px 0px;}
.about-solutions h2{font-size:30px; text-align:center; margin:0px 20px 10px 20px; display: flex;
    justify-content: center;  align-items: flex-end;}
.about-solutions span{font-size:16px; font-weight:bold; text-align:center; color:#666; display:inline-block; width:100%;}
.about-solutions ul{display:flex; flex-wrap:wrap; justify-content: space-between;margin:30px 0px 0px 0px;}
.about-solutions ul li{width:40%; margin:0px 0px 60px 0px;box-shadow: 2px 2px 2px #ccc;border-radius: 10px; border: 2px solid transparent; overflow: hidden;}
.about-solutions ul li:hover{border: 2px solid #666;}
.about-solutions ul li img{display: block; width: 100%;}
.about-solutions ul li .text{background:#fff; padding:20px 20px 30px 20px; text-align:center;}
.about-solutions ul li h3{font-size:18px;color: #005192; font-weight:bold;margin:0px 0px 10px 0px;}
.about-solutions ul li p{font-size:16px;color: #666;}

.about-factory{margin:100px 0px;}
.factorytext h2{font-size:30px; text-align:center; margin:0px 20px 10px 20px; display: flex;
    justify-content: center;  align-items: flex-end;}
.factorytext span{font-size:18px;  text-align:center; color:#666; display:block;margin: auto;}
.factorytext ul{display: flex; flex-wrap: wrap; justify-content: center; margin: 40px 0px;}
.factorytext ul li{width: calc(100%/2 - 200px);   margin: 0px 100px;}
.factorytext ul li h3{font-size:20px; font-weight:bold;color: #005192; margin:0px 0px 20px 0px;}
.factorytext ul li p{font-size:16px; line-height:30px; color:#666;}
.factorytext ul li i{margin:0px 20px 0px 0px;}
.factorytext .p{text-align:center; font-size:16px; color:#666; margin: 0px 0px 40px 0px;}

.factorypics li img{border-radius:10px;box-shadow: 2px 2px 2px #ccc; display:block;width: 100%;}
.swiper-navigation{display:flex; flex-wrap:wrap; justify-content: flex-end; margin:30px 0px 0px 0px;}
.swiper-navigation .swiper-prev,.swiper-navigation .swiper-next{border:2px solid #000; display:flex; justify-content:center; align-items:center;width: 40px;  height: 40px;  margin:0px 20px;   border-radius: 100%;}
.swiper-navigation i{font-size:20px;}

.about-RD{margin:100px 0px;}
.RDtext h2{font-size:30px; margin:0px 0px 10px 0px; display: flex;  align-items: flex-end;}
.RDtext P{font-size:16px;  color:#878787; display:block;margin: 0px auto 10px; }
.about-RD ul{display: flex; flex-wrap: wrap;margin: 0px -20px;}
.about-RD ul li{width:calc(100%/3 - 40px); margin:20px 20px; border:2px solid #eaeaea; border-radius:10px; padding:20px 20px;    box-sizing: border-box;}
.about-RD ul li h3{font-size:18px; font-weight:bold;color: #005192;margin:0px 0px 20px 0px; border-bottom:1px solid #ccc; padding:0px 0px 20px 0px;justify-content: space-between;  display: flex;   align-items: center;}
.about-RD ul li h3 i{font-size:12px;font-style: normal;   color: #999;}
.about-RD ul li p{font-size:16px; color:#666;}
.about-RD .p{font-size:16px; color:#666; line-height:30px; margin:20px 0px 0px 0px;}

.about-csr{margin:100px 0px;}
.about-csr .csrtext h2{font-size:30px; margin:0px 0px 10px 0px; display: flex;  align-items: flex-end;}
.about-csr .csrtext span{font-size:16px; font-weight:bold;  color:#666; display:inline-block;}
.csrlist{margin:30px 0px 0px 0px;display: flex;   justify-content: space-between;   flex-wrap: wrap;}
.about-csr .csrlist ul{width:48%;}
.about-csr .csrlist ul li h3 { display: flex;  align-items: center; height: 60px; font-size: 18px; font-weight: bold;  color: #005192;    margin: 0px 0px 20px 0px;}
.about-csr .csrlist ul li p{font-size:16px; line-height:30px; color:#666;}
.about-csr .csrlist ul li i{margin:0px 20px 0px 0px;}
.about-csr .csrlist dl {margin: 30px 0px 0px 0px;display: flex;   flex-wrap: wrap;justify-content: space-between;}
.about-csr .csrlist dl dt {width:calc(100%/4 - 20px);}
.about-csr .csrlist dl dt img{display:block; width:100%;  border-radius:2px;  box-shadow: 2px 2px 2px #ccc;}
.about-csr .p{font-size:16px; color:#666; line-height:30px; margin:20px 0px 0px 0px;}

.about-team{margin:100px 0px;}
.about-team .team-inner{display:flex; flex-wrap:wrap;}
.about-team .p{ font-size:16px; color:#666; margin: 40px 0px 0px 0px;}
.about-team-left{width:55%; padding-right:20px;box-sizing: border-box;}
.about-team-left h2{font-size:30px; margin:0px 0px 20px 0px}
.about-team-left span{font-size: 16px;   font-weight: bold;   color: #666;   display: inline-block;}
.about-team-left .text{margin:30px 0px 0px 0px;}
.about-team-left p{ line-height:40px; font-size:16px;color: #666;}
.about-team-left p i{margin: 0px 20px 0px 0px;}
.about-team-right{width:45%;position: relative;}
.about-team-right img{position: relative; z-index:10;width: 100%;}
.about-team-right .img::before {
    content: '';
    position: absolute;
    bottom:0px;
    right: -90px;
    width: 80px;
    height: 100px;
    background-color: #fff;
    background-image: url(../images/dot-pattern-1-1-op19.png);
    background-repeat: repeat;
    background-position: -4px 0;
    z-index: 1;
}
.about-team-right .img::after {
    content: '';
    position: absolute;
    right: -60px;
    bottom: -60px;
    width: 40%;
    height: 60%;
    border-style: solid;
    border-width: 5px;
    border-color: #000;
    z-index: 0;
}

.about-projects{  margin:0px 0px 0px 0px;}
.about-projects h2{font-size:30px; margin:0px 0px 10px 0px; }
.about-projects span{font-size:16px; font-weight:bold; color:#666; display:inline-block; width:100%;}
.about-projects ul{display:flex; flex-wrap:wrap; justify-content: space-between;margin:30px 0px 0px 0px;}
.about-projects ul li{width: calc(100%/3 - 40px); margin:0px 0px 0px 0px; }
.about-projects ul li img{display: block;box-shadow: 2px 2px 2px #ccc;border-radius: 10px; width: 100%;}
.about-projects ul li .text{padding:20px 20px 30px 20px; text-align:center;}
.about-projects ul li h3{font-size:18px; font-weight:bold;color: #005192;margin:0px 0px 10px 0px;}
.about-projects ul li p{font-size:16px;color: #666;}
.about-projects .p{font-size: 16px;  color: #666;   margin: 0px 0px 40px 0px;}

.about-certifications {margin:100px 0px 0px 0px;}
.about-certifications h2{font-size:30px;text-align:center; margin:0px 0px 10px 0px; }
.about-certifications span{font-size:16px; width:100%; font-weight:bold; text-align:center; color:#666; display:inline-block;}
.about-certifications ul{display: flex; flex-wrap: wrap; justify-content: center; margin: 40px 0px 0px 0px;}
.about-certifications ul li{ margin: 0px 20px;  padding: 0px 0px 0px 30px; height: 30px; background: url(../images/certificationsico.webp) no-repeat center left;
  background-size: 25px;  align-items: center;   display: flex;  color: #005192;  font-size: 18px;  font-weight: bold;}
.about-customer{}
.about-customer h2{font-size:30px; margin:0px 0px 10px 0px; }

.about-support{  margin:100px 0px 100px 0px;}
.about-support h2{font-size:30px; text-align:center; margin:0px 20px 10px 20px; display: flex;
    justify-content: center;  align-items: flex-end;}
.about-support span{font-size:16px; font-weight:bold; text-align:center; color:#666; display:inline-block; width:100%;}
.about-support ul{display:flex; flex-wrap:wrap; justify-content: space-between;margin:30px 0px 0px 0px;}
.about-support ul li{width: calc(100%/5 - 40px);padding:20px 20px 20px 20px; background:#434343;border-radius: 10px;  margin:0px 0px 0px 0px;margin: 20px 20px;   box-sizing: border-box;overflow: hidden;}
.about-support ul li img{display: block; width:30px; margin:auto;}
.about-support ul li .text{ text-align:center;}
.about-support ul li h3{font-size:18px; font-weight:normal;color: #fff;margin:20px 0px 0px 0px;}
.about-support .p{font-size: 16px;  color: #666;  text-align:center; width:100%;  margin: 30px 0px 40px 0px;}

.about-customer ul{display: flex;   flex-wrap: wrap; align-items:center;justify-content: space-between; margin:60px 0px;}
.about-customer ul .text{width:20%;font-size:16px; color:#666; line-height:30px;}
.about-customer ul .text b{font-size:50px; color:#015caf; }
.about-customer ul li{width:calc(80%/3 - 20px); background:#025291; border-radius:10px; padding:30px 20px; box-sizing:border-box;}
.about-customer ul li .stars{background: url(../images/starico.jpg) no-repeat center right;}
.about-customer ul li i{color:#f7b650;font-size: 20px;}
.about-customer ul li p{font-size:16px; color:#fff; margin:10px 0px 20px 0px;}
.about-customer ul li em{font-size:14px; color:#fff; font-style:normal;}



@media (max-width:1680px){
.index-about{ width:1180px; margin:50px auto;}
	
}

@media (max-width:1440px){
.main-menu .navigation>li .nav_ul ul >li>a img{ height: 150px;}
.dingzhi-main .dingzhi-box03 li img{height: 300px;}	
}
@media (max-width:768px){
body{ min-width:100%;}	
.wrap{ width:100%;}	
.index-title img{ max-width:80%; }
.main-header{display:none;}		
.mobile_mian{ display:block; width:100%; z-index:999;   margin-left: auto;   margin-right: auto;   min-width: 320px;   max-width: 640px;   background: #fff;}


.header{width: 100%; height:60px; background:#fff;}
.header a.logo{display: block;float: left;margin-left: 3%; margin-top:10px;}
.header a.logo img{display: block; height:40px;}
.header dl{float: left;width: 69%;text-align: center;}
.header dt{font-size: .4rem;color: #333333;}
.header dt em{font-weight: bold;}
.header dd{font-size:.281rem;color: #fff;display: inline-block;height: .484rem;line-height: .484rem;padding: 0 .344rem;background: #febf01;border-radius: 0.5rem;margin-top: 0.15rem;}
.header dd a{color: #fff;}
.header .headerMenu img{display: block;}
.header .headerMenu{float: right;margin-right: 3%;margin-top: 20px;} 

.header .headerPhone{float: right;margin-right: 5%;margin-top: 20px;}
.header .headerPhone i{color:#ffa400 !important; font-size:24px;}
.zzc {display: none; background: rgba(0, 0, 0, 0.6); position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99990;}
/*nav_menu*/
.nav_menu {  width:0; position:fixed;  right:0; top:0; height: 100%;z-index: 99999;overflow: scroll;background: #fff;}
.nav_menu img{display: block; height:30px;}
.nav_menu .top{width: 100%; margin:10px 0px; overflow:hidden;}
.nav_menu .Navlog{width: 54%;display: block;margin-left: 10px; float:left;}
.nav_menu .btn{display: block; float:right; margin:5px 10px 0px 0px;}
.nav_menu .btn img{display: block; height:20px;}
.nav_menu ul{overflow:hidden; width:100%;overflow: scroll;height: 80%;}
.nav_menu li{ width:100%; overflow:hidden; height: 40px;line-height: 40px;border-bottom: 1px solid #eaeaea;}
.nav_menu li:first-child{border-top:1px solid #eaeaea;}
.nav_menu li p>a{ color:#333333;font-size:14px;display: block;box-sizing: border-box;padding-left: 6%;}

#gallery{ height:auto; width:100%; margin:0px;}
#gallery .swiper-slide a img{ height:auto; object-fit:cover; position: inherit;}
#gallery .ban-ico img{ width:50%;}

#thumbs{ width:100%; margin-top:0px;}
#thumbs .swiper-slide{ width:9.09%;}
#gallery .swiper-button-next,#gallery .swiper-button-prev{ display:none;}
.ban-absolute .ban-tect{ font-size:18px;}

.index-about{ padding:50px 10px 0px 10px; margin:0px; width:100%; box-sizing:border-box;}
.index-about .about-text {  width: 100%;  float: left; margin-right: 0px; padding: 0px 0px;}
.index-about .about-text h3{ font-size:36px;}
.index-about .about-apps{ width:100%;}


.index-current{ padding:30px 0px; margin:60px 0px;}
.index-current .current-box{ width:100%; margin-right:0px; padding:0px 20px;}
.index-current .current-box .current-text{ width:50%;}
.index-current .current-box .current-text span{ font-size:20px;}
.index-current .current-box .current-text span b{ font-size:36px;}
.index-current .current-box .current-text p{ font-size:14px; height:60px;}

.index-custom{ overflow:hidden; margin-bottom:60px;}

.index-product{ padding:60px 0px 60px 0px;}
.index-product .product-box{ width:100%; overflow:hidden;}
.index-product .tit ul li{ width:50%; text-align:center; margin:0px 0px;}
.index-product .product-li{ width:100% !important; padding:0px 20px 0px 20px;}
.index-product .product-li .product-img img{  max-height:320px;}
.index-product .product-li h3{ font-size:18px;}
.index-product .product-box:after{ display:none;}



.top_banner{ margin:0px !important; height:auto !important;}
.top_banner .text-light{ font-size:20px !important;}


.index-sales.index-sales {background: url(../images/sales_bg_m.jpg) no-repeat bottom left; background-size:100%;   padding: 50px 0px 50px 0px;}
.index-sales .sales-box{ width:100%; }
.index-sales .sales-box li{ margin-bottom:30px; height:auto;}
.index-sales .sales-box:first-child{margin-left:0px;}
.index-sales .sales-box:last-child{margin-right: 0px;}

.liucheng_box{ margin-bottom:60px;}
.liucheng_box li{ width:20%; padding:0px 10px;}
.liucheng_box li span{ width:100%;}
.liucheng_box li span img{ width:40px;}
.liucheng_box li h3{ font-size:14px;}
.liucheng_box b{ display:none;}


.dingzhi_box{ display:none;}

.dingzhi_box_m{ display:block !important;}
.dingzhi_box_m img{ width:100%;}
.dingzhi_box ul{ display:block;}
.dingzhi_box li{ width:calc(100% - 20px); text-align:center; margin:0px 10px;}
.dingzhi_box li img{ max-width:100%;}
.dingzhi_box li p br{ display:none;}


.index-partner .partner_box ul{ width:100%;}
.index-partner .partner_box li{ width:33.333%;}
.index-partner .partner_box li img { max-width: 80%;}

.comment_box li{ width:calc(100% - 40px);padding: 20px 0px; margin:0px 20px; border-right: none;  border-bottom: 1px solid #ccc;}
.numbers_box ul{ }
.numbers_box ul li{width:25%;  float:left;}
.numbers_box ul li span{ font-size:24px; padding:0px 0px; display:block; width:100px;}


.basic_box{ background:url(../images/jg-img.jpg) no-repeat; background-size: 100%;}
.basic_box .wrap{margin-top: 514px;}
.basic_box .sales-box{ margin-bottom:20px !important;}
.basic_box .sales-box:first-child,.basic_box .sales-box:last-child{ margin:0;display: flex;  width: 100%; justify-content: center;}

.basic_box .sales-box li{ float: left; margin-top:0px !important; width:33.333%;}
.feature_box{ margin:60px auto 60px;}
.feature_box li { width: 50%;   padding: 10px 10px;}

.index-video{ padding:60px 0px 0px 0px}
.index-video .video-box{ width:100%;  height:auto;}
.index-video .video-box video{ width:100% !important; height:auto !important;}

.index-case { padding: 30px 20px 0px 20px; max-height: auto;  clear: both;}
.index-case .case-box ul{ width:100%;}
.index-case .case-box li{ width:100%; height:auto; margin:10px 0px;}
.index-case .case-box li .case-img img {  height: 285px !important;  object-fit: cover;  width: 100%;}


.news-box ul{ width:100%;}
.index-news{ padding:60px 0px 30px 0px; }
.index-news li{ width:calc(100% - 40px)}

.footer .wrap {  width: 100%;}
.footer .copyright{ margin-top:60px;}
.footer{ padding:60px 0px;}
.footer .foot-nav{ width:100% !important; padding:0px 20px 20px 20px !important;}
.footer .foot-nav h2{ padding:0px 0px 10px 0px; }


.case-box-in li {  width: calc(50% - 20px); margin: 10px 10px;}
.case-box-in li .card-img-200 {  height: 250px;}
.case-box-in li .card-img-200 img {height: 250px;}

.case-pages{ margin:30px 0px;}
.case-pages .right {  -ms-flex: 0 0 100%;  flex: 0 0 100%;   max-width: 100%;}
.case-pages .left {  -ms-flex: 0 0 100%;  flex: 0 0 100%;   max-width: 100%;}


.dingzhi-main{ margin-top:60px;}
.dingzhi-main .dingzhi-box01 p{ width:100%; padding:0px 10px; font-size:16px;}
.dingzhi-main .dingzhi-box02 img{ width:100%;}
.dingzhi-main .dingzhi-box03 ul{ display: none !important;}
.dingzhi-main .dingzhi-box03 ul li{text-align:center; width:100%;}
.dingzhi-main .dingzhi-box03 li img{ max-width:100%;}


.pro-box{ padding:0px;}
.pro-box .pro-img{ width:100%; height:auto; }
.pro-box .pro-img img{ width:100%; max-height:auto !important;}
.pro-box .pro-text{ width:50%; padding:0px 10px; margin-top:20px; }


.pro-details{ width:calc(100% - 20px); margin-top:60px;}
.details-left{ width:100%;border-right:none;}
.details-left li{ font-size:16px; line-height:80px; height:80px;}
.details-right{ width:100%; border-top:1px solid #ccc;}

.canshu-box{ margin:60px auto 60px;}
.canshu-box ul{ display:flex; flex-wrap:wrap;}
.canshu-box ul li{ width:50%; padding:10px 10px;}

.pro-inners h3{ font-size:24px;}

.pro-inner{margin:60px auto 0px}
.pro-inner .wrap{ width:100%;}
.pro-inner .p_wrapper{ width:calc(100% - 40px);    margin: 0px 20px 20px 20px;}
.pro-inner .p_wrapper img{ min-width:100% ; width:100% !important; max-height:220px;}

.appsCon{ display: none;}
.appsCon-m{ display: block !important; margin:60px auto 60px}
.appsCon-m .scroll{height:380px;position:relative;}
.appsCon-m .scroll li{width:580px;height:380px;float:left; margin:0px 0px;}
.appsCon-m .scroll li img{ object-fit:cover; height:370px; width:100%; border-radius:5px;}

.por_info_list{padding: 0px 0px 60px 0px;}
.por_info_list .wrap{ width:100%; box-shadow:none;}
.por_info_list .port_li { width:calc(100% - 20px) !important; margin:5px 10px; border-right:none;}

.products-box01 { padding: 60px 0px;}
.products-box01 .tit ul li{ width:50%; margin:0px 0px; text-align:center;}
.products-box01 .port_li{ width:100% !important;}

.products-box02{ width:100%; margin-bottom:60px;}
.products-box02 .left{width:100%;}
.products-box02 .right{width:100%; text-align:center;}
.products-box02 .right img{ width: 90%;  margin:10px 0;  height: auto;}

.products-box03{ width:100%;}
.products-box03 .left{width:100%; padding:60px 30px; height:auto;}
.products-box03 .right{width:100%; text-align:center;}

.products-box04{ width:100%;}
.products-box04 ul{    display: flex; flex-wrap: wrap;}
.products-box04 ul li { margin: 10px 5px;width: calc(50% - 10px);  }
.products-box04 ul li h3{ line-height:normal; margin-top:5px; }
.products-box04 ul li img{ width:100%;}

.products-box05 ul li{ width:14.28%; margin: 10px 0px;}
.products-box05 dl { display:flex; width:100%;}
.products-box05 dl dd{ margin-right:0px;}
.products-box05 dl dd .l_img{ width:100px; height:80px;}
.products-box05 dl dd .l_img img{ width:100%;}
.products-box05 a.more span{ font-size:16px;}



.lianxi{ width:100% !important;}
.lianxi .wrap{padding:50px 20px 50px 20px !important; }
.lianxi_l{width:100% !important;}
.lianxi_r{width:100% !important;}
.lianxi_r img{width:100% !important;}


.top-banner{margin-top:60px;}
.top-banner img{height: 200px; object-fit:cover;}
.top-banner-text h2 {    font-size: 20px;}
.top-banner-text p {   font-size: 14px; line-height:25px;}

.about-stroy {   margin: 60px 0px;}
.about-stroy-left {    width: 100%;   padding: 0px 20px;}
.about-stroy-right {    width: 100%;    position: relative;    padding: 20px 20px;}
.about-stroy-right .img::after{right:0;}
.about-stroy-right .img::before {    content: '';    position: absolute;   bottom: -50px;    left: 20px;   width: 40%;}
.abo-left {   width: 100%;   padding: 0px 20px 0px 20px;   border-right: none;}
.abo-right {    width: calc(100% - 0px);    padding: 0px 20px 0px 20px;}
.abo-right ul li {   width: calc(100%/2 - 20px);   margin: 0px 10px 20px 10px;}

.abo-solve .solve-list{margin: 10px 5px;}
.abo-solve .solve-list h2 {   font-size: 18px;margin: 0px 10px 20px 10px;}
.abo-solve .solve-list ul {padding:0px 0px 0px 0px;}
.abo-solve .solve-list ul li {    width: calc(100%/1 - 20px);   margin: 10px 10px;}

.about-design {   margin: 60px 20px 0px 20px;}
.design-inner ul li {   width: calc(100%/2 - 0px);border-right:none;   padding: 10px 10px;}

.about-solutions {padding: 60px 0px 0px 0px;   margin: 60px 0px 30px 0px;}
.about-solutions h2 {   font-size: 24px;}
.about-solutions ul li {   width: 45%;    margin: 0px 2.5% 20px 2.5%;background:#fff;box-sizing: border-box;}

.factorytext h2 {  font-size: 24px;}
.factorytext span {width:90%;}
.factorytext ul li {   width: calc(100% - 20px);   margin: 10px 20px;}

.RDtext h2 {   font-size: 24px;}
.RDtext P {   font-size: 14px;}
.about-RD {   margin: 60px 20px;}
.about-RD ul li { width: calc(100%/2 - 20px);   margin: 10px 10px;}

.about-csr .csrtext h2 {  font-size: 24px;}
.about-csr {   margin: 0px 20px;}
.about-csr .csrlist ul {   width: 100%;margin-bottom: 30px;}

.about-certifications h2 {   font-size: 24px;}

.about-team {   margin: 60px 20px;}
.about-team-left {   width: 100%;   padding-right: 0px;}
.about-team-right {   width: 100%;}
.about-team-right .img::after{right:0;bottom: -20px;}
.about-team-right .img::before{right:-20px;}

.about-projects h2 {  font-size: 24px;}
.about-projects {   margin: 0px 20px 0px 20px;}
.about-projects ul li {    width: calc(100%/2 - 10px);    margin: 0px 0px 0px 0px;}
.about-projects ul li .text {    padding: 20px 0px 30px 0px;}
.about-projects ul li h3 {  font-size: 14px;}

.about-customer {   margin: 60px 20px;}
.about-customer ul .text {  width: 100%;   margin-bottom: 20px;}
.about-customer ul li {   width: calc(100%/0 - 0px);  margin: 0px 0px 10px 0px;}

.about-support h2 {   font-size: 24px;  margin: 0px 0px 10px 0px;}
.about-support ul li {  width: calc(100%/2 - 20px); margin:10px 10px;}
}