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

html {
	font-size: 14px;
	border: none;
	color: rgb(51, 51, 51);
	overflow-x: hidden;
	position: relative;
	margin: 0px auto;
	height: 100%;
	font-family: '微软雅黑';
}

ol,
ul,
li {
	list-style: outside none none;
}

a {
	text-decoration: none;
}

a img {
	border: 0px none;
}

a:hover {
	color: rgb(16, 86, 151);
}

.pt55 {
	padding-top: 55px;
}

table,
tr,
td,
th {
	border-collapse: collapse;
	padding: 0px;
	margin: 0px;
}

img {
	max-width: 100%;
}

input,
textarea,
button {
	padding: 0px 2px;
	resize: none;
	outline: none;
	border: none;
	background: none;
	appearance: none !important;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
	color: rgb(153, 153, 153);
}
.flex-column {
    flex-direction: column;
}
.dis-flex-center-center {
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
}
.color-white {
    color: white;
}
.dis-flex-between {
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
}
.blue{
	color: rgb(16,90,166)!important;
	padding-top: 18px;
	margin-bottom: 10px;
}
.blue span{
	margin-left: 10px;
}
@font-face {
	font-family: DIN;
	src: url("../eot/din-mediumd41d.eot#font-spider") format("embedded-opentype"), url("../woff/din-medium.woff") format("woff"), url("../ttf/din-medium.ttf") format("truetype"), url("../svg/din-medium.svg") format("svg");
	font-weight: normal;
	font-style: normal;
}

@keyframes jello {

	0%,
	11.1%,
	100% {
		transform: none;
	}

	22.2% {
		transform: skewX(-12.5deg) skewY(-12.5deg);
	}

	33.3% {
		transform: skewX(6.25deg) skewY(6.25deg);
	}

	44.4% {
		transform: skewX(-3.125deg) skewY(-3.125deg);
	}

	55.5% {
		transform: skewX(1.5625deg) skewY(1.5625deg);
	}

	66.6% {
		transform: skewX(-0.78125deg) skewY(-0.78125deg);
	}

	77.7% {
		transform: skewX(0.390625deg) skewY(0.390625deg);
	}

	88.8% {
		transform: skewX(-0.195312deg) skewY(-0.195312deg);
	}
}

.inner {
	margin: 0px auto;
	padding-left: 8vw;
	padding-right: 8vw;
}

h2,
h3,
h4,
h5,
h6 {
	font-weight: normal;
}

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

.scoll-top {
	background-color: rgb(255, 255, 255);
}

.scoll-top .navH>a:first-child {
	color: rgb(51, 51, 51) !important;
}

.ibox-scoll {
	animation: 850ms ease 350ms 1 normal both running fadedown;
	backface-visibility: visible !important;
}

header {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 99px;
	z-index: 9;
	color: rgb(255, 255, 255);
	box-shadow: rgb(220, 220, 220) 0px 2px 10px -1px;
}

.top {
	position: fixed;
	right: 0px;
	top: 0px;
	height: 99px;
}

header .m1440 {
	display: flex;
	align-items: center;
	height: 100%;
}

header .img-w {
	display: none;
}

header a {
	color: rgb(255, 255, 255);
}

.banner img {
	float: left;
}

.banner {
	width: 100%;
}

.banner .swiper-container {
	width: 100%;
}

.banner .swiper-slide {
	background-size: cover;
	position: relative;
}

.banner .swiper-pagination {
	bottom: 21%;
	margin-left: 8px;
	position: absolute !important;
}

.banner .swiper-pagination-bullet {
	opacity: 1;
	border-radius: 50%;
	background: rgb(255, 255, 255);
	width: 8px;
	height: 8px;
	margin-right: 10px;
}

.banner .swiper-pagination .swiper-pagination-bullet-active {
	position: relative;
	background: rgba(16, 90, 166, 0.9);
	opacity: 1;
	margin-right: 10px;
}

.banner .swiper-pagination .swiper-pagination-bullet-active::before {
	position: absolute;
	content: "";
	inset: -12px;
	border: 1px solid rgba(16, 90, 166, 0.9);
	border-radius: 50%;
}

.banner .swiper-pagination-fraction,
.swiper-pagination-custom,
.banner .swiper-container-horizontal>.swiper-pagination-bullets {
	top: 90%;
	width: 100%;
	display: flex;
	justify-content: flex-start;
	left: 35px;
}

.banner .swiper-pagination span:nth-child(2) {
	position: relative;
	left: 40px;
}

.banner .swiper-pagination span:nth-child(3) {
	position: relative;
	left: 80px;
}

.banner .swiper-pagination span:nth-child(4) {
	position: relative;
	left: 120px;
}

.banner .swiper-pagination span:nth-child(5) {
	position: relative;
	left: 160px;
}

.index-header {
	height: 85px;
	transition: all 1s ease 0s;
	position: absolute;
	z-index: 99;
	width: 100%;
	box-sizing: border-box;
}

.index-logo {
	width: 15%;
	display: flex;
}

.index-logo img {
	width: 90%;
	margin-top: 15px;
}

.index-logo .img3 {
	display: none;
}

