@charset "utf-8";



/* CSS Document */
.d_n{
	display: none;
}
body {

	margin: 0px;

	padding: 0px;

	font-size: .12rem;

	font-family: Arial, sans-serif;

	color: #666;

	overflow-x: hidden;

}



a {

	color: #666;

	text-decoration: none;

	outline: none;

}



a:active {

	star: expression(this.onFocus=this.blur());

}



img {

	border: 0px;

	vertical-align: middle;

}



a:link {

	text-decoration: none;

	outline: none;

}



a:visited {

	text-decoration: none;

	outline: none;

}



a:hover {

	text-decoration: none;

	color: #4bb030;

	outline: none;

}



ul,

p,

dl,

dt,

dd {

	padding: 0px;

	margin: 0px;

}



li {

	list-style-position: outside;

	list-style-type: none;

}



h1,

h2,

h3,

h4,

h5 {

	font-size: 14px;

	padding: 0px;

	margin: 0px;

}



h1 {

	font-size: 16px;

}



h5 {

	font-size: 12px;

}



.fl {

	float: left;

}



.fr {

	float: right;

}



.clear_f {

	clear: both;

	height: 0px;

	padding: 0px;

	margin: 0px;

	display: block;

	_display: inherit;

}



.h10 {

	height: 10px;

	overflow: hidden;

	clear: both;

}



.h30 {

	height: 30px;

	overflow: hidden;

	clear: both;

}



.h60 {

	height: 60px;

	overflow: hidden;

	clear: both;

}



.h70 {

	height: 70px;

	overflow: hidden;

	clear: both;

}



.h100 {

	height: 100px;

	overflow: hidden;

	clear: both;

}



input,

textarea {

	background: transparent;

	padding: 0px;

	font-size: 12px;

	font-family: Arial, sans-serif;

	color: #888;

	outline: none;

	border: 0px;

}



em {

	font-style: normal;

}



.btn1 {

	cursor: pointer;

}



.red {

	color: #cb1f18;

}



.wal {

	width: 15.36rem;

	margin: 0px auto;

}



.wal2 {

	width: 15.36rem;

	margin: 0px auto;

}



.wal3 {

	width: 1200px;

	margin: 0px auto;

}



.w280 {

	width: 2.8rem;

	position: sticky;

	top: 100px;

}



.w350 {

	width: 3.5rem;

}



.w400 {

	width: 4.0rem;

	position: sticky;

	top: 100px;

}



.w1000 {

	width: 10.0rem;

}



.w1136 {

	width: 11.36rem;

}



.w1195 {

	width: 11.95rem;

}



@font-face {

	font-family: mont;

	src: url(../font/MontserratBold.ttf);

}



@font-face {

	font-family: din;

	src: url(../font/DINPro-Bold.ttf);

}



@font-face {

	font-family: medium;

	src: url(../font/DINCOND-MEDIUM.OTF);

}



@font-face {

	font-family: gilroy;

	src: url(../font/Gilroy-Light.ttf);

}



.flex,

.honor .list li .imgDiv,

.pic-modal-box .pic-box,

.drainPart5 .rq .rq2 .swiper-slide .rig {

	display: flex;

	display: -webkit-flex;

}



.flex,

.honor .list li .imgDiv,

.pic-modal-box .pic-box,

.drainPart5 .rq .rq2 .swiper-slide .rig {

	align-items: center;

	-webkit-align-items: center;

}



.flex,

.honor .list li .imgDiv,

.pic-modal-box .pic-box,

.drainPart5 .rq .rq2 .swiper-slide .rig {

	justify-content: center;

	-webkit-justify-content: center;

}



a,

.sNav li a:before,

.nav li a:after,

.indexPart1 .tab2 li:after,

.indexPart1 .tab2 li .ico img,

.indexPart1 .tab2 li .name,

.indexPart1 .tab2 li .wen,

.softwarePic .botDiv,

.softwarePic .botDiv:after,

.softwarePic .name,

.softwarePic .msg,

.softwarePic .ico,

.indexPart2 .btn li em:after,

.indexPart2 .name,

.indexPart4 .btn li:after,

.caseBox .swiper-slide,

.indexPart5 .list li .lbox a:before,

.indexPart5 .list li .ico,

.indexPart5 .list li .ico img,

.indexPart5 .list li .name,

.indexPart5 .list li .wen,

.indexPart5 .list li .msg,

.indexPart5 .list li .more,

.indexPart6 .tab2 li:after,

.honor .list li .box,

.honor .list li .name,

.newsTab li a:after,

.news .list li .ico,

.news .list li .name,

.sideNews .list li .name,

.download .list li .btn,

.download .list li .name,

.download .list li .msg,

.case .list li .box,

.case .list li .botDiv,

.case .list li .ico,

.casePic .name,

.drainPart4 .list li .box,

.drainPart4 .list li .ico img,

.drainPart4 .list li .name,

.drainPart4 .list li .content,

.drainPart6 .rightDiv li .name,

.memberNav dd a:before,

.product .list li .botDiv:after,

.soluPic .name,

.productBot .rightDiv li .name,

.caseBox .btnDiv a:after,

.indexPart2 .imgDiv,

.indexPart2 .conDiv {

	transition: All 0.5s ease;

	-webkit-transition: All 0.5s ease;

	-moz-transition: All 0.5s ease;

	-o-transition: All 0.5s ease;

}



.sNav,

.indexPart1 .bigImg img,

.sideTitleTel .con img {

	transition: All 0.8s ease;

	-webkit-transition: All 0.8s ease;

	-moz-transition: All 0.8s ease;

	-o-transition: All 0.8s ease;

}



.softwarePic .imgDiv img,

.news .list li .imgDiv img,

.case .list li .imgDiv img,

.casePic .imgDiv img,

.drainPart6 .rightDiv li .imgDiv img,

.product .list li .imgDiv img,

.drainPart2 .limg .hla img,

.soluPic .imgDiv img,

.productBot .rightDiv li .imgDiv img,

.indexPart2 .imgDiv img,

.video .list li .imgDiv img,

.sideNews .list li .imgDiv img {

	transition: All 1s ease;

	-webkit-transition: All 1s ease;

	-moz-transition: All 1s ease;

	-o-transition: All 1s ease;

}



