@charset "utf-8";

@font-face {

	font-family: DINB;

	src: url(../fonts/din-medium.ttf);

}

@font-face {

	font-family: Oswald;

	src: url(../fonts/oswald-medium.ttf);

}



* {

	margin: 0;

	padding: 0;

}



body {

	font-family: 思源黑体 cn, SourceHanSansCN, Microsoft YaHei, arial, sans-serif;

	margin: 0px;

	padding: 0px;

	margin: 0px auto;

	font-size: 16px;

	color: #414446;

	width: 100%;

	zoom: 1;

	margin: 0 auto;

}



ul,

li,

form,

dl,

dt,

dd,

div,

ul,

li,

p,

em,

i,

address {

	font-style: normal;

	list-style: none;

	padding: 0px;

	margin: 0px;

}



h1,

h2,

h3,

h4,

h5,

h6 {

	padding: 0px;

	margin: 0px;

}



select,

input,

textarea,

button {

	font-size: 14px;

	border-radius: 0;

	-webkit-border-radius: 0;

	color: #545454;

	font-family: 思源黑体 cn, SourceHanSansCN, Microsoft YaHei, arial, sans-serif;

}



input:focus {

	outline: none;

}



input,

button,

select,

textarea {

	border: 0px;

	outline: none;

	/*-webkit-appearance:none;*/

	/*强制去除表单自带的样式*/

}



button {

	cursor: pointer;

}



textarea {

	resize: none;

	/*-webkit-appearance:none;*/

	/*强制去除textarea自带的样式*/

}



textarea,

input,

select {

	background: none;

	border: none;

	margin: 0;

	padding: 0;

}



article,

aside,

footer,

header,

hgroup,

nav,

section,

figure,

fxigcaption,

address {

	display: block;

}





/*html5设置*/



figure,

figcaption {

	margin: 0px;

	padding: 0px;

}



audio,

canvas,

progress,

video {

	display: inline-block;

	vertical-align: baseline;

}



img {

	max-width: 100%;

	border: none;

	border: 0;

	vertical-align: middle;

}



a {

	color: #333333;

	text-decoration: none;

}



a:focus {

	outline: none;

	-moz-outline: none;

}



a:hover {

	text-decoration: none;

	color: #df202e;

}



.fl {

	float: left;

}



.fr {

	float: right;

}



.clear {

	clear: both;

}





/*单行文本省略号*/



.dot {

	display: block;

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;

}



.dot2,

.dot3,

.dot4 {

	display: -webkit-box;

	display: box;

	overflow: hidden;

	text-overflow: ellipsis;

	-webkit-box-orient: vertical;

}



.dot2 {

	-webkit-line-clamp: 2;

}





/*多行文本省略号*/



.dot3 {

	-webkit-line-clamp: 3;

}



.dot4 {

	-webkit-line-clamp: 4;

}





/*input字体*/



:-moz-placeholder {

	color: #999999;

}



::-moz-placeholder {

	color: #999999;

}



input:-ms-input-placeholder,

textarea:-ms-input-placeholder {

	color: #999999;

}



input::-webkit-input-placeholder,

textarea::-webkit-input-placeholder {

	color: #999999;

}



select {

	/*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/

	border: solid 1px #d9d9d9;

	text-indent: 1em;

	/*很关键：将默认的select选择框样式清除*/

	appearance: none;

	color: #999999;

	-moz-appearance: none;

	-webkit-appearance: none;

	/*在选择框的最右侧中间显示小箭头图片*/

	background: url(../images/selectarr.png) no-repeat scroll 95% center transparent;

	/*为下拉小箭头留出一点位置，避免被文字覆盖*/

	padding-right: 14px;

}





/*清除ie的默认选择框样式清除，隐藏下拉箭头*/



select::-ms-expand {

	display: none;

}





/*网页滚动条*/



::-webkit-scrollbar {

	width: 6px;

	height: 6px;

	-webkit-overflow-scrolling: touch;

	background-color: #e6e6e6;

}



::-webkit-scrollbar-track {

	background-color: #e6e6e6;

}



::-webkit-scrollbar-thumb {

	border-radius: 10px;

	background-color: #58504a;

}



::-webkit-scrollbar-button {

	height: 0px;

	background-color: #e6e6e6;

}





/*effict*/



.Scale-img {

	overflow: hidden;

	cursor: pointer;

	zoom: 1;

	overflow: hidden;

}



.Scale-img img,

.Scale-img span {

	opacity: 1;

	-webkit-transition: opacity 0.6s, -webkit-transform 0.6s;

	transition: opacity 0.6s, transform 0.6s;

}



.Scale-img:hover img,

.Scale-img:hover span {

	opacity: 1;

	-webkit-transform: scale3d(1.05, 1.05, 1.05);

	transform: scale3d(1.05, 1.05, 1.05);

	top: 0px;

	left: 0px;

}



.effict {

	transition: all ease 0.3s;

}



.imgbox {

	overflow: hidden;

	position: relative;

	/*background:url(../images/nopic.jpg) center center no-repeat; background-size:contain;*/

}



.imgbox span {

	background-position: center center;

	background-repeat: no-repeat;

	background-size: cover;

	position: absolute;

	left: 0px;

	top: 0px;

	width: 100%;

	height: 100%;

	display: flex;

	align-items: center;

	justify-content: center;

}



.imgbox img {
	width: 100% !important;
	height: 100%;
}





/*pages*/



.Pages {

	text-align: center;

	margin-top: 50px;

}



.Pages a.a_first,

.Pages a.a_end,

.Pages>span:not(.p_page) {

	display: none;

}



.Pages em {

	float: left;

	margin: 0 3vw;

	font-style: normal;

}



.Pages .p_page {

	display: table;

	margin: 0 auto;

}



.Pages a {

	float: left;

	line-height: 50px;

	width: 50px;

	margin: 0 1px;

}



.Pages a.a_cur,

.Pages a:hover {

	color: #fff;

	background: #df202e;

}



.Pages .p_page>a {

	font-size: 0;

	height: 50px;

	position: relative;

}



.Pages .p_page>a:before {

	position: absolute;

	content: '';

	border: 5px solid transparent;

	left: 50%;

	top: 50%;

	margin: -5px 0 0 -10px;

}



.Pages .p_page>a.a_prev:before {

	border-right-color: #000;

	border-right-width: 8px;

}



.Pages .p_page>a.a_next:before {

	border-left-color: #000;

	border-left-width: 8px;

	margin-left: -4px;

}



.Pages a.a_prev:hover:before {

	border-right-color: #fff;

}



.Pages a.a_next:hover:before {

	border-left-color: #fff;

}



@media(max-width:640px) {

	.Pages {

		margin-top: 20px;

	}

	.Pages em {

		display: none;

	}

	.Pages a {

		background-color: #eee;

	}

}





/*pages end*/



.Contain {

	max-width: 1600px;

	margin: 0 auto;

	width: 95%;

}



.w800 {

	max-width: 1200px;

	margin: 0 auto;

	width: 95%;

}



@media(max-width:768px) {

	body {

		font-size: 14px;

	}

}





/* Top s*/



.Top {

	z-index: 9999;

	background: #fff;

	width: 100%;

}



.Header {

	height: 90px;

	line-height: 90px;

	position: relative;

	border-bottom: 1px solid #e5e5e5;

	background: #fff;

	z-index: 999;

	position: relative;

}



.Header.fix {

	width: 100%;

	position: fixed;

	top: 0;

	left: 0;

	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

	opacity: 1;

	height: 60px;

	line-height: 60px;

	transform: translateY(-60px);

	-webkit-transform: translateY(-60px);

}



.Header.fix.on {

	transform: translateY(0);

	-webkit-transform: translateY(0);

	transition: all .3s;

}



.Top .Header.fix .Search {

	margin-top: 5px;

}



.Top .Header.fix .Search .SearchBox {

	top: 55px;

}



.Top .Logo img {

	height: 60px;

}



.Top .m-btn {

	display: none;

	cursor: pointer;

	padding: 15px 5px;

	border-radius: 5px;

	z-index: 999;

	margin-top: 13px;

	margin-left: 10px;

}



.Top .m-btn span {

	display: block;

	width: 25px;

	height: 3px;

	background: #df202e;

	position: relative;

	-webkit-transition: all 200ms cubic-bezier(.4, 0, 0, 1);

	-o-transition: all 200ms cubic-bezier(.4, 0, 0, 1);

	transition: all 200ms cubic-bezier(.4, 0, 0, 1);

}



.Top .m-btn span::before,

.m-btn span::after {

	content: '';

	display: block;

	height: 3px;

	width: 25px;

	background: #df202e;

	position: absolute;

	left: 0;

	-webkit-transition: all 200ms cubic-bezier(.4, 0, 0, 1);

	-o-transition: all 200ms cubic-bezier(.4, 0, 0, 1);

	transition: all 200ms cubic-bezier(.4, 0, 0, 1);

}



.Top .m-btn span:before {

	top: -8px;

}



.Top .m-btn span:after {

	bottom: -8px;

}



.Top .m-btn.active span {

	background: transparent;

}



.Top .m-btn.active span:before {

	transform: rotate(-48deg) translate(-6px, 5px);

	-webkit-transform: rotate(-48deg) translate(-6px, 5px);

	-o-transform: rotate(-48deg) translate(-6px, 5px);

	width: 24px;

}



.Top .m-btn.active span:after {

	transform: rotate(48deg) translate(-6px, -5px);

	-webkit-transform: rotate(48deg) translate(-6px, -5px);

	-o-transform: rotate(48deg) translate(-6px, -5px);

	width: 24px;

}



.Top .Search {

	position: relative;

	margin-top: 22px;

	margin-left: 30px;

}



.Top .Search .search_02 {

	display: none;

}



.Top .Search .search_01 {

	border: 1px solid #e5e5e5;

	height: 45px;

	line-height: 40px;

	padding: 0 10px;

}



.Top .Search .search_01 input {

	width: 150px;

	margin-left: 10px;

}



.Top .Search .search_01 button {

	background: none;

}



.Top .Search .SearchIco {

	width: 45px;

	height: 45px;

	line-height: 45px;

	text-align: center;

	cursor: pointer;

}



.Top .Search .SearchBox {

	width: 250px;

	height: 45px;

	line-height: 45px;

	box-sizing: border-box;

	padding-right: 50px;

	position: absolute;

	right: 0;

	top: 68px;

	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

	background: #fff;

	z-index: 99;

	display: none;

}



.Top .Search .SearchBox button {

	width: 45px;

	height: 45px;

	background: #e5e5e5;

	position: absolute;

	top: 0;

	right: 0;

}



.Top .Search .SearchBox input {

	box-sizing: border-box;

	padding: 0 10px;

}



.Top .MainNav {

	z-index: 9999;

}



.Top .MainNav .pdc_tit {

	text-align: center;

	margin-top: 30px;

}



.Top .MainNav .pdc_tit .blackLine {

	margin-bottom: 9px;

	display: inline-block;

	width: 100px;

	height: 1px;

	background-color: #000000;

	line-height: 30px;

}



.Top .MainNav .pdc_tit span:hover {

	background: none;

	color: #DF202E;

	border: 1px solid #DF202E
}



.Top .MainNav .pdc_tit span {

	font-weight: bold;

	font-size: 18px;

	letter-spacing: 0px;

	color: #fff;

	background: #DF202E;

	border-radius: 50px;

	height: 40px;

	line-height: 40px;

	display: inline-block;

	padding: 0px 15px;

	box-shadow: 0 0 10px rgba(223, 32, 46, 0.8);

	transition: all 0.3s
}



.Top .MainNav ul li {

	float: left;

	margin: 0 10px;

	font-size: 16px;

	position: relative;

}



.Top .MainNav ul li a {

	display: block;

	position: relative;

}



.Top .MainNav ul li>a::before {

	content: '';

	display: block;

	width: 0;

	height: 2px;

	background: #df202e;

	position: absolute;

	bottom: -1px;

	left: 0;

	transition: all .5s;

	-webkit-transition: all .5s;

}



.Top .MainNav ul li>a::after {

	content: '';

	display: block;

	border-bottom: 5px solid #df202e;

	border-left: 5px solid transparent;

	border-right: 5px solid transparent;

	border-top: 5px solid transparent;

	position: absolute;

	left: 50%;

	transform: translateX(-50%);

	bottom: -0.5px;

	opacity: 0;

	transition: all .5s .3s;

	-webkit-transition: all .5s .3s;

}



.Top .MainNav ul li .NavPull {

	width: 150px;

	background: #f5f5f5;

	text-align: center;

	line-height: 40px;

	position: absolute;

	top: calc(100% + 1px);

	left: 50%;

	margin-left: -75px;

	font-size: 15px;

	z-index: 999;

	display: none;

	min-height: 327.5px;

}



.Top .MainNav ul li .NavPull dl {

	padding: 10px 0;

}



.Top .MainNav ul li:hover>a::before {

	width: 100%;

}



.Top .MainNav ul li:hover>a::after {

	opacity: 1;

}





/* .Header.on .MainNav ul li .NavPull {

    top: 76px;

} */



.Top .MainNav ul li.on>a::before {

	width: 100%;

}





/* .Top .MainNav ul li.on>a::after{opacity: 1;} */



.Top .MainNav ul li .NavPull dl dd:hover {

	background: #df202e;

}



.Top .MainNav ul li .NavPull dl dd:hover a {

	color: #fff;

}



.Top .MainNav ul li#nav1 {

	position: static;

}



.Top .MainNav ul li#nav1 .NavPull {

	background: #fff;

}



.Top .MainNav ul li#nav1 .NavPull {

	width: 100%;

	left: 0;

	margin-left: 0;

	text-align: left;

}



.Top .MainNav ul li#nav1 .NavPull .Contain {

	padding: 30px 0;

}



.Top .MainNav ul li#nav1 .NavPull .NavTit {

	font-size: 26px;

	color: #565656;

	font-weight: bold;

	margin-bottom: 10px;

}



.Top .MainNav ul li#nav1 .NavPull .NavTit1 {

	font-size: 20px;

}



.Top .MainNav ul li#nav1 .NavPull .NavTit span {

	color: #df202e;

}



.Top .MainNav ul li#nav1 .NavPull .NavType .NavCon {}



.Top .MainNav ul li#nav1 .NavPull .NavType .NavCon dl {

	margin-left: -2%;

	padding: 0;

}



.Top .MainNav ul li#nav1 .NavPull .NavType .NavCon dl::after {

	content: '';

	display: block;

	clear: both;

}



.Top .MainNav ul li#nav1 .NavPull .NavType .NavCon dl dd {

	width: 15%;

	margin-right: 2%;

	float: left;

	text-align: center;

}

.Top .MainNav ul li#nav1 .NavPull .NavType .NavCon dl dd:nth-child(6n) {
	margin-right: 0;
}



.Top .MainNav ul li#nav1 .NavPull .NavType .NavCon dl dd .img {

	background: #fff;

	text-align: center;

	height: 118px;

	line-height: 118px;

	border: 1px solid #fff;

}



.Top .MainNav ul li#nav1 .NavPull .NavType .NavCon dl dd .img img {

	/* max-width: 80%;

    max-height: 80%; */

}



.Top .MainNav ul li#nav1 .NavPull .NavType .NavCon dl dd:hover {

	background: none;

}



.Top .MainNav ul li#nav1 .NavPull .NavType .NavCon dl dd:hover .img {

	border: 1px solid #df202e;

}



.Top .MainNav ul li#nav1 .NavPull .NavType .NavCon dl dd:hover a {

	color: #555;

}



.Top .MainNav ul li#nav1 .NavPull .NavType .NavCon dl dd p {

	line-height: 28px;

	font-size: 14px;

	padding: 10px 0;

	text-align: left;

}



.Top .MainNav ul li#nav1 .NavPull .NavTuijian {

	margin-top: 10px;
	display: none;

}



.Top .MainNav ul li#nav1 .NavPull .NavTuijian .NavCon {}



.Top .MainNav ul li#nav1 .NavPull .NavTuijian .NavCon dl {

	margin-left: -2%;

}



.Top .MainNav ul li#nav1 .NavPull .NavTuijian .NavCon dl::after {

	content: '';

	display: block;

	clear: both;

}



.Top .MainNav ul li#nav1 .NavPull .NavTuijian .NavCon dl dd {

	float: left;

	width: 9.11%;

	margin-left: 2%;

	display: block;

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;

	font-size: 14px;

	text-align: center;

}



.Top .MainNav ul li#nav1 .NavPull .NavTuijian .NavCon dl dd:hover {

	background: none;

}



.Top .MainNav ul li#nav1 .NavPull .NavTuijian .NavCon dl dd:hover a {

	color: #555;

}



.Top .MainNav ul li#nav1 .NavPull .NavTuijian .NavCon dl dd a:hover {

	color: #df202e;

}



.Top .MainNav ul li#nav1 .NavPull .NavTuijian .NavCon dl dd a {

	display: block;

	line-height: 30px;

	color: #999;

	text-align: left;

}



.Top .MainNav ul .Navc {

	position: static;

}



.Top .MainNav ul .Navc .NavPull {

	width: 100%;

	left: 0;

	margin-left: 0;

	text-align: left;

}



.Top .MainNav ul .Navc .NavPull .Contain {

	padding: 49px 0;

}



.Top .MainNav ul .Navc .NavPull .NavTit {

	font-size: 26px;

	color: #565656;

	font-weight: bold;

	margin-bottom: 10px;

}



.Top .MainNav ul .Navc .NavPull .NavTit span {

	color: #df202e;

}



.Top .MainNav ul .Navc .NavPull .CaseNav {

	padding-right: 200px;

	position: relative;

}



.Top .MainNav ul .Navc .NavPull .CaseNav dl {

	margin-left: -3%;

}



.Top .MainNav ul .Navc#nav3 .NavPull .CaseNav dl,

.Top .MainNav ul .Navc#nav8 .NavPull .CaseNav dl {

	margin-left: -5%;

}



.Top .MainNav ul .Navc .NavPull .CaseNav dl::after {

	content: '';

	display: block;

	clear: both;

}



.Top .MainNav ul .Navc .NavPull .CaseNav dl dd {

	width: 9%;

	margin-left: 3%;

	float: left;

}



.Top .MainNav ul .Navc#nav3 .NavPull .CaseNav dl dd,

.Top .MainNav ul .Navc#nav8 .NavPull .CaseNav dl dd {

	width: 15%;

	margin-left: 5%;

	float: left;

}



.Top .MainNav ul .Navc .NavPull .CaseNav dl dd h1 {

	margin-top: 10px;

}



.Top .MainNav ul .Navc .NavPull .CaseNav dl dd h1 a {

	color: #000;

	font-size: 20px;

}



.Top .MainNav ul .Navc .NavPull .CaseNav dl dd .img {

	padding-top: 60%;

}



.Top .MainNav ul .Navc .NavPull .CaseNav dl dd .img span {

	transition: all .5s;

	-webkit-transition: all .5s;

}



.Top .MainNav ul .Navc .NavPull .CaseNav dl dd .txt {

	text-align: center;

}



.Top .MainNav ul .Navc .NavPull .CaseNav dl dd .txt h4 {

	font-size: 14px;

	margin-top: 10px;

	line-height: 28px;

	margin-bottom: 10px;

	margin-top: 10px;

	color: #000;

	font-weight: normal;

}



.Top .MainNav ul .Navc#nav3 .NavPull .CaseNav dl dd .txt h4,

.Top .MainNav ul .Navc#nav8 .NavPull .CaseNav dl dd .txt h4 {

	font-size: 18px;

}



.Top .MainNav ul .Navc .NavPull .CaseNav dl dd .txt .more {

	border: 1px solid #df202e;

	box-shadow: 0 10px 20px rgba(223, 32, 46, 0.1);

	width: 90px;

	height: 30px;

	line-height: 30px;

	text-align: center;

	font-size: 14px;

	margin: 0 auto;

	border-radius: 30px;

}



.Top .MainNav ul .Navc .NavPull .CaseNav dl dd:hover {

	background: none;

}



.Top .MainNav ul .Navc .NavPull .CaseNav dl dd:hover .img span {

	transform: scale(1.05);

	-webkit-transform: scale(1.05);

}



.Top .MainNav ul .Navc .NavPull .CaseNav dl dd:hover .CaseNavbox h4 {

	color: #df202e;

}



.Top .MainNav ul .Navc .NavPull .CaseNav dl dd:hover .CaseNavbox .more {

	background: #df202e;

	border: 1px solid #df202e;

}



.Top .MainNav ul .Navc .NavPull .pdc_tit {

	position: absolute;

	right: 0;

	margin-top: -25px;

	top: 50%;

}



.Top .MainNav ul .Navb {

	position: static;

}



.Top .MainNav ul .Navb .NavPull {

	width: 100%;

	left: 0;

	margin-left: 0;

	text-align: left;

	min-height: 327.5px;

}





/* .Top .MainNav ul #nav4 .NavPull,.Top .MainNav ul #nav5 .NavPull,.Top .MainNav ul #nav6 .NavPull{min-height:500px;} */



.Top .MainNav ul .Navb .NavPull .Contain {}



.Top .MainNav ul .Navb .NavPull .NavbCon {}



.Top .MainNav ul .Navb .NavPull .NavbCon .NavbL {

	width: 50%;

	padding: 60px 0;

}



.Top .MainNav ul .Navb .NavPull .NavbCon .NavbL h1 {

	font-size: 26px;

	margin-bottom: 20px;

}



.Top .MainNav ul .Navb .NavPull .NavbCon .NavbL dl {

	min-height: 110px;

}



.Top .MainNav ul .Navb .NavPull .NavbCon .NavbL dl::after {

	content: '';

	display: block;

	clear: both;

}



.Top .MainNav ul .Navb .NavPull .NavbCon .NavbL dl dd {

	width: 33.33%;

	box-sizing: border-box;

	float: left;

	line-height: 45px;

	padding-left: 15px;

	background: url(../images/jt2.png) no-repeat center left;

}



.Top .MainNav ul .Navb .NavPull .NavbCon .NavbR {

	width: 48%;

	padding: 60px 0;

}



.Top .MainNav ul .Navb .NavPull .NavbCon .NavbR h1 {

	font-size: 22px;

	margin: 20px 0;

	display: none;

}



.Top .MainNav ul .Navb .NavPull .NavbCon .NavbR .img {

	padding-top: 180px;

	margin-top: 10px;

}



.Top .MainNav ul .Navb .NavPull .NavbCon .NavbR .img span {

	background-size: cover;

}



.Top .MainNav ul .Navb .NavPull .NavbCon .NavbL dl dd:hover {

	background: url(../images/more.png) no-repeat center left;

}



.Top .MainNav ul .Navb .NavPull .NavbCon .NavbL dl dd:hover a {

	color: #df202e;

}



.Top .MainNav ul li#nav7 {

	position: static;

}



.Top .MainNav ul li#nav7 .NavPull {

	width: 100%;

	left: 0;

	margin-left: 0;

	text-align: left;

}



.Top .MainNav ul li#nav7 .NavPull .Contain {

	padding: 40px 0;

}



.Top .MainNav ul li#nav7 .NavPull dl {

	margin-left: -5%;

}



.Top .MainNav ul li#nav7 .NavPull dl::after {

	content: '';

	display: block;

	clear: both;

}



.Top .MainNav ul li#nav7 .NavPull dl dd {

	width: 28.33%;

	float: left;

	margin-left: 5%;

	background: #fff;

	text-align: center;

	padding: 3vw 2vw;

	box-sizing: border-box;

}



.Top .MainNav ul li#nav7 .NavPull dl dd .ico {

	height: 64px;

}



.Top .MainNav ul li#nav7 .NavPull dl dd .ico img {

	max-height: 100%;

}



.Top .MainNav ul li#nav7 .NavPull dl dd:hover .ico {

	-webkit-animation: icon-bounce 0.5s alternate;

	-moz-animation: icon-bounce 0.5s alternate;

	-o-animation: icon-bounce 0.5s alternate;

	animation: icon-bounce 0.5s alternate;

}



.Top .MainNav ul li#nav7 .NavPull dl dd p {

	font-size: 14px;

	color: #999;

	margin: 10px 0;

	line-height: 30px;

}



.Top .MainNav ul li#nav7 .NavPull dl dd span {

	font-size: 16px;

	height: 60px;

	line-height: 30px;

	display: block;

}



.HomePro {

	height: 200px;

	line-height: 150px;

	padding: 20px 0;

	box-sizing: border-box;

	position: relative;

	transition: all .5s;

	-webkit-transition: all .5s;

}



.HomePro .HomeProLogo {

	max-width: 15%;

}



.HomePro .HomePro_r {

	width: 80%;

}



.HomePro .HomePro_r dl {

	margin-left: -1%;

}



.HomePro .HomePro_r dl::after {

	content: "";

	display: block;

	clear: both;

}



.HomePro .HomePro_r dl dd {

	width: 15.667%;

	margin-left: 1%;

	float: left;

	box-sizing: border-box;

}



.HomePro .HomePro_r dl dd .img {

	height: 110px;

	line-height: 110px;

	text-align: center;

	border: 1px solid #fff;

}



.HomePro .HomePro_r dl dd .img img {

	max-height: 90%;

	transition: all .5s;

	-webkit-transition: all .5s;

}



.HomePro .HomePro_r dl dd p {

	line-height: 22px;

	text-align: center;

	font-size: 13px;

	margin-top: 10px;

}



.HomePro .HomePro_r dl dd:hover .img {

	border: 1px solid #df202e;

}



.HomePro .HomePro_r dl dd:hover .img img {

	transform: scale(1.05);

	-webkit-transition: all .5s;

}



.HomePro .Close {

	position: absolute;

	right: 0;

	top: 0;

	width: 32px;

	height: 32px;

	line-height: 32px;

	display: none;

}



