:root{

	--main:#ec7f1c;

	--active:rgb(234, 85, 20);

	--wen:rgb(51, 51, 51);

	--hui:rgb(102, 102, 102);

}

@import"https://fonts.googleapis.com/css?family=Noto+Sans+SC:100,300,400,500,700,900";

body{padding: 0;margin: 0;font-family: "Noto Sans SC",sans-serif;font-size: 16px;color: var(--hui);overflow-x:hidden;line-height: 1.75;}

body.noscroll{height: 100vh;overflow-y: hidden;}

ul{padding: 0;margin: 0;}

ul li{list-style: none;}

p{margin: 0;}

.fl{float: left;}

.fr{float: right;}

a,a:hover,a:active,a:visited,a:link,a:focus{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;outline:none;text-decoration: none;color: inherit;}

img{max-width: 100%;}

input:focus,button:focus,textarea:focus{outline: none;}

h1,h2,h3,h4,h5,h6{margin: 0;padding: 0;}

.ovh1{display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.ovh2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}

.ovh3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}

.ovh4{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}

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

.clearfix{*+height:1%;}

.imgH{overflow: hidden;}

.imgH img{transition-duration: .6s;-ms-transition-duration: .6s;-moz-transition-duration: .6s;-webkit-transition-duration: .6s; }

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

.hidden-xs{display: block;}

.visible-xs{display: none;}

*{box-sizing: border-box;}

.db{display: block;}

.tc{text-align: center;}

img{max-width: 100%;}

.pore{position: relative;}

.flexb{display: flex;align-items: center;justify-content: center;}

.flexb2{display: flex;align-items: center;justify-content: space-between;}

.flexb3{display: flex;align-items: flex-start;justify-content: space-between;}

.swiper{position: relative;overflow: hidden;}

.bgBox{background: url() center no-repeat;background-size: cover;}

.container{padding: 0 32px;max-width: 1544px;margin: 0 auto;}

/* @media (max-width:1632px) {.container{max-width: 92vw;}}

@media (max-width:1232px) {.container{max-width: 94vw;}}

@media (max-width:1024px) {.container{max-width: 96vw;}} */

@media (max-width:800px) {body{font-size: 14px;}.container{max-width: 100%;padding: 0 16px;}}

.row{display: flex;justify-content: flex-start;align-items: center;align-items: stretch;flex-wrap: wrap;}

.row .kuang{height: 100%;}

.col_6{width: calc(100% / 6);}

.col_5{width: calc(100% / 5);}

.col_4{width: calc(100% / 4);}

.col_3{width: calc(100% / 3);}

.col_2{width: calc(100% / 2);}

