/*基础CSS*/
@font-face {
	font-family: 'Sourcefont';
	src:  url('https://qiniussl.hqlfcard.com/font/SourceHanSansCN-Regular.otf');
	font-weight: normal;
	font-style: normal;
	font-display: block;
}
@font-face {
  font-family: 'iconfont';
  src: url('../font/iconfont.woff2?t=1674183822971') format('woff2'),
       url('../font/iconfont.woff?t=1674183822971') format('woff'),
       url('../font/iconfont.ttf?t=1674183822971') format('truetype');
}
@font-face {
	font-family: 'hxb';
	src:  url('https://qiniussl.hqlfcard.com/font/hxb.otf');
	font-weight: normal;
	font-style: normal;
	font-display: block;
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-changyonglogo26:before {
  content: "\e713";
}

.icon-youxiang:before {
  content: "\e62c";
}

.icon-QR:before {
  content: "\e808";
}

.icon-24gf-phoneLoudspeaker:before {
  content: "\e969";
}

.icon-douyin:before {
  content: "\e8db";
}

.icon-more:before {
  content: "\e6a7";
}

.icon-team:before {
  content: "\e60c";
}

.icon-icon-:before {
  content: "\e749";
}

.icon-xingzhuang:before {
  content: "\e60d";
}

.icon-keji:before {
  content: "\e664";
}

.icon-more1:before {
  content: "\e64b";
}

html {
	font-size: 14px;
	overflow-x: hidden;
}
body{
	max-width: 1920px;
	margin: auto;
	font-family: 'Sourcefont'!important;
}
li {
	list-style: none;
}
a {
	color: #212529
}
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: 2.5rem;
	padding-left: 2.5rem;
	font-size: 20px;
}
.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, .page-link {
	position: relative;
	display: block;
	padding: .5rem .75rem;
	font-size: 20px;
	/* margin-left: -1px; */
	margin: 0px 0.5rem;
	line-height: 1.25;
	color: #0081E0;
	background-color: #fff;
	border: 1px solid #dee2e6;
}
a.page-num:hover, .page-link:hover {
	text-decoration: none;
}
.page-num-current {
	z-index: 1;
	color: #fff;
	background-color: #0081E0;
	border-color: #0081E0;
}
.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: #767676;
}
.content {
	color: #666;
	line-height: 2;
}
.content img, .content iframe {
	max-width: 100% !important;
}
.content li {
	list-style: disc outside none;
	margin-left: 20px;
}
/*产品轮播*/
.view {
	max-width: 500px;
}
.view .swiper-slide {
	height: 300px;
	max-width: 500px;
	padding: 0 3px;
	box-sizing: border-box;
	overflow: hidden;
	text-align: center;
}
.view .swiper-slide img {
	height: 100%;
}
.view .arrow-left {
	background: url(../images/index_tab_l.png) no-repeat left center;
	position: absolute;
	left: 10px;
	width: 28px;
	height: 300px;
	z-index: 10;
	display: none;
}
.view .arrow-right {
	background: url(../images/index_tab_r.png) no-repeat right center;
	position: absolute;
	right: 10px;
	width: 28px;
	height: 300px;
	z-index: 10;
	display: none;
}
.preview {
	position: relative;
	width: 440px;
	left: 30px;
}
.preview .swiper-slide {
	width: 87.5px;
	height: 70px;
	margin: 0 3px;
	box-sizing: border-box;
	overflow: hidden;
	cursor: pointer;
}
.preview .swiper-slide img {
	display: inline-block;
	height: 100%;
}
.preview .active-nav {
	border: 1px solid #F00;
}
.preview .arrow-left {
	background: #fff url(../images/feel3.png) no-repeat left center;
	position: absolute;
	left: -20px;
	top: 0;
	width: 20px;
	height: 70px;
	z-index: 10;
}
.preview .arrow-right {
	background: #fff url(../images/feel4.png) no-repeat right center;
	position: absolute;
	right: -20px;
	top: 0;
	width: 20px;
	height: 70px;
	z-index: 10;
}

@media only screen and (max-width: 768px) {
.view .swiper-slide {
	height: 200px;
}
.preview {
	display: none;
}
.view .arrow-left, .view .arrow-right {
	height: 200px;
	display: block;
}
}
/*在线客服*/
.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: #27a8e1;
	padding: 10px 5px;
	margin-bottom: 1px;
	position: relative;
}
.online dl dd {
	color: #fff;
	text-align: center;
	font-size: 12px;
	cursor: pointer;
}
.online dl dd i {
	font-size: 25px;
}
.online dl:hover {
	background: #1781bd;
}
.online dl dt {
	position: absolute;
	top: 0px;
	right: 60px;
	background: #fff;
	border: 1px solid #ccc;
	z-index: 9999;
	display: none;
	padding: 10px 15px;
	font-weight: normal;
}
.online dl dt h3 {
	display: block;
	font-size: 16px;
	color: #666;
	border-bottom: 1px solid #ccc;
	padding-bottom: 5px;
}
.online dl dt h3 i {
	margin-right: 5px;
}
.online dl dt h3 span {
	float: right;
	cursor: pointer;
}
.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;
}
}
.container{
	width: 1510px;
	max-width: 1510px;
}
.fl{
	float: left;
}
.fr{
	float: right;
}
.width{
	width: 1440px;
	margin: 0px auto;
}
.topinfo{
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	color: #fff;
	display: flex;
	display: -webkit-flex;
	align-items: center;
}
.topinfop1{
	font-size: 48px;
	position: relative;
	margin-bottom: 25px;
	letter-spacing: 2px;
}
.topinfop1::after{
	content: '';
	width: 2em;
	height: 4px;
	background-color: #0181E0;
	position: absolute;
	left: 0;
	bottom: -15px;
}
.topinfop2{
	font-size: 22px;
}
.gypage1{
	padding-bottom: 160px;
	position: relative;
}
.gypage1::before{
	content: '';
	position: absolute;
	width: 100%;
	height: 270px;
	background-color: #F5F5F5;
	left: 0;
	top: 0;
	z-index: -1;
}
.gypage1left{
	width: 55%;
	padding-top: 140px;
}
.gypage1right{
	width: 45%;
	position: relative;
}
.gypage1right::after{
	content: '';
	width: calc(100% + 240px);
	height: 270px;
	background-color: #333333;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
}
.sliderli{
	color: #373737;
	line-height: 3;
	font-size: 17px
}
.gypage1left .slick-current .sliderli{
	font-weight: bold;
}
.gypage1con p{
	font-size: 17px;
	line-height: 2.5;
}
.gypage1block{
	font-size: 0;
}
.gypage1block .wz{
	float: left;
	width: 340px;
	height: 345px;
	color: #fff;
	background-color: #0073DE;
	position: relative;
	top: -75px;
	padding: 150px 40px 0px 0px;
	text-align: right;
	z-index: 2;
}
.wzp1{
	font-size: 44px;
	position: relative;
}
.wzp1::after{
	content: '';
	width: .75em;
	height: 2px;
	background-color: #fff;
	position: absolute;
	right: 0;
	bottom: 0;
}
.wzp2{
	font-size: 16px;
	text-transform: uppercase;
	margin-top: 10px;
}
.lbnav{
	float: right;
	height: 270px;
	width: calc(100% - 340px);
	font-size: 44px;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
}
.lbnav i{
	margin: 0px 3rem;
	color: #fff;
	cursor: pointer;
}