.HomePro.hide {

	height: 0;

	overflow: auto;

	padding: 0;

}



@media(max-width:1440px) {

	.Top .MainNav ul li {

		margin: 0 20px;

	}

	.Top .Search {

		margin-left: 10px;

	}

}



@media(max-width:1366px) {

	.Top .MainNav ul li {

		font-size: 16px;

		margin: 0 15px;

	}

}



@media(max-width:1280px) {

	.Top .MainNav ul li {

		font-size: 16px;

		margin: 0 10px;

	}

}


@media(max-width:1200px) {


	.Top .MainNav ul li {

		margin: 0 10px;

	}

	.Top .Search {

		margin-left: 0;

	}

}



@media(max-width:1130px) {

	.Top .MainNav ul li {

		font-size: 14px;

		margin: 0 5px;

	}

}



@media(max-width:1024px) {

	.Header {

		height: 60px;

		line-height: 60px;

	}

	.Top .m-btn {

		display: block;

	}

	.Top .Search {

		margin-top: 6px;

	}

	.Top .Search .search_02 {

		display: block;

	}

	.Top .Search .search_01 {

		display: none;

	}

	.Top .MainNav {

		position: absolute;

		top: 60px;

		right: 0;

		width: 0;

		background: rgba(0, 0, 0, 0.2);

		height: calc(100vh - 60px);

		overflow: auto;

		z-index: 999;

		overflow: hidden;

		opacity: 0;

		transition: all .3s;

		-webkit-transition: all .3s;

	}

	.Top .MainNav ul {

		width: 0;

		background: #fff;

		height: 100%;

		position: absolute;

		right: 0;

		top: 0;

		box-sizing: border-box;

		padding: 20px 20px;

		transition: all .5s;

		-webkit-transition: all .5s;

		opacity: 0;

		overflow: auto;

	}

	.Top .MainNav ul li {

		width: 100%;

		min-width: 150px;

		margin: 0;

		box-sizing: border-box;

		line-height: 45px;

		border-bottom: 1px solid #e5e5e5;

		font-size: 15px;

	}

	.Top .MainNav.show {

		width: 100%;

		opacity: 1;

	}

	.Top .MainNav.show ul {

		width: 90%;

		opacity: 1;

	}

	.Top .Search .SearchBox {

		top: 54px;

	}

	.Top .MainNav ul li b {

		display: block !important;

		width: 40px;

		height: 45px;

		position: absolute;

		right: 0;

		top: 0;

		background: url(../images/more.png) no-repeat center center;

	}

	.Top .MainNav ul li#nav1 {

		position: relative;

	}

	.Top .MainNav ul .Navc {

		position: relative;

	}

	.Top .MainNav ul .Navb {

		position: relative;

	}

	.Top .MainNav ul li#nav7 {

		position: relative;

	}

	.Top .MainNav ul li .NavPull {

		width: 100%;

		margin-left: 0;

		left: 0;

		position: static;

	}

	.Top .MainNav ul li>a::before {

		display: none;

	}

	.Top .MainNav ul li>a::after {

		display: none;

	}

	.Top .MainNav ul li#nav1 .NavPull .NavTuijian {

		display: none;

	}

	.Top .MainNav ul li#nav1 .NavPull .Contain {

		padding: 10px 0;

	}

	.Top .MainNav ul .Navc .NavPull .Contain {

		padding: 10px 0;

	}

	.Top .MainNav ul .Navb .NavPull .Contain {

		padding: 10px 0;

	}

	.Top .MainNav ul li#nav7 .NavPull .Contain {

		padding: 10px 0;

	}

	.Top .MainNav ul li#nav1 .NavPull .NavType .NavCon dl dd {

		width: 31.33%;

		margin-bottom: 10px;

	}

	.Top .MainNav ul li#nav1 .NavPull .NavTit {

		font-size: 18px;

		margin-bottom: 0;

	}

	.Top .MainNav ul li#nav1 .NavPull .NavType .NavCon dl dd .img {

		height: 80px;

		line-height: 80px;

	}

	.Top .MainNav ul li#nav1 .NavPull .NavType .NavCon dl dd p {

		font-size: 12px;

		line-height: 20px;

	}

	.Top .MainNav ul li .NavPull dl dd {

		font-size: 14px;

		text-align: left;

		padding: 0 10px;

	}

	.Top .MainNav ul li#nav1 .NavPull dl dd {

		padding: 0;

	}

	.Top .MainNav ul .Navb .NavPull dl {

		padding: 0;

	}

	.Top .MainNav ul .Navb .NavPull .NavbCon .NavbL {

		width: 100%;

		margin-top: 20px;

	}

	.Top .MainNav ul .Navb .NavPull .NavbCon .NavbR {

		width: 100%;

	}

	.Top .MainNav ul .Navb .NavPull .NavbCon .NavbL h1 {

		font-size: 18px;

		margin-bottom: 0;

	}

	.Top .MainNav ul .Navb .NavPull .NavbCon .NavbR h1 {

		font-size: 16px;

		line-height: 28px;

		margin: 0;

	}

	.Top .MainNav ul .Navb .NavPull .NavbCon .NavbL dl dd {

		line-height: 30px;

	}

	.Top .MainNav ul .Navc .NavPull .CaseNav dl dd {

		width: 46%;

		margin-bottom: 20px;

		padding: 0;

	}

	.Top .MainNav ul .Navc#nav3 .NavPull .CaseNav dl dd {

		width: 48%;

		margin-left: 2%;

	}

	.Top .MainNav ul .Navc .NavPull .NavTit {

		font-size: 18px;

		margin-bottom: 0;

	}

	.Top .MainNav ul .Navc .NavPull .CaseNav dl dd h1 {

		margin-bottom: 5px;

	}

	.Top .MainNav ul .Navc .NavPull .CaseNav dl dd h1 a {

		font-size: 16px;

	}

	.Top .MainNav ul li#nav7 .NavPull dl dd span {

		font-size: 14px;

		line-height: 25px;

		height: 50px;

	}

	.Top .MainNav ul .Navc .NavPull .CaseNav dl dd .txt h4 {

		font-size: 14px;

		line-height: 20px;

		margin-top: 10px;

	}

	.Top .MainNav ul .Navb .NavPull .NavbCon .NavbR .img {

		padding-top: 26%;

	}

	.Top .MainNav ul .Navc .NavPull .CaseNav {

		padding-right: 0;

	}

	.Top .MainNav ul .Navc .NavPull .pdc_tit {

		position: static;

		margin-top: 0;

		margin: 10px auto
	}

	.Top .MainNav ul .Navb .NavPull .NavbCon .NavbL {

		padding: 0;

	}

	.Top .MainNav ul .Navb .NavPull .NavbCon .NavbR {

		padding: 0;

	}

	.HomePro {

		display: none;

	}

}



@media(max-width:640px) {

	.Top .MainNav ul .Navc .NavPull .CaseNav dl {

		margin-left: -2%;

	}

	.Top .MainNav ul .Navc .NavPull .CaseNav dl dd {

		width: 48%;

		margin-left: 2%;

	}

	.Top .MainNav ul .Navc .NavPull .CaseNav dl dd .txt h4 {

		margin-top: 10px;

	}

	.Top .MainNav ul .Navc .NavPull .CaseNav dl dd .txt .more {

		width: 80px;

		height: 25px;

		line-height: 25px;

		font-size: 12px;

	}

	.Top .MainNav ul li#nav7 .NavPull dl dd {

		width: 95%;

		margin-bottom: 10px;

	}

	.Top .MainNav ul li#nav7 .NavPull dl dd .ico {

		max-height: 35px;

	}

}





/* Top end*/





/* Bottom s*/



.Bottom {

	background: #a41626;

}



.Bottom .BottomTop {

	padding: 40px 0 40px 0;

}



.Bottom .BottomTop .BottomCont {

	width: 26.5%;

}



.Bottom .BottomTop .BottomCont .tel {

	padding: 20px 0;

	border-bottom: 1px solid rgba(255, 255, 255, 0.06);

	margin: 50px 0 20px 0;

	color: #fff;

}



.Bottom .BottomTop .BottomCont .tel p {

	color: #df202e;

	font-size: 36px;

	font-family: Oswald;

}



.Bottom .BottomTop .BottomCont ul li {

	color: #fff;

	line-height: 36px;

}



.Bottom .BottomTop .BottomCont ul li a {

	color: #fff;

}



.Bottom .BottomTop .BottomCont dl {

	margin-bottom: 30px;

}



.Bottom .BottomTop .BottomCont dl dd {

	width: 90px;

	margin-right: 10px;

	text-align: center;

	display: inline-block;

}



.Bottom .BottomTop .BottomCont dl dd p {

	font-size: 14px;

	color: #fff;

	margin-top: 10px;

}



.Bottom .BottomTop .BottomNav {

	width: 68%;

}



.Bottom .BottomTop .BottomNav .NavBox {

	width: 33.3333%;

	float: left;

}

.Bottom .BottomTop .BottomNav .NavBox ul.flex {
	display: flex;
	flex-wrap:wrap;
}

.Bottom .BottomTop .BottomNav .NavBox h1 {

	font-size: 18px;

	color: #fff;

	font-weight: normal;

	margin-bottom: 20px;

}



.Bottom .BottomTop .BottomNav .NavBox h1 a {

	font-size: 18px;

	color: #fff;

}



.Bottom .BottomTop .BottomNav .NavBox ul li {

	font-size: 14px;

	line-height: 36px;

}


.Bottom .BottomTop .BottomNav .NavBox ul li.li-2 {
	width: 50%;
}


.Bottom .BottomTop .BottomNav .NavBox ul li a {

	color: #fff;

	opacity: 1;

}



.Bottom .BottomTop .BottomNav .NavBox .box:nth-child(2) {

	margin-top: 50px;

}



.Bottom .BottomTop .BottomNav .NavBox ul li:hover a {

	color: #df202e;

}



.Bottom .Footer {

	padding: 20px 0;

	border-top: 1px solid rgba(255, 255, 255, 0.06);

}



.Bottom .Footer .FooterEwa img {

	height: 90px;

}



.Bottom .Footer .Copy {

	font-size: 14px;

	padding-top: 20px;

}



.Bottom .Footer .Copy ul li {

	display: inline-block;

	padding: 0 10px;

	position: relative;

}



.Bottom .Footer .Copy ul li:first-child {

	padding-left: 0;

}



.Bottom .Footer .Copy ul li::before {

	content: '';

	display: block;

	width: 1px;

	height: 10px;

	background: #fff;

	opacity: 0.06;

	position: absolute;

	left: 0;

	top: 50%;

	margin-top: -5px;

}



.Bottom .Footer .Copy ul li a {

	color: #fff;

	opacity: 0.4;

}



.Bottom .Footer .Copy ul li:first-child:before {

	display: none;

}



.Bottom .Footer .Copy p {

	color: #fff;

	opacity: 0.4;

	margin-top: 10px;

}



.Bottom .Footer .Copy p a {

	color: #fff;

}



@media(max-width:1024px) {

	.Bottom .BottomTop {

		padding: 40px 0 20px 0;

	}

	.Bottom .BottomTop .BottomNav {

		display: none;

	}

	.Bottom .BottomTop .BottomCont {

		width: 100%;

	}

}



@media(max-width:768px) {

	.Bottom .BottomTop .BottomCont .FootLogo img {

		width: 150px;

	}

	.Bottom .BottomTop .BottomCont .tel {

		padding: 10px 0;

		margin: 10px 0;

	}

	.Bottom .BottomTop .BottomCont .tel p {

		font-size: 25px;

	}

	.Bottom .BottomTop .BottomCont ul li {

		line-height: 25px;

		font-size: 13px;

	}

	.Bottom .Footer {

		padding: 10px 0;

	}

	.Bottom .Footer .FooterEwa {

		width: 100%;

		text-align: center;

	}

	.Bottom .Footer .Copy {

		text-align: center;

		margin-top: 10px;

	}

}





/* Bottom end*/





/* 首页 */



.HomeBan .item {

	position: relative;

}



.HomeBan .item video {

	position: absolute;

	width: 100%;

	height: 100%;

	top: 0;

	left: 0;

	z-index: 999;

	object-fit: cover;

}



.HomeBan .item .sj {

	display: none;

	position: absolute;

	width: 100%;

	height: 100%;

	top: 0;

	left: 0;

	z-index: 999;

}



.HomeBan .item .txt {

	position: absolute;

	width: 100%;

	left: 0;

	top: 50%;

	transform: translateY(-50%);

	-webkit-transform: translateY(-50%);

}



.HomeBan .item .txt .txtImg img {

	max-width: 40%;

}



.HomeBan .item .txt .p {

	font-size: 22px;

	color: #fff;

	line-height: 40px;

	margin: 40px 0 70px 0;

}



.HomeBan .item .txt .Banmore {

	width: 280px;

	height: 70px;

	background: url(../images/morebg.png) no-repeat center center;

	background-size: 100% 100%;

	line-height: 70px;

	text-align: center;

}



.HomeBan .item .txt .Banmore a {

	color: #fff;

}



.HomeBan .item .txt .Banmore img {

	display: inline-block;

	margin-left: 10px;

}



.HomeBan .slick-dots {

	position: absolute;

	width: 100%;

	text-align: center;

	left: 0;

	bottom: 20px;

}



.HomeBan .slick-dots li {

	width: 22px;

	height: 22px;

	background: url(../images/dot1.png) no-repeat center center;

	display: inline-block;

	margin: 0 5px;

}



.HomeBan .slick-dots li.slick-active {

	background: url(../images/dot.png) no-repeat center center;

}



.HomeBan .slick-dots li button {

	display: none;

}



/* 本例子css */

.index_ban {
	width: 100%;
	position: relative;
	overflow: hidden;
}

.index_ban .bd {
	position: relative;
	z-index: 0;
}

.index_ban .bd ul {
	width: 100% !important;
}

.index_ban .bd li {
	width: 100% !important;
}

.index_ban .bd li .siteWidth {
	width: 100%;
	position: relative;
	margin: 0 auto;
}


.index_ban .bd li img {
	width: 100%;
	height: auto;
	display: block;
}

.index_ban .hd {
	width: 100%;
	position: absolute;
	z-index: 1;
	bottom: 20px;
	left: 0;
	height: 30px;
	line-height: 30px;
	text-align: center;
}

.index_ban .hd ul li {
	cursor: pointer;
	display: inline-block;
	*display: inline;
	zoom: 1;
	width: 22px;
	height: 22px;
	margin: 4px;
	background: url(../images/dot1.png) no-repeat center center;
	overflow: hidden;

	line-height: 9999px;

}

.index_ban .hd ul .on {
	background: url(../images/dot.png) no-repeat;
}











@media(max-width:1440px) {

	.HomeBan .item .txt .p {

		font-size: 18px;

		line-height: 36px;

	}

	.HomeBan .item .txt .Banmore {

		width: 200px;

		height: 55px;

		line-height: 55px;

	}

	.HomeBan .item video {

		max-height: 600px;

	}

}



@media(max-width:1366px) {

	.HomeBan .item video {

		max-height: 569px;

	}

}



@media(max-width:1200px) {

	.HomeBan .item video {

		max-height: 500px;

	}

}



@media(max-width:1024px) {

	.HomeBan .item .txt .p {

		font-size: 16px;

		line-height: 30px;

		margin: 20px 0 40px 0;

	}

	.HomeBan .item video {

		max-height: 427px;

	}

	.HomeBan .item video.pc {

		display: none;

	}

	.HomeBan .item .sj {

		display: block;

	}

}



@media(max-width:768px) {

	.HomeBan .item .txt .Banmore {

		width: 180px;

		height: 45px;

		line-height: 45px;

	}

	.HomeBan .item video {

		max-height: 320px;

	}

}



@media(max-width:640px) {

	.HomeBan .item .txt .p {

		font-size: 12px;

		line-height: 20px;

		margin: 10px 0;

	}

	.HomeBan .item .txt .Banmore {

		width: 120px;

		height: 30px;

		line-height: 30px;

		font-size: 12px;

	}

	.HomeBan .item .txt .Banmore img {

		width: 14px;

	}

	.HomeBan .item video {

		max-height: 267px;

	}

}



@media(max-width:414px) {

	.HomeBan .item video {

		max-height: 173px;

	}

}



@media(max-width:375px) {

	.HomeBan .item video {

		max-height: 156px;

	}

}



@media(max-width:360px) {

	.HomeBan .item video {

		max-height: 150px;

	}

}



.HomeTit {

	text-align: center;

	margin-bottom: 60px;

}



.HomeTit b {

	display: block;

	width: 50px;

	height: 1px;

	background: #df202e;

	margin: 0 auto;

}



.HomeTit h1 {

	font-size: 44px;

	margin-top: 30px;

}



.HomeCom {

	padding-top: 100px;
	overflow: hidden;

}



.HomeProduct {

	position: relative;

}



.HomeProduct::before {

	content: '';

	display: block;

	position: absolute;

	width: 100%;

	height: 100%;

	/*background: url(../images/homeprobg.png) no-repeat left top;*/

	top: 0;

	left: 0;

	background-size: 36%;

	z-index: 0;

}



.HomeProduct .HomeProBox {

	margin-left: -1.5%;

}



.HomeProduct .HomeProBox .item {

	width: 31.83%;

	float: left;

	margin-left: 1.5%;

	margin-bottom: 20px;

	background: #f6f6f6;

	border-radius: 20px 0 20px 0;

	box-sizing: border-box;

	position: relative;

	height: 260px;

	box-sizing: border-box;

}



.HomeProduct .HomeProBox .item a {

	display: block;

	position: relative;

	padding-right: 200px;

	padding-left: 40px;

}



.HomeProduct .HomeProBox .item a::before {

	content: '';

	display: block;

	width: 100%;

	height: 100%;

	border-radius: 20px 0 20px 0;

	background: rgba(0, 0, 0, 0.5);

	position: absolute;

	top: 0;

	left: 0;

	z-index: 0;

	opacity: 0;

	transition: all .3s;

	-webkit-transition: all .5s;

}



.HomeProduct .HomeProBox .item::before {

	content: '';

	display: block;

	width: 100%;

	height: 100%;

	background: url(../images/probg.png) no-repeat center bottom;

	position: absolute;

	bottom: 0;

	left: 0;

	background-size: 100%;

	z-index: 0;

}



.HomeProduct .HomeProBox .item .txt {

	height: 260px;

	display: flex;

	justify-content: center;

	flex-direction: column;

	position: relative;

	z-index: 9;

}



.HomeProduct .HomeProBox .item .txt .cn {

	font-size: 22px;

	font-weight: bold;

}



.HomeProduct .HomeProBox .item .txt .en {

	font-size: 20px;

	font-family: Oswald;

	color: #cccccc;

	margin-top: 5px;

}



.HomeProduct .HomeProBox .item .txt .more {

	width: 15px;

	height: 2px;

	background: #df202e;

	margin-top: 10px;

	transition: all .3s;

	-webkit-transition: all .3s;

}



.HomeProduct .HomeProBox .item .img {

	position: absolute;

	right: 40px;

	top: 0;

	width: 200px;

	line-height: 260px;

	text-align: center;

	z-index: 99;

}



.HomeProduct .HomeProBox .item .img img {

	max-height: 200px;

}



.HomeProduct .HomeProBox .item:hover .txt .more {

	width: 65px;

	height: 40px;

	background: url(../images/promore.png) no-repeat center center;

}



.HomeProduct .HomeProBox .item:hover a::before {

	opacity: 1;

}



.HomeProduct .HomeProBox .item:hover .txt .en {

	color: #fff;

}



.HomeProduct .HomeProBox .item:hover .txt .cn {

	color: #fff;

}



@media(max-width:1440px) {

	.HomeCom {

		padding-top: 60px;

	}

	.HomeTit {

		margin-bottom: 30px;

	}

	.HomeTit h1 {

		font-size: 35px;

	}

	.HomeProduct .HomeProBox .item .img {

		right: 20px;

	}

}



@media(max-width:1366px) {

	.HomeProduct .HomeProBox .item .txt .cn {

		font-size: 20px;

	}

	.HomeProduct .HomeProBox .item .txt .en {

		font-size: 18px;

	}

	.HomeProduct .HomeProBox .item {

		height: 220px;

	}

	.HomeProduct .HomeProBox .item .img {

		line-height: 220px;

	}

	.HomeProduct .HomeProBox .item .img img {

		max-height: 160px;

	}

	.HomeProduct .HomeProBox .item .txt {

		height: 220px;

	}

}



@media(max-width:1024px) {

	.HomeCom {

		padding-top: 30px;

	}

	.HomeTit {

		margin-bottom: 20px;

	}

	.HomeTit h1 {

		font-size: 28px;

		margin-top: 10px;

	}

	.HomeTit b {

		width: 30px;

	}

	.HomeProduct .HomeProBox .item {

		height: 180px;

	}

	.HomeProduct .HomeProBox .item a {

		padding-left: 20px;

		padding-right: 140px;

	}

	.HomeProduct .HomeProBox .item .img {

		width: 150px;

		right: 0;

		line-height: 180px;

	}

	.HomeProduct .HomeProBox .item .txt {

		height: 180px;

	}

	.HomeProduct .HomeProBox .item .txt .cn {

		font-size: 16px;

	}

	.HomeProduct .HomeProBox .item .txt .en {

		font-size: 16px;

	}

}



@media(max-width:768px) {

	.HomeTit h1 {

		font-size: 20px;

	}

	.HomeProduct .HomeProBox .item {

		width: 48.5%;

		margin-bottom: 10px;

	}

}



@media(max-width:480px) {

	.HomeProduct .HomeProBox .item {

		height: auto;

	}

	.HomeProduct .HomeProBox .item a {

		padding-right: 10px;

		padding-left: 10px;

	}

	.HomeProduct .HomeProBox .item .img {

		position: static;

		height: 100px;

		line-height: 100px;

		width: 100%;

	}

	.HomeProduct .HomeProBox .item .img img {

		max-height: 100px;

	}

	.HomeProduct .HomeProBox .item .txt {

		height: 100px;

	}

	.HomeProduct .HomeProBox .item .txt .en {

		font-size: 14px;

	}

}



.HomeCase {}



.HomeCase .HomeCaseBox {

	margin-left: -2px;

}



.HomeCase .HomeCaseBox .item {

	margin-bottom: 2px;

	width: 50%;

	float: left;

	overflow: hidden;

	position: relative;

}



.HomeCase .HomeCaseBox .item a {

	display: block;

	margin-left: 2px;

	background-size: cover;

	background-position: center;

	background-repeat: no-repeat;

	transition: all .5s;

	-webkit-transition: all .5s;

	position: relative;

	overflow: hidden;

	height: 420px;

}



.HomeCase .HomeCaseBox .item .txt {

	position: relative;

	z-index: 99;

}



.HomeCase .HomeCaseBox .item .txt .ico {

	height: 98px;

	width: 98px;

	border-radius: 50%;

	/*border: 1px solid #fff;*/

	line-height: 98px;

	text-align: center;

}



.HomeCase .HomeCaseBox .item .txt .tit {

	margin-top: 30px;

	padding-right: 65px;

	position: relative;

}



.HomeCase .HomeCaseBox .item .txt .tit .cn {

	font-size: 28px;

	font-weight: bold;

	color: #fff;

}



.HomeCase .HomeCaseBox .item .txt .tit .en {

	font-size: 30px;

	font-family: Oswald;

	color: #fff;

	opacity: 0.3;

	text-transform: uppercase;

}



.HomeCase .HomeCaseBox .item .txt .tit .more {

	position: absolute;

	right: 0;

	bottom: 10px;

	transition: all .5s;

	-webkit-transition: all .5s;

	opacity: 0;

	transform: translateX(-30px);

	-webkit-transform: translateX(-30px);

}



.HomeCase .HomeCaseBox .item:hover .txt .tit .more {

	transform: translateX(0);

	-webkit-transform: translateX(0);

	opacity: 1;

}



.HomeCase .HomeCaseBox .item:hover .txt .ico {

	-webkit-animation: icon-bounce 0.5s alternate;

	-moz-animation: icon-bounce 0.5s alternate;

	-o-animation: icon-bounce 0.5s alternate;

	animation: icon-bounce 0.5s alternate;

}



.HomeCase .HomeCaseBox .item video {

	position: absolute;

	width: 100%;

	height: 100%;

	top: 0;

	left: 0;

	z-index: 999;

	object-fit: cover;

}



.HomeCase .HomeCaseBox .item img {

	position: absolute;

	width: 100%;

	height: 100%;

	top: 0;

	left: 0;

	z-index: 999;

	/*display: none;*/

}



@media(max-width:1440px) {

	.HomeCase .HomeCaseBox .item .txt .tit .cn {

		font-size: 20px;

	}

	.HomeCase .HomeCaseBox .item .txt .tit .en {

		font-size: 20px;

	}

	.HomeCase .HomeCaseBox .item .txt .ico {

		width: 78px;

		height: 78px;

		line-height: 78px;

	}

}



@media(max-width:1024px) {

	.HomeCase .HomeCaseBox .item .txt .ico {

		width: 50px;

		height: 50px;

		line-height: 50px;

	}

	.HomeCase .HomeCaseBox .item .txt .ico img {

		max-width: 25px;

		max-height: 25px;

	}

	.HomeCase .HomeCaseBox .item .txt .tit {

		margin-top: 20px;

	}

	.HomeCase .HomeCaseBox .item .txt .tit .cn {

		font-size: 16px;

	}

	.HomeCase .HomeCaseBox .item .txt .tit .en {

		font-size: 16px;

	}

}



