input, select, textarea {
	outline:none;
	border-radius: 0;
	-webkit-appearance:none;
}
.newstext * {
	font-family: "sourcehansans";
}
.clear {
	clear:both;
}
.clearfix {
*zoom: 1;
}
.clearfix:before {
	content: "";
	display: table;
}
.clearfix:after {
	content: "";
	display: table;
	clear: both;
}
.pics {
	overflow: hidden;
}
.pics img {
	max-width: 100%;
	display: block;
	width: 100%;
	overflow: hidden;
	transition: all 0.5s;
	transform: scale(1);
	max-height:100%;
}
.swiper-slide img {
	width: 100%;
	display: block;
}
.left {
	float:left;
}
.right {
	float:right;
}
.p10 {
	padding: 10px 0;
}
.p20 {
	padding: 20px 0;
}
.p30 {
	padding: 30px 0;
}
.p40 {
	padding: 40px 0;
}
.p50 {
	padding: 50px 0;
}
.p60 {
	padding: 60px 0;
}
.p70 {
	padding: 70px 0;
}
.p80 {
	padding: 80px 0;
}
.p90 {
	padding: 90px 0;
}
.p100 {
	padding: 100px 0;
}
.mt10 {
	margin-top: 10px !important;
}
.mt20 {
	margin-top: 20px !important;
}
.mt30 {
	margin-top: 30px !important;
}
.mt40 {
	margin-top: 40px !important;
}
.mt50 {
	margin-top: 50px !important;
}
.mt60 {
	margin-top: 60px !important;
}
.mt70 {
	margin-top: 70px !important;
}
.mt80 {
	margin-top: 80px !important;
}
.mt90 {
	margin-top: 90px !important;
}
.mt100 {
	margin-top: 100px !important;
}
.w1200 {
	width: 1200px;
	margin: 0 auto;
}
.mx1200 {
	max-width: 1200px;
	width: 94%;
	margin: 0 auto;
}
.fbj {
	display: none;
}



::-webkit-scrollbar-track {
 background: #f6f8fb;
}
.container {
	width: 75%;
	margin: 0 auto;
}

