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

html {
	border: none;
	overflow-x: hidden;
	position: relative;
	margin: 0px auto;
	height: 100%;
	font-family: '微软雅黑';
}

@font-face {
	font-family: BIN;
	src: url("../font/BROWNSTD-REGULAR.WOFF.TTF");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: DIN;
	src: url("../font/DIN-Medium.ttf");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: CIN;
	src: url("../font/BROWNSTD-LIGHT.WOFF");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: PIN;
	src: url("../font/PingFang Medium.ttf");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: TIN;
	src: url("../font/Times New Roman.ttf");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: MIN;
	src: url("../font/MESSAPIA-BOLD.OTF");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: CGIN;
	src: url("../font/CgFuturaMaxiBd.ttf");
	font-weight: normal;
	font-style: normal;
}

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

a {
	text-decoration: none;
}

a img {
	border: 0px none;
}

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);
}



/* input çš„ placeholder*/
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
	color: #999;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
	color: #999;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
	color: #999;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
	color: #999;
}

/* 变色 */
@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 {
	padding-left: 4vw;
	padding-right: 4vw;
	max-width: inherit;
	margin: 0px auto;
}

.w1400 {
	max-width: 1440px;
	margin: 0px auto;
}

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

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


.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;
}

.index-header {
	position: relative;
	border-bottom: 1px solid rgb(238, 238, 238);
}

.index-logo,
.index-nav-right,
.menu-handler {
	position: relative;
	z-index: 99;
	cursor: pointer;
}

.scoll-top.index-header::after {
	display: none;
}

.banner img {
	float: left;
}

.indexban .swiper-slide img{ width: 100%; height: calc(100vh - 80px);  }

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

.index-logo {
	width: 24%;
	display: flex;
	align-items: center;
}

.index-logo img {
	/* margin-top: 20px; */
	max-height: 72px;
}

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

.scoll-top .index-logo img {
	/* margin-top: 20px; */
}

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

.index-header-right {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.topBtn1 {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px;
	border-radius: 50%;
	border: 1px solid rgb(220, 220, 220);
}

.topBtn2 {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px 16px;
	border-radius: 20px;
	border: 1px solid rgb(220, 220, 220);
	color: #333333;
	font-size: 16px;
	margin: 0 15px;
	position: relative;
}

.language {
	position: absolute;
	border: 1px solid rgb(220, 220, 220);
	border-radius: 5px;
	top: 80px;
	margin-left: 52px;
	background: #fff;
	z-index: 999999999999;
	display: none;
}

.language a {
	display: block;
	font-size: 15px;
	color: #000;
	padding: 8px 28px;
	text-align: center;
	transition: all 0.3s;
}

.language a:hover {
	color: #fff;
	background: rgb(0, 68, 135);
	border-radius: 5px;
}

.language a:first-child {
	border-bottom: 1px solid rgb(220, 220, 220);
}

.topBtn2 img {
	margin-right: 8px;
}

.topBtn3 {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px 18px;
	border-radius: 25px;
	font-family: 'TIN';
	color: #fff;
	font-size: 18px;
	background: rgb(0, 68, 153);
}

.topBtn3 img {
	margin-right: 8px;
}

.index-nav-con {
	width: 58%;
}

.index-nav-con ul {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	width: 90%;
}

.index-nav {
	width: 100%;
}

.index-nav li {
	float: left;
	width: calc(100% / 6);
	text-align: center;
	box-sizing: border-box;
	font-size: 16px;
	position: relative;
}

.index-nav li>a:first-child {
	color: rgb(51, 51, 51);
	display: inline;
	position: relative;
	/* padding: 6px 25px; */
	border-radius: 20px;
}

.navH>a:first-child {
	line-height: 80px;
}

.navH>a:first-child {
	position: relative;
	transition: all 0.2s;
}

.scoll-top .navH>a:first-child {
	position: relative;
}

.index-nav li.on>a:first-child {
	color: rgb(0, 68, 153);
	display: inline;
	border-radius: 20px;
}

.index-nav li>a:first-child {
	position: relative;
}

.index-nav li>a:first-child::after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: -31px;
	height: 2px;
	width: 0;
	background: rgb(0, 68, 153);
	transition: all 0.4s;
}

.index-nav li.on>a::after {
	width: 100%;
}

.index-nav li:hover>a::after {
	width: 100%;
}

.index-nav li>a:first-child {
	font-size: 18px;
	position: relative;
}

.index-nav li>a:first-child:hover {
	color: rgb(0, 68, 153);
}

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

.scoll-top .navH.on>a:first-child {
	background: none;
	color: rgb(0, 68, 153);
}

.scoll-top .index-nav li>a:first-child {
	color: rgb(51, 51, 51);
}

.scoll-top .index-nav li>a:first-child:hover {
	color: rgb(0, 68, 153);

}

.xnav {
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgb(245, 245, 245);
	padding: 25px 0;
	position: fixed;
	left: 0;
	right: 0;
}

@-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: 9990 !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, 68, 153);
	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, 68, 153);
	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);
}

.banner {
	position: relative;
	margin-top: 80px !important;
}

.bannerWord {
	position: absolute;
	z-index: 99;
	color: rgb(255, 255, 255);
	width: 100%;
	height: 100%;
}

@keyframes topFloat {
	from {
		transform: translateY(-20px);
		opacity: 0;
	}

	to {
		transform: translateY(0);
		opacity: 1;
	}
}

.search-btn {
	display: flex;
	align-items: center;
	color: rgb(0, 68, 153);
	font-size: 26px;
	width: 10em;
	justify-content: flex-end;
}

.search-btn img {
	margin-right: 10px;
}

.scoll-top {}

.banner {
	margin-top: 80px;
}

.bannerTop {
	margin-top: 0px;
}

.header {
	display: flex;
	align-items: center;
}

.video-box {
	position: relative;
}

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

.item-video a::before {
	position: absolute;
	top: 10px;
	right: 10px;
	left: 10px;
	bottom: 10px;
	content: '';
	display: block;
	border: 3px dashed #fff;
	border-radius: 100%;
	transition: all 0.6s;
	transform: scale(0);
	animation: ro 15s infinite linear;
	opacity: 0;
}

.item-video img {
	transition: all 0.6s;
}

.conn2_right:hover .item-video img {
	transform: scale(0.9);
}

.conn2_right p {
	position: absolute;
	top: 58%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	color: #fff;
	line-height: 2.4vw;
	font-size: 1.8vw;
}

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

.popbg {
	display: none;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;
	background: rgba(0, 0, 0, 0.8);
	z-index: 233;
}

.popclose {
	position: absolute;
	top: -60px;
	right: -85px;
	border-radius: 100%;
	color: #fff;
	cursor: pointer;
	height: 60px;
	width: 60px;
	text-align: center;
	line-height: 43px;
	font-size: 58px;
	z-index: 33333;
}

.View {
	display: flex;
	align-items: center;
	background: #fff;
	padding: 1%;
}

.viewPart {
	width: 49.5%;
	margin-right: 1%;
	position: relative;
}

.viewPart:hover::after {
	height: 100%;
}