@media(max-width:768px) {

	.HomeCase .HomeCaseBox .item a {

		height: 180px;

	}

	.HomeCase .HomeCaseBox .item video {

		display: none;

	}

	.HomeCase .HomeCaseBox .item img {

		display: block;

	}

}



@media(max-width:480px) {

	.HomeCase .HomeCaseBox .item {

		width: 100%;

	}

}



.HomeAbout {

	padding: 100px 0;

	position: relative;

	background: url(../images/aboutbg.png) no-repeat center left;

	background-size: 50%;
	overflow: hidden;

}

.HomeAbout .Contain {
	position: relative;
}


.HomeAbout .Txt {

	width: 45%;
	float: left;

}



.HomeAbout .Txt .HomeTit {

	text-align: left;

}



.HomeAbout .Txt .HomeTit b {

	margin: 0;

}



.HomeAbout .Txt .dec {

	line-height: 30px;

	margin-bottom: 3vw;

	display: -webkit-box;

	display: box;

	overflow: hidden;

	text-overflow: ellipsis;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 7;

}



.HomeAbout .Img {
	width: 50%;
	max-height: 600px;
	float: right;
	overflow: hidden;
}

.HomeAbout .Img img {
	width: 100%;
}

.HomeAbout .Img.video video {

	position: absolute;

	width: 100%;

	height: 100%;

	top: 0;

	left: 0;

	z-index: 999;

	object-fit: cover;

}



.HomeAbout .Number {

	width: 100%;

	background: #fff;

	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

	position: relative;

	z-index: 9;

	margin-top: 3.55vw;

}



.HomeAbout .Number ul::after {

	content: '';

	display: block;

	clear: both;

}



.HomeAbout .Number ul {

	padding: 20px;

}



.HomeAbout .Number ul li {

	float: left;

	width: 25%;

	height: 100px;

	display: flex;

	justify-content: center;

	flex-direction: column;

	text-align: center;

	position: relative;

}



.HomeAbout .Number ul li::before {

	content: '';

	display: block;

	width: 1px;

	height: 50px;

	background: #e5e5e5;

	position: absolute;

	left: 0;

	top: 50%;

	transform: translateY(-50%);

	-webkit-transform: translateY(-50%);

}



.HomeAbout .Number ul li:first-child::before {

	display: none;

}



.HomeAbout .Number ul li p {

	color: #df202e;

	font-size: 40px;

	font-family: Oswald;

	line-height: 40px;

}



.HomeAbout .Number ul li p strong {

	font-weight: normal;

}



.HomeAbout .Number ul li span {

	color: #777;

	display: block;

	margin-top: 10px;

}



@media(max-width:1440px) {

	.HomeAbout {

		padding: 60px 0;

	}

	.HomeAbout .Number {

		margin-top: 3.55vw;

	}

	.HomeAbout .Number ul li {

		height: 70px;

	}

	.HomeAbout .Number ul li p {

		font-size: 32px;

		line-height: 32px;

	}

	.HomeAbout .Txt .HomeTit {

		margin-bottom: 20px;

	}

	.HomeAbout .Txt .dec {

		margin-bottom: 3vw;

	}

	.HomeAbout .Img {

		top: 60px;

	}

}



@media(max-width:1024px) {

	.HomeAbout {

		padding: 30px 0;

	}

	.HomeAbout .Number ul li {

		height: 80px;

	}

	.HomeAbout .Number ul li p {

		font-size: 25px;

		line-height: 25px;

	}

	.HomeAbout .Img {

		top: 30px;

	}

	.HomeAbout .Txt .dec {

		font-size: 14px;

		line-height: 25px;

	}

}



@media(max-width:768px) {

	.HomeAbout .Txt {

		width: 100%;

	}

	.HomeAbout .Img {

		width: 100%;

		position: relative;

		padding-top: 65%;

		top: 10px;

	}

	.HomeAbout .Number {

		width: 100%;

	}

	.more img {

		width: 40px;

	}

	.HomeAbout .Number ul li p {

		font-size: 22px;

	}

}



@media(max-width:480px) {

	.HomeAbout .Number ul {

		padding: 5px;

	}

	.HomeAbout .Number ul li span {

		font-size: 12px;

		margin-top: 5px;

	}

}



.HomeSale {

	padding: 100px 0;
	overflow: hidden;

	background: #f6f6f6;

}



.HomeSale .saleMap {

	width: 50%;

}



.HomeSale .saleMap .slick-dots {

	display: block;

	width: 100%;

	text-align: center;

	margin-top: 20px;

}



.HomeSale .saleMap .slick-dots li {

	width: 10px;

	height: 10px;

	border-radius: 50%;

	background: #aaa;

	margin: 0 5px;

	display: inline-block;

}



.HomeSale .saleMap .slick-dots li.slick-active {

	background: #df202e;

}



.HomeSale .saleMap .slick-dots li button {

	display: none;

}



.HomeSale .HomesaleTxt {

	width: 46%;

}



.HomeSale .HomesaleTxt .saleNav ul {

	margin-left: -0.5%;

}



.HomeSale .HomesaleTxt .saleNav ul::after {

	content: '';

	display: block;

	clear: both;

}



.HomeSale .HomesaleTxt .saleNav ul li {

	width: 32.83%;

	margin-left: 0.5%;

	float: left;

	height: 100px;

	display: flex;

	align-items: center;

	justify-content: center;

	background: #fff;

}



.HomeSale .HomesaleTxt .saleNav ul li.on {

	background: #df202e;

}



.HomeSale .HomesaleTxt .saleNav ul li:hover {

	background: #df202e;

}



.HomeSale .HomesaleTxt .saleNav ul li a {

	display: flex;

	align-items: center;

	justify-content: center;

}



.HomeSale .HomesaleTxt .saleNav ul li .ico {

	display: inline-block;

	width: 46px;

	height: 46px;

	margin-right: 10px;

	overflow: hidden;

	line-height: 46px;

}



.HomeSale .HomesaleTxt .saleNav ul li .ico img {

	display: inline-block;

	transition: all .5s;

	-webkit-transition: all .5s;

}



.HomeSale .HomesaleTxt .saleNav ul li .ico .img2 {

	opacity: 0;

}



.HomeSale .HomesaleTxt .saleNav ul li p {

	display: inline-block;

	font-size: 20px;

}



.HomeSale .HomesaleTxt .saleNav ul li:hover .ico .img1 {

	transform: translateY(-46px);

	-webkit-transform: translateY(-46px);

	opacity: 0;

}



.HomeSale .HomesaleTxt .saleNav ul li:hover .ico .img2 {

	opacity: 1;

	transform: translateY(-46px);

	-webkit-transform: translateY(-46px);

}



.HomeSale .HomesaleTxt .saleNav ul li.on .ico .img1 {

	transform: translateY(-46px);

	-webkit-transform: translateY(-46px);

	opacity: 0;

}



.HomeSale .HomesaleTxt .saleNav ul li.on .ico .img2 {

	opacity: 1;

	transform: translateY(-46px);

	-webkit-transform: translateY(-46px);

}



.HomeSale .HomesaleTxt .saleNav ul li.on p {

	color: #fff;

}



.HomeSale .HomesaleTxt .saleNav ul li:hover p {

	color: #fff;

}



.HomeSale .HomesaleTxt .bd .item {

	padding: 3vw;

}



.HomeSale .HomesaleTxt .bd .item1 {

	padding-top: 4vw;

}



.HomeSale .HomesaleTxt .bd .item1 dl dd {

	display: inline-block;

	margin-right: 3vw;

}



.HomeSale .HomesaleTxt .bd .item1 dl dd p {

	font-size: 70px;

	line-height: 70px;

	font-family: Oswald;

}



.HomeSale .HomesaleTxt .bd .item1 dl dd p strong {

	font-weight: normal;

}



.HomeSale .HomesaleTxt .bd .item1 dl dd span {

	color: #777;

	display: block;

	margin-top: 10px;

}



.HomeSale .HomesaleTxt .bd .item1 .dec {

	font-size: 20px;

	line-height: 40px;

	margin: 3vw 0 4vw 0;

}



.HomeSale .HomesaleTxt .bd .item2 {

	padding-top: 5vw;

}



.HomeSale .HomesaleTxt .bd .item2 .telBox {

	padding-left: 90px;

	background: url(../images/kf.png) no-repeat center left;

	margin-bottom: 30px;

}



.HomeSale .HomesaleTxt .bd .item2 .telBox span {

	color: #777;

	;

}



.HomeSale .HomesaleTxt .bd .item2 .telBox p {

	font-size: 30px;

	font-family: Oswald;

	color: #df202e;

}



.HomeSale .HomesaleTxt .bd .item3 .HomeForm {}



.HomeSale .HomesaleTxt .bd .item3 .HomeForm .inputBox {

	width: 100%;

	border: 1px solid #ddd;

	height: 55px;

	line-height: 55px;

	padding-left: 90px;

	position: relative;

	margin-bottom: 10px;

	background: #fff;

}



.HomeSale .HomesaleTxt .bd .item3 .HomeForm .inputBox span {

	width: 90px;

	text-align: center;

	position: absolute;

	left: 0;

	top: 0;

}



.HomeSale .HomesaleTxt .bd .item3 .HomeForm .inputBox input {

	width: 100%;

	height: 100%;

}



.HomeSale .HomesaleTxt .bd .item3 .HomeForm .inputBox select {

	width: 40%;

	height: 35px;

	text-align: center;

	border: none;

	background: #f5f5f5;

}



.HomeSale .HomesaleTxt .bd .item3 .HomeForm .textareaBox {

	height: auto;

}



.HomeSale .HomesaleTxt .bd .item3 .HomeForm .textareaBox textarea {

	width: 100%;

	height: 150px;

	line-height: 55px;

}



.HomeSale .HomesaleTxt .bd .item3 .HomeForm .FormBtn {

	margin-top: 30px;

}



.HomeSale .HomesaleTxt .bd .item3 .HomeForm .FormBtn button {

	width: 150px;

	height: 55px;

	background: #df202e;

	line-height: 55px;

	text-align: center;

	color: #fff;

	font-size: 16px;

	font-family: pf;

}



@media(max-width:1440px) {

	.HomeSale {

		padding: 60px 0;

	}

	.HomeSale .HomesaleTxt .saleNav ul li {

		height: 80px;

	}

	.HomeSale .HomesaleTxt .saleNav ul li p {

		font-size: 16px;

	}

	.HomeSale .HomesaleTxt .bd .item1 dl dd p {

		font-size: 50px;

		line-height: 50px;

	}

	.HomeSale .HomesaleTxt .bd .item1 .dec {

		font-size: 16px;

		line-height: 30px;

	}

	.HomeSale .HomesaleTxt .bd .item2 .telBox p {

		font-size: 35px;

	}

	.HomeSale .HomesaleTxt .bd .item3 .HomeForm .inputBox {

		height: 50px;

		line-height: 50px;

	}

	.HomeSale .HomesaleTxt .bd .item3 .HomeForm .textareaBox {

		height: auto;

	}

	.HomeSale .HomesaleTxt .bd .item3 .HomeForm .textareaBox textarea {

		height: 120px;

		line-height: 50px;

	}

}



@media(max-width:1024px) {

	.HomeSale {

		padding: 30px 0;

	}

	.HomeSale .HomesaleTxt .saleNav ul li {

		height: 60px;

	}

	.HomeSale .HomesaleTxt .bd .item1 dl dd p {

		font-size: 30px;

		line-height: 30px;

	}

	.HomeSale .HomesaleTxt .bd .item2 .telBox p {

		font-size: 13px;

	}

	.HomeSale .HomesaleTxt .bd .item3 .HomeForm .inputBox {

		height: 40px;

		line-height: 40px;

	}

	.HomeSale .HomesaleTxt .bd .item3 .HomeForm .textareaBox {

		height: auto;

	}

	.HomeSale .HomesaleTxt .bd .item3 .HomeForm .textareaBox textarea {

		height: 100px;

		line-height: 40px;

	}

	.HomeSale .HomesaleTxt .bd .item3 .HomeForm .inputBox select {

		height: 28px;

	}

	.HomeSale .HomesaleTxt .bd .item3 .HomeForm .FormBtn button {

		height: 40px;

		line-height: 40px;

		width: 120px;

	}

}



@media(max-width:768px) {

	.HomeSale .saleMap {

		width: 100%;

	}

	.HomeSale .HomesaleTxt {

		width: 100%;

	}

}



@media(max-width:480px) {

	.HomeSale .HomesaleTxt .saleNav ul li .ico {

		width: 30px;

		height: 30px;

		line-height: 30px;

	}

	.HomeSale .HomesaleTxt .saleNav ul li:hover .ico .img1 {

		transform: translateY(-30px);

		-webkit-transform: translateY(-30px);

	}

	.HomeSale .HomesaleTxt .saleNav ul li:hover .ico .img2 {

		opacity: 1;

		transform: translateY(-30px);

		-webkit-transform: translateY(-30px);

	}

	.HomeSale .HomesaleTxt .saleNav ul li.on .ico .img1 {

		transform: translateY(-30px);

		-webkit-transform: translateY(-30px);

	}

	.HomeSale .HomesaleTxt .saleNav ul li.on .ico .img2 {

		opacity: 1;

		transform: translateY(-30px);

		-webkit-transform: translateY(-30px);

	}

	.HomeSale .HomesaleTxt .saleNav ul li p {

		font-size: 14px;

	}

	.HomeSale .HomesaleTxt .bd .item {

		padding: 20px 0;

	}

	.HomeSale .HomesaleTxt .bd .item1 dl dd p {

		font-size: 22px;

	}

	.HomeSale .HomesaleTxt .bd .item1 .dec {

		font-size: 14px;

		line-height: 25px;

	}

}



.nBan .img {

	padding-top: 22%;

}



.nBan.SearchBan .img {

	padding-top: 15%;

}





/* 产品列表1 */



.nNav {

	background: #f5f5f5;

	width: 100%;

	line-height: 40px;

	height: 40px;

}



.nNav ul {

	flex-wrap: nowrap;

	overflow-x: auto;

	width: auto;

	white-space: nowrap;

}



.nNav ul li {

	display: inline-block;

	margin-right: 20px;

	position: relative;

	padding-left: 15px;

}



.nNav ul li a {

	color: #666;

}



.nNav ul li::before {

	content: '';

	display: none;

	width: 3px;

	height: 15px;

	background: #df202e;

	border-radius: 3px;

	position: absolute;

	left: 0;

	top: 50%;

	margin-top: -7px;

}



.nNav.fix {

	position: fixed;

	top: 0;

	left: 0;

	z-index: 999;

}



.nNav ul li.onli a {

	font-weight: bold;

	color: #333;

}



.nNav ul li.onli::before {

	display: block;

}



.nNav ul li.on a {

	font-weight: bold;

	color: #333;

}



.nNav ul li.on::before {

	display: block;

}



.Product .ProductBox {

	padding: 60px 0;

}



.Product .ProductBox:nth-child(2n) {

	background: #eee;

}



.Product .ProductBox .ProductTit {

	width: 28%;

}



.Product .ProductBox .ProDuctCon {

	width: 65%;

}



.Product .ProductBox .ProDuctCon::after {

	content: '';

	display: block;

	clear: both;

}



.Product .ProductBox .ProDuctCon .item {

	width: 50%;

	box-sizing: border-box;

	float: left;

	border-top: 1px solid #D5D7D8;

	border-right: 1px solid #D5D7D8;

	height: 370px;

	padding: 20px;

}



.Product .ProductBox .ProDuctCon .item .img {

	height: 280px;

	line-height: 280px;

	text-align: center;

}



.Product .ProductBox .ProDuctCon .item .img img {

	max-height: 85%;

	max-width: 80%;

}



.Product .ProductBox .ProDuctCon .item:nth-child(1),

.Product .ProductBox .ProDuctCon .item:nth-child(2) {

	border-top: none;

}



.Product .ProductBox .ProDuctCon .item:nth-child(2n) {

	border-right: none;

}



.Product .ProductBox .ProDuctCon .item p {

	font-size: 18px;

	font-weight: bold;

	margin-top: 10px;

}



.Product .ProductBox .ProductTit {}



.Product .ProductBox .ProductTit h1 {

	font-size: 22px;

}



.Product .ProductBox .ProductTit p {

	font-size: 18px;

	color: #666;

	margin: 10px 0 20px 0;

}



.Product .ProductBox .ProductTit .dec {

	font-size: 14px;

	line-height: 25px;

	color: #999;

}



.nNav ul::-webkit-scrollbar {

	width: 3px;

	height: 3px;

	-webkit-overflow-scrolling: touch;

	background-color: #e5e5e5;

}



.nNav ul::-webkit-scrollbar-track {

	background-color: #e5e5e5;

}



.nNav ul::-webkit-scrollbar-thumb {

	border-radius: 3px;

	background-color: #aaa;

}



.nNav ul::-webkit-scrollbar-button {

	height: 0px;

	background-color: #e5e5e5;

}



.ProductBottom {

	padding: 60px 0;

	background: #4C4D4F;

	color: #fff;

	text-align: center;

}



.ProductBottom h1 {

	font-size: 36px;

	margin-bottom: 20px;

}



.ProductBottom a {

	display: inline-block;

	padding: 0 30px;

	height: 40px;

	line-height: 40px;

	border-radius: 40px;

	background: #df202e;

	color: #fff;

	;

}



@media(max-width:1440px) {

	.nNav ul li {

		margin-right: 15px;

		padding-left: 10px;

	}

}



@media(max-width:1024px) {

	.Product .ProductBox .ProDuctCon .item p {

		font-size: 16px;

	}

}



@media(max-width:768px) {

	.Product .ProductBox .ProductTit {

		width: 100%;

		margin-bottom: 20px;

	}

	.Product .ProductBox .ProductTit h1 {

		font-size: 18px;

	}

	.Product .ProductBox .ProductTit p {

		margin: 5px 0 10px 0;

		font-size: 16px;

	}

	.Product .ProductBox .ProDuctCon {

		width: 100%;

	}

	.nNav {

		line-height: 50px;

		height: 53px;

	}

	.nNav ul li {

		padding-left: 10px;

		margin-right: 15px;

	}

	.Product .ProductBox {

		padding: 30px 0;

	}

	.Product .ProductBox .ProDuctCon .item {

		height: 200px;

		padding: 10px;

	}

	.Product .ProductBox .ProDuctCon .item .img {

		height: 140px;

		line-height: 140px;

	}

	.Product .ProductBox .ProDuctCon .item p {

		font-size: 14px;

		font-weight: normal;

	}

}





/* 产品列表2 */



.Localtion {

	height: 50px;

	line-height: 50px;

	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);

	font-size: 15px;

}



.Localtion a {

	color: #666;

}



.Localtion a:last-child {

	color: #df202e;

}



.Product1 {

	padding: 40px 0;

}



.Product1 .ProductMenu {

	width: 20%;

}



.Product1 .ProductMenu h1 {

	font-size: 24px;

	color: #df202e;

	line-height: 50px;

}



.Product1 .ProductMenu ul li {

	line-height: 50px;

	padding-left: 20px;

	background: url(../images/jt2.png) no-repeat center left;

	border-bottom: 1px solid #e5e5e5;

}

.Product1 .ProductMenu ul li.on a {
	color: #df202e;
}

.Product1 .ProductCon {

	width: 75%;

}



.Product1 .ProductCon .ProductTop .tit {

	font-size: 24px;

	color: #000;

	font-weight: bold;

	line-height: 50px;

}



.Product1 .ProductCon .ProductTop .ProductImg {

	padding-top: 22%;

	margin-top: 20px;

	margin-bottom: 30px;

}



.Product1 .ProductCon .ProductList {}



.Product1 .ProductCon .ProductList .tit {

	font-size: 18px;

	font-weight: bold;

	color: #666;

	line-height: 40px;

	border-bottom: 1px dashed #d5d5d5;

	margin-bottom: 20px;

}



.Product1 .ProductCon .ProductList .ProList {

	margin-left: -2%;

}



.Product1 .ProductCon .ProductList .ProList::after {

	content: '';

	display: block;

	clear: both;

}



.Product1 .ProductCon .ProductList .ProList .item {

	width: 23%;

	margin-left: 2%;

	float: left;

	text-align: center;

	margin-bottom: 20px;

}



.Product1 .ProductCon .ProductList .ProList .item .img {

	height: 230px;

	text-align: center;

	line-height: 230px;

}



.Product1 .ProductCon .ProductList .ProList .item .img img {

	max-height: 80%;

}



.Product1 .ProductCon .ProductList .ProList .item p {

	margin-top: 10px;

	font-size: 14px;

	height: 40px;

}



@media(max-width:1366px) {

	.Product1 .ProductCon .ProductList .ProList .item .img {

		height: 200px;

		line-height: 200px;

	}

}



@media(max-width:1280px) {

	.Product1 .ProductCon .ProductList .ProList .item .img {

		height: 150px;

		line-height: 150px;

	}

}



@media(max-width:1024px) {

	.Product1 {

		padding: 30px 0;

	}

	.Product1 .ProductMenu {

		width: 100%;

		margin-bottom: 20px;

	}

	.Product1 .ProductCon {

		width: 100%;

	}

	.Product1 .ProductMenu h1 {

		cursor: pointer;

		font-size: 16px;

		height: 40px;

		line-height: 40px;

		background: url(../images/more1.png) no-repeat center right 20px #df202e;

		color: #fff;

		padding: 0 20px;

	}

	.Product1 .ProductMenu ul {

		display: none;

	}

	.Product1 .ProductMenu ul li {

		line-height: 40px;

		line-height: 40px;

		font-size: 14px;

	}

	.Product1 .ProductCon .ProductTop .tit {

		font-size: 20px;

		line-height: 30px;

	}

	.Product1 .ProductCon .ProductTop .ProductImg {

		margin: 10px 0 20px 0;

	}

}



@media(max-width:768px) {

	.Product1 .ProductCon .ProductTop .tit {

		font-size: 18px;

	}

	.Product1 .ProductCon .ProductList .ProList .item {

		width: 23%;

	}

}



@media(max-width:480px) {

	.Product1 .ProductCon .ProductList .ProList .item {

		width: 48%;

	}

	.Product1 .ProductCon .ProductList .tit {

		font-size: 16px;

		line-height: 30px;

	}

}





/* 产品详情 */



.ProductInfo {

	padding: 60px 0;

}



.ProductInfo .Part1 .ProductInfoImg {

	width: 45%;

}



.ProductInfo .Part1 .ProductInfoImg .slider-for {

	border: 1px solid #cdcdcd;

}



.ProductInfo .Part1 .ProductInfoImg .slider-for .item {

	height: 415px;

	line-height: 415px;

	text-align: center;

}



.ProductInfo .Part1 .ProductInfoImg .slider-for .item .img img {

	width: 100%;

	display: inline-block;

}



.ProductInfo .Part1 .ProductInfoImg .slider-for .slick-arrow {

	width: 50px;

	height: 50px;

	border-radius: 50%;

	border: 1px solid #cdcdcd;

	background: none;

	position: absolute;

	margin-top: -26px;

	top: 50%;

	font-size: 0;

	color: transparent;

	z-index: 99;

}



.ProductInfo .Part1 .ProductInfoImg .slider-for .slick-arrow.slick-prev {

	left: 10px;

}



.ProductInfo .Part1 .ProductInfoImg .slider-for .slick-arrow.slick-next {

	right: 10px;

}



.ProductInfo .Part1 .ProductInfoImg .slider-for .slick-arrow::before {

	display: block;

	font-size: 25px;

	font-family: "宋体";

	position: absolute;

	top: 0;

	left: 0;

	color: #999;

	width: 100%;

	height: 100%;

	text-align: center;

	line-height: 50px;

}



.ProductInfo .Part1 .ProductInfoImg .slider-for .slick-arrow.slick-prev::before {

	content: '<';

}



.ProductInfo .Part1 .ProductInfoImg .slider-for .slick-arrow.slick-next::before {

	content: '>';

}



.ProductInfo .Part1 .ProductInfoImg .slider-for .slick-arrow:hover {

	background: #df202e;

	border: 1px solid #df202e;

}



.ProductInfo .Part1 .ProductInfoImg .slider-for .slick-arrow:hover::before {

	color: #fff;

}



.ProductInfo .Part1 .ProductInfoImg .slider-nav {

	margin-top: 10px;

}



.ProductInfo .Part1 .ProductInfoImg .slider-nav .slick-list {

	margin-left: -10px;

	padding: 0 10px;

}



.ProductInfo .Part1 .ProductInfoImg .slider-nav .item {

	margin-left: 8px;

}



.ProductInfo .Part1 .ProductInfoImg .slider-nav .item .img {

	border: 1px solid #cdcdcd;

	box-sizing: border-box;

	height: 115px;

	line-height: 115px;

	text-align: center;

	width: 100%;
	overflow: hidden;
}



.ProductInfo .Part1 .ProductInfoImg .slider-nav .item .img img {
	height: 100%;
	display: inline-block;

}



.ProductInfo .Part1 .ProductInfoImg .slider-nav .item.slick-current .img {

	border: 1px solid #df202e;

}



.ProductInfo .Part1 .ProductInfoTxt {

	width: 52%;

}



.ProductInfo .Part1 .ProductInfoTxt .tit {

	background: url(../images/star.png) no-repeat top left;

	padding-left: 50px;

}



.ProductInfo .Part1 .ProductInfoTxt .tit h1 {

	font-size: 22px;

}



.ProductInfo .Part1 .ProductInfoTxt .tit p {

	color: #999;

	;

}



.ProductInfo .Part1 .ProductInfoTxt .dec {

	line-height: 30px;

	margin: 30px 0 30px 0;

	padding-left: 50px;

}



.ProductInfo .Part1 .ProductInfoTxt .con {

	padding-left: 50px;

}



