* {
	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("/static/home/font/BROWNSTD-REGULAR.WOFF.TTF");
	font-weight: normal;
	font-style: normal;
}

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

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

@font-face {
	font-family: TIN;
	src: url("/static/home/font/Times New Roman.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);
}


@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 {
	max-width: 1188px;
	margin: 0px auto;
}

.m2 {
	/* padding-left: 3vw;
	padding-right: 3vw; */
	max-width: 1188px;
	margin: 0px auto;
}

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


.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: 82px;
	z-index: 9;
	color: rgb(255, 255, 255);
	/* box-shadow: rgb(220, 220, 220) 0px 2px 10px -1px; */
}



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

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

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

.banner img {
	/* float: left; */ width: 100%;/* height: calc(100vh - 80px);*/
}

.banner {
	width: 100%;
}
.fixNav .index-logo {
	opacity: 0;
}
.fixNav .index-header-right {
	opacity: 0;
}
.index-header {
	height: auto;
	/* transition: all 1s ease 0s; */
	position: absolute;
	z-index: 99;
	width: 100%;
	box-sizing: border-box;
}

.index-logo {
	width: 210px;
	display: flex;
	position: absolute;
	top: 0;
	bottom: 0;
	align-items: center;
}

.index-logo img {
	width: 100%;
	max-height: 72px;
}

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

.scoll-top .index-logo img {}