.viewPart::after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 0;
	width: 100%;
	background: rgba(0, 0, 0, 0.5);
	transition: all 0.7s;
}

.viewPic {
	overflow: hidden;
	transition: all 0.4s;
}


.viewPic img {
	float: left;
	width: 100%;
	transition: all 0.8s;
}

.viewPart:hover .viewPic img {
	transform: scale(1.1);
}

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

.viewPart {
	position: relative;
	transition: all 0.8s;
}

.viewDesc {
	position: absolute;
	top: 15%;
	left: 10%;
	z-index: 999;
	transition: all 0.8s;
}

.viewPart:hover .viewDesc {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	z-index: 999;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	right: 0;
}

.vi1 {
	color: rgba(255, 255, 255, 0.9);
	font-size: 44px;
	letter-spacing: 1px;
	margin-bottom: 35px;
	transition: all 0.7s;
}

.vi2 {
	display: flex;
	align-items: center;
	color: rgba(255, 255, 255, 0.9);
	font-size: 20px;
	transition: all 0.7s;
}

.vi2 img {
	margin-left: 10px;
}

.Join {
	background: url(../images/zs.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	padding: 170px 0 240px 0;
	background-attachment: fixed;
}

.joinTit {
	color: rgba(255, 255, 255, 0.9);
	text-align: center;
	font-size: 44px;
	margin-bottom: 50px;
}

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

.joinA a {
	color: rgba(255, 255, 255, 0.9);
	line-height: 20px;
	padding: 0 50px;
	font-size: 24px;
	border-right: 1px solid rgba(255, 255, 255, 0.9);
	transition: all 0.6s;
	position: relative;
	margin-bottom: 65px;
}

.joinA a:hover {
	transform: translateX(15px);
}

.joinA a:last-child {
	border-right: none;
}

.joinNow {
	margin: auto;
	line-height: 20px;
	font-size: 18px;
	border: 1px solid rgba(255, 255, 255, 0.9);
	width: 280px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	position: relative;
}

.joinNow::after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	height: 0;
	width: 100%;
	background: rgb(0, 68, 153);
	transition: all 0.4s;
}

.joinNow:hover::after {
	height: 100%;
}

.joinNow a {
	color: rgba(255, 255, 255, 0.9);
	position: relative;
	z-index: 99;
}

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

.orderBg {
	background: url(../images/blue.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	padding: 40px 0 40px 0;
}

.orderLeft {
	font-size: 32px;
	color: #fff;
	letter-spacing: 1px;
}

.orLink {
	width: 180px;
	height: 58px;
	font-size: 16px;
	border: 1px solid rgba(255, 255, 255, 0.9);
	line-height: 58px;
	padding: 0 30px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	transition: all 0.5s;
	position: relative;
}

.footA a:hover {
	color: rgb(0, 68, 153);
}

.orLink::after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	height: 0;
	width: 100%;
	background: rgba(255, 255, 255, 0.8);
	transition: all 0.4s;
}

.orLink:hover::after {
	height: 100%;
}

.orLink:hover .or1 {
	color: rgb(0, 68, 153);
}

.orLink:hover .or2 {
	width: 26px;
	height: 8px;
	position: relative;
	z-index: 99;
	display: inline-block;
	background: url(../images/jt1.png);
	background-repeat: no-repeat;
	background-size: cover;
}

.or1 {
	position: relative;
	z-index: 99;
	color: #fff;
	transition: all 0.5s;
}

.or2 {
	width: 26px;
	height: 8px;
	position: relative;
	z-index: 99;
	display: inline-block;
	background: url(../images/jt.png);
	background-repeat: no-repeat;
	background-size: cover;
	transition: all 0.5s;
}

.footer {
	padding: 40px 0;
}

.footer {
	display: flex;
}

.footLeft {
	width: 50%;
	border-right: 1px solid rgb(225, 225, 225);
	padding-right: 5%;
}

.footRight {
	width: 50%;
	padding-left: 5%;
	display: flex;
	justify-content: space-between;
}

.footLeft {
	display: flex;
}

.footLink {
	width: 33.3%;
}

.footLink p {
	font-size: 20px;
	color: #333333;
}

.footA {
	margin-top: 20px;
}

.footA a {
	display: block;
	margin-bottom: 15px;
	font-size: 14px;
	color: #666666;
}

.line1 {
	color: #004499;
	font-size: 16px;
	margin-bottom: 22px;
}

.line1 img {
	margin-left: 12px;
}

.line2 {
	color: #004499;
	font-size: 40px;
	margin-bottom: 20px;
	font-weight: 600;
	font-family: TIN;
}

.lineUl li {
	display: block;
	margin-top: 15px;
	font-size: 14px;
	color: #666666;
}

.ewm2 {
	text-align: center;
	margin-top: 15px;
	font-size: 16px;
	color: #333333;
}

.ewm1 {
	padding: 8px;
	border: 1px solid rgb(238, 238, 238);
}

.ewm1 img {
	width: 120px;
}

.foBottom {
	background: rgb(245, 245, 245);
	padding: 20px 0;
}

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

.foPolice {
	display: flex;
	flex-wrap: wrap;
	color: #888888;
	font-size: 14px;
}

footer {
	font-family: TIN;
}

.foPolice p {
	display: flex;
	align-items: center;
	margin-right: 15px;
	line-height: 25px;
}

.foPolice {
	width: 40%;
}

.foPolice p img {
	margin-right: 8px;
}

.foFirm {
	display: flex;
	align-items: center;
}

.foFirm p {
	margin-right: 8px;
}

.foFirm p:last-child {
	margin-right: 0;
}

.sideBanner {
	position: absolute;
	width: 100%;
	top: 32%;
	font-family: TIN;
	letter-spacing: 1px;
}

.sideBanner>p:nth-child(1) {
	text-align: center;
	font-size: 55px;
	color: #fff;
	margin-bottom: 10px;
	letter-spacing: 8px;
}

.sideBanner>p:nth-child(2) {
	text-align: center;
	font-size: 30px;
	color: #fff;
}