.index-banner-video {
	width: 100%;
	display: block;
}
.banner {
	position: relative;
}
.ban_c {
	position: relative;
}
.bannertext {
	position: absolute;
	top: 28%;
	left: 27.4%;
	width: 45.2% !important;
}
.newstext video {
	height: auto !important;
}
.gjform {
	width: 325px;
	padding: 30px 25px 15px 25px;
	background: rgba(0, 0, 0, .8);
	top: 50%;
	left: 50%;
	margin-left: -190px;
	position: absolute;
}
.gjform select {
	-webkit-appearance: none;
	width: 220px;
	height: 40px;
	padding: 0 15px;
	border: none;
	float: left;
	background: url("../images/arrow_select.png") #fff center right 15px no-repeat;
}
.gjform .bu1 {
	width: 100px;
	height: 41px;
	text-align: center;
	line-height: 41px;
	font-size: 16px;
	color: #fff;
	background: #ba1f20;
	border: none;
	float: right;
	cursor: pointer;
}
.gjform a {
	display: block;
	float: left;
	margin: 15px 15px 0 0;
	color: #ba1f20;
}
.gjform a img {
	width: auto !important;
	height: 20px;
	display: inline-block;
	vertical-align: middle;
}
.gjform2 {
	background: #fff;
	display: none;
	width: 500px;
	padding: 40px;
	left: 50%;
	margin-left: -290px;
	top: 30%;
	position: fixed;
	border-radius: 5px;
	z-index: 999999999999;
}
.gjform2 li {
	width: 50%;
	float: left;
	text-align: center;
	display: block;
	font-size: 14px;
	margin: 0 0 10px 0;
}
.gjform2 li select {
	width: 40%;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: url("../images/arrow_select.png");
	background-position: center right 15px;
	background-repeat: no-repeat;
	border: 1px solid #ccc;
	border-radius: 5px;
	-webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
	box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
 -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
 -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
 transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.gjform2 .bu2 {
	width: 70%;
	height: 41px;
	text-align: center;
	line-height: 41px;
	font-size: 16px;
	color: #fff;
	background: #ba1f20;
	border: none;
	margin: 20px auto 0 auto;
	cursor: pointer;
	clear: both;
	border-radius: 5px;
}
.gjform3 {
	background: #fff;
	display: none;
	z-index: 9999999999;
	width: 500px;
	padding: 40px;
	left: 50%;
	margin-left: -290px;
	top: 30%;
	position: fixed;
	border-radius: 5px;
}
.gjform3 li {
	width: 100%;
	text-align: center;
	font-size: 14px;
	margin: 0 auto 10px auto;
	display: block;
	position: relative;
}
.gjform3 li img {
	position: absolute;
	right: 15.4%;
	top: 1px;
	border-radius: 4px;
	margin-right: 1px;
}
.gjform3 li input {
	height: 35px;
	width: 50%;
	padding: 0 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
	box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
 -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
 -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
 transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.gjform3 input[type="submit"] {
	width: 70%;
	height: 41px;
	text-align: center;
	line-height: 41px;
	font-size: 16px;
	color: #fff;
	background: #ba1f20;
	border: none;
	margin: 20px auto 0 auto;
	cursor: pointer;
	clear: both;
	display: block;
	border-radius: 5px;
}
.gjform2 span, .gjform3 span {
	position: absolute;
	top: 10px;
	color: #ccc;
	width: 20px;
	height: 20px;
	text-align: center;
	line-height: 18px;
	right: 10px;
	font-size: 20px;
	cursor: pointer;
	-moz-transition: 	all 0.5s;
	-webkit-transition: all 0.5s;
	-ms-transition: 	all 0.5s;
	-o-transition: 		all 0.5s;
	transition: 		all 0.5s;
}
.gjform2 span:hover, .gjform3 span:hover {
	transform: rotate(180deg);
}
.shadow {
	background: #000;
	opacity: .5;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 999999999;
	display: none;
}
.about {
	font-size: 18px;
	line-height: 32px;
	color: #484848;
	text-align: center;
	background: #f4f4f4;
}
.about h1 {
	font-size: 36px;
	font-family: Arial;
	line-height: 44px;
	text-transform: uppercase;
	margin: 0 0 20px 0;
}
.about h1 span {
	color: #ba1f20;
	font-weight: normal;
	display: block;
}
.num {
	text-align: center;
}
.num h1 {
	margin: 0 0 40px 0;
}
.num h1 span {
	color: #ba1f20;
	font-weight: normal;
	display: block;
}
.num h1 font {
	width: 0;
	height: 0;
	display: block;
	margin: 0 auto 20px auto;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-top: 7px solid #c33d3e;
}
.numul li {
	display: block;
	float: left;
	width: 25%;
	position: relative;
}
.numul li:after {
	position: absolute;
	width: 1px;
	height: 30px;
	right: 0;
	background: #c9c9c9;
	content: '';
	display: block;
	top: 50%;
	margin-top: -30px;
}
.numul li span {
	font-size: 60px;
	line-height: 60px;
	display: inline-block;
}
.numul li font {
	display: inline-block;
	vertical-align: top;
	font-size: 16px;
}
.numul li strong {
	display: inline-block;
	vertical-align: baseline;
	font-weight: normal;
	font-size: 16px;
	margin-left: -10px;
}
.numul li p {
	font-size: 16px;
	color: #666666;
	margin: 10px 0 0 0;
}
.pro {
	background: url("../images/bg_pro.jpg") center no-repeat;
	background-size: cover;
	overflow: hidden;
}
.pro .circle {
	width: 460px;
	height: 460px;
	margin: 1.5% auto 0 auto;
	position: relative;
}
.pro .circle li {
	display: block;
	position: absolute;
	-moz-transition: 	all 0.5s;
	-webkit-transition: all 0.5s;
	-ms-transition: 	all 0.5s;
	-o-transition: 		all 0.5s;
	transition: 		all 0.5s;
}
.pro .circle li.pics {
	overflow: visible;
}
 .pro .circle li:nth-child(1) {
width: 49.5%;
left: 26.7%;
top: 0;
}
 .pro .circle li:nth-child(2) {
width: 49.8%;
left: 0.7%;
top: 5.5%;
}
 .pro .circle li:nth-child(3) {
width: 24%;
left: 0.7%;
top: 34.3%;
}
 .pro .circle li:nth-child(4) {
width: 50%;
left: 24.5%;
top: 64.6%;
}
 .pro .circle li:nth-child(5) {
width: 49.8%;
right: 0;
top: 50.5%;
}
 .pro .circle li:nth-child(6) {
width: 24%;
right: 0;
top: 7.2%;
}
 .pro .circle li:nth-child(1):hover {
left: 24.7%;
top: -4%;
}
 .pro .circle li:nth-child(2):hover {
left: -3.3%;
top: 5.5%;
}
 .pro .circle li:nth-child(3):hover {
left: -1%;
top: 38.3%;
}
 .pro .circle li:nth-child(4):hover {
left: 26.5%;
top: 67.6%;
}
 .pro .circle li:nth-child(5):hover {
right: -3%;
top: 50.5%;
}
 .pro .circle li:nth-child(6):hover {
right: -1.5%;
top: 4.2%;
}
.pro .circle li p {
	position: absolute;
	color: #fff;
	border-bottom: 1px solid #fff;
	font-size: 15px;
	line-height: 44px;
	padding: 0 40px;
}
 .pro .circle li:nth-child(1) p {
width: 400px;
left: 50%;
margin: 0 0 0 110px;
top: -47px;
}
 .pro .circle li:nth-child(2) p {
width: 370px;
left: 0;
margin: 0 0 0 -455px;
top: 35px;
text-align: right;
}
 .pro .circle li:nth-child(3) p {
width: 230px;
left: 0;
margin: 0 0 0 -335px;
top: 100px;
text-align: right;
}
 .pro .circle li:nth-child(4) p {
width: 270px;
left: 0;
margin: 0 0 0 -325px;
top: 135px;
text-align: right;
}
 .pro .circle li:nth-child(5) p {
width: 250px;
left: 50%;
margin: 0 0 0 110px;
top: 80px;
}
 .pro .circle li:nth-child(6) p {
width: 320px;
left: 50%;
margin: 0 0 0 70px;
top: 80px;
}
.pro .circle:after {
	content: '业务介绍';
	width: 104px;
	line-height: 60px;
	color: #ba1f20;
	display: block;
	font-size: 48px;
	text-align: center;
	font-weight: bold;
	letter-spacing: 4px;
	top: 50%;
	left: 50%;
	position: absolute;
	margin-left: -52px;
	margin-top: -60px;
}
 .pro .circle li:nth-child(1) p:after {
 width: 65px;
 height: 1px;
 background: #fff;
 transform: rotate(-39deg);
 content: '';
 display: block;
 left: -57px;
 bottom: -21px;
 position: absolute;
}
 .pro .circle li:nth-child(2) p:after {
 width: 65px;
 height: 1px;
 background: #fff;
 transform: rotate(-20deg);
 content: '';
 display: block;
 right: -62px;
 bottom: 10px;
 position: absolute;
}
 .pro .circle li:nth-child(3) p:after {
 width: 65px;
 height: 1px;
 background: #fff;
 transform: rotate(-34deg);
 content: '';
 display: block;
 right: -59px;
 bottom: 17px;
 position: absolute;
}
 .pro .circle li:nth-child(4) p:after {
 width: 65px;
 height: 1px;
 background: #fff;
 transform: rotate(-34deg);
 content: '';
 display: block;
 right: -59px;
 bottom: 17px;
 position: absolute;
}
 .pro .circle li:nth-child(5) p:after {
 width: 65px;
 height: 1px;
 background: #fff;
 transform: rotate(-24deg);
 content: '';
 display: block;
 left: -62px;
 bottom: -14px;
 position: absolute;
}
 .pro .circle li:nth-child(6) p:after {
 width: 65px;
 height: 1px;
 background: #fff;
 transform: rotate(-39deg);
 content: '';
 display: block;
 left: -57px;
 bottom: -21px;
 position: absolute;
}
 .pro .circle li:nth-child(1) p:before, .pro .circle li:nth-child(5) p:before, .pro .circle li:nth-child(6) p:before {
 width: 6px;
 height: 6px;
 border-radius: 50%;
 border: 1px solid #fff;
 content: '';
 display: block;
 right: -7px;
 bottom: -4px;
 position: absolute;
}
 .pro .circle li:nth-child(2) p:before, .pro .circle li:nth-child(3) p:before, .pro .circle li:nth-child(4) p:before {
 width: 6px;
 height: 6px;
 border-radius: 50%;
 border: 1px solid #fff;
 content: '';
 display: block;
 left: -7px;
 bottom: -4px;
 position: absolute;
}
.stitle {
	text-align: center;
	margin: 0 0 30px 0;
}
.stitle span {
	display: block;
	font-size: 48px;
	line-height: 48px;
}
.stitle p {
	font-size: 16px;
	color: #999999;
	line-height: 26px;
	margin: 10px 0;
}
.case {
	background: #f5f5f5;
}
.casecate {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	align-items: center;
}
.casecate li {
	display: block;
	float: left;
	padding: 0 25px;
	position: relative;
}
.casecate li a {
	font-size: 16px;
	display: block;
}
.casecate li:before {
	width: 1px;
	height: 12px;
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -4px;
	background: #dcdcdc;
}
.casecate li:last-child:after {
	width: 1px;
	height: 12px;
	content: '';
	display: block;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -4px;
	background: #dcdcdc;
}
.caseul {
	margin: 30px 0 0 0;
}
.caseul li {
	display: block;
	float: left;
	width: 23.875%;
	margin: 0 1.5% 1.5% 0;
}
 .caseul li:nth-child(4n) {
 margin: 0 0 1.5% 0;
}
.caseul li a {
	display: block;
}
.caseul li p {
	font-size: 14px;
	color: #888888;
}
.caseul li .text {
	border: 1px solid #e5e5e5;
	padding: 5% 5%;
	background: #fff;
	line-height: 24px;
}
.caseul li .text span {
	font-size: 19px;
	display: block;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	-moz-transition: 	all 0.5s;
	-webkit-transition: all 0.5s;
	-ms-transition: 	all 0.5s;
	-o-transition: 		all 0.5s;
	transition: 		all 0.5s;
}
.caseul li:hover .text span {
	color: #ba1f20;
}
.caseul li .text p {
	font-size: 16px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	margin: 3px 0 0 0;
}
.caseul li .text p.left {
	width: 100%;
	height: 24px;
}
.caseul li .text p.right {
	width: 30%;
	text-align: right;
	display: none;
}
.caseul li .pics {
	position: relative;
	-moz-transition: 	all 0.5s;
	-webkit-transition: all 0.5s;
	-ms-transition: 	all 0.5s;
	-o-transition: 		all 0.5s;
	transition: 		all 0.5s;
}
.caseul li:hover .pics {
	filter: none;
}
.caseul li:hover .pics img {
	-moz-transform: 	scale(1.1);
	-webkit-transform: 	scale(1.1);
	-ms-transform: 		scale(1.1);
	-o-transform: 		scale(1.1);
	transform: 			scale(1.1);
}
.caseul li .link {
	position: absolute;
	top: 50%;
	width: 100%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	font-size: 14px;
	z-index: 9999;
	opacity: 0;
	-moz-transition: 	all 0.5s;
	-webkit-transition: all 0.5s;
	-ms-transition: 	all 0.5s;
	-o-transition: 		all 0.5s;
	transition: 		all 0.5s;
}
.caseul li:hover .link {
	opacity: 1;
}
.caseul li .link a {
	display: block;
	color: #fff;
	margin: 0 15px;
}
.caseul li .link a img {
	height: 18px;
	display: inline-block;
	vertical-align: middle;
	width: auto;
}
.nbannervideo {
	position: relative;
	overflow: hidden;
	height: 600px;
}
.nbannervideo video {
	width: 1920px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -960px;
	margin-top: -540px;
	height: 1080px;
}
.nbantitle {
	left: 50%;
	top: 50%;
	margin-left: -278px;
	margin-top: -116px;
	position: absolute;
}
.nbantitle_swdh {
	margin-left: -321px;
	margin-top: -80px;
}
.newstextarea {
	display: none;
}
.videoarea {
	position: fixed;
	display: none;
	width: 56%;
	height: 64%;
	top: 10%;
	left: 22%;
	z-index: 9999999999;
}
.videoarea video {
	width: 100% !important;
	height: 100% !important;
	margin: 0 auto;
	display: block;
	outline: none;
}
.shadow .close {
	font-size: 40px;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	padding: 0 0 7px 0;
	color: #fff;
	position: fixed;
	right: 20px;
	top: 10px;
	font-weight: bold;
	cursor: pointer;
	-moz-transition: 	all 0.5s;
	-webkit-transition: all 0.5s;
	-ms-transition: 	all 0.5s;
	-o-transition: 		all 0.5s;
	transition: 		all 0.5s;
}
.shadow .close:hover {
	transform: rotate(180deg);
}
.process li {
	display: block;
	float: left;
	width: 20%;
	text-align: center;
	margin: 0 0 35px 0;
}
.process li img {
	display: block;
	margin: 0 auto;
}
.process li:hover img {
	-webkit-animation: icon-bounce 0.5s alternate;
	-moz-animation: icon-bounce 0.5s alternate;
	-ms-animation: icon-bounce 0.5s alternate;
	-o-animation: icon-bounce 0.5s alternate;
	animation: icon-bounce 0.5s alternate;
}
.process li .line {
	width: 100%;
	height: 1px;
	background: #dcdcdc;
	margin: 15px 0;
	position: relative;
}
.process li .line:after {
	width: 10px;
	height: 10px;
	background: #000;
	border-radius: 50%;
	content: '';
	display: block;
	left: 50%;
	margin-left: -5px;
	top: 50%;
	margin-top: -5px;
	position: absolute;
}
.process li span {
	display: block;
	font-size: 24px;
	line-height: 40px;
}
.process li p {
	color: #888888;
	font-size: 15px;
	line-height: 28px;
}
.process li:first-child .line:before {
	width: 1px;
	height: 32px;
	background: #dcdcdc;
	border-radius: 50%;
	content: '';
	display: block;
	left: 0;
	top: 50%;
	margin-top: -16px;
	position: absolute;
}
.process li:last-child .line:before {
	width: 7px;
	height: 14px;
	background: url("../images/arrow_process.png");
	border-radius: 50%;
	content: '';
	display: block;
	right: 0;
	top: 50%;
	margin-top: -6px;
	position: absolute;
}
.banner_wap {
	display: none;
}
.news {
}
.news ul {
	width: 30.666%;
	margin: 0 4% 0 0;
	float: left;
}
 .news ul:nth-child(3) {
 margin: 0;
}
.news li {
	display: block;
	line-height: 38px;
	border-bottom: 1px dashed #cbcbcb;
}
.news li a {
	display: block;
	height: 38px;
	color: #484848;
	-moz-transition: 	all 0.5s;
	-webkit-transition: all 0.5s;
	-ms-transition: 	all 0.5s;
	-o-transition: 		all 0.5s;
	transition: 		all 0.5s;
}
.news li:hover a {
	color: #ba1f20;
}
.news li span {
	display: block;
	width: 77%;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	float: left;
}
.news li font {
	float: right;
	display: block;
}
.news .newstitle {
	font-size: 24px;
	color: #282828;
	line-height: 36px;
}
.news .newstitle:after {
	width: 35px;
	height: 3px;
	background: #ba1f20;
	margin: 10px 0;
	display: block;
	content: '';
}
.news li:last-child {
	border: none;
	text-align: right;
}
.news li:last-child a {
	color: #b7b7b7;
	-moz-transition: 	all 0.5s;
	-webkit-transition: all 0.5s;
	-ms-transition: 	all 0.5s;
	-o-transition: 		all 0.5s;
	transition: 		all 0.5s;
}
.news li:last-child:hover a {
	color: #ba1f20;
}
.footerbg {
	color: #c4c4c4;
	background: #1b1b1b;
}
.fmenu {
	width: 53%;
}
.fmenu ul {
	width: 15.666%;
	float: left;
	padding: 0 1% 0 0;
}
.fmenu ul li:first-child {
	font-size: 16px;
	color: #fff;
	margin: 0 0 10px 0;
}
.fmenu ul li, .fmenu ul li a {
	display: block;
	font-size: 14px;
	color: #c4c4c4;
	line-height: 26px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.ftitle {
	font-size: 16px;
	color: #fff;
	margin: 0 0 10px 0;
}
.fcontact {
	font-size: 14px;
	line-height: 26px;
	width: 34%;
	margin: 0 2%;
	text-align: left;
}
.fcontact * {
	font-size: 14px !important;
	line-height: 26px !important;
}
.fewm {
	font-size: 14px;
	text-align: center;
	width: 9%;
	word-break: keep-all;
}
.fewm img {
	max-width: 124px;
	width: 100%;
}
.cr {
	font-size: 14px;
	line-height: 24px;
	text-align: center;
	opacity: .5;
}
.cr a {
	font-size: 14px;
	color: #c4c4c4;
}
.nbanner {
	height: 600px;
	max-width: 1200px;
	margin: 0 auto;
}
.nabout {
	background: #f5f5f5;
}
.ntitle {
	font-size: 24px;
	line-height: 30px;
	margin: 0 0 30px 0;
}
.ntitle strong {
	font-size: 30px;
	display: block;
	text-transform: uppercase;
}
.nabout .container {
	background: url(../images/bg_nabout_s.png) right top no-repeat;
}
.nabout .pics {
	width: 42%;
}
.nabout .text {
	width: 55%;
	font-size: 14px;
	color: #666666;
	line-height: 24px;
}
.nabout .text h1 {
	font-size: 20px;
	color: #484848;
	margin: 0 0 15px 0;
}
.naboutpics {
	background: url(../images/bg_naboutpics.jpg) center top 30% no-repeat;
	background-size: contain;
}
.naboutpics .ntitle {
	font-size: 20px;
	line-height: 28px;
}
.naboutpics .ntitle strong {
	font-size: 24px;
}
.aboutpicsul li {
	display: block;
	float: left;
	width: 19%;
	margin: 0 1% 1.1% 0;
}
 .aboutpicsul li:nth-child(3n+1) {
 margin: 0 0 1.1% 0;
}
 .aboutpicsul li:nth-child(1) {
 width: 40%;
 margin: 0 1% 1.1% 0;
}
.env li .pics img {
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
 filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
	_filter:none;
}
.aboutpicsul li:hover .pics img {
	filter:none;
	-moz-transform: 	scale(1.1);
	-webkit-transform: 	scale(1.1);
	-ms-transform: 		scale(1.1);
	-o-transform: 		scale(1.1);
	transform: 			scale(1.1);
}
.team {
	margin-top: 50px;
}
.honor {
	margin-top: 50px;
}
.honorul li {
	float: left;
	display: block;
}
.honorul li a {
	display: block;
	padding: 15px;
	background: #eeeeee;
}
.honorul li:hover .pics img {
	-moz-transform: 	scale(1.1);
	-webkit-transform: 	scale(1.1);
	-ms-transform: 		scale(1.1);
	-o-transform: 		scale(1.1);
	transform: 			scale(1.1);
}
.culture {
	background: url(../images/bg_kh.jpg) center no-repeat;
	background-size: cover;
}
.culture li {
	display: block;
	width: 33.333%;
	float: left;
	text-align: center;
}
.culture li strong {
	font-size: 30px;
	font-family: Arial;
	display: block;
	text-transform: uppercase;
}
.culture li span {
	font-size: 30px;
	color: #ba1f20;
	display: block;
}
.culture li p {
	font-size: 18px;
	color: #484848;
}
.culture li .tri {
	width: 0;
	height: 0;
	display: block;
	margin: 20px auto 35px auto;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 15px solid #ba1f20;
}
.bnav {
	background: #f5f5f5;
}
.bnav, .bnav a {
	font-size: 14px;
	color: #666666;
	line-height: 40px;
}
.ncontact .container {
}
.ncontact li {
	width: 100%;
	margin: 0 0 2% 0;
	display: block;
	float: left;
}
 .ncontact li:nth-child(2n) {
 margin: 0 0 4% 0;
}
 .ncontact li:nth-child(3n+1) {
 clear: both;
}
.ncontact li {
	position: relative;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	align-items: center;
}
.ncontact li .pics {
	cursor: pointer;
	position: relative;
	width: 40%;
	margin: 0 5% 0 0;
}
.ncontact li .close {
	width: 50px;
	height: 50px;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 99999;
	display: none;
	background: url("../images/close.jpg") center no-repeat;
	-moz-transition: 	all 0.5s;
	-webkit-transition: all 0.5s;
	-ms-transition: 	all 0.5s;
	-o-transition: 		all 0.5s;
	transition: 		all 0.5s;
}
.ncontact li .cmap {
	position: absolute;
	left: 0;
	top: 150%;
	z-index: 9999;
	width: 100%;
	height: 100%;
	display: block;
	opacity: 0;
	-moz-transition: 	all 0.5s;
	-webkit-transition: all 0.5s;
	-ms-transition: 	all 0.5s;
	-o-transition: 		all 0.5s;
	transition: 		all 0.5s;
}
.ncontact li .cmap iframe {
	position: absolute;
	left: 50%;
	margin-left: -402px;
	top: 50%;
	margin-top: -252px;
}
.ncontact li .pics a {
	display: block;
	position: absolute;
	width: 90%;
	height: 60%;
	z-index: 9;
	bottom: 0;
	left: 0;
	padding: 0 5%;
	font-size: 16px;
	color: #fff;
	background-image: -webkit-linear-gradient(0deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
	background-image: -moz-linear-gradient(0deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
	background-image: -ms-linear-gradient(0deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
	background-image: -o-linear-gradient(0deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
	background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
	-moz-transition: 	all 0.5s;
	-webkit-transition: all 0.5s;
	-ms-transition: 	all 0.5s;
	-o-transition: 		all 0.5s;
	transition: 		all 0.5s;
}
.ncontact li:hover .pics a {
	height: 100%;
}
.ncontact li .pics a img {
	height: 18px;
	display: inline-block;
	vertical-align: middle;
	margin: 0 10px 0 0;
	width: auto;
}
.ncontact li .pics a span {
	position: absolute;
	left: 0;
	bottom: 20px;
	width: 90%;
	padding: 0 5%;
	display: block;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.ncontact li .text {
	font-size: 14px;
	line-height: 40px;
	color: #484848;
	text-align: left;
	width: 55%;
}
.ncontact li .text>span {
	display: block;
	font-size: 24px;
	color: #282828;
	margin: 0 0 15px 0;
}
.map {
	margin: 40px 0 0 0;
	overflow: hidden;
}
.map iframe {
	position: relative;
	margin: 0 auto;
	display: block;
}
.rec {
	background: url(../images/bg_rec.jpg) center no-repeat;
	background-size: cover;
}
.rec .stitle span {
	font-size: 36px;
	font-weight: bold;
	text-transform: uppercase;
}
.rec .stitle p {
	font-size: 36px;
	color: #ba1f20;
}
.recul li {
	display: block;
	margin-bottom: 10px;
	line-height: 50px;
	width: 88%;
}
.recul li span {
	display: block;
	float: left;
	width: 9%;
	padding: 0 3%;
	background: #ba1f20;
	text-align: center;
	font-size: 20px;
	color: #fff;
}
.recul li p {
	width: 75%;
	padding: 0 5%;
	float: left;
	font-size: 15px;
	color: #484848;
	background: rgba(255, 255, 255, .5);
}
 .recul li:nth-child(2) {
margin-left: 2%;
}
 .recul li:nth-child(3) {
margin-left: 4%;
}
 .recul li:nth-child(4) {
margin-left: 6%;
}
 .recul li:nth-child(5) {
margin-left: 8%;
}
 .recul li:nth-child(6) {
margin-left: 10%;
}
 .recul li:nth-child(7) {
margin-left: 12%;
}
.mailinfo {
	text-align: center;
	font-size: 18px;
	color: #282828;
	margin: 50px 0 0 0;
}
.mailinfo a {
	font-size: 18px;
	color: #282828;
}
.newscate {
	margin-top: 40px;
}
.newscate li {
	display: block;
	float: left;
	width: 31.333%;
	margin: 0 3% 0 0;
	line-height: 48px;
}
 .newscate li:nth-child(3n) {
 margin: 0;
}
.newscate li a {
	font-size: 18px;
	display: block;
	color: #282828;
	text-align: center;
	border: 1px solid #eee;
	position: relative;
	z-index: 1;
	-moz-transition: 	all 0.5s;
	-webkit-transition: all 0.5s;
	-ms-transition: 	all 0.5s;
	-o-transition: 		all 0.5s;
	transition: 		all 0.5s;
}
.newscate li.this a, .newscate li:hover a {
	color: #fff;
}
.newscate li a:before {
	width: 0;
	height: 100%;
	background: #ba1f20;
	position: absolute;
	left: 0;
	top: 0;
	content: '';
	display: block;
	z-index: -1;
	-moz-transition: 	all 0.5s;
	-webkit-transition: all 0.5s;
	-ms-transition: 	all 0.5s;
	-o-transition: 		all 0.5s;
	transition: 		all 0.5s;
}
.newscate li.this a:before, .newscate li:hover a:before {
	width: 100%;
}
.nnews {
	padding: 20px 0 70px 0;
}
.nnews li {
	display: block;
	border-bottom: 1px solid #e5e5e5;
}
.nnews li a {
	display: block;
	padding: 30px 0;
}
.nnews li .pics {
	width: 25%;
	position: relative;
	-moz-transition: 	all 0.5s;
	-webkit-transition: all 0.5s;
	-ms-transition: 	all 0.5s;
	-o-transition: 		all 0.5s;
	transition: 		all 0.5s;
}
.nnews li:hover .pics {
	filter: none;
}
.nnews li:hover .pics img {
	-moz-transform: 	scale(1.1);
	-webkit-transform: 	scale(1.1);
	-ms-transform: 		scale(1.1);
	-o-transform: 		scale(1.1);
	transform: 			scale(1.1);
}
.nnews li .text {
	width: 72%;
}
.nnews li .text span {
	display: block;
	font-size: 24px;
	color: #282828;
	margin: 12px 0 0 0;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-moz-transition: 	all 0.5s;
	-webkit-transition: all 0.5s;
	-ms-transition: 	all 0.5s;
	-o-transition: 		all 0.5s;
	transition: 		all 0.5s;
}
.nnews li:hover .text span {
	color: #ba1f20;
}
.nnews li .text span:after {
	width: 44px;
	height: 3px;
	background: #ba1f20;
	display: block;
	content: '';
	margin: 15px 0 20px 0;
	-moz-transition: 	all 0.5s;
	-webkit-transition: all 0.5s;
	-ms-transition: 	all 0.5s;
	-o-transition: 		all 0.5s;
	transition: 		all 0.5s;
}
.nnews li:hover .text span:after {
	width: 10%;
}
.nnews li .text p {
	color: #131313;
	font-size: 15px;
	line-height: 28px;
	max-height: 56px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.nnews li .text .date {
	font-size: 14px;
	color: #666666;
	margin: 20px 0 0 0;
}
.procate li {
	display: block;
	float: left;
}
.procate li a {
	display: block;
	border: 1px solid #eee;
	padding: 5%;
}
.procate li:last-child {
	margin: 0;
}
.procate li img {
	width: 17%;
	display: block;
}
.procate li .text {
	width: 75%;
}
.procate li .text strong {
	display: block;
	font-size: 24px;
	line-height: 30px;
	color: #282828;
	text-transform: uppercase;
}
.procate li .text span {
	display: block;
	font-size: 24px;
	line-height: 30px;
	color: #ba1f20;
	margin: 0 0 20px 0;
}
.procate li p {
	width: 75%;
	float: right;
	color: #484848;
	font-size: 14px;
	line-height: 24px;
	color: #484848;
	max-height: 72px;
	min-height: 72px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}
.procate3 li {
	width: 32%;
	margin: 0 2% 0 0;
}
.procate4 li {
	width: 24.25%;
	margin: 0 1% 0 0;
}
.procate4 li img {
	width: 24%;
}
.procate4 li .text {
	width: 71%;
}
.procate4 li p {
	width: 100%;
	font-size: 14px;
	line-height: 24px;
	color: #484848;
	margin: 10px 0 0 0;
}
.casetitle {
	text-align: center;
}
.casetitle span {
	display: block;
	font-size: 36px;
	color: #282828;
}
.casetitle span:after {
	width: 40px;
	height: 3px;
	background: #ba1f20;
	content: '';
	display: block;
	margin: 10px auto 20px auto;
}
.casetitle p {
	font-size: 18px;
	color: #484848;
}
.ncase {
	background: #f4f4f4;
}
 .ncase:nth-child(2n) {
 background: #ffffff;
}
.ncaseul li {
	display: block;
	float: left;
	width: 32.666%;
	margin: 0 1% 1% 0;
	position: relative;
	cursor: pointer;
	overflow: hidden;
}
.viewvideo {
	cursor: pointer;
}
.ncaseul li:nth-child(3n) {
 margin: 0 0 1% 0;
}
.ncaseul li .pics a {
	display: block;
	position: absolute;
	width: 90%;
	height: 60%;
	z-index: 9;
	bottom: 0;
	left: 0;
	padding: 0 5%;
	font-size: 16px;
	color: #fff;
	background-image: -webkit-linear-gradient(0deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
	background-image: -moz-linear-gradient(0deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
	background-image: -ms-linear-gradient(0deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
	background-image: -o-linear-gradient(0deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
	background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
	-moz-transition: 	all 0.5s;
	-webkit-transition: all 0.5s;
	-ms-transition: 	all 0.5s;
	-o-transition: 		all 0.5s;
	transition: 		all 0.5s;
}
.ncaseul li:hover .pics a {
	height: 100%;
}
.ncaseul li .pics a img {
	height: 18px;
	display: inline-block;
	vertical-align: middle;
	margin: 0 10px 0 0;
	width: auto;
}
.ncaseul li .pics a span {
	position: absolute;
	left: 0;
	bottom: 20px;
	width: 90%;
	padding: 0 5%;
	display: block;
	font-size: 17px;
	font-weight: bold;
	background: url("../images/arrow_case.png") center right 5% no-repeat;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.ncase .more {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	align-items: center;
	line-height: 42px;
	margin: 20px 0 0 0;
}
.ncase .more a {
	width: 11%;
	margin: 0 5px;
	text-align: center;
	font-size: 16px;
	-moz-transition: 	all 0.5s;
	-webkit-transition: all 0.5s;
	-ms-transition: 	all 0.5s;
	-o-transition: 		all 0.5s;
	transition: 		all 0.5s;
}
 .ncase .more a:nth-child(1) {
 border: 1px solid #ba1f20;
 color: #ba1f20;
}
 .ncase .more a:nth-child(2) {
 border: 1px solid #ba1f20;
 color: #fff;
 background: #ba1f20;
}
 .ncase .more a:nth-child(1):hover+a {
 border: 1px solid #ba1f20;
 color: #ba1f20;
 background: none;
}
 .ncase .more a:nth-child(1):hover {
 border: 1px solid #ba1f20;
 color: #fff;
 background: #ba1f20;
}
.ncase .swdhmore.more a {
	width: 16%;
}
.ncase_excellent {
	background: none;
}
.ncase_excellent .casetitle strong {
	font-size: 36px;
	line-height: 44px;
	text-transform: uppercase;
}
.ncase_excellent .casetitle span {
	font-size: 36px;
	line-height: 44px;
	color: #ba1f20;
	display: block;
}
.ncase_excellent .casetitle span:after {
	width: 0;
	height: 0;
	display: block;
	margin: 20px auto 0 auto;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-top: 7px solid #c33d3e;
	background: none;
}
.cjsarea .pics {
	width: 51%;
}
.cjsarea .text {
	width: 46%;
}
.cjsarea .casetitle span {
	font-size: 30px;
	color: #282828;
	position: relative;
}
.cjsarea .casetitle span:after {
	position: absolute;
	margin: 0;
	left: 50%;
	margin-left: -20px;
	bottom: -45px;
}
.cjsarea .casetitle p {
	font-size: 16px;
	color: #6b6b6b;
	margin: 5px 0 0 0;
}
.cjsarea .intro {
	font-size: 15px;
	line-height: 28px;
	color: #878787;
	text-indent: 2em;
}
.cjsarea .more {
	font-size: 16px;
	line-height: 40px;
	text-align: center;
	color: #fff;
	background: #ba1f20;
	display: block;
	margin: 25px auto 0 auto;
	border: 1px solid #ba1f20;
	width: 180px;
	-moz-transition: 	all 0.5s;
	-webkit-transition: all 0.5s;
	-ms-transition: 	all 0.5s;
	-o-transition: 		all 0.5s;
	transition: 		all 0.5s;
}
.cjsarea .more:hover {
	color: #ba1f20;
	background: none;
}
.process_cjsty {
	background: url("../images/bg_process_cjsty.jpg") center no-repeat;
	background-size: cover;
}
.process_cjsty .casetitle span {
	color: #fff;
}
.process_cjstyul {
	margin: 130px 0 0 0;
}
.process_cjstyul li {
	display: block;
	float: left;
	text-align: center;
	width: 12.5%;
	position: relative;
}
.process_cjstyul li img {
	display: block;
	margin: 0 auto;
}
.process_cjstyul li p {
	font-size: 18px;
	color: #fff;
}
.process_cjstyul li span {
	width: 5px;
	height: 5px;
	display: block;
	border-radius: 50%;
	margin: 30px auto 10px auto;
	border: 3px solid #fff;
	z-index: 1;
	position: relative;
}
.process_cjstyul li:after {
	content: '';
	width: 85%;
	height: 1px;
	display: block;
	position: absolute;
	bottom: 38px;
	right: -42%;
	background: #808080;
}
.process_cjstyul li:last-child:after {
	display: none;
}
.swiper_button_prev_honor, .swiper_button_next_honor {
	width: 30px;
	height: 60px;
	background: #9d9d9d;
	top: 50%;
	margin-top: -30px;
	position: absolute;
	z-index: 99;
	background: url("../images/arrow_case.png") #9d9d9d center no-repeat;
	outline: none;
	cursor: pointer;
}
.swiper_button_prev_honor {
	left: 0;
	transform: rotate(180deg);
}
.swiper_button_next_honor {
	right: 0;
}
.cuslogo {
	height: 389px;
}
.cuslogo li {
	height: auto;
}
.cuslogo li .pics {
	border: 1px solid #dedede;
}
.cuslogo li:hover .pics img {
	-moz-transform: 	scale(1.1);
	-webkit-transform: 	scale(1.1);
	-ms-transform: 		scale(1.1);
	-o-transform: 		scale(1.1);
	transform: 			scale(1.1);
}
.floatad {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 999999999;
	left: 0;
	top: 0;
	background: rgba(0, 0, 0, .6);
}
.floatad .adpics {
	position: fixed;
	width: 946px;
	height: 420px;
	left: 50%;
	top: 50%;
	margin-left: -473px;
	margin-top: -210px;
}
.floatad .adpics .link {
	width: 150px;
	height: 43px;
	position: absolute;
	top: 69%;
	cursor: pointer
}
.floatad .adpics .link:nth-child(2) {
 left: 35%;
}
.floatad .adpics .link:nth-child(3) {
 left: 50%;
 margin-left: 18px;
}
.floatad .adpics .link:nth-child(4) {
 left: 50%;
 margin-left: 182px;
}
.floatad .adpics .link:nth-child(5) {
 top: 10px;
 right: 10px;
 width: 40px;
 height: 40px;
}
 @media screen and (max-width: 1915px) {
 .recul li p {
 width: 79%;
 padding: 0 3%;
}
}
 @media screen and (max-width: 1830px) {
 .recul li p {
 width: 81%;
 padding: 0 2%;
}
}
 @media screen and (max-width: 1775px) {
 .rec .container {
 width: 80%;
}
 .recul li p {
 width: 83%;
 padding: 0 1%;
 word-break: keep-all;
}
}
@media screen and (max-width: 1640px) {
 .rec .container {
 width: 85%;
}
}
 @media screen and (max-width: 1600px) {
 .cuslogo {
 height: 350px;
}
 .container {
 width: 80%;
}
 .fmenu {
 width: 58%;
}
 .fcontact {
 width: 25%;
 margin: 0 4%;
}
 .fewm {
 font-size: 12px;
 line-height: 24px;
}
 .ncase .more a {
 width: 15%;
}
}
 @media screen and (max-width: 1540px) {
 .rec .container {
 width: 90%;
}
}
@media screen and (max-width: 1450px) {
 .rec .container {
 width: 94%;
}
}
@media screen and (max-width: 1440px) {
 .cuslogo {
 height: 355px;
}
 .container {
 width: 90%;
}
 .nnews li .pics {
 width: 28%;
}
 .nnews li .text {
 width: 69%;
}
 .casetitle span {
 font-size: 30px;
}
 .casetitle p {
 font-size: 16px;
}
 .casetitle span:after {
 margin: 10px auto 10px auto;
}
}
 @media screen and (max-width: 1380px) {
 .recul li span {
 font-size: 17px;
}
 .recul li p {
 font-size: 14px;
}
}
@media screen and (max-width: 1366px) {
 .cuslogo {
 height: 335px;
}
}
 @media screen and (max-width: 1290px) {
 .cuslogo {
 height: 320px;
}
 .recul li span {
 font-size: 18px;
}
 .recul li p {
 font-size: 14px;
 width: 81%;
 padding: 0 2%;
}
 .recul li span {
 width: 6%;
 display: block;
 float: none;
}
 .recul li p {
 width: 96%;
 padding: 20px 2%;
 line-height: 20px;
}
}
 @media screen and (max-width: 1280px) {
 .about h1 {
 font-size: 32px;
 line-height: 34px;
}
 .about {
 font-size: 16px;
}
 .num h1 span {
 font-size: 30px;
}
 .numul li span {
 font-size: 50px;
 line-height: 50px;
}
 .casecate li a {
 font-size: 14px;
}
 .pro .circle {
 width: 400px;
 height: 400px;
}
 .floatad .adpics {
 position: fixed;
 width: 800px;
 height: 355px;
 left: 50%;
 top: 50%;
 margin-left: -400px;
 margin-top: -177.5px;
}
 .floatad .adpics .link {
 width: 123px;
 height: 36px;
}
 .floatad .adpics .link:nth-child(3) {
 margin-left: 17px;
}
 .floatad .adpics .link:nth-child(4) {
 margin-left: 155px;
}
 .pro .circle li:nth-child(1) p {
width: 400px;
left: 50%;
margin: 0 0 0 110px;
top: -47px;
}
 .pro .circle li:nth-child(2) p {
width: 370px;
left: 0;
margin: 0 0 0 -390px;
top: 35px;
text-align: right;
}
 .pro .circle li:nth-child(3) p {
width: 230px;
left: 0;
margin: 0 0 0 -300px;
top: 100px;
text-align: right;
}
 .pro .circle li:nth-child(4) p {
width: 270px;
left: 0;
margin: 0 0 0 -300px;
top: 113px;
text-align: right;
}
 .pro .circle li:nth-child(5) p {
width: 250px;
left: 50%;
margin: 0 0 0 100px;
top: 55px;
}
 .pro .circle li:nth-child(6) p {
width: 320px;
left: 50%;
margin: 0 0 0 70px;
top: 40px;
}
 .pro .circle li p {
 padding: 0 20px;
 font-size: 14px;
}
 .process li p {
 font-size: 12px;
 line-height: 22px;
}
 .process li span {
 font-size: 20px;
 line-height: 30px;
}
 .stitle span {
 font-size: 30px;
 line-height: 30px;
}
 .stitle p {
 font-size: 14px;
}
 .news .newstitle {
 font-size: 20px;
 line-height: 30px;
}
 .news li a {
 font-size: 14px;
}
 .fmenu ul li:first-child {
 font-size: 14px;
}
 .fmenu ul li, .fmenu ul li a {
 font-size: 12px;
}
 .fcontact {
 font-size: 12px;
 line-height: 22px;
}
 .nnews li .text span:after {
 margin: 15px 0 10px 0;
}
 .nnews li .text p {
 font-size: 14px;
 line-height: 24px;
}
 .nnews li .text .date {
 margin: 10px 0 0 0;
}
 .nnews li .text span {
 font-size: 22px;
}
 .cjsarea .container {
 display: -webkit-flex;
 display: -moz-flex;
 display: -ms-flex;
 display: -o-flex;
 display: flex;
 justify-content: center;
 align-items: center;
}
 .cjsarea .text {
 margin: 0 0 0 3%;
}
}
 @media screen and (max-width: 1200px) {
 .container {
 width: 90%;
}


 
 .process_cjstyul li img {
 width: 40%;
}
 .process_cjstyul li span {
 margin: 10px auto;
}
 .process_cjstyul li p {
 font-size: 15px;
}
 .process_cjstyul li:after {
 bottom: 35px;
}
}
 @media screen and (max-width: 1100px) {

}
 @media screen and (max-width: 1080px) {
 .recul li span {
 float: none;
 width: 15%;
}
 .recul li p {
 width: 96%;
 float: none;
 padding: 20px 2%;
 line-height: 20px;
}
 .ncontact li .text {
 line-height: 30px;
}
 .floatad {
 display: none !important;
}
}
 @media screen and (max-width: 1024px) {
 .cuslogo {
 height: 265px;
}
 .pro .circle {
 width: 350px;
 height: 350px;
}
 .pro .circle li p {
 font-size: 12px;
 line-height: 30px;
 padding: 0 5px;
}
 .pro .circle li:nth-child(1) p {
width: 225px;
left: 50%;
margin: 0 0 0 80px;
top: -55px;
line-height: 20px;
padding: 0 0 5px 0;
}
 .pro .circle li:nth-child(2) p {
width: 150px;
left: 0;
margin: 0 0 0 -170px;
top: 16px;
line-height: 20px;
padding: 0 0 5px 0;
}
 .pro .circle li:nth-child(3) p {
width: 175px;
left: 0;
margin: 0 0 0 -197px;
top: 100px;
}
 .pro .circle li:nth-child(4) p {
width: 176px;
left: 0;
margin: 0 0 0 -192px;
top: 93px;
}
 .pro .circle li:nth-child(5) p {
width: 187px;
left: 50%;
margin: 0 0 0 74px;
top: 47px;
}
 .pro .circle li:nth-child(6) p {
width: 152px;
left: 50%;
margin: 0 0 0 50px;
top: 15px;
line-height: 20px;
padding: 0 0 5px 0;
}
 .casecate li:nth-child(7), .casecate li:nth-child(8), .casecate li:nth-child(9), .casecate li:nth-child(10) {
 display: none;
}
 .caseul li .text span {
 font-size: 16px;
}
 .caseul li .text p {
 font-size: 12px;
}
 .culture li strong {
 font-size: 24px;
}
 .culture li span {
 font-size: 24px;
}
 .culture li p {
 font-size: 14px;
}
 .culture li .tri {
 margin: 10px auto 20px auto;
 border-left: 8px solid transparent;
 border-right: 8px solid transparent;
 border-top: 12px solid #ba1f20;
}
 .p100 {
 padding: 7% 0;
}
 .nabout .text {
 width: 100%;
 float: none;
 line-height: 26px;
}
 .nabout .pics {
 margin: 0 3% 0 0;
}
 .ncontact li .pics a span {
 bottom: 13px;
}
 .ncontact li .pics a img {
 height: 14px;
 margin: -3px 10px 0 0;
}
 .ncontact li .pics a {
 font-size: 14px;
}
 .ncontact li .text>span {
 font-size: 18px;
 margin: 15px 0 10px 0;
}
 .ncontact li .text {
 font-size: 12px;
 line-height: 22px;
}
 .procate li img {
 float: none;
 margin: 0 auto;
 width: 20%;
}
 .procate li .text {
 width: 100%;
 float: none;
 text-align: center;
}
 .procate li .text strong {
 font-size: 20px;
}
 .procate li p {
 width: 100%;
 float: none;
}
}
 @media screen and (max-width: 962px) {

}
 @media screen and (max-width: 900px) {
 .process_cjstyul li {
 width: 25%;
 margin: 0 0 20px 0;
}
 .process_cjstyul li img {
 width: 25%;
}
 .process_cjstyul {
 margin: 60px 0 0 0;
}
 .process_cjstyul li:nth-child(4):after {
 display: none;
}
}
 @media screen and (max-width: 768px) {
 .ncontact li {
 display: block;
}
 .ncontact li .text {
 width: 100%;
 margin: 0 0 30px 0;
}
 .ncontact li .text p, .ncontact li .text p * {
 font-size: 14px !important;
}
 .ncontact li .pics {
 width: 100%;
}
 .p10 {
padding: 1% 0;
}
 .p20 {
padding: 2% 0;
}
 .p30 {
padding: 3% 0;
}
 .p40 {
padding: 4% 0;
}
 .p50 {
padding: 5% 0;
}
 .p60 {
padding: 6% 0;
}
 .p70 {
padding: 7% 0;
}
 .p80 {
padding: 8% 0;
}
 .p90 {
padding: 9% 0;
}
 .p100 {
padding: 10% 0;
}
 .mt10 {
margin-top: 1% !important;
}
 .mt20 {
margin-top: 2% !important;
}
 .mt30 {
margin-top: 3% !important;
}
 .mt40 {
margin-top: 4% !important;
}
 .mt50 {
margin-top: 5% !important;
}
 .mt60 {
margin-top: 6% !important;
}
 .mt70 {
margin-top: 7% !important;
}
 .mt80 {
margin-top: 8% !important;
}
 .mt90 {
margin-top: 9% !important;
}
 .bannertext {
 position: absolute;
 top: 22%;
 left: 15%;
 width: 70% !important;
}
 .nbanner, .nbannervideo {
 height: 400px;
}
 .bannerarea {
 display: none;
}
 .banner_wap {
 display: block;
}
 .cuslogo {
 height: 200px;
}
 .menubut {
 display: none;
 width: 20px;
 height: 3px;
 background: #c13228;
 position: absolute;
 left: 0;
 top: 50%;
 margin-top: -1.5px;
 z-index: 9;
}
 .menubut:before {
 content: '';
 display: block;
 position: absolute;
 left: 0;
 top: -7px;
 width: 120%;
 height: 3px;
 background: #c13228;
}
 .menubut:after {
 content: '';
 display: block;
 position: absolute;
 left: 0;
 bottom: -7px;
 width: 120%;
 height: 3px;
 background: #c13228;
}
 .menubut, .menubut:before, .menubut:after {
 height: 2px;
}
 
 .about h1 {
 font-size: 28px;
 line-height: 30px;
}
 .about {
 font-size: 14px;
 line-height: 26px;
}
 .menutel {
 width: 41px;
 height: 41px;
 position: absolute;
 right: 5%;
 top: 50%;
 display: none;
 margin-top: -20px;
 background: url("../images/pics_tel.jpg") center no-repeat;
 background-size: 30px;
}
 .num h1 span {
 font-size: 26px;
}
 .numul li span {
 font-size: 40px;
 line-height: 40px;
}
 .numul li font {
 margin: 0 0 0 5px;
 font-size: 12px;
}
 .numul li strong {
 font-size: 14px;
 margin-left: -10px;
}
 .numul li p {
 font-size: 14px;
}
 .news .newstitle {
 font-size: 18px;
 line-height: 22px;
}
 .news li {
 display: none;
}
 .news li:nth-child(2), .news li:nth-child(3), .news li:nth-child(4), .news li.more {
 display: block;
}
 .process li p {
 padding: 0 5px;
 height: 66px;
}
 .process li p br {
 display: none;
}
 .process li span {
 font-size: 18px;
 line-height: 26px;
}
 .casecate li:nth-child(6), .casecate li:nth-child(7), .casecate li:nth-child(8), .casecate li:nth-child(9), .casecate li:nth-child(10) {
 display: none;
}
 .caseul li, .caseul li:nth-child(4n) {
 width: 32.333%;
 margin: 0 1.5% 1.5% 0;
}
 .caseul li:nth-child(3n) {
 margin: 0 0 1.5% 0;
}
 .caseul li:nth-child(7), .caseul li:nth-child(8) {
 display: none;
}
 .caseul li .text span {
 font-size: 16px;
}
 .caseul li .text p {
 font-size: 12px;
}
 .pro .circle {
 width: 300px;
 height: 300px;
}
 .pro .circle li p {
 font-size: 12px;
 line-height: 30px;
 padding: 0 5px;
}
 .pro .circle li:nth-child(1) p {
width: 225px;
left: 50%;
margin: 0 0 0 80px;
top: -55px;
line-height: 20px;
padding: 0 0 5px 0;
}
 .pro .circle li:nth-child(2) p {
width: 150px;
left: 0;
margin: 0 0 0 -170px;
top: 16px;
line-height: 20px;
padding: 0 0 5px 0;
}
 .pro .circle li:nth-child(3) p {
width: 175px;
left: 0;
margin: 0 0 0 -197px;
top: 100px;
}
 .pro .circle li:nth-child(4) p {
width: 176px;
left: 0;
margin: 0 0 0 -192px;
top: 93px;
}
 .pro .circle li:nth-child(5) p {
width: 187px;
left: 50%;
margin: 0 0 0 74px;
top: 47px;
}
 .pro .circle li:nth-child(6) p {
width: 152px;
left: 50%;
margin: 0 0 0 50px;
top: 15px;
line-height: 20px;
padding: 0 0 5px 0;
}
 .fmenu {
 display: none;
}
 .fcontact {
 width: 70%;
 margin: 0;
}
 .fewm {
 width: 25%;
 margin: 0;
 text-align: center;
}
 .fewm img {
 max-width: 110px;
}
 .aboutpicsul li:nth-child(1) {
 width: 49.5%;
}
 .aboutpicsul li {
 width: 24%;
}
 .aboutpicsul li:nth-child(4) {
 margin: 0 1% 1% 0;
}
 .aboutpicsul li:nth-child(6) {
 clear: both;
}
 .aboutpicsul li:nth-child(6), .aboutpicsul li:nth-child(7) {
 width: 49.5%;
}
 .aboutpicsul li:nth-child(3), .aboutpicsul li:nth-child(5) {
 margin: 0 0 1% 0;
}
 .nabout .container {
 background-size: 200px;
}
 .recul li span {
 width: auto;
 display: table;
 line-height: 40px;
 padding: 0 5%;
}
 .recul li {
 margin-left: 0 !important;
 width: 100%;
}
 .mailinfo, .mailinfo a {
 font-size: 16px;
}
 .nnews li .text p {
 display: block;
 white-space: nowrap;
}
 .nnews li .text span {
 font-size: 18px;
 margin: 5px 0 0 0;
}
 .nnews li .text span:after {
 margin: 10px 0;
}
 .nnews li .text .date {
 font-size: 12px;
 margin: 5px 0 0 0;
}
 .newscate li a {
 font-size: 16px;
}
 .procate li .text strong {
 font-size: 17px;
}
 .procate li .text span {
 font-size: 20px;
 margin: 0 0 10px 0;
}
 .procate li p {
 font-size: 12px;
 line-height: 24px;
}
 .casetitle p {
 font-size: 14px;
 padding: 0 5%;
}
 .ncaseul li .pics a span {
 font-size: 14px;
 bottom: 10px;
}
 .ncase .more a {
 width: 30%;
}
 .cjsarea .container {
 display: block;
}
 .cjsarea .pics {
 width: 100%;
}
 .cjsarea .text {
 width: 100%;
 margin: 20px 0 0 0;
}

}
.numul li:last-child:after {
	display: none;
}
 @media screen and (max-width: 640px) {
 
}
 @media screen and (max-width: 640px) {

 
 .gjform, .swiper-slide img {
}
 .index-banner-video {
 position: relative;
}

 .casecate li {
 padding: 0 15px;
}
 .about {
 font-size: 12px;
 line-height: 22px;
}
 .about h1 {
 font-size: 18px;
 line-height: 24px;
}
 .about h1 span {
 font-size: 22px;
}
 .about p {
 text-align: left;
}
 .num h1 {
 margin: 0 0 20px 0;
}
 .num h1 span {
 font-size: 22px;
}
 .num h1 font {
 margin: 0 auto 10px auto;
}
 .numul li span {
 font-size: 20px;
}
 .numul li strong {
 font-size: 12px;
}
 .numul li p {
 font-size: 12px;
 margin: 0;
}
 .numul li:after {
 margin-top: -20px;
}
 .cuslogo {
 height: 134px;
}
 .fewm img {
 max-width: 90px;
}
 .pro .circle li p {
 display: none !important;
}
 .news .newstitle:after {
 margin: 8px 0 10px 0;
}
 .pro .circle:after {
 width: 70px;
 line-height: 37px;
 font-size: 30px;
 margin-left: -33px;
 margin-top: -38px;
}
 .caseul li, .caseul li:nth-child(3n), .caseul li:nth-child(4n) {
 width: 49%;
 margin: 0 2% 2% 0;
}
 .caseul li:nth-child(2n) {
 margin: 0 0 2% 0;
}
 .casecate li:nth-child(4), .casecate li:nth-child(5) {
 display: none;
}
 .process {
 border-right: 1px solid #c8c8c8;
 border-bottom: 1px solid #c8c8c8;
}
 .process li {
 width: 20%;
 padding: 10px 0;
 margin: 0 0 0 0;
 position: relative;
}
 .process li:after {
 width: 100%;
 height: 100%;
 content: '';
 display: block;
 position: absolute;
 left: 0;
 top: 0;
 border-top: 1px solid #c8c8c8;
 border-left: 1px solid #c8c8c8;
}
 .process li:before {
 width: 100%;
 height: 100%;
 content: '';
 right: 0;
 bottom: 0;
 display: block;
 position: absolute;
}
 .process li img {
 width: 35px;
 height: 35px;
}
 .process li .line {
 display: none;
}
 .process li p {
 height: 44px;
 display: none;
}
 .process li span {
 font-size: 12px;
}
 .stitle {
 width: 90%;
 margin: 0 auto 20px auto;
}
 .stitle span {
 font-size: 22px;
 line-height: 22px;
}
 .stitle p {
 font-size: 12px;
 line-height: 18px;
 margin: 8px 0 0 0;
}
 .news ul {
 width: 100%;
}
 .caseul li .text span {
 font-size: 14px;
}
 .caseul li .text p {
 display: none;
}
 .cr {
 font-size: 12px;
 word-break: keep-all;
}
 .cr a {
 font-size: 12px;
}
 .nabout .pics {
 width: 100%;
 float: none;
}
 .nabout .text {
 width: 100%;
 margin: 40px 0 0 0;
}
 .culture li strong {
 font-size: 16px;
}
 .culture li:nth-child(2) strong {
 line-height: 32px;
}
 .culture li .tri {
 margin: 10px auto;
}
 .culture li span {
 font-size: 18px;
 margin: 5px 0 0 0;
}
 .culture li .tri {
 border-left: 5px solid transparent;
 border-right: 5px solid transparent;
 border-top: 5px solid #ba1f20;
}
 .culture li p {
 font-size: 12px;
}
 .fewm {
 width: 100%;
}
 .fcontact {
 width: 100%;
 text-align: center;
}
 .fcontact * {
 font-size: 12px !important;
 line-height: 20px !important;
 text-align: center !important;
}
 .fewm {
 margin: 20px 0 0 0;
}
 .ncontact li, .ncontact li:nth-child(3n) {
 width: 100%;
 margin: 0 0 2% 0;
}
 .ncontact li:nth-child(2n) {
 margin: 0 0 2% 0;
}
 .ncontact li:nth-child(2n+1) {
 clear: both;
}
 .ncontact li:nth-child(3n+1) {
 clear: none;
}
 .menutel {
 background-size: 20px;
}
 .nnews li .pics {
 width: 40%;
}
 .nnews li .text {
 width: 56%;
}
 .nnews li .text span {
 font-size: 16px;
 margin: 0;
}
 .nnews li .text span:after {
 width: 30px;
 height: 2px;
 margin: 5px 0;
}
 .nnews li .text p {
 font-size: 12px;
 opacity: .6;
}
 .nnews li a {
 padding: 15px 0;
}
 .newscate li {
 line-height: 40px;
}
 .newscate li a {
 font-size: 14px;
}
 .ncase .more a {
 font-size: 13px;
 width: 40%;
}
 .ncase .swdhmore.more a {
 font-size: 12px;
 width: 47%;
}
 .ncaseul li, .ncaseul li:nth-child(3n) {
 width: 49%;
 margin: 0 2% 2% 0;
}
 .ncaseul li:nth-child(2n) {
 margin: 0 0 2% 0;
}
 .procate li img {
 width: 40%;
}
 .procate li .text {
 margin: 5px 0;
}
 .procate li .text strong {
 font-size: 12px;
 line-height: 16px;
}
 .procate li .text span {
 font-size: 16px;
 line-height: 20px;
 margin: 0;
}
 .procate li a {
 padding: 5%;
}
 .procate3 li {
 width: 100%;
 margin: 0 0 2% 0;
}
 .procate3 li img {
 width: 15%;
 float: left;
 margin: 0 7.5% 0 27.5%;
}
 .procate3 li .text {
 width: 50%;
 float: right;
 text-align: left;
 margin: 0;
}
 .procate3 li .text span {
 margin: 0;
}
 .process_cjstyul li img {
 width: 40%;
}
 .process_cjstyul li p {
 font-size: 12px;
}
 .process_cjstyul li:after {
 bottom: 30px;
}
 .cjsarea .intro {
 margin: 30px !important;
}
 .procate4 li {
 width: 49%;
}
 .procate4 li:nth-child(2) {
 margin: 0 0 1% 0;
}
 .rec .stitle span, .rec .stitle p {
 font-size: 26px;
 line-height: 30px;
}
 .rec .stitle p {
 margin: 0;
}
 .nbanner, .nbannervideo {
 height: 320px;
 background-size: cover;
}
 .nbantitle {
 width: 320px;
 margin-left: -160px;
 margin-top: -90px;
}
 .nbantitle_swdh {
 margin-top: -40px;
}
 .bannertext {
 width: 90% !important;
 left: 5%;
 top: 18%;
}
 .gjform {
 padding: 15px 15px 10px 15px;
 margin-left: -177.5px;
}
 .gjform a {
 margin: 10px 0 0 0;
 width: 50%;
 text-align: center;
}
 .recul li p {
 word-break: break-all;
}
 .gjform2 {
 width: 80%;
 left: 8%;
 padding: 5% 2%;
 margin-left: 0;
}
 .gjform2 li {
 width: 100%;
}
 .gjform3 {
 width: 80%;
 left: 8%;
 padding: 5% 2%;
 margin-left: 0;
}
 .gjform3 li {
 width: 100%;
}
 .gjform3 li img {
 right: 10.4%;
}
 .gjform {
 background: none;
 width: 100px;
 padding: 0;
 margin-left: -50px;
 left: 50%;
}
 .gjform select, .gjform a {
 display: none;
}
 .culture li {
 width: 100%;
 margin: 0 0 30px 0;
}
 .procate li p {
 display: none;
}
 .page {
 text-align: center;
}
 .page a {
 margin: 0 2px;
}
 .page .total, .page .yeci, .page .pagenum {
 display: none;
}
 .menuclose {
 left: 40%;
 margin-top: -15px;
}

 .cr {
 line-height: 20px;
}
 .cr p:nth-child(2) {
 display: none;
}
 .naboutpics .ntitle strong, .ntitle strong {
 font-size: 18px;
}
 .ntitle, .naboutpics .ntitle {
 font-size: 22px;
 line-height: 24px;
}
 .nabout .container {
 background-size: 35% !important;
}
 .nabout .text, .nabout .text * {
 font-size: 14px !important;
 line-height: 24px !important;
}
 .nabout .text h1 {
 font-size: 20px !important;
 line-height: normal !important;
}
 .bnav, .bnav a {
 font-size: 12px;
 line-height: 30px;
}
 .casetitle span {
 font-size: 22px;
}
 .casetitle p {
 font-size: 12px;
}
 .ncaseul li .pics a span {
 font-weight: normal;
}
 .ncase .more {
 line-height: 32px;
}
 .procate3 li a {
 padding: 2% 5%;
}
 .newscate {
 margin: 20px auto 0 auto;
}
 .newscate li {
 line-height: 32px;
}
 .ncontact li .text, .ncontact li .text * {
 font-size: 14px !important;
 line-height: 26px !important;
}
 .ncontact li .text>span {
 font-size: 18px !important;
 line-height: normal !important;
}
 .fbj {
 display: block;
 background: url(../images/bg_fbj.jpg) center no-repeat;
 background-size: cover;
 padding: 50px 10% 40px 10%;
}
 .bjtitle {
 font-size: 24px;
 color: #fff;
 text-align: center;
 margin: 0 0 25px 0;
}
 .bjform li {
 display: block;
 margin: 15px 0 0 0;
 position: relative;
}
 .bjform li select, .bjform li input {
 display: block;
 box-sizing: border-box;
 padding: 0 15px;
 height: 40px;
 border-radius: 3px;
 border: none;
 width: 100%;
 color: #333;
}
 .bjform li select {
 background: url("../images/arrow_select.png") #fff center right 15px no-repeat
}
 .bjform li img {
 position: absolute;
 right: 0;
 top: 0;
 padding: 2.5px 0;
 background-color: #fff;
 border-radius: 3px;
}
 .bjform li input[type="submit"] {
 background: #ba1f20;
 color: #fff;
}
 .nbannervideo video {
 width: 930px;
 position: absolute;
 left: 50%;
 top: 50%;
 margin-left: -465px;
 margin-top: -260px;
 height: 520px;
}

}
 @media screen and (max-width: 375px) {

 .bannerarea {
 margin: 0 0 0 0;
}
 .about p {
 letter-spacing: 1px;
}
 .casecate li {
 width: 25%;
 padding: 0;
 text-align: center;
}
 .process li p {
 height: 66px;
}
 .fewm {
 margin: 20px 0 0 0;
}
 .fewm img {
 width: 88px;
}
 .cr {
 line-height: 20px;
}
 .nnews li .text span {
 margin: 0;
}
 .ncontact li .text span {
 font-size: 16px;
}
}
 @media screen and (max-width: 360px) {

}
 @media screen and (max-width: 320px) {
}