.index-nav-right {
	width: 85%;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.index-header-right {
	width: 20%;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.index-nav-con {
	width: 75%;
	display: flex;
	justify-content: flex-end;
}

.telCall {
	display: flex;
	align-items: center;
	padding: 7px 15px;
	border: 1px solid rgba(255, 255, 255, 0.4);
	border-radius: 30px;
}

.telCall img {
	margin-right: 5px;
}

.telCall span {
	color: rgb(255, 255, 255);
	font-family: DIN;
	font-size: 20px;
}

.topEwm {
	position: relative;
	top: 2px;
	cursor: pointer;
}

.index-nav {
	width: 100%;
}

.showNav {
	cursor: pointer;
}

.index-nav li {
	transition: all 1s ease 0s;
	float: left;
	width: calc(14.2857%);
	text-align: center;
	box-sizing: border-box;
	font-size: 16px;
}

.index-nav li>a:first-child {
	color: rgb(255, 255, 255);
	display: inline-block;
	position: relative;
	transition: all 1s ease 0s;
}

.index-nav li:hover {}

.index-header-right .sousuo img {
	display: inline-block;
	vertical-align: bottom;
	margin-right: 10px;
}

.erweima-pic {
	position: absolute;
	top: 38px;
	left: -85px;
	z-index: 99;
	display: none;
	width: auto;
}

.erweima-pic img {
	height: 120px;
	width: 120px;
	position: relative;
	left: 43px;
}

.index-header-right .erweima:hover .erweima-pic {
	display: block;
}

.la-close {
	font-family: sans-serif;
	font-size: 35px;
}

.search_sec {
	position: fixed;
	top: 0px;
	width: 100%;
	height: 100%;
	background-color: rgba(26, 32, 49, 0.95);
	z-index: 2147483647;
	opacity: 0;
	visibility: hidden;
	transform: scale(0.9);
}

.search_sec.active {
	opacity: 1;
	visibility: visible;
	transform: scale(1);
}

.search_sec.active .search_field {
	margin: 0px;
}

.search_field {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	margin-top: -50px;
	transition: all 1s ease-in-out 0s;
}

.search_field .container {
	max-width: 800px;
	margin: 0px auto;
}

.search_field form {
	position: relative;
}

.search_field form input {
	width: 100%;
	height: 66px;
	background-color: rgb(229, 229, 229);
	color: rgb(38, 38, 38);
	font-size: 17px;
	padding: 0px 30px;
	border: 0px;
	box-sizing: border-box;
	border-radius: 5px;
}

.search_field form button {
	position: absolute;
	top: 24px;
	right: 24px;
	background-color: inherit;
	border: 0px;
}

.close-search {
	position: absolute;
	top: 60px;
	right: 70px;
	color: rgb(198, 199, 202);
	font-size: 40px;
}

.close-search:hover {
	color: rgb(198, 199, 202);
}

.erweima-pic img {
	height: 120px;
	width: 120px;
}
.nav .on>a:first-child::after{
	width: 100%;
}
.navH {
	line-height: 85px;
}
.navH>a:first-child{
	position: relative; 
	transition: all 0.5s;
}
.navH>a:first-child:hover::after{
	width: 100%;
}
.navH>a:first-child::after{
	position: absolute;
	content: '';
	top: 0;
	height: 3px;
	width: 0;
	left: 0;
	right: 0;
	background: #fff;
	transition: all 0.5s;
}

.scoll-top .nav .on>a:first-child::after{
	width: 100%;
}
.scoll-top .navH>a:first-child{
	position: relative; 
	transition: all 0.5s;
}
.scoll-top .navH>a:first-child:hover::after{
	width: 100%;
}
.scoll-top .navH>a:first-child::after{
	position: absolute;
	content: '';
	top: 0;
	height: 3px;
	width: 0;
	left: 0;
	right: 0;
	background: rgb(16,90,166);
	transition: all 0.5s;
}
.index-nav li>a:first-child {
	font-size: 16px;
}

.navH>a:hover {
	color: rgb(16, 90, 166);
}

.ibox-scoll {
	animation: 850ms ease 350ms 1 normal both running fadedown;
	backface-visibility: visible !important;
}

@-webkit-keyframes fadedown {
	0% {
		transform: translateY(-100%);
		opacity: 0;
	}

	100% {
		transform: translateY(0px);
		opacity: 1;
	}
}

@keyframes fadedown {
	0% {
		transform: translateY(-100%);
		opacity: 0;
	}

	100% {
		transform: translateY(0px);
		opacity: 1;
	}
}

.logo .img2 {
	display: none;
}

.scoll-top .logo .img1 {
	display: none;
}

.scoll-top .logo .img2 {
	display: block;
}

.scoll-top .logo .img3 {
	display: none;
}


.scoll-top .nav a:hover .txt,
.scoll-top .nav a.hov .txt {
	border-color: rgb(8, 65, 57);
}

.scoll-top .nav>li>a::before {
	border-top: 5px solid rgb(8, 65, 57);
}

.scoll-top .erweima-pic {
	position: absolute;
	top: 40px;
	left: -85px;
	z-index: 99;
	display: none;
	width: auto;
}

.scoll-top .erweima-pic img {
	height: 120px;
	width: 120px;
	position: relative;
	left: 43px;
}

.top {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	z-index: 2147483647 !important;
}

.menu-handler {
	width: 64px;
	float: right;
	height: 54px;
	display: none;
	cursor: pointer;
}

.menu-handler span {
	position: relative;
	display: block;
	margin: 25.5px auto 0px;
	width: 28px;
	height: 3px;
	background-color: rgb(0, 88, 196);
	transition-duration: 0.3s, 0.3s;
	transition-delay: 0.3s, 0s;
}

.menu-handler span::after,
.menu-handler span::before {
	content: "";
	position: absolute;
	display: inline-block;
	width: 100%;
	height: 3px;
	left: 0px;
	background-color: rgb(0, 88, 196);
	transition-duration: 0.3s, 0.3s;
	transition-delay: 0.3s, 0s;
}

.menu-handler span::before {
	top: -9px;
	transition-property: top, transform;
}

.menu-handler span::after {
	bottom: -9px;
	transition-property: bottom, transform;
}

.menu-handler.active span {
	background-color: transparent;
	transition-delay: 0s, 0s;
}

.menu-handler.active span::after,
.menu-handler.active span::before {
	transition-delay: 0s, 0.3s;
}

.menu-handler.active span::before {
	top: 0px;
	transform: rotate(45deg);
}

.menu-handler.active span::after {
	bottom: 0px;
	transform: rotate(-45deg);
}

.menuBox a:link,
.menuBox a:visited {
	color: rgb(255, 255, 255);
}

.menuBox a:active,
.menuBox a:hover {
	color: rgb(255, 255, 255);
}

.menuBox {
	background-color: rgba(0, 0, 0, 0.8);
	color: rgb(255, 255, 255);
	position: fixed;
	display: none;
	right: 0px;
	top: 0px;
	height: 100vh;
	overflow: hidden auto;
	transform: translateX(100%);
	width: 400px;
	z-index: 980;
	transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
}

.menuMoblie {
	padding: 60px 0px 80px;
}

.menuMoblie .nav-link {
	display: block;
	font-size: 20px;
	padding: 10px 22px 10px 80px;
	position: relative;
}

.menuMoblie .cur {
	opacity: 0.9;
	border-top: 1px solid rgb(219, 219, 219);
	border-bottom: 1px solid rgb(219, 219, 219);
	background-color: rgb(232, 232, 232);
}

.menuMoblie .cur .nav-link {
	color: rgb(8, 65, 57);
}

.menuMoblie .subnav {
	padding-bottom: 12px;
	display: none;
}

.menuMoblie .subnav a {
	position: relative;
	display: block;
	padding: 10px 22px 10px 80px;
	line-height: 1.4;
	color: rgb(51, 51, 51);
	font-size: 15px;
}

.pusher-black {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	background-color: rgba(0, 0, 0, 0.4);
	z-index: 900;
	visibility: hidden;
	opacity: 0;
	transition: all 0.2s cubic-bezier(0.02, 0.01, 0.47, 1) 0s;
}

.menuOpen .pusher-black {
	visibility: visible;
	opacity: 1;
}

.menuOpen .menuBox {
	transform: translateX(0px);
}

.slideTop img {
	float: left;
}

.bannerWord {
	position: absolute;
	top: 40%;
	z-index: 99;
	color: rgb(255, 255, 255);
	opacity: 0.85;
}

.b1 {
	font-size: 3vw;
	margin-bottom: 1.4vw;
	letter-spacing: 1px;	
}

.b2 {
	font-size: 4vw;
	letter-spacing: 1px;
	font-weight: 600;
}

.sideWord {
	position: absolute;
	top: 31%;
	left: 15%;
	z-index: 99;
	color: rgb(255, 255, 255);
	opacity: 0.85;
}

.sideWord>p:nth-child(1) {
	font-size: 4.8vw;
	margin-bottom: 7vh;
	font-family: DIN;
	letter-spacing: 1px;
	position: relative;
}

.sideWord>p:nth-child(1) img {
	position: absolute;
	width: 80px;
	left: -20px;
	z-index: -1;
	top: -30px;
}

.sideWord>p:nth-child(2) {
	font-size: 2.2vw;
	margin-bottom: 12vh;
	letter-spacing: 1px;
}

.sideWord>p:nth-child(3) {
	font-size: 2.6vw;
	margin-bottom: 6vh;
	letter-spacing: 1px;
	word-spacing: 10px;
}

.index-header-right a {
	display: block;
	float: left;
	margin-left: 50px;
	color: rgb(20, 20, 24);
}

.index-header-right .sousuo img {
	display: inline-block;
	vertical-align: bottom;
	margin-right: 10px;
}

.tops {
	background: url("../png/tm.png") left center no-repeat;
	text-indent: 30px;
	width: 28px;
	height: 30px;
	display: inline-block;
}
.topEwm:hover .hideEwm{
	opacity: 1;
	top: 35px;
}
.search-btn {
	background: url("../png/search.png") left center no-repeat;
	text-indent: 30px;
	width: 28px;
	height: 30px;
}

.scoll-top {
	/* box-shadow: rgba(235, 235, 235, 0.6) 0px 2px 0px; */
}

.scoll-top .tops {
	background: url("../png/tm1.png") left center no-repeat;
	text-indent: 30px;
	width: 28px;
	height: 30px;
	display: inline-block;
}

.scoll-top .search-btn {
	background: url("../png/search1.png") left center no-repeat;
	text-indent: 30px;
	width: 28px;
	height: 30px;
}

.hideEwm {
	opacity: 0;
	position: absolute;
	width: 100px;
	left: -42px;
	top: 45px;
	z-index: 999;
	transition: all 0.6s;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.abTop {
	padding-top:40px;
	position: relative;
}

.aBuild {
	position: absolute;
	right: 0px;
	bottom: 0px;
}

.abTop .inner {
	position: relative;
	z-index: 99;
}

.aboutTit {
	margin-top: 30px;
	position: relative;
	margin-bottom: 10px;
}

.aboutTit>p:nth-child(1) {
	font-size: 36px;
	font-weight: 600;
	color: rgb(0, 0, 0);
	letter-spacing: 1px;
	position: relative;
	z-index: 99;
}

.aboutTit>p:nth-child(2) {
	position: absolute;
	left: 0px;
	top: -40%;
}

.aboutTit>p:nth-child(2) img {
	width: 90%;
}

.aboutDesc {
	padding-top: 20px;
	padding-bottom: 35px;
}

.aboutDesc p {
	font-size: 15px;
	color: rgb(102, 102, 102);
	line-height: 40px;
	margin-bottom: 5px;
}

.About {
	display: flex;
}

.abBg {
	width: 62%;
	margin-right: 2%;
}

.video-box {
	position: relative;
}

.item-video a {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 54px;
	height: 54px;
}

.item-video a::before {
	position: absolute;
	inset: 10px;
	content: "";
	display: block;
	border: 3px dashed rgb(255, 255, 255);
	border-radius: 100%;
	transition: all 0.6s ease 0s;
	transform: scale(0);
	animation: 15s linear 0s infinite normal none running ro;
	opacity: 0;
}

.item-video a:hover::before {
	opacity: 0.6;
	transform: scale(1);
	inset: -10px;
}

.video-popwrap {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 36663;
	border-radius: 5px;
	border: 10px solid rgb(255, 255, 255);
}

.popbg {
	display: none;
	position: fixed;
	inset: 0px;
	background: rgba(0, 0, 0, 0.8);
	z-index: 233;
}

.popclose {
	position: absolute;
	top: -60px;
	right: -20px;
	border-radius: 100%;
	color: rgb(255, 255, 255);
	cursor: pointer;
	height: 60px;
	width: 60px;
	text-align: center;
	line-height: 43px;
	font-size: 58px;
	z-index: 33333;
}

.conn2_right {
	position: relative;
	display: inline-block;
	height: 100%;
	vertical-align: top;
	width: 46%;
}

.conn2_right .img img {
	height: 100%;
	float: left;
}

.abBg {
	background: url("../jpg/a2.jpg") 0% 0% / cover no-repeat;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.abBg p {
	color: rgb(255, 255, 255);
	font-size: 24px;
	letter-spacing: 1px;
	padding-left: 50px;
}

.abBg p:first-child {
	margin-bottom: 30px;
}

.advFlex {
	margin-top: 45px;
	padding-bottom: 60px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.Adv {
	width: 73%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.advSame {
	text-align: center;
}

.adv1 {
	position: relative;
}

.num {
	font-family: DIN;
	color: rgb(0, 0, 0);
	font-size: 60px;
	display: inline-block;
}

.year {
	font-size: 16px;
	color: rgb(0, 0, 0);
	width: 32px;
	height: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: rgb(240, 240, 240);
	position: absolute;
	bottom: 15px;
	right: -42px;
}

.adv2 {
	color: rgb(0, 0, 0);
	font-size: 16px;
	margin-top: 12px;
}

.a2 {
	font-size: 16px;
	background: rgb(240, 240, 240);
	width: 20px;
	height: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50px;
}

.Ask {
	background: url("../jpg/ask.jpg") 0% 0% / cover no-repeat;
	padding-bottom: 14vw;
	position: relative;
	overflow: hidden;
}
.Ask::after{
	position: absolute;
	content: '';
	left: 0%;
	top: -10%;
	bottom: -10%;
	width: 54%;
	background: rgba(0,0,0,0.2);
	border-radius:0 50% 50% 0;
}
.Ask .inner{
	position: relative;
	z-index: 9;
}
.askFlex {
	display: flex;
	align-items: center;
	padding-top: 0px;
}

.askMenu {
	width: 42%;
	margin-right: 3%;
}

.askMore {
	width: 30%;
	display: flex;
	align-items: center;
	background: rgb(16, 90, 166);
	font-size: 16px;
	color: rgb(255, 255, 255);
	border-radius: 30px;
	justify-content: center;
	padding: 18px 0px;
	transition: all 0.6s;
	cursor: pointer;
}
.t15{
	transform: translateX(20px);
}
.askMore img {
	margin-right: 15px;
}

.askList {
	width: 69%;
	background: rgb(255, 255, 255);
	padding: 2.5vw 3vw;
	border-radius: 15px;
	position: relative;
	top: 0;
	opacity: 0;
	transition: all 1s;
	margin-left: 1%;
	overflow: hidden;
}
.aop{
	opacity: 1;
	transform: translateX(30px);
}
.hair {
	inset: 10% 0px 0px;
	position: absolute;
	z-index: 1;
}

.hair img {
	border-radius: 15px;
	width: 100%;
	height: 19vw;
}

.at {
	font-size: 25px;
	letter-spacing: 1px;
	color: rgb(0, 0, 0);
	margin-bottom: 2vw;
	position: relative;
	z-index: 99;
}

.askBox {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	position: relative;
	z-index: 99;
}

.eachAsk {
	width: 48%;
	margin-bottom: 20px;
	font-size: 16px;
	color: rgb(51, 51, 51);
	font-family: DIN;
	display: flex;
}

.pubTit {
	color: rgb(255, 255, 255);
	font-size: 36px;
	padding-top: 7vw;
	padding-bottom: 5vw;
}

.m1 {
	color: rgb(255, 255, 255);
	font-size: 25px;
	margin-bottom: 2vw;
	line-height: 40px;
}

.m2 {
	color: rgb(255, 255, 255);
	font-size: 14px;
	line-height: 38px;
}
/* 
.m2 {
	height: 170px;
	overflow-y: auto;
	padding-right: 20px;
}

.m2 {
	overflow: hidden auto;
}

.m2::-webkit-scrollbar {
	width: 3px;
}

.m2::-webkit-scrollbar-thumb {
	border-radius: 10px;
	box-shadow: rgb(16, 90, 166) 0px 0px 5px inset;
	background: rgb(16, 90, 166);
}

.m2::-webkit-scrollbar-track {
	box-shadow: rgba(220, 220, 220, 0.8) 0px 0px 5px inset;
	border-radius: 0px;
	background: rgba(220, 220, 220, 0.8);
} */

.Service {
	display: flex;
}

.serLeft {
	width: 30%;
}

.serRight {
	width: 70%;
	display: flex;
	flex-wrap: wrap;
	position: relative;
	overflow: hidden;
}

.wave {
	position: absolute;
	bottom: -160px;
	z-index: 1;
	opacity: 0.3;
	left: -100px;
}

.serSame {
	width: 25%;
	display: flex;
	flex-direction: column;
	align-items: center;
	border-right: 1px solid rgb(225, 225, 225);
	border-bottom: 1px solid rgb(225, 225, 225);
	z-index: 99;
	padding: 2vw 15px;
	text-align: center;
	position: relative;
	transition: all 0.6s;
	cursor: pointer;
}
.serSame:hover {
	box-shadow: 1px 1px 10px 1px rgb(220,220,220);
}
.serSame:hover .ser4{
	color: rgb(16,90,166);
	transform: translateY(5px);
}
.serSame:hover .ser2{
	transform: translateY(5px);
}
.serSame:hover .serBer{
	transform: translateY(5px);
}
.ser2,.serBer{
	transition: all 0.6s;
}
.ser4{
	word-spacing:5px;
	transition: all 0.6s;
}
.ser1{
	transition: all 0.6s;
}
.serSame:hover .ser1{
	color: rgb(16,90,166);
	transform: rotateY(360deg);
}
.serRight>div:nth-child(4),
.serRight>div:nth-child(8) {
	border-right: none;
}

.Train {
	position: absolute;
}

.trDesc {
	width: 24%;
	padding-top: 3vw;
}

.trNull {
	width: 76%;
}

.trainBox {
	position: relative;
}

.trainBox::before {
	content: "";
	position: absolute;
	left: 0px;
	width: 30%;
	height: 100%;
	bottom: 0px;
	background: rgb(16, 90, 166);
}

.vice1 {
	font-size: 36px;
	color: rgb(255, 255, 255);
	margin-bottom: 2vw;
}

.vice2 {
	color: rgb(255, 255, 255);
	font-size: 14px;
	line-height: 32px;
	padding-right: 15px;
}
/* 
.vice2 {
	height: 240px;
	overflow-y: auto;
	padding-right: 20px;
}

.vice2 {
	overflow: hidden auto;
}

.vice2::-webkit-scrollbar {
	width: 3px;
}

.vice2::-webkit-scrollbar-thumb {
	border-radius: 10px;
	box-shadow: rgb(255, 255, 255) 0px 0px 5px inset;
	background: rgb(255, 255, 255);
}

.vice2::-webkit-scrollbar-track {
	box-shadow: rgba(220, 220, 220, 0.2) 0px 0px 5px inset;
	border-radius: 0px;
	background: rgba(220, 220, 220, 0.2);
} */

.vice3 {
	display: inline-block;
	width: 180px;
	text-align: center;
	font-size: 15px;
	color: rgb(255, 255, 255);
	height: 48px;
	line-height: 48px;
	font-family: DIN;
	margin-top: 2vw;
}

.vice3 .w {
	background: rgb(16, 90, 166);
	position: relative;
	transition: all 0.25s ease 0s;
	transform-style: preserve-3d;
	pointer-events: none;
	border-radius: 25px;
}

.vice3 .f {
	background: rgb(16, 90, 166);
	color: rgb(255, 255, 255);
	display: flex;
	justify-content: center;
	border-radius: 25px;
	border: 1px solid rgb(255, 255, 255);
	align-items: center;
}

.vice3 span {
	display: inline-block;
	width: 24px;
	height: 14px;
	background: url("../png/jt1.png") 0% 0% / cover no-repeat;
	margin-right: 16px;
}

.vice3 .t {
	padding: 0px 15px;
	position: absolute;
	background: rgb(255, 255, 255);
	width: 100%;
	height: 100%;
	left: 0px;
	display: flex;
	justify-content: center;
	color: rgb(16, 90, 166);
	top: -48px;
	transform-origin: center bottom;
	transform: rotateX(90deg);
	backface-visibility: hidden;
	border-radius: 25px;
	align-items: center;
}

.vice3:hover .w {
	transform: translateY(30px) translateZ(-30px) rotate3d(1, 0, 0, -90deg);
}

.vice3:hover span {
	display: inline-block;
	width: 24px;
	height: 14px;
	background: url("../png/jt2.png") 0% 0% / cover no-repeat;
	margin-right: 16px;
}

.ser1 {
	font-size: 4vw;
	color: rgb(194, 194, 194);
	font-family: DIN;
	margin-bottom: 5px;
}

.ser2 {
	font-size: 18px;
	margin-bottom: 15px;
}

.serBer {
	position: relative;
	width: 100%;
}

.ser3 {
	font-size: 14px;
	color: rgb(136, 136, 136);
	line-height: 24px;
	margin-bottom: 2px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: break-all;
}

.ser4 {
	font-size: 14px;
	color: rgb(136, 136, 136);
	margin-top: 30px;
}

.index-main {
	margin-bottom: 60px;
}

.index-s5 .bot-block {
	position: relative;
}

.index-s5 .bot-block .items {
	padding-left: 8vw;
	padding-right: calc(70.625vw + 24px);
}

.index-s5 .bot-block .item {
	position: relative;
	overflow: hidden;
	width: 18.75vw;
	height: 32vw;
	transition: width 0.5s ease 0s;
}

.index-s5 .bot-block .item .img-box {
	width: 61.25vw;
	height: 100%;
	position: relative;
	top: 0px;
	left: 50%;
	margin-left: -30.625vw;
	z-index: 1;
	opacity: 0.1;
	transition: opacity 0.3s ease 0s;
}

.index-s5 .bot-block .item .show {
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 18.75vw;
	padding: 3.125vw;
	font-size: 24px;
	line-height: 1.5;
	color: rgb(255, 255, 255);
	z-index: 2;
	transition: all 0.3s ease 0s;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: break-all;
}

.index-s5 .bot-block .item .hide {
	width: 61.25vw;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 50%;
	display: inline-block;
	margin-left: -30.625vw;
	padding: 5vw;
	z-index: 2;
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s ease 0s;
}

.index-s5 .bot-block .item img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.6s ease 0s;
}

.index-s5 .bot-block .item h3 {
	font-size: 26px;
	color: rgb(255, 255, 255);
	position: relative;
}

.index-s5 .bot-block .item h3::after {
	content: '';
	/* position: absolute; */
	width: 45px;
	height: 3px;
	display: block;
	margin-top: 20px;
	background: #fff;
	margin-top: 30px;
}

.index-s5 .bot-block .item p {
	font-size: 15px;
	line-height: 34px;
	color: rgb(255, 255, 255);
	margin-top: 35px;
}

.index-s5 .bot-block .item a {
	display: block;
	position: absolute;
	bottom: 6.25vw;
	left: 6.25vw;
	width: 120px;
	font-size: 14px;
	line-height: 40px;
	color: rgb(92, 62, 62);
	text-align: center;
	background-image: linear-gradient(90deg, rgb(247, 180, 42), rgb(242, 152, 3));
	transition: all 0.3s ease 0s;
}

.index-s5 .bot-block .item a:hover {
	transform: translateY(-5px);
	box-shadow: rgba(242, 152, 3, 0.3) 0px 10px 30px;
}

.index-s5 .bot-block .item:hover img {
	transform: scale(1.1);
}

.index-s5 .bot-block .item.swiper-slide-active {
	width: 61.25vw;
}

.index-s5 .bot-block .item.swiper-slide-active .show {
	opacity: 0;
	visibility: hidden;
}

.index-s5 .bot-block .item.swiper-slide-active .hide {
	opacity: 1;
	visibility: visible;
}

.index-s5 .bot-block .item.swiper-slide-active .img-box,
.index-s5 .bot-block .item.swiper-slide-next .img-box {
	opacity: 1;
}

.index-s5 .button {
	position: absolute;
	top: 50%;
	margin-top: -30px;
	width: 60px;
	height: 60px;
	background-position: center center;
	background-repeat: no-repeat;
	background-color: transparent;
	background-image: url("../png/prev-3.png");
	transition: all 0.3s ease 0s;
	cursor: pointer;
	z-index: 2;
	background-size: 17px;
}

.index-s5 .button:hover {
	background-image: url("../png/rw.png");
	background-color: rgb(16, 90, 166);
}

.index-s5 .button-prev {
	left: 50px;
}

.index-s5 .button-next {
	right: 0px;
	transform: rotateY(180deg);
}

.index-s5 .pagination {
	margin-top: 2vw;
	text-align: center;
}

.index-s5 .pagination span {
	display: inline-block;
	vertical-align: top;
	width: 24px;
	height: 24px;
	margin: 0px 10px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url("../png/icon-3-1.png");
	cursor: pointer;
}

.index-s5 .pagination span.active {
	background-image: url("../png/icon-3-2.png");
	animation: 10s linear 0s infinite normal none running o-rotate;
}

.index-s5 a.more {
	display: block;
	position: absolute;
	right: 0px;
	top: 60px;
	width: 180px;
	font-size: 16px;
	line-height: 48px;
	color: rgb(92, 62, 62);
	text-align: center;
	background-image: linear-gradient(90deg, rgb(247, 180, 42), rgb(242, 152, 3));
	transition: all 0.3s ease 0s;
}

.index-s5 a.more:hover {
	transform: translateY(-5px);
	box-shadow: rgba(242, 152, 3, 0.3) 0px 10px 30px;
}

footer {
	background: rgb(36, 36, 36);
}

.footer {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-top: 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.footLink {
	width: 70%;
	display: flex;
	justify-content: flex-end;
}

.footLink a {
	color: rgb(255, 255, 255);
	font-size: 16px;
	width: calc(12.5%);
	transition: all 0.6s;
}
.footLink a:hover{
	color: rgb(16,90,166);
}
.footFlex {
	padding-top: 40px;
	padding-bottom: 30px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.footRess {
	display: flex;
	width: 70%;
}

.ressCommon {
	margin-right: 8%;
}

.res2 {
	padding: 12px 0px;
	font-size: 14px;
	color: rgba(255, 255, 255, 0.5);
}

.res1 {
	margin-bottom: 12px;
}

.res3 {
	font-size: 30px;
	color: rgba(255, 255, 255, 0.9);
	font-family: DIN;
}

.footBo {
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	display: flex;
	justify-content: space-between;
	padding-top: 25px;
	padding-bottom: 25px;
}

.footBo p {
	font-size: 14px;
	color: rgba(255, 255, 255, 0.5);
}

.footEwm p {
	font-size: 14px;
	color: rgba(255, 255, 255, 0.5);
	text-align: center;
	margin-top: 15px;
}

.Point {
	background: url("../png/pbg.png") 0% 0% / cover no-repeat;
	padding-bottom: 80px;
}

.pubw {
	padding-top: 45px;
	padding-bottom: 45px;
}

.pubw>p:nth-child(1) {
	font-size: 35px;
	color: rgb(0, 0, 0);
	margin-bottom: 15px;
}

.pubw>p:nth-child(2) {
	color: rgb(102, 102, 102);
	font-size: 16px;
}

.poFlex {
	display: flex;
}

.poView {
	width: 52%;
	margin-right: 2%;
}

.News {
	width: 46%;
}

.poSame {
	position: relative;
	display: inline-block;
	width: 100%;
}

.poImg {
	height: 520px;
}

.poImg img {
	width: 100%;
	height: 520px;
}

.poDesc {
	position: absolute;
	bottom: 0px;
	left: 5%;
	right: 5%;
}

.po1 {
	font-size: 24px;
	color: rgb(255, 255, 255);
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: break-all;
	margin-bottom: 25px;
}

.po2 {
	color: rgb(255, 255, 255);
	font-size: 14px;
	line-height: 32px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	margin-bottom: 40px;
}

.poArr {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 25px 0px;
	border-top: 1px solid rgba(255, 255, 255, 0.3);
}

.poDate {
	display: flex;
	align-items: center;
	font-size: 16px;
	font-family: DIN;
	color: rgb(255, 255, 255);
}

.poDate img {
	margin-right: 12px;
	position: relative;
	top: 2px;
}

.poMore {
	font-size: 16px;
	color: rgb(255, 255, 255);
	letter-spacing: 1px;
}

.poMore span {
	margin-left: 12px;
}

.newsSame {
	display: flex;
	margin-bottom: 2.25vw;
	transition: all 0.6s;
}
.newsArr{
	position: relative;
	transition: all 0.6s;
}
.n1{
	transition: all 0.6s;
}
.newsSame:hover {
	transform: translateY(10px);
}
.newsSame:hover .n1{
	color: rgb(16,90,166);
}

.newsSame:hover .newsArr::after{
	width: 100%;
}
.newsArr::after{
	content: '';
	position: absolute;
	left: 0;
	width: 0;
	right: 0;
	top: 0;
	height: 1px;
	background-color: rgb(16,90,166);
	transition: all 0.6s;
}
.newsSame:hover .newsPic{
	border-radius:  2pc 0 2pc 0 ;
}
.newsPic {
	width: 30%;
	margin-right: 3%;
	transition: all 0.6s;
	overflow: hidden;
}

.newsPic img {
	width: 100%;
	height: 100%;
	transition: all 0.6s;
}

.newsDesc {
	width: 67%;
}

.n1 {
	font-size: 22px;
	color: rgb(0, 0, 0);
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: break-all;
	margin-bottom: 16px;
}

.n2 {
	font-size: 15px;
	color: rgb(102, 102, 102);
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: break-all;
	margin-bottom: 30px;
}

.newsArr {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 25px 0px 0px;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.newsDate {
	font-size: 14px;
	color: rgb(136, 136, 136);
	display: flex;
	align-items: center;
	font-family: DIN;
}

.newsDate img {
	margin-right: 12px;
	position: relative;
	top: 1px;
}

.News>a:last-child {
	margin-bottom: 0px;
}

.newsMore {
	font-size: 14px;
	color: rgb(102, 102, 102);
}

.newsMore span {
	padding-left: 10px;
}

.xnav {
	position: relative;
	top: 60px;
}

.nav {
	margin: 0px auto;
}

.nav ul li.last {
	background: none;
}

.navName {
	display: block;
	height: 33px;
	line-height: 33px;
	text-align: center;
	font-size: 14px;
	color: rgb(255, 255, 255);
}

.navName:hover,
.nav ul li.current .navName {
	background-color: rgb(167, 16, 23);
	color: rgb(255, 255, 255);
}

.navMenu {
	width: 100%;
	position: absolute;
	top: 85px;
	left: 0px;
	padding: 12px 0px;
	border-bottom: 4px solid rgb(16, 90, 166);
	background: url("../png/navbg.png") repeat;
	/* display: none; */
}
.navMenu .inner{
	display: flex;
	flex-wrap: wrap;
}
.navMenu-0 {
	top: 40px;
}

.navMenu ul li {
	width: 160px;
	margin: 0px 20px;
	display: inline;
	background: none;
}

.navName2 {
	width: 100%;
	display: block;
	height: 34px;
	line-height: 34px;
	border-bottom: 1px solid rgb(198, 182, 182);
	font-size: 14px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.navName2:hover,
.navMenu ul li.current .navName2 {
	color: rgb(16, 90, 166);
}

.navName2x {
	width: 100%;
	display: block;
	border-bottom: 0px solid rgb(198, 182, 182);
	font-size: 16px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	padding: 0px;
	font-weight: 400;
	color: rgb(0, 0, 0);
	line-height: 42px;
}

.navName2x span {
	border-bottom: 1px solid rgb(198, 182, 182);
	display: block;
	padding-bottom: 5px;
	color: rgb(51, 51, 51);
	text-align: left;
}

.navName2x:hover,
.navMenu .current .navName2x {
	color: rgb(16, 90, 166);
}

.navMenu ul li.current {
	position: relative;
	z-index: 9;
}

.navMenu ul li.current .navName2 {
	background: url("../navarrow.html") 100% 50% no-repeat;
}

.navMenu i {
	width: 0px;
	height: 0px;
	position: absolute;
	top: -12px;
	left: 50%;
	margin-left: -6px;
	border-width: 6px;
	border-style: solid;
	border-color: transparent transparent rgb(255, 255, 255);
	border-image: initial;
	overflow: hidden;
	pointer-events: none;
}

.nav-0 {
	height: 40px;
	line-height: 40px;
}

.navMenuTwo {
	width: 400px;
	border-left: 3px solid rgb(204, 204, 204);
	position: absolute;
	top: 0px;
	left: 100%;
	z-index: 99;
	background-color: rgb(242, 242, 242);
	display: none;
}

.navMenuTwo_con {
	padding: 10px 0px;
	overflow: hidden;
}

.navMenuTwo_tab {
	width: 160px;
	float: left;
	padding-bottom: 9999px;
	margin-bottom: -9999px;
}

.navMenuTwo_tab ul li {
	width: 130px;
	margin: 0px;
	text-align: left;
	padding: 0px 10px;
}

.navMenuTwo_tab ul li a {
	height: 36px;
	line-height: 36px;
	font-size: 14px;
	width: 100%;
	display: block;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.navMenuTwo_tab ul li a:hover,
.navMenuTwo_tab ul li.current a {
	color: rgb(16, 90, 166);
}

.navMenuTwo_list {
	width: 238px;
	float: left;
	border-left: 1px solid rgb(204, 204, 204);
	padding-bottom: 9999px;
	margin-bottom: -9999px;
}

.navMenuTwo_list ul li em {
	font-family: 宋体;
	font-style: normal;
	margin-right: 8px;
}

.navMenuTwo_list ul li {
	width: 100%;
	margin: 0px;
}

.navMenuTwo_list ul li a {
	height: 36px;
	line-height: 36px;
	font-size: 14px;
	color: rgb(102, 102, 102);
	padding-left: 20px;
	display: block;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.navMenuTwo_list ul li a:hover {
	color: rgb(16, 90, 166);
}

.navMenuOther {
	width: 160px;
	position: absolute;
	top: 35px;
	left: 50%;
	margin-left: -80px;
	z-index: 99;
	padding: 5px 0px 15px;
	border-bottom: 2px solid rgb(16, 90, 166);
	background: url("../png/navbg.png") repeat;
	display: none;
}

.navMenuOther ul li {
	width: 140px;
	float: none;
	padding: 0px 10px;
	background: none;
	margin: 0px;
}

.navMenuOther .arrowOne {
	width: 0px;
	height: 0px;
	position: absolute;
	top: -12px;
	left: 50%;
	margin-left: -6px;
	border-width: 6px;
	border-style: solid;
	border-color: transparent transparent rgb(255, 255, 255);
	border-image: initial;
	overflow: hidden;
	pointer-events: none;
}

.navMenu .arrowOne {
	width: 0px;
	height: 0px;
	position: absolute;
	top: -12px;
	left: 50%;
	margin-left: -6px;
	border-width: 6px;
	border-style: solid;
	border-color: transparent transparent rgb(255, 255, 255);
	border-image: initial;
	overflow: hidden;
	pointer-events: none;
}

.navMenuOther_name {
	width: 100%;
	display: block;
	height: 40px;
	line-height: 40px;
	border-bottom: 1px solid rgb(198, 182, 182);
	font-size: 14px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.navMenuOther_con {
	width: 150px;
	min-height: 100%;
	position: absolute;
	top: 0px;
	left: 100%;
	padding: 5px 10px 15px;
	border: 1px solid rgb(220, 220, 220);
	background: rgb(241, 241, 241);
	z-index: 999;
	border-radius: 8px;
	display: none;
}

.navMenuOther_conx {
	padding: 0px;
}

.navMenuOther_con .arrowTwo {
	width: 0px;
	height: 0px;
	position: absolute;
	top: 17px;
	right: 100%;
	border-width: 8px;
	border-style: solid;
	border-color: transparent rgb(204, 204, 204) transparent transparent;
	border-image: initial;
	overflow: hidden;
	pointer-events: none;
}

.navMenuOther_con dl dd {
	width: auto;
	display: block;
	float: none;
	padding: 5px 0px;
	margin: 0px 10px;
}
.navMenuOther_conx{
	padding: 7px 0;
}
.navMenuOther_conx dd {
	padding: 0px 0px;
	line-height: 29px;
	text-align: left;
}
.navmenuother_name2x{
	transition: all 0.5s;
	text-align: left;
	font-size: 13px;
}
.navmenuother_name2x:hover{
	color: rgb(16,90,166)!important;
}

.navMenuOther_con ul li {
	width: auto;
	display: block;
	float: none;
	padding: 5px 0px;
	margin: 0px 10px;
}

.navMenuOther_name2 {
	width: 100%;
	display: block;
	line-height: 20px;
	border-bottom: 0px solid rgb(198, 182, 182);
	font-size: 14px;
	font-weight: 100;
}

.navMenuOther_name2x {
	clear: both;
	display: block;
	padding: 0px;
	font-size: 12px;
	color: rgb(102, 102, 102);
}

.nav-search-btn {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 35px;
	height: 35px;
	text-align: center;
}

.nson {
	background: rgb(102, 102, 102);
}

.nav-search-btn img {
	width: 20px;
	height: 20px;
	cursor: pointer;
	position: absolute;
	top: 7px;
	left: 7px;
	z-index: 100;
}

.nav-search-con {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 250px;
	height: 35px;
	background: rgb(102, 102, 102);
	display: none;
	z-index: 99;
}

.nav-bg {
	height: 33px;
	background: rgb(16, 90, 166);
}

.nav-bg-0 {
	height: 40px;
	background: rgb(16, 90, 166);
}

.navMenuOther_conx a {
	color: rgb(102,102,102) ;
}
.navMenu .inner>div:nth-child(5n+5){
	margin-right: 0;
}
.navVide {
	width: 16.8%;
	margin-right: 4%;
}


/* 内页-新闻页 */
.bg-grey {
	background: rgb(245, 245, 245);
}

.p50 {
	padding-top: 50px;
}

.Art {
	display: flex;
}

.Art>a:nth-child(2) {
	margin-right: 0;
}

.artSame {
	width: 48.5%;
	margin-right: 3%;
	display: flex;
	width: 100%;
	position: relative;
	transition: all 0.6s;
	overflow: hidden;
}
.artPic{
	position: relative;
	transition: all 0.6s;
	z-index: 99;
}

.artPic::before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 1;
	left: 0px;
}

.artSame:hover .artPic::before {
	animation: gradient-rectangle 1s;
	animation-delay: 0s;
	-webkit-animation-timing-function: cubic-bezier(0, 0, 0.18, 0.96);
}

.artSame:hover .artPic img {
	transform: scale(1.1);
}
.artPic img{
	transition: all 0.6s;
	float: left;
}
.artPic {
	overflow: hidden;
}

.artDate {
	position: absolute;
	left: 35px;
	background: rgb(16, 90, 166);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 10px 15px;
	z-index: 99;
}

.d1 {
	font-family: 'DIN';
	color: #fff;
	font-size: 30px;
	margin-bottom: 4px;
}

.d2 {
	font-family: 'DIN';
	color: #fff;
	font-size: 14px;
}

.artDesc {
	position: absolute;
	left: 35px;
	right: 35px;
	bottom: 40px;
	z-index: 99;
}

.art1 {
	font-size: 22px;
	color: #fff;
	margin-bottom: 20px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: break-all;
}

.art2 {
	color: #fff;
	font-size: 14px;
	line-height: 30px;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
}
.s1,.s4{
	transition: all 0.6s;
}
.soEach {
	margin-top: 35px;
	display: flex;
	padding: 30px;
	background: #fff;
	display: flex;
	position: relative;
	transition: all 0.6s;
}
.soEach:hover .s4{
	background: rgb(16,90,166);
	transform: translateX(-10px);
	color: #fff;
}
.soEach:hover .s1{
	color: rgb(16,90,166);
}
.soEach:hover{
	transform: translateY(10px);
	box-shadow: 1px 1px 10px 1px rgb(220,220,220);
}
.soPic {
	width: 30%;
	overflow: hidden;
	margin-right: 3%;
}

.soMore {
	width: 67%;
}

.soTit {
	padding-top: 15px;
	display: flex;
	align-items: baseline;
	justify-content: space-between;
}

.s1 {
	width: 70%;
	font-size: 22px;
	color: #000;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	line-height: 36px;
}

.s2 {
	display: flex;
	align-items: center;
	color: rgb(136, 136, 136);
	font-size: 16px;
	font-family: 'DIN';
}

.s2 img {
	margin-right: 12px;
}

.soDesc {
	display: flex;
	align-items: center;
	margin-top: 30px;
	justify-content: space-between;
}

.s3 {
	font-size: 15px;
	color: rgb(102, 102, 102);
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	line-height: 32px;
	width: 60%;
}

.s4 {
	width: 20%;
	font-size: 14px;
	color: rgb(102, 102, 102);
	border: 1px solid rgb(224, 224, 224);
	padding: 13px 0;
	border-radius: 25px;
	text-align: center;
}

/* 翻页 */
.changePage {
	padding-top: 60px;
	padding-bottom: 70px;
	display: flex;
	align-items: center;
	justify-content: center;
}




.changePage a {
	padding: 12px 17px;
	border: 1px solid rgb(208, 208, 208);
	border-radius: 30px;
	font-size: 16px;
	letter-spacing: 1px;
	text-align: center;
	color: rgb(51, 51, 51);
	margin-right: 20px;
	transition: all 0.5s;
	font-family: 'DIN';
}

.changePage a:hover {
	background: rgb(16, 90, 166);
	color: #fff;
}

.changePage>a:first-child {
	padding: 11px 26px;
}

.changePage>a:last-child {
	margin-right: 0;
	padding: 11px 26px;
}

.changePage .on {
	background: rgb(16, 90, 166);
	color: #fff;
}

/* 管理咨询 */
.localTit {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	padding-top: 50px;
	padding-bottom: 50px;
}

.loLeft>p:nth-child(1) {
	font-family: 'DIN';
	color: rgb(16, 90, 166);
	margin-bottom: 30px;
	font-size: 45px;
	line-height: 50px;
}

.loLeft>p:nth-child(2) {
	color: #000;
	font-size: 27px;
}

.loRight {
	display: flex;
	align-items: center;
	border-left: 3px solid rgb(16, 60, 166);
	color: rgb(102, 102, 102);
	font-size: 16px;
	line-height: 16px;
	padding-left: 15px;
}

.loRight a {
	padding: 0 5px;
	color: rgb(51,51,51);
}

.loRight a:last-child {
	padding-right: 0;
}
.loRight a:hover{
	color: rgb(16,90,166);
}

/* 管理咨询 */
.ptLine {
	border-top: 1px solid rgb(220, 220, 220);
	padding-top: 30px;
	padding-bottom: 70px;
}

.menuFlex {
	display: flex;
}

.State {
	width: 25%;
	margin-right: 2%;
}

.stateBox {
	width: 73%;
}

.State>div {
	border-bottom: none;
}

.State>div:last-child {
	border-bottom: 1px solid rgb(220, 220, 220);
}

/* 左侧菜单栏 */
.span2 {
	border: 1px solid rgb(220, 220, 220);
	cursor: pointer;
}

.flex {
	padding: 25px 0;
	display: flex;
	font-size: 18px;
	align-items: center;
}

.flex a {
	display: flex;
	align-items: center;
	width: 70%;
	margin: auto;
	color: rgb(51,51,51);
}

.sp {
	display: inline-block;
	width: 10px;
	height: 4px;
	background: rgb(190, 190, 190);
	margin-right: 20%;
}

.span2 ul {
	display: none;
	background: #F7F7F7;
}

.span2 ul li {
	padding-top: 10px;
	text-align: center;
}
.span2 ul li a{
	color: rgb(51,51,51);
	transition: all 0.5s;
}
.span2 ul li a:hover{
	color: rgb(16,90,166);
}
.span2 ul li:first-child {
	padding-top: 18px;
}

.span2 ul li:last-child {
	padding-bottom: 16px;
}

.span2 ul li a {
	line-height: 30px;
	font-size: 16px;
}

.State .active {
	background: rgb(16, 90, 166);
	display: block;
	color: #fff;
	font-size: 18px;
}

.State .active .sp {
	background: #fff;
}

.State .active a {
	color: #fff;
}

.active img {
	margin-right: 34px;
	margin-top: 6px;
	float: right;
	display: block !important;
}

.hide {
	display: none;
}

.span3 {
	padding: 10px 33px;
}

.span3 img {
	position: relative;
	width: 20px;
	height: 15px;
	top: 3px;
	left: 32px;
}

/* 右侧案例 */
.stLink {
	display: flex;
	margin-bottom: 30px;
	transition: all 0.6s;
}
.stw1{
	transition: all 0.6s;
}
.stLink:hover {
	transform: translateY(10px);
}
.stLink:hover .stw1{
	color: rgb(16,90,166);
}

.stLink:hover .stw3::after{
	width: 100%;
}
.stw3::after{
	content: '';
	position: absolute;
	left: 0;
	width: 0;
	right: 0;
	top: 0;
	height: 1px;
	background-color: rgb(16,90,166);
	transition: all 0.6s;
}
.stLink:hover .stPic{
	border-radius:  2pc 0 2pc 0 ;
}

.stPic {
	overflow: hidden;
	width: 25%;
	margin-right: 3%;
	transition: all 0.6s;
}

.stDesc {
	width: 72%;
	position: relative;
}

.stw1 {
	font-size: 20px;
	color: rgb(51, 51, 51);
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: break-all;
	margin-bottom: 1vw;
	transition: all 0.6s;
}

.stw2 {
	font-size: 14px;
	color: rgb(136, 136, 136);
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	line-height: 26px;
}

.stw3 {
	margin-top: 1.2vw;
	padding-top: 1.2vw;
	border-top: 1px solid rgb(220, 220, 220);
	font-size: 14px;
	color: rgb(102, 102, 102);
	transition: all 0.6s;
	width: 100%;
	position: relative;
}

.stw3 span {
	margin-left: 12px;
}

.stAll>a:last-child {
	margin-bottom: 0;
}

.stTit {
	font-size: 30px;
	color: rgb(51, 51, 51);
	margin-bottom: 40px;
	padding-top: 10px;
}
.stIcle{
	margin-bottom: 30px;
}
.stIcle p {
	margin-bottom: 20px;
	color: rgb(102, 102, 102);
	overflow: hidden;
}
.stIcle table {
	width: 100%;
}
.stIcle table tbody p{
	margin-bottom: 0;
} 
.stIcle table, .stIcle tr, .stIcle td, .stIcle th {
    border-collapse: collapse;
    padding: 0px;
    margin: 0px;
    width: 100%;
    padding: 12px;
}


/* 联系我们 */
.Address {
	display: flex;
	padding-top: 60px;
	padding-bottom: 60px;
}

.thress {
	width: 33.3%;
	display: flex;
	align-items: center;
	transition: all 0.6s;
	cursor: pointer;
}
.thress:hover{
	transform: translateY(10px);
}
.thress:hover .ressIcon {
	transform: rotateZ(360deg);
	background: rgb(16,90,166);
}
.thress>li:nth-child(2){
	width: 72%;
}
.ress1:hover .ressIcon span {
    display: inline-block;
	width: 24px;
	height: 24px;
    background: url(../png/ress11.png);
    background-repeat: no-repeat;
    background-size: cover;
}
.ress2:hover .ressIcon span {
    display: inline-block;
    width: 24px;
    height:18px;
    background: url(../png/ress22.png);
    background-repeat: no-repeat;
    background-size: cover;
}
.ress3:hover .ressIcon span {
    display: inline-block;
    width: 26px;
    height: 23px;
    background: url(../png/ress33.png);
    background-repeat: no-repeat;
    background-size: cover;
}
.ressIcon {
	width: 6em;
	height: 6em;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgb(223, 223, 223);
	border-radius: 50%;
	margin-right: 5%;
	transition: all 0.6s;
}

.ress1 .ressIcon span {
	display: inline-block;
	width: 24px;
	height: 24px;
	background: url(../png/ress1.png);
	background-repeat: no-repeat;
	background-size: cover;
}

.ress2 .ressIcon span {
	display: inline-block;
	width: 24px;
	height: 18px;
	background: url(../png/ress2.png);
	background-repeat: no-repeat;
	background-size: cover;
}

.ress3 .ressIcon span {
	display: inline-block;
	width: 26px;
	height: 23px;
	background: url(../png/ress3.png);
	background-repeat: no-repeat;
	background-size: cover;
}

.ressDesc>p:nth-child(1) {
	font-size: 18px;
	color: #000;
	margin-bottom: 8px;
}

.ressDesc>p:nth-child(2) {
	font-size: 22px;
	color: #000;
	font-family: 'DIN';
}

.ress3 .ressDesc>p:nth-child(2) {
	font-size: 14px;
	color: #000;
	line-height: 26px;
}

/* 在线留言 */
.contactUs_map {
	position: relative;
}

.Message {
	position: absolute;
	right: 8vw;
	bottom: 0;
	width: 500px;
	padding: 0 35px;
	background: rgb(16, 90, 166);
}

.messTit {
	padding: 40px 0;
}

.messTit>p:nth-child(1) {
	color: #fff;
	text-align: right;
	font-size: 32px;
	margin-bottom: 6px;
}

.messTit>p:nth-child(2) {
	color: #fff;
	text-align: right;
	font-size: 16px;
	font-family: 'DIN';
}

.messForm input {
	display: inline-block;
	padding: 16px;
	font-size: 16px;
	width: 100%;
	background: rgba(255, 255, 255, 0.2);
	margin-bottom: 20px;
	color: #fff;
}

.messForm textarea {
	display: inline-block;
	padding: 16px;
	font-size: 16px;
	width: 100%;
	height: 120px;
	background: rgba(255, 255, 255, 0.2);
	margin-bottom: 25px;
	color: #fff;
}

.messForm button {
	display: inline-block;
	padding: 20px;
	font-size: 16px;
	font-weight: 600;
	width: 100%;
	background: rgba(0, 0, 0, 0.2);
	margin-bottom: 60px;
	color: #fff;
	letter-spacing: 1px;
	cursor: pointer;
}

.messForm input::-webkit-input-placeholder,
.messForm textarea::-webkit-input-placeholder {
	color: #fff;
}

.messForm input:-moz-placeholder,
.messForm textarea:-moz-placeholder {
	color: #fff;
}

.messForm input::-moz-placeholder,
.messForm textarea::-moz-placeholder {
	color: #fff;
}

.messForm input:-ms-input-placeholder,
.messForm textarea:-ms-input-placeholder {
	color: #fff;
}

/* 案例展示 */

.caseclass{background: rgb(16, 90, 166); display: flex; align-items: center; justify-content: center; line-height: 74px; }
.caseclass a{ color: #fff; font-size: 18px; padding: 0 50px;}
.caseclass a.active{ background: #fff; color: rgb(16, 90, 166);}
.Develop {
	display: flex;
	position: relative;
}
.Develop:hover .devePic img {
	transform: scale(1.1);
}
.devePic {
	width: 52%;
	overflow: hidden;
	transition: all 0.6s;
}

.devePic img {
	float: left;
	width: 100%;
	min-height: 425px;
	transition: all 0.8s;
	height: 100%;
}

.deveWord {
	width: 48%;
	background: #fff;
	padding: 2.3vw 50px;
	position: relative;
}
.Develop:hover .deveWord::after{
	width: 100%;
}
.Develop:hover .de4 span {
    display: inline-block;
    width: 17px;
    height: 9px;
    background: url(../png/jw.png);
    background-repeat: no-repeat;
    background-size: cover;
}
.Develop:hover .de1{
	color: #fff;
}
.Develop:hover .de2{
	background-color: #fff;
}
.Develop:hover .de3{
	color: #fff;
}
.deveWord::after{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	width: 0%;
	height: 100%;
	background: rgb(16,90,166);
	transition: all 0.8s;
}
.de1 {
	font-size: 24px;
	color: #000;
	line-height: 38px;
	margin-bottom: 2vw;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	position: relative;
	z-index: 99;
	transition: all 0.8s;
}

.de2 {
	width: 40px;
	height: 3px;
	background: rgb(200, 200, 200);
	margin-bottom: 2vw;
	margin-left: 3px;
	position: relative;
	z-index: 99;
	transition: all 0.8s;
}

.de3 {
	font-size: 14px;
	color: rgb(102, 102, 102);
	margin-bottom: 2.5vw;
	line-height: 38px;
	position: relative;
	z-index: 99;
	transition: all 0.6s;
}

.de4 {
	width: 45px;
	height: 45px;
	border: 1px solid rgb(204, 204, 204);
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	z-index: 99;
	transition: all 0.8s;
}

.de4 span {
	display: inline-block;
	width: 17px;
	height: 9px;
	background: url(../png/jh.png);
	background-repeat: no-repeat;
	background-size: cover;
	transition: all 0.8s;
}

/* 案例 */
.Case {
	display: flex;
	flex-wrap: wrap;
}

.Case>a:nth-child(3n+3) {
	margin-right: 0;
}

.caseEach {
	width: 32%;
	margin-right: 2%;
	margin-top: 35px;
}

.casePic::before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 1;
	left: 0px;
}

.caseEach:hover .casePic::before {
	animation: gradient-rectangle 1s;
	animation-delay: 0s;
	-webkit-animation-timing-function: cubic-bezier(0, 0, 0.18, 0.96);
}

.caseEach:hover .casePic img {
	transform: scale(1.1);
}

.casePic {
	overflow: hidden;
	position: relative;
	transition: all 0.8s;
}
.casePic img{
	transition: all 0.8s;
	width: 100%;
}
.caseDesc {
	background: #fff;
	padding: 30px 25px;
	width: 96%;
	margin: auto;
	box-shadow: 0 10px 30px -5px rgb(235, 235, 235);
	margin-top: -40px;
	position: relative;
	z-index: 999;
}
.caseEach:hover .caseDesc::after{
	width: 100%;
}
.caseEach:hover .ca1{
	color: #fff;
}
.caseEach:hover .ca2{
	color: #fff;
}
.caseEach:hover .de4 span{
	display: inline-block;
	    width: 17px;
	    height: 9px;
	    background: url(../png/jw.png);
	    background-repeat: no-repeat;
	    background-size: cover;
}
.ca1,.ca2{
	transition: all 0.8s;
	position: relative;
	z-index: 999;
}
.caseDesc::after{
	    content: '';
	    position: absolute;
	    left: 0;
	    top: 0;
	    right: 0;
	    bottom: 0;
	    width: 0%;
	    height: 100%;
	    background: rgb(16,90,166);
	    transition: all 0.8s;
}
.ca1 {
	font-size: 22px;
	color: #000;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: break-all;
	margin-bottom: 15px;
}

.ca2 {
	font-size: 14px;
	color: rgb(102, 102, 102);
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: break-all;
	margin-bottom: 30px;
}

/* 关于我们 */
.withBox{
	display: flex;
}
.withRight {
	position: relative;
	display: inline-block;
	height: 100%;
	vertical-align: top;
	width: 50%;
}
.withRight .img {
	max-height: 620px;
}
.withRight .img img {
	float: left;
	width: 100%;
	max-height: 620px;
}
.withLeft{
	width: 50%;
	padding: 30px 40px 0 8vw;
}
.withLeft .aboutDesc p {
    font-size: 14px;
    color: rgb(102, 102, 102);
    line-height: 38px;
    margin-bottom: 25px;
}
.withLeft .aboutDesc {
	height:450px;
	overflow-y: auto;
	padding-right: 20px;
}

.withLeft .aboutDesc{
	overflow: hidden auto;
}

.withLeft .aboutDesc::-webkit-scrollbar {
	width: 3px;
}

.withLeft .aboutDesc::-webkit-scrollbar-thumb {
	border-radius: 10px;
	box-shadow: rgb(16,90,166) 0px 0px 5px inset;
	background: rgb(16,90,166);
}

.withLeft .aboutDesc::-webkit-scrollbar-track {
	box-shadow: rgba(220, 220, 220, 0.2) 0px 0px 5px inset;
	border-radius: 0px;
	background: rgba(220, 220, 220, 0.2);
}
/* 发展优势 */
.Advan{
	background: rgb(16,90,166);
	padding: 50px 0;
}
.Advan .Adv{
	width: 100%;
}
.Advan .num {
    font-family: DIN;
    color: #fff;
    font-size: 60px;
    display: inline-block;
}
.Advan .adv2{
	color: #fff;
	margin-top: 10px;
}
.Advan .year {
    font-size: 16px;
    color: #fff;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgb(141,176,212);
    position: absolute;
    bottom: 15px;
    right: -42px;
}
/* 企业文化 */
.Culture{
	background: url(../jpg/cul.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	height: 350px;
	padding-top: 70px;
}
.cul1{
	font-size: 40px;
	color: #fff;
	padding-bottom: 20px;
}
.cul2{
	font-size: 22px;
	color: rgba(255,255,255,0.85);
	margin-top: 25px;
	word-spacing: 25px;
}
/* 新闻详情页 */
.newsdetail .inner{position: relative;top: -6vw;}
.newsdetail .dis-flex-between{
	background: #fff;padding: 50px;
	border-radius: 10px;position: relative;z-index: 99;
}
.newsdetail{  align-items: flex-start;}
.newsdetail .left{ width: 150px;}
.newsdetail .left .date{ background: rgb(16,90,166); padding:20px 0;  }
.newsdetail .left .page a { margin: 35px 0;transition: all 0.4s;font-size: 16px;display: flex;
align-items: center;}
.newsdetail .left .page a:hover{transform: translateY(8px);color: rgb(16,90,166);}
.newsdetail .left .page a img{ transition: all 0.4s;margin-right: 15px;}
.newsdetail .left .page a:hover img{  transform: rotateZ(-90deg);}
.newsdetail .right{ width: 83%;margin-left: 5%;}
.newsdetail .right .smailtit{ margin: 20px 0 30px 0;color: rgb(136,136,136);font-family: 'DIN';}
.newsdetail .right .con img{ max-width: 100%; margin: 8px 0;}

.reckon_fixed_top{ position:fixed; top:80px; z-index: 5;}
.reckon_fixed_bottom{ position: absolute; bottom: 0;}
.reckon{ width: 150px; transition: all .36s;}
.f60{
	font-size: 50px;
	font-weight: normal;
	font-family: 'DIN';
	margin-bottom: 5px;
}
.date>p:nth-child(2){
	font-family: 'DIN';
	font-size: 16px;
}
.f30 {
    font-size: 30px;
}
.con p{
    font-size: 16px;
	color: rgb(102,102,102);
	line-height: 32px;
	margin-bottom: 15px;
}
.sub-item{
	display: none;
	padding: 0 15px;
}
.sub-item  a{
	display: inline-block;
	width: 100%;
	padding: 9px 0;
	font-size: 14px;
	text-align: center;
}
.advPic{
	transition: all 0.6s;
	cursor: pointer;
}
.advPic:hover{
	transform:translateX(15px);
}
.bb1{
	opacity: 0.6;
	font-family: 'DIN';
}
.State .on{
	color: rgb(16,90,166)!important;
}
.askAll{
	display: flex;align-items: center;
	width: 55%;
}
.More{
	display: none;
}
.mt25{
	margin-bottom: 25px;
}
.ss{
	    width: 54px!important;
	    border-radius: 20px!important;
	    right: -70px;
}

.dis-flex-between{ display: flex; justify-content: space-between;}
.aboutsection10left{ width: 25%; margin-right: 2%;}
.aboutsection10left li{    border: 1px solid rgb(220, 220, 220);    display: flex; justify-content: center; }
.aboutsection10left li a{font-size: 18px;  display: block;   padding: 25px 15%; width: 100%;  color: rgb(51,51,51);}
.aboutsection10left li a .sp{width: 10px; height: 4px;background: rgb(190, 190, 190);margin-right: 20%;}
.aboutsection10left li a.current{    background: rgb(16, 90, 166);}
.aboutsection10left li a.current{ color: #fff;}
.aboutsection10left li.current a .sp{ background: #fff;}
.aboutsection10right{ width: 73%;}
.aboutsection10right .item:nth-child(1){ padding-top: 0; margin-top:0}
.aboutsection10right .item{ padding-top: 85px; margin-top: -85px;}
.aboutsection10left ul.fixed{  padding-top: 85px;}
.readFlex{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.readMore{
	font-size: 18px;
	color: rgb(102,102,102);
}