.Product>div:nth-child(1) {
	background: url(../images/grey1.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}

.Product>div:nth-child(2) {
	background: url(../images/grey2.jpg) !important;
	background-repeat: no-repeat;
	background-size: cover;
}

.Product>div:nth-child(3) {
	background: url(../images/grey3.jpg) !important;
	background-repeat: no-repeat;
	background-size: cover;
}

.Product>div:nth-child(4) {
	background: url(../images/grey4.jpg) !important;
	background-repeat: no-repeat;
	background-size: cover;
}

.Product>div:nth-child(5) {
	background: url(../images/grey5.jpg) !important;
	background-repeat: no-repeat;
	background-size: cover;
}
.Product>div:nth-child(even){
	padding: 80px 10vw 0 10vw;
}
.eachDuct {
	display: flex;
	justify-content: center;
	padding: 80px 10vw;
	transition: all 0.4s;
	cursor: pointer;
}

.eachDuct:hover {
	background-size: 120% !important;
}

.ductDesc {
	width: 50%;
	padding: 0 5%;
}

.ductImg {
	width: 50%;
	overflow: hidden;
	text-align: center;
	padding: 0 5%;
	transition: all 0.8s;
}

.ductImg img {
    transition: all 0.8s;
    max-height: 600px;
}

.du1 {
	font-size: 140px;
	color: rgb(200, 200, 200);
	-webkit-text-fill-color: transparent;
	-webkit-text-stroke-color: rgb(200, 200, 200);
	-webkit-text-stroke-width: 2px;
	text-fill-color: transparent;
	text-stroke-color: rgb(200, 200, 200);
	text-stroke-width: 2px;
	font-family: MIN;
}

.du2 {
	font-size: 44px;
	color: #000;
	margin-top: 40px;
}

.ductVide {
	padding-top: 20px;
}

.ductVide li {
	display: flex;
	align-items: center;
	font-size: 18px;
	margin-top: 25px;
}

.vide1 {
	width: 30%;
}

.eachDuct:hover .ductMore::after {
	width: 100%;
}

.ductDesc {
	transition: all 0.8s;
}

.eachDuct:hover .ductDesc {
	transform: translateX(12%);
}

.eachDuct:hover .ductImg {
	transform: translateX(-12%);
}

.ductMore {
	width: 175px;
	height: 48px;
	text-align: center;
	line-height: 48px;
	color: #fff;
	border-radius: 30px;
	background: rgb(0, 68, 153);
	display: inline-block;
	margin-top: 50px;
	transition: all 0.8s;
	position: relative;
}

.ductMore span {
	position: relative;
	z-index: 99;
}

.ductMore::after {
	content: '';
	position: absolute;
	background-image: linear-gradient(to right, rgb(0, 68, 153), #9198e5) !important;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	transition: all 0.5s;
	width: 0;
	border-radius: 30px;
}

.Product>div:nth-child(3) {
	background-attachment: fixed !important;
}

.Product>div:nth-child(2) .du2 {
	color: rgba(255, 255, 255, 0.9);
}

.Product>div:nth-child(4) .du2 {
	color: rgba(255, 255, 255, 0.9);
}

.Product>div:nth-child(2) .ductVide li {
	color: rgba(255, 255, 255, 0.9);
}

.Product>div:nth-child(4) .ductVide li {
	color: rgba(255, 255, 255, 0.9);
}

/* 品牌简介 */
.Brand {
	background: url(../images/map.png);
	background-repeat: no-repeat;
	background-size: cover;
	padding-bottom: 55px;
}

.brandTit {
	padding: 55px 0 40px 0;
	text-align: center;
	font-size: 50px;
}

.brandDesc p {
	font-size: 15px;
	color: #666666;
	line-height: 40px;
}

.Adv {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 70px;
	margin-bottom: 50px;
}

.advPart {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.adv1 {
	color: #004499;
	font-size: 60px;
	font-family: BIN;

}

.adv2 {
	color: #888888;
	font-size: 16px;
	font-family: BIN;
}

.videoPaly {
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: all 0.6s;
}

.videoPaly:hover {
	transform: scale(0.9);
}

.play1 {
	position: relative;
	left: 60px;
}

.play2 {
	position: relative;
	left: -60px;
}

.Company {
	background: url(../images/comp.jpg) center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 86px 0 78px 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background-attachment: fixed;
}

.compFlex {
	display: flex;
	align-items: center;
	/*justify-content: center;*/
	font-size: 18px;
	color: #fff;
	margin-bottom: 38px;
}

.Company>div:last-child {
	margin-bottom: 0;
}

.Grown {
	display: flex;
}

.grRight {
	display: flex;
	flex-wrap: wrap;
	width: 49%;
}

.grLeft {
	width: 100%;
	margin-right: 0;
	overflow: hidden;
}

.grLeft img {
	float: left;
	width: 100%;
}
.grownName{
	text-align: center;
	border: 1px solid rgb(220,220,220);
	text-align: center;
	padding: 18px;
	color: #000;
	width:100%;
	display: inline-block;
	transition: all 0.5s;
}
.grPic{
	overflow: hidden;
}
.grPic img{
	width: 100%;
	float: left;
}
.Grown:hover .grownName {
	background: rgb(0, 68, 153);
	border: 1px solid rgb(0, 68, 153);
	color: #fff;
}
.grRight p {
	overflow: hidden;
	width: 49%;
	margin-right: 1.8%;
	margin-bottom: 1.8%;
}
.grownName{
	border-top: none;
}
.grRight img {
	float: left;
	width: 100%;
}

.grRight>p:nth-child(2n) {
	margin-right: 0;
}

.Wis {
	margin-bottom: 45px;
	cursor: pointer;
}

.Wis .on {
	background: rgb(0, 68, 153);
	color: #fff;
}

.wsp {
	text-align: center;
	height: 80px;
	line-height: 80px;
	border-radius: 10px;
	background: rgb(246, 248, 249);
	font-size: 26px;
}

.Wis {
	margin: 50px 0 40px 0;
	display: flex;
}

.Wis p {
	position: relative;
}

.Wis .on::after {
	content: '';
	position: absolute;
	width: 0px;
	height: 0px;
	border-left: 12px solid transparent;
	border-top: 12px solid rgb(0, 68, 153);
	border-bottom: 12px solid transparent;
	border-right: 12px solid transparent;
	left: 50%;
	margin-left: -6px;
	bottom: -24px;
	transition: all 0.4s;
}

.Wis p:nth-child(1) {
	width: 49%;
	margin-right: 1%;
}

.Wis p:nth-child(2) {
	width: 49%;
	margin-left: 1%;
}

.Focus {
	max-width: 1050px;
	margin: auto;
	padding: 90px 0 50px 0;
	display: flex;
	align-items: center;
}

.Focus p {
	width: 660px;
	margin: auto;
	font-size: 30px;
	color: #000;
	line-height: 52px;
}

.Focus img:nth-child(1) {
	position: relative;
	top: -60px;
}

.Focus img:nth-child(3) {
	position: relative;
	top: 60px;
}

.Hot {
	background: #fff;
}

.bgc {
	background: rgb(246, 248, 249);
	padding-bottom: 110px;
	position: relative;
}

.Computer {
	position: absolute;
	left: 0;
	bottom: 0;
}

.Focus,
.bgc .w1400 {
	position: relative;
	z-index: 99;
}

.Hot {
	display: flex;
	margin-top: 20px;
}

.hotUl {
	width: 50%;
	padding: 50px 0 40px 0;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: all 0.4s;
}

.Hot>ul:nth-child(1) {
	border-right: 1px solid rgb(229, 229, 229);
}

.hotDesc {
	margin-left: 20px;
}

.hotDesc>p:nth-child(1) {
	color: #666666;
	font-size: 15px;
	margin-bottom: 20px;
}

.hotDesc>p:nth-child(2) {
	font-size: 34px;
}

.hotPic img {
	transition: all 0.4s;
}

.Process {
	background: url(../images/phone.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 140px 0;
	margin-top: 80px;
	background-attachment: fixed;
}

.hotUl:hover img {
	animation: jello 1.2s;
}
.Process .pr{
	transition: all 0.6s;
}
.Process .pr:hover{
	border: 1px dashed rgba(0, 68, 135);
	color: rgba(0, 68, 135);
	transform: rotateZ(360deg);
}
.pr {
	font-size: 40px;
	color: #fff;
	font-weight: 600;
	width: 280px;
	height: 280px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	border: 1px dashed rgba(255, 255, 255, 0.7);
	transition: all 0.4s;
	cursor: pointer;
}

.pr1 {
	position: relative;
	left: 40px;
}

.pr3 {
	position: relative;
	left: -40px;
}

/* 搜索中心 */

.returnTo {
	display: inline-block;
	width: 170px;
	text-align: center;
	font-size: 16px;
	color: rgb(255, 255, 255);
	height: 56px;
	line-height: 56px;
	letter-spacing: 1px;
	margin: 0px;
	cursor: pointer;
}

.returnTo .w {
	background: rgb(229, 229, 229);
	position: relative;
	transition: all 0.25s ease 0s;
	transform-style: preserve-3d;
	pointer-events: none;
}

.returnTo .f {
	background: rgb(229, 229, 229);
	color: rgb(51, 51, 51);
	display: flex;
	justify-content: center;
	align-items: center;
}

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

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

.returnTo img {
	margin-right: 12px;
	position: relative;
}

.Search {
	background: rgb(255, 255, 255);
	padding: 3vw 60px 2.5vw 60px;
	margin-top: -90px;
	position: relative;
	z-index: 99;
}

.seaForm {
	display: flex;
	align-items: center;
}

.seaForm input {
	width: 69%;
	background: #fff;
	height: 56px;
	line-height: 56px;
	padding: 20px 40px;
	color: rgb(170, 170, 170);
	font-size: 16px;
	border: 1px solid rgb(238, 238, 238);
}

.seaForm button {
	margin: 0 2.5%;
	width: 170px;
	height: 56px;
	line-height: 56px;
	text-align: center;
	color: #fff;
	font-size: 20px;
	background: #004499;
	cursor: pointer;
}

.re1 {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: break-all;
}

.seaHot {
	font-size: 16px;
	color: rgb(51, 51, 51);
	margin-top: 32px;
}

.sultTit {
	padding: 45px 0;
	font-size: 20px;
	color: #888888;
}

.sultTit .gw {
	font-weight: 600;
}

.gw {
	color: #004499;
	transition: all 0.5s;
}

.resultBox {
	box-shadow: 1px 1px 10px 1px rgb(235, 235, 235);
	border-radius: 5px;
}

.resultBox>a:last-child {
	border-bottom: none;
}

.reSame {
	border-bottom: 1px solid rgb(229, 229, 229);
	padding: 35px 25px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: rgb(51, 51, 51);
	font-size: 18px;
	transition: all 0.2s;
	background: #fff;
}

.reSame:hover {
	background: #004499;
}

.reSame:hover .re1 {
	color: #fff;
}

.reSame:hover .gw {
	color: #fff;
}

.reSame:hover .re2 {
	color: #fff;
}

.re1 {
	transition: all 0.5s;
}

.re2 {
	font-size: 14px;
	transition: all 0.5s;
}

.Result {
	margin-bottom: 60px;
}

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

.changePage p {
	margin-right: 9px;
	font-size: 15px;
	color: rgb(51, 51, 51);
}

.changePage p span {
	color: #004499;
	margin: 0 8px;
}

.changePage a {
	padding: 10px 15px;
	border: 1px solid rgb(229, 229, 229);
	border-radius: 5px;
	font-size: 14px;
	letter-spacing: 1px;
	text-align: center;
	color: rgb(51, 51, 51);
	margin-right: 12px;
	transition: all 0.4s;
	border-radius: 4px;
	font-family: arial;
}

.changePage a:hover {
	background: #004499 !important;
	color: #fff;
}

.changePage .on {
	background: #004499 !important;
	color: #fff;
}

.getSize {
	cursor: pointer;
	transition: all 0.5s;
}

.pageEnter input {
	font-size: 14px;
	letter-spacing: 1px;
	color: rgb(51, 51, 51);
	padding: 8px 0;
	border: 1px solid rgb(208, 208, 208);
	border-radius: 5px;
	width: 45px;
	text-align: center;
}

.changePage>a:last-child {
	margin-right: 0;
	background: rgb(242, 242, 242);
}

.changePage>a:first-child {
	background: rgb(242, 242, 242);
}

.bgw {
	background: rgb(246, 247, 248);
	font-family: TIN;
}

.Store {
	padding: 60px 0;
	display: flex;
	align-items: center;
}

.stPic {
	overflow: hidden;
	width: 50%;
}

.stPic img {
	float: left;
	width: 100%;
}

.stDesc {
	width: 50%;
	text-align: center;
	padding: 0 10vw;
}

.st1 {
	font-size: 120px;
	color: #004499;
	margin-bottom: 30px;
	font-family: BIN;
	text-align: center;
}

.avyLeft {
	width: 25%;
}

.avyLeft .st1 {
	margin-bottom: 0px;
}

.st2 {
	color: #333333;
	font-size: 40px;
	margin-bottom: 40px;
	text-align: center;
}

.st3 {
	text-align: center;
	font-size: 20px;
	color: #555555;
	line-height: 35px;
}

.heavyBg {
	display: flex;
	align-items: center;
	background: url(../images/sun.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	padding: 100px 6vw 100px 0;
	display: flex;
}

.Heavy {
	width: 25%;
}

.avyRight {
	width: 75%;
	display: flex;
	flex-wrap: wrap;
	background: #fff;
}

.avyPart {
	width: 50%;
	display: flex;
	align-items: center;
	padding: 5vw 3vw;
	cursor: pointer;
	transition: all 0.6s;
	position: relative;
	z-index: 99;
}

/* .avyPart::after{
	content: '';
	position: absolute;
	left: -20px;
	right: -20px;
	top: -20px;
	bottom: -20px;
	background: #004499;
	transition: all 0.6s;
	width: 0;
	height: 100%;
} */
.avyPart:hover {
	border-right: none;
	border-left: none;
	border-top: none;
	border-bottom: none;
	background: #004499;
	transform: scale(1.1);
	z-index: 999;
	position: relative;
}
.tactPart:hover .tactImg img{
	transform: scale(1.1);
}
.avyPart:hover::after {
	width: 100%;
}

.avyRight>div:nth-child(1),
.avyRight>div:nth-child(3) {
	border-right: 1px solid rgb(229, 229, 229);
}

.avyRight>div:nth-child(1),
.avyRight>div:nth-child(2) {
	border-bottom: 1px solid rgb(229, 229, 229);
}

.avyRight>div:nth-child(1) .av1 {
	
	background: url(../images/ion1.png);
	background-repeat: no-repeat;
	background-size: cover;
	width: 80px;
	height: 79px;
}

.avyRight>div:nth-child(2) .av1 {
	width: 80px;
	height: 79px;
	background: url(../images/ion2.png);
	background-repeat: no-repeat;
	background-size: cover;
}

.avyRight>div:nth-child(3) .av1 {
	width: 80px;
	height: 79px;
	background: url(../images/ion3.png);
	background-repeat: no-repeat;
	background-size: cover;
}

.avyRight>div:nth-child(4) .av1 {
	width: 80px;
	height: 79px;
	background: url(../images/ion4.png);
	background-repeat: no-repeat;
	background-size: cover;
}

.avyPart:hover .av2 {
	color: #fff;
}

.avyRight>div:nth-child(1):hover .av1 {
	background-repeat: no-repeat;
	background-size: cover;
	width: 80px;
	height: 79px;
	background: url(../images/ion11.png);
}

.avyRight>div:nth-child(2):hover .av1 {
	background-repeat: no-repeat;
	background-size: cover;
	width: 80px;
	height: 79px;
	background: url(../images/ion22.png);
}

.avyRight>div:nth-child(3):hover .av1 {
	background-repeat: no-repeat;
	background-size: cover;
	width: 80px;
	height: 79px;
	background: url(../images/ion33.png);
}

.avyRight>div:nth-child(4):hover .av1 {
	background-repeat: no-repeat;
	background-size: cover;
	width: 80px;
	height: 79px;
	background: url(../images/ion44.png);
}

.av1 {
	position: relative;
	z-index: 99;
	transition: all 0.5s;
}

.av2 {
	margin-left: 40px;
	font-size: 20px;
	color: #555555;
	line-height: 35px;
	width: 70%;
	position: relative;
	z-index: 99;
}

.Email img {
	width: 140px;
	height: 140px;
}

.Contact {
	display: flex;
	padding: 65px 0;
}

.Contact>div:last-child {
	margin-right: 0;
}

.tactPart {
	width: 33.3%;
	margin-right: 50px;
	box-shadow: 1px 1px 10px 1px rgba(0, 68, 153, 0.1);
	transition: all 0.4s;
}

.tactPart {
	position: relative;
	cursor: pointer;
}

.Email {
	cursor: pointer;
	transition: all 0.4s;
}

.tactPart:hover{
	box-shadow: 1px 1px 10px 1px rgb(230,230,230);
	transform: translateY(10px);
}
.Email:hover{
	box-shadow: 1px 1px 10px 1px rgb(230,230,230);
	transform: translateY(10px);
}

.avyPart:hover .av1 {
	transform: rotateY(180deg);
}

.tactImg {
	overflow: hidden;
	transition: all 0.6s;
}

.avyPart:hover img {
	transform: rotateY(180deg);
}

.tactImg img {
	float: left;
	width: 100%;
	transition: all 0.6s;
}

.tactDesc {
	text-align: center;
	padding: 0 15px;
}

.ta1 {
	margin-top: 35px;
	margin-bottom: 18px;
	font-size: 20px;
}

.ta2 {
	margin-bottom: 5px;
	font-size: 30px;
	color: #004499;
	font-family: TIN;
}

.tactDesc {
	margin-bottom: 25px;
}

.Email {
	width: 33.3%;
	box-shadow: 1px 1px 10px 1px rgb(220, 220, 220);
	padding: 40px 5vw;
	text-align: center;
}

.ea1 {
	font-size: 20px;
	margin-top: 25px;
	text-align: center;
}

.ea2 {
	font-size: 14px;
	margin-top: 14px;
	text-align: center;
	color: #666666;
}

.News {
	display: flex;
	flex-wrap: wrap;
	margin-top: 15px;
}

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

.n1 {
	transition: all 0.4s;
}

.newsPart {
	width: 31.3%;
	margin-right: 2%;
	margin-top: 2%;
	border: 1px solid rgb(230, 230, 230);
	transition: all 0.4s;
}

.newsPart:hover .n1 {
	color: rgb(0, 68, 153);
}

.newsPart:hover {
	box-shadow: 1px 1px 10px 1px rgb(220, 220, 220);
}

.newsPart:hover .newsImg img {}

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

.newsImg img {
	float: left;
	width: 100%;
	transition: all 0.8s;
}

.mask-white {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, .2);
	content: '';
	-webkit-transition: -webkit-transform .6s;
	transition: transform .6s;
	-webkit-transform: scale3d(2.2, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
	transform: scale3d(2.2, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0)
}

.newsPart:hover .newsImg img {
	transform: scale(1.15);
}

.newsPart:hover .newsImg:hover .mask-white {
	-webkit-transform: scale3d(2.2, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
	transform: scale3d(2.2, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0)
}
.basicBox{
	overflow: hidden;
	position: relative;
	cursor: pointer;
}
.basicBox img{
	transition: all 0.8s;
}
.basicBox:hover img {
	transform: scale(1.15);
}

.basicBox:hover .mask-white {
	-webkit-transform: scale3d(2.2, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
	transform: scale3d(2.2, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0)
}

.newsDesc {
	padding: 30px 25px;
}

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

.n2 {
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	font-size: 14px;
	color: #888888;
	margin-bottom: 30px;
	line-height: 26px;
}

.n3 {
	font-size: 14px;
	color: #888888;
	font-family: arial;
	line-height: 8px;
}

.n3>span:first-child {
	padding-right: 12px;
	border-right: 1px solid #888;
}

.n3>span:last-child {
	padding-left: 12px;
}

.News {
	margin-bottom: 70px;
}

.Art {
	display: flex;
}

.artLeft {
	width: 70%;
	border-right: 1px solid rgb(230, 230, 230);
	padding-top: 60px;
	padding-right: 80px;
}

.artTit>p:nth-child(1) {
	font-size: 30px;
	color: #333333;
}

.artTit>p:nth-child(2) {
	display: flex;
	align-items: center;
	padding: 30px 0 35px 0;
}

.artTit>p:nth-child(2) span {
	font-size: 14px;
	color: #666666;
	margin-right: 30px;
	font-family: arial;
}

.artBox p {
	overflow: hidden;
	font-size: 15px;
	color: #555555;
	margin-bottom: 15px;
	line-height: 36px;
}

.artLink {
	margin-top: 50px;
	padding: 28px 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 16px;
	color: #666666;
	border-top: 1px solid rgb(230, 230, 230);
}

.artLink a {
	font-size: 15px;
	color: #666666;
	width: 33.3%;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.2s;
}

.artLink a:hover {
	color: rgb(0, 65, 153);
}

.artLink a p {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: break-all;
}

.artLink a:nth-child(2) {
	margin: 0 15px;
}

.artLink a:nth-child(1) p {
	width: 94%;
}

.artLink a:nth-child(3) p {
	width: 94%;
}

.link1 span {
	display: inline-block;
	width: 8px;
	height: 14px;
	margin-right: 10px;
	background: url(../images/left1.png);
	background-repeat: no-repeat;
	background-size: cover;
}

.link2 span {
	display: inline-block;
	width: 15px;
	height: 17px;
	margin-right: 10px;
	background: url(../images/midd1.png);
	background-repeat: no-repeat;
	background-size: cover;
}

.link3 span {
	display: inline-block;
	width: 8px;
	height: 14px;
	margin-left: 10px;
	background: url(../images/right1.png);
	background-repeat: no-repeat;
	background-size: cover;
}

.artRight {
	width: 30%;
	padding-top: 60px;
	padding-left: 40px;
}

.recoTit {
	display: flex;
	align-items: center;
	font-size: 20px;
	color: #333333;
	margin-bottom: 30px;
}

.recoTit span {
	display: inline-block;
	width: 4px;
	height: 20px;
	background: rgb(0, 65, 153);
	margin-right:15px;
}

.recoImg {
	overflow: hidden;
	display: none;
}

.recoImg img {
	float: left;
	width: 100%;
	transition: all 0.6s;
}

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

.recoPart:hover .ro1 {
	color: rgb(0, 68, 153);
}
.recoPart{
	padding: 20px;
	border: 1px solid rgb(229,229,229);
	display: inline-block;
	width: 100%;
	margin-bottom: 15px;
}
.ro1 {
	font-family: arial;
	font-size: 15px;
	color: #aaaaaa;
	margin-top: 0;
	margin-bottom: 12px;
	transition: all 0.4s;
}

.recoPart:hover .ro2 {
	color: rgb(0, 68, 153);
}

.ro2 {
	transition: all 0.4s;
	font-size: 18px;
	color: #333333;
	margin-bottom: 0;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: break-all;
}

.Art {
	font-family: arial;
}

.Thing {
	display: flex;
	align-items: center;
	font-family: arial;
}

.Machine {
	width: 47%;
	position: relative;
}

.Machine .swiper-button-next:after {
	color: rgba(255, 255, 255, 0.6);
	font-weight: 600;
}

.Machine .swiper-button-prev:after {
	color: rgba(255, 255, 255, 0.6);
	font-weight: 600;
}

.Machine .swiper-button-next:hover::after {
	color: rgb(0, 68, 153);
}

.Machine .swiper-button-prev:hover::after {
	color: rgb(0, 68, 153);
}

.Thing {
	max-width: 1200px;
	margin: auto;
	margin-top: 45px;
}

.p50 {
	padding: 50px 0;
	border-bottom: 1px solid rgb(225, 225, 225);
	padding-top: 0;
}

.plImg {
	overflow: hidden;
}

.plImg img {
	float: left;
	width: 100%;
}

.plDesc {
	width: 50%;
	padding-left: 3%;
}

.pl1 {
	padding-top: 5px;
	font-size: 30px;
	padding-bottom: 20px;
	border-bottom: 1px solid rgb(170, 170, 170);
}

.pl2 {
	color: #666666;
	font-size: 14px;
	padding: 20px 0;
	line-height: 28px;
	border-bottom: 1px solid rgb(170, 170, 170);
}

.plUl {
	margin-top: 30px;
	padding: 28px;
	background: rgb(247, 247, 247);
	display: flex;
	justify-content: space-between;
}

.plUl>li>p:nth-child(1) {
	color: #333333;
	margin-bottom: 10px;
	font-size: 18px;
}

.plUl>li>p:nth-child(2) {
	color: #666666;
	font-size: 18px;
}

.plMore {
	display: flex;
	align-items: center;
	margin-top: 20px;
}

.plAsk {
	display: inline-block;
	width: 200px;
	height: 60px;
	text-align: center;
	line-height: 60px;
	border: 1px solid rgb(235, 235, 235);
	font-size: 22px;
	color: #333333;
	margin-right: 35px;
	transition: all 0.3s;
}

.plAsk:hover {
	color: #fff;
	background: rgb(0, 68, 153);
	border-radius: 8px;
}

.ser1 {
	font-size: 16px;
	color: #666666;
	margin-bottom: 8px;
}

.ser2 {
	font-size: 26px;
	color: #004499;
	font-family: TIN;
}

.Beauty {
	max-width: 1200px;
	margin: auto;
	display: flex;
	box-shadow: 1px 1px 10px 1px rgb(230, 230, 230);
}

.Message {
	padding: 35px 0 35px 40px;
	width: 55%;
	padding-right: 5%;
	background: #fff;
	border-radius: 10px 0 0 10px;
}

.mess1 {
	color: #333333;
	font-size: 22px;
	line-height: 35px;
}

.messPut {
	margin-top: 30px;
	display: flex;
	border-radius: 35px;
	padding: 20px 30px;
	background: rgb(246, 246, 246);
}

.messPut input {
	font-size: 16px;
	color: #666666;
}

.messArea {
	margin-top: 30px;
	display: flex;
	border-radius: 35px;
	padding: 20px 30px;
	background: rgb(246, 246, 246);
	height: 140px;
	width: 100%;
	font-size: 16px;
	color: #666666;
}

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

.Beauty {
	margin: 65px auto;
	border-radius: 10px;
}

.beautyPic {
	width: 45%;
	overflow: hidden;
	border-radius: 0 10px 10px 0;
}

.beautyPic img {
	width: 100%;
	float: left;
}

.messUp {
	width: 70%;
	color: #fff;
	text-align: center;
	font-size: 20px;
	background: rgb(0, 68, 153);
	margin-top: 40px;
	padding: 16px;
	border-radius: 25px;
	margin-left: 15%;
}

.mess2 {
	font-size: 14px;
	margin-top: 25px;
	color: #666666;
	text-align: center;
}

.clTit {
	padding: 45px 0;
	font-size: 44px;
	color: rgb(51, 51, 51);
	text-align: center;
}

.clBox {
	text-align: center;
}

.Clude {
	max-width: 1200px;
	margin: auto;
}

.pline {
	border-bottom: 1px solid rgb(230, 230, 230);
	padding-bottom: 60px;
}

.Honor {
	background: url(../images/hobg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	padding-bottom: 60px;
}

.Honor .swiper-slide {
	display: flex;
	align-items: center;
	justify-content: center;
	background: #fff;
	position: relative;
	min-height: 30vw;
}

.hoTit {
	font-size: 50px;
	color: #000;
	text-align: center;
	padding: 45px 0 40px 0;
}

.hoDesc {
	padding: 30px;
	background: #fff;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	position: absolute;
	top: 0;
	bottom: 0;
}

.ho1 {
	height: 92%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.ho2 {
	height: 8%;
	font-size: 18px;
	text-align: center;
	display: flex;
	align-items: flex-end;
}

.Honor {
	position: relative;
}

.Honor .swiper-button-next {
	width: 60px;
	height: 60px;
	border: 1px solid rgb(204, 204, 204);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	top: 58%;
	right: 30px;
	transition: all 0.4s;
}

.Honor .swiper-button-prev {
	width: 60px;
	height: 60px;
	border: 1px solid rgb(204, 204, 204);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	top: 58%;
	left: 30px;
	transition: all 0.4s;
}

.Honor .swiper-button-next::after {
	color: #000;
	font-size: 18px;
	transition: all 0.4s;
}

.Honor .swiper-button-prev::after {
	color: #000;
	font-size: 18px;
	transition: all 0.4s;
}

.Honor .swiper-button-next:hover {
	background: rgb(0, 68, 153);
}

.Honor .swiper-button-next:hover::after {
	color: #fff;
}

.Honor .swiper-button-prev:hover {
	background: rgb(0, 68, 153);
}

.Honor .swiper-button-prev:hover::after {
	color: #fff;
}

.basicTit {
	font-size: 50px;
	text-align: center;
	padding: 45px 0;
}

.Basic {
	position: relative;
	padding-bottom: 60px;
}

.Basic .swiper-button-next {
	width: 60px;
	height: 60px;
	border: 1px solid rgb(204, 204, 204);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	top: 57%;
	right: 10%;
	transition: all 0.4s;
	background: rgb(0, 68, 153);
}

.Basic .swiper-button-prev {
	width: 60px;
	height: 60px;
	border: 1px solid rgb(204, 204, 204);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	top: 57%;
	left: 10%;
	transition: all 0.4s;
	background: rgb(0, 68, 153);
}

.Basic .swiper-button-next::after {
	color: #fff;
	font-size: 18px;
	transition: all 0.4s;
}

.Basic .swiper-button-prev::after {
	color: #fff;
	font-size: 18px;
	transition: all 0.4s;
}

.Basic .swiper-button-next:hover {
	background: #fff;
	border: 1px solid rgb(0, 68, 153);
}

.Basic .swiper-button-next:hover::after {
	color: rgb(0, 68, 153);
}

.Basic .swiper-button-prev:hover {
	background: #fff;
	border: 1px solid rgb(0, 68, 153);
}

.Basic .swiper-button-prev:hover::after {
	color: rgb(0, 68, 153);
}

.Address {
	background: rgb(245, 245, 245);
}

.ressTit {
	font-size: 50px;
	color: #333333;
	text-align: center;
	padding: 60px 0 45px 0;
}

.ressFlex {
	display: flex;
	padding-bottom: 60px;
}

.addLeft {
	width: 45%;
	background: #fff;
	padding: 55px 20px 50px 55px;
}

.ressPart {
	margin-bottom: 48px;
	display: flex;
	transition: all 0.6s;
	cursor: pointer;
}
.ressPart:hover{
	transform: translateX(30px);
}
.ressPart>li:nth-child(2) {
	margin-left: 15px;
}

.ressPart>li:nth-child(2)>p:nth-child(1) {
	font-size: 16px;
	color: #888888;
	margin-bottom: 12px;
}

.ressPart>li:nth-child(2)>p:nth-child(2) {
	font-size: 30px;
	color: #333333;
	font-family: TIN;
}

.addLeft>ul:nth-child(4) {
	margin-bottom: 0;
}

.Map {
	width: 55%;
}

.f24 {
	font-size: 24px !important;
}

.Type {
	background: url(../images/sky.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	cursor: pointer;
	padding-top: 75px;
}

.Type .swiper-container {
	padding-bottom: 30px;
	padding-top: 45px;
}

.tyTit {
	padding: 0 0 0 0;
}

.tyTit>p:nth-child(1) {
	text-align: center;
	color: rgba(255, 255, 255, 0.9);
	font-size: 50px;
	letter-spacing: 1px;
	margin-bottom: 30px;
}

.tyTit>a:nth-child(2) {
	color: rgba(255, 255, 255, 0.6);
	font-size: 20px;
	display: flex;
	align-items: center;
	text-align: center;
	justify-content: center;
}

.tyTit>a img {
	margin-left: 10px;
}

.typeBox {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 2vw;
}

.Type {
	position: relative;
}

.box1 {
	font-size: 100px;
	color: rgba(255, 255, 255, 0.4);
	font-family: CGIN;
	position: relative;
	top: 3vw;
}

.typeImg {
	position: relative;
	width: 56%;
	padding-right: 0;
}

.box2 {
	position: absolute;
	font-size: 180px;
	color: rgba(255, 255, 255, 0.45);
	top: 0;
	font-weight: 600;
	left: 10%;
	top: 2%;
	font-family: CGIN;
}

.box3 {
	font-size: 100px;
	color: rgba(255, 255, 255, 0.4);
	font-family: CGIN;
	position: relative;
	top: 3vw;
}

.tyName {
	color: rgba(255, 255, 255, 0.9);
	font-size: 40px;
	margin-bottom: 40px;
}

.tyMore {
	display: flex;
	align-items: center;
	margin-bottom: 25px;
	font-size: 16px;
	color: rgba(255, 255, 255, 0.9);
	font-family: arial;
	letter-spacing: 1px;
}

.typeUl {
	margin-top: 50px;
	margin-bottom: 70px;
}

.typeLink {
	padding-top: 60px;
	border-top: 2px solid rgba(255, 255, 255, 0.7);
}

.typeLink a {
	display: inline-block;
	width: 130px;
	height: 45px;
	line-height: 45px;
	text-align: center;
	border-radius: 5px;
	background: #fff;
	font-size: 16px;
	color: #333333;
	margin-right: 20px;
	border: 1px solid #fff;
	transition: all 0.4s;
}

.typeLink a:hover {
	transform: translateY(5px);
}

.typeLink a:last-child {
	background: transparent;
	border: 1px solid #fff;
	color: #fff;
}

.typeCenter {
	display: flex;
	align-items: center;
	width: 62%;
}

.Type .swiper-button-next:before {
	content: '';
	position: absolute;
	width: 200px;
	height: 330px;
	left: -5px;
}

.Type .swiper-button-prev:before {
	content: '';
	position: absolute;
	width: 200px;
	height: 330px;
	left: -140px;
}

.Type .swiper-button-next {
	width: 60px;
	height: 60px;
	border: 1px solid #fff;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	top: 30%;
	right: 10%;
	transition: all 0.4s;
	background: #fff;
}

.Type .swiper-button-prev {
	width: 60px;
	height: 60px;
	border: 1px solid #fff;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	top: 30%;
	left: 10%;
	transition: all 0.4s;
	background: #fff;
}

.Type .swiper-button-next::after {
	color: rgb(0, 68, 153);
	font-size: 18px;
	transition: all 0.4s;
}

.Type .swiper-button-prev::after {
	color: rgb(0, 68, 153);
	font-size: 18px;
	transition: all 0.4s;
}

.Type .swiper-button-next:hover {
	background: rgb(0, 68, 153);
	border: 1px solid rgb(0, 68, 153);
}

.Type .swiper-button-next:hover::after {
	color: #fff;
}

.Type .swiper-button-prev:hover {
	background: rgb(0, 68, 153);
	border: 1px solid rgb(0, 68, 153);
}

.Type .swiper-button-prev:hover::after {
	color: #fff;
}

.conn2_right {
	position: relative;
	transition: all 0.4s;
}

.sideMenu {
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: fixed;
	left: 0;
	right: 0;
	top: 80px;
	background: rgb(247, 247, 247);
	padding: 25px 0;
}

.hideMenu {
	display: none;
}

.localAt {
	display: flex;
	align-items: center;
	padding-left: 8vw;
	cursor: pointer;
}

.localAt a {
	color: #666666;
	font-size: 16px;
	margin-right: 8px;
	transition: all 0.4s;
}

.localAt p {
	margin-right: 8px;
}

.localAt a:hover {
	color: #004499;
}

.localAt .on {
	color: #004499;
}

.eachMenu {
	display: flex;
	align-items: center;
	padding-right: 8vw;
}

.eachMenu a {
	color: #666666;
	font-size: 16px;
	margin-left: 50px;
	position: relative;
	transition: all 0.4s;
}

.eachMenu a::after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: -0;
	height: 2px;
	width: 0;
	background: #004499;
	transition: all 0.4s;
}

.eachMenu a:hover::after {
	width: 100%;
}

.eachMenu .on::after {
	width: 100%;
}

.grownAll {
	margin-bottom: 50px;
	margin-top: 10px;
}
.grLeft{
	overflow: hidden;
}
.grRight p{
	overflow: hidden;
}
.grLeft img,
.grRight p img {
	transition: all 0.8s;
}


.wapProduct {
	display: none;
}

.wapProduct>div:nth-child(1) {
	background: url(../images/grey1.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}

.wapProduct>div:nth-child(2) {
	background: url(../images/grey2.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}

.wapProduct>div:nth-child(3) {
	background: url(../images/grey3.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}

.wapProduct>div:nth-child(4) {
	background: url(../images/grey4.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}

.Product>div:nth-child(5) {
	background: url(../images/grey5.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}

.Recommand .gallery-thumbs .swiper-slide .cir {
	width: 14px;
	height: 14px;
	display: inline-block;
	border-radius: 100%;
	background: #fff;
	opacity: 1;
	position: relative;
}

.Recommand .gallery-thumbs .swiper-slide-thumb-active .cir::after {
	content: '';
	position: absolute;
	left: -6px;
	right: -6px;
	top: -6px;
	bottom: -6px;
	background: rgba(255, 255, 255, 0.3);
	border-radius: 50%;
	transition: all 0.4s;
}

.Recommand .gallery-thumbs .swiper-slide-thumb-active .cir::before {
	content: '';
	position: absolute;
	left: -14px;
	right: -14px;
	top: -14px;
	bottom: -14px;
	background: rgba(255, 255, 255, 0.2);
	border-radius: 50%;
	transition: all 0.4s;
}

.Recommand .gallery-thumbs .swiper-slide {
	text-align: center;
	padding-top: 0px;
}

.number {
	font-size: 18px;
	font-family: CGIN;
	color: #fff;
	margin-top: 20px;
}

.Recommand .gallery-thumbs {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 00;
	/* left: 12vw; */
	/* right: 12vw; */
	bottom: 40px;
}

.Type::after {
	content: '';
	position: absolute;
	left: 7vw;
	right: 7vw;
	height: 1px;
	background: rgba(255, 255, 255, 0.4);
	bottom: 125px;
}

.Recommand {
	position: relative;
	/* padding-bottom: 50px; */
}

.box2 {
	transition: all 1.1s;
}

.Type .swiper-slide-active .box2 {
	transform: translateY(-80px);
}

.banner .swiper-pagination-bullet {
	width: 30px;
	height: 5px;
	display: inline-block;
	border-radius: 100%;
	background: #fff;
	opacity: 0.4;
	position: relative;
	border-radius: 2px;
	bottom: 15px;
}

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

.banner .swiper-pagination-bullet-active {
	opacity: 1;
}

.Type .swiper-container-horizontal>.swiper-pagination-bullets {
	left: 12vw;
	right: 12vw;
	bottom: 125px;
	width: auto;
}

.thingTop {
	margin-top: 80px;
	padding: 25px 0;
	background: rgb(247, 247, 247);
}

.w1200 {
	max-width: 1200px;
	margin: auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.thingAt {
	display: flex;
	align-items: center;
	cursor: pointer;
}

.thingAt a {
	color: #666666;
	font-size: 16px;
	margin-right: 8px;
	transition: all 0.4s;
}

.thingAt p {
	margin-right: 8px;
}

.thingAt a:hover {
	color: #004499;
}

.thingAt .on {
	color: #004499;
}

.thingTo {
	display: flex;
	align-items: center;
	font-size: 15px;
	color: #aaaaaa;
	transition: all 0.3s;
}

.thingTo img {
	margin-left: 5px;
}

.thingTo:hover {
	color: rgb(0, 68, 153);
}

.thingTo span {
	display: inline-block;
	width: 17px;
	height: 14px;
	background: url(../images/ba1.png);
	background-repeat: no-repeat;
	background-size: cover;
	transition: all 0.3s;
	margin-left: 6px;
}

.thingTo:hover span {
	width: 17px;
	height: 14px;
	background: url(../images/ba2.png);
	background-repeat: no-repeat;
	background-size: cover;
}

.topAll {
	position: fixed;
	width: 100%;
	left: 0;
	right: 0;
	top: 80px;
	z-index: 999;
	display: none;
}

.topSearch {
	height: 85px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgb(0, 68, 153);
	padding: 15px 0;

}

.searchAll {
	width: 400px;
	padding-bottom: 12px;
	border-bottom: 1px solid #fff;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.searchAll input {
	width: 90%;
	font-size: 16px;
	color: #fff;
}

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

.newAll {
	background: rgb(247, 247, 247);
	margin-top: 80px;
}

.newAll .eachMenu {
	padding-right: 0;
}

.newAll a {
	padding: 25px 0;
}

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

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

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

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

.op2 {
	position: relative;
	left: 20vw;
	top: -20px;
	cursor: pointer;
	transition: all 0.3s;
}

.op2:hover {
	transform: rotateZ(540deg);
}

div:focus,
span:focus {
	outline: none;
	border: none;
}
.proBg{
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}
.prob1{
	position: absolute;
	min-height: 440px;
	min-width: 515px;
}
.typeDesc{
	width: 44%;
}
.prob2{
	padding-right: 6%;
	width: 48%;
	position: relative;
	left: -3%;
	max-height: 25vw;
	z-index: 99;
}
.pline table{
	max-width: 1200px;
	width: 100%!important;
	margin: auto;
}
.pline table tr,
.pline table td{
	height: 50px!important;
}
.pline table tbody>tr:nth-child(1){
	background: rgb(0, 68, 153)!important;
	color: #fff;
}
.pline table tbody>tr:nth-child(odd){
	background: rgb(245,247,249);
}
.pline table tbody>tr:nth-child(even){
	background: rgb(255,255,255);
}
.newsImg{
	display: none;
}
.Recomend .newsPart {
    width: 100%;
    margin-right: 0%;
    margin-top: 0%;
	margin-bottom: 15px;
    border: 1px solid rgb(230, 230, 230);
    transition: all 0.4s;
	display: inline-block;
}
.Recomend .newsDesc{
	padding: 0;
}
.Recomend .n1 {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    color: #333333;
    font-size: 18px;
    margin-bottom: 12px;
}
.Recomend .n2 {
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 14px;
    color: #888888;
    margin-bottom: 20px;
    line-height: 22px;
}
.Recomend .newsPart{
	padding: 22px 18px;
}
.GrownUp{
	padding-bottom: 70px;
}