.ProductInfo .Part1 .ProductInfoTxt .con h1 {

	font-size: 18px;

	position: relative;

	margin-bottom: 10px;

}



.ProductInfo .Part1 .ProductInfoTxt .con h1::before {

	content: '';

	display: block;

	width: 3px;

	height: 16px;

	background: #df202e;

	position: absolute;

	left: -10px;

	top: 50%;

	margin-top: -8px;

}



.ProductInfo .Part1 .ProductInfoTxt .con ul li {

	line-height: 30px;

	padding-left: 20px;

	position: relative;

}



.ProductInfo .Part1 .ProductInfoTxt .con ul li::before {

	content: '';

	display: block;

	width: 4px;

	height: 4px;

	background: #df202e;

	border-radius: 50%;

	position: absolute;

	top: 50%;

	margin-top: -2px;

	left: 0;

}



.ProductInfo .Part1 .ProductInfoTxt .HqbjBtn {

	padding-left: 50px;

	margin-top: 4vw;

}



.ProductInfo .Part1 .ProductInfoTxt .HqbjBtn a {

	width: 150px;

	height: 50px;

	line-height: 50px;

	text-align: center;

	display: inline-block;

	margin-right: 20px;

	background: #df202e;

	color: #fff;

	text-align: center;

	border-radius: 5px;

}



.ProductInfo .Part2 {

	margin-top: 80px;

}



.ProductInfo .Part2 .Part2_t {

	width: 100%;

	display: inline-block;

	margin-bottom: 0px;

	text-align: center;

	font-size: 0
}



.ProductInfo .Part2 .Part2_t .Part2_tbox {

	width: 23%;

	display: inline-block;

	margin: auto 1%;

	position: relative;

	height: 198px;

	overflow: hidden;

	cursor: pointer;

}



.ProductInfo .Part2 .Part2_t .PartBigImg {

	margin: 0 1.5%;

	margin-bottom: 20px;

	border-radius: 10px;

	overflow: hidden;

	padding-top: 40%;

}





/*.ProductInfo .Part2 .Part2_t .PartBigImg img{width:100%;}*/



.ProductInfo .Part2 .Part2_t .Part2_tbox img {

	max-width: 100%;

	height: 100%;

	transition: all 0.6s;

	border-radius: 10px
}



.ProductInfo .Part2 .Part2_t .Part2_tbox:hover>img {

	transform: scale(1.1);

}



.ProductInfo .Part2 .PartNav {

	height: 55px;

	width: 100%;

	background: white;

	border: solid 1px #cdcdcd;

	box-shadow: 0px 5px 5px #cccccc;

	line-height: 55px;

}



.ProductInfo .Part2 .PartNav.fix {

	position: fixed;

	top: 0;

	left: 0;

	z-index: 99;

	width: 100%;

}



.ProductInfo .Part2 .PartNav ul {

	max-width: 1200px;

	margin: 0 auto;

}



.ProductInfo .Part2 .PartNav ul::after {

	content: '';

	display: block;

	clear: both;

}



.ProductInfo .Part2 .PartNav ul li {

	width: calc(100% / 3);

	float: left;

	text-align: center;

	border-left: 1px solid #eee;

	box-sizing: border-box;

}



.ProductInfo .Part2 .PartNav ul li:first-child {

	border-left: none;

}



.ProductInfo .Part2 .PartNav ul li::after {

	content: '';

	display: block;

	width: 100%;

	height: 2px;

	background: #df202e;

	transform: rotateY(90deg);

	-webkit-transform: rotateY(90deg);

	transition: all .5s;

	-webkit-transition: all .5s;

}



.ProductInfo .Part2 .PartNav ul li.onli::after {

	transform: rotateY(0);

	-webkit-transform: rotateY(0);

}



.ProductInfo .Part2 .PartBox {

	padding-top: 40px;

}



.ProductInfo .Part2 .PartBox .PartCon {

	margin-bottom: 80px;

}



.ProductInfo .Part2 .PartBox .PartCon .pdc_tit {

	text-align: center;

	margin-bottom: 40px;

}



.PartCon .videoView {

	max-width: 800px;

	margin: 0 auto;

}



.PartCon .videoView video {

	width: 100%;

}



.ProductInfo .Part2 .PartBox .PartCon .pdc_tit .blackLine {

	margin-bottom: 9px;

	display: inline-block;

	width: 149px;

	height: 2px;

	background-color: #000000;

	line-height: 30px;

}



.ProductInfo .Part2 .PartBox .PartCon .pdc_tit span {

	margin-left: 28px;

	margin-right: 23px;

	font-weight: bold;

	font-size: 30px;

	letter-spacing: 0px;

	color: #000000;

}



.ProductInfo .Part2 .PartBox .PartCon .pdc_Content {

	color: #666;

	line-height: 30px;

}



.ProductInfo .Part2 .PartBox .PartCon .pdc_Content.pdot p {

	padding-left: 20px;

	position: relative;

}



/*.ProductInfo .Part2 .PartBox .PartCon .pdc_Content.pdot p::before {*/

/*content: "";*/

/*display: block;*/

/*width: 5px;*/

/*height: 5px;*/

/*background: #df202e;*/

/*border-radius: 50%;*/

/*position: absolute;*/

/*left: 0;*/

/*top: 12px;*/

/*}*/



.ProductInfo .Part2 .PartBox .PartCon .pdc_Content img {

	display: block;

	margin: 0 auto;

}



.ProductInfo .Part2 .PartBox .PartCon .pdc_Content iframe {

	margin: 0 auto;

	display: block;

	width: 100%;

	max-width: 800px;

	height: 480px;

}



.ProductInfo .Part2 .PartBox .PartCon .pdc_Content strong {

	color: #df202e;

	margin-bottom: 10px;

}



.w1200 {

	width: 95%;

	max-width: 1200px;

	margin: 0 auto;

}



.ProductInfo .Part2 .PartBox .PartCon .pdc_Content .tableBox {

	height: auto;

	overflow-y: auto;

	padding-right: 10px;

}



.ProductInfo .Part2 .PartBox .PartCon .pdc_Content .tableBox table {

	border-collapse: collapse;

	border: none;

	width: 100%;

}



.ProductInfo .Part2 .PartBox .PartCon .pdc_Content .tableBox td {

	text-align: center;

	vertical-align: middle;

	height: 32px;

	border: solid #818181 1px;

}



.ProductInfo .Part2 .PartBox .PartCon .pdc_Content .tableBox .tdTitle {

	border: 0;

	padding: 30px 0 10px;

	vertical-align: middle;

	cursor: pointer;

	width: 250px;

}



.ProductInfo .Part2 .PartBox .PartCon .pdc_Content .tableBox .suo {

	width: 16px;

	height: 20px;

	display: inline-block;

	background: url(../images/suo.png) no-repeat center center;

	vertical-align: middle;

	margin-right: 5px;

}



.ProductInfo .Part2 .PartBox .PartCon .pdc_Content .tableBox .addCompare {

	display: block;

	width: 73px;

	height: 20px;

	line-height: 20px;

	background-color: #d7000d;

	border-radius: 5px;

	color: white;

	margin: 0 auto;

}



.ProductInfo .Part2 .PartBox .PartCon .pdc_Content .tableBox .tdTitle.on .suo {

	background: url(../images/fang.png) no-repeat center center;

}



.ProductInfo .Part2 .PartBox .PartCon .pdc_Content .tableBox table.on {

	display: none;

}



.ProductInfo .Part2 .PartBox .PartCon .pdcContent {

	max-width: 1200px;

	margin: 0 auto;

}



.ProductInfo .Part2 .PartBox .PartCon:nth-child(2) .pdcContent {

	margin-top: -20px;

}



.ProductInfo .Part2 .PartBox .PartCon .pdcContent .box {

	margin-bottom: 30px;

}



.ProductInfo .Part2 .PartBox .PartCon .pdcContent .box .tit {

	font-size: 20px;

	font-weight: bold;

	background: url(../images/down.png) no-repeat center right;

	margin-bottom: 20px;

	cursor: pointer;

	padding-bottom: 15px;

	border-bottom: 1px solid #e6e6e6;

}



.ProductInfo .Part2 .PartBox .PartCon .pdcContent .box .pdc_Content {

	display: none;

}



.ProductInfo .Part2 .PartBox .PartCon .pdcContent .cptdbox {

	width: 31.333%;

	float: left;

	text-align: center;

	padding-bottom: 30px;

	background: #f9f9f9;

	margin-top: 20px;

}



.ProductInfo .Part2 .PartBox .PartCon .pdcContent .cptdbox .imgbox {

	padding-top: 70%;

}



.ProductInfo .Part2 .PartBox .PartCon .pdcContent .cptdbox:nth-child(2),

.ProductInfo .Part2 .PartBox .PartCon .pdcContent .cptdbox:nth-child(5) {

	margin-left: 3%;

	margin-right: 3%;

}



.ProductInfo .Part2 .PartBox .PartCon .pdcContent .cptdbox p {

	color: #666;

	font-size: 16px;

	padding: 0 20px;

	line-height: 30px;

	height: 60px;

	overflow: hidden;

	text-overflow: ellipsis;

	display: box;

	display: -webkit-box;

	-webkit-line-clamp: 2;

	-webkit-box-orient: vertical;

	text-align: left;

}



.ProductInfo .Part2 .PartBox .PartCon .pdcContent .cptdbox h2 {

	font-size: 20px;

	margin: 10px auto;

	color: #333;

}



.ProductInfo .Part2 .PartBox .ProInfoBtn {

	width: 60%;

	max-width: 300px;

	margin: 0 auto;

	height: 55px;

	line-height: 55px;

	background: #df202e;

	text-align: center;

	margin: 65px auto;

}



.ProductInfo .Part2 .PartBox .ProInfoBtn a {

	color: #fff;

}



.ProductInfo .Part2 .PartBox .ProInfoBtn img {

	display: inline-block;

	margin-left: 10px;

}



@media(max-width:768px) {

	.ProductInfo .Part2 .Part2_t .Part2_tbox {

		width: 48%;

		height: 120px;

		margin-bottom: 20px;

	}

	.ProductInfo .Part2 .Part2_t .Part2_tbox img {

		width: 100%
	}

	.ProductInfo .Part2 .Part2_t .Part2_tbox p {

		font-size: 16px;

		height: 40px;

		line-height: 40px;

	}

	.ProductInfo .Part2 .PartBox .PartCon {

		margin-bottom: 40px;

	}

	.ProductInfo .Part2 .PartBox .PartCon .pdcContent .cptdbox {

		width: 48.333%;

		padding-bottom: 20px;

	}

	.ProductInfo .Part2 .PartBox .PartCon .pdcContent .cptdbox:nth-child(2),

	.ProductInfo .Part2 .PartBox .PartCon .pdcContent .cptdbox:nth-child(5) {

		margin-left: 0%;

		margin-right: 0%;

	}

	.ProductInfo .Part2 .PartBox .PartCon .pdcContent .cptdbox p {

		font-size: 14px;

		line-height: 18px;

	}

	.ProductInfo .Part2 .PartBox .PartCon .pdcContent .cptdbox:nth-child(2n) {

		float: right;

	}

	.ProductInfo .Part2 .PartBox .PartCon .pdcContent .cptdbox h2 {

		margin: 5px auto;

		font-size: 18px
	}

}



@media(max-width:480px) {

	.ProductInfo .Part2 .PartBox .PartCon .pdcContent .cptdbox {

		width: 100%;

	}

}



.ProInfoForm {

	max-width: 1000px;

	margin: 0 auto;

	padding-top: 15px;

}



.ProInfoForm .inputBox {

	padding-left: 100px;

	position: relative;

	box-sizing: border-box;

	height: 50px;

	line-height: 50px;

	margin-bottom: 20px;

}



.ProInfoForm .inputBox input {

	border-radius: 5px;

	height: 100%;

	width: 100%;

	border: 1px solid #ccc;

	box-sizing: border-box;

	padding: 0 10px;

}



.ProInfoForm .inputBox span {

	width: 100px;

	text-align: right;

	position: absolute;

	left: 0;

	top: 0;

}



.ProInfoForm .InputList {

	margin-left: -2%;

}



.ProInfoForm .InputList::after {

	content: '';

	display: block;

	clear: both;

}



.ProInfoForm .InputList .inputBox {

	width: 48%;

	margin-left: 2%;

	float: left;

}



.ProInfoForm .inputBox.textareaBox {

	height: auto;

}



.ProInfoForm .inputBox.textareaBox textarea {

	height: 150px;

	line-height: 50px;

	border: 1px solid #ccc;

	border-radius: 5px;

	width: 100%;

	padding: 0 10px;

	box-sizing: border-box;

}



.ProInfoForm .FormBtn {

	padding-left: 100px;

	margin-top: 30px;

}



.ProInfoForm .FormBtn button {

	width: 200px;

	height: 50px;

	border-radius: 5px;

	background: #df202e;

	text-align: center;

	line-height: 50px;

	color: #fff;

	letter-spacing: 0.2em;

}



@media(max-width:768px) {

	.ProductInfo .Part1 .ProductInfoImg {

		width: 100%;

	}

	.ProductInfo .Part1 .ProductInfoTxt {

		width: 100%;

		margin-top: 20px;

	}

	.ProductInfo .Part2 {

		margin-top: 40px;

	}

	.ProductInfo .Part2 .PartBox {

		padding-top: 40px;

	}

	.ProductInfo .Part2 .PartBox .PartCon .pdc_tit span {

		font-size: 22px;

	}

	.ProductInfo .Part2 .PartBox .PartCon .pdc_tit .blackLine {

		width: 100px;

	}

	.ProductInfo .Part2 .PartBox .PartCon .pdcContent .box .tit {

		font-size: 16px;

		padding-bottom: 10px;

		margin-bottom: 10px;

	}

}



@media(max-width:480px) {

	.ProductInfo .Part2 .PartBox .PartCon .pdc_Content iframe {

		max-width: 90%;

		height: 250px;

	}

	.ProductInfo .Part1 .ProductInfoImg .slider-for .item {

		height: 250px;

		line-height: 250px;

	}

	.ProductInfo .Part1 .ProductInfoImg .slider-for .slick-arrow {

		width: 35px;

		height: 35px;

		margin-top: -17.5px;

	}

	.ProductInfo .Part1 .ProductInfoImg .slider-for .slick-arrow::before {

		font-size: 18px;

		line-height: 35px;

	}

	.ProductInfo .Part1 .ProductInfoImg .slider-nav .item .img {

		height: 70px;

		line-height: 70px;

	}

	.ProductInfo .Part1 .ProductInfoTxt .tit h1 {

		font-size: 18px;

	}

	.ProductInfo .Part1 .ProductInfoTxt .dec {

		margin: 20px 0;

		line-height: 25px;

	}

	.ProductInfo .Part2 .PartNav {

		height: 40px;

		line-height: 40px;

	}

	.ProductInfo .Part2 .PartBox .PartCon .pdc_tit .blackLine {

		width: 60px;

	}

	.ProductInfo .Part2 .PartBox .PartCon .pdc_tit span {

		font-size: 20px;

	}

	.ProductInfo .Part2 .PartBox .PartCon .pdc_tit {

		margin-bottom: 15px;

	}

	.ProductInfo .Part2 .PartBox .PartCon .pdc_Content {

		line-height: 25px;

	}

	.ProductInfo .Part1 .ProductInfoTxt .HqbjBtn a {

		width: 120px;

		height: 40px;

		line-height: 40px;

	}

	.ProductInfo .Part2 .PartBox .ProInfoBtn {

		height: 45px;

		line-height: 45px;

		margin: 30px auto;

	}

	.ProInfoForm {

		padding-top: 20px;

	}

	.ProInfoForm .InputList .inputBox {

		width: 98%;

		line-height: 40px;

		height: 40px;

	}

	.ProInfoForm .inputBox {

		margin-bottom: 5px;

	}

	.ProInfoForm .FormBtn {

		margin-top: 5px;

	}

	.ProInfoForm .FormBtn button {

		height: 40px;

		line-height: 40px;

	}

}





/* 客户案例 */



.nNav .Contain.W1344 {

	max-width: 1344px;

	margin: 0 auto;

	width: 95%;

}



.Case {

	padding: 60px 0;

}



.Case .Contain {

	max-width: 1344px;

	margin: 0 auto;

	width: 95%;

}



.Case .CaseBox {

	margin-left: -5%;

}



.Case .CaseBox .item {

	width: 28.33%;

	float: left;

	margin-left: 5%;

	margin-bottom: 60px;

	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

}



.Case .CaseBox .item .img {

	padding-top: 65%;

}



.Case .CaseBox .item .img span {

	transition: all .5s;

	-webkit-transition: all .5s;

}



.Case .CaseBox .item .txt {

	padding: 25px 20px;

	padding-right: 200px;

	position: relative;

}



.Case .CaseBox .item .txt .caseLogo {

	width: 100px;

	position: absolute;

	right: 20px;

	top: 50%;

	transform: translateY(-50%);

	-webkit-transform: translateY(-50%);

	text-align: center;

}



.Case .CaseBox .item .txt .caseLogo img {

	max-width: 100%;

}



.Case .CaseBox .item .txt .txtbox {
	height: 60px;
}



.Case .CaseBox .item .txt .txtbox h1 {

	font-size: 22px;

}



.Case .CaseBox .item .txt .txtbox span {

	display: inline-block;

	height: 32px;

	line-height: 32px;

	border-radius: 32px;

	padding: 0 10px;

	background: #ededed;

	font-size: 14px;

	color: #999;

	margin-top: 10px;

}



.Case .CaseBox .item .CaseMore {

	margin-bottom: 30px;

	padding: 0 20px;

	color: #999;

}



.Case .CaseBox .item:hover .img span {

	transform: scale(1.05);

	-webkit-transform: scale(1.05);

}



.Case .More {

	width: 60%;

	max-width: 300px;

	margin: 0 auto;

	height: 55px;

	line-height: 55px;

	background: #df202e;

	text-align: center;

	margin: 0 auto;

}



.Case .More a {

	color: #fff;

}



.Case .More img {

	display: inline-block;

	margin-left: 10px;

}





/* .nNav ul{display: block;white-space:normal;} */



@media(max-width:1366px) {

	.Case .CaseBox .item .txt {

		padding-right: 170px;

	}

	.Case .CaseBox .item .txt .caseLogo {

		width: 150px;

	}

}



@media(max-width:1200px) {

	.Case .CaseBox .item .txt {

		padding: 20px;

		padding-right: 100px;

	}

	.Case .CaseBox .item .txt .caseLogo {

		width: 80px;

	}

	.Case .CaseBox .item .txt .txtbox h1 {

		font-size: 18px;

	}

	.Case .CaseBox .item .CaseMore {

		font-size: 14px;

	}

}



@media(max-width:992px) {

	.Case {

		padding: 30px 0;

	}

	.Case .CaseBox .item {

		width: 48%;

	}

}



@media(max-width:768px) {

	.Case .CaseBox .item {

		width: 45%;

	}

}



@media(max-width:480px) {

	.Case .CaseBox .item {

		width: 95%;

		margin-bottom: 20px;

	}

	.Case .CaseBox .item .txt {

		padding-right: 120px;

	}

	.Case .CaseBox .item .txt .caseLogo {

		width: 100px;

	}

	.Case .More {

		height: 45px;

		line-height: 45px;

		margin: 30px auto;

	}

}





/* 案例详情 */



.CaseInfo {

	padding: 60px 0;

}



.CaseInfo .w1200 {

	max-width: 1000px;

}



.CaseInfo .Part1 {

	/* padding-left: 250px; */

	position: relative;

	border-bottom: 1px solid #e6e6e6;

	padding-bottom: 20px;

}



.CaseInfo .Part1 .caseLogo {

	width: 220px;

	position: absolute;

	left: 0;

	top: 0;

	display: none;

}



.CaseInfo .Part1 .Txt .tit {

	margin-bottom: 20px;

	text-align: center;

}



.CaseInfo .Part1 .Txt .tit em {

	display: inline-block;

	font-size: 30px;

	line-height: 40px;

	color: #444;

}



.CaseInfo .Part1 .Txt .tit span {

	margin-left: 12px;

	margin-top: -5px;

	display: inline-block;

	font-size: 16px;

	line-height: 30px;

	color: #666;

	background: #ededed;

	border-radius: 30px;

	padding: 0 10px;

}



.CaseInfo .Part1 .Txt .dec {

	line-height: 30px;

	color: #666;

}



.CaseInfo .Part2 .CaseCon {

	margin-top: 50px;

	line-height: 30px;

	/*text-align: center;*/

	/* text-indent: 2em; */

}



.CaseInfo .Part2 .CaseCon video {

	width: 100% !important;

	height: auto;

	margin: 20px;

}



.CaseInfo .Part2 .CaseCon img {

	display: block;

	margin: 0 auto;

	width: 100% !important;

	/*max-width: 560px;*/

}



.CaseInfo .Part3 {

	margin-top: 50px;

}



.CaseInfo .Part3 .PartTit {

	padding-left: 15px;

	position: relative;

	font-size: 22px;

	font-weight: bold;

	color: #000;

	margin-bottom: 20px;

}



.CaseInfo .Part3 .PartTit::before {

	content: '';

	display: block;

	width: 3px;

	height: 20px;

	background: #df202e;

	position: absolute;

	left: 0;

	top: 50%;

	margin-top: -10px;

	margin-bottom: 10px;

}



.CaseInfo .Part3 .PartBox {

	margin-left: -2%;

}



.CaseInfo .Part3 .PartBox::after {

	content: '';

	display: block;

	clear: both;

}



.CaseInfo .Part3 .PartBox .item {

	margin-bottom: 30px;

	width: 31.33%;

	float: left;

	background: #f5f5f5;

	margin-left: 2%;

}



.CaseInfo .Part3 .PartBox .item .img {

	padding-top: 240px;

}



.CaseInfo .Part3 .PartBox .item .img span {

	transition: all .5s;

	-webkit-transition: all .5s;

	background-size: cover;

}



.CaseInfo .Part3 .PartBox .item .txt {

	box-sizing: border-box;

	padding: 20px;

	/* display: flex;

    justify-content: center;

    flex-direction: column;*/

}



.CaseInfo .Part3 .PartBox .item .txt h1 {

	font-size: 18px;

	margin-bottom: 10px;

}



.CaseInfo .Part3 .PartBox .item .txt span {

	margin-bottom: 0;

	display: inline-block;

	height: 32px;

	line-height: 32px;

	border-radius: 32px;

	padding: 0 10px;

	background: #ededed;

	font-size: 14px;

	color: #999;

}



.CaseInfo .Part3 .PartBox .item .txt .dec {

	font-size: 14px;

	line-height: 28px;

	color: #999;

	/*height:20px;*/

}



.CaseInfo .Part3 .PartBox .item .txt .more {

	margin-top: 20px;

	font-size: 14px;

	color: #999;

}



.CaseInfo .Part3 .PartBox .item .txt .more img {

	display: inline-block;

	margin-left: 10px;

}



.CaseInfo .Part3 .PartBox .item:hover .img span {

	transform: scale(1.05);

	-webkit-transform: scale(1.05);

}



@media(max-width:768px) {

	.CaseInfo {

		padding: 30px 0;

	}

	.CaseInfo .Part3 .PartBox .item .img {

		padding-top: 220px;

	}

	.CaseInfo .Part3 .PartBox .item .txt {

		height: 220px;

	}

	.CaseInfo .Part1 .Txt .tit em {

		font-size: 22px;

	}

	.CaseInfo .Part3 .PartBox .item {

		width: 100%;

		margin-bottom: 20px;

	}

	.CaseInfo .Part3 .PartBox .item .img {

		width: 55%;

	}

	.CaseInfo .Part3 .PartBox .item .txt .more img {

		width: auto !important;

	}

}



@media(max-width:480px) {

	.CaseInfo .Part1 {

		padding-left: 0;

		padding-bottom: 5px;

	}

	.CaseInfo .Part1 .caseLogo {

		position: static;

		margin-bottom: 10px;

	}

	.CaseInfo .Part1 .Txt .tit {

		margin-bottom: 10px;

	}

	.CaseInfo .Part1 .Txt .tit em {

		font-size: 18px;

	}

	.CaseInfo .Part1 .Txt .tit span {

		font-size: 14px;

	}

	.CaseInfo .Part1 .Txt .dec {

		line-height: 25px;

	}

	.CaseInfo .Part2 .CaseCon {

		margin-top: 20px;

		line-height: 25px;

	}

	.CaseInfo .Part3 .PartTit {

		font-size: 20px;

	}

	.CaseInfo .Part3 .PartBox .item .img {

		width: 100%;

		padding-top: 65%;

	}

	.CaseInfo .Part3 .PartBox .item .txt {

		width: 100%;

		height: auto;

		padding: 20px;

	}

}





/* 关于我们 */



.About {

	padding: 60px 0 100px 0;

}



.aboutTit {

	margin-bottom: 30px;

}



.aboutTit h1 {

	font-size: 30px;

	color: #000;

	margin-bottom: 10px;

}



.aboutTit b {

	display: block;

	width: 15px;

	height: 2px;

	background: #df202e;

}



.aboutTit1 {

	text-align: center;

}



.aboutTit1 b {

	margin: 0 auto;

}



.Company .CompanyBox .Txt {

	width: 48%;

	line-height: 30px;

	height: 600px;

	overflow: auto;

	padding-right: 10px;

}



.Company .CompanyBox .Img {

	width: 48%;

	position: relative;

}





/*.Company .CompanyBox .Img video{

    position:absolute;

    top: 0;

    left: 0;

    z-index: 99;

}*/



.Company .CompanyBox .Img img {

	width: 100%;

}



