﻿.serviceTalk{ background: url(../images/jlbg.jpg) no-repeat center;background-size: cover !important;height: 100%;overflow: hidden;}
.serviceTalk .du{ position: absolute;left: 0;bottom: 0;width: 3.2rem;z-index: 3;}
.talkTxt{ width:52%;border: 2px solid #808080;float: right;margin-right: 7%;padding: 3% 5%;box-sizing: border-box;position: relative;padding-bottom:14%;margin-bottom: 10%;}
.talkTxt dl dd{ display: none;}
.talkTxt dl dd.on{display: block;}
.talkDL dd h3{font-size: 24px;line-height: 1.6;position: relative;padding-left:80px;font-weight: bold;color: #777;}
.talkDL dd h3:before{ position: absolute;left: 0;top: 20px;height: 2px;background: #777;width:68px;content: '';}
.talkDL dd .red{font-size: 20px;color: #e21a22;margin: 5% 0 2% 0;}
.talkDL dd .txt{font-size: 15px;color: #808080;}
.talkTxt .img_1{ position: absolute;left: -30%;bottom: -20%;width:4.6rem;overflow: hidden;z-index: 2;}
.talkTxt .img_2{ position: absolute;left:9%;bottom: -28%;width: 3.2rem;overflow: hidden;}
.talkTxt .img_1 img,.talkTxt .img_2 img{ width: 100%;}
.talkTxtNum{line-height: 1; position: absolute; left: -57%;bottom:30%;font-size:260px;font-family: "微软雅黑";font-weight: bold;color: #1a1a1a;}
.talkxuhao{ position: absolute; left: 0;top: 0;font-size: 16px;color: #1a1a1a;padding:20px;vertical-align:bottom;line-height: 1;}
.talkxuhao span{vertical-align:bottom;}
.talkxuhao .on{color: #e21a22;font-size: 34px; vertical-align: bottom;}
.talkChange{ position: absolute;right: 0;bottom: 0;letter-spacing: -1px;font-size: 0;z-index: 5;}
.talkChange a{display: inline-block;background: #e21a22;padding: 22px 28px;}
.talkChange:before{position: absolute;left: 50%;top: 50%;margin-top: -5px;height: 10px;width: 1px;background: #fff;content: '';}
.talkChange a:hover{background: #ff1e27;}
.talkDL dd h3{animation: talk 0.8s both;margin-top: 30px;}
.talkDL dd .red{animation: talk 0.8s 0.2s both;}
.talkDL dd .txt{animation: talk 0.8s 0.4s both;}
.empStyle{height:100%;width: 100%;}
.empStyle .tempWrap{height: 100%;}
.empStyle li div{background-size: cover !important;overflow: hidden;position: absolute;left:0px;top: 0;bottom: 0;right: 0px;transition: 0.5s;-webkit-transition: 0.5s;will-change: top,left,bottom,right;transition: all .5s;}
.empStyle li div p{ position: absolute;left: -0.3rem;right: -0.3rem;top: 0px;bottom: 0px;background-size: cover !important;will-change: top,left,bottom,right;transition: all .5s;}
.empStyle li div p span{ position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-size: cover !important;}
.empStyle li{ position: relative;width: 25%;height:100%;}
.empStyle li:hover div{ left: -0.3rem;right: -0.3rem;top: 0px;bottom: 0px;box-shadow: 0 0 1rem rgba(0,0,0,.75);}
.empStyle li:hover div p{ left: 0px;right: 0px;bottom: 0px;top: 0px;}
.empStyle li:hover {z-index: 3;}
.empStyle ul{ height: 100%;}
.leftSave{position:relative;width: 100%;background: #fff; display: flex;align-items:center;background: url(../images/de_2bj.jpg) no-repeat center;background-size:cover;padding: 5% 0;}
.rightSave{position:relative;width: 50%;background:url(../images/whbg.jpg) no-repeat center;background-size: cover !important;}
.leftSave .bu{ position: absolute;left: 0;top: 0;width: 1.1rem;}
.saveTxt{vertical-align: middle;font-size: 20px;padding-left: 12%; padding-left: 1.5rem;padding-right: 1.5rem; font-family:Microsoft Yahei;}
.saveTxt h2{color: #1a1a1a;font-size: 38px;font-weight: bold;}
.saveTxt p{color: #808080;}
.saveTxt h3 span{display: inline-block;color: #e21a22;padding-bottom:10px;font-size: 30px;border-bottom: 1px solid #919191;padding-right: 40px;}
.saveTxt h3 { margin: 10px 0;}
.empStyleImg .uu3{ position: absolute;left:0%;width: 100%;text-align: center;bottom: 0;z-index: 3;}
.empStyleImg .uu3 img{ width: 3.9rem;opacity: 0.3;}
.rightSave .othersH2{ text-align: right;color: #fff;}
.rightSave .othersH2>div span:before{background: #fff;}
.rightSave .othersH2>div { padding-left: 0;padding-right: 8%;}


@media only screen and (max-width:1280px) {
	.talkTxtNum{font-size: 200px;}
	.talkDL dd h3{font-size: 20px;}
	
}
@media only screen and (max-width:1000px) {
	.talkTxt{width:86%;padding-bottom:60px;margin-bottom: 0;}
	.talkTxt .img_1{display: none;}
	.talkTxt .img_2{display: none;}
	.talkDL dd h3{margin-top: 50px;}
}
.jianjie{background: url(../images/de4_bj.jpg) no-repeat center;background-size: cover !important;font-family: "微软雅黑";padding-bottom: 5%;position: relative;}
.jianjie .du{ position: absolute;left: 0;bottom: 0;width: 3.2rem;z-index: 3;}
.jianjie .du2{position: absolute;
left: 100%;
bottom: -110px;
width: 2.5rem;
z-index: 4;
margin-left: -20px;}
.jianjieCot{ position:relative;margin-left: 8%;width: 60%;border: 2px solid #808080;z-index: 2;}

.jianjieCot .jianjiePad{padding:8% 14%;}
.jianjieCot h3 {margin-bottom: 10px; font-size: 36px;color: #fff;position: relative;}
.jianjieCot h3:before{ position: absolute;right: 102%;top: 50%;width: 60px;height: 1px;background: #fff;content: '';}
.jianjieCot p{color: #c2bebe;font-size: 15px;margin-bottom: 25px;}
.jianjieCot .colors{color: #e21a22;font-size: 20px;padding: 0px 0;}
.jianjieCot .lianxiCot{ box-sizing: border-box;position: absolute;left:100%;margin-left: -12%;top: 1rem;background: #e21a22;padding: 20px 30px;}
.jianjieCot .lianxiCot h4{color: #fff;font-size: 20px;padding-bottom: 15px;border-bottom: 1px solid #fff;white-space:nowrap;}
.lianxiCot ul li{ position: relative;margin: 18px 0 0 0;font-size: 14px;}
.lianxiCot ul li a{color: #fff;cursor: default;}
.lianxiCot ul li p{font-weight: bold;margin: 0;color: #141414;}
@keyframes talk{
	from{transform: translate(100px,0);opacity: 0;}
	to{transform: translate(0px,0);opacity: 1;}
}
@media only screen and (max-width: 980px) {
	.jianjieCot{width: 90%;margin: 0 auto;}
	.jianjieCot .jianjiePad{padding: 20px 30px !important;}
	.jianjieCot .lianxiCot{position: initial;width: 100%;margin: 0;}
}
.zengzhiYX{text-align: center;background: url(../images/yxbg.jpg) no-repeat center;background-size: cover !important;}
.zengzhiYX .yxCot{font-size: 20px;color: #808080;margin-bottom: 45px;margin-bottom: 0.45rem;}
.zengzhiYX .yxCot h3{font-size: 45px;color: #1A1A1A;font-weight: bold;margin-top: 0.5rem;margin-bottom: 0.1rem;}
.zengzhiYX .yxCot h3 span{color: #e21a22;}
.yingxiao .paddings{background: #1a1a1a; padding: 40px 0;color: #fff;margin: 0 40px;}
.yingxiao .paddings h5{ font-size: 22px;}
.yingxiao .paddings p{text-transform: uppercase;font-family: arial;color: #E21A22;height: 20px;font-size: 12px;}
.yingxiaoTop { margin: 0 8%;position: relative;padding: 0 5% 4%;overflow: hidden;}
.yingxiao .yxBtn{ position: absolute;top: 0;margin-top:50px;cursor: pointer;z-index: 5;}
.yingxiao .leftYX{ left: 0;}
.yingxiao .rightYX{ right: 0;}
.yingxiao .paddings .txt,.yingxiao .paddings .txtUL{ display: none;}
.showULTXT{ position: absolute; left: 0;right: 0;top: 100%;font-size: 15px;}
.showULTXT.none{animation: showUL 0.3s both;}
@keyframes showUL{
	from{transform: translate(0,100px);opacity: 0;}
	to{transform: translate(0,0px);opacity: 1;}
}
.showULTXT .contact{color: #808080;padding: 40px 100px; }
.showULTXTUL li{ display: inline-block;*display: inline;*zoom: 1;padding-left: 15px;background: url(../images/xu.png) no-repeat left center;margin: 0 45px;margin: 0 0.4rem;}
.yxUcan{ position: absolute;bottom: 5%;left: 50%;margin-left: -960px;}
.yingxiao .yxLi{cursor: pointer;}
.yingxiao .yxLi.on .paddings,.yingxiao .yxLi:hover .paddings {background: #e21a22;color: #fff;}
.yingxiao .yxLi.on .paddings p,.yingxiao .yxLi:hover .paddings p{color: #fff;}
.svgPage {text-align: center;line-height: 55px;}
.svgPage a{display: inline-block;position: relative;}
.svgPage span{display: inline-block;color: #808080;font-size: 24px;font-family: arial;vertical-align: middle;}
.svgPage span.on{color: #E21A22;font-size: 50px;padding-right: 10px;}
.svgPage .prevS{ margin-right: 35px;}
.svgPage .nextS{margin-left: 35px;}
.yspage{ position: absolute;left: 0;right: 0;bottom: 13%;bottom: 1.2rem;}
.pingjiaKH{ background: #ededed;}
.pingjDL{ position: absolute; left: 8%;right: 8%;top: 125px;top: 1.5rem;bottom: 0;}
.kehupingjia,.kehupingjia .swiper-wrapper{ height: 100%;  }
.kehupingjia .yiban{overflow: hidden;position: relative; height: 50%; padding:0 15px;border-right: 1px solid #ccc;display: flex;align-items: center;}
.kehupingjia .yiban:before {border-radius: 50%; position: absolute;left: 50%;top: 50%;width: 0;height: 0;content: '';transition: 0.5s;-webkit-transition: 0.5s;background: #fff;}
.kehupingjia .yiban:hover:before{left: 50%;top: 50%;margin-left: -300px;margin-top: -300px;width: 600px;height: 600px;}
.kehupingjia .yiban .pjimg img{border-radius: 50%;overflow: hidden;width: 130px;}
.kehupingjia .yiban h4{font-size: 19px;padding: 15px 0;height: 36px;line-height: 1.3;font-weight: bold;}
.kehupingjia .yiban .txt{font-size: 16px; height: 90px;color: #808080;}
.kehupingjia .yiban .center{ position: relative;z-index: 2;}
@media only screen and (max-width:1400px ) {
	.serviceTalk .du{ width: 200px;width: 2rem;}
	.talkDL dd .red{ margin: 15px 0;}
    .rightSave .othersH2>div { padding-left: 0;padding-right: 5%;}
    .saveTxt h2{ font-size: 30px;}
    .saveTxt h3 span{ font-size: 22px;}
    .saveTxt{ font-size: 16px;}
	.jianjie .du{ width: 200px;width: 2rem;}
	.jianjieCot h3:before{ width: 45px;}
	.jianjie .du2{ right: 5%;}
	.zengzhiYX .yxCot{ font-size: 18px;}
	.zengzhiYX .yxCot h3{ font-size: 32px;margin-top: 0.2rem;}
	.yingxiao .paddings{ margin: 0 15px;}
	.yingxiaoTop{ margin: 0 5%;}
	.yspage{ bottom: 10%;}
	.pingjDL{ left: 5%;right: 5%;}
	.kehupingjia .yiban .pjimg img{width: 100px;height: 100px;}
	.kehupingjia .yiban h4{ padding: 5px 0;font-size: 16px;}
	.kehupingjia .yiban .txt{ font-size: 13px;}
	.jianjieCot{margin-left: 5%;}
}


@media only screen and (max-width:960px ) {
	.serviceTalk .du{display: none;}
	.talkTxt{ bottom: 15%;}
	.talkTxtNum{ opacity: 0.15;}
	.talkTxt dl{ left: 5%;right: 3%;}
	.empStyle li{ width: 33.33%;}
	.saveTxt h2{ font-size: 22px;}
	.saveTxt h3 span{ font-size: 18px;}
	.saveTxt{ font-size: 15px;}
	.jianjie .du2{ display: none;}
	.jianjieCot h3{ font-size: 26px;}
	.jianjieCot p{ font-size: 14px;}
	.jianjieCot .colors{ margin-bottom: 5px;}
	.jianjieCot h3:before{ display: none;}
    .showULTXT .contact{ padding: 0.45rem 1.3rem;}
}


@media only screen and (max-width:640px ) {
	.talkDL dd h3{ font-size:20px;padding-left: 0;}
	.talkDL dd h3:before{display: none;}
	.talkTxtNum{ font-size: 150px;top: auto; bottom: 10%;}
	.empStyle li{ width: 50%;}	
	.rightSave{ width: 100%;}
	.leftSave{ width: 100%;z-index: 3;background: url(../images/whbg.jpg) no-repeat center; background-size: cover !important;}
	.saveTxt h2{color: #fff;}
	.saveTxt{ color: #ccc;}
	.jianjieCot .jianjiePad{ padding: 0;}
	.jianjieCot{ width: 90%;}
	.jianjieCot .lianxiCot{ position: static;display: none;}
	.jianjieCot h3{ font-size: 22px;}
	.svgPage span{ font-size: 18px;}
    .svgPage span.on,.svgPage .partPage .swiper-pagination-current{ font-size: 30px;}
    .svgPage .nextS{ margin-left: 15px;}
    .svgPage .prevS{ margin-right: 15px;}
    .svgPage span.on{ padding: 0;}
    .zengzhiYX .yxCot h3{ font-size: 26px;}
}


@media only screen and (max-width:480px ) {
	.talkDL dd h3{ font-size:18px;padding-left: 0;}
	.talkDL dd .red{ font-size: 16px;}
	.talkxuhao .on{ font-size: 26px;}


	.talkTxtNum{ left: auto; right: 0;}
	.saveTxt h2{ font-size: 20px;}
	.saveTxt h3{ margin: 5px 0;}
	.jianjieCot h3{ font-size: 18px;}
	.jianjieCot p{ font-size: 12px; margin-bottom: 10px;}
	.zengzhiYX .yxCot h3{ font-size: 20px;margin-top: 15px;}
	.zengzhiYX .yxCot{ font-size: 14px;margin-bottom: 15px;}
	.yingxiao .paddings h5{ font-size: 16px;}
	.yingxiao .yxBtn img{width: 24px;}
	.yingxiao .paddings{ margin: 0 5px;padding: 35px 0;}
	.yingxiao .paddings p{display: none; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 0.2rem;}
	.yxUcan{ width: 1000px;margin-left: -500px;display: none;}
	.showULTXT{ font-size: 13px;}
	.yspage{ bottom: 10px;}
	.yingxiao .yxBtn{margin-top: 35px;}
	.showULTXT .contact{ padding: 0.45rem 0;padding-top: 20px;}
	.kehupingjia .yiban{ border: none;text-align: center;}
	.pingjDL{ top: 4rem;}
	.kehupingjia .yiban .pjimg img{ width: 80px;height: 80px;}
	.kehupingjia .yiban:nth-child(1){border-bottom: 1px solid #fff;}
	
}
.othersH2 > div span img{min-width: 150px;padding-top: 20px;}
.heuzozz{
	width: 100%;
	overflow: hidden;
	background: url(../images/hezuobj.jpg) no-repeat center;
	background-size: cover;
	padding-bottom: 5%;
}
.hezuozb{
	font-size: 14px;
	width: 40%;
	float: left;
	color: #666666;
	/*margin-top: 5%;*/
}
.hezuozb2{
	width: 50%;
	float: right;
	height: auto;
	display: table;
}
.hezuozb3{
	background: url(../images/hf.png) no-repeat left;
	width: 100%;
	height: 409px;
	margin-top: 5%;
}
.hezuozb3 ul{
	padding-top: 5%;
}
.hezuozb3 ul li{
	padding-left: 30%;
	height: auto;
	display: table;
}
.hezuozb3 ul li span:nth-child(1){
	float: left;
	font-size: 40px;
	color: red;
}
.hezuozb3 ul li span:nth-child(2){overflow: hidden;}
.hezuozb3 ul li span:nth-child(2) p:nth-child(1){
	margin-top: 10px;
}
.hezuozb3 ul li span:nth-child(2) p{
	line-height: 20px;
	padding-left: 53px;
	color: red;
}
.hezuozb3 ul li p:nth-child(3){
	float: left;
}

.logo_l{
	width:50%;
	margin-right: 5%;
	padding-bottom: 7%;
	position: relative;
}
.nblb{
	width:90%;
	margin: auto;
}
.nblb p{
	width:23%;
	float: left;
	margin-right:1%;
	max-height: 80px;
	margin-bottom: 3%;
	margin-left:1%;
}
.nblb li img{
	width:100%;
}

#ydyy span:nth-child(2),#ydyy_02 span:nth-child(2){
	font-size: 30px;
	color: #ff0003;
}
#ydyy span,#ydyy_02 span{
	font-size: 24px;
}
#ydyy img,#ydyy_02 img{
	cursor: pointer;
}
#ydyy span,#ydyy img,#ydyy_02 span,#ydyy_02 img{
	float: left;
	margin:0 5px;
}
.logo_l #ydyy_02{
	transform: translate(-59%,0);
}
#ydyy,#ydyy_02{
	position: absolute;
	bottom:30px;
	left: 50%;
	transform: translate(-50%,0);
	height: 15px;
	line-height: 15px;
}


@media only screen and (max-width:1750px ){
	.hezuozb2{
		width:70%;
	}
}
@media only screen and (max-width:1240px ){
	.hezuozb2{
		width:86%;
	}
}
@media only screen and (max-width:1024px ){
	.index_5{
		height: 0 !important;
		min-height: 570px;
	}
	#ydyy{
		display: none;
	}
	.othersH2>div span{
		padding:0;
	}
	.hezuozb3 ul li{
		padding-left: 17%;
	}
	.hezuozb{
		width:100%;
		margin-top: 0;
	}
	.hezuozb2{
		width:80%;
		margin-right: 10%;
	}
	.hezuozb2>p{
		display:none;
	}
	.logo_l{
		width:100%;
	}
	.logo_l{
		margin-right: 0;
	}
	.logo_l ul li{
		width:21%;
		padding:0 2%;
		margin:0;
		min-height: 50px;
	}
	.logo_l ul li img{
		height: 100%;
		width:100%;
	}
	
	.logo_l ul li p:nth-child(4){
		display: block;
	}
	.logo_l ul li p{
		width:23% !important;
	}
	.logo_l{
		margin-top: 5%;
	}
	.heuzozz{
		overflow: hidden;
	}
}
@media only screen and (max-width:400px ){
	
	.hezuozb3 ul li{
		padding-left: 0;
	}
	.hezuozb3{
		background: none;
	}
}
@media only screen and (max-width:640px){
	.index_5,.index_4{
		height: 0 !important;
		min-height: 590px;
	}
	.index_2{
		height: 0 !important;
		min-height: 650px;
	}
}
@media only screen and (max-width:500px){
	.index_4{
		height: 0 !important;
		min-height: 520px;
	}
	.index_5{
		height: 0 !important;
		min-height: 480px;
	}

}

#ydyy_02{
	bottom:-20px !important;
}
#ydyy_02 .gt{
	float: none;
	bottom:0 !important;
	background: transparent !important;
}
#ydyy_02 .left{
	left:-70%;
}
#ydyy_02 .right{
	right:-70%;
}
@media only screen and (max-width:1024px){
	.nblb p{
		width:18% !important;
		margin-bottom: 2% !important;

		background: url("") no-repeat center;
		background-size: cover;

	}
}













@media only screen and (max-width:980px ) {
	.lianxiCot{display: none !important;}
}