.huibg{background: #fafafa;}

.imgZ{position: relative;padding-top: 100%;display: block;}

.imgZ .pic{position: absolute;left: 0;top: 0;width: 100%;height: 100%;overflow: hidden;}

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

.imgY{position: relative;padding-top: 100%;display: block;}

.imgY .pic{position: absolute;left: 0;top: 0;width: 100%;height: 100%;overflow: hidden;display: flex;justify-content: center;align-items: center;}

.imgY .pic img{max-width: 100%;max-height: 100%;display: block;}

.indP{padding:100px 0  ;overflow: hidden;}

.pubTit{font-size: 2vw;font-weight: bold  ;color: var(--wen);text-align: center;margin-bottom: 32px;}

.pubTit span{color: var(--active);}

.pubTit .desc{font-size: 16px;color: rgb(153, 153, 153);font-weight: 400;max-width: 862px;margin: 0 auto;}

.titB{font-size: 1.125em;font-weight: bold;color: var(--wen);transition: all 0.3s;}

.descB{line-height: 1.75;}

.timeB{color: #aaaaaa;font-size: 1.125em;font-family: "Montserrat";}

.moreB{font-family: "Montserrat";color: var(--main);font-weight: 500;transition: all 0.3s;}

.moreB span{margin-right: 8px;}

.moreB2{

	border-radius: 50%;

	background-color: rgb(234, 85, 20);

	width: 72px;height: 72px;

	display: flex;justify-content: center;align-items: center;

}

.moreB2 i{font-size: 20px;}

.imgB+.timeB{margin-top: 28px;}

.timeB+.titB{margin-top: 4px;}

.descB+.moreB{margin-top: 48px;}

.kuang:hover .moreB{color: #ec7f1c;}

.pubtl{margin-bottom: 56px;}

.txtB{line-height: 2; font-size:18px}

a.btnB,.btnB{

	border-radius: 3.75em;

	width: max-content;

	padding: 0 2.5em;

	height: 45px;

	display: flex;justify-content: center;align-items: center;

	transition: all 0.3s;

	line-height: 1;

	position: relative;

	overflow: hidden;

	 

background: linear-gradient(224deg,#f3a126,#ec7d1c 11%,#d76b1a);

	color: #ffffff;

}

.btnB span{display: block;position: relative;z-index: 2;}

.btnB i{display: block;position: relative;z-index: 2;color: #ffffff;}

.btnB span+i{margin-left: 1.4em;}

.btnB i+span{margin-left: 10px;}

.btnB:focus i, 

.btnB:hover i{-webkit-transform: scale(1);transform: scale(1);color: var(--main);}

.btnB:hover{

	background: #ffffff;

	border-color: rgb(234, 234, 234);

	color: #606060;

	box-shadow: 0 0 10px 4px rgba(0,0,0,0.05);

}

.iconfont{line-height: 1;}

.swiper-button-prev,

.swiper-button-next{

	border-radius: 50%;

	background: var(--main);

	width: 72px;

	height: 72px;

	font-size: 20px;color: #ffffff;

	transition: all 0.3s;

	z-index: 2;

}

.swiper-button-prev{transform: rotate(180deg);}

.swiper-button-prev::after,

.swiper-button-next::after{display: none;}

.swiper-button-prev:hover,

.swiper-button-next:hover{background: var(--active);}

@media (max-width:1280px) {

	a.btnB, .btnB{height: 3em;padding: 0 1.2em;border-radius: 3em;}

	.moreB2{width: 64px;height: 64px;}

	.pubtl{margin-bottom: 48px;}

	.swiper-button-prev,

	.swiper-button-next{width: 56px;height: 56px;}

}

@media (max-width:1024px) {

	.indP{padding: 60px 0;}

	a.btnB, .btnB{height: 3em;padding: 0 1.2em;border-radius: 3em;}

	.pubTit{font-size: 3vw;margin-bottom: 24px;}

	.moreB2{width: 56px;height: 56px;}

	.pubtl{margin-bottom: 32px;}

	.swiper-button-prev,

	.swiper-button-next{width: 48px;height: 48px;}

}



@media (max-width:800px) {

	.indP{padding:20px 0;}

	.pubTit{font-size: 24px;margin-bottom: 16px;}

	.pubTit .desc{font-size: 14px;}

	a.btnB, .btnB{height: 2.6em;padding: 0 1.2em;border-radius: 3em;}

	.btnB span+i{margin-left: 1em;}

	.imgB+.timeB{margin-top: 12px;}

	.timeB+.titB{margin-top: 4px;}

	.descB+.moreB{margin-top: 20px;}

	.moreB2{width: 40px;height: 40px;}

	.pubtl{margin-bottom: 16px;}

	.swiper-button-prev,

	.swiper-button-next{width: 40px;height: 40px;}

}





.topDiv{height: 100px;}

.dingwei{position: absolute;left: 0;top: -100px;}

header{

	position: fixed;

	left: 0;

	top: 0;

	display: block;

	width: 100%;

	z-index: 99;

	transition: all 0.3s;

	padding: 0 5.2vw;

}

header .nrBox{height: 100px;}

header .logo{display: block;}

header .logo img{max-height: 55px;display: block;filter: grayscale(1) brightness(0%) invert(100%);}

header .menuUl>li{margin-right: 2.5vw;position: relative;}

header .menuUl>li:last-child{margin-right: 0;}

header .menuUl .yiji{

	height: 100px;

	display: flex;

	justify-content: center;

	align-items: center;

	position: relative;

}

header .menuUl .yiji a{

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

	line-height: 100px;

	display: block;

	position: relative; font-size:18px;  

}

header .menuUl>li.on .yiji a,

header .menuUl>li:hover .yiji a{color: #ffffff;}

header .menuUl .erjiBox{

	position: absolute;

	left: 50%;

	top: 100px;

	transition: all 0.3s;

	background: #ffffff;

	text-align: left;

	width: max-content;

	width: -webkit-max-content;

	opacity: 0;

	height: 0;

	visibility: hidden;

	transform: translateY(-20px) translateX(-50%);

	min-width: 150px;

	border-top: 2px solid #ec7f1c;

}

header .menuUl>li:hover .erjiBox{

	opacity: 1;

	height: auto;

	visibility: visible;

	transform: translateY(0) translateX(-50%);

}

header .menuUl .erjiUl>li{

	border-bottom: 1px dashed rgba(0, 0, 0, 0.1);

}

header .menuUl .erjiUl>li:last-child{border-bottom: 0;}

header .menuUl .erjiUl>li>a{

	font-size: 14px;

	color: var(--hui);

	transition: all 0.3s;

	width: 100%;

	position: relative;

	display: block;

	padding: 8px 16px;

	text-align: center;

}

header .menuUl .erjiUl>li>a:hover{color: var(--wen);}

header .langB{

	border-radius: 50%;

background: linear-gradient(224deg,#f3a126,#ec7d1c 11%,#d76b1a);

	width: 44px;

	height: 44px;

	font-size: 16px;

	font-family: "Montserrat";

	color: rgb(255, 255, 255);

	margin-left: 4vw;

	display: flex;justify-content: center;align-items: center;

}

header .mopenBtn{display: none;}

header:hover,

header.onFix,

header.nyHead{background: #ffffff;box-shadow: 0 0 10px 4px rgba(0,0,0,0.05);}

header:hover .logo img,

header.onFix .logo img,

header.nyHead .logo img{filter: unset;}

header:hover .menuUl .yiji a,

header.onFix .menuUl .yiji a,

header.nyHead .menuUl .yiji a{color: #333;}

header:hover .menuUl>li.on .yiji a, 

header:hover .menuUl>li:hover .yiji a,

header.onFix .menuUl>li.on .yiji a, 

header.onFix .menuUl>li:hover .yiji a,

header.nyHead .menuUl>li.on .yiji a, 

header.nyHead .menuUl>li:hover .yiji a{background-image: -webkit-linear-gradient(top,#f3a126,#ec7d1c,#d76b1a);

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

  cursor: pointer;}

header.hidH{top: -100px;}

@media (max-width:1480px) {header .menuUl>li{margin-right: 3vw;}}

@media (max-width:1280px) {header .menuUl>li{margin-right: 2vw;}}

@media (max-width:1024px) {

	header{background: #ffffff;padding: 0 2.2vw;}

	header.hidH{top: 0;}

	.topDiv,

	header .nrBox{height: 56px;}

	header .logo img{max-height: 40px;filter: unset;}

	header .findBox{height: 56px;}

	header .langB{width: 36px;height: 36px;font-size: 14px;margin: 0;}

	header .mopenBtn{

		display: block;

		width: 26px;

		height: 56px;

		position: relative;

		z-index: 20;

		float: right;

		cursor: pointer;

		transition: 0.4s;

		margin-left: 16px;

	}

	header .mopenBtn span {

		margin-top: 28px;

		display: block;

		width: 100%;

		height: 2px;

		background: var(--main);

		position: relative;

		vertical-align: middle;

		-webkit-transition-duration: .3s, .3s;

		-moz-transition-duration: .3s, .3s;

		-ms-transition-duration: .3s, .3s;

		-o-transition-duration: .3s, .3s;

		transition-duration: .3s, .3s;

		-webkit-transition-delay: .3s, 0s;

		-moz-transition-delay: .3s, 0s;

		-ms-transition-delay: .3s, 0s;

		-o-transition-delay: .3s, 0s;

		transition-delay: .3s, 0s;

		transition: color 0.3s 0s;

	}

	header .mopenBtn span:after, 

	header .mopenBtn span:before {

		content: "";

		position: absolute;

		display: inline-block;

		width: 26px;

		height: 2px;

		left: 0;

		background-color: var(--main);

		-webkit-transition-duration: .3s, .3s;

		-moz-transition-duration: .3s, .3s;

		-ms-transition-duration: .3s, .3s;

		-o-transition-duration: .3s, .3s;

		transition-duration: .3s, .3s;

		-webkit-transition-delay: .3s, 0s;

		-moz-transition-delay: .3s, 0s;

		-ms-transition-delay: .3s, 0s;

		-o-transition-delay: .3s, 0s;

		transition-delay: .3s, 0s;

	}

	header .mopenBtn span:before {

		top: -8px;

		-webkit-transition-property: top, transform;

		-moz-transition-property: top, transform;

		-ms-transition-property: top, transform;

		-o-transition-property: top, transform;

		transition-property: top, transform;

	}

	header .mopenBtn span:after {

		bottom: -8px;

		-webkit-transition-property: bottom, transform;

		-moz-transition-property: bottom, transform;

		-ms-transition-property: bottom, transform;

		-o-transition-property: bottom, transform;

		transition-property: bottom, transform;

	}

	header.open .mopenBtn span {

		background-color: transparent;

		-webkit-transition-delay: 0s, 0s;

		-moz-transition-delay: 0s, 0s;

		-ms-transition-delay: 0s, 0s;

		-o-transition-delay: 0s, 0s;

		transition-delay: 0s, 0s;

	}

	header.open .mopenBtn span:after, 

	header.open .mopenBtn span:before {

		-webkit-transition-delay: 0s, .3s;

		-moz-transition-delay: 0s, .3s;

		-ms-transition-delay: 0s, .3s;

		-o-transition-delay: 0s, .3s;

		transition-delay: 0s, .3s;

	}

	header.open .mopenBtn span:before {

		top: 0px;

		-webkit-transform: rotate(45deg);

		-moz-transform: rotate(45deg);

		-ms-transform: rotate(45deg);

		-o-transform: rotate(45deg);

		transform: rotate(45deg);

	}

	header.open .mopenBtn span:after {

		bottom: 0px;

		-webkit-transform: rotate(-45deg);

		-moz-transform: rotate(-45deg);

		-ms-transform: rotate(-45deg);

		-o-transform: rotate(-45deg);

		transform: rotate(-45deg);

	}

	body.nofix{height: 100vh;overflow-y: hidden;}

	header .menuB{

		position: fixed;

		right: -100%;

		top: 56px;

		display: block;

		width: 100%;

		height: calc(100vh - 56px);

		background: #ffffff;

		transition: all 0.3s;

	}

	header.open .menuB{right: 0;}

	header .menuUl{

		display: block;

		padding: 16px;

		overflow: auto;

		height: 100%;

	}

	header .menuUl>li{margin: 0;border-bottom: 1px dashed #d6d6d6;}

	header .menuUl .yiji{height: auto;display: block;}

	header .menuUl .yiji a{line-height: 40px;color: #333333;width: calc(100% - 40px);}

	header .menuUl>li.on .yiji a::before{display: none;}

	header .menuUl>li .yiji a::before{display: none;}

	header .menuUl .hasDown>div>.ejBtn{

		position: absolute;

		right: 12px;

		top: 12px;

		width: 16px;

		height: 16px;

	}

	header .menuUl .hasDown>div>.ejBtn::before{

		content: "";

		display: block;

		width: 100%;

		height: 2px;

		background: var(--main);

		position: absolute;

		left: 0;

		top: calc(50% - 1px);

	}

	header .menuUl .hasDown>div>.ejBtn::after{

		content: "";

		display: block;

		width: 2px;

		height: 100%;

		background: var(--main);

		position: absolute;

		top: 0;

		left: calc(50% - 1px);

	}

	header .menuUl .hasDown.open>div>.ejBtn::after{display: none;}

	header .menuUl .erjiBox{

		position: relative;

		left: unset;

		top: unset;

		opacity: 1;

		height: auto;

		visibility: visible;

		transform:unset;

		padding: 8px 0;

		display: none;

		transition: unset;

		width: 100%;

		border-radius: 0;

		background: none;

		border: 0;

		border-top: 1px dashed #d6d6d6;

	}

	header .menuUl .erjiUl>li{border: 0;}

	header .menuUl>li:hover .erjiBox{

		transform:unset;

	}

	header .menuUl .erjiUl>li{width: 100%;padding: 0;}

	header .menuUl .erjiUl>li>a{color: #333333;padding: 4px 16px;display: block;width: 100%;font-size: 15px;position: relative;background: none;text-align: left;}

	header .menuUl .erjiUl>li>a::before{

		content: "";

		display: block;

		width: 4px;

		height: 4px;

		border-radius: 50%;

		background: #b1b1b1;

		position: absolute;

		left: 0;

		top: calc(50% - 2px);

	}

	header .menuUl .erjiUl>li.on, header .menuUl .erjiUl>li:hover{background: none;}

}

.fixBox{position: fixed;right: 0;top: 50%;z-index: 98;transform: translateY(-50%);background: #ffffff;border-radius: 5px 0 0 5px;box-shadow: 0 0 10px 4px rgba(0,0,0,0.1);}

.fixBox .eachB{position: relative;}

.fixBox .eachB a{width: 64px;height: 75px;display: flex;justify-content: center;align-items: center;color: #999999;transition: all 0.3s;font-size: 12px;text-align: center;}

.fixBox .eachB i{display: flex;justify-content: center;align-items: center;color: #ffffff;width: 30px;height: 30px;border-radius: 50%;background: #25d366;margin: 0 auto;}

.fixBox .eachB:last-child a i{background: #235feb;}

.fixBox .eachB b{font-weight: 400;}

.fixBox .eachB p{position: absolute;right: 60px;top: 50%;transform: translateY(-50%);background: #ffffff;display: none;border-radius: 5px;word-break: keep-all;width: max-content;box-shadow: 0 0 10px 4px rgba(0,0,0,.1);}

.fixBox .eachB p img{display: block;width: 100%;border-radius: 5px;width: 120px;}

.fixBox .eachB p span{font-size: 18px;color: rgb(51, 51, 51);padding: 6px 24px;min-height: 40px;display: flex;justify-content: center;align-items: center;width: max-content;}

.fixBox .eachB p::before{content: "";width: 0;height: 0;border-left: 6px solid #ffffff;border-top: 6px solid transparent;border-bottom: 6px solid transparent;position: absolute;right: -5px;top: calc(50% - 6px);}

.fixBox .eachB:hover p{display: block;}

@media (max-width:1024px) {

	.fixBox .eachB a{width: 56px;height: 64px;}

}

footer{

	background:#111;

	color: #ffffff;

}

footer .ewm{ width:130px; margin-top:20px;  }

footer .ewm p{ text-align:center}

footer .ewm img{ width:100%}

footer .foot1{padding: 24px 0;border-bottom: 1px solid rgba(255,255,255,0.1);align-items: flex-end;}

footer .logo{display: block;}

footer .logo img{display: block;max-height: 80px; }

footer .gotop{

	background-color: rgba(255, 255, 255,0.1);

	width: 50px;

	height: 50px;

	display: flex;justify-content: center;align-items: center;

}

footer .fNav{

	padding: 2.2em 0;

}

footer .fNav dt a{font-size: 20px;padding-bottom: 14px;display: block;}

footer .fNav dd{margin: 0;margin-top: 16px;}

footer .foot2{

	margin-top: 40px;

	padding: 1vw 0;

	justify-content: flex-start;

	flex-wrap: wrap;

}

footer .foot2 .eachB{

	padding-left: 88px;

	position: relative;

	margin-right: 3.75vw;

}

footer .foot2 i{

	border: 1px solid rgb(255, 255, 255);

	border-radius: 50%;

	width: 53px;

	height: 53px;

	display: flex;justify-content: center;align-items: center;

	position: absolute;left: 0;top: 50%;

	transform: translateY(-50%);

	font-size: 24px;

}

footer .foot2 span{

	display: block;

}

footer .foot2 p{

	display: block;

	font-size: 18px;

	font-family: "Montserrat";

}

footer .foot3{

	padding: 8px 0;

	border-top: 1px solid rgba(255,255,255,0.1);

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

	vertical-align: middle;

}

footer .foot3 a{display: inline-block;vertical-align: middle;}

footer .foot3 a:hover{color: #ffffff;}

footer .foot3 img,

footer .foot3 span{vertical-align: middle;}

@media (max-width:800px) {

	footer .foot1{padding: 16px 0;}

	footer .logo img{max-height: 56px;}

	footer .gotop{width: 40px;height: 40px;}

	footer .fNav{display: none;}

	footer .foot2{padding: 16px 0;margin: 0;}

	footer .foot2 .eachB{padding-left: 56px;margin-top: 8px;}

	footer .foot2 .eachB:first-child{margin-top: 0;}

	footer .foot2 p{font-size: 16px;}

	footer .foot2 i{width: 40px;height: 40px;font-size: 20px;}

	footer .foot3{display: block;text-align: center;}

}



.banner{overflow: hidden;}

.swiper_banner{position: relative;z-index: 1;}

.swiper_banner .swiper-slide{

	justify-content: flex-start;

}

.swiper_banner .imgB{

	position: absolute;

	left: 0;

	top: 0;

	display: block;

	width: 100%;

	height: 100%;

	padding-top: 0;

	z-index: 1;

}

.swiper_banner .nrBox{

	position: relative;

	z-index: 2;

	padding: 6vw 0;

	min-height: 100vh;

	 

	justify-content: flex-start;

	align-items: center;

}

.swiper_banner .font1{

	font-size: 3.6em;

	color: rgb(255, 255, 255);

	font-weight: 500;

	margin: 0;

	transition: all 0.6s;

	transform: translateY(40px);text-shadow: 0px 4px 4px rgba(0,0,0,.25);

	opacity: 0;

	transition-delay: 0.3s; width:100%; margin-top:15%; font-weight:bold

}

.swiper_banner .font1 span{color: var(--main);}

.swiper_banner .swiper-slide-active .font1{transform: translateY(0);opacity: 1;}



.swiper_banner .font2{

	font-size: 1.5em;

	color: rgb(255, 255, 255);

	font-weight: 400  ;

	margin: 0;

	transition: all 0.6s;

	transform: translateY(40px);

	opacity: 0;

	transition-delay: 0.3s; margin-top:10px;text-shadow: 0px 4px 4px rgba(0,0,0,.25);

}

.swiper_banner .font2 span{color: var(--main);}

.swiper_banner .swiper-slide-active .font2{transform: translateY(0);opacity: 1;}



.banner .fy{

	position: absolute;left: 0;bottom: 3.75vw;

	width: 100%;

	z-index: 2;

}

.banner .swiper-pagination{

	position: relative;left: unset;bottom: unset;

	display: flex;

	justify-content: flex-start;

	align-items: center;

}

.banner .swiper-pagination-bullet{

	background: none;

	border: 1px solid rgba(255, 255, 255,0);

	width: 30px;

	height: 30px;

	margin: 0 2px;

	transition: all 0.3s;

	border-radius: 50%;

	opacity: 1;

	display: flex;justify-content: center;align-items: center;

}

.banner .swiper-pagination-bullet::after{

	content: "";

	display: block;width: 6px;height: 6px;

	background: #ffffff;

	border-radius: 50%;

	opacity: 1;

}

.banner .swiper-pagination-bullet-active{border: 1px solid rgb(255, 255, 255);}





.imoreBtn{width: 8.3vw;height: 2.3vw;font-size: 0.83vw;border-radius: 23px;border: 1px solid #fff;color: #fff;position: relative;overflow: hidden; display:block; text-align:center; line-height:2.3vw; margin-top:50px}

 a.imoreBtn::before {left: 0px;bottom: -200%;position: absolute;content: "";width: 200%;height: 200%;transition: 0.5s 0.1s;background: #1f4396;}

 a.imoreBtn em{position: relative;z-index: 1;display: block; }

 a.imoreBtn em:before {

     display: inline-block;

     width: 0;

     height: 14px;

     content: "";

     background: url(../img/more.png) no-repeat right center/100%;

     position: relative;

     z-index: 1;

     transition: all 0.5s;

     margin-right: 0.78vw;

	 top: 1px;

 }

 a.imoreBtn em:after {

     display: inline-block;

     margin-left: 0.78vw;

     width: 0.42vw;

     height: 14px;

     content: "";

     background: url(../img/more.png) no-repeat right center/100%;

     position: relative;

     z-index: 1;

     transition: all 0.5s;

	 top: 1px;

 }

 a.imoreBtn:hover{border-color: #1f4396; }

 a.imoreBtn:hover::before{bottom: 0;width: 120%;height: 120%; }

 a.imoreBtn:hover em:before{width: 0.42vw; }

 a.imoreBtn:hover em:after{width: 0; }

/* .banny{margin-top: 100px;} */

.banny .imgB{

	position: absolute;

	left: 0;

	top: 0;

	display: block;

	width: 100%;

	height: 100%;

	padding-top: 0;

	z-index: 1;

}

.banny .nrBox{

	min-height: 22vw;

	padding: 0;

	z-index: 2;

	padding: 4vw 0;

	position: relative;

	display: flex;

	justify-content: center;

	align-items: center;

	color: rgb(255, 255, 255);

	font-size: 2.33vw;

	font-weight: 600;

}

@media (max-width:1024px) {

	.banner{margin-top: 56px;}

	.swiper_banner .nrBox{min-height: 64vw;}

}

@media (max-width:800px) {

	.swiper_banner .swiper-slide .font1{font-size: 20px;margin-top: 8%;}

	.swiper_banner .font2 {  font-size:14px; width:80% }

	.imoreBtn{width:80px;height: 26px;font-size: 12px;border-radius:15px;border: 1px solid #fff;color: #fff;position: relative;overflow: hidden; display:block; text-align:center; line-height:26px; margin-top:10px;}

	.banner .swiper-pagination-bullet{width: 14px;height: 14px;}

	.banner .swiper-pagination-bullet::after{width: 4px;height: 4px;}

	.banny .nrBox{min-height: unset;padding: 14vw 0;font-size: 24px;}

}

/* 首页 */

.indP1 .nrBox{flex-wrap: wrap;}

.ind1L{width: calc(50% - 3.5vw);padding-top: 20px; text-align:justify}

.ind1R{width: 50%;padding: 0 0 40px 40px;

  background: url(../img/p13.png) left bottom no-repeat;

    background-size: auto;

  background-size: 93% 91.58%;}

.ind1R img{width: 100%;display: block;}

.indP1  h2{font-weight: 800;

  font-size: 50px;

  color: rgba(51,51,51,.1);

  text-transform: uppercase;

  line-height: 50px;}

.indP1 .pubTit{background-image:-webkit-linear-gradient(top,#f3a126,#ec7d1c,#d76b1a); 

    -webkit-background-clip:text; 

    -webkit-text-fill-color:transparent; cursor:pointer;;margin-bottom: 16px;text-align: left;font-size: 2.2vw;}

.indP1 .txtB{font-size: 18px;}

.indP1 .btnB{margin-top: 56px;}

.ind1Ul{margin: 3.33vw 0 0;color: rgb(96, 96, 96);}

.ind1Ul li{min-width: 280px; text-align:center}

.ind1Ul .numB{line-height: 1.2;}

.ind1Ul .numB b{

	font-size: 2.5vw;

	font-family: "Montserrat";

	background-image: -webkit-linear-gradient(top,#f3a126,#ec7d1c,#d76b1a);

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

  cursor: pointer;;

	font-weight: bold;

	margin-right: 8px;

}

.ind1Ul .numB sup{

	font-size: 1.5em;

	color: var(--main);

	vertical-align: top;

	line-height: 1;

}

.ind1Ul .titB{font-weight: 400;margin-top: 4px;font-size: 16px;}

.indP.indP2{padding: 0;}

.ind2Ul .imgB{padding-top: 96%;position: relative;z-index: 1;}

.ind2Ul .textB{

	position: absolute;left: 0;top: 0;

	width: 100%;height: 100%;

	z-index: 2;

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

	text-align: center;

	color: rgb(255, 255, 255);

}

.ind2Ul .kkk{position: relative;max-width: 485px;}

.ind2Ul .enB{

	font-size: 2.92vw;

	font-family: "Montserrat";

	font-weight: 600;

	line-height: 1.5;

}

.ind2Ul .titB{

	font-size: 1.875vw;

	color: rgb(255, 255, 255);

	font-weight: 400;

}

.ind2Ul .descB{

	margin-top: 12vw;

	transition: all 0.5s cubic-bezier(0.25, 0.74, 0.22, 0.99);

}

.ind2Ul .moreB2{

	position: absolute;left: 50%;bottom: 0;

	transform: translateX(-50%);

	opacity: 0;

	transition: all 0.5s cubic-bezier(0.25, 0.74, 0.22, 0.99);

}

.ind2Ul li:hover .descB{

	opacity: 0;

	transform: translateY(50%) scale(1.2);

}

.ind2Ul li:hover .moreB2{opacity: 1;}

.indP3 .pubTit{margin-bottom: 0;}

.swiper_ind3{overflow: visible;}

.swiper_ind3 .imgB{padding-top: 65%;}

.swiper_ind3 .kuang { background: #f7f9fa;}

@media (max-width:1280px) {

	.indP1 .txtB{font-size: 16px;}

	.ind1L{padding: 0;}

	.indP1 .btnB{margin-top: 40px;}

	.ind1Ul{align-items: flex-start;}

	.ind1Ul li{min-width: 250px;}

	.ind1Ul li{min-width: unset;width: 25%;text-align: center;}

}

@media (max-width:1024px) {

	.indP1 .txtB{font-size: 16px;}

	.indP1 .nrBox{display: block;}

	.ind1L{width: 100%;}

	.ind1R{width: 100%;margin-top: 16px;}

	.indP1 .btnB{margin-top: 16px;}

	.ind1Ul{flex-wrap: wrap;margin-top: 16px;}

	.ind1Ul li{width: 25%;padding: 8px 0;}

	.ind1Ul .numB b{font-size: 24px;}

	.ind2Ul li{width: 100%;}

	.ind2Ul .enB{font-size: 24px;}

	.ind2Ul .titB{font-size: 18px;}

	.ind2Ul .kkk{padding: 16px;}

	.ind1Ul .titB {

  font-weight: 400;

  margin-top: 4px;

  font-size: 14px;

}

}

/* 关于我们 */

.secNav{

	border-bottom: 1px solid rgb(234, 234, 234);

	background: #ffffff;

	z-index:9;

	transition: all 0.3s;

}

.secNav.hasSec{

	position: sticky;left: 0;top: 100px;

}

.secNav.hasSec.hidH{top: 0;}

.secNav.huibg{background: #f0f2f5;border-bottom: 0;}

.secNav .nrBox{flex-direction: row-reverse;}

.navB{justify-content: flex-start;}

.navB a{

	font-size: 18px;

	color: #888;

	margin-right: 4vw;

	font-weight: 500;

	position: relative;

	display: block;

	padding: 24px 0;

}

.navB a::after{

	content: "";

	display: block;width: 100%;height: 3px;

	position: absolute;left: 0;bottom: -2px;

	background: var(--main);

	opacity: 0;

}

.navB a:last-child{margin-right: 0;}

.navB a.on{color: var(--main);}

.navB a.on::after{opacity: 1;}

.locaB{

	font-size: 14px;

	color: rgb(153, 153, 153);

	padding: 26px 0;

}

.locaB a:hover{color: var(--main);}

.locaB1{display: none;}

.abo1Ul li{margin-top: 4.2vw;}

.abo1Ul li:first-child{margin-top: 0;}

.abo1Ul li:nth-child(odd) .kuang{flex-direction: row-reverse;}

.abo1Ul .tuB{width: calc(50% - 2.6vw);}

.abo1Ul .tuB img{display: block;width: 100%;}

.abo1Ul .textB{width: calc(50% - 2.6vw);}

.abo1Ul .pubTit{ font-size: 2vw;margin-bottom: 32px;text-align: left;}

 

 .aboP2 .pubTit{text-align: center;margin-bottom: 3vw;}

.aboP2 .swiper{overflow: visible;}

.aboP2 .imgB{

	padding-top: 62.34%;

	border-radius: 10px;

	background-color: rgb(11, 56, 108);

	overflow: hidden;

}

.swiper_abo3,

.swiper_qua3,

.swiper_devP3{overflow: visible; position: relative; margin-top:20px}

.swiper_abo3 .kuang{overflow: visible;}

.swiper_abo3 .imgB img,

.swiper_qua3 .imgB img{box-shadow: 0px 0px 3.125vw 0px rgba(2, 60, 143, 0.2); width:100%}

.swiper_abo3 .titB,

.swiper_qua3 .titB{

	font-size: 20px;

	color: rgb(26, 26, 26);

	text-align: center;

	margin-top: 24px;

	font-weight: 400;

}

.swiper_abo3 .swiper-button-prev,

.swiper_abo3 .swiper-button-next,

.swiper_qua3 .swiper-button-prev,

.swiper_qua3 .swiper-button-next,

.swiper_devP3 .swiper-button-prev,

.swiper_devP3 .swiper-button-next{top: unset;bottom: 0;margin: 0;}

.swiper_abo3 .swiper-button-prev,

.swiper_qua3 .swiper-button-prev,

.swiper_devP3 .swiper-button-prev{left: calc(50% - 94px);}

.swiper_abo3 .swiper-button-next,

.swiper_qua3 .swiper-button-next,

.swiper_devP3 .swiper-button-next{right: calc(50% - 94px);}

.aboP4 .pubTit{color: #ffffff;margin-bottom: 50px;}

.aboP4 .pubTit .desc{font-size: 16px;font-weight: 300;}

.aboP4 .nrBox img{display: block;width: 100%;position: relative;z-index: 1;}

.aboP4 .nrBox img.tu2,

.aboP4 .nrBox img.tu3{position: absolute;left: 0;top: 0;z-index: 2;}

.aboP4 .nrBox img.tu2{

	z-index: 3;

	animation:mymove 5s infinite;

	-webkit-animation:mymove 5s infinite; /*Safari and Chrome*/

	animation-direction:alternate;/*轮流反向播放动画。*/

	animation-timing-function: ease-in-out; /*动画的速度曲线*/

	/* Safari 和 Chrome */

	-webkit-animation:mymove 5s infinite;

	-webkit-animation-direction:alternate;/*轮流反向播放动画。*/

	-webkit-animation-timing-function: ease-in-out; /*动画的速度曲线*/

}

@keyframes mymove{

    0%{opacity: 0.3;}

    25%{opacity: 1;}

    50%{opacity: 0.3;}

    75%{opacity: 1;}

}

@-webkit-keyframes mymove{

    0%{opacity: 0.3;}

    25%{opacity: 1;}

    50%{opacity: 0.3;}

    75%{opacity: 1;}

}

.aboP5 .pubTit{ margin-bottom:50px}

.swiper_abo5{overflow: visible;}

.swiper_abo5 .swiper-wrapper{align-items: stretch;}

.swiper_abo5 .swiper-slide{height: unset;}

.swiper_abo5::before{

	content: "";

	background-color: rgb(234, 234, 234);

	position: absolute;

	left: -50%;

	top: 5px;

	width: 200%;

	height: 1px;

}

.swiper_abo5 .kuang{padding-bottom: calc(68% + 32px);position: relative;height: 100%;}

.swiper_abo5 .kuang::before{

	content: "";

	display: block;width: 11px;height: 11px;

	border-radius: 50%;

	background: linear-gradient(224deg,#439e65,#2d9577 11%,#ec7f1c);

}

.swiper_abo5 .timeB{

	font-size: 24px;

	font-family: "Montserrat";

	color: var(--main);

	margin-top: 32px; font-weight:bold

}

.swiper_abo5 .titB{

	font-size: 16px;

	color: rgb(96, 96, 96);

	font-weight: 400;

	margin-top: 0;

}

.swiper_abo5 .titB h1{ font-size:22px}

.swiper_abo5 .imgB{padding-top: 68%;position: absolute;left: 0;bottom: 0;width: 100%;}

.swiper_abo5 .swiper-button-prev,

.swiper_abo5 .swiper-button-next{

	right: 0;top: -150px;margin: 0;

}

.swiper_abo5 .swiper-button-prev{left: unset;right: 112px;}

@media (max-width:1280px) {

	.abo1Ul .txtB{font-size: 15px;}

	.swiper_abo3 .titB,

	.swiper_qua3 .titB{font-size: 18px;}

	.navB a{margin-right: 6vw;}

	.swiper_abo3,

	.swiper_qua3,

	.swiper_devP3{padding-bottom: 108px;}

}

@media (max-width:1024px) {

	.secNav{top: 55px;}

	.navB a{padding: 16px 0;font-size: 16px;}

	.abo1Ul .kuang{display: block;}

	.abo1Ul .tuB{width: 100%;}

	.abo1Ul .textB{width: 100%;margin: 24px 0 0;}

	.navB a{margin-right: 4vw;}

	.abo1Ul .pubTit{margin-bottom: 16px;}

	.aboP2 .dazi img{max-height: 16vw;}

	.aboP2 .titB{font-size: 20px;}

	.aboP2 .descB{font-size: 32px;}

}

@media (max-width:800px) {

	.secNav.hasSec,

	.secNav.hasSec.hidH{top: 55px;}

	.locaB1{display: block;padding: 8px 0;}

	.locaB2{display: none;}

	.navB{padding: 0;justify-content:space-evenly;width: 100%;}

	.navB a{padding: 12px 0;margin-right: 0;}

	.abo1Ul .pubTit{font-size: 22px;margin-bottom: 4px;}

	.aboP2 .dazi img {max-height: 20vw;}

	.aboP2 .titB{font-size: 16px;margin-top: 40px;}

	.aboP2 .descB{font-size: 18px;margin-top: 24px;}

	.swiper_abo3 .titB,

	.swiper_qua3 .titB{font-size: 16px;}

	.swiper_abo3,

	.swiper_qua3,

	.swiper_abo5,

	.swiper_devP3{padding-bottom: 60px;}

	.swiper_abo5 .swiper-button-prev,

	.swiper_abo5 .swiper-button-next{

		top: unset;bottom: 0;

	}

	.swiper_abo3 .swiper-button-prev,

	.swiper_qua3 .swiper-button-prev,

	.swiper_abo5 .swiper-button-prev,

	.swiper_devP3 .swiper-button-prev{left: calc(50% - 48px);}

	.swiper_abo3 .swiper-button-next,

	.swiper_qua3 .swiper-button-next,

	.swiper_abo5 .swiper-button-next,

	.swiper_devP3 .swiper-button-next{right: calc(50% - 48px);}

	.aboP4 .pubTit{margin-bottom: 16px;}

	.aboP4 .pubTit .desc{font-size: 14px;}

	.swiper_abo5 .timeB{font-size: 20px;margin-top: 16px;}

	.aboP5 .pubTit{margin-bottom: 24px;}

}

/* 产品 */

.indP.proP1{

	background: #000000;

	padding: 0;

	position: relative;

	flex-direction: row-reverse;

}

.proP1 .tuB{width: 50%;}

.proP1 .textB{width: 50%;padding: 4vw calc(50vw - 740px);}

.proP1 .imgB{padding-top: 87.5%;}

.proP1 .zsqB{position: absolute;left: calc(50% - 6.7vw);top: calc(50% - 6.7vw);}

.proP1 .zsqB img{

	display: block;width: 13.4vw;height: 13.4vw;

	-webkit-transform:rotate(360deg);

	animation:rotation 20s linear infinite;

	-moz-animation:rotation 20s linear infinite;

	-webkit-animation:rotation 20s linear infinite;

	-o-animation:rotation 20s linear infinite;

}

@-webkit-keyframes rotation{from{-webkit-transform:rotate(0deg);}	to{-webkit-transform:rotate(360deg);}}

.proP1 .kuang{max-width: 468px;}

.proP1 .titB{

	font-size: 3.125vw;

	color: rgb(255, 255, 255);

	font-weight: bold;

}

.proP1 .descB{

	font-size: 18px;

	color: rgb(102, 102, 102);

	line-height: 2;

	margin-top: 16px;

}

.proP1 .btnB{

	margin-top: 5.2vw;

}

.txtB table{

	width: 100%;

	min-width: 1000px;

	border-collapse: collapse;

	border-bottom: 1px solid #1e1e1e;

}

.txtB tr{width: 100%;}

.txtB table th,

.txtB table td{

	border: 1px solid #eaeaea;

	padding: 8px;

}

.txtB table th:nth-child(5n-4),

.txtB table td:nth-child(5n-4){border-left: 0;}

.txtB table th:last-child,

.txtB table td:last-child{border-right: 0;}

.txtB .ue-table-interlace-color-double{background: #ffffff;}

.txtB .ue-table-interlace-color-single{background: #e7e7e7;}

.tableTs{

	font-size: 14px;

	text-align: center;

	color: #999999;

	display: none;

	margin-bottom: 8px;

}

@media (max-width:1200px) {

	.tableBox{width: 100%;overflow-x: auto;}

	.tableTs{display: block;}

}

.indP.proP3{padding: 0;}

.proP3 .pubTit{padding-bottom: 0;}

.pro3Ul li{padding: 4vw 0;}

.pro3Ul li:first-child{padding-top: 0;}

.pro3Ul li:nth-child(2n){background: #f0f2f5;}

.pro3Ul .textB{width: calc(30% - 3vw);}

.pro3Ul .tuB{width: calc(70% - 3vw);position: relative;}

.pro3Ul .showB{position: relative;z-index: 1;}

.pro3Ul .showB .eachB{display: none;}

.pro3Ul .showB .eachB:first-child{display: block;}

.pro3Ul .imgB{padding-top: 57%;}

.pro3Ul .iconB{font-size: 3.8vw;color: var(--main);}

.pro3Ul .titB{

	font-size: 1.67vw;

	color: rgb(26, 26, 26);

	font-weight: 600;

	margin-top: 1.875vw;

}

.pro3Ul .descB{

	line-height: 1.5;

	margin: 4px 0 0;

}

.pro3Ul .hoverB{

	position: absolute;left: 0;bottom: 0;

	width: 100%;

	display: flex;justify-content: space-between;align-items: center;

	padding: 20px 22px;

	z-index: 2;

}

.pro3Ul .hoverB .eachB{

	padding: 0 6px;

	width: 100%;

}

.pro3Ul .hoverB .eachB span{

	border-radius: 5px;

	background-color: rgba(0, 0, 0,0.7);

	width: 100%;

	height: 80px;

	display: flex;align-items: center;justify-content: center;

	color: #ffffff;

	cursor: pointer;

	transition: all 0.3s;

	position: relative;

}

.pro3Ul .hoverB .eachB i{

	font-size: 18px;

	position: absolute;left: 50%;top: 50%;

	transform: translateX(-50%) translateY(-50%);

	opacity: 0;

	transition: all 0.3s;

	color: var(--active);

}

.pro3Ul .hoverB .eachB.on span{

	background: #ffffff;

	color: #333333;

	padding-top: 24px;

}

.pro3Ul .hoverB .eachB.on i{

	top: calc(50% - 8px);

	opacity: 1;

}

.pro4Ul li{margin-top: 20px;display: none;}

.pro4Ul li:first-child{margin-top: 0px;}

.pro4Ul li:nth-child(-n+8){display: block;}

.pro4Ul .kuang{background: rgb(240, 242, 245);justify-content: flex-start;padding: 12px 0;}

.pro4Ul .numB{

	font-size: 32px;

	font-family: "Montserrat";

	color: var(--main);

	font-weight: bold;

	width: 128px;

	text-align: center;

	border-right: 1px dashed #000000;

}

.pro4Ul .titB{

	width: calc(100% - 128px);

	font-size: 18px;

	color: rgb(26, 26, 26);

	font-weight: 500;

	padding: 0 48px;

}

.proP4 .btnB{margin: 4vw auto 0;}

@media (max-width:1480px) {

	.proP1 .textB{padding: 4vw 32px;}

	.pro3Ul .hoverB .eachB span{height: 72px;}

}

@media (max-width:1280px) {

	.pro3Ul .titB{font-size: 2vw;}

	.pro3Ul .hoverB .eachB span{height: 56px;}

}

@media (max-width:1024px) {

	.proP1 .descB{font-size: 16px;}

	.pro3Ul .hoverB .eachB span{height: 48px;font-size: 14px;}

	.pro3Ul .hoverB{padding: 8px;}

	.pro3Ul .descB{font-size: 14px;}

	.pro4Ul .kuang{padding: 8px 0;}

	.pro4Ul .numB{font-size: 28px;}

	.pro4Ul .titB{padding: 0 40px;font-size: 16px;}

}

@media (max-width:800px) {

	.proP1{display: block;}

	.proP1 .zsqB{display: none;}

	.proP1 .tuB{width: 100%;}

	.proP1 .textB{padding: 4vw 0;}

	.proP1 .textB{width: 100%;padding: 16px;}

	.proP1 .titB{font-size: 20px;}

	.proP1 .descB{margin-top: 8px;}

	.pro3Ul li{padding: 16px;}

	.pro3Ul .kuang{display: block;}

	.pro3Ul .textB{width: 100%;}

	.pro3Ul .tuB{width: 100%;margin: 16px 0 0;}

	.pro3Ul .iconB{font-size: 24px;}

	.pro3Ul .titB{font-size: 18px;margin-top: 8px;}

	.pro3Ul .hoverB .eachB{padding: 0 2px;}

	.pro3Ul .hoverB .eachB span{height: 40px;}

	.pro3Ul .hoverB{padding: 4px 2px;}

	.pro4Ul li{margin-top: 8px;}

	.pro4Ul .numB{font-size: 22px;width: 64px;}

	.pro4Ul .titB{padding: 0 16px;width: calc(100% - 64px);}

	.pro3Ul .hoverB .eachB.on span{padding-top: 0;}

	.pro3Ul .hoverB .eachB.on i{top: 50%;opacity: 0;}

}

/* 技术优势 */

.advP1 .pubTit{font-size: 1.875vw;font-weight: 600;line-height: 1.4;margin-bottom: 56px;}

.adv1Ul{margin: -30px;}

.adv1Ul li{padding: 30px;}

.adv1Ul img{display: block;width: 100%;}

.indP.advP2{padding: 0;}

.adv2Ul>li{padding: 5.2vw 0;background: #f0f2f5;}

.adv2Ul>li:nth-child(odd){background: #fff;}

.adv2Ul>li:nth-child(odd) .kuang{flex-direction: row-reverse;}

.adv2Ul .tuB{width: calc(50% - 2.8vw);}

.adv2Ul .tuB img{display: block;width: 100%;}

.adv2Ul .textB{width: calc(50% - 4.5vw);}

.adv2Ul .titB{

	font-size: 28px;

	color: rgb(29, 29, 29);

	font-weight: 500;

	padding-bottom: 32px;

}

.adv2Ul .descB{

	line-height: 2;

	border-top: 1px solid rgb(234, 234, 234);

	padding-top: 32px; font-size:17px

}

.adv2Ul .descB li{

	padding-left: 22px;

	position: relative;

}

.adv2Ul .descB li{margin-top: 16px;}

.adv2Ul .descB li:first-child{margin-top: 0px;}

.adv2Ul .descB li::before{

	content: "";

	border-radius: 50%;

	background-color: rgb(2, 60, 144);

	position: absolute;left: 0;top: 13px;

	display: block;width: 8px;height: 8px;

}

@media (max-width:1280px) {

	.adv2Ul .titB{padding-bottom: 24px;}

	.adv2Ul .descB{padding-top: 24px;}

	.adv2Ul .descB li{margin-top: 8px;}

	.adv1Ul{margin: -24px;}

	.adv1Ul li{padding: 24px;}

	.advP1 .pubTit{margin-bottom: 40px;}

}

@media (max-width:1024px) {

	.adv2Ul .titB{padding-bottom: 16px;}

	.adv2Ul .descB{padding-top: 16px;}

	.adv2Ul .descB li{margin-top: 4px;}

	.adv2Ul .titB{font-size: 24px;}

	.adv2Ul .descB{font-size: 14px;}

	.adv2Ul .descB li::before{top: 11px;}

	.adv2Ul .textB{width: 50%;}

	.adv1Ul{margin: -8px;}

	.adv1Ul li{padding: 8px;}

	.advP1 .pubTit{margin-bottom: 16px;font-size: 24px;}

}

@media (max-width:800px) {

	.adv1Ul li{width: 50%;}

	.advP1 .pubTit{font-size: 18px;}

	.adv2Ul>li{padding: 24px 0;}

	.adv2Ul .kuang{display: block;}

	.adv2Ul .tuB{width: 100%;}

	.adv2Ul .textB{width: 100%;margin-top: 16px;}

	.adv2Ul .titB{font-size: 18px;}

	.adv2Ul .titB{padding-bottom: 8px;}

	.adv2Ul .descB{padding-top: 8px;}

}

/* 质量保证 */

.swiper_qua1{overflow: visible;}

.swiper_qua1 .imgB{padding-top: 67.6%;}

.swiper_qua1 .titB{

	font-size: 18px;

	color: rgb(26, 26, 26);

	text-align: center;

	margin-top: 16px;

	font-weight: 400;

}

.quaP2 .clickB .eachB{

	background: rgb(255, 255, 255);

	min-width: 23.4vw;

	height: 60px;

	border-radius: 60px;

	display: flex;justify-content: center;align-items: center;

	margin: 0 16px;

	cursor: pointer;

}

.quaP2 .clickB .eachB.on{

	background: var(--main);

	color: #ffffff;

}

.quaP2 .showB{margin-top: 4.2vw;}

.quaP2 .showB .eachB{display: none;}

.quaP2 .showB .eachB:first-child{display: block;}

.swiper_qua2 .swiper-wrapper{align-items: stretch;}

.swiper_qua2 .swiper-slide{height: unset;}

.swiper_qua2 .kuang{

	border-radius: 5px;

	border: 1px solid var(--main);

	background: var(--main);

	box-shadow: 0px 0px 40px 0px rgba(11, 94, 215, 0.15);

	height: 100%;

}

.swiper_qua2 .numB{

	border-radius: 0 0 5px 0;

	background-color: rgb(2, 60, 143);

	position: absolute;left: 0;top: 0;

	z-index: 2;

	width: 35px;

	height: 35px;

	font-size: 18px;

	font-family: "Montserrat";

	color: rgb(247, 247, 247);

	display: flex;justify-content: center;align-items: center;

}

.swiper_qua2 .titB{

	font-size: 18px;

	color: #ffffff;

	font-weight: 400;

	display: flex;justify-content: center;align-items: center;

	padding: 20px 8px;

	text-align: center;

}

.swiper_qua2 .swiper-pagination{

	margin-top: 4.2vw;

	position: relative;left: unset;bottom: unset;

	background: rgb(215, 217, 221);

	height: 5px;

	border-radius: 5px;

}

.swiper_qua2 .swiper-pagination-progressbar-fill{

	background: var(--main);

	height: 5px;

	border-radius: 5px;

}

@media (max-width:1280px) {

	.quaP2 .clickB .eachB{height: 48px;min-width: 20vw;}

	.swiper_qua2 .titB{font-size: 16px;}

}

@media (max-width:800px) {

	.swiper_qua1 .titB{font-size: 16px;}

	.quaP2 .clickB .eachB{padding: 8px 16px;min-width: unset;height: unset;margin: 0 8px;}

	.swiper_qua2 .numB{font-size: 14px;width: 32px;height: 32px;}

	.swiper_qua2 .titB{padding: 12px 8px;}

}

/* 可持续发展 */

.devP1{border-bottom: 1px solid rgb(234, 234, 234);}

.dev1Ul{margin: -32px;}

.dev1Ul li{padding: 32px;}

.dev1Ul .imgB{padding-top: 77%;position: relative;z-index: 1;}

.dev1Ul .textB1{

	position: absolute;left: 0;top: 0;

	z-index: 2;

	width: 100%;height: 100%;

	font-size: 24px;

	color: #ffffff;

	text-align: center;

}

.dev1Ul .iconB{font-size: 64px;}

.dev1Ul .titB{color: #ffffff;margin-top: 16px;}

.dev1Ul .textB2{

	position: absolute;left: 0;top: 0;

	z-index: 3;

	width: 100%;height: 100%;

	background: url(../img/kcx1on.jpg) center center no-repeat;

	background-size: cover;

	opacity: 0;

	transition: all 0.3s;

}

.dev1Ul .descB{

	font-size: 20px;

	color: rgb(255, 255, 255);

	line-height: 2;

}

.dev1Ul .textB1 .descB{display: none;}

.dev1Ul>li:hover .textB2{opacity: 1;}

.dev2Ul>li{margin-top: 4.2vw;}

.dev2Ul>li:first-child{margin: 0;}

.dev2Ul .kuang{

	background-color: rgb(255, 255, 255);

	box-shadow: 0px 0px 60px 0px rgba(2, 44, 105, 0.2);

}

.dev2Ul li:nth-child(even) .kuang{flex-direction: row-reverse;}

.dev2Ul .tuB{width: 50%;}

.dev2Ul .textB{width: 50%;}

.dev2Ul .imgB{padding-top: 67.6%;}

.dev2Ul .textB{padding: 16px 4.2vw;}

.dev2Ul .titB{

	font-size: 28px;

	color: var(--main);

	font-weight: 500;

}

.dev2Ul .descB{

	border-top: 1px solid rgb(234, 234, 234);

	margin-top: 32px;

	padding-top: 32px;

}

.dev2Ul .descB li{padding-left: 32px;position: relative;margin-top: 4px;}

.dev2Ul .descB li::before{

	content: "";

	display: block;width: 6px;height: 6px;

	border: 2px solid rgb(2, 60, 143);

	border-radius: 50%;

	position: absolute;left: 8px;top: 11px;

}

.devP3 .nrBox{overflow: hidden;}

.devP3 .imgB{padding-top: 62.5%;}

.devP3 .swiper-slide{width: 800px;z-index: 1;}

.devP3 .swiper-slide-active .kuang::before{display: none;}

@media (max-width:1480px) {

	.devP3 .swiper-slide{width: 52vw;z-index: 1;}

}

@media (max-width:1280px) {

	.dev1Ul .iconB{font-size: 48px;}

	.dev1Ul .textB1{font-size: 22px;}

	.dev2Ul .descB{margin-top: 24px;padding-top: 24px;}

	.dev1Ul{margin: -24px;}

	.dev1Ul li{padding: 24px;}

}

@media (max-width:1024px) {

	.dev1Ul .iconB{font-size: 40px;}

	.dev1Ul .textB1{font-size: 20px;}

	.dev2Ul .descB{margin-top: 16px;padding-top: 16px;}

	.dev1Ul .descB{font-size: 18px;}

	.dev2Ul .titB{font-size: 24px;}

	.dev1Ul{margin: -16px;}

	.dev1Ul li{padding: 16px;}

}

@media (max-width:800px) {

	.dev1Ul .iconB{font-size: 32px;}

	.dev1Ul .textB1{font-size: 18px;}

	.dev2Ul .descB{margin-top: 8px;padding-top: 8px;}

	.dev1Ul .descB{font-size: 16px;}

	.dev2Ul .titB{font-size: 20px;}

	.dev1Ul{margin: -8px;}

	.dev1Ul li{padding: 8px;width: 100%;}

	.dev1Ul .textB1 .descB{display: block;}

	.dev1Ul .textB2{display: none;}

	.dev2Ul .kuang{display: block;}

	.dev2Ul .tuB{width: 100%;}

	.dev2Ul .textB{width: 100%;}

	.dev2Ul .descB li{padding-left: 24px;}

	.dev2Ul .descB li::before{top: 8px;}

	.devP3 .swiper-slide{width: 100%;}

}

/* 新闻 */

.indP.newsP{padding-top: 0;}

.newsUl li{padding: 4.2vw 0;background: #f0f2f5;}

.newsUl li:nth-child(odd){background: #fff;}

.newsUl .tuB{width: calc(37% - 3vw);}

.newsUl .imgB{padding-top: 65%;}

.newsUl .textB{width: 62%;}

.newsUl .timeB{ font-size:14px}

.newsUl .titB{font-size: 20px;margin-top: .5vw;}

.newsUl .descB{margin-top: 8px; line-height:30px}

.newsUl .moreB{

	display: flex;justify-content: flex-start;align-items: center;

	margin-top: 2vw;

}

.newsUl .moreB i{

	border-radius: 50%;

	background-color: var(--main);

	display: flex;justify-content: center;align-items: center;

	font-size: 16px;

	width: 46px;height: 46px;

	color: #ffffff;

	margin-right: 16px;

}

.pageTurn{

	margin-top: 88px;

	font-size: 16px;

	color: rgb(51, 51, 51);

	flex-wrap: wrap;

}

.xiaocms-page{

	display: flex;

	justify-content: center;

	align-items: center;

	flex-wrap: wrap;

}

.xiaocms-page a,

.xiaocms-page span{

	border: 1px solid rgb(238, 238, 238);

	background: rgb(255, 255, 255);

	min-width: 36px;

	height: 36px;

	line-height: 36px;

	font-size: 14px; 

	color: #333333; 

	padding: 0 10px;

	display: block;

	text-align: center;

	margin: 5px;

}

.xiaocms-page span{

	border-color: var(--main);

	background: var(--main);

	color:#ffffff; 

}

.pageTurn .totB{margin: 0 24px;}

.pageTurn .totB i{font-style: normal;}

.pageTurn .tzB input{

	display: block;

	border: 1px solid rgb(221, 221, 221);

	display: block;width: 58px;height: 34px;

	margin: 0 4px;

	text-align: center;

	-moz-appearance: textfield;

	-webkit-appearance: none;

}

.pageTurn .tzB a{

	background: var(--main);

	width: 80px;height: 36px;

	display: flex;justify-content: center;align-items: center;

	font-size: 16px;

	color: #ffffff;

	margin-left: 20px;

} 

@media (max-width:1280px) {

	.pageTurn{margin-top: 4vw;}

	.newsUl .titB{margin-top: 2vw;}

	.newsUl .moreB{margin-top: 3vw;}

	.newsUl .moreB i{width: 48px;height: 48px;}

}

@media (max-width:1024px) {

	.newsUl .timeB{font-size: 14px;}

	.newsUl .titB{font-size: 18px;margin-top: 1vw;}

	.newsUl .moreB{margin-top: 2vw;}

	.newsUl .moreB i{width: 40px;height: 40px;}

}

@media (max-width:800px) {

	.newsUl li{padding: 16px 0;}

	.newsUl .kuang{display: block;}

	.newsUl .tuB{width: 100%;}

	.newsUl .textB{width: 100%;margin-top: 8px;}

	.newsUl .titB{font-size: 16px;}

	.newsUl .descB{font-size: 14px;}

	.newsUl .moreB i{width: 32px;height: 32px;}

	.pageTurn{margin-top: 24px;font-size: 14px;}

	.xiaocms-page{margin-bottom: 16px;}

	.xiaocms-page a, 

	.xiaocms-page span{

		min-width: 32px;

		height: 32px;

		line-height: 32px;

		font-size: 14px; 

		padding: 0 4px;

		margin: 2px;

	}

	.pageTurn .tzB input{font-size: 14px;height: 32px;width: 48px;}

	.pageTurn .tzB a{font-size: 14px;height: 32px;width: 64px;}

}

/* 新闻详情 */

.indP.detailP{padding-top: 0;}

.detailL{width: calc(100% - 20.83vw);max-width: 950px;}

.detailR{width: 18.75vw;}

.detailP .pageTit{

	font-size: 2.083vw;

	color: var(--wen);

	font-weight: 600;

}

.detailP .pageTime{

	font-size: 18px;

	font-family: "Montserrat";

	color: rgb(153, 153, 153);

	margin-top: 1.67vw;

}

.detailP .pageNr{

	margin-top: 2.5vw;

	border-top: 1px solid rgb(234, 234, 234);

	padding: 2.5vw 0;

}

.detailP .pageFy a{

	display: block;

	padding: 16px 24px;

	padding-right: 144px;

	border-radius: 10px;

	background-color: rgb(255, 255, 255);

	width: 100%;

	min-height: 80px;

	margin-bottom: 10px;

	display: flex;justify-content: flex-start;align-items: center;

	position: relative;

	transition: all 0.3s;

}

.detailP .pageFy i{

	position: absolute;right: 40px;top: 50%;

	transform: translateY(-50%);

	border: 1px solid rgb(234, 234, 234);

	border-radius: 50%;

	width: 46px;

	height: 46px;

	font-size: 16px;

	color: var(--wen);

	display: flex;justify-content: center;align-items: center;

	transition: all 0.3s;

}

.detailP .pageFy a:hover{background: var(--main);color: #ffffff;}

.detailP .pageFy a:hover i{background: #ffffff;color: var(--main);}

.detailR .pTit{

	background: var(--main);

	color: #ffffff;

	font-size: 24px;

	padding: 8px;

	text-align: center;

	margin-bottom: 3.125vw;

	position: relative;

}

.detailR .pTit::after{

	content: "";

	width: 0;

	height: 0;

	border-top: 10px solid var(--main);

	border-right: 5px solid transparent;

	border-left: 5px solid transparent;

	position: absolute;left: calc(50% - 5px);bottom: -10px;

}

.cpUl li{margin-bottom: 3.125vw;}

.cpUl li:last-child{margin-bottom: 0;}

.cpUl .imgB{padding-top: 96%;}

.cpUl .titB{

	font-size: 20px;

	color: rgb(51, 51, 51);

	text-align: center;

	font-weight: 400;

	margin-top: 8px;

}

@media (max-width:1280px) {

	.detailR .pTit{font-size: 20px;}

}

@media (max-width:1024px) {

	.detailP .nrBox{display: block;}

	.detailL{width: 100%;}

	.detailR{width: 100%;margin-top: 24px;}

	.cpUl{display: flex;justify-content: space-between;align-items: center;}

	.cpUl li{width: 49%;margin: 0;}

	.cpUl .titB{font-size: 18px;}

	.detailP .pageTit{font-size: 3vw;}

}

@media (max-width:800px) {

	.secNav.huibg .navB{display: none;}

	.secNav.huibg .locaB2{display: block;padding: 12px 0;width: 100%;}

	.detailP .pageTit{font-size: 22px;}

	.detailP .pageTime{font-size: 15px;margin-top: 8px;}

	.detailP .pageNr{margin-top: 16px;padding: 16px 0;}

	.detailP .pageFy a{padding: 8px 16px;padding-right: 64px;min-height: 48px;border-radius: 4px;}

	.detailP .pageFy i{width: 32px;height: 32px;right: 16px;}

	.detailR .pTit{font-size: 18px;margin-bottom: 16px;}

	.cpUl .titB{font-size: 16px;}

}

/* 联系我们 */

.indP.ctcP1{padding: 0;}

.ctcP1 .datu{position: absolute;left: 0;top: 0;width: 50%;height: 100%;}

.ctcP1 .datu .imgB{width: 100%;height: 100%;padding-top: unset;}

.ctcP1 .nrBox{ padding:70px 0 90px; height:auto; overflow:hidden}

.ctcP1 .locaB{position: absolute;right: 0;top: 0;}

.ctcP1 .pTit{

	font-size: 1.875vw;

	color: rgb(0, 0, 0);

	font-weight: 600;

}

.ctctUl{margin-top: 20px;}

.ctctUl li{padding: 2vw 0; background:#fafafa; width:32%; float:left; margin-right:2%;border-radius:10px; text-align:center }

.ctctUl li:nth-child(3n){margin-right:0; }

.ctctUl li:first-child{margin-top: 0;}

.ctctUl .iconB{

	font-size: 2.5vw;

 

 

	transition: all 0.3s; background: linear-gradient(224deg,#f3a126,#ec7d1c 11%,#d76b1a); width:100px; height:100px; margin:0 auto 20px;border-radius:50px;; line-height:100px; color:#fff; font-weight:600

}

.ctctUl .titB{font-size: 20px;color: #333;font-weight: 600;}

.ctctUl .descB{font-size: 18px;color: #555; padding:8px 20px}

.ctcForm{flex-wrap: wrap;}

.ctcForm input[type=text]{

	border-radius: 10px;

	background-color: rgb(255, 255, 255);

	width: calc(50% - 20px);

	height: 60px;

	margin-bottom: 40px;

	padding: 0 20px;

	border: 0;

	font-family: inherit;

	font-size: 18px;

}

.ctcForm input[type=text]:nth-child(5){width: 100%; }

.ctcForm textarea{

	border-radius: 10px;

	background-color: rgb(255, 255, 255);

	width: 100%;

	margin-bottom: 20px;

	padding: 12px 20px;

	border: 0;

	font-family: inherit;

	height: 180px;

	font-size: 18px;

}

.ctcForm .yzm{width: 70%;justify-content: flex-start;}

.ctcForm .yzm input[type=text]{

	width: 220px;

	margin: 0;

	margin-right: 16px;

}

.ctcForm .yzmt{

	display: block;height: 60px;width: 100px;

}

.ctcForm input[type=submit]{

	border-radius: 0;

	background: linear-gradient(224deg,#f3a126,#ec7d1c 11%,#d76b1a);

	width: 120px;

	height: 60px;

	font-size: 20px;

	color: rgb(255, 254, 254);

	border: 0;

	font-family: inherit;

	cursor: pointer;

	margin-left: 36px;border-radius:5px;

}

@media (max-width:1280px) {

	.ctcP1 .pTit{font-size: 2.2vw;}

	.ctctUl .descB{font-size: 18px;}

	.ctcForm input[type=text],

	.ctcForm textarea,

	.ctcForm input[type=submit]{font-size: 16px;}

}

@media (max-width:1024px) {

	.ctcP1 .nrBox{padding: 10vw 0 ;}

	.ctctUl .descB{font-size: 16px;}

	.ctctUl .iconB{top: 3vw;}

	.ctcForm input[type=text]{height: 48px;width: calc(50% - 8px);margin-bottom: 16px;}

	.ctcForm textarea{height: 120px;}

	.ctcForm .yzm{width: 100%;}

	.ctcForm .yzm input[type=text]{width: 180px;}

	.ctcForm .yzmt{height: 48px;}

	.ctcForm input[type=submit]{width: 120px;height: 48px;font-size: 16px;margin-top: 16px;}

}

@media (max-width:800px) {

	.ctctP .nrBox{display: block;}

	.ctcP1 .datu{width: 100%;position: relative;left: unset;top: unset;}

	.ctcP1 .datu .imgB{padding-top: 64%;}

	.ctcForm input[type=text]{width: 100%;height: 40px;border-radius: 4px;margin-bottom: 8px;padding: 0 16px;}

	.ctcForm textarea{height: 100px;border-radius: 4px;padding: 8px 16px;margin-bottom: 8px;}

	.ctcForm .yzmt{height: 40px;}

	.ctcForm input[type=submit]{height: 40px;margin-left: 0;}

	.ctcP1 .nrBox{margin: 0;padding: 0 0 40px;}

	.ctcP1 .locaB{position: relative;right: unset;top: unset;display: flex;justify-content: flex-end;align-items: center;}

	.ctcP1 .pTit{font-size: 24px;}

	.ctctUl{margin-top: 16px;}

	.ctctUl li{padding: 12px 0;padding-left: 48px;}

	.ctctUl .iconB{font-size: 28px;top: 24px;}

	.ctcForm .yzm{flex-wrap: wrap;}

}





.indexDiv2 .hdDiv{padding: 80px 0 59px;}

.indexDiv2 ul {flex: 1 1 auto;}

.indexDiv2 ul li{width: 16.6667%;flex: 1 1 auto;transition: all .6s; }

.indexDiv2 ul li a{display: block;height: 39.479167vw;position: relative; }

.indexDiv2 ul li a img{width: 100%;height: 100%;object-fit: cover; }

.indexDiv2 ul li .textDiv{position: absolute;width: 100%;left: 0;bottom: 0;padding: 2vw;text-align: center;color: #fff;background: linear-gradient(to top,rgba(0,0,0,.5),rgba(255,255,255,0)); }

.indexDiv2 ul li .textDiv .title{font-weight: bold; font-size:20px }

.indexDiv2 ul li .textDiv .p{margin: 1vw 0;line-height: 1.8; }

.indexDiv2 ul li .textDiv .moreBtn{max-width: 132px;width: 100%;line-height: 36px;border: 1px solid #fff;border-radius: 19px;margin: 0 auto; }

.indexDiv2 ul li:hover{width: 50%;}

.indexDiv2 ul li:hover .textDiv{height: 100%;padding: 10.4%;background: rgba(0,0,0,.5); }

.indexDiv2 ul li:hover .textDiv .title,.indexDiv2 ul li:hover .textDiv .p{text-align: left; }

.indexDiv2 ul li:hover .textDiv .moreBtn{margin: 0;border-width: 2px; }

.indexDiv2 ul li:hover .textDiv .p{-webkit-line-clamp: 3;margin: 7% 0;width: 80%; }





.indexDiv1{padding: 70px 60px  ;  }

.indexDiv1 .wrap{max-width: 100%;}

.indexDiv1 .bdDiv{margin-top: 49px; }

.indexDiv1 .bdDiv .swiper-container{padding: 10px 10px 50px;}

.indexDiv1 .bdDiv a{display: block;box-shadow: 0px 0px 13px rgba(0,0,0,.08);background: #fff; }

.indexDiv1 .bdDiv .imgDiv{position: relative;padding-top: 75.7%;border-bottom: 1px solid #eee; }

.indexDiv1 .bdDiv .imgDiv .pic{position: absolute;left: 0;top: 0;width: 100%;height: 100%;overflow: hidden;display: flex;justify-content: center;align-items: center; }

.indexDiv1 .bdDiv .imgDiv .pic img{width: 100%;height: 100%;object-fit: cover; }

.indexDiv1 .bdDiv .textDiv{padding: 20px; }

.indexDiv1 .bdDiv .textDiv .title{font-weight: bold;color: #333;text-align: center; font-size:20px}

.indexDiv1 .bdDiv .textDiv .p{color: #666;line-height: 26px;text-align: left;margin: 10px 0 5px; font-size:15px;overflow:hidden; 

     text-overflow:ellipsis;

     display:-webkit-box; 

     -webkit-box-orient:vertical;

     -webkit-line-clamp:3; }

.indexDiv1 .bdDiv .moreBtn{background: linear-gradient(224deg,#2d9577,#25897d 31%,#0f678f);height: 56px;color: #fff;padding-left: 7.6%; }

.indexDiv1 .bdDiv .moreBtn i{width: 56px;height: 56px;display: flex;justify-content: center;align-items: center;background: #1070a4; }

.indexDiv1 .swiper-container-horizontal>.swiper-scrollbar{background: rgba(12,83,165,.1);height: 3px;}

.indexDiv1 .swiper-scrollbar-drag{background: linear-gradient(124deg,#439e65,#136d8c 31%,#ec7f1c);}

.indexDiv1 .bdDiv a:hover .textDiv .title{color: #0c53a5; }





.indexDiv4{padding: 100px 0  ;overflow: hidden;background: url(../img/161.png) no-repeat center bottom/cover;;}

.indexDiv4 .bdDiv{margin: 50px 0 0;position: relative; }

.indexDiv4 .bdDiv .swiper-container{margin: -1vw; }

.indexDiv4 .bdDiv .swiper-slide{padding: 1vw; }

.indexDiv4 .bdDiv a{display: block;position: relative; }

.indexDiv4 .bdDiv a .imgDiv{ }

.indexDiv4 .bdDiv a .imgDiv img{ width:100%}

.indexDiv4 .bdDiv a .textDiv{padding: 1.3vw 1.3vw 1vw  ;position: absolute;left: 0;bottom: 0;width: 100%;height: 100%;background: url(../img/yy.png) no-repeat center bottom/100%;color: #fff;display: flex;flex-direction: column;justify-content: flex-end; }

.indexDiv4 .bdDiv a .date{font-size: 14px; }

.indexDiv4 .bdDiv a .title{margin-top: 10px; }

.indexDiv4 .bdDiv a:hover{box-shadow: 0 0 1.2vw rgba(0,0,0,.2); }

.indexDiv4 .swiper-button-prev,.indexDiv4 .swiper-button-next{width: 50px;height: 50px;display: flex;align-items: center;justify-content: center;border-radius: 50%;color: #f74164; transition: all .5s; }

.indexDiv4 .swiper-button-next .iconfont{font-size: 24px; }

.indexDiv4 .swiper-button-prev .iconfont{transform: rotate(-180deg);display: block;font-size: 24px; }

.indexDiv4 .swiper-button-prev{left: -3.6vw;}

.indexDiv4 .swiper-button-next{right: -3.6vw;}

.indexDiv4 .swiper-button-prev:hover,.indexDiv4 .swiper-button-next:hover{background: #ec7d1c;color: #fff;border-color: #ec7d1c; }

.swiper-button-prev,.swiper-button-next{background: none; }



.indexDiv4 .swiper-button-prev{background: url(../img/right.png) #b5b5b5  no-repeat center center/12px; }

.indexDiv4 .swiper-button-next{background: url(../img/right.png) #b5b5b5  no-repeat center center/12px; }

.indexDiv4 .swiper-button-prev:hover{background: url(../img/right.png) #ec7d1c no-repeat center center/12px; }

.indexDiv4 .swiper-button-next:hover{background: url(../img/right.png) #ec7d1c no-repeat center center/12px; }







.sy_news {padding: 100px 0; background: url(../img/i-bg1.jpg) no-repeat center bottom/cover;}

.sy_news .img_box {

  margin-bottom: 15px;

  overflow: hidden;

 

  overflow: hidden;

  position: relative;background: #000;

}

.left_side .img_box:nth-of-type(1) {

 background: linear-gradient(224deg,#f3a126,#ec7d1c 11%,#d76b1a)!important;

}

.side_item .img_box .info_box .n_info_title {

  margin-top: 8px;

  font-size:16px;

  color: #fff; font-weight:normal

}

.side_item .img_box .info_box .n_info_title h3{color: #fff; font-weight:normal}

.sy_news .container{display: flex;

  align-items: flex-start;

  justify-content: space-between;flex-wrap: wrap; margin-top:49px}

.sy_news .side_item {

  width: calc(51% / 2 - 19px);

}

.side_item.center_side {

  width: 49.5% !important;

}

 .right_side .img_box:nth-of-type(2) {

  background: linear-gradient(224deg,#f3a126,#ec7d1c 11%,#d76b1a)!important;

}

.compute_item_img {

  display: block;

  position: relative;

  transition: all .3s ease-in-out;

}

.compute_item_img .compute_process_img {

  display: flex;

  position: relative;

  width: 100%;

  height: 0;

  overflow: hidden;

}

.side_item .img_box::after {

  background-color: rgba(0,0,0,0%);

}

.side_item .img_box .info_box {

  position: absolute;

  top: 0;

  left: 0;

  padding: 32px 28px;

  color: #fff;

  width: 100%;

  box-sizing: border-box;

  z-index: 1;

  pointer-events: none;

}

.compute_item_img .compute_process_img img {

  position: absolute;top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  margin: auto;

  width: 100%;

  height: 100%;

  object-fit: cover;

  object-position: center center;opacity: 0.7;

}

 .sy_news .side_item {

  width: calc(51% / 2 - 19px);

}





.indexDiv41{padding: 0 0 100px; height: auto }

.indexDiv41  .col-sm-4 {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 33.333333%;

    flex: 0 0 33.333333%;

    max-width: 33.333333%;

  }

.indexDiv41 .bdDiv{margin-top: 60px; }

.indexDiv41 .bdDiv .row>div{padding: 0 20px;border-right: 1px solid rgba(255,255,255,.2);  }

.indexDiv41 .bdDiv .row>div:last-child{border: 0; }

.indexDiv41 .bdDiv .row>div a{text-align: center;display: block;height: 100%;padding: 4vw 20px 1vw;border-radius: 10px;background: #fff;box-shadow: 0 5px 20px 0 rgba(95,125,158,.1);}

.indexDiv41 .bdDiv .row>div .iconDiv span{width: 100px;height: 100px; border:#fff 1px solid;border-radius: 50%; display:block; margin:0 auto}

.indexDiv41 .bdDiv .row>div .iconDiv span img{ width:100% }

.indexDiv41 .bdDiv .row>div .textDiv{margin-top: 30px; }

.indexDiv41 .bdDiv .row>div .textDiv .title{color: #000000; font-size:24px; font-weight:bold }

.indexDiv41 .bdDiv .row>div .textDiv .p{margin: 12px 0 50px;color: rgba(0, 0, 0, .4); font-size:.9vw }

.indexDiv41 .bdDiv .row>div .textDiv .moreBtn{color: #000000;opacity: 0; }

.indexDiv41 .bdDiv .row>div a:hover{background:rgba(255,255,255,1); }

.indexDiv41 .bdDiv .row>div  .iconDiv span{background: linear-gradient(224deg,#f3a126,#ec7d1c 11%,#d76b1a);}

.indexDiv41 .bdDiv .row>div  .iconDiv span i{color: #fff; }

.indexDiv41 .bdDiv .row>div a:hover .textDiv .title{color: #000; }

.indexDiv41 .bdDiv .row>div a:hover .textDiv .p{color: rgba(0, 0, 0, .4); }

.indexDiv41 .bdDiv .row>div a:hover .textDiv .moreBtn{opacity: 1; }







.indexTitle{position: relative;}

.indexTitle.tc{text-align: center;}

.indexTitle span{display: block;font-weight: bold;color: #333;margin-bottom: 5px;}

.indexTitle small{font-size: 16px;color: #999999;text-transform: uppercase; }

.indexTitle.cfff span{color: #fff;}

.indexTitle.cfff small{color: #fff;}

.f40 {

  font-size: 40px;

}

.indexTitle {}

.indexTitle h2{ font-weight:800; font-size:50px; color:rgba(255,255,255,.5); text-transform:uppercase; line-height:50px}

.indexTitle h3{font-size: 2.2vw;  font-weight: bold  ;color:#fff; padding-top:0 ; letter-spacing:2px}





.indexTitle1 {}

.indexTitle1 h2{ font-weight:800; font-size:50px; color:rgba(51,51,51,.1); text-transform:uppercase; line-height:50px}

.indexTitle1 h3{font-size: 2.2vw;  font-weight: bold  ;color:#333; padding-top:0 ; letter-spacing:2px;background-image: -webkit-linear-gradient(top,#f3a126,#ec7d1c,#d76b1a);

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

  cursor: pointer;}





.ind1Ulc{margin: -1.25vw;}

.ind1Ulc li{padding: 1.25vw;}

.ind1Ulc .kuang{

	border-radius: 10px;

	transition: all 0.3s;

	overflow: visible;

}

.ind1Ulc .kkk{

	display: block;

	background: rgb(255, 255, 255);

}

.ind1Ulc .imgB{padding-top: 84%;}

.ind1Ulc .titB{

	border-radius: 10px;

	background-color: rgba(11, 56, 108,0.05);

	width: 100%;

	line-height: 60px;

	text-align: center;

	font-size: 18px;

	font-weight: 700;

	transition: all 0.3s;

}

.ind1Ulc .descB{padding: 16px;text-align: center;}

.ind1Ulc .tips{

	border-radius: 5px;

	background: var(--main);

	position: absolute;right: 20px;top: 20px;

	width: max-content;

	line-height: 25px;

	z-index: 1;

	font-size: 14px;

	color: rgb(255, 255, 255);

	font-weight: bold;

	padding: 0 8px;

}

.ind1Ulc .kuang:hover .kkk{box-shadow: 0.326px 0.946px 1.56vw 0px rgba(0, 0, 0, 0.1);}

.ind1Ulc .kuang:hover .titB{background: var(--main);color: #ffffff;}







.ny_fw {padding: 70px 0;overflow: hidden;}

 .ny_fw ul {display: flex;align-items: stretch;flex-wrap: wrap}

.ny_fw ul li{width: 32%;margin: 0 2% 30px 0;position: relative;overflow: hidden;box-shadow: 0 0 15px rgba(0,0,0,0.1);-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}

.ny_fw ul li:nth-child(3n){margin-right:0; }

.ny_fw ul li:hover{box-shadow: 0 0 15px rgba(0,0,0,0.15);}

.ny_fw ul li .t_p{width: 100%;padding-top: 70%;position: relative;overflow: hidden;}

.ny_fw ul li .t_p img{width: 100%;display: block;position: absolute;left: 0;top: 0;height: 100%;object-fit: cover;-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s; }

.ny_fw ul li:hover .t_p img{-webkit-transform:scale(1.07); -moz-transform:scale(1.07); -o-transform:scale(1.07); -ms-transform:scale(1.07); transform:scale(1.07); -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s; }

.ny_fw ul li .w_z{padding: 15px 15px 20px;}

 .more {width: 165px;height: 45px;border-radius:4px;line-height:45px; background: linear-gradient(224deg,#f3a126,#ec7d1c 11%,#d76b1a); text-align: center;font-size: 16px;margin-top: 20px;}

 .more a{color: #fff;}



.ny_fw ul li h3 {font-size: 18px;font-weight: bold;line-height: 1.6;margin-bottom: 10px; color: #222;}

.ny_fw ul li p {font-size:16px;line-height: 1.6;color: #333; overflow:hidden; 

     text-overflow:ellipsis;

     display:-webkit-box; 

     -webkit-box-orient:vertical;

     -webkit-line-clamp:2;}

.ny_fw ul li:hover h3 {color: #ed8917;}



.flexbet {

  display: flex;

  justify-content: space-between;

  align-items: center;

}

.shouhouDiv1{padding: 70px 0 50px;overflow: hidden; }

.shouhouDiv1 .bdDiv .imgDiv{width: 49.3%;border-radius: 10px;overflow: hidden; }

.shouhouDiv1 .bdDiv .textDiv{width: 48%; }

.shouhouDiv1 .bdDiv .textDiv i{font-size: 80px;color: #152ad3; }

.shouhouDiv1 .bdDiv .textDiv h3{margin: 0 0 1vw;color: #000; font-size: 2vw; }

.shouhouDiv1 .bdDiv .textDiv .p{color: #666;line-height: 2; font-size:18px }



.downloadDiv{padding: 0 0 120px; }

.downloadDiv .bdDiv ul li{padding: 20px 30px;cursor: pointer;background: #f7f7f7;border-radius: 10px;margin-bottom: 20px; font-size:18px }

.downloadDiv .bdDiv ul li .title{color: #000;font-weight: 600; }

.downloadDiv .bdDiv ul li i{font-size: 30px;color: #152ad3; }

.downloadDiv .bdDiv ul li:hover {background: linear-gradient(224deg,#f3a126,#ec7d1c 11%,#d76b1a); }

.downloadDiv .bdDiv ul li:hover i{color: #fff; }

.downloadDiv .bdDiv ul li:hover .title{color: #fff; }

.downloadDiv .bdDiv ul li:nth-child(n+6){display: none; }

.downloadDiv .bdDiv.showAll ul li:nth-child(n+6){display: flex; }

.downloadDiv .bdDiv .moreBtn{margin-top: 60px; }

.downloadDiv .bdDiv .moreBtn a{display: flex;flex-direction: column; }

.downloadDiv .bdDiv .moreBtn i{font-size: 50px;color: #152ad3;line-height: 1; }

.downloadDiv .bdDiv .moreBtn span{text-transform: uppercase;font-family: fontP;color: #000; }

.downloadDiv .bdDiv.showAll .moreBtn{display: none; }





.ldgn { padding:60px 0;}

.ldgn ul li { width:20%;margin-top: 20px; float:left; text-align:center;display: flex;flex-direction: column;align-items:center }

.ldgn ul li img {width: 130px;margin: 0 auto;background: #fff;border-radius: 50%;padding: 5px;}

.ldgn ul li h3 { font-size:18px; color:#3D3D3D; margin:15px 0;border-radius: 6px; height:150px}

.ldgn ul li p { font-size:14px; color:#333;line-height: 1.8;margin-bottom: 10px;padding: 0 20px;height: 101px}

.ldgn ul li .bd { height:26px; background:url(../img/AD0Ipb_BBhAEGAAgoMH3wwUoy9TasQEwrQk4Gg.png) center center no-repeat;width: 100%;}

.ldgn ul li span { font-size:24px; background-image: -webkit-linear-gradient(top,#f3a126,#ec7d1c,#d76b1a);

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

  cursor: pointer;; font-weight:bold}

 .cplb { height:auto; margin-top:50px }

.cplb li{ float:left;  width:32%; margin-right:2%;box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.15); margin-bottom:20px}

.cplb li:nth-child(3n){margin-right:0; }

.wenzi{background: linear-gradient(224deg,#439e65,#2d9577 11%,#ec7f1c); padding:20px 10px; text-align:center; font-size:24px; font-weight:bold; text-align:center; color:#fff}









.indexDiv22{ padding:0 0  ; }

.indexDiv22 .hdDiv {margin: 40px 0; }

.indexDiv22 .hdDiv a{width: 260px;height: 70px;margin: 0 15px;background: #fff;border-radius: 10px;color: #333333; font-size:20px; font-weight:bold ;box-shadow: 0 5px 20px 0 rgba(95,125,158,.1);}

.indexDiv22 .hdDiv a span{width: 60px;height: 60px;border-radius: 50%;background: #f0f4f7;margin-right: 15px; }

.indexDiv22 .hdDiv a img{height: 32px; }

.indexDiv22 .hdDiv a .hImg{display: none; }

.indexDiv22 .hdDiv a.on .dImg{display: none; }

.indexDiv22 .hdDiv a.on .hImg{display: block; }

.indexDiv22 .hdDiv a.on{color: #fff;background: linear-gradient(224deg,#f3a126,#ec7d1c 11%,#d76b1a);}

.indexDiv22 .hdDiv a.on span{background: #009fde; }

.indexDiv22 .bdDiv .rowDiv{display: none; }

.indexDiv22 .bdDiv .rowDiv.on{display: block; }

 .indexDiv22 .bdDiv .row { background:rgba(255,255,255,.6);box-shadow: 0 5px 20px 0 rgba(95,125,158,.1);display: inline-block ;border-radius: 10px; width:100%    } 

.indexDiv22 .bdDiv .row  .imgDiv{ width:50%; float:right  }

.indexDiv22 .bdDiv .row  .title{color: #333333;margin-top: 20px;text-align: left; width:47%; float:left; margin-left:3% ; padding-top:50px}

 .indexDiv22 .bdDiv .row  .title h1{ font-size:24px; margin-bottom:20px}

 .indexDiv22 .bdDiv .row  .title p{ font-size:18px; color:#666; line-height:36px; min-height:150px}

  

.flexcen {

  display: flex;

  justify-content: center;

  align-items: center;

}



.ihdDiv{margin-bottom: 40px; }

.ihdDiv .aDiv a{width: 260px;height: 50px;border: 1px solid #ec7f1c;color: #ec7f1c;border-radius: 25px;margin-left: 20px; }

.ihdDiv .aDiv a.on{background-image: -webkit-linear-gradient(top,#f3a126,#ec7d1c,#d76b1a);color: #fff; }

.ihdDiv a.moreBtn{width: 140px;height: 50px;border: 1px solid #ec7f1c;color: #ec7f1c;border-radius: 25px;margin-left: 20px; }

.ihdDiv a.moreBtn:hover{background: #ec7f1c;color: #fff; }

.flexend {

  display: flex;

  justify-content: flex-end;

  align-items: center;

}

.indexDiv11{ padding:70px 0 }

.indexDiv11 .bdDiv{position: relative; }

.indexDiv11 .bdDiv .lunboDiv{position: absolute;width: 100%;left: 0;z-index: -1;opacity: 0; }

.indexDiv11 .bdDiv .lunboDiv.on{position: relative;z-index: 1;opacity: 1; }

.indexDiv11 .bdDiv .swiper-slide{height: initial; }

.indexDiv11 .bdDiv a{display: block;background: #fff;border-radius: 0px;overflow: hidden;height: 100%; }

.indexDiv11 .bdDiv a .imgDiv{ border-radius: 0px;overflow: hidden; }

.indexDiv11 .bdDiv a .textDiv{padding: 15px; }

.indexDiv11 .bdDiv a .textDiv .title{color: #333333;width: 100%; text-align:center }

.indexDiv11 .bdDiv a .textDiv span{width: 40px;height: 40px;background: #ec7f1c;border-radius: 50%; }

.indexDiv11 .bdDiv a .textDiv span img{width: 14px;transition: all .5s; }

.indexDiv11 .bdDiv a:hover .textDiv .title{color: #ec7f1c; } 

.indexDiv11 .bdDiv a:hover .textDiv span img{transform: rotate(45deg); }

.indexDiv11 .bdDiv .swiper-container{padding-bottom: 46px; }

.indexDiv11 .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 0; }

.indexDiv11 .swiper-pagination-bullet{width: 12px;height: 12px;background: #cccccc;opacity:1;border-radius: 6px; }

.indexDiv11 .swiper-pagination-bullet-active{opacity: 1;position: relative;width: 40px;background: #ec7f1c; }

.indexDiv11 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 5px;}

 

 .indexTitle1 span{ color:#23867f; text-transform:capitalize; font-size:18px}

.indexTitle1 p {

  font-size: 2vw;

   

  text-align: left; color:#333; font-weight:bold ; margin-top:-10px

}





.aboutDiv6{padding:70px 0  ;}

 .aboutDiv6 .bdDiv{margin-top: 40px; }

.aboutDiv6 .bdDiv .swiper-container{padding-bottom: 50px; }

.aboutDiv6 .bdDiv .imgDiv{position: relative;padding-top: 137%;}

.aboutDiv6 .bdDiv .imgDiv .pic{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;border: 1px solid #d6d6d6;padding: 8px;background: #fff; }

.aboutDiv6 .bdDiv .imgDiv .pic img{width: 100%;}

.aboutDiv6 .bdDiv .swiper-button-prev,.aboutDiv6 .bdDiv .swiper-button-next{width: 36px;height: 64px;margin-top: -21px;}

.aboutDiv6 .bdDiv .swiper-button-prev{background: url(../img/left1.png) no-repeat center center;left: -64px;}

.aboutDiv6 .bdDiv .swiper-button-next{background: url(../img/right1.png) no-repeat center center;right: -64px;}

.aboutDiv6 .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 0;}

.aboutDiv6 .swiper-pagination-bullet{width: 12px;height: 12px;background: #bcbcbc;border-radius:6px;opacity:1;}

.aboutDiv6 .swiper-pagination-bullet-active{opacity: 1;position: relative;width: 30px;background: #ec7f1c; }

.aboutDiv6 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 5px;}







.aboutDiv3{background: #f5f7fa;padding: 70px 0 ;overflow: hidden; }

.aboutDiv3 .indexTitle{text-align: center; }

.aboutDiv3 .nrBox{margin-top: 0px; }

.swiper_abop4 .tuB{width: 46.875%;transition: all 0.3s;}

.swiper_abop4 .tuB img{ width:100%}

.swiper_abop4 .imgB{ }



.swiper_abop4 .textB{width: 46.875%;}



.swiper_abop4 .indTit .titB{background-image: -webkit-linear-gradient(top,#f3a126,#ec7d1c,#d76b1a);

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

  cursor: pointer;font-size: 2.6vw;font-family: MR;font-weight: bold;margin-bottom:1vw; }

.swiper_abop4 .indTit .descB{width: 100%;}

.swiper_abop4 .indTit .descB span{font-weight: bold;font-size: 24px;color: #333333; }

.swiper_abop4 .indTit .descB p{color: #666666;margin-top: 10px; font-size:18px }

.abop4 .bok{margin-top: 2.6vw;padding: 0 40px;position: relative;}



.abop4 .bok::before{



	content: "";



	background-color: rgb(234, 234, 234);



	position: absolute;



	left: -8.33vw;



	top: 50%;



	width: 100vw;



	height: 1px;



	z-index: 1;



}



.abop4 .swiper-button-prev{left: 0;}



.abop4 .swiper-button-next{right: 0;}



.abop4 .swiper-button-prev,



.abop4 .swiper-button-next{



	border-radius: 50%;



	background-color: rgb(241, 241, 241);



	width: 50px;



	height: 50px;



	display: flex;



	justify-content: center;



	align-items: center;



	z-index: 2;



	transition: all 0.3s;



}



.abop4 .swiper-button-next.swiper-button-disabled, 



.abop4 .swiper-button-prev.swiper-button-disabled{opacity: 1;}



.abop4 .swiper-button-next:hover,



.abop4 .swiper-button-prev:hover{background: #ec7f1c;}



.abop4 .swiper-button-prev::before,



.abop4 .swiper-button-next::before{



	color: #cdcdcd;



	font-size: 20px;



	transition: all 0.3s;



}



.abop4 .swiper-button-prev:hover::before,



.abop4 .swiper-button-next:hover::before{



	color: #fff;



}



/* .abop4 .swiper-button-next::before{transform: rotate(180deg);} */



.abop4 .swiper-button-prev::after,



.abop4 .swiper-button-next::after{display: none;}



.abop4 .swiper_abop4s .kuang{



	text-align: center;



	position: relative;



	font-size: 20px;



	font-family: "Poppins-bold";



	color: rgb(205, 205, 205);



	cursor: pointer;



}



.abop4 .swiper_abop4s .kuang::before{



	content: "s";



	opacity: 0;



}



.abop4 .swiper_abop4s .kuang::after{



	content: "";



	position: absolute;



	left: calc(50% - 5px);



	top: calc(50% - 5px);



	border-radius: 50%;



	background-color: rgb(205, 205, 205);



	display: block;



	width: 10px;



	height: 10px;



}



.abop4 .swiper_abop4s .titB{



	padding-top: 30px;



	position: relative;



}



.abop4 .swiper_abop4s .titB::after{



	content: "";



	display: block;



	width: 0;



	height: 1px;



	background: #ec7f1c;



	position: absolute;



	left: 50%;



	top: 15px;



}



.abop4 .swiper_abop4s .swiper-slide-thumb-active .titB::after{



	animation: dodow 4s infinite ease-in-out;



}



@keyframes dodow{



	0% {width: 0;left: 50%;}



	50%{width: 100%;left: 50%;}



	100% {width: 0;left: 150%;}



}



.abop4 .swiper_abop4s .swiper-slide-thumb-active .kuang{color: #ec7f1c;}



.abop4 .swiper_abop4s .swiper-slide-thumb-active .kuang::after{background: #ec7f1c;}





/* 选项卡容器 */

.bdDiv {

  position: relative;

}



/* 所有切换内容默认隐藏 */

.bdDiv .rowDiv {

  opacity: 0;

  visibility: hidden;

  transform: translateY(40px);

  transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1);



  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

}



/* 当前激活显示 */

.bdDiv .rowDiv.on {

  opacity: 1;

  visibility: visible;

  transform: translateY(0);

  position: relative;

}



/* 图片：从右侧滑入 */

.bdDiv .rowDiv.on .imgDiv {

  opacity: 0;
 text-align:center;
  transform: translateX(30px);

  animation: slideInRight 0.7s 0.15s cubic-bezier(0.22, 1, 0.36, 1) forwards;

}



/* 文字：从左侧滑入 */

.bdDiv .rowDiv.on .title {

  opacity: 0;

  transform: translateX(-30px);

  animation: slideInLeft 0.7s 0.2s cubic-bezier(0.22, 1, 0.36, 1) forwards;

}



@keyframes slideInLeft {

  to {

    opacity: 1;

    transform: translateX(0);

  }

}

@keyframes slideInRight {

  to {

    opacity: 1;

    transform: translateX(0);

  }

}

img{-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease}

img.shadow{-webkit-box-shadow:0 50px 100px -30px rgba(0,0,0,.5);-moz-box-shadow:0 50px 100px -30px rgba(0,0,0,.5);box-shadow:0 50px 100px -30px rgba(0,0,0,.5)}

img.rounded{border-radius:10px}

#ueberuns .content{padding-right:50px}

#ueberuns .img-wrapper{padding:100px 50px 0 0;position:relative}

#ueberuns .img-wrapper:before{content:'';background-color:#ff0032;width:100%;height:100%;z-index:0;display:block;position:absolute;right:0;top:0;border-radius:15px;-webkit-clip-path:polygon(70% 0%,100% 0%,100% 100%,100% 100%,20% 100%);clip-path:polygon(70% 0%,100% 0%,100% 100%,100% 100%,20% 100%);-webkit-transition:width 2s ease;-moz-transition:width 2s ease;-o-transition:width 2s ease;transition:width 2s ease;animation-delay:3000ms}

#ueberuns .img-wrapper img{z-index:1;position:relative}

#ueberuns .img-wrapper.nV:before{width:0;animation-delay:3000ms}

#ueberuns p,#arbeitsweise p{margin-bottom:0}

#ueberuns p + a{margin-top:40px}

#site-background{position:relative;width:100vw;overflow:hidden}

body.error404 #site-background .layer-wrapper{background-image:url(/wp-content/themes/dp/img/404.gif);background-size:cover;background-position:center;background-repeat:no-repeat;opacity:.5}

body.error404 #site-background .layer-wrapper>div{display:none}

body.error404 .error-404 p{font-size:24px;padding:0 10%}

#site-background .layer-wrapper{position:fixed;height:100vh;z-index:-999;top:0;left:0;width:100vw}

#site-background .layer-wrapper>div{position:absolute;top:0;left:0;width:100vw;height:100%}

#site-background .layer-wrapper>div>div{position:absolute}

#site-background .layer-wrapper .element1{top:-120px;left:10%}

#site-background .layer-wrapper .element2{top:-170px;left:40%}

#site-background .layer-wrapper .element3{top:200px;right:-5%}

#site-background .layer-wrapper .element4{top:10vh;left:-25%;-webkit-transform:scale(.9) rotate(50deg);transform:scale(.9) rotate(50deg)}

#site-background .layer-wrapper .element5{top:50vh;right:-5%}

#site-background .layer-wrapper .element6{top:55vh;left:25%;-webkit-transform:scale(.7) rotate(80deg);transform:scale(.7) rotate(80deg)}

#site-background .layer-wrapper div img{animation:zoom 25s infinite;animation-direction:alternate;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease}

#site-background .layer-wrapper .layer1 img{animation-delay:2s;animation-duration:30s}

@keyframes zoom{0%{transform:scale(.7) rotate(0deg)}

30%{transform:scale(.95) rotate(40deg)}

60%{transform:scale(.8) rotate(20deg)}

100%{transform:scale(1) rotate(60deg)}

}

.wave{width:200px;margin:10px auto 0;padding:2px 0}

.wave svg{overflow:visible;display:block}

.wave svg{stroke-width:3;stroke:#888ea0;fill:none;stroke-dasharray:1000;stroke-dashoffset:1000;animation:dash 4s forwards}

.wave.nV svg{animation:none}

@keyframes dash{to{stroke-dashoffset:0}

}



@media (max-width:800px) {

.indP1  h2{font-weight: 800;

  font-size: 30px;

  color: rgba(51,51,51,.1);

  text-transform: uppercase;

  line-height: 30px;}	

.indP1 .pubTit{background-image:-webkit-linear-gradient(top,#f3a126,#ec7d1c,#d76b1a); 

    -webkit-background-clip:text; 

    -webkit-text-fill-color:transparent; cursor:pointer;;margin-bottom: 16px;text-align: left;font-size: 24px;}	

.ind1R {

  width: 100%;

  padding: 0 0 20px 20px;

  background: url(../img/p13.png) left bottom no-repeat;

    background-size: auto;

  background-size: auto;

  background-size: 93% 91.58%;

}



.indexTitle1 h2{ font-weight:800; font-size:30px; color:rgba(51,51,51,.1); text-transform:uppercase; line-height:30px}

.indexTitle1 h3{font-size:24px;  font-weight: bold  ;color:#333; padding-top:0 ; letter-spacing:2px;background-image: -webkit-linear-gradient(top,#f3a126,#ec7d1c,#d76b1a);

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

  cursor: pointer;}

  .indexDiv41 {

  padding: 0 0 20px;

  height: auto;

}

 .indexDiv41 .col-sm-4 {

  -webkit-box-flex: 0;

  -ms-flex: 0 0 100%;

  flex: 0 0 100%;

  max-width: 100%; margin-bottom:20px

}

.indexDiv41 .bdDiv {

  margin-top:20px;

}

.indexDiv41 .bdDiv .row>div a{text-align: center;display: block;height: 100%;padding: 20px;border-radius: 10px;background: #fff;box-shadow: 0 5px 20px 0 rgba(95,125,158,.1);}

.indexDiv41 .bdDiv .row > div {

  padding: 0  10px;

  border-right: 1px solid rgba(255,255,255,.2);

}

.indexDiv41 .bdDiv .row>div .textDiv .title{color: #000000; font-size:18px; font-weight:bold }

.indexDiv41 .bdDiv .row>div .textDiv .p{margin: 12px 0 0;color: rgba(0, 0, 0, .7); font-size:15px }

.indexDiv41 .bdDiv .row > div .textDiv {

  margin-top: 20px;

}

.indexDiv22 .hdDiv {margin: 20px 0; }

.indexDiv22 .hdDiv a{width: 100px;height: 40px;margin: 0 5px;background: #fff;border-radius: 8px;color: #333333; font-size:15px; font-weight:bold ;box-shadow: 0 5px 20px 0 rgba(95,125,158,.1);}

.indexDiv22 .bdDiv .row .imgDiv {

  width: 100%;

  float: none;

}

.indexDiv22 .bdDiv .row .title {

  color: #333333;

  margin-top: 0px;

  text-align: left;

  width: 90%;

  float: none;

  margin-left: 0;

  padding-top: 0px; margin:0 auto 20px

}

 .indexDiv22 .bdDiv .row  .title h1{ font-size:18px; margin-bottom:10px}

 .indexDiv22 .bdDiv .row  .title p{ font-size:15px; color:#666; line-height:30px; min-height:150px}

 .indexDiv2 .hdDiv {

  padding: 30px 0 20px;

}

.indexDiv2 ul li {

  width: 50%;

  flex: 1 1 auto;

  transition: all .6s; float:left

}

.indexDiv2 ul li a{display: block;height: 300px  ;position: relative; }

.indexDiv2 ul{ display:block}

.indexDiv2 ul li:hover{width: 50%;}

.indexDiv2 ul li .textDiv .title{font-weight: bold; font-size:18px }

.indexDiv2 ul li .textDiv .p {

  margin: 1vw 0;

  line-height: 1.8; font-size:14px

}

.indexDiv2 ul li .textDiv .moreBtn {

  max-width: 102px;

  width: 100%;

  line-height: 30px;

  border: 1px solid #fff;

  border-radius: 19px;

  margin: 0 auto 10px;

}

.indexDiv2{ height:auto; overflow:hidden}

.indexDiv4 {

  padding: 20px 0;

  overflow: hidden;

  background: url(../img/161.png) no-repeat center bottom/cover;

}

.indexDiv4 .bdDiv {

  margin: 20px 0 0;

  position: relative;

}

.sy_news {

  padding: 20px 0 ;

  background: url(../img/i-bg1.jpg) no-repeat center bottom/cover;

}

.sy_news .container {

  display: flex;

  align-items: flex-start;

  justify-content: space-between;

  flex-wrap: wrap;

  margin-top:20px;

}

.sy_news .side_item {

  width: 100%;

}

.side_item.center_side {

  width: 100% !important;

}

.indexDiv41 .bdDiv .row>div .iconDiv span{width: 80px;height: 80px; border:#fff 1px solid;border-radius: 50%; display:block; margin:0 auto}	  

.ldgn {

  padding: 0px 0 20px;

}

.ldgn ul li { width:50%;margin-top: 20px; float:left; text-align:center;display: flex;flex-direction: column;align-items:center }

.ldgn ul li h3 { font-size:16px; color:#3D3D3D; margin:0 0;border-radius: 6px;}

.ldgn ul li span { font-size:18px; background-image: -webkit-linear-gradient(top,#f3a126,#ec7d1c,#d76b1a);

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

  cursor: pointer;; font-weight:bold}

.ldgn ul li img {width: 100px;margin: 0 auto;background: #fff;border-radius: 50%;padding: 5px;}

.indexDiv11 {

  padding: 20px 0;

}

.aboutDiv6 {

  padding: 20px 0;

}

.aboutDiv6 .bdDiv {

  margin-top: 20px;

}

.ihdDiv .aDiv a{width: 80px;height: 36px;border: 1px solid #ec7f1c;color: #ec7f1c;border-radius: 25px;margin-left: 5px; }

.indexTitle1 p {

  font-size: 22px;

  text-align: left;

  color: #333;

  font-weight: bold;

  margin-top: -10px;

}

.ihdDiv {

  margin-bottom: 20px;

}

.aboutDiv3 {

  background: #f5f7fa;

  padding: 20px 0;

  overflow: hidden;

}

.abop4 .swiper_abop4s .titB {

 

  position: relative; font-size:16px

}

.swiper_abop4 .kuang { display:block}

.swiper_abop4 .tuB {

  width: 100%;

  transition: all 0.3s;

}

.swiper_abop4 .textB {

  width: 100%;

}

.swiper_abop4 .indTit .titB{background-image: -webkit-linear-gradient(top,#f3a126,#ec7d1c,#d76b1a);

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

  cursor: pointer;font-size:26px;font-family: MR;font-weight: bold;margin-bottom:1vw; }

  .swiper_abop4 .indTit .descB span {

  font-weight: bold;

  font-size: 20px;

  color: #333333;

}

.swiper_abop4 .indTit .descB p {

  color: #666666;

  margin-top: 10px;

  font-size: 16px;

}

.ind1Ulc li {

  padding: 1.25vw; width:100%

}

 .ind1Ulc .titB{

	border-radius: 10px;

	background-color: rgba(11, 56, 108,0.05);

	width: 100%;

	line-height: 50px;

	text-align: center;

	font-size: 16px;

	font-weight: 700;

	transition: all 0.3s;

}

.ny_fw {

  padding: 20px 0;

  overflow: hidden;

}

.ny_fw ul li {

  width: 100%;

  margin: 0 0 30px 0;

  position: relative;

  overflow: hidden;

  box-shadow: 0 0 15px rgba(0,0,0,0.1);

  -webkit-transition: all 0.5s;

  -moz-transition: all 0.5s;

  -o-transition: all 0.5s;

  transition: all 0.5s;

}

.ny_fw ul li h3 {font-size: 16px;font-weight: bold;line-height: 1.6;margin-bottom: 10px; color: #222;}

.ny_fw ul li p {font-size:14px;line-height: 1.6;color: #333; overflow:hidden; 

     text-overflow:ellipsis;

     display:-webkit-box; 

     -webkit-box-orient:vertical;

     -webkit-line-clamp:2;}

	 

	 .more {

  width: 105px;

  height: 36px;

  border-radius: 4px;

  line-height: 36px;

  background: linear-gradient(224deg,#f3a126,#ec7d1c 11%,#d76b1a);

  text-align: center;

  font-size: 14px;

  margin-top: 20px;

}

.shouhouDiv1 {

  padding: 20px 0 20px;

  overflow: hidden;

}

.shouhouDiv1  .bdDiv{ display:block}

.shouhouDiv1 .bdDiv .imgDiv {

  width: 100%;

  border-radius: 10px;

  overflow: hidden;

}

.shouhouDiv1 .bdDiv .textDiv {

  width:100%;

}

.shouhouDiv1 .bdDiv .textDiv h3{margin: 0 0 1vw;color: #000; font-size: 20px; }

.shouhouDiv1 .bdDiv .textDiv .p{color: #666;line-height: 30px; font-size:16px }

.downloadDiv .bdDiv ul li {

  padding: 15px;

  cursor: pointer;

  background: #f7f7f7;

  border-radius: 10px;

  margin-bottom: 15px;

  font-size: 16px;

}

.downloadDiv {

  padding: 0 0 30px;

}

.indP.ctcP1 { padding-top:20px

  

}

.ctctUl li {

  padding: 2vw 0;

  background: #fafafa;

  width: 100%;

  float: left;

  margin-right:0;

  border-radius: 10px;

  text-align: center; margin-bottom:20px

}

.ctctUl .iconB{

	font-size: 40px;

 

 

	transition: all 0.3s; background: linear-gradient(224deg,#f3a126,#ec7d1c 11%,#d76b1a); width:80px; height:80px; margin:0 auto 20px;border-radius:50px;  line-height:80px; color:#fff; font-weight:600

}

.ctctUl .titB {

  font-size: 18px;

  color: #333;

  font-weight: 600;

}

}