.Company .CompanyBox .Txt::-webkit-scrollbar {

	width: 3px;

	height: 3px;

	-webkit-overflow-scrolling: touch;

	background-color: #e6e6e6;

}



.Company .CompanyBox .Txt::-webkit-scrollbar-track {

	background-color: #e6e6e6;

}



.Company .CompanyBox .Txt::-webkit-scrollbar-thumb {

	border-radius: 3px;

	background-color: #df202e;

}



.Company .CompanyBox .Txt::-webkit-scrollbar-button {

	height: 0px;

	background-color: #e6e6e6;

}



@media(max-width:1440px) {

	.Company .CompanyBox .Txt {

		height: 515px;

	}

}



@media(max-width:1366px) {

	.Company .CompanyBox .Txt {

		height: 500px;

	}

}



@media(max-width:1280px) {

	.Company .CompanyBox .Txt {

		height: 470px;

	}

}



@media(max-width:1024px) {

	.About {

		padding: 30px 0 50px 0;

	}

	.aboutTit {

		margin-bottom: 20px;

	}

	.aboutTit h1 {

		font-size: 20px;

	}

	.Company .CompanyBox .Txt {

		height: 380px;

	}

}



@media(max-width:768px) {

	.Company .CompanyBox .Txt {

		width: 100%;

		height: auto;

		line-height: 25px;

	}

	.Company .CompanyBox .Img {

		width: 100%;

		margin-top: 20px;

	}

}





/* 发展历程 */



@media(max-width:768px) {

	.Timeline000913 .title {

		padding-bottom: 6vw;

	}

}



@media(max-width:640px) {

	.Timeline000913 .title .cn {

		font-size: 6vw;

	}

}



.Timeline000913 .main {

	position: relative;

	z-index: 1;

	padding-bottom: 7.396vw;

}



.Timeline000913 .main .quan {

	display: block;

	width: 10px;

	height: 10px;

	border-radius: 50%;

	background: #fff;

	border: 1px solid #dedede;

}



.Timeline000913 .main:before {

	position: absolute;

	content: '';

	width: 1px;

	top: 10px;

	bottom: 0;

	background: #d9d9d9;

}



@media(min-width:769px) {

	.Timeline000913 .main .quan {

		margin: 0 auto;

	}

	.Timeline000913 .main:before {

		left: 50%;

	}

	.Timeline000913 .outer>.ytable-cell {

		width: 50%;

	}

}



@media(max-width:768px) {

	.Timeline000913 .outer,

	.Timeline000913 .outer>.ytable-cell {

		display: block;

	}

	.Timeline000913 .main:before {

		left: 5px;

	}

}



.Timeline000913 .item {

	position: relative;

	z-index: 4;

}



.Timeline000913 .item:not(:last-child) {

	margin-bottom: 2.08vw;

}



.Timeline000913 .info {

	position: relative;

}



.Timeline000913 .info:before {

	position: absolute;

	content: '';

	top: 50%;

	margin-top: -16px;

	border: 16px solid transparent;

}



.Timeline000913 .info .inner {

	background: #f0f0f0;

	padding: 1.5vw;

}



.Timeline000913 .pic {

	width: 32.787%;

}



.Timeline000913 .pre pre {

	font-size: 15px;

	line-height: 1.867em;

}



.Timeline000913 .year {

	font-family: DINB;

	color: #df202e;

	font-size: 40px;

}



.Timeline000913 .year aside {

	background-repeat: no-repeat;

	background-image: url("../images/yuan.png");

}



@media(min-width:769px) {

	.Timeline000913 .item:nth-of-type(2n-1) .info {

		padding-right: 32px;

	}

	.Timeline000913 .item:nth-of-type(2n) .info {

		padding-left: 32px;

	}

	.Timeline000913 .item:nth-of-type(2n-1) .info:before {

		right: 0;

		border-left-color: #f0f0f0;

	}

	.Timeline000913 .item:nth-of-type(2n) .info:before {

		left: 0;

		border-right-color: #f0f0f0;

	}

	.Timeline000913 .item:nth-of-type(2n-1) .pre {

		padding-left: 2vw;

	}

	.Timeline000913 .item:nth-of-type(2n) .pre {

		padding-right: 2vw;

	}

	.Timeline000913 .item:nth-of-type(2n-1) .year aside {

		margin-left: -10px;

		background-position: left center;

	}

	.Timeline000913 .item:nth-of-type(2n-1) .year aside:before,

	.Timeline000913 .item:nth-of-type(2n) .year aside:after {

		display: inline-block;

		content: '';

		width: 30px;

		height: 1px;

		vertical-align: middle;

		background: #d9d9d9;

		margin: -10px 32px 0;

	}

	.Timeline000913 .item:nth-of-type(2n) .year aside {

		background-position: right center;

		margin-right: -11px;

		text-align: right;

	}

}



@media(max-width:768px) {

	.Timeline000913 .main {

		margin-left: 3vw;

	}

	.Timeline000913 .year {

		font-size: 7vw;

	}

	.Timeline000913 .year aside {

		padding-left: 32px;

		background-position: left center;

		margin-left: -5px;

	}

	.Timeline000913 .year aside:before {

		display: inline-block;

		content: '';

		width: 30px;

		height: 1px;

		vertical-align: middle;

		background: #d9d9d9;

		margin: -1vw 3vw 0;

	}

	.Timeline000913 .info {

		padding: 3vw;

	}

	.Timeline000913 .pre {

		padding-left: 3vw;

	}

}



@media(max-width:480px) {

	.Timeline000913 .pic {

		width: 45%;

	}

	.Timeline000913 .pre pre {

		font-size: 3.5vw;

	}

}





/* 资质荣誉 */



.PicList002925 {

	background: #f5f5f5;

	padding: 3.125vw 0;

	overflow: hidden;

}



.PicList002925 .auto {

	max-width: 1400px;

}



.PicList002925 .title {

	margin-bottom: 2.5vw;

	text-align: center;

}



.PicList002925 .title .cn {

	font-size: 30px;

	color: #a52d33;

	padding-bottom: 10px;

	font-weight: bold;

}



.PicList002925 .title .en {

	font-family: 'bebas-neue';

	color: #d2d2d2;

	letter-spacing: 2px;

}



@media(max-width:768px) {

	.PicList002925 .title {

		padding-bottom: 6vw;

	}

}



@media(max-width:640px) {

	.PicList002925 .title .cn {

		font-size: 6vw;

	}

}



.PicList002925 .list {

	padding: 0 3.4375vw;

}



.PicList002925 .list ul {

	margin: 0 -2vw;

}



.PicList002925 li {

	float: left;

	text-align: center;

	position: relative;

	background: url("../images/piclist002925_taibg.png") repeat-x top 70% left;

}



.PicList002925 li a {

	display: block;

	position: relative;

	z-index: 3;

}



.PicList002925 li .pic {

	padding-bottom: 1.98vw;

}



.PicList002925 li .Ispic {

	padding-bottom: 55%;

	background-size: contain;

}



.PicList002925 li .tit {

	margin-top: 1.303vw;

	margin-bottom: 2.08vw;

	padding: 0 5%;

}



.PicList002925 li .tit aside {

	font-size: 16px;

	line-height: 1.25em;

	height: 2.5em;

}



@media(min-width:769px) {

	.PicList002925 li {

		width: 25%;

	}

	.PicList002925 li:first-child:before,

	.PicList002925 li:nth-child(4n+1):before {

		position: absolute;

		top: 0;

		content: '';

		height: 100%;

		background: url("../images/piclist002925_taibg_l.png") no-repeat left top 70% #f5f5f5;

		width: 7.4375vw;

		left: -2vw;

	}

	.PicList002925 li:last-child:before,

	.PicList002925 li:nth-child(4n):before {

		position: absolute;

		top: 0;

		content: '';

		height: 100%;

		background: url("../images/piclist002925_taibg_r.png") no-repeat right top 70% #f5f5f5;

		width: 7.4375vw;

		right: -2vw;

	}

}



@media(max-width:768px) {

	.PicList002925 .list {

		padding: 0 6vw;

	}

	.PicList002925 li {

		width: 50%;

	}

	.PicList002925 li .pic {

		padding-bottom: 7vw;

	}

	.PicList002925 li .tit {

		margin-bottom: 5vw;

	}

	.PicList002925 li:first-child:before,

	.PicList002925 li:nth-child(2n+1):before {

		position: absolute;

		top: 0;

		content: '';

		height: 100%;

		background: url("../images/piclist002925_taibg_l.png") no-repeat left top 70% #f5f5f5;

		width: 7.4375vw;

		left: -3vw;

	}

	.PicList002925 li:last-child:before,

	.PicList002925 li:nth-child(2n):before {

		position: absolute;

		top: 0;

		content: '';

		height: 100%;

		background: url("../images/piclist002925_taibg_r.png") no-repeat right top 70% #f5f5f5;

		width: 7.4375vw;

		right: -3vw;

	}

	.PicList002925 li .tit aside {

		font-size: 3vw;

	}

}





/* 组织架构 */



.Zuzhijg .ZuzhijgBox .p {

	text-align: center;

	font-size: 16px;

	color: #808080;

	line-height: 1.875em;

}



.Zuzhijg .ZuzhijgBox .ZuzhijgCon {

	margin-top: 2em;

}



.Zuzhijg .ZuzhijgBox h4 {

	text-align: center;

	font-size: 18px;

	color: #000;

}



.Zuzhijg .ZuzhijgBox h4:after {

	display: block;

	margin: 5px auto 0;

	content: '';

	border: 4px solid transparent;

	border-top-color: #a52d33;

	width: 0;

	height: 0;

	border-top-width: 6px;

}



.Zuzhijg .ZuzhijgBox .ZuzhijgCon .Img {

	background: #f0f0f0;

	padding: 3.125vw;

	margin-top: 10px;

}





/* 企业文化 */



.RighInfo003073 .col-title {

	font-size: 35px;

	padding-bottom: 3.18vw;

}



.RighInfo003073 .col-title .cn {

	font-size: 30px;

	color: #333;

}



.RighInfo003073 .col-title .cn:after {

	display: inline-block;

	content: '';

	height: 1px;

	background: #df202e;

	width: 5.36em;

	margin-left: 0.521em;

	vertical-align: middle;

}



.RighInfo003073 .col-title .en {

	font-family: 'Arial';

	color: #df202e;

	line-height: 1em;

	padding-top: 0.2em;

}



@media(min-width:769px) and (max-width:1024px) {

	.RighInfo003073 .col-title {

		font-size: 4vw;

	}

}



@media(max-width:640px) {

	.RighInfo003073 .col-title {

		font-size: 20px;

		margin-bottom: 10px;

	}

	.RighInfo003073 .col-title .cn {

		font-size: 22px;

	}

}



.RighInfo003073 .row {

	margin-bottom: 3vw;

}



.RighInfo003073 h3 {

	font-size: 24px;

	color: #df202e;

	margin: 0 0 0.3em 0;

}



.RighInfo003073 p {

	color: #939393;

	font-size: 16px;

	margin: 0;

}



.RighInfo003073 .box-2 {

	position: relative;

	z-index: 1;

}



.RighInfo003073 .box-2:before {

	position: absolute;

	left: 0;

	top: 0;

	height: 100%;

	width: 100%;

	background: #df202e;

	content: '';

}



.RighInfo003073 .box-2 .auto {

	position: relative;

	z-index: 5;

}



.RighInfo003073 .box-2 .y-1 {

	margin-bottom: 1.72vw;

	position: relative;

	z-index: 99;

}



.RighInfo003073 .box-2 .y-1 .ytable-cell {

	padding-left: 4.48vw;

	padding-top: 3vw;

}



.RighInfo003073 .box-2 .y-1 .ytable-cell:not(:nth-child(1)) * {

	color: #fff;

}



.RighInfo003073 .box-2 .y-2 {

	min-height: 14.58vw;

}



@media(min-width:1025px) {

	.RighInfo003073 .box-1 .fl {

		width: 48%;

	}

	.RighInfo003073 .box-1 .fr {

		width: 50%;

	}

	.RighInfo003073 .box-1 .col-title {

		padding-right: 40%;

	}

	.RighInfo003073 .box-2 .y-1 .ytable-cell:nth-child(1) {

		width: 50%;

	}

	.RighInfo003073 .box-2 .y-2 .ytable-cell {

		table-layout: fixed;

		padding-left: 4.48vw;

		width: 25%;

	}

}



@media(max-width:1024px) {

	.RighInfo003073 .box-2 .ytable,

	.RighInfo003073 .box-2 .ytable-cell {

		display: block;

		overflow: hidden;

	}

	.RighInfo003073 .box-2 .y-1 .row {

		width: 50%;

		float: left;

		padding-right: 2%;

	}

	.RighInfo003073 .box-2 .y-2 .ytable-cell {

		padding: 2vw 4vw;

	}

}



@media(max-width:640px) {

	.RighInfo003073 h3 {

		font-size: 4.5vw;

	}

	.RighInfo003073 p {

		font-size: 3.5vw;

	}

}





/* 销售网络 */



.Sale {

	padding: 60px 0;

}



.SaleNet .Img {

	text-align: center;

}



.SaleNet .Part1 {

	margin-bottom: 30px;

}



.aboutTit1 p {

	color: #666;

	margin-top: 10px;

}



.SaleNet .Part2 {

	padding: 60px 0;

	background: #f6f6f6;

	margin-bottom: 60px;

}



.SaleNet .Part2 .PartBox {

	max-width: 1200px;

	margin: 0 auto;

	margin-top: 5vw;

}



.SaleNet .Part2 .PartBox .item {

	width: 31.33%;

	margin: 0 1%;

	float: left;

	text-align: center;

	padding: 30px;

	box-sizing: border-box;

	background: #fff;

	box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);

}



.SaleNet .Part2 .PartBox .item .ico {

	height: 100px;

	width: 100px;

	border-radius: 50%;

	border: 1px solid #df202e;

	line-height: 100px;

	margin: 0 auto;

}



.SaleNet .Part2 .PartBox .item h1 {

	font-size: 22px;

	margin: 20px 0 10px 0;

}



.SaleNet .Part2 .PartBox .item .dec {

	font-size: 14px;

	color: #666;

	height: 40px;

}



.SaleNet .Part2 .PartBox .item .ico img {

	max-width: 48px;

	max-height: 48px;

}



@media(max-width:1024px) {

	.Sale {

		padding: 30px 0;

	}

	.SaleNet .Part2 .PartBox .item .ico {

		width: 70px;

		height: 70px;

		line-height: 70px;

	}

	.SaleNet .Part2 .PartBox .item .ico img {

		max-width: 35px;

		max-height: 35px;

	}

	.SaleNet .Part2 .PartBox .item h1 {

		font-size: 20px;

	}

}



@media(max-width:768px) {

	.SaleNet .Part2 .PartBox .item {

		padding: 20px 10px;

	}

}



@media(max-width:480px) {

	.SaleNet .Part2 .PartBox .item {

		width: 98%;

		margin-bottom: 10px;

	}

	.SaleNet .Part2 .PartBox .item h1 {

		font-size: 18px;

		margin: 10px 0 5px 0;

	}

}





/* 新闻中心 */



.News {

	padding: 60px 0;

}



.News .NewsBox .item {

	padding: 2.5vw;

}



.News .NewsBox .item:nth-child(2n+1) {

	background: #f5f5f5;

}



.News .NewsBox .item .img {

	width: 25%;

	padding-top: 220px;

}



.News .NewsBox .item .img span {

	transition: all .5s;

	-webkit-transition: all .5s;

}



.News .NewsBox .item .txt {

	width: 72%;

}



.News .NewsBox .item .txt .txtbox {

	padding-left: 120px;

	position: relative;

	padding-bottom: 20px;

	border-bottom: 1px dashed #ddd;

	margin-bottom: 25px;

}



.News .NewsBox .item .txt .txtbox .date {

	position: absolute;

	width: 100px;

	top: 0;

	left: 0;

	font-family: Oswald;

	text-align: center;

}



.News .NewsBox .item .txt .txtbox .date p {

	font-size: 50px;

	line-height: 50px;

	margin-bottom: 10px;

}



.News .NewsBox .item .txt .txtbox .date span {

	color: #777;

}



.News .NewsBox .item .txt .txtbox h1 {

	font-size: 18px;

	margin-bottom: 15px;

}



.News .NewsBox .item .txt .txtbox .dec {

	font-size: 14px;

	line-height: 25px;

	color: #777;

	height: 75px;

}



.News .NewsBox .item .txt .newsMore {

	float: right;

	width: 105px;

	height: 38px;

	line-height: 36px;

	border: 2px solid #e1e1e1;

	text-align: center;

	font-size: 14px;

}



.News .NewsBox .item:hover .img span {

	transform: scale(1.05);

	-webkit-transform: scale(1.05);

}



.News .NewsBox .item:hover .txt .newsMore {

	background: #df202e;

	color: #fff;

}



@media(max-width:1024px) {

	.News {

		padding: 30px 0;

	}

}



@media(max-width:768px) {

	.News .NewsBox .item .img {

		width: 100%;

		padding-top: 65%;

	}

	.News .NewsBox .item .txt {

		width: 100%;

		margin-top: 20px;

	}

}



@media(max-width:480px) {

	.News .NewsBox .item {

		padding-bottom: 20px;

	}

	.News .NewsBox .item .txt .txtbox {

		padding-left: 70px;

		padding-bottom: 10px;

		margin-bottom: 10px;

	}

	.News .NewsBox .item .txt .txtbox .date {

		width: 60px;

	}

	.News .NewsBox .item .txt .txtbox .date p {

		font-size: 25px;

		line-height: 25px;

	}

	.News .NewsBox .item .txt .txtbox h1 {

		font-size: 16px;

		margin-bottom: 5px;

	}

	.News .NewsBox .item .txt .newsMore {

		width: 90px;

		height: 28px;

		line-height: 26px;

		font-size: 12px;

	}

}





/* 新闻详情 */



.NewsInfo {

	padding: 60px 0;

}



.Titleinfo {

	border-bottom: 1px solid #e6e6e6;

	text-align: center;

	margin-bottom: 35px;

	padding: 0px 0 18px;

}



.Titleinfo .tits {

	font-size: 26px;

	color: #010101;

	line-height: 40px;

}



.Titleinfo .date {

	font-size: 14px;

	padding: 5px 0 0 0;

	color: #808080;

}



.Titleinfo .date i {

	display: inline-block;

	margin: 0 10px;

}



.Titleinfo .share {

	display: inline-block;

	*display: inline;

	zoom: 1;

	vertical-align: middle;

}



.PrevNextBox {

	margin: 50px 0 0 0;

	position: relative;

	padding-top: 11px;

	border-top: 1px solid #e6e6e6;

	color: #888888;

	font-size: 16px;

}



.PrevNextBox dl {

	width: 70%;

	line-height: 50px;

	height: 50px;

	overflow: hidden;

	border-bottom: 1px dotted #d9d9d9;

	position: relative;

	display: flex;
	align-items: center;

}



.PrevNextBox dl span {

	padding: 0 75px 0 55px;

	position: relative;

	display: block;

}



.PrevNextBox dl span em {

	position: absolute;

	left: 0px;

	top: 0px;

	color: #333333;

}



.PrevNextBox dl span .date {

	position: absolute;

	right: 0;

	top: 0;

	color: #808080;

	font-size: 14px;

	font-family: Arial, Helvetica, sans-serif;

}



.PrevNextBox dl a {

	flex: 1;

	margin: 0px auto;

	display: block;

	text-overflow: ellipsis;

	white-space: nowrap;

	*white-space: nowrap;

	overflow: hidden;

	width: 95%;

	color: #333333;

}



.PrevNextBox dl a.none {

	color: #999;

}



.PrevNextBox a.back {

	position: absolute;

	right: 0;

	top: 54px;

	color: #b30506;

	font-size: 16px;

	padding-right: 31px;

	background: url(../images/back.png) right center no-repeat;

}



.SinglePage {

	line-height: 30px;

}



.SinglePage img {

	display: block;

	max-width: 1200px;

	margin: 10px auto 0;

	width: 100%;

}



@media(max-width:768px) {

	.NewsInfo {

		padding: 30px 0;

	}

	.Titleinfo {

		line-height: 20px;

		font-size: 12px;

		padding-bottom: 15px;

		margin-bottom: 20px;

	}

	.Titleinfo .tits {

		font-size: 18px;

		line-height: 24px;

		padding-bottom: 10px;

	}

	.Titleinfo .share {

		display: none;

	}

	.PrevNextBox {

		margin: 50px 0 0 0;

		font-size: 14px;

	}

	.PrevNextBox dl {

		width: auto;

		line-height: 30px;

		height: 30px;

		margin-bottom: 8px;

	}

	.PrevNextBox dl span {

		padding-left: 45px;

	}

	.PrevNextBox a.back {

		font-size: 14px;

		top: -35px;

	}

}





/* 成为经销商 */





/* 售前服务 */



.Jingxiaos {

	padding: 60px 0;

}



.Jingxiaos .Part1 .PartBox {

	background: url(../images/jxsbg.png) no-repeat center center;

	background-size: cover;

	text-align: center;

	padding: 60px 0;

}



.Jingxiaos .Part1 .PartBox .txt .tit {

	font-size: 25px;

	font-weight: bold;

	color: #000;

	margin-bottom: 10px;

}



.Jingxiaos .Part1 .PartBox .txt .tit::before,

.Jingxiaos .Part1 .PartBox .txt .tit::after {

	content: '';

	display: inline-block;

	width: 150px;

	height: 2px;

	background: #333;

	margin: 0 10px;

	position: relative;

	top: -7px;

}



.Jingxiaos .Part1 .PartBox .txt .dec {

	color: #000;

	margin: 2vw 0;

}



.Jingxiaos .Part1 .PartBox .txt .dec h3 {

	font-size: 22px;

}



.Jingxiaos .Part1 .PartBox .txt .dec p {

	font-size: 18px;

	margin: 1vw 0;

}



.Jingxiaos .Part1 .PartBox .txt .dec .sp1 {

	font-size: 20px;

}



.Jingxiaos .Part1 .PartBox .txt .dec .sp2 {

	font-size: 36px;

}



.Jingxiaos .Part1 .PartBox .txt .dec h1 {

	font-size: 30px;

}



.Jingxiaos .Part1 .PartBox ul {

	max-width: 1000px;

	margin: 0 auto;

	margin: 4vw auto;

}



.Jingxiaos .Part1 .PartBox ul::after {

	content: '';

	display: block;

	clear: both;

}



.Jingxiaos .Part1 .PartBox ul li {

	width: 33.33%;

	float: left;

	box-sizing: border-box;

	padding: 0 1.5vw;

}



.Jingxiaos .Part1 .PartBox ul li .ico {

	width: 100px;

	height: 100px;

	background: #fff;

	text-align: center;

	line-height: 100px;

	border-radius: 50%;

	margin: 0 auto;

}



.Jingxiaos .Part1 .PartBox ul li .ico img {

	max-width: 50px;

	max-height: 50px;

}



.Jingxiaos .Part1 .PartBox ul li p {

	font-size: 18px;

	font-weight: bold;

	margin-top: 20px;

	line-height: 30px;

	text-align: center;

	height: 60px;

}



.Jingxiaos .Part1 .PartBox .apply {}



.Jingxiaos .Part1 .PartBox .apply a {

	display: block;

	width: 150px;

	height: 45px;

	line-height: 45px;

	border-radius: 5px;

	color: #fff;

	text-align: center;

	background: #df202e;

	margin: 0 auto;

}



.Jingxiaos .Part1 .PartBox ul li:hover .ico {

	-webkit-animation: icon-bounce 0.5s alternate;

	-moz-animation: icon-bounce 0.5s alternate;

	-o-animation: icon-bounce 0.5s alternate;

	animation: icon-bounce 0.5s alternate;

}



.Jingxiaos .Part2 {

	background-size: cover;

	background-repeat: no-repeat;

	background-position: center;

	padding: 60px 0;

}



.Jingxiaos .Part2 .aboutTit h1 {

	color: #fff;

}



.Jingxiaos .Part2 .PartBox {

	max-width: 1000px;

	margin: 0 auto;

	margin: 5vw auto 2vw;

}



.Jingxiaos .Part2 .PartBox ul {

	margin-left: -5%;

}



.Jingxiaos .Part2 .PartBox ul::after {

	content: '';

	display: block;

	clear: both;

}



.Jingxiaos .Part2 .PartBox ul li {

	width: 15%;

	margin-left: 5%;

	float: left;

	height: 200px;

	background: rgba(0, 0, 0, 0.2);

	display: flex;

	justify-content: center;

	flex-direction: column;

	box-sizing: border-box;

	padding: 15px;

	position: relative;

}



.Jingxiaos .Part2 .PartBox ul li .ico {

	height: 50px;

	line-height: 50px;

	text-align: center;

}



.Jingxiaos .Part2 .PartBox ul li .ico img {

	max-height: 50px;

}



.Jingxiaos .Part2 .PartBox ul li p {

	font-size: 16px;

	font-weight: bold;

	color: #fff;

	line-height: 28px;

	height: 56px;

	margin-top: 20px;

	text-align: center;

}



.Jingxiaos .Part2 .PartBox ul li::before {

	content: "";

	display: block;

	width: 32px;

	height: 32px;

	background: url(../images/xy.png) no-repeat center center;

	background-size: 100%;

	position: absolute;

	left: -26%;

	top: 50%;

	transform: translateY(-50%);

	-webkit-transform: translateY(-50%);

}



.Jingxiaos .Part2 .PartBox ul li:first-child:before {

	display: none;

}