.gypage2{
	width: 100%;
	height: 1300px;
	background: url('../images/advanced_technology_for_supply_chain.jpg') no-repeat top;
	color: #fff;
	padding-top: 240px;
}
.gypage2titp1{
	font-size: 32px;
	margin-bottom: 10px;
	letter-spacing: 1px;
}
.gypage2titp2{
	font-size: 16px;
}
.gypage2tit{
	margin-bottom: 74px;
}
.gypage2top1bt{
	position: absolute;
	width: 100%;
	top: 50%;
	padding-left: 15%;
	transform: translateY(-50%);
}
.gypage2top1btp1{
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 7px;
}
.gypage2top1btp2{
	font-size: 16px;
}
.gypage2top1,.gypage2top2,.gypage2bot1{
	cursor: pointer;
	overflow: hidden;
}
.gypage2bot1 {
	width: 33.33%;
}
.gypage2top1{
	width: 59.1%;
}
.gypage2top2 {
	width: 40.9%;
}
.gypage2img{
	transition: ease-in-out 0.5s;
}
.gypage2top1:hover .gypage2img,.gypage2top2:hover .gypage2img,.gypage2bot1:hover .gypage2img{
	transform: scale(1.1);
}
.gypage3video{
	position: absolute;
	width: 100%;
	left: 0;
	top: 50%;
	font-size: 120px;
	text-align: center;
	color: #fff;
	z-index: 99;
	cursor: pointer;
	transform: translateY(-50%);
}
/* 发展历程 */
.lipage{
	width: 100%;
	background: url('../images/history.jpg') repeat-y 60% 100%;
	padding: 0px 60px;
	padding-bottom: 600px;
	position: relative;
}
.lipage::after{
    content:url('../images/historybac.jpg');
    width: 100%;
    position:absolute;
    left: 0;
    bottom: -10px;
}
.lipage .position{
	padding: 25px 0px;
	font-size: 18px;
	margin-bottom: 35px;
}
.lccon{
	padding-left: 150px;
}
.lctitle{
	font-size: 36px;
	width: 50%;
	font-weight: bold;
	padding: 0px 80px 0px 0px;
	cursor: pointer;
	margin-bottom: 60px;
}
.lctitle font{
	font-size: 22px;
}
.lctitle span{
	display: inline-block;
	vertical-align: top;
	margin: 0px 130px 0px 30px;
}
.sideMenu ul{display:none;}
.sideMenu ul li{
	margin-bottom: 65px;
	color: #282828;
}
.lcleft{
	width: 30%;
}
.lcright{
	width: 69%;
	padding: 80px 110px;
	background: url('../images/lcright.jpg') no-repeat center;
	background-size: 100% 100%;
}
.lcleftp2{
	font-size: 16px;
	line-height: 3;
}
.lcleftp1{
	font-size: 24px;
	margin-bottom: 25px;
}
.lcleftp1 font{
	position: relative;
	padding-left: 20px;
	background: url('../images/yuan.png') no-repeat center left;
}
.lcleftp1 span{
	font-size: 56px;
	display: inline-block;
	vertical-align: top;
	font-weight: bold;
	padding-top: 25px;
	height: 1.65em;
	margin-left: -10px;
	position: relative;
}
.lcleftp1 span::before{
	content: '';
	width: 1px;
	height: 100%;
	background-color: #767676;
	position: absolute;
	left: 0;
	top: 0;
	transform: rotate(35deg);
	-ms-transform: rotate(35deg); /* IE 9 */
	-webkit-transform: rotate(35deg);
}
.lipage2{
	padding: 180px 0px 260px;
	background: url('../images/lipage2.jpg') no-repeat center;
	background-size: cover;
	color: #000;
	padding-right: 60px;
	position: relative;
}
.lipage2con{
	padding: 45px 220px 75px 250px;
	width: 1010px;
	background-color: #fff;
	box-shadow: 0px 0px 15px 15px #eee;
	border-radius: 192px;
}
.lipage2conp1 strong,.lipage2conp1 div{
	display: inline-block;
}
.lipage2conp1 div{
	padding-left: 22px;
	position: relative;
}
.lipage2conp1 div::before{
	content: '';
	width: 2px;
	height: calc(100% + 45px);
	position: absolute;
	left: -2px;
	bottom: 0;
	background-color: #A5A5A5;
	transform:rotate(-20deg);
	-o-transform:rotate(-20deg);
	-moz-transform:rotate(-20deg);
	-webkit-transform:rotate(-20deg);
}
.lipage2conp1 strong{
	font-size: 42px;
}
.lipage2conp1 span{
	font-size: 20px;
	color: #767676;
}
.lipage2conp1 em{
	font-size: 36px;
	font-style: normal;
}
.lipage2conp2{
	font-size: 16px;
	margin-top: 25px;
	line-height: 2.4;
}
.lipage2 img{
	position: absolute;
}
.lipage2img1{
	top: 135px;
	left: 18.2vw;
}
.lipage2img2{
	bottom:80px;
	left: 37.5vw;
}
.lipage4{
	background: url('../images/lcpage4.jpg') no-repeat center;
	background-size: cover;
	position: relative;
}
.lipage4left{
	padding: 80px 0px 100px;
}
.lipage4right{
	background-color: #F3F3F3;
}
.lipage4con{
	width: 60%;
	margin-left: 7.5%;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}
