@charset "utf-8";
/** 清除内外边距 **/
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td, img,figure,figcaption {border: medium none; margin: 0; padding: 0;}

/** 设置默认字体 **/
html, body {-webkit-text-size-adjust: none;font-family: "Microsoft YaHei", Arial;-webkit-font-smoothing: antialiased;-moz-font-smoothing: antialiased;font-smoothing: antialiased; font-size:16px; color: #666;}

/** 设置表单元素**/
button, input, select, textarea {font-family: "Microsoft YaHei", Arial;vertical-align: middle; outline:none;}

/** 重置图片元素 **/
img {border: 0px;  }

/** 重置表格元素 **/
table {border-collapse: collapse;border-spacing: 0;}

/** 清除浮动 **/
.clearfix {*zoom:1;}
.clearfix:before, .clearfix:after {content: ""; display: table;}
.clearfix:after {clear: both;}

/** 重置列表元素 **/
ul, ol {list-style: none;}


/** 重置超链接元素 **/
a {text-decoration: none; color: #888; transition: 0.2s;}
a:hover {text-decoration:none; color:#4bb3ea; will-change: transform;}
a:hover,a:active{outline:none;}
.blue{ color: #00479d;}
section{ width: 1340px; margin: 0 auto; position: relative;}
.toper{ height: 80px;  position: relative; z-index: 5;}
.toper .logo{ float: left; padding: 10px 0;}
.toper .menu{ float: left; line-height: 80px; margin-left:40px;}
.toper .menu li{ float: left; width: 120px; text-align: center; position: relative;}
.toper .menu li a{ display: block; color: #666; }
.toper .menu li a:hover,.toper .menu li a.act,.toper .menu li a.now{ color: #00479d;}
.toper .menu li .hide{ width: 170px; position: absolute; top: 80px; background: #1657a5;  box-shadow: 0 0 5px #aaa;  display: none; overflow: hidden;}
.toper .menu li .hide a{ line-height: 50px; font-size: 14px; color: #999; color: #fff;}
.toper .menu li .hide a:hover{ background: #ee782b; }
.toper .tel{
	float: left;
	line-height: 60px;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 10px;
}
.toper .tel img{ vertical-align: middle;}
.toper .search{  float: right; line-height: 80px; position: relative;}
.toper .search span{width: 20px; height: 20px; padding: 10px; background: #4bb3ea; vertical-align: middle; line-height: 20px; display: inline-block; border-radius: 100%; cursor: pointer;}
.toper .search form{ width: 300px; background: #aaa; position: absolute; right: 0px; height: 40px; line-height: 40px; top: 80px; padding: 5px; display: none;}
.toper .search form .ipt{ width: 200px; height:40px; float: left; padding: 0 10px; color: #666;}
.toper .search form .sumit{ width: 80px; float: right; height: 40px; background: #4bb3ea; color: #fff; font-size: 16px; cursor: pointer;}

.Ibanner{ height: 560px;width: 100%; position: relative; overflow: hidden; z-index: 4;}
.indexBanner{ width: 1920px; margin: 0 -290px; overflow: hidden;}
.indexBanner ul{width: 999900px;overflow: hidden;}
.indexBanner ul li{ width: 1920px;}
.indexBanner ul li{ float: left;}
.Ibanner .dian{ width: 480px; height: 46px; background: #7ac4eb; position: absolute; bottom: 0; left: 50%; margin-left: -240px; border-radius: 20px 20px 0 0; text-align: center; line-height: 46px;}
.Ibanner .dian span{ background: #fff; height: 14px; width: 14px; display: inline-block; border-radius: 100%; margin: 0 10px; cursor: pointer; opacity: 0.5;}
.Ibanner .dian span.act{opacity: 1;}

.Ibanner .btn{ height: 60px; position: absolute; top: 50%; z-index: 15; width: 90%; padding: 0 5%;}
.Ibanner .btn em{ width:26px; height: 26px; display: block; background: #555; float: left; text-align: center;  padding: 17px; cursor: pointer;  transition: 0.5s; border-radius: 100%;}
.Ibanner .btn em.next{ float: right;}
.Ibanner .btn em:hover{ background: #4bb3ea; border-radius: 100%;}

.Itit{ text-align: center; padding-bottom: 30px;}
.Itit h4{ font-size: 36px; font-weight: normal; line-height: 50px;}
.Itit .enIfo{ background: url(../images/bj_Itit.png) no-repeat center; padding: 10px 0 10px 0; font-size: 18px;}
.Itit .tip{  padding: 15px 0; }

.iServices,.iAdvantages,.iNews{ padding: 40px 0;}
.iServices .box{ overflow: hidden; text-align: center;}
.iServices .box ul{ width: 1340px; margin-left:0px;}
.iServices li a { display: block;}
.iServices li{ float: left; width: 300px; margin-right:35px; line-height: 34px; font-size: 15px;}
.iServices li:nth-child(4n){  margin-right:0px;}
.iServices li .img{ width: 285px; height: 285px; margin: 0 auto; border-radius: 100%; overflow: hidden; box-shadow: 10px 0px 0px #f1f1f1; margin-bottom: 10px;}
.iServices li .img img{ transition: 0.1s;}
.iServices li a:hover .img img{ transition: 0.3s;}
.engineering,.iaboutUs{ background: #f4f3f3;  padding: 40px 0;}
.engineering .rollBox{ overflow: hidden;}
.engineering .rollBox ul{ width: 9999999px;}
.engineering .rollBox li{ float: left; width: 320px; margin-right: 20px;}
.engineering .rollBox li .img{ width: 320px; height: 274px; overflow: hidden; margin-bottom: 5px; }
.engineering .rollBox li .img img{ transition: 0.3s; width:100%;}
.engineering .rollBox li:hover img{ transform: scale(1.2);}
.engineering .rollBox li a{ display: block; text-align: center; line-height: 30px;}
.engineering .btn{ width: 26px; height: 26px; display: block; position: absolute; top: 65%; padding: 10px; box-shadow: 0 0 8px #bbb; border-radius: 50%; cursor: pointer; transition: 0.3s;}
.engineering .btn:hover{ transform: rotate(360deg);}
.engineering .pre{ left: -80px; background:#fff url(../images/btn_pre.png) no-repeat center;}
.engineering .next{ right: -80px; background:#fff url(../images/btn_next.png) no-repeat center;}
.engineering .pre:hover{ background:#4bb3ea url(../images/btn_pre1.png) no-repeat center;}
.engineering .next:hover{ background:#4bb3ea url(../images/btn_next1.png) no-repeat center;}

.slogin{ text-align: center; background: url(../images/bj_slogin.jpg) repeat-x; height: 170px; line-height: 170px;}
.slogin .sloginx{
	text-align: center;
	background-image: url(../images/stel.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right:270px;
	font-size:42px;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
	letter-spacing:6px;
}
.slogin img{ display: inline-block; vertical-align: middle;}
.iaboutUs .left{ float: left; width: 500px; padding-left:0px; line-height: 26px;}
.iaboutUs .left h4{ font-size: 24px; padding: 15px 0; font-weight: normal; color: #333;}
.iaboutUs .left .txt{ padding-bottom: 15px;}
.iaboutUs .right{ float: right; width: 810px;}
.iaboutUs .right h4{ font-size: 24px; padding: 10px 0; font-weight: normal; color: #00479d;text-align:center;}
.iaboutUs .right .txt{ text-align:center; font-size:14px;color: #333; padding-bottom:15px;}
.iaboutUs .right .box{ overflow: hidden; text-align: center;}
.iaboutUs .right .box ul{ width:810px; margin-left:0px;}
.iaboutUs .right li a { display: block;	font-size: 16px;
	font-weight: bold;
	color: #00479d;}
.iaboutUs .right li{
	float: left;
	width:250px;
	margin-right:25px;
	line-height: 40px;
	font-size: 16px;
	font-weight: bold;
	color: #00479d;}
.iaboutUs .right li:nth-child(3n){ margin-right:0px;}
.iaboutUs .right li .img{ width: 235px; height: 235px; margin: 0 auto; border-radius: 100%; overflow: hidden; box-shadow: 10px 0px 0px #fff; margin-bottom: 10px;}
.iaboutUs .right li .img img{ transition: 0.1s;}
.iaboutUs .right li a:hover .img img{ transition: 0.1s;transform: scale(1.05); box-shadow: 10px 0px 0px #00479d;}
.iaboutUs .right li .img:hover { box-shadow: 10px 0px 0px #00479d;}

.iAdvantages .content{ height: 780px; background: url(../images/bj_iadvan.jpg) no-repeat center bottom; position: relative;}
.iAdvantages .content img{ transition: 2s; opacity: 0;}
.iAdvantages .content .one{ width: 692px; height: 183px; position: absolute; left: 430px; top: 100px; overflow: hidden;}
.iAdvantages .content .one img,.iAdvantages .content .three img{ transform: translateX(-1000px);}
.iAdvantages .content .two{ width: 925px; height: 220px; position: absolute; left: 174px; top: 320px; overflow: hidden;}
.iAdvantages .content .two img{ transform: translateX(1000px);}
.iAdvantages .content .three{ width: 925px; height: 220px; position: absolute; left: 130px; top: 500px; overflow: hidden;}

.iAdvantages .content.act .one img,.iAdvantages .content.act .three img,.iAdvantages .content.act .two img{transform: translateX(0px); opacity: 1;}


.iNews .tabs{ float: left; width: 706px;}
.iNews .tabs .tits{ border: 1px solid #ddd; height: 50px; transition: 0.5s;}
.iNews .tabs .tits li{ float: left; width: 50%; line-height: 50px; text-align: center; cursor: pointer; transition: 0.3s; font-size: 20px; color: #333;}
.iNews .tabs .tits li.act,.iNews .tabs .tits li:hover{ background: #4bb3ea; color: #fff;}
.iNews .tabs .tips{ padding: 20px 0 10px 0; line-height: 24px;}
.iNews .tabs .tips,.iNews .tabs .tips a{ overflow: hidden;}
.iNews .tabs .tips img{ float: left; margin-right: 30px; transition: 0.5s;}
.iNews .tabs .tips:hover img{ transform: scale(0.95);}
.iNews .tabs .tips .info{
	font-size: 14px;
	color: #999;
	padding-top: 6px;
	padding-right: 0;
	padding-bottom:6px;
	padding-left: 0;
}
.iNews .tabs .tips .name{ color: #333; }
.iNews .tabs .tips span{ background: #ee782b; color: #fff; padding: 5px 15px; border-radius: 5px; transition: 0.5s;}
.iNews .tabs .tips:hover span{ background:#4bb3ea;}
.iNews .tabs .tips:hover .name{  color: #4bb3ea;}
.iNews .tabs .list { display: none;}
.iNews .tabs .list li{ border-bottom: 1px solid #eee; line-height: 35px;}
.iNews .tabs .list li a{ display: block; padding: 5px 0 5px 26px; background: url(../images/icon_dian.jpg) no-repeat left center;}
.iNews .tabs .list li a:hover{ padding-left: 30px; background: url(../images/icon_dian1.jpg) no-repeat left center;}
.iNews .tabs .list li a time{ float: right;}
.iNews .ask{ float: right; width: 540px;}
.iNews .ask .bar{ height: 400px; overflow: hidden;}
.iNews .ask .bar ul{ height: 888px;}
.iNews .ask h4{ height: 56px; background: #14519c; line-height: 56px; text-align: center; color: #fff; font-size: 20px; border-radius: 0 0 15px 0; margin-bottom: 20px;}
.iNews .ask li{ padding-bottom: 10px;}
.iNews .ask li p{padding-left: 30px; line-height: 30px; font-size: 14px; color: #666;}
.iNews .ask li .q{ background: url(../images/icon_q.jpg) no-repeat left center; font-size: 16px; color: #333; font-weight:bold;}
footer{ background: #515151; padding: 50px 0; color: #fff;}
footer .left{ float: left; width: 220px;}
footer .left ul{ text-align: center; padding: 10px 0;}
footer .left li{ width: 20px; height: 20px; border: 1px solid #a3a3a3; border-radius: 50%; padding: 4px; text-align: center; display: inline-block; margin: 0 2px; position: relative;}
footer .left li .wx{ width: 100px; height: 100px; position: absolute; left: -50px; bottom: -110px; display: none;}
footer .left li:hover .wx{ display: block;}

footer .center{ width: 600px; text-align: center; float: left; margin-left: 0px;}
footer .center h4{ font-weight: normal; padding-bottom: 10px;}
footer .center li{ float: left; width: 200px; line-height: 34px;}
footer .center li a{ display: block; color: #aaa; font-size: 14px;}
footer .center li a:hover{ color: #fff;}
footer .right{ width: 550px; float: right;}
footer .right p{ padding-bottom: 10px; line-height: 32px; font-size: 14px;}
footer .right p img{ vertical-align: middle; margin-right: 10px;}

.copyright{ background: #333; padding: 15px 0; line-height: 30px; color: #ddd; font-size:14px;}
.copyright span{ float: right;font-size:14px;}

.innerBaner{ height: 450px;}
.casebj{ background: url(../images/casbeBanner.jpg) no-repeat center;}
.newsbj{ background: url(../images/newsBanner.jpg) no-repeat center;}
.busnesssbj{ background: url(../images/busnesssBanner.jpg) no-repeat center;}
.psrdensbj{ background: url(../images/pardenBaner.jpg) no-repeat center;}
.aboutusbanerbj{background: url(../images/aboutusbaner.jpg) no-repeat center;}
.contacusbanerbj{background: url(../images/contacusbj.jpg) no-repeat center;}

.website{ height: 54px; line-height: 54px; background: #f5f5f5; overflow: hidden;}
.website span{ float: right;}
.website li{ float: left;text-align: center; }
.website li a{ display: block;padding-left:20px; padding-right:20px;}
.website li a:hover,.website li a.act{ background: #00479d; color: #fff;padding-left:20px; padding-right:20px;}
.website .bar.fixed{ position: fixed; width: 100%; top: 0; left: 0; background: #f5f5f5;  z-index: 50; box-shadow: 0 0 5px #9999;}

.ncase,.ncase1,.nNews,.newAsk,.newDetail,.npardent,.business{ padding: 50px 0; overflow: hidden;}
.ncase ul{ width: 1450px;}
.ncase li{ float: left; width: 320px; margin: 20px 20px 20px 0; line-height: 40px; text-align: center; cursor: pointer;}
.ncase li .name{ padding: 4px 0; transition: 0.3s;}
.ncase li .img{ height: 274px; overflow: hidden;}
.ncase li .img img{ transition: 0.5s;}
.ncase li:hover .name{ background: #00479d; color: #fff; padding: 4px 0;}
.ncase li:hover img{ transform: scale(1.1);}
.page {
	padding: 15px 0;
	line-height: 30px;
	text-align: center;
	font-size: 12px;
}
.page a {
	display: inline-block;
	border: 1px solid #ddd;
	padding: 0 10px;
	background: #eee;
	margin: 0 2px;
}
.page a:hover,
.page a.act {
	background: #00B096;
	color: #fff;
}
.page SPAN.current {
	display: inline-block;
	border: 1px solid #ddd;
	padding: 0 10px;
	background: #00B096;
	color: #fff;
	margin: 0 2px;
}
.page SPAN.disabled {
	display: inline-block;
	border: 1px solid #ddd;
	padding: 0 10px;
	background: #eee;
	margin: 0 2px;
}
.zoomBj{ width: 100%; height: 100%; background: rgba(0,0,0,0.5); position: fixed; left: 0; top: 0; z-index: 10; display: none;}
.caseZoom {
  width: 700px;
  padding: 30px;
  background: #fff;
  position: fixed;
  z-index: 11;
  left: 50%;
  margin-left: -450px;
  top: 15%;
  display: none;
}
.caseZoom h3 {
  text-align: center;
  font-size: 24px;
  padding: 15px 0;
}
.caseZoom .roll {
  margin: 0 0 20px 0;
  position: relative;
  overflow: hidden;
}
.caseZoom .roll img {
  height: 400px;
  width: 100%;
}
.caseZoom .roll em {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 40%;
  display: block;
  cursor: pointer;
}
.caseZoom .roll em.pre {
  background: rgba(75, 179, 234, 0.8) url(../images/btn_pre1.png) no-repeat center;
  left: 0;
}
.caseZoom .roll em.next {
  background: rgba(75, 179, 234,0.8) url(../images/btn_next1.png) no-repeat center;
  right: 0;
}
.caseZoom .info {
  line-height: 26px;
}

.caseZoom .nums {
  width: 100%;
  height: 20px;
  position: absolute;
  bottom: 30px;
  left: 0;
  text-align: center;
}

.caseZoom .nums span {
  width: 10px;
  height: 10px;
  background: #fff;
  display: inline-block;
  border-radius: 100%;
  vertical-align: middle;
  cursor: pointer;
  margin: 0 5px;
}

.caseZoom .nums span.act,
.caseZoom .nums span:hover {
  background: #4bb3ea;
}

.caseZoom .close {
  width: 50px;
  height: 50px;
  display: block;
  position: absolute;
  right: -50px;
  top: 0;
  background: #4bb3ea;
  cursor: pointer;
}
.ncase1 .tabs{ text-align: center;}
.ncase1 .tabs .name{ margin:20px 0 40px 0;}
.ncase1 .tabs .name li{ display: inline-block; line-height: 50px; padding: 0 25px; min-width: 150px; margin: 0 3px; background: #ececec; font-size: 18px; transition: 0.5s; cursor: pointer;}
.ncase1 .tabs .name li:hover,.ncase1 .tabs .name li.act{ background: #4bb3ea; color: #fff;}
.ncase1 .tabs .list { display: none;}
.ncase1 .tabs .list table{ border: 1px solid #ddd; line-height: 26px; width: 100%;}
.ncase1 .tabs .list table td{ padding: 10px; border: 1px solid #ddd;}
.ncase1 .tabs .list table tr:nth-child(2n-1){ background: #e4f3fa;}
.nNews li{ padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #ddd;}
.nNews li a{ display: block; overflow: hidden; font-size: 14px;}
.nNews li a .img{ width: 210px; height: 140px; overflow: hidden; float: left;}
.nNews li a .img img{ transition: 0.3s;}
.nNews li a .info{ width: 1100px; float: right;}
.nNews li a .info h4{ font-weight: normal; color: #333; line-height: 40px; font-size: 18px;}
.nNews li a .info  time{
	display: block;
	padding: 0px;
	font-size: 14px;
	line-height: 20px;
}
.nNews li a .info .see {
	overflow: hidden;
	padding-top: 15px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
.nNews li a .info .see span{ color: #4bb3ea; font-size: 14px; padding: 8px 20px; border: 1px solid #4bb3ea; display: inline-block; transition: 0.3s;}

.nNews li a:hover img{ transform: scale(1.1);}
.nNews li a:hover h4{ color: #4bb3ea;}
.nNews li a:hover .see span{ background: #4bb3ea; color: #fff;}

.newAsk li{ margin: 10px 0 20px 0;}
.newAsk li h4{ background: #f0f0f0; padding: 7px 30px; line-height: 44px; font-weight: normal; color: #333;}
.newAsk li h4 img{  margin-right: 10px; vertical-align: middle;}
.newAsk li .txt{ padding: 20px; font-size: 14px; line-height: 34px;}

.newDetail .tit{ font-size: 24px; padding: 20px 0 ; text-align: center; font-size: 34px; font-weight: normal; color: #333;}
.newDetail .tips{ padding:0px 0 30px 0;  text-align: center; border-bottom: 1px solid #ddd; color: #999;}
.newDetail .content{ line-height: 34px; padding: 30px 0;}
.newDetail .content p { padding: 8px 0;}
.newDetail .content  img{ max-width:1000px; text-align:center;}
.newDetail .updown{ border-top: 1px solid #ddd; padding: 10px 0; position: relative;}
.newDetail .updown p { padding: 5px 0;}
.newDetail .updown .back{ width: 200px; height: 44px; display: block; position: absolute; right: 0; text-align: center; line-height: 44px; font-size: 16px;  background: #00479d; color: #fff;}
.newDetail .updown .back:hover{ border-radius: 25px;}
.newDetailx .tit{ font-size: 24px; padding: 20px 0 ; text-align: center; font-size: 34px; font-weight: normal; color: #333;}
.newDetailx .tips{ padding:0px 0 30px 0;  text-align: center; border-bottom: 1px solid #ddd; color: #999;}
.newDetailx .content{ line-height: 34px; padding: 20px 0;}
.newDetailx .content p { padding: 8px 0; text-indent: 2em;}
.newDetailx .content img{ width:650px; height:372px; margin-left:10px; margin-right:10px; float:left; margin-bottom:10px;}
.newDetailx .updown{ border-top: 1px solid #ddd; padding: 10px 0; position: relative;}
.newDetailx .updown p { padding: 5px 0;}
.newDetailx .updown .back{ width: 200px; height: 44px; display: block; position: absolute; right: 0; text-align: center; line-height: 44px; font-size: 16px;  background: #00479d; color: #fff;}
.newDetailx .updown .back:hover{ border-radius: 25px;}

.npardent section{ overflow: hidden;}
.npardent .tabs{ text-align: center;}
.npardent .tabs .name{ margin:20px 0 40px 0;}
.npardent .tabs .name li{ display: inline-block; line-height: 50px; padding: 0 25px; min-width: 150px; margin: 0 3px; background: #ececec; font-size: 18px; transition: 0.5s; cursor: pointer;border-radius: 10px;}
.npardent .tabs .name li:hover,.npardent .tabs .name li.act,.npardent .tabs .name li.act a,.npardent .tabs .name li a:hover{background: #4bb3ea; color: #fff; }
.npardent .tabs .list { display: none;}
.npardent .tabs .list ul{ width: 1500px;}
.npardent .tabs .list li{ float: left; width: 250px; margin-right:22.5px; border-bottom: 1px solid #ddd; padding: 8px 0; line-height:0px; margin-bottom:15px;}
.npardent .tabs .list li .img{ width: 250px;border-radius:5px; overflow: hidden;margin-bottom: 10px;}
.npardent .tabs .list li .img img{ transition: 0.3s;}
.npardent .tabs .list li:hover img{ transform: scale(1.05);}
.business .box{ width: 1500px;}
.business .list{ float: left; width: 650px; margin: 0 50px 30px 0;}
.business .list li{ float: left; width: 320px; height: 228px; background: #4bb3ea; text-align: center; color: #fff; overflow: hidden; line-height: 28px; margin-right: 2px;}
.business .list li img{ transition: 0.3s;}
.business .list li .icon{ padding: 30px 0 10px 0;}
.business .list:hover .img img{ transform: scale(1.1);}
.business .list:hover .icon img{ transform: rotate(360deg);}

.usInfo,.culture,.advantage{ padding: 30px 0;}
.usInfo .left{ width: 1340px; float: left; line-height: 26px;}
.usInfo .left h5{ font-size: 22px;  font-weight: normal; padding-bottom: 20px;}
.usInfo .right{ float: right;}
.ustit{text-align: center;margin-bottom:0px; margin-left:auto; margin-right:auto; width:140px; margin-top:10px;}
.ustit h4{ font-size: 32px; font-weight: normal; color:#333; padding: 10px 0;border-bottom-width: 2px;border-bottom-style: solid;border-bottom-color: #ee782b;}
.team{ background: url(../images/team_bj.jpg) no-repeat left center; padding: 50px 0;}
.team .box { position: relative; overflow: hidden;}
.team .box .bnt{ width: 24px; height: 24px; padding: 5px; border: 2px solid #b1b2b2; position: absolute; border-radius: 100%; top: 40%; cursor: pointer;}
.team .box .bnt.next{ right: 0;}
.team .box .roll{ width: 1090px; margin: 0 auto; overflow: hidden; padding-bottom: 80px;}
.team .box .roll ul{ width: 1000000px;}
.team .box .roll ul li { float: left; width: 217px; margin-right:73px; background: #4bb3ea; position: relative;  text-align: center; color: #fff;}
.team .box .roll ul li .img{ height: 238px; overflow: hidden;}
.team .box .roll ul li .img img{ transition: 0.3s;}
.team .box .roll ul li .name{ width: 150px; height: 38px; background: #ee782b; position: absolute; display: block; bottom: 38px; left: 50%; margin-left: -75px; line-height: 38px;  border-radius: 30px;}
.team .box .roll ul li .job{ padding-top: 15px; line-height: 40px; font-size: 14px;}
.team .box .roll ul li:hover .img img{ transform: scale(1.1);}
.team .box .roll ul li .dian{ content: ''; width: 10px; height: 10px; display: block; position: absolute; background: #999; bottom: -40px; z-index: 5; left: 49%; border-radius: 100%;}

.advantage{ background: #f1f1f1; padding: 30px 0; overflow: hidden;}
.advantage .left{ width: 1340px; float: left;}
.advantage .left li{ border-bottom: 1px  solid #ddd; padding-bottom: 20px; margin-bottom: 20px; line-height: 24px;}
.advantage .left li h4{ font-weight: normal; padding: 10px 0 10px 20px; color: #333; background: url(../images/icon_advan.png) no-repeat left center;}
.advantage .right{ float: right;}

.contact{ text-align: center; padding: 50px 0;}
.contact h1{ font-size: 28px; font-weight: normal; padding: 20px 0 0 0; color: #333;}
.contact ul{ padding: 80px 0; overflow: hidden;}
.contact ul li{ float: left; width: 320px; border-right: 1px solid #ddd; line-height: 24px;}
.contact ul li p{ padding: 5px 0;}
.contactx .recruit_name {
	padding-top: 10px;
}
.contactx .recruit_name ul {
	overflow: hidden;
	width: 100%;
	background: #eee;
	box-sizing: border-box;
	line-height: 46px;
	font-weight: bold;
}
.contactx .recruit_name li {
	width: 33.33%;
	margin: 0;
	text-align: center;float:left;
}
.contactx .recruit_list {
	line-height: 44px;
	margin: 15px 0;
}
.contactx .recruit_list ul {
	overflow: hidden;
	width: 100%;
	border: 1px solid #ddd;
	box-sizing: border-box;
}
.contactx .recruit_list li {
	width: 33.33%;
	margin: 0;
	text-align: center; float:left;
}

.contactx .recruit_list li span {
	float: right;
	font-size: 20px;
	padding: 0 10px;
	cursor: pointer;
}

.contactx .recruit_list .info {
	border-top: 1px solid #ddd;
	padding: 15px;
	display: none;
}

.contactx .recruit_list.open ul {
	background: #ff6000;
	color: #fff;
	border: 1px solid #ff6000;
}

.contactx .recruit_list.open .info {
	border: 1px solid #ff6000;
}