.Jingxiaos .Part2 .PartBox ul li:hover .ico {

	-webkit-animation: icon-bounce 0.5s alternate;

	-moz-animation: icon-bounce 0.5s alternate;

	-o-animation: icon-bounce 0.5s alternate;

	animation: icon-bounce 0.5s alternate;

}



.Jingxiaos .Part3 {

	padding: 60px 0;

}



.Jingxiaos .Part3 .PartBox {

	background: url(../images/formbg.png) no-repeat center center;

	background-size: cover;

	max-width: 1200px;

	margin: 0 auto;

}



.Jingxiaos .Part3 .PartBox .PartForm {

	padding: 4vw 2vw;

	max-width: 1000px;

	margin: 0 auto;

}



.Jingxiaos .Part3 .PartBox .PartForm .inputBox {

	padding-left: 90px;

	position: relative;

	box-sizing: border-box;

	height: 50px;

	line-height: 50px;

	margin-bottom: 20px;

}



.Jingxiaos .Part3 .PartBox .PartForm .inputBox input {

	border-radius: 5px;

	height: 100%;

	width: 100%;

	border: 1px solid #fff;

	box-sizing: border-box;

	padding: 0 10px;

	background: #fff;

}



.Jingxiaos .Part3 .PartBox .PartForm .inputBox span {

	width: 90px;

	text-align: right;

	position: absolute;

	left: 0;

	top: 0;

	color: #fff;

	padding-right: 10px;

}



.Jingxiaos .Part3 .PartBox .PartForm .InputList {

	margin-left: -2%;

}



.Jingxiaos .Part3 .PartBox .PartForm .InputList::after {

	content: '';

	display: block;

	clear: both;

}



.Jingxiaos .Part3 .PartBox .PartForm .InputList .inputBox {

	width: 48%;

	margin-left: 2%;

	float: left;

}



.Jingxiaos .Part3 .PartBox .PartForm .inputBox.textareaBox {

	height: auto;

}



.Jingxiaos .Part3 .PartBox .PartForm .inputBox.textareaBox textarea {

	height: 150px;

	line-height: 50px;

	border: 1px solid #ccc;

	border-radius: 5px;

	width: 100%;

	padding: 0 10px;

	box-sizing: border-box;

	background: #fff;

}



.Jingxiaos .Part3 .PartBox .PartForm .FormBtn {

	padding-left: 90px;

	margin-top: 30px;

}



.Jingxiaos .Part3 .PartBox .PartForm .FormBtn button {

	width: 150px;

	height: 50px;

	border-radius: 5px;

	background: #fff;

	text-align: center;

	line-height: 50px;

	color: #df202e;

}



.Jingxiaos .Part3 .PartBox .PartForm .FormBtn button.reset {

	margin-right: 10px;

}



@media(max-width:1024px) {

	.Jingxiaos {

		padding: 30px 0;

	}

	.Jingxiaos .Part1 .PartBox {

		padding: 30px 0;

	}

	.Jingxiaos .Part1 .PartBox .txt .tit {

		font-size: 20px;

	}

	.Jingxiaos .Part1 .PartBox .txt .dec h3 {

		font-size: 18px;

	}

	.Jingxiaos .Part1 .PartBox .txt .dec p {

		font-size: 14px;

	}

	.Jingxiaos .Part1 .PartBox .txt .dec h1 {

		font-size: 25px;

	}

	.Jingxiaos .Part2 {

		padding: 30px 0;

	}

	.Jingxiaos .Part3 {

		padding: 30px 0;

	}

	.Jingxiaos .Part1 .PartBox .txt .dec .sp1 {

		font-size: 18px;

	}

	.Jingxiaos .Part1 .PartBox .txt .dec .sp2 {

		font-size: 30px;

	}

}



@media(max-width:768px) {

	.Jingxiaos .Part1 .PartBox ul li .ico {

		width: 80px;

		line-height: 80px;

		height: 80px;

	}

	.Jingxiaos .Part1 .PartBox ul li .ico img {

		max-height: 40px;

		max-width: 40px;

	}

	.Jingxiaos .Part1 .PartBox ul li p {

		font-size: 16px;

	}

	.Jingxiaos .Part2 .PartBox ul li .ico {

		height: 40px;

		line-height: 40px;

	}

	.Jingxiaos .Part2 .PartBox ul li .ico img {

		max-height: 35px;

	}

	.Jingxiaos .Part2 .PartBox ul li {

		padding: 5px;

	}

	.Jingxiaos .Part1 .PartBox .txt .dec .sp1 {

		font-size: 16px;

	}

	.Jingxiaos .Part1 .PartBox .txt .dec .sp2 {

		font-size: 26px;

	}

}



@media(max-width:480px) {

	.Jingxiaos .Part1 .PartBox .txt .tit::before,

	.Jingxiaos .Part1 .PartBox .txt .tit::after {

		display: none;

	}

	.Jingxiaos .Part1 .PartBox .txt .dec h1 {

		font-size: 22px;

	}

	.Jingxiaos .Part1 .PartBox ul li .ico {

		width: 65px;

		height: 65px;

		line-height: 65px;

	}

	.Jingxiaos .Part1 .PartBox ul li .ico img {

		max-height: 30px;

		max-width: 30px;

	}

	.Jingxiaos .Part1 .PartBox ul li p {

		font-size: 14px;

		line-height: 22px;

	}

	.Jingxiaos .Part1 .PartBox .apply a {

		width: 120px;

		height: 35px;

		line-height: 35px;

	}

	.Jingxiaos .Part2 .PartBox ul {

		margin-left: -2%;

	}

	.Jingxiaos .Part2 .PartBox ul li {

		width: 31.33%;

		margin-left: 2%;

		margin-bottom: 10px;

		height: 150px;

	}

	.Jingxiaos .Part2 .PartBox ul li::before {

		display: none;

	}

	.Jingxiaos .Part2 .PartBox ul li p {

		font-size: 14px;

		line-height: 22px;

	}

	.Jingxiaos .Part3 .PartBox .PartForm .InputList .inputBox {

		width: 98%;

	}

	.Jingxiaos .Part3 .PartBox .PartForm .inputBox {

		margin-bottom: 5px;

	}

	.Jingxiaos .Part3 .PartBox .PartForm .InputList .inputBox {

		width: 98%;

		line-height: 40px;

		height: 40px;

	}

	.Jingxiaos .Part3 .PartBox .PartForm .inputBox {

		margin-bottom: 5px;

	}

	.Jingxiaos .Part3 .PartBox .PartForm .FormBtn {

		margin-top: 5px;

	}

	.Jingxiaos .Part3 .PartBox .PartForm .FormBtn button {

		width: 100px;

		height: 40px;

		line-height: 40px;

	}

	.Jingxiaos .Part1 .PartBox .txt .dec .sp2 {

		font-size: 20px;

	}

}





/* 悬浮框 */



.FloatBox {

	position: fixed;

	right: 0;

	z-index: 999;

	bottom: -60px;

}



.FloatBox ul li {

	width: 60px;

	height: 60px;

	line-height: 60px;

	text-align: center;

	background: #df202e;

	margin-bottom: 1px;

	position: relative;

}



.FloatBox ul li .tcBox {

	position: absolute;

	right: 100%;

	top: 0;

	opacity: 0;

	transform: translateX(200px);

	-webkit-transform: translateX(200px);

	transition: all .5s;

	-webkit-transition: all .5s;

}



.FloatBox ul li .tcEwa {

	width: 100px;

	height: 100px;

	border: 3px solid #791017;

}



.FloatBox ul li .tcTel {

	width: 180px;

	height: 100%;

	background: #791017;

	color: #fff;

	text-align: center;

	font-size: 18px;

}



.FloatBox ul li:hover .tcBox {

	transform: translateX(0);

	-webkit-transform: translateX(0);

	opacity: 1;

}



.FloatBox ul li a {

	display: block;

}



.FloatBox ul li:hover {

	background: #791017
}



.FloatBox ul li.goTop {

	opacity: 0;

	transform: translateY(30px);

	-webkit-transform: translateY(30px);

	transition: all .5s;

	-webkit-transition: all .5s;

}



.FloatBox ul li.goTop.on {

	opacity: 1;

	transform: translateY(0);

	-webkit-transform: translateY(0);

}



@media(max-width:768px) {

	.FloatBox ul li {

		width: 45px;

		height: 45px;

		line-height: 45px;

	}

}





/* 资料下载 */



.Service {

	padding: 60px 0;

}



.Download .DownloadBox {

	margin-left: -10%;

}



.Download .DownloadBox .item {

	padding-bottom: 40px;

	position: relative;

	padding-right: 60px;

	border-bottom: 1px solid rgba(0, 0, 0, 0.1);

	width: 40%;

	margin-left: 10%;

	box-sizing: border-box;

	float: left;

	margin-bottom: 60px;

}



.Download .DownloadBox .item .txt {

	padding-left: 70px;

	position: relative;

}



.Download .DownloadBox .item .txt .ico {

	position: absolute;

	left: 0;

	top: 0;

	background: #f5f5f5;

	width: 50px;

	height: 50px;

	line-height: 50px;

	text-align: center;

}



.Download .DownloadBox .item .txt p {

	font-size: 18px;

	margin-bottom: 5px;

}



.Download .DownloadBox .item .txt span {

	font-size: 14px;

	opacity: 0.3;

}



.Download .DownloadBox .item .download {

	position: absolute;

	top: 0;

	right: 0;

}



.Download .DownloadBox .item .download .img2 {

	display: none;

}



.Download .DownloadBox .item:hover .download .img1 {

	display: none;

}



.Download .DownloadBox .item:hover .download .img2 {

	display: block;

}



@media(max-width:1366px) {

	.Download .DownloadBox {

		margin-left: -5%;

	}

	.Download .DownloadBox .item {

		width: 45%;

		margin-left: 5%;

		padding-bottom: 30px;

		margin-bottom: 60px;

	}

}



@media(max-width:1024px) {

	.Service {

		padding: 30px 0;

	}

	.Download .DownloadBox .item .txt p {

		font-size: 16px;

	}

	.Download .DownloadBox .item {

		padding-bottom: 20px;

		margin-bottom: 40px;

	}

}



@media(max-width:640px) {

	.Download .DownloadBox .item {

		width: 95%;

	}

}





/* 售后服务 */



.Shouhou .ShouhouBox .Part {

	position: relative;

}



.Shouhou .ShouhouBox .Part .txt {

	width: 100%;

	box-sizing: border-box;

	position: absolute;

	left: 0;

	top: 0;

	padding: 8vw;

}



.Shouhou .ShouhouBox .Part .txt h1 {

	font-size: 30px;

	color: #000;

}



.Shouhou .ShouhouBox .Part .txt .dec {

	max-width: 600px;

	margin-top: 10px;

	color: #000;

	line-height: 30px;

}



.Shouhou .ShouhouBox .Part2 {

	margin-top: 30px;

	margin-left: -2%;

}



.Shouhou .ShouhouBox .Part2 .item {

	width: 48%;

	float: left;

	margin-left: 2%;

	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

}



.Shouhou .ShouhouBox .Part2 .item .txt {

	padding: 3vw;

}



.Shouhou .ShouhouBox .Part2 .item .txt h1 {

	font-size: 22px;

	margin-bottom: 10px;

}



.Shouhou .ShouhouBox .Part2 .item .txt .dec {

	line-height: 30px;

}



.Shouhou .ShouhouBox .Part3 {

	margin-top: 30px;

}



.Shouhou .ShouhouBox .Part3 .txt h1 {

	color: #333;

}



.Shouhou .ShouhouBox .Part3 .txt .dec {

	color: #666;

}



.Shouhou .ShouhouBox .Part4 {

	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

	margin-top: 30px;

}



.Shouhou .ShouhouBox .Part4 .item {

	width: 50%;

	float: left;

	box-sizing: border-box;

	padding: 4vw 4vw;

}



.Shouhou .ShouhouBox .Part4 .item:nth-child(1),

.Shouhou .ShouhouBox .Part4 .item:nth-child(4) {

	background: #f7f7f7;

}



.Shouhou .ShouhouBox .Part4 .item .txt {

	font-size: 20px;

}



.Shouhou .ShouhouBox .Part4 .item .txt span {

	font-size: 50px;

}



.Shouhou .ShouhouBox .Part4 .item .line {

	width: 20px;

	height: 2px;

	background: #df202e;

	margin: 20px 0 20px 10px;

}



@media(max-width:1024px) {

	.Shouhou .ShouhouBox .Part .txt h1 {

		font-size: 20px;

	}

	.Shouhou .ShouhouBox .Part .txt .dec {

		font-size: 14px;

		line-height: 22px;

	}

	.Shouhou .ShouhouBox .Part2 .item .txt h1 {

		font-size: 20px;

	}

	.Shouhou .ShouhouBox .Part2 .item .txt .dec {

		font-size: 14px;

		line-height: 22px;

		min-height: 66px;

	}

	.Shouhou .ShouhouBox .Part4 .item .txt {

		font-size: 16px;

	}

	.Shouhou .ShouhouBox .Part4 .item .txt span {

		font-size: 30px;

	}

}



@media(max-width:768px) {

	.Shouhou .ShouhouBox .Part .txt {

		position: relative;

		padding: 3vw;

	}

	.Shouhou .ShouhouBox .Part .txt h1 {

		color: #333;

		font-size: 18px;

	}

	.Shouhou .ShouhouBox .Part .txt .dec {

		color: #666;

	}

	.Shouhou .ShouhouBox .Part2 .item {

		width: 98%;

		margin-bottom: 10px;

	}

	.Shouhou .ShouhouBox .Part2 .item .txt h1 {

		font-size: 18px;

	}

	.Shouhou .ShouhouBox .Part4 .item .txt {

		font-size: 14px;

	}

	.Shouhou .ShouhouBox .Part4 .item .txt span {

		font-size: 20px;

	}

}





/* 联系我们 */



.Contact {

	padding: 60px 0;

}



.Contact .Part1 {

	max-width: 1200px;

	margin: 0 auto;

}



.contact1-icon {

	overflow: hidden;

	background: 0 0;

	display: inline-block;

	padding: 0 20px;

	width: 106px;

	height: 106px;

	text-align: center;

	line-height: 106px;

	border-radius: 50%;

	border: 1px solid #dedede;

	margin: 0 auto;

}



.contact1-icon img {

	display: inline-block;

	max-width: 100%;

	line-height: 106px;

	transition: ease .5s
}



.Contact .Part1 li h3 {

	margin-bottom: 20px;

	font-size: 20px;

	line-height: 30px;

	color: #333;

	font-family: Arial
}



.Contact .Part1 li p {

	font-size: 16px;

	/*line-height: 28px;*/

	color: #666
}



.Contact .Part1 ul::after {

	content: '';

	display: block;

	clear: both;

}



.Contact .Part1 ul li {

	width: 50%;

	float: left;

	text-align: center;

}



.Contact .Part2 {

	margin-top: 60px;

}



.Contact .Part2 .map #map {

	height: 500px;

}



@media(max-width:768px) {

	.Contact {

		padding: 30px 0;

	}

	.Contact .Part1 li h3 {

		font-size: 18px;

	}

	.contact1-icon {

		width: 80px;

		line-height: 80px;

		height: 80px;

	}

}



@media(max-width:480px) {

	.Contact .Part1 ul li {

		width: 100%;

		margin-bottom: 20px;

	}

	.Contact .Part2 .map #map {

		height: 300px;

	}

}





/*20210806*/





/* 解决方案 */



.Solution {

	padding: 60px 0;

	background: #fff;

	background-size: cover;

}



.Solution .SolutionBox {

	max-width: 1300px;

	margin: 0 auto;

	/*margin-top: -120px;*/

	position: relative;

	z-index: 99;

}



.Solution .SolutionBox .item {

	background: #fff;

	/* box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); */

}



.Solution .SolutionBox .item .img {

	width: 50%;

	float: left;

	padding-top: 350px;

}



.Solution .SolutionBox .item .img span {

	transition: all .5s;

	-webkit-transition: all .5s;

}



.Solution .SolutionBox .item .txt {

	width: 50%;

	float: right;

	height: 350px;

	display: flex;

	justify-content: center;

	flex-direction: column;

	box-sizing: border-box;

	padding: 3vw;

	box-shadow: 0 5px 20px #ccc;

}



.Solution .SolutionBox .item .txt .ico {

	width: 50px;

	height: 50px;

	line-height: 50px;

	margin-bottom: 2vw;

}



.Solution .SolutionBox .item .txt h1 {

	font-size: 20px;

}



.Solution .SolutionBox .item .txt .dec {

	font-size: 14px;

	color: #999;

	line-height: 28px;

	margin: 10px 0;

}



.Solution .SolutionBox .item .txt .more {

	padding-top: 15px;

	border-top: 1px dotted #e6e6e6;

	font-size: 14px;

	color: #999;

	;

}



.Solution .SolutionBox .item:hover .img span {

	transform: scale(1.05);

	-webkit-transform: scale(1.05);

}



.Solution .SolutionBox .item:nth-child(2n) .img {

	float: right;

}



.Solution .SolutionBox .item:nth-child(2n) .txt {

	float: left;

}



@media(max-width:1024px) {

	.Solution {

		padding: 30px 0;

	}

	.Solution .SolutionBox {

		margin-top: 0;

	}

	.Solution .SolutionBox .item .txt .more img {

		width: auto;

	}

}



@media(max-width:768px) {

	.Solution .SolutionBox .item {

		margin-bottom: 10px;

	}

	.Solution .SolutionBox .item .txt .ico img {

		max-height: 35px;

	}

	.Solution .SolutionBox .item .img {

		width: 100%;

		padding-top: 50%;

	}

	.Solution .SolutionBox .item .txt {

		width: 100%;

		height: auto;

	}

	.Solution .SolutionBox .item .txt h1 {

		font-size: 16px;

	}

}





/* 解决方案详情 */



.SolutionInfo {

	background: #ffffff;

	background-size: cover;

}



.SolutionInfo .SoliInfoPart1 .img {

	width: 50%;

	padding-top: 350px;

	float: right;

}



.SolutionInfo .SoliInfoPart1 .img span {

	transition: all .5s;

	-webkit-transition: all .5s;

}



.SolutionInfo .SoliInfoPart1 .txt {

	width: 50%;

	height: 350px;

	/* background: url(../images/mining1.png) no-repeat center center; */

	background: #fff;

	background-size: cover;

	box-sizing: border-box;

	padding: 2vw;

	overflow: hidden;

	/* color: #fff; */

	display: flex;

	justify-content: center;

	flex-direction: column;

	float: left;

	box-shadow: 0 5px 20px #ccc;

}



.SolutionInfo .SoliInfoPart1:nth-child(2n) .img {

	float: left;

}



.SolutionInfo .SoliInfoPart1:nth-child(2n) .txt {

	float: right;

}



.SolutionInfo .SoliInfoPart1 .img:hover span {

	transform: scale(1.05);

	-webkit-transform: scale(1.05);

}



.SolutionInfo .SoliInfoPart2 {

	margin-top: 60px;

}



.SolutionInfo .SoliInfoPart2 .aboutTit h1 {

	/* color: #fff; */

}



.SolutionInfo .SoliInfoPart2 .advantage {

	width: 100%;

	margin-top: 0.7rem;

	display: flex;

	flex-wrap: wrap;

}



.SolutionInfo .SoliInfoPart2 .advantage .box {

	width: 32%;

	margin-bottom: 2%;

	transition: all 0.5s;

	-webkit-transition: all 0.5s;

	-moz-transition: all 0.5s;

	-ms-transition: all 0.5s;

}



.SolutionInfo .SoliInfoPart2 .advantage .box:not(:nth-child(3n)) {

	margin-right: 2%;

}



.SolutionInfo .SoliInfoPart2 .advantage .box:hover .content .text-box .img img {

	transform: scale(1.1);

	-webkit-transform: scale(1.1);

	-moz-transform: scale(1.1);

	-ms-transform: scale(1.1);

}



.SolutionInfo .SoliInfoPart2 .advantage .box:hover .top .img img {

	transform: scale(1.1);

	-webkit-transform: scale(1.1);

	-moz-transform: scale(1.1);

	-ms-transform: scale(1.1);

}



.SolutionInfo .SoliInfoPart2 .advantage .box .top {

	width: 100%;

	height: 85px;

	padding: 0 20px;

	background: linear-gradient(to right, #555, #666);

	display: flex;

	align-items: center;

}



.SolutionInfo .SoliInfoPart2 .advantage .box .top .img {

	width: 44px;

	height: 44px;

}



.SolutionInfo .SoliInfoPart2 .advantage .box .top .img img {

	width: 100%;

	transition: all 0.5s;

	-webkit-transition: all 0.5s;

	-moz-transition: all 0.5s;

	-ms-transition: all 0.5s;

}



.SolutionInfo .SoliInfoPart2 .advantage .box .top .name-box {

	margin-left: 10px;

	display: flex;

	flex-direction: column;

	justify-content: space-between;

}



.SolutionInfo .SoliInfoPart2 .advantage .box .top .name-box .name {

	color: #fff;

	font-size: 24px;

}



.SolutionInfo .SoliInfoPart2 .advantage .box .top .name-box .name-en {

	color: #777;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

	font-size: 12px;

}



.SolutionInfo .SoliInfoPart2 .advantage .box .content {

	height: 270px;

	padding: 20px;

	background-color: #fff;

	box-shadow: 0 5px 20px #ccc;

}



.SolutionInfo .SoliInfoPart2 .advantage .box .content .text-box {

	height: 100%;

	overflow: hidden;

}



.SolutionInfo .SoliInfoPart2 .advantage .box .content .text-box .text {

	line-height: 1.6;

	color: #666;

	margin-bottom: 10px;

}



.SolutionInfo .SoliInfoPart2 .advantage .box .content .text-box .text:not(:first-child) {

	margin-top: 0.2rem;

}



.SolutionInfo .SoliInfoPart2 .advantage .box .content .text-box .img {

	width: 100%;

	overflow: hidden;

}



.SolutionInfo .SoliInfoPart2 .advantage .box .content .text-box .img img {

	width: 100%;

	transition: all 0.5s;

	-webkit-transition: all 0.5s;

	-moz-transition: all 0.5s;

	-ms-transition: all 0.5s;

}



.SolutionInfo .SoliInfoPart2 .advantage .two-box {

	flex: auto;

	width: 64%;

	margin-bottom: 2%;

	transition: all 0.5s;

	-webkit-transition: all 0.5s;

	-moz-transition: all 0.5s;

	-ms-transition: all 0.5s;

}



.SolutionInfo .SoliInfoPart2 .advantage .two-box:hover .top .img img {

	transform: scale(1.1);

	-webkit-transform: scale(1.1);

	-moz-transform: scale(1.1);

	-ms-transform: scale(1.1);

}



.SolutionInfo .SoliInfoPart2 .advantage .two-box:hover .content .text-box .img img {

	transform: scale(1.1);

	-webkit-transform: scale(1.1);

	-moz-transform: scale(1.1);

	-ms-transform: scale(1.1);

}



.SolutionInfo .SoliInfoPart2 .advantage .two-box .top {

	width: 100%;

	height: 85px;

	padding: 0 20px;

	background-color: #646464;

	display: flex;

	align-items: center;

}



.SolutionInfo .SoliInfoPart2 .advantage .two-box .top .img {

	width: 44px;

	height: 44px;

}



.SolutionInfo .SoliInfoPart2 .advantage .two-box .top .img img {

	width: 100%;

	transition: all 0.5s;

	-webkit-transition: all 0.5s;

	-moz-transition: all 0.5s;

	-ms-transition: all 0.5s;

}



.SolutionInfo .SoliInfoPart2 .advantage .two-box .top .name-box {

	margin-left: 10px;

	display: flex;

	flex-direction: column;

	justify-content: space-between;

}



.SolutionInfo .SoliInfoPart2 .advantage .two-box .top .name-box .name {

	color: #fff;

}



.SolutionInfo .SoliInfoPart2 .advantage .two-box .top .name-box .name-en {

	color: #777;

	-webkit-line-clamp: 1;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	text-overflow: ellipsis;

	overflow: hidden;

	line-height: 1.5;

}



.SolutionInfo .SoliInfoPart2 .advantage .two-box .content {

	height: 270px;

	padding: 20px;

	background-color: #fff;

}



.SolutionInfo .SoliInfoPart2 .advantage .two-box .content .text-box {

	height: 100%;

	display: flex;

	overflow: hidden;

}



.SolutionInfo .SoliInfoPart2 .advantage .two-box .content .text-box .img {

	flex: none;

	width: 48%;

	overflow: hidden;

}



.SolutionInfo .SoliInfoPart2 .advantage .two-box .content .text-box .img img {

	width: 100%;

	transition: all 0.5s;

	-webkit-transition: all 0.5s;

	-moz-transition: all 0.5s;

	-ms-transition: all 0.5s;

}



.SolutionInfo .SoliInfoPart2 .advantage .two-box .content .text-box .word {

	flex: none;

	width: 52%;

	padding-left: 10px;

}



.SolutionInfo .SoliInfoPart2 .advantage .two-box .content .text-box .word .text {

	line-height: 1.6;

	color: #666;

	margin-bottom: 10px;

}



.SolutionInfo .SoliInfoPart2 .advantage .two-box .content .text-box .word .text:not(:first-child) {

	margin-top: 0.2rem;

}



.SoliInfoPart3 {

	padding: 60px 0;

	background: #ffffff;

	border-top: 1px solid #e5e5e5;

	background-size: cover;

}



.SoliInfoPart3 .w1200 {

	max-width: 1220px;

}



.SoliInfoPart3 .slick-list {

	margin-left: -25px;

}



.SoliInfoPart3 .item {

	margin-left: 25px;

	background: #f8f8f8;

	border: 1px solid #e3e3e3;

	box-shadow: 0 5px 20px #ccc;

}



.SoliInfoPart3 .item .img {

	background: #fff;

	height: 270px;

	line-height: 270px;

	text-align: center;

}



.SoliInfoPart3 .item .img img {

	transition: all .5s;

	-webkit-transition: all .5s;

}



.SoliInfoPart3 .item:hover .img img {

	transform: scale(1.1);

	-webkit-transform: scale(1.1);

}



.SoliInfoPart3 .item .img img {

	max-height: 90%;

	max-width: 90%;

	display: inline-block;

}



.SoliInfoPart3 .tjPart .item .img {

	overflow: hidden;

}



.SoliInfoPart3 .tjPart .item .img img {

	max-height: 100%;

	max-width: 100%;

	width: 100%;

}



.SoliInfoPart3 .item .txt {

	padding: 20px;

	border-top: 1px solid #e3e3e3;

}



.SoliInfoPart3 .item .txt h1 {

	font-size: 18px;

}



.SoliInfoPart3 .item .txt .dec {

	font-size: 14px;

	color: #999;

	margin-top: 10px;

}



.SoliInfoPart3 .slider {

	overflow: hidden;

	padding: 30px 10px;

}



.SoliInfoPart3 .slick-arrow {

	width: 50px;

	height: 50px;

	border-radius: 50%;

	border: 1px solid #cdcdcd;

	background: none;

	position: absolute;

	margin-top: -26px;

	top: 50%;

	font-size: 0;

	color: transparent;

	z-index: 99;

	transition: all .5s;

	-webkit-transition: all .5s;

}



.SoliInfoPart3 .slick-arrow.slick-prev {

	left: -5%;

}



.SoliInfoPart3 .slick-arrow.slick-next {

	right: -5%;

}



.SoliInfoPart3 .slick-arrow::before {

	display: block;

	font-size: 25px;

	font-family: "宋体";

	position: absolute;

	top: 0;

	left: 0;

	color: #999;

	width: 100%;

	height: 100%;

	text-align: center;

	line-height: 50px;

}



.SoliInfoPart3 .slick-arrow.slick-prev::before {

	content: '<';

}



.SoliInfoPart3 .slick-arrow.slick-next::before {

	content: '>';

}



.SoliInfoPart3 .slick-arrow:hover {

	background: #df202e;

	border: 1px solid #df202e;

}



.SoliInfoPart3 .slick-arrow:hover::before {

	color: #fff;

}



.SoliInfoPart3 .slider:hover .slick-arrow.slick-prev {

	left: 10px;

}



.SoliInfoPart3 .slider:hover .slick-arrow.slick-next {

	right: 10px;

}



.SoliInfoPart3 .slider .slick-list,

.SoliInfoPart3 .slider .slick-track {

	overflow: unset;

}



@media(max-width:768px) {

	.SolutionInfo .SoliInfoPart2 {

		margin-top: 30px;

	}

	.SoliInfoPart3 {

		padding: 30px 0;

	}

}



@media(max-width:768px) {

	.SoliInfoPart3 .slick-arrow {

		width: 30px;

		height: 30px;

		line-height: 30px;

	}

	.SolutionInfo .SoliInfoPart1 .img {

		width: 100%;

		padding-top: 55%;

	}

	.SolutionInfo .SoliInfoPart1 .txt {

		width: 100%;

		height: auto;

	}

	.SolutionInfo .SoliInfoPart2 .advantage .box {

		width: 98%;

	}

	.SolutionInfo .SoliInfoPart2 .advantage .two-box .content .text-box .img {

		width: 100%;

	}

	.SolutionInfo .SoliInfoPart2 .advantage .two-box .content .text-box .word {

		width: 100%;

		padding-left: 0;

	}

	.SolutionInfo .SoliInfoPart2 .advantage .two-box .content .text-box {

		display: block;

	}

	.SoliInfoPart3 .slick-arrow.slick-prev {

		left: 10px;

	}

	.SoliInfoPart3 .slick-arrow.slick-next {

		right: 10px;

	}

	.SoliInfoPart3 .slick-arrow::before {

		line-height: 30px;

		font-size: 16px;

	}

	.SoliInfoPart3 .slick-arrow.slick-prev::before {

		top: -1px;

		left: -1px;

	}

	.SoliInfoPart3 .slick-arrow.slick-next::before {

		top: -1px;

		left: 1px;

	}

}



.TopContact_r {

	/* height: 300px; */

	width: 50%;

}



.TopContact_r #map2 {

	height: 210px;

}



