/* CSS Document */

*{ margin:0; padding: 0; font-family: Microsoft Yahei, "微软雅黑", Arial, "Times New Roman";}

body{ text-align: justify;  max-width: 1920px; margin: 0 auto;font: 14px Helvetica Neue, Helvetica, PingFang SC, Tahoma, Arial, sans-serif;}

a{ text-decoration:none; font-size: 14px; color:#000;}

input,select,textarea{ outline:none;  border-radius: 0; -webkit-appearance:none;}

.newstext *{ font-family: Microsoft Yahei, "微软雅黑", Arial, "Times New Roman", PingFangSC-Regular, sans-serif !important;}

.clear{clear:both;}

.clearfix{ *zoom: 1;}

.clearfix:before{ content: ""; display: table;}

.clearfix:after{ content: ""; display: table; clear: both;}



.pic{ overflow: hidden;}

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



::-webkit-scrollbar {

	width : 5px;

	height: 1px;

}

::-webkit-scrollbar-thumb {

	border-radius: 10px;

	height: 15px;

	background: #a0a0a0;

}

::-webkit-scrollbar-track {

	background: #f6f8fb;

}







.container{

	width: 75%;

	margin: 0 auto;

}





.header{

	display: -webkit-flex;

	display: -moz-flex;

	display: -ms-flex;

	display: -o-flex;

	display: flex;

	justify-content: center;

	align-items: center;

}

.header .logo{

	width: 40%;

	display: -webkit-flex;

	display: -moz-flex;

	display: -ms-flex;

	display: -o-flex;

	display: flex;

	justify-content: flex-start;

	align-items: center;

	padding: 20px 0;

}

.header .logo .pic{

	width: 30%;

}

.header .logo .text{

	margin: 0 0 0 15px;

	padding: 0 0 0 15px;

	line-height: 24px;

	position: relative;

}

.header .logo .text:before{

	left: 0;

	top: 50%;

	width: 1px;

	height: 30px;

	margin-top: -15px;

	background: #eeeeee;

	content: '';

	display: block;

	position: absolute;

}

.header .logo .text span{

	display: block;

	font-size: 17px;

}

.header .logo .text p{

	color: #888888;

	font-size: 14px;

	letter-spacing: 0.4px;

}

.header .logo .text p strong{

	color: #ba1f20;

	font-size: 14px;

}







.header .menu{

	width: 60%;

}

.header>.menu>li{

	display: block;

	width: 20%;

	float: left;

	line-height: 88px;

	text-align: center;

	position: relative;

}

.header>.menu>li>a{

	color: #484848;

	font-size: 16px;

}

.header>.menu>li.this>a,

.header>.menu>li:hover>a{

	color: #ba1f20;

}

.header>.menu>li:last-child{

	position: relative;

}

/*.header>.menu>li:last-child:before{

	position: absolute;

	background: #484848;

	width: 1px;

	height: 18px;

	left: 0;

	top: 50%;

	margin-top: -7px;

	content: '';

	display: block;

}*/

.header>.menu>li ul{

	position: absolute;

	left: 0;

	width: 100%;

	display: none;

	line-height: 44px;

	background: #ba1f20;
	z-index: 99;

}

.header>.menu>li ul li{

	display: block;

}

.header>.menu>li ul li a{

	display: block;

	color: #fff;

	font-size: 14px;

}

.header>.menu>li ul li:hover a{

	background: #950a0b;
	-moz-transition: 	all 0.5s;

	-webkit-transition: all 0.5s;

	-ms-transition: 	all 0.5s;

	-o-transition: 		all 0.5s;

	transition: 		all 0.5s;

}



.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{
display: none;
	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("../image/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: 99999999;
}
.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("../image/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.5%;
	top: 1px;
	border-radius: 4px;

}
.gjform3 li input{
	height: 34px;
	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: 999999;
	display: none;
}



.about{

	font-size: 18px;

	line-height: 32px;

	color: #484848;

	text-align: center;

	background: #f4f4f4;

}

.about h1{

	font-size: 32px;
	line-height: 60px;
	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("../image/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.pic{

	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: 32px;

	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: 32px;

	line-height: 48px;

}

.stitle p{
	font-size: 16px;
	color: #999999;
	font-family: "Microsoft YaHei Light";
	line-height: 42px;
}





.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: 17px;
	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: 14px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;

}
.caseul li .text p.left{
	width: 70%;
}
.caseul li .text p.right{
	width: 30%;
	text-align: right;
}

.caseul li .pic{

	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 .pic{

	filter: none;

}

.caseul li:hover .pic 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;

}









.newstextarea{
	display: none;
}


.videoarea{
	position: fixed;
	display: none;
	width: 70%;
	height: 80%;
	top: 10%;
	left: 15%;
	z-index: 999999999;
}
.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("../image/arrow_process.png");

	border-radius: 50%;

	content: '';

	display: block;

	right: 0;

	top: 50%;

	margin-top: -6px;

	position: absolute;

}









.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;
	overflow: hidden;
}