.index-nav-right {
	width: 82%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

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

.index-header-right a {
	display: flex;
	align-items: center;
	font-size: 15px;
	color: #333;
	height: 16px;
}

.index-header-right>a:first-child {
	padding-right: 1vw;
	border-right: 1px solid rgb(220, 220, 220);
}

.index-header-right>a:last-child {
	padding-left: 1vw;
}

.menuIcon {
	transition: all 0.4s;
}

.car img {
	transition: all 0.4s;
}

.car {
	width: 16px;
	height: 16px;
	overflow: hidden;
	margin-right: 7px;
	transition: all 0.5s;
	display: block;
	line-height: 0;
}

.menuIcon:hover {
	color: rgb(245, 161, 0);
}

.menuIcon:hover .car img {
	margin-top: -16px;
}

.index-nav-con {
	width: 79%;
	display: flex;
	justify-content: center;
	margin-right: 0;
	margin-left: 2vw;
}

.index-nav {
	width: 100%;
	display: flex;
}

.index-nav li {
	transition: all 0.5s ease 0s;
	float: left;
	width: calc(100% / 7);
	text-align: center;
	box-sizing: border-box;
	position: relative;

}

.index-nav li>a:first-child {
	color: #000;
	position: relative;
	transition: all 0.6s ease 0s;
	display: block;
}



.index-nav li dl {position: absolute;text-align: center;width: 100%; z-index: 9999; background: #fff;top:89px;left: 0;-webkit-box-shadow: 0 13px 10px 0px rgba(151, 150, 150, 0.22);box-shadow: 0 13px 10px 0px rgba(151, 150, 150, 0.22);border-bottom-left-radius: 5px;border-bottom-right-radius: 5px}
.index-nav  li dl dd {height: 50px;line-height: 50px;border-bottom: 1px solid #eee;transition: all .36s ease;-ms-transition: all .36s ease;-o-transition: all .36s ease;-webkit-transition: all .36s ease;-moz-transition: all .36s ease}
.index-nav  li dl dd:last-child {border-bottom: 0}
.index-nav  li dl dd a {font-size: 14px;color: #333 !important;font-weight: normal !important;transition: all .36s ease;-ms-transition: all .36s ease;-o-transition: all .36s ease;-webkit-transition: all .36s ease;-moz-transition: all .36s ease;display: block}
.index-nav  li dl dd:hover {background: #f5a100}
.index-nav  li dl dd:hover a {color: #fff !important;}
.index-nav  li dl:before {content: "";position: absolute;border-width: 0 9px 9px;border-style: solid;border-color: transparent transparent #fff;top: -9px;left: 50%;margin-left: -9px}
.index-nav  dl {visibility: hidden;opacity: 0;filter: alpha(opacity=0);transform: translateY(20px);-ms-transform: translateY(20px);-o-transform: translateY(20px);-webkit-transform: translateY(20px);-moz-transform: translateY(20px);transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease}
.index-nav  li:hover dl {visibility: visible;opacity: 1;filter: alpha(opacity=100);transform: none;-ms-transform: none;-o-transform: none;-webkit-transform: none;-moz-transform: none}


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

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

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

.index-nav li.on>a:first-child {
	color: rgb(245, 161, 0);
	display: inline;
}

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

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

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

.scoll-top .navH.on>a:first-child {
	color: rgb(245, 161, 0);
}

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

.scoll-top .index-nav li>a:first-child:hover {
	color: rgb(245, 161, 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;
	background: #fff;
}

.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(245,161,0);
	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(245,161,0);
	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: 60px;
	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: 30px 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;
}


.banner {
	position: relative; 
}


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

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

.scoll-top {}



.fl {
	float: left;
}

.fr {
	float: right;
}

.bannerTop {
	margin-top: 80px;
}

.fixNav {
	position: fixed;
	left: 0;
	right: 0;
	top: 81px;
	padding: 30px 0 20px 0;
	background: #fff;
	z-index: 99;
	opacity: 0;
}

.hideNav a {
	font-size: 14px;
	color: #555555;
	margin-bottom: 20px;
	display: block;
}

.fixNav .navH>a {
	display: none !important;
}
.navH a{
	transition: all 0.3s;
}
.navH a:hover{
	color: rgb(245,161,0);
}
/* 产品推荐 */
.pubTit {
	padding: 50px 0;
}

.pubTit>p:nth-child(1) {
	text-align: center;
	color: #000;
	letter-spacing: 1px;
	font-size: 44px;
	margin-bottom: 20px;
}

.pubTit>p:nth-child(2) {
	width: 50px;
	height: 8px;
	margin: auto;
	background: rgb(245, 161, 0);
}

.Recommand {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 30px;
	border-top: 1px solid rgb(229, 229, 229);
	border-bottom: 1px solid rgb(229, 229, 229);
}

.Recommand .swiper-container {
	margin-left: inherit;
}

.recoswiper {
	width: 82% !important;
}

.recoKind .swiper-slide { width: auto !important;
	font-size: 18px;
	color: #333;
	transition: all 0.3s;
	letter-spacing: 1px;
  margin-right: 3vw; 
	cursor: pointer;
	padding: 28px 0;
}

.recoKind .swiper-slide p {
	position: relative;
	display: inline;
}

.recoKind .swiper-slide:last-child {
	margin-right: 0;
}

.recoKind .swiper-slide p::after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: -28px;
	height: 2px;
	background: rgb(245, 161, 0);
	width: 0;
	transition: all 0.3s;
}

.Recommand .gallery-thumbs .swiper-slide-thumb-active {
	color: rgb(245, 161, 0);
}

.Recommand .gallery-thumbs .swiper-slide-thumb-active p::after {
	width: 100%;
}

.recoLink {
	width: 18px;
	height: 18px;
	background: url(/static/home/images/add1.png);
	background-repeat: no-repeat;
	background-size: cover;
	transition: all 0.3s;
}

.recoLink:hover {
	transform: rotateZ(180deg);
	width: 18px;
	height: 18px;
	background: url(/static/home/images/add2.png);
	background-repeat: no-repeat;
	background-size: cover;
}

.Product {
	display: flex;
}

.Product>a:nth-child(4) {
	margin-right: 0;
}

.ductSame {
	width: 24%;
	margin-right: 2.5%;
	padding: 35px;
	background: #fff;
	border: 1px solid rgb(229, 229, 229);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: relative;
	transition: all 0.4s;
}

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

.ductSame:hover::after {
	width: 61px;
	height: 61px;
}

.ductSame::after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	background: url(/static/home/images/tri.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	transition: all 0.4s;
}

.duct1 {
	padding-top: 25px;
	overflow: hidden;
	margin-bottom: 40px;
}

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

.duct2 {
	word-break:break-all;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;
	font-size: 24px;
	font-family: arial;
	text-align: center;
	margin-bottom: 30px;
	color: #000;
	
}

.duct3 {
	width: 100%;
	font-size: 14px;
	color: #555555;
	text-align: center;
	height: 45px;
	line-height: 45px;
	background: rgb(247, 247, 247);
	border-radius: 5px;
	position: relative;
	transition: all 0.5s;
}

.Wis .gallery-top .swiper-slide {
	margin-top: 40px;
	margin-bottom: 90px;
	z-index: 999;
}

.duct3::after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 0;
	background: rgb(245, 161, 0);
	transition: all 0.45s;
	border-radius: 5px;
}

.ductSame:hover .duct3::after {
	height: 100%;
}

.ductSame:hover .duct3 span {
	color: #fff;
}

.duct3 span {
	position: relative;
	z-index: 99;
	transition: all 0.4s;
}

.Wis {
	position: relative;
}

.wisBg {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
}
/* 手机端产品推荐 */
.wapWis{
	display: none;
	position: relative;
	padding-bottom: 35px;
}
.waprecoKind p {
	font-size: 18px;
	color: #333;
	transition: all 0.3s;
	letter-spacing: 1px;
	margin-right: 0vw;
	cursor: pointer;
	padding: 28px 0;
}

.waprecoKind p {
	position: relative;
	display: inline;
}

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

.waprecoKind p::after {
	content: '';
	position: absolute;
	left: 20%;
	right: 20%;
	bottom: 0;
	height: 2px;
	background: rgb(245, 161, 0);
	width: 0;
	transition: all 0.3s;
}
.waprecoKind .on {
	color: rgb(245, 161, 0);
}

.waprecoKind .on::after {
	width: 60%;
}
.wapRecommand{
	margin-top: 20px;
}
.recoFlex{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.waprecoKind{
	width: 80%;
}
.wapRecommand .ductSame {
    width:100%;
    margin-right: 0%;
    padding: 15px;
    background: #fff;
    border: 1px solid rgb(229, 229, 229);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    transition: all 0.4s;
}	
.wapRecommand .duct2 {
    font-size: 16px;
    font-family: arial;
    text-align: center;
    margin-bottom: 15px;
    color: #000;
	 white-space: nowrap;
	    text-overflow: ellipsis;
	    overflow: hidden;
	    word-break: break-all;
}
.wapRecommand .duct1 {
    padding-top: 15px;
    overflow: hidden;
    margin-bottom: 28px;
}
.wapRecommand .duct3 {
    width: 100%;
    font-size: 14px;
    color: #555555;
    text-align: center;
    height: 38px;
    line-height: 38px;
    background: rgb(247, 247, 247);
    border-radius: 5px;
    position: relative;
    transition: all 0.5s;
    margin-bottom: 8px;
}
 
.SolveNew {
	background: url(/static/home/images/orange.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}
.SolveNew .swiper-slide{ transition: all .36s; }
.SolveNew .swiper-slide .img img{ width: 50vw; transform: scale(0.72);}
.SolveNew .swiper-slide.swiper-slide-active img{ transform: scale(1);}
.SolveNew .swiper-slide .txt{ padding-left: 60px;}
.SolveNew .swiper-slide .txt .f20{ margin: 24px 0 50px;}
.rightBot{ position: absolute; bottom: 30px; right: 3vw; z-index: 85; width: 10vw;}
.rightBot .next{ transform: rotate(180deg);}
.SolveNewNum{ color: rgba(255, 255, 255, 0.6); font-size: 20px;}
.SolveNewNum .active{ color: #fff ; font-size: 30px;}
/* 解决方案 */
.Solve {
	background: url(/static/home/images/orange.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}

.pubwTit {
	padding: 0vw 0 0 0;
	position: absolute;
	left: 50%;
	top: 60px;
	margin-left: 60px;
	z-index: 999;
}

.pubwTit>p:nth-child(1) {
	text-align: center;
	color: #fff;
	letter-spacing: 1px;
	font-size: 50px;
	margin-bottom: 20px;
}

.pubwTit>p:nth-child(2) {
	width: 55px;
	height: 8px;
	background: #fff;
}

.solveFlex {
	display: flex;
}

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

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

.solveName {
	margin-right: 13%;
}

.solveDesc {
	padding: 0 0 0 60px;
	width: 50%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.so1 {
	color: #fff;
	font-weight: 600;
	font-size: 34px;
	margin-bottom: 20px;
}

.so2 {
	font-size: 20px;
	font-family: BIN;
	margin-bottom: 65px;
	color: #fff;
}

.so3 {
	position: relative;
	width: 200px;
	height: 55px;
	text-align: center;
	line-height: 55px;
	border: 1px solid #fff;
	font-size: 18px;
	color: #fff;
	display: inline-block;
	transition: all 0.4s;
}
.so3:hover::after{
	height: 100%;
}
.so3:hover{
	color: rgb(245,161,0);
}
.so3::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	top: 0;
	width: 100%;
	height: 0;
	background: #fff;
	transition: all 0.4s;
}

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

.Position {
	position: relative;
}

.Solve .swiper-slide {
	position: relative;
	overflow: hidden;
}

.numPage {
	position: absolute;
	right: 7vw;
	bottom: 30px;
	color: rgba(255, 255, 255, 0.3);
	font-family: BIN;
	letter-spacing: 1px;
}

.page1 {
	font-size: 30px;
	color: #fff;
	font-family: BIN;
}

.page2 {
	font-size: 16px;
}

.Solve .swiper-container-horizontal>.swiper-pagination-bullets {
	bottom: 30px;
}

.Solve .swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	display: inline-block;
	border-radius: 100%;
	background: #fff;
	opacity: 0.4;
}

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

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

.Solve .swiper-pagination {
	text-align: left;
	position: absolute;
	left: 50% !important;
	margin-left: 60px;
}

.Solve .swiper-button-prev {
	top: auto;
	bottom: 25px;
	left: auto;
	right: 13vw;
}

.Solve .swiper-button-next {
	top: auto;
	bottom: 25px;
	right: 4vw;
}

.Solve .swiper-button-prev::after {
	font-size: 20px;
}

.Solve .swiper-button-next::after {
	font-size: 20px;
}

/* 成功案例 */
.caseTit {
	display: flex;
	width: 600px;
	height: 60px;
	line-height: 60px;
	border-radius: 35px;
	margin: auto;
	background: rgb(248, 248, 248);
}

.caseTit a,
.caseTit p {
	height: 60px;
	line-height: 60px;
	text-align: center;
	font-size: 18px;
	color: #333;
	width: 33.3%;
	cursor: pointer;
}

.caseTit .on {
	background: rgb(245, 161, 0);
	color: #fff;
	border-radius: 35px;
}

.Case {
	margin-top: 50px;
	margin-bottom: 60px;
}

.casePart {
	display: flex;
}

.casePart>a:nth-child(4) {
	margin-right: 0;
}

.caseSame {
	width: 25%;
	margin-right: 1.6%;
	transition: all 0.5s;
}

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

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

.caseWord {
	height: 60px;
	line-height: 60px;
	text-align: center;
	color: #333;
	font-size: 16px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: break-all;
	background-color: rgb(248, 248, 248);
}

.viHide {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.4);
	display: flex;
	align-items: center;
	justify-content: center;
	transform: scale(0);
	transition: all 0.5s;
}

.viHide img {
	width: 25px;
	height: 24px;
}

/* .caseSame:hover .viHide {
	transform: scale(1);
} */

.caseSame:hover {
	box-shadow: 1px 1px 10px 1px rgb(200, 200, 200);
	transform: scale(0.97);
}

/* 新闻资讯 */
.News {
	background: rgb(248, 248, 248);
}

.newsFlex {
	display: flex;
	flex-wrap: wrap;
}

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

.newsPart {
	width: 32%;
	margin-right: 2%;
	margin-bottom: 2%;
	background: #fff;
	transition: all 0.5s;
}

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

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

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

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

.newsPart:hover .newsDesc::after {
	height: 60px;
}

.newsPart:hover .n3 span {
	color: #fff;
}

.newsDesc {
	padding: 25px;
	padding-bottom: 0;
	position: relative;
	transition: all 0.5s;
}

.newsDesc::after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 0px;
	background: rgb(245, 161, 0);
	transition: all 0.5s;
}

.n1 {
	font-size: 22px;
	color: #000;
	margin-bottom: 25px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: break-all;

}

.new2 {
	font-size: 15px;
	line-height: 25px;
	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;
	margin-bottom: 20px;
}

.n3 {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 20px 0;
	background: #fff;
	font-family: BIN;
}

.n3 span {
	color: #aaaaaa;
	font-size: 15px;
	position: relative;
	z-index: 99;
}

/* 查看更多 */
.backAuto {
	text-align: center;
	padding-bottom: 50px;
}

.backTo {
	display: inline-block;
	width: 300px;
	margin: auto;
	text-align: center;
	font-size: 18px;
	color: #fff;
	height: 54px;
	line-height: 54px;
	margin: 0px;
	border-radius: 30px;
	margin-top: 55px;
	cursor: pointer;
}

.backTo .w {
	color: #fff;
	position: relative;
	transition: all 0.25s ease 0s;
	transform-style: preserve-3d;
	pointer-events: none;
}

.backTo .f {
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	background-image: linear-gradient(to right, rgb(237, 135, 41), rgb(245, 161, 0));
}

.backTo .t {
	position: absolute;
	width: 100%;
	height: 100%;
	background-image: linear-gradient(to right, rgb(245, 161, 0), rgb(237, 135, 41));
	left: 0px;
	display: flex;
	justify-content: center;
	color: #fff;
	top: -54px;
	transform-origin: center bottom;
	transform: rotateX(90deg);
	backface-visibility: hidden;
	align-items: center;
}

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

.backTo span {
	margin-left: 10px;
}

/* footer */
footer {
	background: rgb(54, 54, 54);
	padding-top: 55px;
}

.footer {
	display: flex;
	justify-content: space-between;
}

.footLink {
	display: flex;
}

.footLink>div:first-child {
	margin-right: 3vw;
}

.eachLink a {
	color: rgba(255, 255, 255, 0.6);
	font-size: 16px;
	margin-bottom: 20px;
	display: block;
	transition: all 0.3s;
}
.eachLink a:hover{
	color: rgb(245,161,0);
}
.re1 {
	margin-bottom: 16px;
	color: rgba(255, 255, 255, 0.6);
	font-size: 16px;
}

.re2 {
	font-size: 26px;
	color: rgb(245, 161, 0);
	font-family: TIN;
	margin-bottom: 25px;
}
.re3 {
	margin-bottom: 16px;
	color: rgba(255, 255, 255, 0.6);
	font-size: 16px;
}

.re4 {
	margin-bottom: 16px;
	color: rgba(255, 255, 255, 0.6);
	font-size: 16px;
}

.Twitter {
	display: flex;
}

.Twitter a {
	display: inline-block;
	width: 45px;
	height: 45px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	border: 1px solid rgb(135, 135, 135);
	margin: 0 5px;
	transition: all 0.4s;
}

.tw1 span {
	display: inline-block;
	width: 24px;
	height: 19px;
	background: url(/static/home/images/ico1.png);
	background-repeat: no-repeat;
	background-size: cover;
	transition: all 0.4s;
}
.tw1:hover,.tw1.on{
	background: #fff;
}
.tw1:hover span,.tw1.on span{
	display: inline-block;
	width: 24px;
	height: 19px;
	background: url(/static/home/images/ico11.png);
	background-repeat: no-repeat;
	background-size: cover;
	transition: all 0.4s;
}
.tw2 span {
	display: inline-block;
	width: 24px;
	height: 22px;
	background: url(/static/home/images/ico2.png);
	background-repeat: no-repeat;
	background-size: cover;
	transition: all 0.4s;
}
.tw2:hover,.tw2.on{
	background: #fff;
}
.tw2:hover span,.tw2.on span{
	display: inline-block;
	width: 24px;
	height: 22px;
	background: url(/static/home/images/ico22.png);
	background-repeat: no-repeat;
	background-size: cover;
	transition: all 0.4s;
}
.tw3 span {
	display: inline-block;
	width: 21px;
	height: 24px;
	background: url(/static/home/images/ico3.png);
	background-repeat: no-repeat;
	background-size: cover;
	transition: all 0.4s;
}
.tw3:hover,.tw3.on{
	background: #fff;
}
.tw3:hover span,.tw3.on span{
	display: inline-block;
	width: 21px;
	height: 24px;
	background: url(/static/home/images/ico33.png);
	background-repeat: no-repeat;
	background-size: cover;
	transition: all 0.4s;
}
.footEwm img {
	margin-top: 20px;
	border-radius: 5px;
	width: 120px;
}

.footEwm {
	text-align: center;
}
.footem{  display:flex; align-items: center;justify-content: center; }
.footem img{ display: none;}
.footem img.on{ display:  block; }

.foBottom {
	padding: 25px 0;
	text-align: center;
	font-size: 15px;
	color: rgba(255, 255, 255, 0.6);
	border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.footer {
	padding-bottom: 45px;
	position: relative;
}

/* 产品中心 */
.sideFlow{
	box-shadow: 0 10px 5px -5px rgb(240 240 240);
}
.sideNav {
	display: flex;
	justify-content: center;
}

.sideNav a {
	font-size: 18px;
	color: #333;
	transition: all 0.3s;
	letter-spacing: 1px;
	margin-right: 0vw;
	cursor: pointer;
	margin: 0 3vw;
}
.color-666{
	font-family: BIN;
}
.sideNav a p {
	position: relative;
	padding: 30px 0;
}
.w1440{
	cursor: pointer;
}
.sideNav .on {
	color: rgb(245, 161, 0);
}

.sideNav a:hover {
	color: rgb(245, 161, 0);
}

.sideNav .on p::after {
	width: 100%;
}

.sideNav a:hover p::after {
	width: 100%;
}
.swiper-num{
	font-family: BIN;
}

.sideNav a p::after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 2px;
	background: rgb(245, 161, 0);
	width: 0%;
	transition: all 0.3s;
}
.downBg{
	background: rgb(248, 248, 248);
}
.downNav {
	display: flex;
	justify-content: space-between;
}

.downNav a {
	font-size: 18px;
	color: #333;
	transition: all 0.3s;
	letter-spacing: 1px;
	margin-right: 0vw;
	cursor: pointer;
	padding: 35px 0;
}


.downIcon img {
	transition: all 0.4s;
	margin-right: 6px;
}

.downIcon {
	height: 30px;
	overflow: hidden;
	margin-right: 7px;
	transition: all 0.5s;
	display: block;
	line-height: 0;
}


.downSame.on .downIcon img {
	margin-top: -30px;
}

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

.downSame.on {
	color: rgb(245, 161, 0);
}

.Floor {
	display: flex;
	flex-wrap: wrap;
	margin-top: 30px;
	margin-bottom: 30px;
}

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

.Floor .ductSame {
	width: 23%;
	margin-bottom: 3%;
}

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

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


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

.changePage a:hover {
	background: rgb(245, 161, 0) !important;
	color: #fff;
}


.changePage .on {
	background: rgb(245, 161, 0) !important;
	color: #fff;
}

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

/* 产品中心2 */
.eachTit {
	margin: 35px 0;
	background: rgb(248, 248, 248);
}

.eachColor {
	height: 75px;
	display: flex;
	align-items: center;
	width: 300px;
	background-color: rgb(245, 161, 0);
	justify-content: center;
}

.eachColor>p:nth-child(1) {
	font-size: 26px;
	color: #fff;
	margin-right: 15px;
	position: relative;
}

.eachColor>p:nth-child(1)::after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: -20px;
	height: 2px;
	background: #fff;
}

.eachColor>p:nth-child(2) {
	font-family: BIN;
	font-size: 20px;
	color: #fff;
}

.eachFlex {
	display: flex;
}

.eachFlex>a:nth-child(4) {
	margin-right: 0;
}

.pt50 {
	padding-bottom: 50px!important;
}

.loaclAt {
	padding: 40px 0 45px 0;
	display: flex;
	align-items: center;
	margin-top: 80px;
	flex-wrap: wrap;
}

.loaclAt img,
.loaclAt p,
.loaclAt a {
	color: #666666;
	font-size: 15px;
	margin-right: 10px;
}

.loaclAt .on {
	color: rgb(245, 161, 0);
}

/* 产品中心详情 */
.Detail {
	margin-bottom: 50px;
	display: flex;
}

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

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

.detailDesc {
	width: 50%;
	padding: 0 35px;
	border: 1px solid rgb(229, 229, 229);
	border-left: none;
}

.detailTit {
	padding: 2.5vw 0;
	border-bottom: 1px solid rgb(229, 229, 229);
}

.detailTit>p:nth-child(1) {
	color: #000;
	line-height: 40px;
	font-size: 26px;
	margin-bottom: 1.5vw;
	font-family: BIN;
}

.detailTit>p:nth-child(2) {
	font-size: 14px;
	color: rgb(136, 136, 136);
}

.detailType {
	padding: 2vw 0;
	display: flex;
	flex-wrap: wrap;
	border-bottom: 1px solid rgb(229, 229, 229);
}

.detailType p {
	width: 50%;
	font-size: 14px;
	color: rgb(136, 136, 136);
	margin-bottom: 1vw;
	font-family: BIN;
}

.detailType p:nth-child(3),
.detailType p:nth-child(4) {
	margin-bottom: 0;
}

.detailLink {
	margin-top: 3vw;
	transition: all 0.4s;
}
.detailLink:hover{
	box-shadow: 1px 1px 12px 1px rgba(245,161,0,0.8);
}
.detailLink {
	display: flex;
}

.detailLink a {
	display: inline-block;
	width: 50%;
	height: 68px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 22px;
}

.detailLink a img {
	margin-right: 12px;
	font-family: BIN;
}

.deLink1 {
	color: #fff;
	background: rgb(245, 161, 0);
}

.deLink2 {
	color: #333;
	border: 2px solid rgb(245, 161, 0);
	font-family: BIN;
}

.deSign {
	font-size: 14px;
	color: rgb(136, 136, 136);
	margin-top: 3vw;
}

/* 产品信息 */
.inforWide {
	background: rgb(248, 248, 248);
	padding-top: 50px;
}

.Information {
	background: rgb(248, 248, 248);
}

.inforFlex {
	position: relative;
}

.inforFlex::after {
	clear: both;
	visibility: hidden;
	display: block;
	content: '';
}

.inforBox {
	width: 75%;
	margin-right: 3%;
	background: #fff;
	padding: 0 40px;
	padding-bottom: 30px;
	margin-bottom: 40px;
	float: left;
}

.inforTit {
	padding: 30px 0 25px 0;
	border-bottom: 1px solid rgb(229, 229, 229);
}

.inforTit p {
	font-size: 18px;
	color: #333333;
	position: relative;
	display: inline;
}

.inforTit p::after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: -25px;
	height: 2px;
	background: rgb(245, 161, 0);
}

.inforDesc {
	margin-top: 35px;
}

.inforDesc p {
	overflow: hidden;
	margin-bottom: 15px;
}

.inforDesc p img {
	width: 100%;
}

.inforHot {
	width: 22%;
	padding: 0 25px;
	background-color: #fff;
	float: right;
	padding-bottom: 30px;
}

.hotTit {
	padding: 30px 0 25px 0;
	color: #333;
	font-size: 18px;
}

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

.hotSame {
	padding: 35px 15px 30px 15px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	border: 1px solid rgb(229, 229, 229);
	margin-bottom: 25px;
	transition: all 0.4s;
}
.hotSame:hover{
	box-shadow: 1px 1px 10px 1px rgb(220,220,220);
}
.hotSame:hover img{
	transform: scale(0.95);
}
.hotPic {
	overflow: hidden;
	padding: 15px;
}

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

.hot1 {
	margin-top: 20px;
	text-align: center;
	font-size: 18px;
	font-family: BIN;
	color: #000;
	margin-bottom: 16px;
}

.hot2 {
	text-align: center;
	font-size: 14px;
	color: rgb(245, 161, 0);
	border-bottom: 1px solid rgb(245, 161, 0);
	display: inline-block;
	line-height: 15px;
}

.Standard {
	display: flex;
}

.stardLeft {
	width: 40%;
	background: rgb(245, 161, 0);
	display: flex;
	padding: 50px 70px 0 0;
	position: relative;
}

.stardWord {
	background: url(/static/home/images/phone.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;

	width: 400px;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 120px 0 75px 0;
	justify-content: center;
	background-position-y: 15px;
	position: relative;
	left: -15px;
}

.stardWord p {
	font-size: 30px;
	color: #fff;
	border-bottom: 1px solid #fff;
	line-height: 32px;
	margin-bottom: 50px;
}

.stardWord p:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
}

.stardRight {
	display: flex;
	width: 60%;
}

.stardAdd {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 75px;
}
.stardAdd p{
	transition: all 0.5s;
}
.stardIcon img{
	transition: all 0.5s;
}
.stardRight:div:nth-child(3) {
	border-right: none;
}

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

.stardAdd p {
	color: rgb(204, 204, 204);
	font-size: 23px;
	padding: 14px 0;
	transition: all 0.5s;
}

.stardWay {
	text-align: center;
	font-size: 24px;
	color: #333;
	margin-top: 25px;
	display: flex;
	justify-content: center;
	align-items: flex-start;
}

.stardWay span {
	font-family: 'BIN';
	font-size: 30px;
	margin-right: 6px;

}

.stardFlex {
	width: 100%;
	border-right: 1px solid rgb(229, 229, 229);
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 0 10px;
	transition: all 0.5s;
    cursor: pointer;
}
.stardFlex:hover .stardAdd p{
	transform: rotateZ(-45deg);
}
.stardFlex:hover img{
	transform: rotateZ(180deg);
}
button{
	cursor: pointer;
}
.stardFlex {}

.stardIcon {
	text-align: center;
	height: 80px;
}

.stardRight>div:nth-child(3) {
	border-right: none;
}

.stardImg {
	display: flex;
	align-items: flex-end;
	margin-bottom: 20px;
	position: relative;
	z-index: 99;
}


.Service {
	background: url(/static/home/images/make.png) center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 260px 0;
	background-attachment: fixed;
	font-size: 50px;
}

.Service>p:nth-child(1) {
	text-align: center;
	color: #fff;
	letter-spacing: 1px;
	margin-bottom: 38px;
}

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

/* 常见问题 */
.quesTit {
	text-align: center;
	font-size: 34px;
	color: #000;
	padding: 50px 0;
	letter-spacing: 1px;
}

.Ques {
	display: flex;
}

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

.quesPart {
	width: 33.3%;
	margin-right: 2.5%;
	border: 1px solid rgb(229, 229, 229);
	transition: all 0.5s;
	position: relative;
}
.quesPart:hover .quesDesc::after{
	width: 100%;
}
.quesPart:hover .qu1{
	color: #fff;
}
.quesPart:hover .qu2{
	color: #fff;
}
.quesPart:hover .qu3{
	color: #fff;
	border-bottom: 1px solid #fff;
}
.quesPart:hover{
	box-shadow: 1px 1px 10px 1px rgb(220,220,220);
}
.quesPart:hover img{
	transform: scale(1.1);
}
.quesDesc::after{
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 0;
	height: 100%;
	transition: all 0.7s;
	background: rgb(245,161,0);
}
.quesImg {
	overflow: hidden;
}

.quesImg img {
	width: 100%;
	float: left;
	transition: all 0.7s;
}

.quesDesc {
	padding: 25px;
	position: relative;
}

.qu1 {
	font-family: BIN;
	font-size: 14px;
	color: #888888;
	margin-bottom: 12px;
	position: relative;
	z-index: 99;
	transition: all 0.5s;
}

.qu2 {
	font-size: 20px;
	line-height: 30px;
	color: #333333;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	margin-bottom: 25px;
	position: relative;
	z-index: 99;
	transition: all 0.5s;
}

.qu3 {
	color: #666666;
	font-size: 15px;
	display: inline;
	border-bottom: 1px solid #666;
	position: relative;
	z-index: 99;
	transition: all 0.5s;
}

/* 防伪查询 */
.askForm {
	display: flex;
	border: 1px solid rgb(229, 229, 229);
	box-shadow: 1px 1px 10px 1px rgb(220, 220, 220);
	display: flex;
	align-items: center;
}

.askForm>p:nth-child(1) {
	width: 240px;
	text-align: center;
	color: #000;
	background: rgb(248, 248, 248);
	height: 78px;
	line-height: 78px;
	font-size: 24px;
	letter-spacing: 1px;
	border-right: 1px solid rgb(229, 229, 229);
}

.askForm input {
	color: #666666;
	font-size: 18px;
	padding-left: 20px;
	height: 78px;
	line-height: 78px;
	letter-spacing: 1px;
	width: 73%;
}

.askForm button {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 150px;
	color: #fff;
	font-size: 20px;
	background: rgb(245, 161, 0);
	height: 78px;
	line-height: 78px;
	letter-spacing: 1px;
}

.askForm button img {
	margin-right: 10px;
}


/* 线上报修 */
.fixBg {
	padding: 35px 0;
	background: rgb(245, 161, 0);
	margin-top: 45px;
}

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

.Fix>p:nth-child(1) {
	width: 240px;
	text-align: center;
	color: #000;
	background: rgb(248, 248, 248);
	height: 78px;
	line-height: 78px;
	font-size: 24px;
	letter-spacing: 1px;
	border-right: 1px solid rgb(229, 229, 229);
}

.fixPut {
	width: 73%;
	display: flex;
	background: #fff;
}

.fixPut input:last-child {
	border-right: none;
}

.fixPut input {
	color: #666666;
	font-size: 18px;
	padding-left: 20px;
	height: 78px;
	line-height: 78px;
	letter-spacing: 1px;
	border-right: 1px solid rgb(229, 229, 229);
}

.Fix button {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 150px;
	color: #fff;
	font-size: 20px;
	background: rgb(237, 135, 41);
	height: 78px;
	line-height: 78px;
	letter-spacing: 1px;
}

.Fix button img {
	margin-right: 10px;
}

/* 解决方案 */
.Room {
	display: flex;
	flex-wrap: wrap;
	margin-top: 50px;
}

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

.roomPart {
	width: 31.3%;
	margin-right: 3%;
	margin-bottom: 3%;
	transition: all 0.5s;
	position: relative;
}
.roomPart:hover{
	transform: scale(0.97);
}
.roomPart:hover .ro1{
	color: rgb(245,161,0);
}
.roomPart:hover .ro3{
	color: rgb(245,161,0);
}
.roomPart:hover::after{
	width: 100%;
}
.roomPart::after{
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 1px;
	width: 0;
	background: rgb(245,161,0);
	transition: all 0.6s;
}
.roomPic {
	overflow: hidden;
	position: relative;
}
.roomPart:hover .roomPic::before {
	animation: gradient-rectangle 1.4s;
	animation-delay: 0s;
	-webkit-animation-timing-function: cubic-bezier(0, 0, 0.18, 0.96);
}

.roomPic::before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 1;
	transition: all 0.5s;
	left: 0px;
}
.roomPic img {
	float: left;
	width: 100%;
}

.ro1 {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: break-all;
	font-size: 22px;
	color: #000;
	margin: 25px 0;
	transition: all 0.3s;
}

.ro2 {
	font-size: 14px;
	color: #666666;
	line-height: 26px;
	margin-bottom: 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;
}

.ro3 {
	margin-bottom: 30px;
	font-size: 15px;
	color: #333;
	transition: all 0.3s;
}

.ro3 span {
	margin-left: 4px;
}

.roomDesc {
	border-bottom: 1px solid rgb(229, 229, 229);
}

/* 成功案例 */
.Example {
	background: rgb(248, 248, 248);
	padding-top: 50px;
}

.exaFlex {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 30px;
}

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

.exaPart {
	width: 31.6%;
	margin-right: 2.5%;
	margin-bottom: 2.5%;
	transition: all 0.5s;
}

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

.exaPic>img {
	width: 100%;
	float: left;
	transition: all 0.5s;
}

.exaWord {
	padding: 25px 15px;
	text-align: center;
	background: #fff;
	color: #333333;
	font-size: 18px;
}
.exaPic::before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 1;
	transition: all 0.5s;
	left: 0px;
}

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


/* .exaPart:hover .viHide {
	transform: scale(1);
} */

  .exaPart:hover {
	box-shadow: 1px 1px 10px 1px rgb(200, 200, 200);
	transform: scale(0.97);
}  

/* 联系方式 */
.typeTit {
	padding: 60px 0 55px 0;
	font-size: 40px;
	text-align: center;
}

.Type {
	display: flex;
}

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

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

.typeDesc {
	width: 45%;
	margin-left: 5%;
}

.typeTop p {
	color: #333333;
	font-size: 22px;
	line-height: 52px;
}

.typeRess {
	margin-bottom: 1.5vw;
	display: flex;
	align-items: center;
}

.typeRess>li:nth-child(1) {
	width: 13%;
	margin-right: 2%;
}

.typeRess>li:nth-child(2) {
	width: 85%;
}

.typeTop {
	margin-bottom: 2vw;
}

.ty1 {
	font-family: BIN;
	font-size: 30px;
	color: #333333;
	margin-bottom: 8px;
}

.ty2 {
	font-size: 16px;
	color: #888888;
}

.ty3 {
	margin-bottom: 15px;
	font-size: 22px;
	color: #333333;
}

.typeEwm {
	margin-top: 3vw;
	display: flex;
	align-items: center;
	width: 100%;
}

.ewmPart {
	text-align: center;
margin-right: 6%;}

.ewmPart p {
	font-size: 16px;
	color: #000;
	margin-top: 12px;
}
.ewmPart img{
	width: 100px;
	height: 100px;
}

/* 在线留言 */
/* .Message {
	box-shadow: 1px 1px 10px 1px rgb(225, 225, 225);
	padding: 60px 115px;
	margin-bottom: 80px;
}

.messFlex {
	display: flex;
}

.messFlex>div:nth-child(2) {
	margin-right: 0;
}

.messPut {
	width: 48%;
	margin-right: 4%;
	margin-bottom: 35px;
}

.messPut p {
	margin-bottom: 20px;
	color: rgb(51, 51, 51);
	font-size: 20px;
}

.messPut p span {
	color: rgb(245, 161, 0);
	margin-left: 12px;
}

.messPut input {
	padding: 20px;
	background: rgb(250, 250, 250);
	border: 1px solid rgb(221, 221, 221);
	font-size: 16px;
	color: rgb(170, 170, 170);
	width: 100%;
}

.messArea p {
	margin-bottom: 20px;
	color: rgb(51, 51, 51);
	font-size: 20px;
}

.messArea p span {
	color: rgb(245, 161, 0);
	margin-left: 12px;
}

.messArea textarea {
	padding: 20px;
	background: rgb(250, 250, 250);
	border: 1px solid rgb(221, 221, 221);
	font-size: 16px;
	color: rgb(170, 170, 170);
	height: 130px;
	width: 100%;
}

.Submit {
	margin-top: 55px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.Submit button {
	display: inline-block;
	margin: 0 40px;
	width: 280px;
	text-align: center;
	height: 60px;
	line-height: 60px;
	font-size: 20px;
	color: #fff;
	cursor: pointer;
	transition: all 0.4s;
	border: 1px solid transparent;
}

.sub1 {
	background: rgb(245, 161, 0);
}

.sub1:hover {
	box-shadow: 1px 1px 10px 1px rgba(245, 161, 0.6);
}

.sub2:hover {
	box-shadow: 1px 1px 10px 1px rgba(153, 153, 153, 0.9);
}

.sub2 {
	background: rgb(153, 153, 153);
} */

.roDate {
	font-family: BIN;
	font-size: 14px;
	color: rgb(51, 51, 51);
	margin-top: 25px;
}

.Art .ro1 {
	margin: 18px 0 20px 0;
}

/* 新闻详情页 */
.newsTop {
	background: rgb(245, 245, 245);
}

.newsTit {
	padding-bottom: 35px;
}

.nt1 {
	text-align: center;
	font-size: 34px;
	color: rgb(51, 51, 51);
	font-weight: 600;
	text-align: center;
	margin-bottom: 30px;
	font-family: BIN;
}

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

.nt2 p {
	font-size: 16px;
	color: #999999;
	padding: 0 25px;
	line-height: 15px;
}

.nt2 p:first-child {
	border-right: 1px solid rgb(153, 153, 153);
	font-family: BIN;
}
.inforDesc img{
	margin-bottom: 0!important;
}
.newsContent {
	margin-top: 45px;
	margin-bottom: 30px;
}

.newsContent p {
	font-size: 18px;
	margin-bottom: 30px;
	color: rgb(51, 51, 51);
	line-height: 42px;
}

.tailBottom {
	padding: 50px 0 35px 0;
	border-top: 2px solid rgb(245, 161, 0);
	border-bottom: 2px solid rgb(245, 161, 0);
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.tailLink {
	display: flex;
	flex-direction: column;
}

.tailLink a {
	font-size: 16px;
	color: rgb(102, 102, 102);
	margin-bottom: 20px;
	transition: all 0.4s;
	font-family: BIN;
}

.tailLink .on {
	color: rgb(245, 161, 0);
}

.tailLink a:hover {
	color: rgb(245, 161, 0);
	transform: translateY(5px);
}

.cateTit {
	text-align: center;
	font-size: 32px;
	color: rgb(51, 51, 51);
	font-weight: 600;
	padding: 45px 0 35px 0;
}

.w990 {
	max-width: 990px;
	margin: auto;
}

/* 相关推荐 */
.withTit {
	padding: 60px 0 35px 0;
	text-align: center;
	font-size: 30px;
	color: #333333;
}

.withFlex {
	display: flex;
	/* padding: 0 4vw; */ width: 1188px; margin:0 auto
}

.withFlex .roomPart {
	margin-right: 45px;
}

.enterWord{
	position: fixed;
	top: 80px;
	right: 2.5vw;
	background: #fff;
	padding: 15px 25px;
	box-shadow: 1px 1px 10px 1px rgb(230,230,230);
	display: none;
	z-index: 99999;
}
.menuIcon{
	cursor: pointer;
}
.enterFlex{
	display: flex;
	align-items: center;
	background: rgb(245,245,245);
	height: 48px;
	line-height: 48px;
	border-radius: 30px;
	padding:  0 20px;
	font-size: 15px;
	width: 300px;
	justify-content: space-between;
}
.enterWord input{
	font-size: 15px;
}

.menuOpen .menuBox {
    transform: translateX(0px);
	z-index: 9999999;
	top: 60px;
}
.sub-item{
	display: none;
	padding: 0 30px;
}
.sub-item a{
	font-size: 15px;
	color: rgba(255,255,255,0.9)!important;
	padding: 8px 12%;
	display: block;
}

.neiBan{
	padding-top: 80px;
}

.bannerVideo{ margin-top: 80px; }
.bannerVideoinfo{ width: 100vw;
    /* height: calc(100vh - 80px);
    -o-object-fit: cover;
    object-fit: cover; */ }


.bannerNew { position:relative; overflow:hidden; margin-top: 80px;}
.bannerNew .bannerfix >li { height: 100%; line-height: 0; opacity:0; transition:opacity 1000ms linear; -webkit-transition:opacity 1000ms linear; float:left;}
.bannerNew .bannerfix >li .bimg { line-height: 0; width: 100%; position: relative; transition: transform 5s ease; -webkit-transition: transform 5s ease; transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1);}
.bannerNew .bannerfix >li.imgIn{ opacity:1; z-index:10; display:block;}
.bannerNew .bannerfix >li.imgIn .bimg { transform: matrix(1, 0, 0, 1, 0, 0); -webkit-transform: matrix(1, 0, 0, 1, 0, 0); }

.bannerNew .flex-control-nav{ width:100%; height:20px; position:absolute; left:0; bottom:30px; text-align:center; z-index:20;}
.bannerNew .flex-control-nav li{ display:inline-block; position:relative; margin-right:14px; width:5px; height:20px;}
.bannerNew .flex-control-nav li:last-child{ margin-right:0;}
.bannerNew .flex-control-nav li span{ display:block; text-indent:999px; overflow:hidden; width:5px; height:8px; position:absolute; background:#fff; transition:320ms; left:0; top:6px;}
.bannerNew .flex-control-nav li a.flex-active span{ height:20px; top:0; background:#f5a100;}


.bamnline { width:100%; left:0; bottom:0; background:#fff; z-index:20; position:absolute;}
.bamnline span { display:block; width:0; height:2px; background:#f5a100; }
.bamnline.load span { width: 100%; transition: 5.8s 0s linear; -webkit-transition: 5.8s 0s linear; -moz-transition: 5.8s 0s linear; }

@media screen and (max-width: 1000px){
	.bannerNew {   margin-top:60px;}
}