.TopContact_l p {

	background: url(../images/jt2.png) no-repeat center left;

	padding-left: 20px;

}



.TopContact_l h1 {

	margin-bottom: 40px;

	margin-top: 20px;

	font-size: 26px;

}



.TopContact_l p a {

	display: inline-block !important;

}



.BMap_cpyCtrl,

.anchorBL {

	display: none !important;

}



@media(max-width:1024px) {

	.TopContact_r {

		width: 100%;

	}

	.TopContact_l h1 {

		font-size: 18px;

		margin: 0 0 10px 0;

	}

	.TopContact_l p {

		font-size: 14px;

		line-height: 25px;

	}

	.TopContact_r #map2 {

		height: 200px;

	}

}



.goBackBtn {

	text-align: right;

	margin-top: 50px;

}



.goBackBtn a {

	display: inline-block;

	width: 150px;

	height: 50px;

	line-height: 50px;

	text-align: center;

	background: #df202e;

	color: #fff;

	border-radius: 10px;

}



@media(max-width:768px) {

	.goBackBtn {

		margin-top: 30px;

	}

	.goBackBtn a {

		width: 120px;

		height: 35px;

		line-height: 35px;

	}

}





/* 新加侧边留言弹窗 */



.MessPopup {

	position: fixed;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background: rgba(0, 0, 0, 0.6);

	z-index: 9999;

	display: none;

}



.MessPopup .PopupBox {

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

	-webkit-transform: translate(-50%, -50%);

	max-width: 800px;

	width: 95%;

	box-sizing: border-box;

	padding: 30px;

	background: #fff;

}



.MessPopup .PopupBox .Close {

	position: absolute;

	top: 10px;

	right: 10px;

}



.MessPopup .PopupBox .tit {

	font-size: 25px;

	font-weight: bold;

	text-align: center;

	margin: 20px 0;

	color: #000;

}



.MessPopup .PopupBox .MessForm .formtit {

	font-size: 18px;

	font-weight: bold;

	margin-bottom: 10px;

}



.MessPopup .PopupBox .MessForm .radio {

	margin-bottom: 30px;

}



.MessPopup .PopupBox .MessForm .radio ul li {

	display: inline-block;

	margin-right: 30px;

	width: 120px;

	height: 40px;

	line-height: 40px;

	border-radius: 40px;

	text-align: center;

	border: 1px solid #e6e6e6;

	color: #666;

}



.MessPopup .PopupBox .MessForm .radio ul li a {

	color: #666;

}



.MessPopup .PopupBox .MessForm .radio ul li.on {

	background: #df202e;

	border: 1px solid #df202e;

}



.MessPopup .PopupBox .MessForm .radio ul li.on a {

	color: #fff;

}



.MessPopup .PopupBox .MessForm .FormInput {

	margin-left: -3%;

}



.MessPopup .PopupBox .MessForm .FormInput::after {

	content: '';

	display: block;

	clear: both;

}



.MessPopup .PopupBox .MessForm .FormInput .inputBox {

	width: 47%;

	float: left;

	margin-left: 3%;

	border: 1px solid #e6e6e6;

	box-sizing: border-box;

	margin-bottom: 15px;

	border-radius: 5px;

}



.MessPopup .PopupBox .MessForm .FormInput .inputBox_01 {

	width: 97%;

}



.MessPopup .PopupBox .MessForm .FormInput .inputBox input,

select {

	width: 100%;

	height: 50px;

	line-height: 50px;

	box-sizing: border-box;

	padding: 0 10px;

}



.MessPopup .PopupBox .MessForm .FormInput .inputBox textarea {

	height: 120px;

	box-sizing: border-box;

	width: 100%;

	padding: 10px;

}



.MessPopup .PopupBox .MessForm .FormBtn {

	text-align: center;

}



.MessPopup .PopupBox .MessForm .FormBtn button {

	width: 150px;

	height: 50px;

	line-height: 50px;

	text-align: center;

	border-radius: 5px;

	background: #df202e;

	color: #fff;

}



@media(max-width:640px) {

	.MessPopup .PopupBox {

		padding: 20px;

	}

	.MessPopup .PopupBox .tit {

		font-size: 20px;

	}

	.MessPopup .PopupBox .MessForm .formtit {

		font-size: 16px;

	}

	.MessPopup .PopupBox .MessForm .radio {

		margin-bottom: 20px;

	}

	.MessPopup .PopupBox .MessForm .radio ul li {

		width: 90px;

		height: 30px;

		line-height: 30px;

		border-radius: 30px;

		margin-right: 5px;

	}

	.MessPopup .PopupBox .MessForm .FormInput .inputBox input,

	select {

		height: 35px;

	}

	.MessPopup .PopupBox .MessForm .FormInput .inputBox textarea {

		height: 90px;

	}

	.MessPopup .PopupBox .MessForm .FormBtn button {

		width: 100px;

		height: 35px;

		line-height: 35px;

	}

}





/*公告栏*/



.topBox {

	height: 40px;

	line-height: 40px;

	background: #a41626;

	color: #fff;

}



.topBox a {

	color: #e2e2e2;

	font-size: 14px;

}



.topBox span {

	padding: 0 10px;

	color: #fff;

}



.topBox a:hover {

	color: #fff;

}



.topBox .tel a {

	font-size: 18px;

	font-weight: bold;

	color: #fff;

	margin-right: 20px;

}



.weblinks .langu {

	display: inline-block;

	position: relative;

	margin-right: 10px;

}



.weblinks .langu:before {

	content: '';

	width: 1px;

	height: 14px;

	position: absolute;

	right: -10px;

	top: 13px;

	background: #e2e2e2;

}



.weblinks .langu span {

	color: #e2e2e2;

	font-size: 14px;

}



.weblinks .langu ul {

	position: absolute;

	top: 40px;

	left: 0;

	width: 100%;

	background: #242424;

	display: none;

	z-index: 9999;

}



.weblinks .langu ul li {

	line-height: 30px;

}



.weblinks .langu ul li a {

	display: block;

	text-align: center;

}



.weblinks .langu.show ul {

	display: block;

}



.weblinks .pj {

	float: right;

	padding-left: 17px;

}



.weblinks .langu ul li:hover a {

	color: #df202e;

}



@media(max-width:1024px) {

	.topBox {

		display: none;

	}

}



.HomeNews {

	background: #ffffff;

	padding: 5% 0;

	border-top: 1px #e7eaf4 solid;
	position: relative;

}



.HomeNews .news_list {

	overflow: unset;

}



.HomeNews .news_list li {

	/*margin: 0 25px;*/

	position: relative;
	width: 23%;
	float: left;
	margin: 25px 1%;

}



.HomeNews .news_list li a {

	display: block;

}



.HomeNews .news_list li .imgbox {

	padding-top: 67.8%;

}

.HomeNews .news_list li .imgbox span {
	display: flex;
	align-items: center;
	justify-content: center;
}

.HomeNews .news_list li .imgbox span img {
	width: 100%;
	height: 100%;
}



.HomeNews .hd .next {

	font-size: 0;
	text-align: center;

	z-index: 10;

	position: absolute;

	background: #fff;

	cursor: pointer;

	padding: 0;

	transition: all ease 0.3s;

	color: #000;

	width: 35px;

	height: 65px;

	line-height: 65px;

	background-size: contain;

	background-repeat: no-repeat;

	border-radius: 0;

	top: 50%;
	left: 5%;

	transform: translateY(-50%);

}

.HomeNews .hd .prev {

	font-size: 0;
	text-align: center;

	z-index: 10;

	position: absolute;

	background: #fff;

	cursor: pointer;

	padding: 0;

	transition: all ease 0.3s;

	color: #000;

	width: 35px;

	height: 65px;

	line-height: 65px;

	background-size: contain;

	background-repeat: no-repeat;

	border-radius: 0;

	top: 50%;
	right: 5%;

	transform: translateY(-50%);

}

.HomeNews .hd .next:before,

.HomeNews .hd .prev:before {

	display: block;

	font-size: 20px;

	font-family: "宋体";

	font-weight: bold;

}



.HomeNews .hd .next:before {

	content: '<';

}

.HomeNews .hd .prev:before {

	content: '>';

}

.HomeNews .hd .next:hover {

	color: #fff;

	background-color: #df202e;

	border: 1px solid #df202e;

}

.HomeNews .hd .prev:hover {

	color: #fff;

	background-color: #df202e;

	border: 1px solid #df202e;

}





.HomeNews .news_list .slick-arrow {

	font-size: 0;

	z-index: 10;

	position: absolute;

	background: #fff;

	cursor: pointer;

	padding: 0;

	transition: all ease 0.3s;

	color: #000;

	width: 35px;

	height: 65px;

	line-height: 65px;

	background-size: contain;

	background-repeat: no-repeat;

	border-radius: 0;

	top: 50%;

	transform: translateY(-50%);

}



.HomeNews .news_list .slick-prev {

	left: 0px;

}



.HomeNews .news_list .slick-next {

	right: 0px;

}



.HomeNews .news_list .slick-arrow:hover {

	color: #fff;

	background-color: #df202e;

	border: 1px solid #df202e;

}



.HomeNews .news_list .slick-prev:before,

.HomeNews .news_list .slick-next:before {

	display: block;

	font-size: 20px;

	font-family: "宋体";

	font-weight: bold;

}



.HomeNews .news_list .slick-prev:before {

	content: '<';

}



.HomeNews .news_list .slick-next:before {

	content: '>';

}



.HomeNews .news_list li:before {

	content: '';

	width: 0;

	height: 2px;

	background-color: #df202e;

	position: absolute;

	bottom: 0px;

	left: 0;

	transition: all 0.3s;

}



.HomeNews .news_list li .txtbox {

	overflow: hidden;

	padding: 10px;

	border: 1px #eee solid;

	box-sizing: border-box;

}



.HomeNews .news_list li .tit {

	font-family: MicrosoftYaHei-Bold;

	font-size: 18px;

	font-weight: bold;

	font-stretch: normal;

	letter-spacing: 0px;

	color: #333333;

	height: 48px;

	overflow: hidden;

	text-overflow: ellipsis;

	display: box;

	display: -webkit-box;

	-webkit-line-clamp: 2;

	-webkit-box-orient: vertical;

}



.HomeNews .news_list li .txt {

	font-family: MicrosoftYaHei;

	font-size: 14px;

	font-weight: normal;

	font-stretch: normal;

	line-height: 25px;

	height: 50px;

	letter-spacing: 0px;

	color: #6c6c6c;

	overflow: hidden;

	text-overflow: ellipsis;

	display: box;

	display: -webkit-box;

	-webkit-line-clamp: 2;

	-webkit-box-orient: vertical;

	text-align: justify;

	margin: 20px 0;

}



.HomeNews .news_list li .date {

	font-family: MicrosoftYaHei;

	font-size: 14px;

	font-weight: normal;

	font-stretch: normal;

	line-height: 24px;

	letter-spacing: 0px;

	color: #b0b3b9;

	position: relative;

}



.HomeNews .news_list li:hover:before {

	width: 100%;

}



.HomeNews .news_list li:hover .tit {

	color: #df202e;

}



@media(max-width:1366px) {

	.HomeNews .news_list {

		overflow: hidden;

	}

	.HomeNews .news_list .slick-prev {

		left: 0;

	}

	.HomeNews .news_list .slick-next {

		right: 0;

	}

}



@media(max-width:1024px) {}



@media(max-width:768px) {

	.HomeNews .news_list li {

		/*margin: 0 25px;*/

	}

	.HomeNews .news_list li .txt {}

}



@media(max-width:480px) {

	.HomeNews {

		padding-bottom: 10%;

	}

	.HomeNews .news_list li .txt {

		width: 88%;

	}

	.HomeNews .news_list li .txt {

		margin: 4% 0;

	}

	.HomeNews .news_list li .more_btn {

		margin-bottom: 5%;

	}

}



@media(max-width:375px) {}



@media(max-width:360px) {}



.HomeTeam {

	padding-bottom: 5%;

}



.zy-Slide-mb li .tit {

	font-size: 30px;

	color: #333;

	padding-bottom: 3%;

	text-align: center;

	font-weight: bold;

}



.zy-Slide-mb li .txt {

	font-size: 14px;

	color: #666;

	margin: 0 auto 3%;

	text-align: center;

	width: 80%;

}



.zy-Slide-mb {}



.slideWrapper {

	max-width: 1000px;

	margin: 0 auto
}



.zy-Slide-mb .imgbox {

	padding-top: 50%;

}



.zy-Slide-mb .slick-arrow {

	width: 28px;

	height: 51px;

	position: absolute;

	top: 59%;

	transform: translateY(-50%);

}



.zy-Slide-mb .slick-prev {

	left: -5%;

	background: url(../images/icon_arrow_left_1.png) center no-repeat;

}



.zy-Slide-mb .slick-next {

	right: -5%;

	background: url(../images/icon_arrow_right_1.png) center no-repeat;

}



.zy-Slide-mb .slick-prev:hover {

	background: url(../images/icon_arrow_left_1_hover.png) center no-repeat;

}



.zy-Slide-mb .slick-next:hover {

	background: url(../images/icon_arrow_right_1_hover.png) center no-repeat;

}



@media(max-width:1024px) {

	.zy-Slide-mb {

		display: block;

	}

	.zy-Slide-mb li .tit {

		font-size: 18px;

		text-align: center;

		font-weight: bold;

		padding-bottom: 2%;

	}

	.zy-Slide-mb li .txt {

		font-size: 14px;

		text-align: center;

		padding-bottom: 2%;

	}

}





/*解决方案详情弹框*/



.appCardPop {

	position: fixed;

	width: 100%;

	height: 100%;

	background: rgba(0, 0, 0, 0.5);

	top: 0;

	left: 0;

	z-index: 999;

	display: none;

}



.appCardPop .appCardBox {

	background: #fff;

	border-radius: 10px;

	max-width: 1200px;

	width: 80%;

	box-sizing: border-box;

	padding: 50px 40px;

	text-align: center;

	position: absolute;

	left: 50%;

	top: 50%;

	transform: translate(-50%, -50%);

	-webkit-transform: translate(-50%, -50%);

}



.appCardPop .appCardBox .Close {

	position: absolute;

	right: 10px;

	top: 10px;

	cursor: pointer;

	z-index: 999;

}



.appCardBox .Part1 {

	/* padding-left: 250px; */

	position: relative;

	border-bottom: 1px solid #e6e6e6;

	padding-bottom: 20px;

}



.appCardBox .Part1 .caseLogo {

	width: 220px;

	position: absolute;

	left: 0;

	top: 0;

	display: none;

}



.appCardBox .Part1 .Txt .tit {

	margin-bottom: 20px;

	text-align: center;

}



.appCardBox .Part1 .Txt .tit em {

	display: inline-block;

	font-size: 30px;

	line-height: 40px;

	color: #444;

}



.appCardBox .Part1 .Txt .tit span {

	margin-left: 12px;

	margin-top: -5px;

	display: inline-block;

	font-size: 16px;

	line-height: 30px;

	color: #666;

	background: #ededed;

	border-radius: 30px;

	padding: 0 10px;

}



.appCardBox .Part1 .Txt .dec {

	line-height: 30px;

	color: #666;

}



.appCardBox .Part2 {

	max-height: 500px;

	overflow-y: auto;

}



.appCardBox .Part2 p {

	text-align: left;

}



.appCardBox .Part2 .CaseCon {

	margin-top: 50px;

	line-height: 30px;

	text-align: center;

	/* text-indent: 2em; */

}



.appCardBox .Part2 .CaseCon img {

	display: block;

	margin: 0 auto;

	width: 100% !important;

	max-width: 560px;

}



.appCardBox .Part2 video {

	max-width: 560px;

	width: 100%;

	height: auto;

}



@media(max-width:768px) {

	.appCardPop .appCardBox {

		padding: 2%;

	}

	.appCardBox .Part1 .Txt .tit em {

		font-size: 22px;

	}

}



@media(max-width:480px) {

	.appCardBox .Part1 {

		padding-left: 0;

		padding-bottom: 5px;

	}

	.appCardBox .Part1 .caseLogo {

		position: static;

		margin-bottom: 10px;

	}

	.appCardBox .Part1 .Txt .tit {

		margin-bottom: 10px;

	}

	.appCardBox .Part1 .Txt .tit em {

		font-size: 18px;

	}

	.appCardBox .Part1 .Txt .tit span {

		font-size: 14px;

	}

	.appCardBox .Part1 .Txt .dec {

		line-height: 25px;

	}

	.appCardBox .Part2 .CaseCon {

		margin-top: 20px;

		line-height: 25px;

	}

}





/*搜索页产品列表*/



.ProBox {

	padding: 60px 0;

}



.ProBox .tit {

	font-size: 24px;

	padding-bottom: 2%;

	margin-bottom: 2%;

	border-bottom: 1px #eee solid;

}



.ProBox .ProList {

	margin-left: -2%;

}



.ProBox .ProList::after {

	content: '';

	display: block;

	clear: both;

}



.ProBox .ProList .item {

	width: 23%;

	margin-left: 2%;

	float: left;

	text-align: center;

	margin-bottom: 20px;

}



.ProBox .ProList .item .img {

	height: 230px;

	text-align: center;

	line-height: 230px;

}



.ProBox .ProList .item .img img {

	max-height: 80%;

}



.ProBox .ProList .item p {

	margin-top: 10px;

	font-size: 14px;

	height: 40px;

}



.News .tit {

	font-size: 24px;

	padding-bottom: 2%;

	border-bottom: 1px #eee solid;

	margin-bottom: 2%;

}



@media(max-width:1366px) {

	.ProBox .ProList .item .img {

		height: 200px;

		line-height: 200px;

	}

}



@media(max-width:1280px) {

	.ProBox .ProList .item .img {

		height: 150px;

		line-height: 150px;

	}

}



@media(max-width:1024px) {}



@media(max-width:768px) {

	.ProBox .ProList .item {

		width: 23%;

	}

}



@media(max-width:480px) {

	.ProBox .ProList .item {

		width: 48%;

	}

	.ProBox .tit {

		font-size: 16px;

		line-height: 30px;

	}

	.News .tit {

		font-size: 16px;

		line-height: 30px;

	}

}





/* 仓储集成 */



.Warehouse {}



.Warehouse .Contain {

	max-width: 1200px;

	width: 96%;

	margin: 0 auto;

}



.Warehouse .wh1 {

	background-color: #f3f3f3;

	padding: 3% 0;

}



.project_tit {

	text-align: center;

}



.project_tit .proj_t1 {

	font-size: 32px;

	font-weight: bold;

	text-align: center;

}



.project_tit .proj_t2 {

	font-size: 14px;

	color: #333333;

}



.project_tit .proj_t3 {

	color: #999999;

	background: #f3f3f3;

	font-size: 12px;

	font-family: "Arial";

	text-transform: uppercase;

	z-index: 5;

	position: absolute;

	left: 50%;

	padding: 10px;

	transform: translateX(-50%);

}



.project_tit .proj_en_tit {

	position: relative;

	height: 34px;

}



.project_tit .proj_t {

	height: 1px;

	border-bottom: 1px solid #cccccc;

	width: 100%;

	position: absolute;

	left: 0px;

	top: 50%;

	transform: translateY(-50%);

	z-index: 1;

}



.p_contact {

	margin: 33px auto 40px;

}



.p_contact p {

	float: left;

	background: url(../images/h_tel.png) no-repeat left top
}



.p_contact p span {

	display: block;

	padding-left: 29px;

	font-size: 14px;

	color: #1e1e1e;

	line-height: 24px
}



.p_contact p em {

	display: block;

	font-size: 30px;

	color: #333;

	line-height: 100%;

	margin-top: 13px;

	font-weight: 700
}



.p_contact .more {

	float: right;

	margin-top: 30px
}



.wh1 .pro_list {

	padding: 2% 0;

}



.wh1 .pro_list .pro_nav {

	width: 25%;

	height: 555px;

	background: #fff;

	float: left;

}



.wh1 .pro_list .pro_nav .pro_center {

	width: 100%;

	height: 113px;

	background: #df202e;

}



.wh1 .pro_list .pro_nav .pro_center a {

	display: block;

}



.wh1 .pro_list .pro_nav .pro_center img {

	display: block;

	margin: 0 auto;

	position: relative;

	top: 35px;

}



.wh1 .pro_list .pro_nav ul {

	padding: 73px 0 14px 35px;

	position: relative
}



.wh1 .pro_list .pro_nav ul:before {

	position: absolute;

	content: "";

	width: 1px;

	height: 392px;

	background: #E3E3E3;

	left: 36px;

	top: 13px
}



.wh1 .pro_list .pro_nav ul li {

	padding-left: 23px;

	position: relative
}



.wh1 .pro_list .pro_nav ul li a {

	font-size: 20px;

	color: #333;

	line-height: 100%;

	padding-bottom: 49px;

	line-height: 27px;

	display: block
}



.wh1 .pro_list .pro_nav ul li.on a {

	color: #df202e;

	font-weight: 700
}



.wh1 .pro_list .pro_nav ul li.on:before {

	position: absolute;

	content: "";

	width: 11px;

	height: 27px;

	background: url(../images/pro_i.png) no-repeat center;

	left: 0;

	top: 0
}



.wh1 .pro_list .pro_nav p {

	padding-left: 58px;

	padding-top: 44px;

	background: url(../images/h_tel.png) no-repeat 58px top
}