.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;color: #ccc;
	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{
	margin-top: 20px;
	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(../image/bg_nabout_s.png) right top no-repeat;

}



.nabout .pic{

	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;

}



.naboutpic{

	background: url(../image/bg_naboutpic.jpg) center top 30% no-repeat;

	background-size: contain;

}

.naboutpic .ntitle{

	font-size: 20px;

	line-height: 28px;

}

.naboutpic .ntitle strong{

	font-size: 24px;

}



.aboutpicul li{

	display: block;

	float: left;

	width: 19%;

	margin: 0 1% 1.1% 0;

}

.aboutpicul li:nth-child(3n+1){

	margin: 0 0 1.1% 0;

}

.aboutpicul li:nth-child(1){

	width: 40%;

	margin: 0 1% 1.1% 0;

}
.env li .pic 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;
}
.aboutpicul li:hover .pic 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 .pic 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(../image/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 .pic{

	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("../image/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 .pic 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 .pic a{

	height: 100%;

}

.ncontact li .pic a img{

	height: 18px;

	display: inline-block;

	vertical-align: middle;

	margin: 0 10px 0 0;

	width: auto;

}

.ncontact li .pic 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(../image/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 .pic{

	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 .pic{

	filter: none;

}

.nnews li:hover .pic 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 .pic 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 .pic a{

	height: 100%;

}

.ncaseul li .pic a img{

	height: 18px;

	display: inline-block;

	vertical-align: middle;

	margin: 0 10px 0 0;

	width: auto;

}

.ncaseul li .pic a span{

	position: absolute;

	left: 0;

	bottom: 20px;

	width: 90%;

	padding: 0 5%;

	display: block;

	font-size: 17px;

	font-weight: bold;

	background: url("../image/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_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 .pic{

	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("../image/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("../image/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 .pic{

	border: 1px solid #dedede;

}

.cuslogo li:hover .pic 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);

}



















@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 .pic{

		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;

	}

	

	

	

	

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

	}

	.header .logo{

		width: 30%;

	}

	.header .menu{

		width: 70%;

	}

	.header .menu li a{

		font-size: 14px;

	}

	.header .menu li:last-child:before{

		height: 14px;

		margin-top: -5px;

	}

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

}

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

	.cuslogo{

		height: 265px;

	}

	

	.header .logo{

		width: 35%;

	}

	.header .menu{

		width: 65%;

	}

	

	

	.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 .pic{

		margin: 0 3% 0 0;

	}

	.ncontact li .pic a span{

		bottom: 13px;

	}

	.ncontact li .pic a img{

		height: 14px;

		margin: -3px 10px 0 0;

	}

	.ncontact li .pic 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: 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 .pic{
		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{

		height: 400px;

	}

	

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


	.header{

		position: relative;

	}

	.header .logo{

		width: 30%;
		margin: 0 auto;

	}

	.header .menu{

		width: 75%;
		margin: 0 0 0 5%;

		background: #fff;

		z-index: 99999;


	}

	.header .menu li{

		text-align: center;

		width: 12.5%;

		line-height: 40px;

	}

	.header .menu li:last-child:before{

		display: none;

	}

	.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("../image/pic_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;

	}

	

	

	.aboutpicul li:nth-child(1){

		width: 49.5%;

	}

	.aboutpicul li{

		width: 24%;

	}

	.aboutpicul li:nth-child(4){

		margin: 0 1% 1% 0;

	}

	.aboutpicul li:nth-child(6){

		clear: both;

	}

	.aboutpicul li:nth-child(6),

	.aboutpicul li:nth-child(7){

		width: 49.5%;

	}

	.aboutpicul li:nth-child(3),

	.aboutpicul 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 .pic a span{

		font-size: 14px;

		bottom: 10px;

	}

	.ncase .more a{

		width: 30%;

	}

	

	.cjsarea .container{

		display: block;

	}

	.cjsarea .pic{

		width: 100%;

	}

	.cjsarea .text{

		width: 100%;

		margin: 20px 0 0 0;

	}

	
	.header{
	}
	.header .logo{
		padding: 20px 0;
		display: table;
		margin: 0;
		width: 20%;
		float: left;
		justify-content: center;
	}
	.header .logo .pic{
		float: none;
		margin: 0 auto;
		width: 100%;
	}
	.header .logo .text{

		display: none;

	}

	

}

.numul li:last-child:after{

	display: none;

}

@media screen and (max-width: 640px) {
	.header .logo{
		width: 17%;
	}
	.header .menu{
		width: 83%;
		margin: 0;
	}
}

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

	.header{

		padding: 15px 0 0 0;
		z-index: 99999999999999999999 !important;
		display: block;
		background: #fff;
		width: 100%;

	}
	
	.header .logo{
		float: none;
		margin: 0 auto;
		width: 30%;
		
	}
	.header .menu{
		background: #ba1f20;
		width: 100%;
		float: none;
		margin: 20px 0 0 0;
	}
	.header .menu li{
		line-height: 30px;
		width: 33.333%;
		position: relative;
	}
	.header .menu li:after{
		content: '';
		display: block;
		height: 50%;
		top: 25%;
		position: absolute;
		right: 0;
		width: 1px;
		background: #fff;
		opacity: .3;
	}
	.header .menu li{
		line-height: 34px;
		border-bottom: 1px solid #ececec;
	}
	.header .menu li ul li{
		width: 100%;
	}
	
	.header>.menu>li.this>a,
	.header>.menu>li:hover>a,
	.header .menu li a{
		color: #fff;
	}
	.header .menu li:nth-child(4):after,
	.header .menu li:nth-child(7):after,
	.header .menu li:first-child,
	.header .menu li:last-child{
		/*display: none;*/
	}
	.gjform,
	.swiper-slide img{
		z-index: 99999999999 !important;
	}
	.index-banner-video{
		position: relative;
		z-index: 99999999 !important;
	}
	.header .logo .text span{

		font-size: 16px;

	}

	.header .logo .text p{

		font-size: 12px;

	}


	.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 .pic{

		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 .pic{

		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%;

	}

	.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{

		height: 320px;

		background-size: cover;

	}
	
	.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;
	}
	.header .logo{
		padding: 0;
	}
	.cr{
		line-height: 20px;
	}
	.cr p:nth-child(2){
		display: none;
	}
	.naboutpic .ntitle strong,
	.ntitle strong{
		font-size: 18px;
	}
	.ntitle,
	.naboutpic .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 .pic 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;
	}
	
}

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

	.header .menu{
		top: 56px;
	}
	.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) {
	.header .menu{
		/*top: 55px;*/
	}
	.bannerarea{
		/*margin: 55px 0 0 0;*/
	}

}

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

}