/* 新闻页面样式 */
.newpage{
	padding: 55px 0px 105px;
}
.newstitle{
	font-size: 4rem;
	margin-bottom: 3.5rem;
}
.topnew .container{
	background-color: #0081E0;
}
.topnewimg{
	width: 58.54%;
	max-height: 470px;
	overflow: hidden;
}
.topnewimg img{
	transition: ease-in-out 0.5s;
}
.topnew:hover img{
	transform: scale(1.1);
}
.topnewdes{
	width: 41.46%;
	padding: 0px 2.5%;
	display: flex;
	display: -webkit-flex;
	align-items: center;
}
.topnewdesp1{
	margin-bottom: 40px;
	letter-spacing: 1px;
}
.topnewdesp2{
	letter-spacing: 1px;
}
.topnew{
	margin-bottom: 145px;
}
.newlist .row{
	margin-bottom: 75px;
	justify-content: space-between;
}
.newlist .row:nth-last-child(1){
	margin-bottom: 125px;
}
.newlistimg{
	width: 41.85%;
	max-height: 390px;
	overflow: hidden;
}
.newlistinfo{
	width: 51%;
	display: -webkit-flex;
	align-items: center;
}
.newlistinfo a{
	color: #3A3737;
}
.newlistinfop3 span{
	display: inline-block;
	border: 1px solid #7D7D7D;
	padding: 10px 28px;
}
.newlistinfop1{
	letter-spacing: 1px;
}
.newlistinfop2{
	margin: 15px 0px 80px;
	letter-spacing: 1px;
}
/* 信息公示 */
.gslist{
	padding-bottom: 80px;
}
.gslist .row{
	justify-content: space-between;
}
.noticenav{
	background-color: #E9E9E9;
	margin-bottom: 60px;
}
.noticetop{
	margin-bottom: 110px;
}
.noticenav a{
	color: #767677;
	display: block;
	padding: 42px 0px;
	margin-right: 130px;
}
.noticenav a.active{
	color: #0081E0;
}
.gslister{
	width: 43%;
	margin-bottom: 85px;
	position: relative;
}
.gslister:nth-child(odd)::after{
	content: '';
	width: 2px;
	height: 75%;
	background-color: #DCDCDC;
	position: absolute;
	right: -14%;
	top: 7%;
}
.gslister a{
	color: #262626;
}
.gslisterp2{
	color: #414141;
	margin-top: 28px;
}
.gslist nav{
	margin-top: 50px;
}
/* 产品列表 */
.cppage{
	background-color: #fff;
}
.cpnav{
	padding: 50px 0px 10px;
	border-bottom: 1px solid #DCDCDC;
}
.cpnavleft{
	font-size: 3rem;
}
.cpnavright,.cpnavright a{
	color: #848383;
}
.cpnavright{
	display: flex;
	display: -webkit-flex;
	justify-content: end;
	align-items: center;
}
.cplist{
	padding: 120px 0px 95px;
}
.cplist .row{
	justify-content: space-between;
	margin-bottom: 85px;
}
.cplist .row:nth-child(even){
	/* justify-content: space-between; */
	flex-direction: row-reverse;
}
.cpinfo{
	display: flex;
	display: -webkit-flex;
	align-items: center;
}
.cpinfop2{
	color: #6F6E6E;
	letter-spacing: 1px;
	margin-top: 30px;
}
.cplist nav{
	margin-top: 50px;
}
.cpny{
	padding: 110px 0px;
}
.cpnytop .row{
	justify-content: space-between;
}
.cpnytopleft{
	display: flex;
	display: -webkit-flex;
	align-items: center;
}
.cpnytopleftp2{
	font-size: 4rem;
}
.cpnytopleftp3{
	color: #484848;
	margin-top: 50px;
}
.cpnycontent{
	margin-top: 50px;
}
.fanpage{
	padding: 110px 0px 200px;
}
.fanpage img{
	max-width: 100%;
}
   .indexfoot{
        padding: 40px 0px 60px;
        background-color: #464646;
        color: #fff;
    }
    .yqlink{
        color: #E4E4E4;
        margin-bottom: 40px;
    }
    .yqlink a{
        color: #E4E4E4;
        margin-right: 1.5rem;
    }
    .inftright {
        display: flex;
    }
    .btmenu{
        width: 16.66%;
        padding-right: 2rem;
    }
    .btmenu a {
      color: #E4E4E4;
    }
    .topmenu a {
      color: #fff;
      position: relative;
      margin-bottom: 20px;
    }
    .inftlefttel{
        font-size: 22px;
        margin: 15px 0px 10px;
    }
    .inftleft ul li{
        line-height: 2;
    }
    .inftlefticon{
        margin-top: 10px;
    }
    .inftlefticon span{
        margin-right: 1rem;
        cursor: pointer;
        position: relative;
    }
    .inftlefticon span img{
        max-width: 110px;
        position: absolute;
        bottom: 110%;
        left: 50%;
        transform: translateX(-50%);
        display: none;
    }
    .inftlefticon span:hover img{
        display: block;
    }
    .footnav{
        display: none;
    }
    .myfoot{
        display: none;
    }
    .di{
        display: none;
    }
    .indexfootbq{
        color: #E4E4E4;
        margin-top: 50px;
        padding: 20px 0px;
        border-top: 1px solid #E4E4E4;
    }
    .indexfootbq a{
        color: #E4E4E4;
    }
    .topmenu a::after{
	content: '';
	width: 0;
	height: 3px;
	background-color: #999999;
	position: absolute;
	left: 0;
	bottom: -0.75rem;
	animation: widthA 4s infinite;
}
.btmenu ul li:nth-child(n+1){
	line-height: 2;
}
@keyframes widthA{
	0%{
	  width: 0;
	}
	50%{
	  width: 2.5em;
	}
	100%{
	  width: 0;
	}
}
/* 首页 */
.index1{
	padding: 40px 0px 150px;
}
.index1left{
	padding-left: 3rem;
}
.index1right{
	padding-left: 3rem;
}
.index1from{
	text-align: justify;
	text-align-last: justify;
	font-size: 0;
}
.index1from img{
	max-width: 49%;
	height: 46px;
}
.index1from form{
	width: 49%;
	display: inline-block;
	vertical-align: middle;
	position: relative;
}
.index1from input::placeholder{
	color: #9F9F9F;
	font-size: 15px;
}
.index1from form .btn{
	height: 100%;
	color: #fff;
	background-color: #1679C4;
	position: absolute;
	right: 0;
	top: 0;
}
.hotkey{
	color: #676767;
	margin: 15px 0px 20px;
}
.index1list{
	padding: 10px 0px;
	border-bottom: 1px dotted #676767;
}
.index1list a{
	display: flex;
	display: -webkit-flex;
	color: #444444;
}
.index1list div{
	width: 18%;
	text-align: center;
}
.index1list div:nth-child(1){
	width: 46%;
	text-align: left;
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
}
.index1form2 img{
	max-width: 49%;
}
.index1form2 form{
	width: 45%;
}
.index2{
	padding: 205px 0px 90px;
	position: relative;
}
.index2 .orcile{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: -1;
}
.index2 .orcile canvas{
    position: absolute;
    bottom: 0;
    left: 0;
}
.index2::before{
	content: '';
	width: 50%; 
	left: 0;
	height:100%;
	position: absolute;
	background: #F1F0F0;
	-webkit-clip-path: polygon(0 0, 62% 0, 100% 100%, 0% 100%);
	clip-path: polygon(0 0, 62% 0, 100% 100%, 0% 100%);
	z-index: -1;
	top: 0;
}
.index2block{
	width: 17.5%;
	text-align: right;
	margin-top: 120px;
}
.index2blockp1{
	font-size: 48px;
	font-weight: bold;
	color: #424242;
	position: relative;
	margin-bottom: 10px;
}
.index2blockp1::after{
	content: '';
	width: 0.7em;
	height: 2px;
	background-color: #0081E0;
	position: absolute;
	right: 0.15em;
	bottom: -5px;
}
.index2blockp2{
	font-size: 16px;
	color: #626262;
	margin-bottom: 50px;
}
.index2blockp3{
	margin-bottom: 35px;
}
.index2block a{
	display: inline-block;
	font-size: 16px;
	padding: 15px 55px;
	color: #626262;
	border:1px solid #626262;
	border-radius: 5px;
}
.index2block a span{
	display:block;
	width: 5em;
	text-align: center;
}
.index2des{
	width: 76%;
	padding: 0px 3%;
	font-size: 16px;
	color: #3F3F3F;
	line-height: 2.4;
	margin-top: 350px;
}
.index2num{
	position: absolute;
	bottom: 230px;
	width: 72%;
	background: url('../images/indexnum.png') no-repeat center;
	background-size: 100% 100%;
	color: #fff;
	right: 0;
	padding-right: 210px;
	padding-left: 60px;
	padding-top: 55px;
	padding-bottom: 40px;
}
.index2list{
	width: 25%;
	float: left;
	text-align: center;
}
.index2listp1{
	font-size: 20px;
}
.index2listp2{
	font-size: 24px;
}
.index2listp2 span{
	font-size: 80px;
}
.index2listp2 em{
	font-style: normal;
	font-size: 54px;
	vertical-align: bottom;
	font-weight: bold;
	margin-right: 0.5rem;
}
.index3{
	padding: 80px 0px 115px;
	position: relative;
}
.index3::before{
	content: '';
	width: 100%;
	height: 100%;
	background: url('../images/index3.jpg') no-repeat center;
	background-size: cover;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -2;
}
.index3title {
	font-size: 48px;
	color: #282828;
	font-weight: bold;
	position: relative;
}
.index3title2{
	font-size: 16px;
	color: #626262;
	margin: 15px 0px 45px;
	position: relative;
}
.index3title::after{
	content: '';
	width: 1em;
	height: 2px;
	background-color: #0081E0;
	position: absolute;
	left: 50%;
	margin-left: -0.5em;
	bottom: 0;
}
.business .domain {
	height: 643px;
	position: relative;
	font-size: 0;
	white-space: nowrap;
}
  .business .domain-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
  }
  .business .domain-bg img {
	width: 100%;
	height: 100%;
  }
  .business .domain-item {
	width: 25%;
	height: 100%;
	border-right: 1px solid rgba(255, 255, 255, 0.5);
	display: inline-block;
	color: #fff;
	font-size: 34px;
	vertical-align: top;
	overflow: hidden;
	transition: all 0.5s ease;
  }
  .business .domain-item:last-child {
	border: none;
  }
  .business .domain-item-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: all 0.5s ease;
	z-index: -1;
  }
  .business .domain-item-bg::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
  }
  .business .domain-item-bg img {
	width: 100%;
	height: 100%;
  }
  .business .domain-item-content {
	width: 100%;
	height: 100%;
	position: relative;
	white-space: normal;
  }
  .business .domain-item-content-title {
	position: absolute;
	bottom: 50%;
	left: 50%;
	transform: translate(-50%, 50%);
	transition: all 0.5s ease;
	font-size: 24px;
	width: 80%;
	text-align: center;
  }
  .business .domain-item-content-desc {
	position: absolute;
	top: 50%;
	margin: 0px 40px;
	opacity: 0;
	font-size: 22px;
	line-height: 1.8;
	transition: all 0.5s ease;
  }
  .domain-item-content-link{
	  opacity: 0;
	  position: absolute;
	  margin: 0px 40px;
	  top: 50%;
  }
  .domain-item-content-link a{
	  padding: 0.5rem 1.5rem;
	  color: #fff;
	  font-size: 1.2rem;
	  border: 1px solid #fff;
  }
  .business .domain:hover .domain-item {
	width: 19%;
  }
  .business .domain-item:hover {
	width: 43% !important;
  }
  .business .domain-item:hover .domain-item-bg {
	opacity: 1;
  }
  .business .domain-item:hover .domain-item-content-title {
	bottom: calc(50% + 100px + 12px);
	left: 40px;
	transform: translate(0, 50%);
	color: #fff;
	font-weight: bold;
	text-align: left;
	font-size: 28px;
  }
  .business .domain-item:hover .domain-item-content-desc {
		top: calc(50% - 80px);
		opacity: 1;
  }
  .business .domain-item:hover .domain-item-content-link {
	top: calc(50% - 100px);
	opacity: 1;
}
.business ul{
    position: absolute;top: calc(50% - 25px);;padding: 0px 40px;opacity: 0;width: 100%;
    display: flex;
    flex-wrap: wrap;
    font-size: 18px;
    line-height: 2;
}
.business ul li{
    width: 50%;
}
.business .domain-item:hover ul{
    opacity: 1;
}
.index4{
	background-color: #005098;
	display: flex;
	display: -webkit-flex;
}
.index4left{
	width: 36.57vw;
	padding-left: 10.3vw;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	justify-content: center;
	color: #fff;
}
.yin{
	position: relative;
}
.yin::before{
	content: url('../images/upyin.png');
	position: absolute;
	left: -70px;
	top: -35px;
}
.yin::after{
	content: url('../images/downyin.png');
	position: absolute;
	right: 0px;
	bottom: -25px;
}
.index4right{
	width: 63.43vw;
}
.index4leftp1{
	font-size: 42px;
}
.index4left ul li{
	font-size: 16px;
	line-height: 3;
}
.index4right{
	position: relative;
}
.index4block{
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
	padding-right: 10vw;
}
.index4info{
	color: #fff;
	background-color: rgba(0,80,152, 0.7);
	padding: 40px 60px;
}
.index4infop1{
	font-size: 32px;
	font-family: 'hxb'!important;
	letter-spacing: 5px;
}
.index4infop2{
	font-size: 18px;
	margin-top: 10px;
	line-height: 1.8;
}
.index5{
	padding: 45px 0px 140px;
	background: url('../images/index5.jpg') no-repeat center;
	background-size: cover;
}
.index5img{
  max-height:355px;
  overflow: hidden;
}
.index5listp1{
	padding: 15px 0px 30px;
	font-size: 18px;
	color: #505050;
}
.index5list span{
	display: inline-block;
	padding: 5px 12px;
	background-color: #282828;
	color: #fff;
	font-size: 18px;
	border-radius: 2px;
	transition: all 0.5s;
}
.index5img img{
	transition: all 0.5s;
}
.index5list:hover img{
	transform: scale(1.1);
}
.index5list:hover span{
	background-color: #005098;
}
.navbar{
	padding: 0rem 2rem;
}
.navbar-light .navbar-nav .nav-link {
	color: #fff;
	transition: all 0.2s;
}
.navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link {
	color: #0081E0;
}
.nav-item .active{
	color: #0081E0;
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
	color: #0081E0;
}
.bg-light.sina-nav .sina-menu > li > a {
  padding: 32px 30px;
  color: #494949;
}
.bluelogo{
	display: none;
}
.bg-light .whitelogo{
	display: none;
}
.bg-light .bluelogo{
	display: block;
}
.topsearch a{
	color: #fff;
	font-size: 22px;
	padding: 7px 9px;
	background-color: #023C82;
	border-radius: 50px;
}
/* 弹出搜索 begin */
.searchBar-m {display:none;width:100%;height:100%;position:fixed;top:0px;z-index:9999;text-align:center}
.searchBar-m .mask {position:absolute;left:0;right:0;width:100%;height:100%;background:#000;opacity:0.8;}
.searchBar-m a {display:block;position:absolute;right:5%;top:5%;width:60px;height:60px;line-height:56px;font-size:48px;z-index:9999;color:#fff;}
.searchBar-m a:hover{color:#023C82}
.searchBar-m .form-group {width:70%;max-width:720px;position:absolute;left:50%;top:40%;transform:translate(-50%,-200%);}
.searchBar-m .input{width:88%;background:transparent;border:0;border-bottom:2px solid #f2f2f2;color:#6E6E6E;height:60px;line-height:60px;float:left;padding:0;outline: 0px;color: #fff;padding: 0 0.5rem;
	font-size: 1.2rem;}
.searchBar-m .button {width:8%;height:60px;line-height:60px;border:0px;border-bottom:2px solid #f2f2f2;display:block;float:left;background:url(../images/ico-search-button.png) no-repeat center 50%;text-indent:-2000px}
.searchBar-m .button:hover{background:url(../images/ico-search-button.png) no-repeat center 50%;}
/* 弹出搜索 end */

/* 理念 */
.liniantitle{
	font-size: 4rem;
	margin-bottom: 100px;
}
.toplnleft div,.toplnright div{
	font-size: 50px;
	margin: 20px 0px 40px;
}
.topln ul li{
	font-size: 36px;
	color: #676767;
}
.toplnleft ul li{
	margin-top: 1.5em;
}
.lnpx{
	padding: 140px 0px 200px
}
.lnpxleftp1{
	font-size: 45px;
	color: #4F4F4F;
	margin-top: 15px;
}
.lnpxleftp2{
	font-size: 32px;
	color: #656565;
	line-height: 1.8;
}
.lnpxleftp2:nth-child(2){
	margin-bottom: 40px;
}
.lnpxleft,.lnpxright{
	display: flex;
	display: -webkit-flex;
	align-items: center;
}
.zppage{
	padding-bottom: 100px;
}
.zplistp1{
	font-size: 36px;
	color: #2C2B2B;
}
.zplistp2{
	font-size: 28px;
	color: #646464;
	margin: 10px 0px 20px;
}
.zplistp3{
	padding: 30px 0px;
	border-top: 1px solid #DCDCDC;
	border-bottom: 1px solid #DCDCDC;
	font-size: 24px!important;
}
.zplistp3-1{
	color: #2C2B2B;
	margin-bottom: 10px;
}
.zplistp3-1con{
	color: #646464;
}		
.zplist li{
	margin-bottom: 120px;
}
.zplistp4 a{
	display: inline-block;
	margin-top: 20px;
	font-size: 24px;
	padding: 10px 75px;
	color: #fff;
	background-color: #0081E0;
}
/* 联系我们 */
.lxwm{
	padding: 75px 0px 140px;
}
.lxwmtitle{
	font-size: 4rem;
}
.lxwmtitle2{
	font-size: 24px;
	margin: 5px 0px 75px;
}
.zongbutitle{
	font-size: 48px;
	color: #00A0E9;
	margin-bottom: 20px;
}
.zbcon{
	box-shadow: 0px 0px 10px 10px #F1F1F1;
	padding: 30px 0px;
}
.zongbuleft{
	width: 50%;
	padding-left: 40px;
}
.zongbuleft ul li{
	font-size: 24px;
	color: #585858;
	line-height: 2.4;
}
.zongbuleft ul li span{
	color: #252525;
}
.sales{
	margin-top: 90px;
}
.salescon{
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.salesli{
	width: 48%;
	box-shadow: 0px 0px 10px 10px #F1F1F1;
	padding: 30px 35px;
	margin-bottom: 35px;
	font-size: 24px;
	line-height: 2.4;
	color: #585858;
}
.salesli span{
	color: #252525;
}
.aftersalesul li{
	width: 33.33%;
	float: left;
	font-size: 24px;
	color: #585858;
	line-height: 2.4;
	padding-left: 40px;
}
.jianli{
	padding-bottom: 100px;
}
.jianli form{
	font-size: 22px;
}
.inputarea{
	display: flex;
	align-items: center;
	padding-right: 3rem;
}
.jianli .form-group{
	margin-bottom: 2.4rem;
}
.jianli .anniu button{
	margin: 0px 1rem;
} 

/* 内页导航栏 */
.nyhead.navbar-light .navbar-nav .nav-link {
	color: #494949;
	transition: all 0.2s;
}
.nyhead.navbar{
	padding: 0rem 5rem;
}
.nyhead.sina-nav .sina-menu > li > a {
  padding: 32px 35px;
  color: #464646;
  font-size: 18px;
}
.nyhead.navbar .whitelogo{
    display: none!important;
}
.nyhead.navbar .bluelogo{
    display: block!important;
}
/* 语言切换 */
.langcheck{
	position: absolute;
	height: 100%;
	top: 0;
	line-height: 87px;
	right: 0;
	padding: 0px 5.5rem;
	background-color: #EEEEEE;
}
.dropdown-menu.show a{
	line-height: 1.5em;
}
.index2mobile{
	display: none;
}
.mobilenav{
	display: none;
}

@media screen and (max-width:1600px) {
	.navbar-expand-lg .navbar-nav .nav-link {
		padding-right: 1.5rem;
		padding-left: 1.5rem;
		font-size: 18px;
	}
	.container {
		width: 1170px;
		max-width: 1170px;
	}
	.index1from img {
      max-width: 49%;
      height: auto;
    }
	.index1left {
		padding-left: 0rem;
	}
	.index1form2 form {
		margin-left: 20px;
	}
	.index2listp2 span {
		font-size: 50px;
	}
	.index2listp2 em {
		font-size: 36px;
	}
	.index2listp1 {
		font-size: 18px;
	}
	.index2listp2 {
		font-size: 20px;
	}
	.business .domain {
      height: 500px;
    }
	.index4infop1 {
		font-size: 28px;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
		word-break: break-all;
	}
	.index4infop2 {
		font-size: 16px;
	}
	.gypage1 {
      padding-bottom: 100px;
    }
	.gypage2 {
      height: 925px;
      padding-top: 85px;
    }
    .lipage {
      padding-bottom: 400px;
    }
    .lipage::after {
      height: 375px;
    }
    .lipage4con {
      width: 80%;
    }
	.nyhead.navbar {
		padding: 0rem 2rem;
	}
	.langcheck {
		padding: 0px 1.5rem;
	}
	.lxwmtitle {
		font-size: 3rem;
	}
	.lxwmtitle2 {
		font-size: 20px;
	}
	.zongbutitle {
		font-size: 32px;
	}
	.zongbuleft {
		width: 50%;
		padding-left: 25px;
	}
	.zongbuleft ul li {
		font-size: 20px;
	}
	.salesli {
		font-size: 20px;
	}
	.aftersalesul li {
		font-size: 20px;
	}
	.sales {
		margin-top: 50px;
	}
	.fs-24 {
		font-size: 1.428rem;
	}
	.liniantitle {
		font-size: 3rem;
	}
	.toplnleft div, .toplnright div {
		font-size: 32px;
	}
	.topln ul li {
		font-size: 22px;
	}
	.lnpxleftp1 {
		font-size: 32px;
	}
	.lnpxleftp2 {
		font-size: 22px;
	}
	.jianli form {
		font-size: 16px;
	}
	.zplistp1 {
		font-size: 28px;
	}
	.zplistp2 {
		font-size: 22px;
	}
	.zplistp3 {
		font-size: 20px !important;
	}
	.zplistp4 a {
		font-size: 18px;
	}
	.page-num, .page-link {
		font-size: 16px;
	}
	.newstitle {
		font-size: 3rem;
	}
	.fs-30 {
		font-size: 1.857rem;
	}
	.fs-36{
		font-size: 2.286rem;
	}
	.fs-26 {
		font-size: 1.5rem;
	}
	.cpnavleft {
		font-size: 3rem;
	}
	.width {
		width: 1170px;
		margin: 0px auto;
	}
	.sliderli{
		color: #373737;
		line-height: 3;
		font-size: 16px;
	}
	.lbnav i {
		margin: 0px 1.5rem;
		color: #fff;
		cursor: pointer;
	}
	.gypage1con p {
		font-size: 16px;
		line-height: 2.4;
	}
	.newlistinfop2 {
		margin: 15px 0px 25px;
		letter-spacing: 1px;
	}
	.fs-18 {
		font-size: 1.142rem;
	}
	.lccon {
		padding-left: 0;
	}
	.lctitle {
		font-size: 28px;
	}
	.lipage2img1 {
		top: 135px;
		left: 0vw;
	}
	.lipage2 {
		padding-right: 0;
		position: relative;
	}
	.cpnytopleftp2 {
      font-size: 3rem;
    }
    .sina-nav .sina-menu > li > a {
      padding: 32px 20px;
      font-size: 16px;
    }
    .bg-light.sina-nav .sina-menu > li > a {
      padding: 32px 20px;
      color: #494949;
    }
    .nyhead.sina-nav .sina-menu > li > a {
      padding: 32px 20px;
      font-size: 16px;
    }
    .business ul {
      font-size: 16px;
      line-height: 2;
    }
}


@media screen and (max-width:800px) {
	.navbar {
		border-bottom: 1px solid #fff;
		padding: 0rem 1rem;
	}
	.logo-sm-height{
		max-height: 25px!important;
	}
	.sina-nav .sina-menu > li > a {
        padding: 12px 24px 12px 12px;
    }
    .nyhead.sina-nav .sina-menu > li > a {
        padding: 12px 24px 12px 12px;
    }
	.topsearch{
		display: none;
	}
	.container {
		width: 100%;
		max-width: 100%;
	}
	.langcheck {
		display: none;
	}
	.nyhead.navbar {
		padding: 0rem 1rem;
	}
	.width {
		width: 100%;
		margin: 0px auto;
		padding: 0px 15px;
	}
	.topinfop1 {
		font-size: 22px;
	}
	.topinfop2 {
		font-size: 16px;
	}
	.lxwmtitle {
		font-size: 1.5rem;
	}
	.lxwmtitle2 {
		font-size: 14px;
	}
	.zongbutitle {
		font-size: 20px;
	}
	.zongbuleft {
		width: 100%;
		padding-left: 15px;
		padding-right: 15px;
	}
	.zongbuleft ul li {
		font-size: 14px;
	}
	.salesli {
		width: 100%;
		padding: 10px 15px;
		font-size: 14px;
		margin-bottom: 20px;
	}
	.aftersalesul li {
		font-size: 14px;
		width: 100%;
		padding-left: 15px;
	}
	.lxwm {
		padding: 50px 0px 80px;
	}
	.fs-24 {
		font-size: 1rem;
	}
	.noticenav {
		padding: 0px 15px;
	}
	.noticenav a {
		padding: 15px 0px;
		margin-right: 35px;
	}
	.liniantitle {
		font-size: 2rem;
		margin-bottom: 60px;
	}
	.toplnleft div, .toplnright div {
		font-size: 22px;
		margin: 20px 0px 15px;
	}
	.topln ul li {
		font-size: 15px;
		line-height: 2;
	}
	.lnpx {
		padding: 70px 0px 80px;
	}
	.lnpxleftp1 {
		font-size: 22px;
	}
	.lnpxleftp2 {
		font-size: 15px;
	}
	.lnpxright{
		margin-top: 40px;
	}
	.zplistp1 {
		font-size: 18px;
	}
	.zplistp2 {
		font-size: 14px;
	}
	.zplistp3 {
		font-size: 14px !important;
	}
	.zplistp3 {
		padding: 20px 0px;
	}
	.zplistp4 a {
		font-size: 14px;
		padding: 10px 35px;
		margin-top: 10px;
	}
	.zplist li {
		margin-bottom: 50px;
	}
	.page-num, .page-link {
		font-size: 14px;
	}
	.zppage {
		padding-bottom: 60px;
	}
	.newstitle {
		font-size: 2rem;
	}
	.noticenav {
		margin-bottom: 40px;
	}
	.noticetop {
		margin-bottom: 60px;
		padding: 0px 15px;
	}
	.topnewimg {
		width: 100%;
	}
	.topnewdes {
		width: 100%;
		padding: 25px 2.5%;
	}
	.fs-30 {
		font-size: 1.3rem;
	}
	.topnewdesp1 {
		margin-bottom: 20px;
	}
	.gslist {
		padding-bottom: 60px;
		padding-left: 15px;
		padding-right: 15px;
	}
	.fs-30 {
		font-size: 1rem;
	}
	.gslisterp2 {
		color: #414141;
		margin-top: 15px;
		font-size: 1rem;
	}
	.gslister {
		width: 45%;
		margin-bottom: 25px;
	}
	.gslist nav {
		margin-top: 25px;
	}
	.newpage {
		padding: 35px 0px 50px;
	}
	.topnew {
		margin-bottom: 45px;
		padding: 0px 10px;
	}
	.newlist{
		padding: 0px 15px;
	}
	.newlistimg {
		width: 100%;
	}
	.newlistinfop3 span {
		display: none;
		border: 1px solid #7D7D7D;
		padding: 10px 28px;
	}
	.newlistinfo {
		width: 100%;
		padding: 15px 0px 0px;
	}
	.newlist .row {
		margin-bottom: 5px;
		justify-content: space-between;
	}
	.newlist .row:nth-last-child(1) {
		margin-bottom: 45px;
	}
	.cpnavleft {
		font-size: 2rem;
	}
	.cpnav {
		padding: 20px 0px 10px;
		border-bottom: 1px solid #DCDCDC;
	}
	.cplist {
		padding: 50px 0px 45px;
	}
	.cpinfo{
		padding-top: 25px;
		padding-bottom: 25px;
	}
	.fs-36 {
		font-size: 1.428rem;
	}
	.fs-26 {
		font-size: 1rem;
		line-height: 2;
	}
	.cpinfop2{
		margin-top: 15px;
		font-size: 16px;
		line-height: 1.8;
	}
	.cplist .row {
		justify-content: space-between;
		margin-bottom: 35px;
	}
	.cplist .row:nth-child(2n) {
		justify-content: space-between;
		flex-direction: row;
	}
	.cplist nav {
		margin-top: 10px;
	}
	.gypage3video {
		font-size: 42px;
	}
	.gypage1 {
		padding-bottom: 60px;
		padding-top: 40px;
		position: relative;
	}
	.gypage1 .width{
		display: flex;
		flex-direction: column-reverse;
	}
	.gypage1right {
		width: 100%;
		position: relative;
	}
	.gypage1block {
		display: none;
	}
	.gypage1left {
		width: 100%;
		padding-top: 40px;
	}
	.gypage1right::after {
		content: none;
	}
	.gypage1con p {
		font-size: 14px;
		line-height: 2.2;
		text-indent: 2em;
	}
	.sliderli {
		color: #373737;
		line-height: 2;
		font-size: 14px;
	}
	.gypage2 {
		width: 100%;
		height: auto;
		background: url('../images/advanced_technology_for_supply_chain.jpg') no-repeat top;
		color: #fff;
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.gypage2titp1 {
		font-size: 24px;
	}
	.gypage2tit {
		margin-bottom: 40px;
	}
	.gypage2top1 {
		width: 100%;
	}
	.gypage2top2 {
		width: 100%;
	}
	.gypage2bot1 {
		width: 100%;
	}
	.index1left {
		padding-left: 1rem;
	}



	.index2num {
		position: relative;
		bottom: 0;
		width: 100%;
		background: url('../images/indexnum.png') no-repeat center;
		background-size: cover;
		color: #fff;
		right: 0;
		padding-right: 10px;
		padding-left: 10px;
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.index2list {
		width: 50%;
	}
	.index2list:nth-child(-n+2){
		margin-bottom: 20px;
	}
	.index2listp1 {
		font-size: 14px;
	}
	.index2listp2 {
		font-size: 14px;
	}
	.index2listp2 span {
		font-size: 36px;
	}
	.index2listp2 em {
		font-size: 24px;
	}
	.index2 {
		padding: 60px 0px 60px;
		position: relative;
	}
	.index2block {
		width: 100%;
		text-align: right;
		margin-top: 40px;
	}
	.index2blockp1 {
		font-size: 30px;
	}
	.index2blockp2 {
		font-size: 14px;
		color: #626262;
		margin-bottom: 35px;
	}
	.index2blockp3 {
		margin-bottom: 35px;
		display: inline-block;
	}
	.index2block a {
		display: inline-block;
		font-size: 14px;
		padding: 8px 15px;
		color: #626262;
		border: 1px solid #626262;
		border-radius: 5px;
	}
	.index2des {
		width: 100%;
		padding: 0px 1%;
		font-size: 14px;
		color: #3F3F3F;
		line-height: 2.4;
		margin-top: 10px;
		margin-bottom: 35px;
	}
	.index4 {
		padding: 30px 15px;
		flex-direction: column-reverse;
		flex-wrap: wrap;
	}
	.index4left {
		display: none;
	}
	.index4block {
		position: relative;
		width: 100%;
		bottom: 0;
		left: 0;
		padding-right: 0;
	}
	.index4right {
		width: 100%;
	}
	.index4info {
		color: #fff;
		background-color: rgba(0,80,152, 0.7);
		padding: 20px 0px 0px;
	}
	.index4infop1 {
		font-size: 16px;
	}
	.index4infop2 {
		font-size: 14px;
	}
	.index5listp1 {
		padding: 15px 0px 30px;
		font-size: 16px;
		color: #505050;
	}
	.index5list span {
		display: inline-block;
		padding: 5px 12px;
		background-color: #282828;
		color: #fff;
		font-size: 14px;
		border-radius: 2px;
		transition: all 0.5s;
	}
	.index5list{
		margin-bottom: 25px;
	}
	.index5 {
		padding: 45px 0px 40px;
	}
	.footnav{
		display: none;
	}
	.fs-18 {
		font-size: 1rem;
	}
	.footright {
		display: flex;
		display: -webkit-flex;
		justify-content: start;
		align-items: center;
	}
	.myfoot {
		padding: 30px 0px 30px;
	}
	.fs-16 {
		font-size: 1rem;
	}
	.index1from img {
		width: 49%;
		height: auto;
	}
	.index1from form {
		width: 49%;
		margin-left: 1%;
	}
	.hotkey {
		color: #676767;
		margin: 15px 0px 10px;
	}
	.index1right {
		padding-left: 1rem;
		margin-top: 30px;
	}
	.index1form2 form {
		margin-left: 1%;
	  }
	.index1form2 form {
		width: 49%;
	}
	.index1left .form-control-lg,.index1right .form-control-lg{
		height: calc(1em + 1rem + 2px);
	}
	.index1 {
		padding: 40px 0px 40px;
	}
	.index3{
		display: none;
	}
	.index2mobile{
		display: block;
	}
	.index2mobile{
		padding: 2.5rem 0rem;
		display: block;
		color: #fff;
	}
	.index2mbitem{
		padding: 1.5rem 1rem;
		margin-bottom: 1rem;
	}
	.index2mbitemp1{
		font-size: 1.2rem;
	}
	.index2mbitemp2{
		font-size: 1rem;
		margin: 0.5rem 0 1rem;
	}
	.index2mbitemp3 a{
		display: inline-block;
		padding: 0.2rem 0.75rem;
		color: #fff;
		font-size: 1rem;
		border: 1px solid #fff;
	}
	.navbar-light .navbar-toggler-icon {
		background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(11, 115, 198)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
	}
	.whitelogo{
		display: none;
	}
	.bluelogo{
		display: block;
	}
	.fixed-top{
		position: relative;
	}
	.navbar{
		background-color: #fff;
	}
	.navbar-light .navbar-nav .nav-link {
		color: #282828;
		transition: all 0.2s;
	}
	.lipage {
		width: 100%;
		height: auto;
		padding: 0px 10px 60px;
		overflow: hidden;
		background-size: 100% 100%;
	}
	.lctitle {
		font-size: 18px;
		width: 100%;
		padding-right: 0;
		margin-bottom: 40px;
	}
	.lctitle img{
		height: 30px;
	}
	.lctitle span {
		margin: 0px 60px 0px 30px;
	}
	.lctitle font {
		font-size: 18px;
	}
	.lcleft {
		width: 100%;
	}
	.lcleftp1 {
		font-size: 16px;
	}
	.lcleftp1 span {
		font-size: 20px;
		padding-top: 10px;
		height: 1.65em;
		margin-left: 5px;
		position: relative;
	}
	.lcleftp1 span::before {
		left: -4px;
	}
	.lcleftp2 {
		font-size: 14px;
		line-height: 2.4;
	}
	.lcright {
		margin-top: 15px;
		width: 100%;
		padding: 15px;
	}
	.lipage2 img {
		position: absolute;
		display: none;
	}
	.lipage2 {
		padding: 60px 15px 60px;
		padding-right: 0;
	}
	.lipage2con {
		padding: 0;
		width: 100%;
		background-color: #fff;
		box-shadow: 0px 0px 15px 15px #eee;
		border-radius: 5;
	}
	.lipage2conp1 strong {
		font-size: 28px;
	}
	.lipage2conp1 em {
		font-size: 24px;
		font-style: normal;
	}
	.lipage2conp1 div::before {
		height: calc(100% + 0px);
		left: 5px;
		bottom: 0;
		transform: rotate(-20deg);
		-o-transform: rotate(-20deg);
		-moz-transform: rotate(-20deg);
		-webkit-transform: rotate(-20deg);
	}
	.lipage2conp2 {
		font-size: 14px;
	}
	.inftright{
	    display: none;
	}
	.indexfoot {
      padding: 40px 0px 0px;
    }
	.indexfootbq {
      margin-top: 30px;
    }
    .cpny {
      padding: 60px 0px;
    }
    .cpnytopleftp2 {
      font-size: 2.4rem;
    }
    .cpnytop .row{
        flex-direction: column-reverse;
    }
    .cpnytopright{
        margin-bottom: 30px;
    }
    .cpnytopleftp3 {
      margin-top: 20px;
      font-size: 16px;
      line-height: 1.8;
    }
    .lipage::after {
      height: 75px;
    }
    .lipage4left {
      padding: 39px 10px 50px;
    }
    .lipage4right {
      background-color: #F3F3F3;
      padding: 30px 10px;
    }
    .lipage4con {
      width: 100%;
      margin-left: 0;
    }
    .lipage .position {
      padding: 0px 0px;
    }
    .mobilenav{
        display: block;
    }
}
.bg-info {
	background-color: #1679C4 !important;
}
.btmenu img{
	position: absolute;
	right: 0;
	top: 0;
	max-width: 110px;
}