.gradient {

	background-image: linear-gradient(top, #59c7fa, #229ad7);

	background-image: -webkit-linear-gradient(top, #59c7fa, #229ad7);

	background-image: -moz-linear-gradient(top, #59c7fa, #229ad7);

	background-image: -o-linear-gradient(top, #59c7fa, #229ad7);

	background-image: linear-gradient(to bottom, #59c7fa, #229ad7);

	background-image: -webkit-linear-gradient(to bottom, #59c7fa, #229ad7);

	background-image: -moz-linear-gradient(to bottom, #59c7fa, #229ad7);

	background-image: -o-linear-gradient(to bottom, #59c7fa, #229ad7);

}



@keyframes fadeOfOpacity {

	0% {

		opacity: 0;

	}



	100% {

		opacity: 1;

	}

}



@-webkit-keyframes am_top {

	0% {

		-webkit-transform: translate(0, 30px);

		opacity: 0
	}



	100% {

		-webkit-transform: translate(0, 0px);

		opacity: 1
	}

}





.Phone-Box {

	display: none;

}





.fangda {

	overflow: hidden;

}



.fangda img {

	transition: 2s;

	-moz-transition: 2s;

	-webkit-transition: 2s;

	-o-transition: 2s;

}



.fangda:hover img {

	transform: scale(1.1);

	-webkit-transform: scale(1.1);

}



/*按钮动画--start*/

.ico_h {

	display: inline-block;

	position: relative;

	-webkit-transition-duration: 0.3s;

	transition-duration: 0.3s;

	-webkit-transition-property: transform;

	transition-property: transform;

	-webkit-transform: translateZ(0);

	transform: translateZ(0);

	box-shadow: 0 0 1px rgba(0, 0, 0, 0);

}



.ico_h:before {

	pointer-events: none;

	position: absolute;

	z-index: -1;

	content: '';

	top: 100%;

	left: 5%;

	height: 10px;

	width: 90%;

	opacity: 0;

	background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);

	/* W3C */

	-webkit-transition-duration: 0.3s;

	transition-duration: 0.3s;

	-webkit-transition-property: transform, opacity;

	transition-property: transform, opacity;

}



.ico_h:hover,

.ico_h:focus,

.ico_h:active {

	-webkit-transform: translateY(-6px);

	transform: translateY(-6px);

	-webkit-animation-name: hover;

	animation-name: hover;

	-webkit-animation-duration: 1.5s;

	animation-duration: 1.5s;

	-webkit-animation-delay: 0.3s;

	animation-delay: 0.3s;

	-webkit-animation-timing-function: linear;

	animation-timing-function: linear;

	-webkit-animation-iteration-count: infinite;

	animation-iteration-count: infinite;

	-webkit-animation-direction: alternate;

	animation-direction: alternate;

}



.ico_h:hover:before,

.ico_h:focus:before,

.ico_h:active:before {

	opacity: .4;

	-webkit-transform: translateY(6px);

	transform: translateY(6px);

	-webkit-animation-name: hover-shadow;

	animation-name: hover-shadow;

	-webkit-animation-duration: 1.5s;

	animation-duration: 1.5s;

	-webkit-animation-delay: 0.3s;

	animation-delay: 0.3s;

	-webkit-animation-timing-function: linear;

	animation-timing-function: linear;

	-webkit-animation-iteration-count: infinite;

	animation-iteration-count: infinite;

	-webkit-animation-direction: alternate;

	animation-direction: alternate;

}



/*按钮动画--end*/



.headD {

	height: 100px;

}



.headDiv {

	height: 100px;

	position: fixed;

	z-index: 6;

	left: 0;

	top: 0;

	width: 100%;

	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08);

	background: #fff;

}



.headDiv .wal {

	position: relative;

	height: 100px;

}



.headDiv .logo {

	display: block;

	position: absolute;

	left: 0;

	top: 0;

	line-height: 100px;

}



.headDiv .logo img {

	width: 89px;

}



.headDiv .tel {

	position: absolute;

	right: 0;

	top: 0;

	font-size: 18px;

	color: #007ccb;

	font-weight: bold;

	line-height: 100px;

	padding-left: 32px;

	background: url(../images/nimg19_1.png) left center no-repeat;

}







.nav {

	text-align: center;

	font-size: 0;

}



.nav li {

	display: inline-block;

}



.nav li a {

	display: block;

	font-size: 16px;

	padding: 0 0.5rem;

	height: 100px;

	line-height: 100px;

	color: #000;

	position: relative;

}



.nav li a:after {

	content: '';

	position: absolute;

	left: 50%;

	bottom: 22px;

	width: 0;

	height: 3px;

	background: #007ccb;

}



.nav li a:hover,

.nav li .aNow,

.nav li .aNow1 {

	color: #007ccb;

}



.nav li a:hover:after,

.nav li .aNow:after,

.nav li .aNow1:after {

	width: 50px;

	margin-left: -25px;

}



/*导航触发效果*/

.sNav {

	opacity: 0;

	visibility: hidden;

	position: fixed;

	z-index: -1;

	width: 100%;

	left: 0;

	top: 100px;

	background: rgba(255, 255, 255, 0.9);

	background-size: cover;

	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08);

}



.sNav .mxfDiv {

	padding: 105px 0 110px;

}



.sNav .leftDiv {

	width: 660px;

	height: 210px;

	position: relative;

	opacity: 0;

	visibility: hidden;

	transition: transform 1.4s, opacity 1.4s ease;

	transform: translateX(-50px);

	-webkit-transform: translateX(-50px);

	-moz-transform: translateX(-50px);

	-ms-transform: translateX(-50px);

	-o-transform: translateX(-50px);

}
.drainPart6 .leftDiv .toptop a{
	display: none;
}


.sNav .leftDiv:after {

	content: '';

	position: absolute;

	right: 0;

	top: 0;

	width: 1px;

	height: 100%;

	background: #f0f0f0;

}



.sNav .leftDiv .imgDiv img {

	width: 315px;

}



.sNav .leftDiv .txtDiv {

	padding-left: 75px;

}



.sNav .leftDiv .msg {

	font-size: 24px;

	color: #000;

	line-height: 30px;

	padding-top: 25px;

}



.sNav .leftDiv .btnDiv {

	padding-top: 45px;

}



.sNav .leftDiv .btnDiv a {

	display: block;

	background: #2e8bd2;

	line-height: 48px;

	font-size: 14px;

	font-weight: bold;

	color: #fff;

	text-transform: uppercase;

	text-align: center;

	width: 140px;

	height: 48px;

}



.sNav .rightDiv {

	padding-left: 85px;

	width: 230px;

	opacity: 0;

	visibility: hidden;

	transition: transform 1.4s, opacity 1.4s ease;

	transform: translateX(50px);

	-webkit-transform: translateX(50px);

	-moz-transform: translateX(50px);

	-ms-transform: translateX(50px);

	-o-transform: translateX(50px);

}



.sNav li {

	padding-bottom: 30px;

}



.sNav li:last-child {

	padding-bottom: 0;

}



.sNav li a {

	font-size: 16px;

	line-height: 16px;

	display: block;

	color: #4e4e4e;

	position: relative;

	padding-left: 16px;

}



.sNav li a:hover {

	color: #007ccb;

}



.sNav li a:before {

	content: '';

	position: absolute;

	left: 0;

	top: 50%;

	margin-top: -2px;

	width: 4px;

	height: 4px;

	background: #dbdbdb;

}



.sNav li a:hover:before {

	background: #0851a7;

}



.sNav.on {

	opacity: 1;

	visibility: visible;

	z-index: 6;

}



.sNav.on .leftDiv,

.sNav.on .rightDiv {

	opacity: 1;

	visibility: visible;

	transform: translateX(0);

	-webkit-transform: translateX(0);

	-moz-transform: translateX(0);

	-ms-transform: translateX(0);

	-o-transform: translateX(0);

}



.navIco {

	display: none;

	background: #007ccb;

	position: absolute;

	right: 0;

	top: 0;

	width: 1.2rem;

	height: 1.2rem;

	line-height: 1.2rem;

	text-align: center;

}



.navIco img {

	width: 0.36rem;

}



.searchIco {

	display: none;

	position: absolute;

	right: 1.2rem;

	top: 0;

	width: 1.2rem;

	height: 1.2rem;

	line-height: 1.2rem;

	text-align: center;

}



.searchIco img {

	width: 0.48rem;

}





.pageBg {

	position: fixed;

	z-index: 5;

	width: 100%;

	height: 100%;

	display: none;

	background: rgba(0, 0, 0, 0.5);

	left: 0px;

	top: 0px;

}



.navLayer {

	overflow-x: auto;

	height: 100%;

	width: 100%;

	overflow: hidden;

	position: fixed;

	z-index: 22;

	right: -100%;

	top: 0px;

}



.navLayer .bg {

	overflow-x: auto;

	position: relative;

	background: #fff;

	height: 100%;

	width: 100%;

}



.navLayer .toptop {

	height: 1.2rem;

	position: relative;

	border-bottom: #d6d6d6 solid 1px;

}



.navLayer .closeBtn {

	width: 1.2rem;

	height: 1.2rem;

	position: absolute;

	top: 0px;

	right: 0;

	text-align: center;

	line-height: 1.2rem;

}



.navLayer .closeBtn img {

	width: 0.48rem;

}



.sideNav {

	padding: 0 0 0.3rem;

}



.subNav {

	cursor: pointer;

	display: block;

	height: 1.0rem;

	line-height: 1.0rem;

	position: relative;

	font-size: 0.34rem;

	border-bottom: #d6d6d6 solid 1px;

}



.subNav1 {

	position: absolute;

	display: block;

	z-index: 2;

	right: 0;

	top: 0;

	width: 1.0rem;

	height: 1.0rem;

	background: url(../img/jia.png) center no-repeat;

	background-size: 0.3rem;

	color: #333;

}



.subNav .name {

	position: relative;

	padding-left: 0.3rem;

}



.subNav a {

	color: #333;

	display: block;

}



.currentDt {

	background: #007ccb url(../images/ico4on.png) right center no-repeat;

	background-size: 0.53rem;

}



.currentDt a {

	color: #fff;

}



.currentDt .subNav1 {

	background: none;

}



.navContent {

	display: none;

}



.navContent a {

	display: block;

	height: 0.88rem;

	border-bottom: #d6d6d6 solid 1px;

	line-height: 0.88rem;

	color: #666;

	background: #f6f6f6;

	font-size: 0.3rem;

	padding-left: 0.3rem;

}



.search-form {

	width: 100%;

	position: fixed;

	left: 0;

	top: 1.2rem;

	background: #f9f9f9;

	z-index: 3;

	padding: 0.4rem 0.3rem;

	display: none;

	box-sizing: border-box;

	border-top: 1px solid #ddd;

	/* input placeholder  */

}



.search-form .wal {

	position: relative;

	display: flex;

	display: -webkit-box;

	/* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */

	display: -moz-box;

	/* Firefox 17- */

	display: -webkit-flex;

	/* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */

	display: -moz-flex;

	/* Firefox 18+ */

	display: -ms-flexbox;

	/* IE 10 */

	align-items: center;

	border-bottom: 1px solid #4bb030;

}



.search-form .keywords {

	flex: 1;

	overflow: hidden;

	line-height: 0.9rem;

	margin-left: 0.3rem;

	font-size: 0.28rem;

	color: #999;

}



.search-form ::-webkit-input-placeholder {

	/* WebKit browsers */

	color: #666;

}



.search-form :-moz-placeholder {

	/* Mozilla Firefox 4 to 18 */

	color: #666;

}



.search-form ::-moz-placeholder {

	/* Mozilla Firefox 19+ */

	color: #666;

}



.search-form :-ms-input-placeholder {

	/* Internet Explorer 10+ */

	color: #666;

}



.search-form .icon-close {

	position: absolute;

	right: 0;

	top: 50%;

	z-index: 10;

	margin-top: -0.15rem;

	transition: transform 0.3s ease;

	-webkit-transition: transform 0.3s ease;

	-moz-transition: transform 0.3s ease;

	-ms-transition: transform 0.3s ease;

	-o-transition: transform 0.3s ease;

}



.search-form .icon-close img {

	width: 0.34rem;

}



.search-form .icon-close:hover {

	transform: rotate(180deg);

	-webkit-transform: rotate(180deg);

	-moz-transform: rotate(180deg);

	-o-transform: rotate(180deg);

}



.footDiv {

	padding-top: 1.0rem;

	height: 4.6rem;

	background: #272727;

	box-sizing: border-box;

	position: relative;

}



.footDiv .logo img {

	width: 2.6rem;

}



.footDiv .tel {

	font-size: 30px;

	line-height: 30px;

	color: #fff;

	font-weight: bold;

}



.footDiv .wen {

	font-size: 16px;

	color: rgba(255, 255, 255, 0.4);

	padding-top: 15px;

	padding-bottom: 0.55rem;

	line-height: 16px;

}



.footDiv .ewmDiv {

	width: 110px;

}



.footDiv .ewmDiv .limg img {

	width: 110px;

}



.footDiv .ewmDiv p {

	text-align: center;

	font-size: 14px;

	padding-top: 15px;

	color: #fff;

}



.footNav li {

	float: left;

	padding-left: 1.2rem;

}



.footNav li h2 a {

	color: #fff;

	display: block;

	font-size: 14px;

	height: 0.42rem;

}



.footNav dd a {

	display: block;

	line-height: 30px;

	color: #8d8d8d;

	font-size: 14px;

}



.footNav dd a:hover {

	color: #007ccb;

}





.foot {

	height: 1.92rem;

	position: relative;

	background: #272727;

}



.foot .wal {

	position: relative;

}



.foot .links {

	width: 244px;

	position: relative;

}



.foot .links .name {

	height: 38px;

	line-height: 38px;

	font-size: 14px;

	color: rgba(255, 255, 255, 0.4);

	padding-left: 16px;

	border: #54575c solid 1px;

	position: relative;

	cursor: pointer;

}



.foot .links .name:after {

	content: '';

	position: absolute;

	right: 18px;

	top: 50%;

	margin-top: -3px;

	width: 11px;

	height: 6px;

	/* background:url(../images/selectIco.png) center no-repeat; */

}



.foot .links dl {

	position: absolute;

	z-index: 3;

	right: 0px;

	bottom: 38px;

	width: 100%;

	display: none;

}



.foot .links dd {

	margin-bottom: 1px;

}



.foot .links dd a {

	display: block;

	height: 36px;

	line-height: 36px;

	padding: 0 18px 0 16px;

	color: #666;

	background: #272727;

	border: #54575c solid 1px;

	font-size: 14px;

}



.foot .links dd a:hover {

	color: #007ccb;

}



.foot .msg {

	padding-top: 0.35rem;

	font-size: 12px;

	color: #818181;

	line-height: 12px;

}



.foot .msg a {

	color: #818181;

}



.foot .msg a:hover {

	text-decoration: underline;

	color: #007ccb;

}



.foot .share li {

	float: left;

	margin-left: 20px;

	width: 38px;

	height: 38px;

	text-align: center;

}



.foot .share li a {

	display: block;

	width: 100%;

	height: 100%;

	position: relative;

	background: #3a3a3a;

	border-radius: 50%;

}



.foot .share li a img {

	position: absolute;

	left: 50%;

	margin-left: -10px;

	margin-top: -8px;

	top: 50%;

}



.foot .share li a:hover {

	background: #007ccb;

}



.foot .list {

	padding-top: 0.3rem;

	color: #818181;

	clear: both;

	position: relative;

	right: -12px;

	font-size: 12px;

}



.foot .list a {

	padding: 0 12px;

	color: #818181;

}



.foot .list a:hover {

	color: #007ccb;

}



.pageBanner {

	position: relative;

}



.pageBanner .bg {

	height: 5.4rem;

	background: center no-repeat;

	background-size: cover;

}



.pageBanner .txtDiv {

	position: absolute;

	left: 50%;

	top: 50%;

	transform: translateY(-50%);

	margin-left: -7.68rem;

	z-index: 1;

}



.pageBanner .cn {

	font-size: 0.48rem;

	line-height: 0.48rem;

	color: #fefefe;

	padding-bottom: 0.45rem;

}



.pageBanner .en {

	padding-bottom: 1.35rem;

	position: relative;

	color: rgba(255, 255, 255, 0.4);

	text-transform: uppercase;

	font-size: 0.24rem;

	line-height: 0.24rem;

	font-family: mont;

}



.pageBanner .en:after {

	content: '';

	position: absolute;

	left: 0;

	bottom: 0;

	width: 0.75rem;

	height: 3px;

	background: #fff;

}



.pageTop {

	height: 80px;

	position: relative;

	background: #f8f8f8;

}



.pageTop .wal2 {

	position: relative;

}



.pageNav li {

	float: left;

	width: 130px;

	font-size: 16px;

	position: relative;

	z-index: 1;

}



.pageNav2 li {

	width: 190px;

}



.pageNav li a {

	display: block;

	text-align: center;

	color: #8d8d8d;

	height: 80px;

	line-height: 80px;

}



.pageNav li a:hover {

	color: #007ccb;

}



.pageNav li .aNow {

	color: #fff !important;

	background-image: linear-gradient(top, #00a8ff, #0082db);

	background-image: -webkit-linear-gradient(top, #00a8ff, #0082db);

	background-image: -moz-linear-gradient(top, #00a8ff, #0082db);

	background-image: -o-linear-gradient(top, #00a8ff, #0082db);

	background-image: linear-gradient(to bottom, #00a8ff, #0082db);

	background-image: -webkit-linear-gradient(to bottom, #00a8ff, #0082db);

	background-image: -moz-linear-gradient(to bottom, #00a8ff, #0082db);

	background-image: -o-linear-gradient(to bottom, #00a8ff, #0082db);

}



.pageNow {

	position: absolute;

	right: 0;

	top: 0;

	line-height: 80px;

	font-size: 14px;

	z-index: 1;

}



.pageNow a {

	color: #5b5b5b;

	position: relative;

	display: inline-block;

	padding-right: 16px;

	padding-left: 14px;

}



.pageNow a:after {

	content: '';

	width: 3px;

	height: 5px;

	position: absolute;

	right: 0;

	top: 50%;

	margin-top: -3px;

	background: url(../images/ico3.png) center no-repeat;

}



.pageNow a:hover {

	text-decoration: underline;

}



.pageNow em {

	color: #007ccb;

	padding-left: 14px;

}



.pageNow img {

	position: relative;

	top: -2px;

}



.pageTopNow {

	position: fixed;

	width: 100%;

	left: 0;

	top: 100px;

	z-index: 5;

}



.pageMxf {

	position: relative;

}



.pageBox {

	padding: 120px 0;

}



/*.stickyDiv{ position:sticky; top:100px;}*/



.pageTitle .c-title {

	font-size: 36px;

	line-height: 0.36rem;

	color: #333;

	padding-bottom: 0.15rem;

}



.pageTitle .e-title {

	font-size: 18px;

	line-height: 18px;

	color: #999;

	text-transform: uppercase;

}



.pageTitleTel {

	height: 1.1rem;

	background: #007ccb;

	position: relative;

}



.sideTitleTel {

	width: 100%;

	height: 1.1rem;

	position: absolute;

	left: 0px;

	top: 0px;

}



.sideTitleTel .con {

	font-size: 0.36rem;

	height: 1.1rem;

	line-height: 1.1rem;

	position: relative;

	padding-right: 10px;

}



.sideTitleTel .con a {

	color: #fff;

	display: block;

	height: 1.1rem;

	padding-left: 0.3rem;

}



.sideTitleTel .con img {

	position: absolute;

	right: 0.3rem;

	top: 50%;

	margin-top: -0.12rem;

	width: 0.4rem;

}



.sideTitleTel .con.on img {

	transform: rotate(180deg);

	-ms-transform: rotate(180deg);

	-moz-transform: rotate(180deg);

	-webkit-transform: rotate(180deg);

	-o-transform: rotate(180deg);

}



.sideTitleNav {

	position: absolute;

	top: 1.1rem;

	z-index: 10;

	width: 100%;

	background: #fff;

	display: none;

	box-shadow: 0 1px 5px rgba(35, 25, 25, 0.2);

	-moz-box-shadow: 0 1px 5px rgba(35, 25, 25, 0.2);

	-webkit-box-shadow: 0 1px 5px rgba(35, 25, 25, 0.2);

}



.sideTitleNav li {

	font-size: 0.3rem;

	border-bottom: #d7d7d7 solid 1px;

	position: relative;

}



.sideTitleNav li a {

	display: block;

	height: 1.0rem;

	line-height: 1.0rem;

	padding-left: 0.3rem;

	color: #666;

	position: relative;

}



.sideTitleNav li.has-nav3 a:after {

	content: '';

	position: absolute;

	right: 0.3rem;

	top: 50%;

	width: 11px;

	height: 6px;

	background: url(../images/ico6.png) no-repeat;

}



.sideTitleTel .con em {

	display: block;

	color: #fff;

	padding-left: 0.3rem;

}



.sideTitleNav dl {

	display: none;

}



.sideTitleNav dd a {

	padding-left: 0.5rem;

	height: 0.8rem;

	line-height: 0.8rem;

	font-size: 0.26rem;

}



.sideTitleNav dd a:after {

	display: none;

}





/*分页*/

.pageNum {

	text-align: center;

	overflow: hidden;

	padding-top: 30px;

}



.pageNum a {

	display: inline-block;

	position: relative;

	height: 38px;

	line-height: 38px;

	width: 46px;

	margin: 0 4px;

	border: #efefef solid 1px;

	font-size: 14px;

	color: #999;

	background: #fff;

	text-align: center;

	border-radius: 24px;

}



.pageNum a .img1 {

	display: none;

}



.pageNum a:hover,

.pageNum .aNow {

	background: #007ccb;

	color: #fff;

	border: #007ccb solid 1px;

}



.pageNum a:hover img,

.pageNum .aNow img {

	display: none;

}



.pageNum a:hover .img1,

.pageNum .aNow .img1 {

	display: inline-block;

}



.pageNum .prev,

.pageNum .next {

	width: 98px;

	text-align: left;

}



.pageNum .prev {

	text-indent: 38px;

}



.pageNum .prev:before {

	content: '';

	position: absolute;

	left: 22px;

	top: 50%;

	margin-top: -5px;

	width: 6px;

	height: 10px;

	background: url(../images/nimg6_left.png) center no-repeat;

}



.pageNum .next {

	text-indent: 20px;

}



.pageNum .next:before {

	content: '';

	position: absolute;

	right: 22px;

	top: 50%;

	margin-top: -5px;

	width: 6px;

	height: 10px;

	background: url(../images/nimg6_right.png) center no-repeat;

}



.pageNum .prev:hover:before {

	background: url(../images/nimg6_lefton.png) center no-repeat;

}



.pageNum .next:hover:before {

	background: url(../images/nimg6_righton.png) center no-repeat;

}



.pageMore {

	padding-top: 10px;

}



.pageMore a {

	display: block;

	height: 60px;

	line-height: 60px;

	background: #f7f7f7;

	color: #ccc;

	text-align: center;

	font-size: 14px;

}



.pageMore a:hover {

	background: #007ccb;

	color: #fff;

}



.topA {

	display: none;

	width: 50px;

	height: 50px;

	background: #fff url(../images/topA.png) center no-repeat;

	position: fixed;

	right: 0;

	bottom: 30px;

	z-index: 2;

	box-shadow: 0px 0px 17.64px 0.36px rgba(0, 0, 0, 0.05);

}



.topA:hover {

	background: #007ccb url(../images/topAon.png) center no-repeat;

}



.addLayer.on {

	padding-top: 80px;

}



.tabContent {

	display: none;

}



.tab li {

	cursor: pointer;

}



.tabContent2 {

	display: none;

}



.tab2 li {

	cursor: pointer;

}





.fadeInUp50 {

	-webkit-animation-name: fadeInUp50;

	-moz-animation-name: fadeInUp50;

	-ms-animation-name: fadeInUp50;

	animation-name: fadeInUp50;

}



@-webkit-keyframes fadeInUp50 {

	from {

		opacity: 0;

		-webkit-transform: translate3d(0, 50px, 0);

		-moz-transform: translate3d(0, 50px, 0);

		-ms-transform: translate3d(0, 50px, 0);

		transform: translate3d(0, 50px, 0);

	}



	to {

		opacity: 1;

		-webkit-transform: translate3d(0, 0, 0);

		-moz-transform: translate3d(0, 0, 0);

		-ms-transform: translate3d(0, 0, 0);

		transform: translate3d(0, 0, 0);

	}

}



@-moz-keyframes fadeInUp50 {

	from {

		opacity: 0;

		-webkit-transform: translate3d(0, 50px, 0);

		-moz-transform: translate3d(0, 50px, 0);

		-ms-transform: translate3d(0, 50px, 0);

		transform: translate3d(0, 50px, 0);

	}



	to {

		opacity: 1;

		-webkit-transform: translate3d(0, 0, 0);

		-moz-transform: translate3d(0, 0, 0);

		-ms-transform: translate3d(0, 0, 0);

		transform: translate3d(0, 0, 0);

	}

}



@-o-keyframes fadeInUp50 {

	from {

		opacity: 0;

		-webkit-transform: translate3d(0, 50px, 0);

		-moz-transform: translate3d(0, 50px, 0);

		-ms-transform: translate3d(0, 50px, 0);

		transform: translate3d(0, 50px, 0);

	}



	to {

		opacity: 1;

		-webkit-transform: translate3d(0, 0, 0);

		-moz-transform: translate3d(0, 0, 0);

		-ms-transform: translate3d(0, 0, 0);

		transform: translate3d(0, 0, 0);

	}

}



@keyframes fadeInUp50 {

	from {

		opacity: 0;

		-webkit-transform: translate3d(0, 50px, 0);

		-moz-transform: translate3d(0, 50px, 0);

		-ms-transform: translate3d(0, 50px, 0);

		transform: translate3d(0, 50px, 0);

	}



	to {

		opacity: 1;

		-webkit-transform: translate3d(0, 0, 0);

		-moz-transform: translate3d(0, 0, 0);

		-ms-transform: translate3d(0, 0, 0);

		transform: translate3d(0, 0, 0);

	}

}



.fadeInLeft50 {

	-webkit-animation-name: fadeInLeft50;

	-moz-animation-name: fadeInLeft50;

	-ms-animation-name: fadeInLeft50;

	animation-name: fadeInLeft50;

}



@-webkit-keyframes fadeInLeft50 {

	from {

		opacity: 0;

		-webkit-transform: translate3d(-50px, 0, 0);

		-moz-transform: translate3d(-50px, 0, 0);

		-ms-transform: translate3d(-50px, 0, 0);

		transform: translate3d(-50px, 0, 0);

	}



	to {

		opacity: 1;

		-webkit-transform: translate3d(0, 0, 0);

		-moz-transform: translate3d(0, 0, 0);

		-ms-transform: translate3d(0, 0, 0);

		transform: translate3d(0, 0, 0);

	}

}



@-moz-keyframes fadeInLeft50 {

	from {

		opacity: 0;

		-webkit-transform: translate3d(-50px, 0, 0);

		-moz-transform: translate3d(-50px, 0, 0);

		-ms-transform: translate3d(-50px, 0, 0);

		transform: translate3d(-50px, 0, 0);

	}



	to {

		opacity: 1;

		-webkit-transform: translate3d(0, 0, 0);

		-moz-transform: translate3d(0, 0, 0);

		-ms-transform: translate3d(0, 0, 0);

		transform: translate3d(0, 0, 0);

	}

}



@-o-keyframes fadeInLeft50 {

	from {

		opacity: 0;

		-webkit-transform: translate3d(-50px, 0, 0);

		-moz-transform: translate3d(-50px, 0, 0);

		-ms-transform: translate3d(-50px, 0, 0);

		transform: translate3d(-50px, 0, 0);

	}



	to {

		opacity: 1;

		-webkit-transform: translate3d(0, 0, 0);

		-moz-transform: translate3d(0, 0, 0);

		-ms-transform: translate3d(0, 0, 0);

		transform: translate3d(0, 0, 0);

	}

}



@keyframes fadeInLeft50 {

	from {

		opacity: 0;

		-webkit-transform: translate3d(-50px, 0, 0);

		-moz-transform: translate3d(-50px, 0, 0);

		-ms-transform: translate3d(-50px, 0, 0);

		transform: translate3d(-50px, 0, 0);

	}



	to {

		opacity: 1;

		-webkit-transform: translate3d(0, 0, 0);

		-moz-transform: translate3d(0, 0, 0);

		-ms-transform: translate3d(0, 0, 0);

		transform: translate3d(0, 0, 0);

	}

}



.fadeInRight50 {

	-webkit-animation-name: fadeInRight50;

	-moz-animation-name: fadeInRight50;

	-ms-animation-name: fadeInRight50;

	animation-name: fadeInRight50;

}



@-webkit-keyframes fadeInRight50 {

	from {

		opacity: 0;

		-webkit-transform: translate3d(50px, 0, 0);

		-moz-transform: translate3d(50px, 0, 0);

		-ms-transform: translate3d(50px, 0, 0);

		transform: translate3d(50px, 0, 0);

	}



	to {

		opacity: 1;

		-webkit-transform: translate3d(0, 0, 0);

		-moz-transform: translate3d(0, 0, 0);

		-ms-transform: translate3d(0, 0, 0);

		transform: translate3d(0, 0, 0);

	}

}



@-moz-keyframes fadeInRight50 {

	from {

		opacity: 0;

		-webkit-transform: translate3d(50px, 0, 0);

		-moz-transform: translate3d(50px, 0, 0);

		-ms-transform: translate3d(50px, 0, 0);

		transform: translate3d(50px, 0, 0);

	}



	to {

		opacity: 1;

		-webkit-transform: translate3d(0, 0, 0);

		-moz-transform: translate3d(0, 0, 0);

		-ms-transform: translate3d(0, 0, 0);

		transform: translate3d(0, 0, 0);

	}

}



@-o-keyframes fadeInRight50 {

	from {

		opacity: 0;

		-webkit-transform: translate3d(50px, 0, 0);

		-moz-transform: translate3d(50px, 0, 0);

		-ms-transform: translate3d(50px, 0, 0);

		transform: translate3d(50px, 0, 0);

	}



	to {

		opacity: 1;

		-webkit-transform: translate3d(0, 0, 0);

		-moz-transform: translate3d(0, 0, 0);

		-ms-transform: translate3d(0, 0, 0);

		transform: translate3d(0, 0, 0);

	}

}



@keyframes fadeInRight50 {

	from {

		opacity: 0;

		-webkit-transform: translate3d(50px, 0, 0);

		-moz-transform: translate3d(50px, 0, 0);

		-ms-transform: translate3d(50px, 0, 0);

		transform: translate3d(50px, 0, 0);

	}



	to {

		opacity: 1;

		-webkit-transform: translate3d(0, 0, 0);

		-moz-transform: translate3d(0, 0, 0);

		-ms-transform: translate3d(0, 0, 0);

		transform: translate3d(0, 0, 0);

	}

}



@media (print),

(prefers-reduced-motion: reduce) {

	.animated {

		-webkit-animation-duration: 1ms !important;

		animation-duration: 1ms !important;

		-webkit-transition-duration: 1ms !important;

		transition-duration: 1ms !important;

		-webkit-animation-iteration-count: 1 !important;

		animation-iteration-count: 1 !important;

	}

}



/* 头部 */

.nav li a {

	line-height: 1;

	color: #333;

	padding: 30px 20px 0;

	box-sizing: border-box;

}
.nav li:first-child a{
	padding: 30px 30px 0;
}


.nav li a p {

	font-size: 14px;

	padding-top: 15px;

}



.nav li a:hover,

.nav li .aNow,

.nav li .aNow1 {

	color: #fff;

	background-color: #0e6eb8;

}



.nav li a:after {

	content: initial;

}



.headDiv .logo img {

	width: 175px;

}



.headDiv .logo {

	left: 20px;

}



.headDiv .tel {

	right: 80px;

	background: none;

	border-left: 1px solid #e6e6e6;

	padding-left: 56px;
	padding-left: 40px;

	height: 100px;

}



.headDiv .tel>div {

	display: flex;

	align-items: center;

	height: 100px;

	line-height: 1;

}



.headDiv .tel>div a {

	display: block;

	border: 1px solid #0e6eb8;

	color: #0e6eb8;

	width: 30px;

	height: 24px;

	font-weight: normal;

	text-align: center;

	line-height: 24px;

	font-size: 14px;

}



.headDiv .tel>div a.active,
.headDiv .tel>div a:hover {

	color: #fff;

	background-color: #0e6eb8;

}





.wl {

	max-width: calc(1536px - 200px);

	width: 100%;

	margin: 0 auto;

}



.sNav .mxfDiv {

	width: 100vw;

	padding-left: 40px;

	padding-bottom: 40px;

	box-sizing: border-box;

}



/* 首页-公司介绍 */

.ind_about {

	padding-top: 70px;

}



.ind_about .an>h2 {

	font-size: 30px;

	color: #333;

	line-height: 1.7;

	text-align: center;

	font-weight: normal;

}



.ind_about .an>p {

	font-size: 24px;

	color: #ddd;

	line-height: 1.7;

	text-align: center;

	font-weight: normal;

}



.ind_about .uls {

	display: flex;

	flex-wrap: wrap;

	padding-top: 30px;

}



.ind_about .uls .li_1 {

	position: relative;

	width: calc(50% - 40px);

	left: 50%;

	box-sizing: border-box;
	margin-left: 40px;
	overflow: hidden;

}
.ind_about .swiper-pagination-bullet{
	background-color: #fff;
	opacity: 1;
}
.ind_about .swiper-pagination-bullet-active{
	background-color: #0e6eb8;
	opacity: 1;
}


.ind_about .uls .li_1 .img {

	

}



.ind_about .uls .li_1 .img img {

	width: 100%;

	display: block;

	transition: all 0.5s;

}



/* .ind_about .uls .li_1 .img img:hover {

	transform: scale(1.1);

} */



.ind_about .uls .li_2 {

	position: relative;

	width: 50%;

	right: 50%;

	box-sizing: border-box;

}



.ind_about .uls .li_2 .text {

	max-width: 614px;

	width: 100%;

	margin: 0 0 0 auto;

}



.ind_about .uls .li_2 .text div h3 {

	color: #0e6eb8;

	font-size: 22px;

	line-height: 1.7;

	font-weight: bold;

	position: relative;

	z-index: 4;

}



.ind_about .uls .li_2 .text div {

	position: relative;

	padding-bottom: 40px;

}



.ind_about .uls .li_2 .text div:after {

	content: "ABOUT";

	font-size: 120px;

	color: #f2f7f9;

	line-height: 1;

	position: absolute;

	top: -30px;

	left: 50%;

	z-index: 1;

	transform: translate(-50%, 0);

}



.ind_about .uls .li_2 .text div p {

	color: #0e6eb8;

	font-size: 12px;

	line-height: 1;

	font-weight: bold;

	position: relative;

	z-index: 4;

}



.ind_about .uls .li_2 .text>p {

	color: #000;

	font-size: 16px;

	line-height: 1.7;

	text-align: justify;

	font-weight: normal;

	position: relative;

	z-index: 4;

}



/* 首页-产品 */

.ind_product {

	margin-top: 90px;

	padding: 55px 0;

	background-color: #0e6eb8;

}



.ind_product>h2 {

	font-size: 30px;

	color: #fff;

	line-height: 1.7;

	text-align: center;

	font-weight: normal;

}



.ind_product>p {

	font-size: 24px;

	color: #fff;

	line-height: 1.7;

	text-align: center;

	font-weight: normal;

}



.indexPart2 {

	padding: 0;

}



.ind_product .list>div {

	position: relative;

}



.indexPart2 .btn {

	right: auto;

	left: 50%;

	transform: translate(-50%, 0);

}



.indexPart2 .toptop {

	padding-top: 35px;

	padding-bottom: 95px;

}



.ind_product .indexPart2 .btn li em:after {

	background: #fff;

}



.ind_product .indexPart2 .btn li.on,

.ind_product .indexPart2 .btn li:hover {

	color: #fff;

}



.ind_product .indexPart2 .btn li {

	color: #fff;

}



.indexPart2 .btn li:hover em:after {

	width: 100%;

	left: 0;

}



.indexPart2 .imgDiv {

	height: 100%;

}



.indexPart2 .conDiv {

	height: 100%;

}



body {

	font-family: "微软雅黑";

}



.ind_product .indexPart2 .swiper-slide-prev .imgDiv {

	opacity: 0.5;

}



.indexPart2 .moreBtn a {

	transition: all 1s;

}



.indexPart2 .moreBtn a:hover {

	background-color: #0294f1;

}



/* 首页-技术 */

.ind_technology {

	margin-top: 80px;

	margin-bottom: 55px;

}



.ind_technology .list>div {

	position: relative;

}



.ind_technology>h2 {

	font-size: 30px;

	color: #333;

	line-height: 1.7;

	text-align: center;

	font-weight: normal;

}



.ind_technology>p {

	font-size: 24px;

	color: #dddddd;

	line-height: 1.7;

	text-align: center;

	font-weight: normal;

}



.ind_technology .indexPart2 .btn li:after {

	background-color: #747474;

}



.ind_technology .indexPart2 .btn li {

	color: #666;

}



.ind_technology .indexPart2 .btn li.on,

.ind_technology .indexPart2 .btn li:hover {

	color: #333;

}



/* 首页-合作客户 */

.cooperation {

	padding: 80px 0 100px;

	background-color: #f7f7f7;

}



.cooperation>h2 {

	font-size: 30px;

	color: #333;

	line-height: 1.7;

	text-align: center;

	font-weight: normal;

	padding-bottom: 0;

}



.cooperation>p {

	font-size: 24px;

	color: #ddd;

	line-height: 1.7;

	text-align: center;

	font-weight: normal;

}



.cooperation a.arrow {

	display: block;

	width: 40px;

	height: 40px;

	position: absolute;

	z-index: 3;

	left: auto;

	right: auto;

	top: 50%;

	bottom: auto;

	margin-top: -28px;

	border-radius: 50%;

}



.cooperation a.arrow.prev {

	left: 0;

	margin-left: 1rem;

	background: #fff url(../images/nimg9_left.png) center no-repeat;

}



.cooperation a.arrow.next {

	right: 0;

	margin-right: 1rem;

	background: #fff url(../images/nimg9_right.png) center no-repeat;

}



.wi200 {

	max-width: 1200px;

	margin: 0 auto;

}



.cooperation .an {

	position: relative;

	margin-top: 70px;

}



.cooperation a.arrow.prev:hover {

	background: #007ccb url("../images/nimg9_lefton.png") center no-repeat;

}



.cooperation a.arrow.next:hover {

	background: #007ccb url("../images/nimg9_righton.png") center no-repeat;

}



.cooperation .swiper-slide {

	overflow: hidden;

	background-color: #fff;



}



.cooperation .swiper-slide>img {

	display: block;

	width: 100%;

	transition: all 0.5s;



}



.cooperation .swiper-slide>img:hover {

	transform: scale(1.1);

}



/* 首页-我们的品质 */
.drainPart3s{
	padding: 64px 0;
	background-color: #fff;
}
.drainPart3s .an img{
	max-width: 100%;
	display: block;
}

.drainPart3 .txtDiv .txt1 {

	font-size: 30px;

	color: #fff;

	line-height: 1.7;

	text-align: center;

	font-weight: normal;

	padding-bottom: 0;

}



.drainPart3 .txtDiv>p {

	font-size: 24px;

	color: #fff;

	line-height: 1.7;

	text-align: center;

	font-weight: normal;

}



.drainPart3 .list li .content {

	padding: 0 20px;

}



/* 首页-文化活动 */

.drainPart6 .title {

	font-size: 30px;

}



.w1228 {

	max-width: 1228px;

	width: 100%;

	margin: 0 auto;

}



/* 底部 */

.footer_1 {

	background: #2e2e2e;

	padding: 40px 0;

}



.footer_2 {

	width: 100%;

	padding: 20px 0;

	background-color: #242323;

}



.footer_2 .foot {

	height: auto;

	background-color: transparent;

}



.footer_2 .foot p {

	font-size: 14px;

	color: #9c9c9c;

	text-align: center;

}



.footer_2 .foot p a {

	font-size: 14px;

	color: #9c9c9c;

	transition: all 0.5s;

}



.footer_2 .foot p a:hover {

	color: #fff;

}



.footer_1 .an {

	display: flex;

	flex-wrap: wrap;

}



.footer_1 .text1 {

	width: 364px;

}



.footer_1 .uls {

	width: calc(100% - 364px - 152px);

	padding: 0 0.6rem;

	box-sizing: border-box;

}



.footer_1 .text2 {

	width: 152px;

}



.footer_1 .text1>.img {

	display: flex;

	flex-wrap: wrap;

	align-items: flex-end;

	padding-bottom: 30px;

}



.footer_1 .text1>.img h2 {

	font-size: 37px;

	color: #fff;

	padding-right: 10px;

	line-height: 1;

	font-weight: normal;

}



.footer_1 .text1>.img h2 a {

	font-size: 37px;

	color: #fff;

}



.footer_1 .text1>.img p {

	font-size: 16px;

	color: #fff;

}



.footer_1 .text1 .txt {

	display: flex;

	padding-bottom: 20px;

	align-items: center;

}



.footer_1 .text1 .txt .img {

	width: 35px;

}



.footer_1 .text1 .txt .img img {

	display: block;

	height: 20px;

}



.footer_1 .text1 .txt p {

	font-size: 14px;

	color: #fff;

}



.footer_1 .uls {

	display: flex;

	flex-wrap: wrap;

}



.footer_1 .uls>li {

	width: calc(20%);

}



.footer_1 .uls li h3 {

	font-size: 14px;

	color: #fff;

	display: flex;

	align-items: center;

	font-weight: normal;

	padding-bottom: 30px;

}



.footer_1 .uls li h3 span {

	font-size: 18px;

	color: #fff;

	display: none;

	font-weight: normal;

}



.foot_ul_s {

	width: 100%;

}



@media(min-width:1024px) {

	.foot_ul_s {

		display: block !important;

	}

}



.foot_ul_s li {

	padding-bottom: 15px;

}



.foot_ul_s li a {

	display: block;

	line-height: 1.7;

	font-size: 14px;

	color: #9c9c9c;

}



.foot_ul_s li a:hover {

	color: #fff;

}



.footer_1 .text2 .txt2 {

	font-size: 22px;

	color: #fff;

	padding-bottom: 30px;

}



.footer_1 .text2 .img {

	width: 110px;

	margin: 0 0 0 auto;

}



.footer_1 .text2 .img img {

	display: block;

}



.footer_1 .text2 .img p {

	padding-top: 15px;

	font-size: 14px;

	color: #fff;

	text-align: center;

}



html {

	overflow-x: hidden;

}



/* 关于我们 */

.banners {

	position: relative;

}



.banners img {

	width: 100%;

	display: block;

	margin: 0 auto;

	position: relative;

}



/* 所有页面-通用定位 */

.textdis {

	display: flex;

	align-items: center;

	justify-content: space-between;

}



.ws {

	background-color: #fff;

}



.textdis .text {

	display: flex;

	align-items: center;

}



.textdis .text img {

	margin-right: 8px;

}



.textdis .text p {

	font-size: 14px;

	color: #333;

	white-space: nowrap;

	padding-right: 20px;

	margin: 31px 0;

}



.textdis .text p a {

	font-size: 14px;

	color: #333;

}



.textdis .text p a:hover {

	color: #0e6eb8;

}



.textdis .uls li {

	width: auto;

	margin: 30px 0;

	padding: 0 20px;

	border-right: 1px solid #ccc;

}



.textdis .uls li:last-child {

	border-right: 0px solid #ccc;

}



.textdis .uls li a {

	color: #333;

	font-size: 16px;

}



.textdis .uls li a:hover {

	color: #0e6eb8;

}



/* 关于我们-内容 */

.about1 {

	padding: 80px 20px;

	background-color: #f2f4f6;

}



.w1330 {

	max-width: 1330px;

	width: 100%;

	margin: 0 auto;

}



.about1 .an {

	background: #fff;

	box-shadow: 0px 9px 27px 4px rgb(204 204 204 / 50%);

}



.about1 .text {

	padding: 3% 3% 6%;

}


.about1 .text h2,
.about1 .text h1 {

	font-size: 30px;

	color: #333;

	line-height: 1.7;

	text-align: center;

	font-weight: normal;

	padding-bottom: 30px;

	border-bottom: 1px solid #d9d9d9;

	margin-bottom: 50px;

}



.about1 .text .txt p {

	line-height: 2;

	font-size: 14px;

	color: #262626;

}



*::-webkit-scrollbar {

	width: 6px;

	height: 6px;

}



*::-webkit-scrollbar-thumb {

	border-radius: 3px;

	-moz-border-radius: 3px;

	-webkit-border-radius: 3px;

	background-color: #c3c3c3;

}



*::-webkit-scrollbar-track {

	background-color: transparent;

}



/* 新闻 */

.news1 ul li a {

	display: flex;

	flex-wrap: wrap;

}



.news1 ul li a .texts {

	display: flex;

	width: calc(100% - 165px);

}



.news1 ul li a .img {

	width: 165px;

	height: 110px;

	overflow: hidden;

}



.news1 ul li a .img img {

	width: 100%;

	display: block;

	transition: all 0.5s;

}



.news1 ul li a .texts .time {

	width: 100px;

	position: relative;

}



.news1 ul li {

	padding: 30px;

	border-bottom: 1px solid #DDD;

	background: #fff;

	margin-bottom: 20px;

}



.news1 ul li a .texts .time span {

	display: block;

	color: #999;

	font-size: 24px;

	font-weight: normal;

	margin: 0px 0 30px;

	transition: all .5s ease;

}



.news1 ul li a .texts .time img {

	padding: 8px 11px;

	border: 1px solid transparent;

	transition: all .5s ease;

	color: #ccc;

	filter: brightness(0.6);

}



.news1 ul li a .texts .texts_r {

	padding: 0 30px 0 60px;

	position: relative;

	width: calc(100% - 100px);

	transition: all .5s ease;

}



.news1 ul li a .texts .texts_r:before {

	content: '';

	position: absolute;

	left: 0px;

	top: 16px;

	display: block;

	width: 40px;

	height: 1px;

	background: #aaa;

	transition: all .5s ease;

}



.news1 ul li a .texts .texts_r h3 {

	transition: all .5s ease;

	display: block;

	width: 100%;

	font-size: 16px;

	color: #333;

	overflow: hidden;

	font-weight: bold;

	text-overflow: ellipsis;

	white-space: nowrap;

	margin-bottom: 10px;

}



.news1 ul li a .texts .texts_r p {

	line-height: 24px;

	height: 48px;

	font-size: 14px;

	overflow: hidden;

	color: #999;

	transition: 600ms;

}



.news1 ul li a:hover .texts .texts_r h3 {

	color: #0e6eb8;

}



.news1 ul li a:hover .time img {

	border-color: #0e6eb8;

	background: #0e6eb8;

	filter: brightness(1);

}



.news1 ul li a:hover .texts .time span {

	color: #333;

}



@media (min-width:1024px) {

	.news1 ul li a:hover .texts_r::before {

		width: 60px;

	}



	.news1 ul li a:hover .texts_r {

		padding-left: 80px;

	}

}



/* 分页 */

.page {

	display: flex;

	justify-content: center;

	flex-wrap: wrap;

	margin-top: 4%;

}



.page a {

	font-size: 14px;

	display: block;

	margin: 0 5px;

	padding: 10px 18px;

	border: 1px solid #f4f4f4;

	color: #999;

	margin-top: 10px;

}



.page a.active {

	background-color: #0e6eb8;

	border: 1px solid #0e6eb8;

	color: #fff;

}



.page a:hover {

	background-color: #0e6eb8;

	border: 1px solid #0e6eb8;

	color: #fff;

}



/* 新闻详情页 */

.news_detail1 .text h1 {

	margin-bottom: 20px;

	padding-bottom: 20px;

	font-weight: bold;

	font-size: 25px;

}



.news_detail1 .text .time {

	font-size: 14px;

	text-align: center;

	color: #595959;

	padding-bottom: 20px;

}



.news_detail1 .text>p {

	padding: 10px 30px;

	white-space: normal;

	background-color: #f2f2f2;

	color: #262626;

	font-size: 14px;

	line-height: 2;

	margin-bottom: 20px;



}



.about1 .txt img {

	display: block;

	margin: 0 auto;

	max-width: 100%;

	margin-bottom: 0.4rem;

}



/* 分页2 */

.pages {

	display: flex;

	flex-wrap: wrap;

	margin-top: 3%;

}



.pages p {

	width: 50%;

	box-sizing: border-box;

	padding-left: 20px;

	margin-top: 10px;

}



.pages p:first-child {

	text-align: left;

}



.pages p:last-child {

	text-align: right;

}



.pages a {

	font-size: 14px;

	color: #262626;

}



.pages a:hover {

	color: #0e6eb8;

}



/* 产品页 */

.product1 .an {

	display: flex;

	flex-wrap: wrap;

}



.product1 .text {

	width: calc(100% - 264px);

}



.product1 .text2 {

	max-width: 264px;

	width: 100%;

}



.product1 .text .ul_2 {

	display: flex;

	flex-wrap: wrap;

}



.product1 .text .ul_2 li {

	width: calc(50% - 20px);

	margin-bottom: 20px;

}



.product1 .text .ul_2 li:nth-child(2n) {

	margin-right: 20px;

}



.product1 .text .ul_2 li:nth-child(2n+1) {

	margin-left: 20px;

}



.product1 .text .ul_2 li .img {

	width: 100%;

	overflow: hidden;

}

.productsss .text .ul_2 li .img {
	height: 16vw;
}

.productsss .text .ul_2 li .img img {
	height: 100%;
	object-fit: cover;
}

.product_hz .text .ul_2 li .img img {
	height: 100px;
	object-fit: cover;
}


.product1 .text .ul_2 li .img img {
	max-width: 100%;
	margin: 0 auto;
	/* width: 100%; */
	height: 100%;
	object-fit: cover;
	display: block;

	transition: all 0.5s;

}



.product_text {

	padding: 20px 30px 20px;

	background-color: #fafafa;

}



.product_text h2 {

	font-size: 20px;

	color: #333;

	line-height: 1.7;

	font-weight: normal;

	padding: 10px 0;

}



.product_text p {

	font-size: 14px;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 2;

	overflow: hidden;

	line-height: 1.7;

	color: #333;

}



.product1 .text .ul_2 li:hover .product_text {

	background-color: #f5f5f5;

}



.product1 .text .ul_2 li:hover .product_text p {

	color: #333;

}



.product1 .text .ul_2 li:hover .img img {

	transform: scale(1.1);

}



.product1 .text .ul_2 li:hover .product_text h2 {

	color: #0e6eb8;

}



/* 产品详情 */

.product_detail1 .an {

	display: flex;

	flex-wrap: wrap;

}



.product_detail1 .text {

	width: calc(100% - 264px - 3%);

	box-sizing: border-box;

	padding: 4.813% 3% 6% 3%;

}



.product_detail1 .text2 {

	margin: 4.813% 0 3% 3%;

	max-width: 264px;

	width: 100%;

}



.product_detail1 .text h1 {

	margin-bottom: 20px;

	padding-bottom: 20px;

	font-weight: bold;

	font-size: 25px;

	border: 0px;

}



.product_detail1 .text>img {

	display: block;

	margin: 0 auto 50px;

	max-width: 100%;

}



.pro_p {

	font-size: 18px;

	color: #262626;

	line-height: 1.7;

	background-color: #f7f7f7;

	padding: 20px;

	border-bottom: 2px solid #0e6eb8;

	margin-bottom: 20px;

}



/* 产品-技术-侧边栏 */

.prod_l .txts {

	background-color: #0e6eb8;

}



.prod_l .txts h3 {

	font-size: 18px;

	line-height: 1.7;

	padding: 0 15px;

	color: #fff;

	font-weight: normal;

	line-height: 2.2;

}



.prod_l .uls {

	width: 100%;

	height: auto;

	overflow: visible;

	box-shadow: 0px 5px 20px 0px rgb(192 192 192 / 40%);

}



.prod_l .uls li {

	border-top: 1px solid #eaeaea;

}



.prod_l .uls>li:last-child {

	border-bottom: 1px solid #eaeaea;

}



.prod_l .uls>li h3 {

	display: flex;

	justify-content: space-between;

	padding: 15px 0;

	align-items: center;

	background-color: #fff;

}



.prod_l .uls>li h3 a {

	font-size: 16px;

	color: #333;

	padding: 0 15px;

}



.prod_l .uls>li h3 a:hover {

	color: #0e6eb8;

}



.prod_l .uls li>h3:hover {

	background-color: #f5f5f5;

}



.prod_l .uls>li h3 img {

	margin-right: 45px;

	cursor: pointer;

	display: none;

	height: 16px;

}



.prod_l .uls>li>.pro_ul>li>h3>a {

	padding: 0 15px 0 30px;

}



.prod_l .uls>li>.pro_ul>li>.pro_ul>li>h3>a {

	padding: 0 15px 0 45px;

}



.prod_l .uls>li>.pro_ul>li>h3>img {

	margin-right: 20px;

}



.pro_ul {

	display: none;

}



.product_detail1 .txts2 {

	display: flex;

}



.product_detail1 .txts2 .img {

	align-items: center;

	justify-content: center;

	height: 100vh;

	padding: 0 10px;

	display: none;

	cursor: pointer;

}



.product_detail1 .txts2 .img img {

	height: 20px;

}



.pro_border .pro_btn {

	/* display: none; */

	font-size: 16px;

	color: #fff;

	width: 100px;

	height: 35px;

	line-height: 35px;

	text-align: center;

	background-color: #0e6eb8;

	border: 1px solid #0e6eb8;

	white-space: nowrap;

	border-radius: 4px;

	margin: 0.4rem;

	cursor: pointer;

}



.pro_border {

	border-color: #eaeaea;

	border-width: 1px;

	border-style: solid;

	display: none;

}



.prod_l .txts2 {

	transition: all 0.5s;

}



/* 人力资源-我们的团队 */

.recruitment1 .text ul {

	display: flex;

	flex-wrap: wrap;

}



.recruitment1 .text ul li {

	width: calc(25% - 50px);

	margin: 20px 25px 20px;

}



.recruitment1 .text ul li a {

	display: block;

	padding: 20px;

	border: 1px solid #f3f3f3;

}



.recruitment1 .text ul li .img {

	width: 100%;
	overflow: hidden;
	display: none;
}



.recruitment1 .text ul li .img img {

	width: 100%;

	display: block;

	transition: all 0.5s;

}



.recruitment1 .text ul li p {

	text-align: center;

	padding-top: 10px;

	color: #333 !important;

	font-size: 16px;

	line-height: 1.7;

}



.recruitment1 .text ul li:hover .img img {

	transform: scale(1.1);

}



/* 招聘信息 */

.recruitment2 .uls li {

	margin-bottom: 20px;

}



.recruitment2 .uls li h2 {

	color: #333;

	font-size: 18px;

	position: relative;

	line-height: 70px;

	padding-left: 15px;

	background-color: #f8f8f8;

	cursor: pointer;

}



.recruitment2 .uls li.on h2 {

	color: #0e6eb8;

	background-color: #fbfbfb;

	border-bottom: 1px solid #eee;

}



.recruitment2 .uls li h2::after {

	position: absolute;

	content: "+";

	width: 24px;

	height: 24px;

	background-color: #dadada;

	display: flex;

	align-items: center;

	justify-content: center;

	font-size: 22px;

	color: #fff;

	top: 50%;

	right: 20px;

	transform: translate(-0%, -50%);

	font-weight: normal;

	line-height: 24px;

}



.recruitment2 .uls li.on h2::after {

	content: "-";

	background-color: #0e6eb8;

	font-size: 24px;

	line-height: 24px;

}



.tment_txts2 {

	background-color: #f8f8f8;

	padding: 20px 20px 20px 20px;

	display: none;

}



.tment_txts2 h3 {

	font-size: 14px;

	color: #333;

	line-height: 3;

	font-weight: bold;

}



.tment_txts2 p {

	font-size: 14px;

	color: #666;

	line-height: 1.7;

}



.recruitment2 .text {

	padding: 5% 3% 3% 3%;

}



/* 加入我们 */

.join1 .text form textarea {

	height: 240px;

	width: 100%;

	background: #fff;

	border-radius: 0;

	border: 1px solid #ddd;

	resize: none;

	color: #666;

	font-size: 14px;

	padding: 6px;

	box-sizing: border-box;

}



.text-error {

	font-style: normal;

	color: #e43a32;

	font-size: 14px;

	line-height: 1.7;

	padding: 5px 0 0;

}



.join1 .text form input {

	padding-left: 7px;

	line-height: inherit;

	height: inherit;

	width: inherit;

	display: inline-block;

	background: none;

	border: 1px solid #ddd;

	padding: 6px 12px 6px 7px;

	font-size: 14px;

	box-sizing: border-box;

}



.join1 .text form .form_tel {

	max-width: 314px;

	width: 100%;

	height: 30px;

}



.join1 .text form .form_email {

	max-width: 455px;

	width: 100%;

	height: 36px;

}



.join1 .text form .btns {

	display: inline-block;

	margin-bottom: 0;

	font-weight: normal;

	text-align: center;

	vertical-align: middle;

	-ms-touch-action: manipulation;

	touch-action: manipulation;

	cursor: pointer;

	background-image: none;

	border: 1px solid transparent;

	white-space: nowrap;

	padding: 6px 12px;

	font-size: 14px;

	line-height: 1.42857143;

	border-radius: 4px;

	-webkit-user-select: none;

	-moz-user-select: none;

	-ms-user-select: none;

	user-select: none;

	color: #fff;

	width: 100%;

	font-size: 18px;

	text-transform: uppercase;

	background-color: #0e6eb8;

	border-color: #0e6eb8;



}



.join1 .text form>div {

	margin-bottom: 15px;

}

/* 联系我们 */

.contact .uls {
	display: flex;
	flex-wrap: wrap;
}

.contact .uls li {
	width: calc(33.33% - 6px);
	margin: 0 3px;
	background-color: #f7f7f7;
	padding: 50px 6% 40px;

	box-sizing: border-box;
}

.contact .uls li img {
	display: block;
	margin: 20px auto 0;
	transition: all 0.5s;
}

.contact .uls li:hover img {
	/* transform: scale(1.1); */
}

.contact .uls li h3 {
	color: #333;
	font-size: 18px;
	line-height: 1.7;
	font-weight: bold;
	text-align: center;
	padding: 25px 0;
}

.contact .uls li p {
	color: #000;
	font-size: 16px;
	line-height: 1.7;
	font-weight: normal;
	text-align: center;
}

.footer_1 .text1 .txt p {

	width: calc(100% - 35px);

}

.indexPart2 .btn {

	display: flex;

	justify-content: center;

	width: 100%;

}

.news1 ul li a .texts .texts_r {

	box-sizing: border-box;

}

.sNav .rightDiv {
	padding-top: 36px;
}