.wh1 .pro_list .pro_nav p span {

	display: block;

	font-size: 14px;

	color: #333;

	line-height: 100%;

	margin-bottom: 7px
}



.wh1 .pro_list .pro_nav p em {

	display: block;

	font-size: 30px;

	color: #333;

	line-height: 100%;

	font-weight: 700
}



.wh1 .pro_list .pro_con {

	width: 75%;

	height: 555px;

	float: right;

}



.wh1 .pro_list .pro_con dt {

	width: 100%;

	overflow: hidden
}



.wh1 .pro_list .pro_con dt a {

	float: left;

	width: 49%;

	margin-bottom: 2%;

}



.wh1 .pro_list .pro_con dt a:nth-child(2n) {

	margin-left: 2%;

}



.wh1 .pro_list .pro_con dt img {

	width: 100%;

	height: 200px;

}



.wh1 .pro_list .pro_con dd {

	padding: 23px 2px 0 26px
}



.wh1 .pro_list .pro_con dd h3 a {

	display: block;

	padding-left: 3px;

	position: relative;

	font-size: 18px;

	color: #333;

	line-height: 100%
}



.wh1 .pro_list .pro_con dd h3 a:before {

	position: absolute;

	content: "";

	width: 2px;

	height: 25px;

	background: #df202e;

	left: -25px;

	top: -3px
}



.wh1 .pro_list .pro_con dd p {

	font-size: 14px;

	color: #666;

	line-height: 24px;

	width: 85%;

	margin-top: 12px
}



.wh1 .pro_list .pro_con dd .more {

	float: right;

	margin-top: 22px
}



.wh1 .pro_list .pro_con dd .more a {

	display: block;

	width: 94px;

	height: 31px;

	background: #333;

	border-radius: 16px;

	font-size: 14px;

	color: #fff;

	line-height: 31px;

	text-align: center;

	transition: ease .3s;

}



.wh1 .pro_list .pro_con dd .more a:hover {

	background: #df202e;

}



@media(max-width:1024px) {

	.wh1 .pro_list .pro_nav p em {

		font-size: 18px;

	}

	.p_contact p em {

		font-size: 20px;

	}

}



@media(max-width:768px) {

	.wh1 .pro_list .pro_nav .pro_center img {

		height: 30px;

	}

}



@media(max-width:480px) {

	.project_tit .proj_t1 {

		font-size: 24px;

	}

	.wh1 .pro_list .pro_nav {

		width: 100%;

		height: auto;

		background: #fff;

		float: none;

	}

	.wh1 .pro_list .pro_con {

		height: auto;

		width: 100%;

		float: none;

	}

	.wh1 .pro_list .pro_nav .pro_center {

		height: 72px;

	}

	.wh1 .pro_list .pro_nav .pro_center img {

		top: 18px;

	}

	.wh1 .pro_list .pro_nav ul {

		padding: 2%;

		overflow: hidden;

	}

	.wh1 .pro_list .pro_nav ul:before {

		display: none;

	}

	.wh1 .pro_list .pro_nav ul li {

		padding-left: 23px;

		position: relative;

		width: 30%;

		float: left;

	}

	.wh1 .pro_list .pro_nav p {

		padding: 20px 0 20px 50px;

		background: url(../images/h_tel.png) no-repeat 18px top;

	}

	.wh1 .pro_list .pro_nav ul li a {

		padding-bottom: 10px;

		font-size: 18px;

	}

	.wh1 .pro_list .pro_con dd p {

		width: 70%;

	}

	.project_tit .proj_en_tit {

		height: 60px;

	}

}





/* 其他货架 */



.wh2,

.wh3 {

	padding-top: 3%;

	background-color: #fff;

}



.wh2 .Contain,

.wh3 .Contain {

	position: relative
}



.wh2 .tempWrap,

.wh3 .tempWrap {

	width: 1200px !important
}



.wh2 h3 a,

.wh3 h3 a {

	display: block;

	font-size: 18px;

	color: #333;

	line-height: 100%;

	padding-left: 20px;

	padding-bottom: 16px;

	border-bottom: 1px solid #DADADA;

	position: relative;

	margin-bottom: 19px
}



.wh2 h3 a:before,

.wh3 h3 a:before {

	position: absolute;

	content: "";

	width: 6px;

	height: 6px;

	background: #df202e;

	border: 3px solid #df202e;

	border-radius: 50%;

	left: 0;

	top: 3px
}



.pro_container li,

.anc_container li {

	margin-right: 23px;

	float: left;

	text-align: center;

	overflow: hidden;

	transition: .3s ease;

	line-height: 0
}



.pro_container li img,

.anc_container li img {

	width: 283px;

	height: 213px
}



.pro_container li span,

.anc_container li span {

	display: block;

	position: relative;

	z-index: 2;

	transition: .3s ease;

	padding: 20px 0;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	font-size: 14px;

	color: #666;

	line-height: 100%
}



.pro_container li:hover span,

.anc_container li:hover span {

	color: #df202e
}



.anc_container .slick-arrow,

.pro_container .slick-arrow,

.brand_con .slick-arrow {

	position: absolute;

	cursor: pointer;

	width: 52px;

	height: 52px;

	border-radius: 50%;

	transition: .3s ease;

	top: 50%;

	transform: translateY(-50%);

	z-index: 99;

}



.brand_con .slick-arrow {

	top: 34%;

}



.anc_container .slick-prev,

.pro_container .slick-prev,

.brand_con .slick-prev {

	left: -84px;

	background: #F3F3F3 url(../images/p_prev.png);

}



.anc_container .slick-next,

.pro_container .slick-next,

.brand_con .slick-next {

	right: -84px;

	background: #F3F3F3 url(../images/p_next.png);

}



.anc_container .slick-prev:hover,

.pro_container .slick-prev:hover,

.brand_con .slick-prev:hover {

	background: #df202e url(../images/p_prev.png);

}



.anc_container .slick-next:hover,

.pro_container .slick-next:hover,

.brand_con .slick-next:hover {

	background: #df202e url(../images/p_next.png);

}



.wh3 {

	background: 0 0
}



.pro1_switch div {

	background: #F3F3F3
}



@media(max-width:1200px) {

	.anc_container .slick-prev,

	.pro_container .slick-prev,

	.brand_con .slick-prev {

		left: 0;

	}

	.anc_container .slick-next,

	.pro_container .slick-next,

	.brand_con .slick-next {

		right: 0;

	}

}



@media(max-width:1024px) {

	.anc_container .slick-arrow,

	.pro_container .slick-arrow,

	.brand_con .slick-arrow {

		top: 42%;

	}

}



@media(max-width:480px) {

	.pro_container li img,

	.anc_container li img {

		width: 100%;

	}

}



.wh4 {

	padding: 3% 0;

}



.wh4 .project_tit .proj_t3 {

	background-color: #fff;

}



.tosol li {

	width: 20%;

	float: left;

	height: 200px;

	background: #F3F3F3;

	margin-top: 80px;

	text-align: center;

	transition: .3s ease;

}



.tosol li i {

	display: block;

	width: 91px;

	height: 91px;

	background: #fff;

	border-radius: 50%;

	box-shadow: 0 0 27px rgba(0, 0, 0, .05);

	margin: -45px auto 22px
}



.tosol li em {

	font-size: 20px;

	color: #333;

	line-height: 100%;

	font-weight: 700;

	display: block
}



.tosol li span {

	display: block;

	font-size: 14px;

	color: #333;

	line-height: 24px;

	padding: 15px 29px
}



.tosol li:nth-child(even) {

	background: #EEEEF0
}



.tosol li:hover {

	background: #df202e;

}



.tosol li:hover em,

.tosol li:hover span {

	color: #fff
}



@media(max-width:1024px) {

	.tosol li em {

		font-size: 18px;

	}

}



@media(max-width:768px) {

	.tosol li {

		width: 33%;

	}

}



@media(max-width:480px) {

	.tosol li {

		width: 100%;

	}

}





/* 货架定制成功案例 */



.wh5 {

	padding-top: 55px;

	padding-bottom: 63px;

	background: #F3F3F3;

	position: relative
}



.wh5:before {

	position: absolute;

	content: "";

	width: 100%;

	height: 1px;

	background: #e1e1e1;

	left: 0;

	top: 170px;

}



.case_nav {

	width: 100%;

	text-align: center;

	margin: 40px 0;

	position: relative;

	z-index: 2;

}



.case_nav li {

	display: inline-block;

	margin: 0 33px;

	cursor: pointer;

}



.case_nav li i {

	display: block;

	width: 11px;

	height: 11px;

	background: #333;

	border-radius: 50%;

	border: 5px solid #F3F3F3;

	margin: 0 auto 9px;

	transition: .3s ease;

	box-sizing: content-box;

}



.case_nav li span {

	display: block;

	font-size: 16px;

	color: #333;

	line-height: 100%
}



.case_nav li.on i,

.case_nav li:hover i {

	background: #fff;

	border: 5px solid #df202e
}



.case_nav li.on span,

.case_nav li:hover span {

	color: #df202e;

	font-weight: 700;

}



.case_con {

	position: relative;

}



.case_con .case_box {}



.case_con .case_box .case_item {

	display: none;

}



.case_con .cases {

	position: absolute;

	right: 0;

	top: 0;

	width: 200px;

	height: 559px;

	z-index: 99;

}



.case_con .cases li {

	width: 200px;

	height: 181px;

	box-sizing: border-box;

	position: relative;

	margin-bottom: 8px;

}



.case_con .cases li a {

	display: block;

	overflow: hidden;

}



.case_con .cases li img {

	height: 181px;

	width: 200px;

}



.case_con .cases li.on {

	border: 4px solid #df202e;

}



.case_con .cases li.on img {

	height: 173px;

	width: 192px;

}



.case_con .cases li.on:before {

	position: absolute;

	content: "";

	border-width: 13.5px 16px;

	border-style: solid;

	border-color: transparent #df202e transparent transparent;

	left: -36px;

	top: 73px;

}



.cases_con dl {

	display: none;

}



.cases_con dt {

	width: 994px;

	height: 559px;

	overflow: hidden;

}



.cases_con dt img {

	width: 994px;

	height: 559px;

}



.cases_con dd {

	margin-top: 10px;

}



.cases_con dd h4 a {

	display: block;

	padding-top: 17px;

	font-size: 16px;

	color: #333;

	line-height: 100%;

	font-weight: 700;

	transition: .3s ease;

}



.cases_con dd h4 a:hover {

	color: #df202e;

}



.cases_con dd>p {

	font-size: 14px;

	color: #333;

	line-height: 24px;

	margin-top: 15px;

}



.wh5 .p_contact {

	position: absolute;

	right: 0;

	bottom: 10px;

	margin: 20px 0 0;

	width: 30%;

}



.wh5 .p_contact p {

	background-image: url(../images/h_tel.png);

}



.wh5 .p_contact .more a {

	display: block;

	width: 94px;

	height: 31px;

	background: #333;

	border-radius: 16px;

	font-size: 14px;

	color: #fff;

	line-height: 31px;

	text-align: center;

	transition: ease .3s;

}



.wh5 .p_contact .more a:hover {

	background: #df202e;

}



@media(max-width:1200px) {

	.cases_con dt {

		width: 943px;

		height: 559px;

		overflow: hidden;

	}

}



@media(max-width:1024px) {

	.cases_con dt img {

		width: 82%;

		height: 559px;

	}

	.case_nav li {

		display: inline-block;

		margin: 0 10px;

	}

}



@media(max-width:768px) {

	.cases_con dt {

		width: 100%;

		height: auto;

		overflow: hidden;

	}

	.case_con .cases {

		position: static;

		right: 0;

		top: 0;

		width: 100%;

		height: auto;

		z-index: 99;

		overflow: hidden;

		margin-bottom: 20px;

	}

	.case_con .cases li {

		width: 33.33%;

		height: 181px;

		box-sizing: border-box;

		position: relative;

		margin-bottom: 0;

		float: left;

	}

	.case_con .cases li img,

	.case_con .cases li.on img {

		width: 100%;

	}

	.cases_con dt img {

		width: 100%;

		height: auto;

	}

	.wh5 .p_contact {

		position: static;

		right: 0;

		bottom: 10px;

		margin: 20px 0 0;

		width: 100%;

	}

}



@media(max-width:480px) {

	.case_con .cases li,

	.case_con .cases li img {

		height: 150px;

	}

	.wh5:before {

		top: 158px;

	}

	.case_nav li span {

		font-size: 12px;

	}

	.wh5:after {

		position: absolute;

		content: "";

		width: 100%;

		height: 1px;

		background: #e1e1e1;

		left: 0;

		top: 203px;

	}

}



.wh6 {

	height: 273px;

}



.wh6 .Contain {

	position: relative
}



.wh6 .tempWrap {

	width: 1200px !important
}



.wh6 h2 {

	padding-top: 28px;

	margin-bottom: 40px
}



.wh6 h2 a {

	display: block;

	font-size: 18px;

	color: #fff;

	line-height: 100%;

	padding-left: 13px;

	position: relative
}



.wh6 h2 a:before {

	position: absolute;

	content: "";

	width: 3px;

	height: 16px;

	background: #fff;

	left: 0;

	top: 1px
}



.wh6 li {

	width: 218px;

	margin-right: 28px;

	float: left;

	text-align: center;

	line-height: 0
}



.wh6 li img {

	width: 218px;

	height: 122px;

	transition: .3s ease
}



.wh6 li span {

	display: block;

	font-size: 14px;

	color: #fff;

	line-height: 100%;

	padding: 20px 10px;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap
}



.brand_switch div {

	top: 121px
}



@media(max-width:1440px) {}



.wh7 {

	padding: 5% 0;

}



.reason_w {

	background: #333333;

	height: 90px;

	width: 600px;

	position: absolute;

	left: -600px;

}



.reason_n {

	width: 855px;

	background: #333333;

	height: 90px;

	position: relative;

}



.reason_n_l {

	float: left;

	margin-top: 15px;

}



.reason_n_l .r_cn {

	font-size: 30px;

	font-weight: bold;

	color: #3187e4;

	letter-spacing: 4px;

}



.reason_n_l .r_en {

	font-size: 12px;

	color: #b1b1b1;

	font-family: "Arial";

}



.reason_n_r {

	color: #f65e00;

	font-weight: bold;

	font-size: 54px;

	line-height: 90px;

	height: 90px;

	margin-right: 20px;

}



.reason_n_r span {

	font-size: 72px;

}



.reason_b {

	margin-top: 60px;

	overflow: hidden;

}



.reason_i {

	width: 554px;

	height: 180px;

}



.reason_i2 {

	width: 550px;

	height: 180px;

	margin-left: 12px;

}



.reason_one {

	overflow: hidden;

}



.reason_b_l {

	float: left;

	height: 180px;

	width: 50%;

}



.reason_b_r {

	width: 50%;

	float: right;

	margin-top: 34px;

}



.reason_one:nth-child(odd) .reason_b_l {

	float: left;

}



.reason_one:nth-child(even) .reason_b_l {

	float: right;

}



.reason_one:nth-child(odd) .reason_b_r {

	float: right;

}



.reason_one:nth-child(even) .reason_b_r {

	float: left;

}



.reason_i_p {

	width: 85px;

	height: 110px;

}



.rea_i_m {

	margin-left: 10px;

}



.rea_i_m2 {

	margin-right: 5px;

}



.exper_detail {

	color: #4d4d4d;

	font-size: 14px;

	line-height: 24px;

}



.exper_tit {

	color: #3187e4;

	font-size: 18px;

	font-weight: bold;

	border-bottom: 1px dashed #c1c1c1;

	line-height: 24px;

	height: 24px;

	padding-bottom: 10px;

	margin-bottom: 5px;

	text-transform: uppercase;

}



.exper_tit span {

	color: #cccccc;

	font-size: 18px;

	font-family: "Arial";

	margin-left: 12px;

	font-weight: normal;

}



.rea_b_n {

	width: 92px;

	float: left;

	background: #fff;

}



.exper {

	width: 440px;

}



@media(max-width:1024px) {

	.wh8 {

		background: #e6f0fa;

	}

	.reason_i {

		width: 100%;

		height: 180px;

	}

	.reason_b_r2 {

		width: 50%;

	}

	.exper {

		width: 76%;

	}

}



@media(max-width:768px) {

	.reason_w {

		display: none;

	}

	.reason_n {

		width: 100%;

		display: flex;

		justify-content: center;

	}

	.reason_one .reason_b_l,

	.reason_one .reason_b_r {

		width: 100%;

		float: none !important;

		height: auto;

	}

	.reason_one .reason_b_l img {

		height: auto;

		width: 100%;

	}

	.exper {

		width: 100%;

	}

}



@media(max-width:480px) {

	.reason_n {

		height: unset;

	}

	.reason_n_l .r_cn {

		font-size: 18px;

	}

	.reason_n_r {

		font-size: 26px;

		height: auto;

		line-height: unset;

		margin-right: 0;

	}

	.reason_n_r span {

		font-size: 42px;

	}

	.reason_n_l {

		float: left;

		margin: 15px 0;

	}

	.reason_i_p {

		width: 85px;

		height: 90px;

	}

}



@media(max-width:480px) {}



.wh8 {

	position: relative;

	overflow: hidden;

}



.wh8:before {

	content: '';

	background: #e6f0fa;

	position: absolute;

	width: 63%;

	height: 100%;

	left: 0;

	top: 0;

	z-index: -1;

}



.about_left {

	background: url(../images/video.png) no-repeat;

	width: 45%;

	height: 315px;

	float: left;

}



.about_left img,

.about_left video {

	width: 417px;

	height: 262px;

	margin-left: 66px;

	margin-top: 15px;

}



.about_right {

	width: 55%;

	background: #e6f0fa;

	height: 314px;

	position: relative;

	float: left;

}



.about_top {

	font-size: 18px;

	color: #404040;

	padding-top: 30px;

	font-weight: bold;

}



.about_list {

	color: #404040;

	font-size: 14px;

	line-height: 28px;

	overflow: hidden;

	margin-top: 10px;

	border-bottom: 1px dashed #a86b66;

	padding-bottom: 20px;

	width: 90%;

}



.about_more {

	color: #404040;

	font-size: 13px;

	margin-top: 10px;

	display: block;

}



@media(max-width:1024px) {

	.about_right {

		width: 100%;

		height: auto;

		padding-bottom: 20px;

		float: none;

	}

	.about_list {

		height: auto;

	}

	.about_left {

		background: url(../images/video.png) no-repeat;

		width: 100%;

		height: auto;

		float: none;

		background-size: 100%;

		padding-bottom: 20%;

	}

	.about_left img,

	.about_left video {

		width: 76%;

		height: auto;

		margin-left: 12%;

		margin-top: 3%;

	}

}



@media(max-width:768px) {

	.about_list {

		width: 100%;

	}

}



.ProductInfo .SoliInfoPart2 {

	margin-top: 0px;

}



.ProductInfo .SoliInfoPart3 {

	border: 0;

}



.MatchCon {

	padding-bottom: 2%;

}



.MatchCon ul {

	margin-left: -1.75%;

	overflow: hidden;

}



.MatchCon ul li {

	width: 31.58%;

	margin-left: 1.75%;

	float: left;

	border: 1px #cecece solid;

	margin-bottom: 3%;

	cursor: pointer;

	position: relative;

}



.MatchCon ul li .hBox {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background: rgba(0, 0, 0, 0.5);

	display: flex;

	justify-content: center;

	flex-direction: column;

	align-items: center;

	padding: 0 5%;

	opacity: 0;

	visibility: hidden;

	transition: 0.3s;

}



.MatchCon ul li .hBox .tit {

	font-family: SourceHanSansCN-Medium;

	font-size: 20px;

	font-weight: bold;

	color: #fff;

	padding-bottom: 20px;

	text-align: center;

}



.MatchCon ul li .hBox .txt {

	font-size: 16px;

	color: #fff;

	line-height: 30px;

	overflow: hidden;

	text-align: left;

}



.MatchCon ul li .imgbox {

	padding-top: 62.4%;

}



.MatchCon ul li:hover .hBox {

	opacity: 1;

	visibility: visible;

}



.MatchCon ul li .txtbox1 {

	font-size: 20px;

	line-height: 60px;

	letter-spacing: 0px;

	color: #333333;

	text-align: center;

	background-color: #cecece;

	transition: all ease 0.1s;

}



@media(max-width:640px) {

	.MatchCon ul {

		margin-left: -2%;

	}

	.MatchCon ul li {

		width: 48%;

		margin-left: 2%;

	}

}



@media(max-width:480px) {

	.MatchCon ul li .txtbox1 {

		font-size: 14px;

		line-height: 40px;

	}

}



.Form002324 {

	margin-top: 3%;

}





/* 22-08-11 */



.DownLoadForm {

	position: fixed;

	top: 0%;

	left: 0;

	width: 100%;

	height: 100%;

	background: rgba(11, 11, 11, 0.8);

	z-index: 99999;

	display: none;

}



.DownLoadForm .DownLoadFormBox {

	width: 90%;

	max-width: 700px;

	background: #fff;

	border-radius: 20px;

	box-sizing: border-box;

	padding: 2%;

	position: absolute;

	left: 50%;

	top: 50%;

	transform: translate(-50%, -50%);

}



.DownLoadForm .DownLoadFormBox .Close {

	opacity: 1;

	width: 39px;

	height: 39px;

	position: absolute;

	right: -15px;

	top: -15px;

	line-height: 39px;

	text-align: center;

	color: #fff;

	background: #33cccc;

	border-radius: 50%;

	font-size: 28px;

	font-family: Arial, Baskerville, monospace;

	cursor: pointer;

}



.DownLoadForm .DownLoadFormBox .tit {

	text-align: center;

	font-size: 20px;

	font-weight: bold;

	margin-bottom: 10px;

}



@media(max-width:640px) {

	.DownLoadForm .DownLoadFormBox {

		padding: 20px;

		padding-top: 30px;

		padding-bottom: 30px;

	}

	.HomeNews .news_list li {
		width: 100%;
	}
}

@media(max-width:1200px) {

	.HomeNews .news_list li {
		width: 48%;
	}

}

.foot_link {
	width: 95%;
	margin: 0 auto 20px;
	text-align: center;
	color: #fff;
}

.foot_link a {
	color: #fff;
}

.foot_link a:hover {
	color: #df202e;
}

.foot_link a:hover {
	color: #df202e;
}

.pagebar {
	margin-top: 60px;
	text-align: center;
}

.pagination {
	text-align: center;
	font-size: 0;
	display: flex;
	justify-content: center;
}

.a1_page {
	display: none !important;
}

.pagination a,
.pagination span {
	padding: 0 14px;
	display: inline-block;
	margin: 0 3px;
	min-width: 40px;
	line-height: 38px;
	font-size: 14px;
	-webkit-transition: .2s;
	-moz-transition: .2s;
	transition: .2s;
	color: #8C8C9A;
	border: 1px solid #D9DDE1;
	border-radius: 3px;
}

.pagination .cur_page,
.pagination .page-num-current,
.pagination a:hover {
	color: #fff !important;
	background: #a41626 !important;
	border-color: #a41626;
}

.pagination .prev_disabled:hover,
.pagination .next_disabled:hover {
	color: #a41626 !important;
}

.pagination a.prev:before,
.pagination a.prev_disabled:before {
	content: "上一页";
}

.pagination a.next:before,
.pagination a.next_disabled:before {
	content: "下一页";
}

.pagination input {
	padding: 0 14px;
	display: inline-block;
	margin: 0 3px;
	line-height: 38px;
	font-size: 14px;
	-webkit-transition: .2s;
	-moz-transition: .2s;
	transition: .2s;
	color: #8C8C9A;
	border: 1px solid #D9DDE1;
	border-radius: 3px;
}

@media (max-width:768px) {

	.pagination a,
	.pagination span {
		padding: 0 5px;
		margin: 0 2px;
		min-width: 30px;
		line-height: 28px;
		font-size: 12px;
	}
}

.search-box {
	padding: 40px 0;
}

.search-top {
	margin-bottom: 30px;

}

.search-top h1 {
	font-size: 32px;
	font-weight: bold;
}

.search-top p {
	margin-top: 10px;
	font-size: 18px;
}

.search-top p span {
	color: #a41626;
	margin-right: 3px;
}

.search-list ul {
	display: flex;
	flex-wrap: wrap;
}

.search-list ul li {
	width: 24.5%;
	margin-right: 2%;
	margin-bottom: 30px;
	position: relative;
	top: 0;
	background-color: #fff;
	box-shadow: 0 2px 32px rgba(195, 212, 241, 0.5);
	transition: 0.3s;
}

.search-list ul li:nth-child(4n) {
	margin-right: 0;
}

.search-list ul li .pic {
	width: 100%;
	padding-top: 72%;
	position: relative;
	overflow: hidden;
}

.search-list ul li .pic img {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transform: translate(-50%, -50%);
}


.search-list ul li h4 {
	padding: 12px;
	text-align: center;
	border-top: solid 1px #eee;
}

.search-list ul li:hover {
	top: -8px;
	box-shadow: 0 2px 12px rgba(23, 130, 254, 0.15);
}

.search-list ul li:hover h4 {
	background-color: #a41626;

}

.search-list ul li:hover h4 a {
	color: #fff;
}

@media(max-width:1200px) {

	.search-list ul li {
		width: 32%;
		margin-bottom: 20px;
	}

	.search-list ul li:nth-child(3n) {
		margin-right: 0;
	}

	.search-list ul li .pic {
		padding-top: 68%;
	}


}

@media(max-width:768px) {

	.search-list ul li {
		width: 49%;
	}

	.search-list ul li:nth-child(2n) {
		margin-right: 0;
	}

}