.banner{ width: 100%; position: relative; left: 50%; margin-left: -50%;}
.banner .swiper-slide img{ display: block; width: 100%; height: auto;}
.mainbox{ width: 1200px; position: relative; left: 50%; margin-left: -600px; display: table; padding: 60px 0;}
.mbxnav{ width: 100%; padding: 10px 0; margin-bottom: 50px; display: table; border-bottom: 1px solid #ECECEC;}
.mbxnav .lftmbx{ float: left;}
.mbxnav .lftmbx a{ display: inline-block; vertical-align:top; padding:15px; font-size: 14px; color: #666; position: relative; z-index: 1;}
.mbxnav .lftmbx a:after{ position: absolute; content: ''; right: 0; top: 18px; height: 15px; border-right: 1px solid #ccc; z-index: -1;
	transition-duration: 0.4s;
	-webkit-transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;
}
.mbxnav .lftmbx a:hover,
.mbxnav .lftmbx a.act{ background-color: #0051A2; color: #fff;}
.mbxnav .lftmbx a:hover:after,
.mbxnav .lftmbx a.act:after{ border-color: #0051A2;}
.mbxnav .lftmbx a:last-child:after{ display: none;}
.mbxnav .ritmbx{ float: right;}
.mbxnav .ritmbx a{ display: inline-block; vertical-align: top;  padding:15px; font-size: 14px; color: #666; position: relative;}
.mbxnav .ritmbx a img{ display: inline-block; margin:-2px 5px 0 0; width: 14px; vertical-align: middle;}
.mbxnav .ritmbx a:hover{ color: #0051A2;}
.mbxnav .ritmbx a:after{ position: absolute; right: -10px; top: 15px; content: '>>'; font-size: 14px; color: #666;}
.mbxnav .ritmbx a.mb3:after{ display: none;}

.mbxTit{ float:left; width: auto; padding-top: 12px; position: relative; z-index: 1;}
.mbxTit h3{ display: inline-block; font-size: 22px; color: #0051A2;}
.mbxTit h3 span{ color: #FB6820; font-size: 22px;}
.mbxTit font{z-index: -1; display: inline-block; 
	font-size: 15px; font-weight: bold; color: #999; color:rgba(25,49,113,0.3); text-transform: uppercase;
}

.Wapers{ width: 100%; position: relative; margin-bottom: 50px;}

.wapTit{ width: auto; text-align: center; margin: 30px auto;}
.wapTit h3{ font-size: 35px; color: #0051A2; position: relative;}
.wapTit h3 i{ display: inline-block; margin: 0 20px; vertical-align: middle; width: 60px; height: 2px; background-color: #0051A2;}
.wapTit p{ color: #666; line-height: 1.8;}
.wapTit font{ display: block; margin:20px 0;
	animation: op2 1s linear 0s infinite;
	-webkit-animation: op2 1s linear 0s infinite;
}
@keyframes op2 {
  0%{
  	transform: translateY(-5px);
  }
  50%{
  	transform: translateY(5px);
  }
  to{
  	transform: translateY(-5px);
  }
}
@-webkit-keyframes op2 {
  0%{
  	transform: translateY(-5px);
  }
  50%{
  	transform: translateY(5px);
  }
  to{
  	transform: translateY(-5px);
  }
}
@-moz-keyframes op2 {
  0%{
  	transform: translateY(-5px);
  }
  50%{
  	transform: translateY(5px);
  }
  to{
  	transform: translateY(-5px);
  }
}


.wapTit2{ margin: 10px 0 0;}
.wapTit2 h3{ color: #fff;}
.wapTit2 h3 i{ background-color: #fff;}
.wapTit2 p{ color: #fff;}
.aboutNew{ width: 100%; font-size: 0;}
.aboutNew a{ display: inline-block; width: 49%; height: 40px; line-height: 40px; margin:0 0.5%; background-color: #0051A2; color: #fff;
	font-size: 16px; color: #fff; text-align: center;
}
.aboutNew a:hover{ background-color: #3282DA;}
.aboutNew2{ margin-bottom: 0px; border-bottom: 1px solid #ECECEC;}
.aboutNew2 a{ width: auto; padding: 0 10px; margin:0 0.5% 15px;}

.abouTus{ display: table; margin-bottom: 20px;}
.abouTus .abImg{ float: left; width: 400px; height: 266px; position: relative; z-index: 1;}
.abouTus .abImg:after{ z-index: -1; position: absolute; content: ''; left: 0; top: 0; width: 100%; height: 100%; border: 1px solid #0051A2;}

.abouTus .abImg img{ position: absolute; right: -20px; top: 20px; display: block; width: 100%; height: auto;}
.abouTus .abconts{ float: right; width: 700px; height: 186px; padding: 50px 20px;}
.abouTus .abconts p{ font-size: 14px; color: #666; line-height: 2; text-indent: 2em; margin-bottom: 10px;}

.companyCurre{ width: 100%; padding: 50px 0; background: url(/EnBranch/res/images/wj-index033.jpg) no-repeat;
	background-size: cover;
	background-attachment: fixed;
}
.subcompy{ width: 1200px; position: relative; left: 50%; margin-left: -600px; display: table;}
.subcompy .abconts{ width: 100%; height: 250px; padding: 20px 20px; text-align: center;}
.subcompy .abconts h3{ font-size: 40px; color: #fff; font-family: '隶书'; margin-bottom: 20px;}
.subcompy .abconts p font{ display: inline-block; margin:0 30px; vertical-align: top; font-size: 21px; color: #fff; font-family: '隶书'; margin-bottom: 10px;}

.zuGroup{ width: 1200px; position: relative; left: 50%; margin-left: -600px; display: table;}
.zuGroup p{ font-size: 14px; color: #666; line-height: 2; text-indent: 2em; margin-bottom: 10px;}
.zuGroup p img{ display: block; width: 100%; height: auto;}

.newList ul{ width: 100%;}
.newList ul li{ width: 100%; margin-bottom: 25px;}
.newList ul li a{ display: block;}
.newList ul li dl{ width: 100%; display: table;}
.newList ul li dl dt{ float: left; width: 350px;}
.newList ul li dl dt img{ display: block; width: 100%; height: auto;}
.newList ul li dl dd{ float: right; width: 800px; padding-top: 15px;}
.newList ul li dl dd time{ display: block; font-size: 13px; margin-top: 15px; color: #999;}
.newList ul li dl dd h3{ font-size: 16px; color: #333;}
.newList ul li dl dd h3 i{ display: inline-block; width: 0px; height: 3px; vertical-align: middle; background-color: #0051A2;}
.newList ul li dl dd p{ font-size: 14px; line-height: 1.8; color: #666; margin-top: 10px;}
.newList ul li dl dd font{ display: block; margin-top: 20px; text-align: center; width: 100px; height: 28px; 
	line-height: 28px; font-size: 13px; color: #777; border: 1px solid #777; 

}
.newList ul li dl:hover dd font{ border-color: #0051A2; background-color: #0051A2; color: #fff;}
.newList ul li dl:hover dd h3,
.newList ul li dl dd font,
.newList ul li dl dd h3 i{
	transition-duration: 0.4s;
	-webkit-transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;
}
.newList ul li dl:hover dd h3{ color: #0051A2;}
.newList ul li dl:hover dd h3 i{ width: 25px; margin-right: 20px;}

.newList2 ul li dl dd{ float: none; width: 100%;}


.fy{ width: 100%; text-align: center; margin-top: 60px;}
.fy a{ display: inline-block; padding:8px 12px; vertical-align: middle; font-size: 15px; color: #666; background-color: #E8EDF1;}
.fy a.on,
.fy a:hover{ background-color: #0051A2; color: #fff;}

.newListconts .newsTit{ text-align: center; padding-bottom: 20px; border-bottom: 1px solid #DEE3E7;}
.newListconts .newsTit h3{font-size: 22px; color: #333; margin-bottom: 10px;}
.newListconts .newsTit  time{ display: block; font-size: 13px; color: #999;}

.newListconts .newcongs{ padding-top: 30px;}
.newListconts .newcongs p{ font-size: 14px; color: #636c74; line-height: 1.8; margin-bottom: 13px; text-indent: 2em;}
.newListconts .newcongs p img{ display: block; margin: 0 auto; max-width: 100%; min-width: 300px;}

.fy2{ width: 1200px; margin-top: 40px; display: table; padding-top: 30px; border-top: 1px solid #DEE3E7;}
.fy2 .fhlist{ float: left;}
.fy2 .fhlist a{ display: inline-block; width: 110px; height: 28px; line-height: 28px; text-align: center; border: 1px solid #636c74; font-size: 14px; color: #636c74;}
.fy2 .fhlist a:hover{ background-color: #0051A2; border-color: #0051A2; color: #fff;}
.fy2 .prevnext{ float: right; padding-top: 10px;}
.fy2 .prevnext font,
.fy2 .prevnext a{ display: inline-block; margin: 0 10px; font-size: 14px; color: #636c74;}
.fy2 .prevnext a:hover{ color: #0051A2;}

.joinus{ width: 1200px; position: relative; left: 50%; margin-left: -600px; padding: 60px 0 80px;}
.joinus ul{ width: 100%; font-size: 0; position: relative;}
.joinus ul li{ display: inline-block; vertical-align: top; width: 33.33%; text-align: center; padding: 0 40px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.joinus ul li i{ display: block; text-align: center;}
.joinus ul li i img{ height: 30px;}
.joinus ul li h3{ font-size: 18px; color: #333; margin-top: 15px;}
.joinus ul li p{ font-size: 13px; color: #777; line-height: 1.8; margin-top: 20px;}

.jz-about{ position: relative; width: 100%; height: 400px; background: url(/EnBranch/res/images/wj-jonus-bg01.jpg) no-repeat; background-size: cover; background-attachment: fixed; z-index: 1;}

.neiabout{ position: relative; left: 50%; margin-left: -600px; padding-top: 30px; width: 1200px;}
.neiabout h2{ font-size: 40px; color: #fff; text-align: center; padding-top: 50px; padding-bottom: 20px;}
.neiabout h4{ font-size: 18px; color: #fff; text-align: center;  padding-top: 15px; font-weight: 300;}
.neiabout p{ text-align: center;  padding-top: 5px; font-size: 14px; color: #fff; line-height: 1.8;}

.zp-about{ width: 1200px; position: relative; left: 50%; margin-left: -600px; padding: 60px 0 80px; display: table;}
.zp-about .zplftx{ float: left; width: 400px;}
.zp-about .zplftx h3{ font-size: 20px; color: #333;}
.zp-about .zplftx i{ display: block; margin: 20px 0; width: 60px; height: 3px; background-color: #0051A2;}
.zp-about .zplftx p{ font-size: 13px; line-height: 1.8; color: #777;}
.zp-about .zplftx .Hreamil{ width: 100%; margin-top: 20px;}
.zp-about .zplftx .Hreamil p{ font-size: 17px; color: #0051A2; font-weight: bold; font-family: arial;}
.zp-about .zplftx img{ width: 100%; margin-top: 7px;}

.zp-about .zpritx{ float: right; width: 700px; border-left:1px solid #ccc; padding-left: 100px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.zp-about .zpritx .neiritx { width: 100%; height: 450px; position: relative; overflow-y: auto;}
.zp-about .zpritx .neiritx ul{ width: 100%; padding-right: 15px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.zp-about .zpritx .neiritx ul li{ margin-bottom: 40px;}

.zp-about .zpritx .zptits{ cursor: pointer; display: table; width: 100%; border-bottom: 1px dotted #ccc; padding-bottom: 20px;}
.zp-about .zpritx .zptits h4{ float: left; font-size: 18px; color: #333;}
.zp-about .zpritx .zptits span{ float: right; font-size: 12px; color: #777; text-transform: uppercase; padding-top: 6px;}
.zp-about .zpritx .zptits:hover h4,
.zp-about .zpritx .zptits:hover span{ color: #0051A2;}
.zp-about .zpritx .zptxts{ padding-top: 20px; display: none;}
.zp-about .zpritx .zptxts aside{ font-size: 16px; color: #333; font-weight: bold; margin-bottom: 20px;}
.zp-about .zpritx .zptxts p{ font-size: 14px; color: #777; line-height: 1.8; margin-bottom: 15px;}
.zp-about .zpritx .zptxts .buts{ width: 140px; height: 35px; border: 1px solid #777; font-size: 13px; color: #777; text-align: center; line-height: 35px;}
.zp-about .zpritx .zptxts .buts:hover{ background-color: #078C88; border-color:#078C88; color: #fff;}

.mapList{ width: 100%; display: table;}
.mapList .lftmap{ float: left; width: 700px;}
.mapList .lftmap .submap{ width: 100%; height: 430px; border: 1px solid #ccc;}

.mapList .ritmap{ 
	float: right; 
	width: 400px; padding:30px 50px 0 50px; height: 400px;background-color: #0051A2;
	box-shadow: 0px 3px 12px 0px #ccc;
}
.mapList .ritmap h3{ font-size: 20px; font-family: '隶书'; color: #fff; margin-bottom: 12px;}
.mapList .ritmap h4{
	font-size: 20px; color: #FB6820; margin-bottom: 12px;
}
.mapList .ritmap i{ display: block; width: 30px; height: 2px; background-color: #fff;}
.mapList .ritmap p{ margin-top: 8px; font-size: 12px; color: #fff; line-height: 1.8;}
.mapList .ritmap p font{ color: #fff; font-size: 14px; color: #fff;}
.mapList .ritmap p.phonumber{ font-size: 24px; font-family: 'arial';}
.mapList .ritmap p img{ display: inline-block; vertical-align: bottom; width: 100px; margin-right: 15px;}

.otherscompany{ width: 100%; margin-top: 50px; padding-top: 30px; border-top: 1px solid #ECECEC;}
.otherscompany h3{ font-size: 18px; color: #0051A2;}
.otherscompany ul{ width: 100%; display: table; padding-top: 40px;}
.otherscompany ul li{ float: left; width: 580px; padding-left:20px; height: 150px; overflow-y: auto; margin-bottom: 30px;}
.otherscompany ul li h4{ font-size: 15px; color: #0051A2; margin-bottom: 20px;}
.otherscompany ul li p{ margin-top: 3px; font-size: 14px; color: #666; line-height: 1.8;}
.otherscompany ul li p img{ display: inline-block; vertical-align: middle; width: 15px; margin-right: 15px;}

.complangages{ padding: 50px 0 0;}
.compLists{ width: 100%; padding: 35px 0;}
.compLists ul{ width: 1200px; position: relative; left: 50%; margin-left: -600px; display: table;}
.compLists ul li{ float: left; width: 45%; margin: 0 2.5% 80px; display: table;}
.compLists ul li .icos{ float: left; width: 90px; height: 90px; background-color: #0051A2;
	transform: rotateZ(45deg);
	-webkit-transform: rotateZ(45deg);
	-moz-transform: rotateZ(45deg);
}
.compLists ul li .icos img{ display: block; width: 50px; height: auto; margin: 18px auto 0;
	transform: rotateZ(-45deg);
	-webkit-transform: rotateZ(-45deg);
	-moz-transform: rotateZ(-45deg);
}
.compLists ul li .fgconts{ float: left; width: 350px; margin: 0 50px; padding-top: 18px;}
.compLists ul li .fgconts p{ font-size: 14px; line-height: 1.8; color: #666;}
.compLists ul li.co1 .icos{ float: right;}
.compLists ul li.co1 .fgconts{ float: right; text-align: right;}

.groupList{ width: 100%; padding:0 0 50px 0; background: url(/EnBranch/res/images/wj-aboutus-bg02.jpg) no-repeat;
	background-attachment: fixed; background-size: cover;
}

.subgroup{ width: 1200px; position: relative; left: 50%; margin-left: -600px; padding-top: 50px;}
.subgroup .grList{ width: 100%; display: table; margin-top: 30px;}
.subgroup .grList ul{ width: 100%; text-align: center;}
.subgroup .grList ul li{display: inline-block; margin: 0 5px;}
.subgroup .grList ul li a{ display:block; width: 120px; height: 28px; text-align: center; line-height: 28px; 
	background-color: #fff; border: 2px solid #0F76D8; color: #0051A2; font-size: 14px; margin-bottom: 15px;
	cursor: pointer; 
	transition-duration: 0.4s;
	-webkit-transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;
}
.subgroup .grList ul li.on a,
.subgroup .grList ul li:hover a{ background-color: #0F76D8; color: #fff;}

.subgroup .grList .grConts{ width: 100%; height: 560px; margin-top: 20px; position: relative; z-index: 1;}
.subgroup .grList .grConts p{ color: #fff; text-indent: 2em; line-height: 1.8; margin-bottom: 15px;}
.subgroup .grList .grConts p img{ display: block; width: 100%; height: auto;}
.subgroup .grList .grConts .mores{ width: 100%; text-align: center; padding-top: 30px;}
.subgroup .grList .grConts .mores a{ display: inline-block; width: 110px; height: 30px; text-align: center; line-height: 30px; 
	color: #0F76D8; text-transform: uppercase; background-color: #fff;
}
.subgroup .grList .grConts .mores a:hover{ background-color: #0F76D8; color: #fff;}
.subgroup .grList .grConts .neigrconts{ width: 100%; height: 550px; overflow-y: auto; position: absolute; left: 0; top: 0; 
	display: none\9;
	opacity: 0;
	z-index: -1;
	transform: translateY(30px);
	-webkit-transform: translateY(30px);
	-moz-transform: translateY(30px);
	transition: all .4s ease; 0s;
	-webkit-transition: all .4s ease; 0s;
	-moz-transition: all .4s ease; 0s;
}
.subgroup .grList .grConts .neigrconts.active{ 
	display: block\9;
	opacity: 1;
	z-index: 1;
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
}

.secrvicebox{ width: 1200px; position: relative; left: 50%; margin-left: -600px; padding-bottom: 90px;}
.secrvicelist{ width: 100%;}
.secrvicelist li{ margin-top: 20px; width: 19.4%; height: 85px; background-color: #0051A2; display: inline-block; vertical-align: top;
	transition-duration: 0.4s;
	-webkit-transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;
}
.secrvicelist li a{ display: block; width: 100%; height: 100%;}
.secrvicelist li i{ display: block; text-align: center; padding-top: 14px;}
.secrvicelist li i img{ height: 30px;}
.secrvicelist li font{ display: block; text-align: center; font-size: 15px; color: #fff; margin-top: 10px;}
.secrvicelist li:hover{ background-color: #3282DA;}


.servIstr{ width: 1200px; position: relative; left: 50%; margin-left: -600px; padding: 90px 0;}
.servIstr ul{ width: 100%; font-size: 0; position: relative;}
.servIstr li{ display: inline-block; vertical-align: top; width: 48%; margin: 0 1% 20px;}
.servIstr li a{ display: block;}
.servIstr li dl{ width: 100%; position: relative; overflow: hidden;}
.servIstr li dl dt{}
.servIstr li dl dt img{ display: block; width: 100%; height: 324px;}
.servIstr li dl dd{ position: absolute; left: 0; bottom: 0; width: 100%; height: 25px; background-color: #0051A2;
	background-color: rgba(0,81,162,0.9);
	padding: 20px 0;
}
.servIstr li dl dd p{ padding:0 0 20px 0; width: 100%; text-align: center;font-size: 20px; color: #fff;}
.servIstr li dl dd i{ display: block; width: 30px; height: 2px; background-color: #fff; margin: 10px auto 35px;}
.servIstr li dl dd font{ display: block; margin: 20px auto 0; position: relative;
	width: 46px; height: 46px; text-align: center; line-height: 50px; z-index: 1;
	border: 1px solid #fff;
	transform: rotateZ(45deg);
	-webkit-transform: rotateZ(45deg);
	-moz-transform: rotateZ(45deg);
}

.servIstr li dl dd font:after{ position: absolute; content: ''; left:8px; top: 8px; width: 30px; height: 30px; 
	background-color: #fff;
	z-index: -1;
	opacity: 0;
}

.servIstr li dl dd font span{ display: block; color: #fff; z-index: 1; position: relative; font-size: 13px; 
	transform: rotateZ(-45deg) scale(1.0);
	-webkit-transform: rotateZ(-45deg) scale(1.0);
	-moz-transform: rotateZ(-45deg) scale(1.0);
}
.servIstr li dl dd p,
.servIstr li dl dd,
.servIstr li dl dd font,
.servIstr li dl dd font:after,
.servIstr li dl dd font span{
	transition: .5s ease 0s;
	-webkit-transition: .5s ease 0s;
	-moz-transition: .5s ease 0s;
}

.servIstr li:hover dl dd{ height: 288px;}
.servIstr li:hover dl dd p{ padding:88px 0 20px 0;}

.servIstr li dl dd font:hover{
	transform: rotateZ(45deg) scale(1.1);
	-webkit-transform: rotateZ(45deg) scale(1.1);
	-moz-transform: rotateZ(45deg) scale(1.1);
}
.servIstr li dl dd font:hover:after{
	opacity: 1;
	transform: scale(1.35);
	-webkit-transform: scale(1.35);
	-moz-transform: scale(1.35);
}
.servIstr li:hover dl dd font:hover span{
	color: #0051A2;
	transform: rotateZ(-45deg) scale(0.9);
	-webkit-transform: rotateZ(-45deg) scale(0.9);
	-moz-transform: rotateZ(-45deg) scale(0.9);
}

.group-servIstr .neiservs{ width: 1200px; position: relative; left: 50%; margin-left: -600px; padding-top: 50px;}
.servboxs{ width: 100%; position: relative; margin-bottom: 50px; padding-top: 30px;}
.servbanner{ overflow: inherit;}
.servbanner .swiper-slide{ background-color: #000;}
.servbanner .swiper-slide:before{ position: absolute; content: ''; left: 0; bottom: -45px; width: 100%; border-top: 1px solid #E8E8E8;}
.servbanner .swiper-slide:after{ position: absolute; content: ''; left: 0; bottom: -45px; width: 0%; border-top: 2px solid #0051A2;}
.servbanner .swiper-slide a{ display: block;}
.servbanner .swiper-slide img{ display: block; width: 100%; height: auto; opacity: 0.6;}
.servbanner .swiper-slide h4{ position: absolute; left: 30px; top: 50px; color: #fff; font-size: 30px;}

.servbanner .swiper-slide:hover:after{ width: 100%;}
.servbanner .swiper-slide:hover img{ opacity: 1;}
.servbanner .swiper-slide:after,
.servbanner .swiper-slide img{
	transition-duration: 0.5s;
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
}
.swiperconts{ text-align: center; padding-top: 80px; background: url(/EnBranch/res/images/jtz.png) no-repeat center center;
	background-size: 20px auto;
	background-position: center 88px;
}
.servbanner .swiper-button-prev,
.servbanner .swiper-button-next{ display: inline-block; position: static; margin: auto 15px; top: auto; width: 45px; height: 35px;}
.servbanner .swiper-button-prev{ background: url(/EnBranch/res/images/jtl.png) no-repeat center center; background-size: 100% auto;}
.servbanner .swiper-button-next{ background: url(/EnBranch/res/images/jtr.png) no-repeat center center; background-size: 100% auto;}

.group-parters{ width: 1200px; position: relative; left: 50%; margin-left: -600px; padding-bottom: 50px;}
.group-parters p{ text-align: center;}