.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml20{margin-left:20px;}
.ml22{margin-left:22px;}
/* header */
.w1100{width:1100px; margin:0 auto;position: relative; content:''; display:table;}
.index-header{width:100%;height:100px;background-color: rgba(255,255,255,0.85); color:#000; font-size:0;}
.index-header{position:fixed;margin:0 auto;z-index:999;}
.index-header .w1100{ position:absolute; top:0px; left:50%; margin-left:-550px;}
.index-header .logo{width:200px; height:100px; float:left;}
.index-header .logo img{margin-top:20px;}
.index-header .nav{width:870px; height:100px; float:right; text-align:right;}
.index-header .nav a{color:#666; font:16px/100px "Microsoft YaHei"; color:#666; display:inline-block; margin-left:44px;}
.index-header .nav a:hover{ background:url(../arrow-top.png) no-repeat center bottom;}
.index-header .nav a.active{color:#e95107;}
.subnav{width:100%; height:50px; position:absolute; top:100px; left:0;background-color: rgba(0,0,0,0.6); display:none;}
.subnav ul{padding:13px 0;}
.subnav li{box-sizing:border-box; display:none; font:14px/24px "Microsoft YaHei"; color:#fff; text-align:center;}
.subnav li a{font:14px/24px "Microsoft YaHei"; color:#fff; padding:0 18px; }
.subnav li a:hover{color:#e95107;}

.header{width:100%;height:100px;background-color: rgba(255,255,255,0.85); color:#000; font-size:0;}
.header{position:relative;margin:0 auto;z-index:999;}
.header .w1100{ position:absolute; top:0px; left:50%; margin-left:-550px;}
.header .logo{width:200px; height:100px; float:left;}
.header .logo img{ margin-top:20px;}
.header .nav{width:870px; height:100px; float:right; text-align:right;}
.header .nav a{color:#666; font:16px/100px "Microsoft YaHei"; color:#666; display:inline-block; margin-left:44px;}
.header .nav a:hover{ background:url(../arrow-top.png) no-repeat center bottom;}
.header .nav a.active{color:#e95107;}

/* banner */
.banner{width:100%; background-size:100% 100%; position:relative; text-align:center;}
.banner img{width: 100%;}
#slides {width:100%; margin:0 auto;display:none;position:relative; z-index:4;}
.slidesjs-container{width:100%;}
.slidesjs-navigation{position:absolute; top:45%; width:100%; z-index:14;display:none;}
.slidesjs-navigation a{font:20px/normal simsun; text-decoration:none; color:#999; margin:0;}
a.slidesjs-previous{float:left;}
a.slidesjs-next{float:right;}
.slidesjs-navigation a:hover{color:#333}
.slidesjs-pagination{position:absolute; bottom:30px; width:100%; z-index:15; left:0;}
.slidesjs-pagination ul{text-align:center; width:100%; display:block;}
.slidesjs-pagination li{display:inline-block; *display:inline; zoom:1; width:80px; height:6px; margin-right:10px;}
.slidesjs-pagination li a{display:block; width:80px; height:6px; border-radius:0; cursor:pointer; background:#fff; overflow:hidden; text-indent:100px;}
.slidesjs-pagination li a.active,.slidesjs-pagination li a:hover ma.active {background:#ff6633}
#slides .pic{width:100%; height:auto;position:relative;}


.indexTit{width:100%; text-align:center; position:relative;}
.indexTit h1{width:100%; color:#333; font:45px/45px "Apex New"; padding:0px 0px 30px; text-transform:uppercase;}
.indexTit h2{width:100%; color:#333; font:24px/50px "Microsoft YaHei";}
.indexTit .redline{width:50px; height:2px; background:#e95107; margin:0 auto 10px; clear:both;}
.indexTit .grayline{width:96px; height:1px; background:#bfbfbf; margin:0 auto; clear:both;}

.aboutus{width:100%;padding:60px 0; border-bottom:1px solid #949494;}
.aboutus .brief{padding:10px 0 40px;}
.aboutus .brief p{color:#333; font:20px/32px "Microsoft YaHei";}
.aboutus .container {
    width: 1100px; height:160px; margin:40px auto;
}
.counter{width:220px;float:left;text-align: center;position: relative;}
.counter .counter-content{width: 80px;height: 50px; text-align:center; border-radius: 50%;background: #fff;padding:25px 10px;z-index: 1;position: relative;transition: all 0.3s ease 0s;margin:0 auto;}
.counter .counter-content:before{content: "";width: 92px;height: 92px;border-radius: 50%;border: 6px solid #7d7d7d;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.counter .counter-icon{display: block;font-size: 52px;color: #7d7d7d;line-height: 50px;font-family:"Arial";}
.counter .counter-value{font-size: 52px;color: #7d7d7d;line-height: 50px;font-family:"Arial";}
.counter .title{text-align:center;padding: 25px 0;font-size: 18px;font-weight:400;color: #333;text-transform: capitalize;margin: 0;}

.business{width:100%;padding:60px 0 0; display:table; content:'';}
.business .list{width:100%;padding:60px 0 0; font-size:0;}
.business .list li{width:25%; *width:19.98%; display:inline-block; *display:inline; zoom:1; margin-top:1px; float:left;}
.business .list li a{display:block; width:100%; position:relative;}
.business .list li .dianzhen{ width:99.8%; background:url(../dianzhen.png)repeat; position:absolute; top:0; left:0; bottom:0;}
.business .list li img{width:99.8%;}
.business .list li img.img1{display:block;}
.business .list li img.img2{display:none;}
.business .list li a:hover img.img1{display:none;}
.business .list li a:hover img.img2{display:block;}

.indexnews{width:100%;background:#f5f5f5; padding:60px 0;}
.indexnews .newsTit{width:100%; height:90px; position:relative; background:url(../newstit.png) no-repeat right top;}
.indexnews .newsTit h1{width:100%; margin-bottom:5px;}
.indexnews .newsTit h1 .orange{color:#e95107; font:bold 30px/35px "Microsoft YaHei";}
.indexnews .newsTit h1 .back{color:#333; font:bold 30px/35px "Microsoft YaHei";}
.indexnews .newsTit h2{width:100%; color:#ccc; font:16px/30px "Arial"; text-transform:uppercase; margin-bottom:10px;}
.indexnews .newsTit .line{width:60px; height:2px; background:#e95107; clear:both;}
.indexnews .newsTit .catename{ position:absolute; top:0; right:0;}
.indexnews .newsTit .catename a{color:#fff; font:18px/38px "Microsoft YaHei"; display:block; width:116px; height:38px; background:#999; float:left; margin-left:20px; text-align:center;}
.indexnews .newsTit .catename a.active{background:#e95107;}
.indexnews .list{padding:50px 0; display:table; content:'';}
.indexnews .list li{width:310px; float:left; float:left;padding-left:80px;}
.indexnews .list li:first-child{padding-left:0px;}
.indexnews .list .time{color:#333; font:18px/24px "Arial"; display:block;}
.indexnews .list .info{padding:15px 0 50px;}
.indexnews .list .info h2{color:#333; font:20px/20px "Microsoft YaHei"; margin-bottom:15px;}
.indexnews .list .info p{color:#666; font:14px/24px "Microsoft YaHei"; height:72px;}
.indexnews .list .more{width:152px; height:36px; background:url(../morebtn.png) no-repeat;}
.indexnews .list .more a{width:120px; height:36px; padding-left:32px; display:block; color:#e95107; font:14px/36px "Microsoft YaHei";}


.caseshow{width:100%;background:#fff; padding:60px 0;}

#featureContainer {
	margin: 0px auto; width: 1200px;
}
#feature {
	position:relative; margin-top: 15px;
}
#feature .button {
	position: absolute; width: 840px; TOP: 72px; left: 0px
}
#feature .prev {
	width: 32px; display: block; background: url(../feature_left.png) center top; height: 60px; position:absolute; left:0; top:45%; text-indent:9999px; overflow:hidden;
}
#feature .next {
	width: 32px; display: block; background: url(../feature_right.png) center top; height: 60px; position:absolute; right:0; top:45%; text-indent:9999px; overflow:hidden;
}
.featureUL {
	position: relative; padding:0px; list-style-type:none; margin: 0px; width: 2800px; float: left; left: 0px
}
.featureBox {
	width: 282px; float: left; height: 214px; position:relative;
}
#botton-scroll {
	z-index:0; margin: 0px auto; width: 1128px; FLOAT: left; height: 214px;
}
#block {
	z-index: 0; position: relative; padding:40px 0; margin: 0px auto; width: 1128px; height: 214px; font-size: 70%; overflow: hidden;
}
#block .box {
	 position:absolute; left:14px; top:15px; width: 254px; height: 184px;
}
#block .box img{
	 width: 100%; height: 100%;
}
#block .box:hover{
	position:absolute; width: 298px; height: 214px; left:-8px; top:0;
}
#block .box img{
	 width: 100%; height: 100%;
}


/* footer */
.footer{width:100%;background:#999999 ; padding:25px 0;}
.footer .fcontact{width:400px; height:120px; float:left;}
.footer .fcontact h2{color:#fff; font:bold 18px/28px "Microsoft YaHei"; margin-bottom:15px;}
.footer .fcontact p{color:#fff; font:14px/26px "Microsoft YaHei";}
.footer .ferweima{float:right;}
.footer .ferweima img{ height:120px; margin-left:40px;}


/* main */

.banner.nei{height:280px; background:#e5e5e5 url(../dian.png) repeat; text-align:center; width:100%;}
.banner.nei .img{height:280px; width:100%; background-position:center center; background-size:auto 100%; background-repeat:no-repeat;}
.banner.nei img{height:280px; width:auto;}
.banner.nei .typename{text-align:left; padding-top:90px;}
.banner.nei .typename .en{width:100%; color:#fff; font:bold 40px/50px "Apex New"; text-transform:uppercase;}
.banner.nei .typename .cn{width:100%; color:#fff; font:bold 28px/30px "Microsoft YaHei";}
.banner.nei .typename .line{width:53px; height:4px; margin:10px 0; background:#fff; clear:both;}

.main{width: 100%; padding:60px 0 100px;}
.mLeft{
	width:180px; float:left;
}
.mLeft .typename{
	height:40px; font:26px/26px  "Microsoft YaHei"; color:#f18b00;border-bottom:1px solid #dbd4cd;
}
.mLeft .leftmenu{
	 width:100%;
}
.mLeft .leftmenu>li{
	width:100%; border-bottom:1px solid #dbd4cd;
}
.mLeft .leftmenu>li>a{
	font:16px/26px  "Microsoft YaHei"; color:#333; display:block; padding:7px 10px 7px 28px; background-image:url(../yuan1.png); background-repeat:no-repeat; background-position:14px center; box-sizing:border-box; width:180px;
}
.mLeft .leftmenu>li>a.active{
	color:#fff;background:#f18c00; background-image:url(../yuan2.png); background-repeat:no-repeat; background-position:14px center;
}
.mLeft .leftmenu>li>div{
	width:100%; display:block;
}
.mLeft .leftmenu>li>div>a{
	font:14px/24px  "Microsoft YaHei"; color:#333; display:block; padding:7px 10px 7px 28px; 
}
.mLeft .leftmenu>li>div>a.active{
	color:#f18b00;
}
.mRight_top{
	height:40px; margin-bottom:32px; border-bottom:1px solid #dbd4cd;
}
.mRight_top .path{
	float:right; height:36px; font:12px/26px  "Microsoft YaHei"; color:#555; text-align:right; padding-top:9px; 
}
.mRight_top .path a{
	font:12px/226px2px  "Microsoft YaHei"; color:#555;
}
.mRight_top .path span{
	font:12px/26px  "Microsoft YaHei"; color:#e95107;
}
.mRight_top .title2{
	float:left; font:26px/26px  "Microsoft YaHei"; color:#f18b00; background:none; padding:0; margin:0;
}
.mRight{
	float:right;
}
.mRight .rContent{
	width:840px; 
}
.mRight .title{
	font:bold 28px/32px  "Microsoft YaHei"; color:#333; padding-bottom:24px; text-align:center; background:url(../line1.png) no-repeat center bottom;
}
.mRight .title1{
	font:bold 28px/32px  "Microsoft YaHei"; color:#333; padding-bottom:24px; text-align:center;
}
.mRight .typename1{
	font:28px/36px  "Microsoft YaHei"; color:#333; padding:0px 0 20px; margin-bottom:10px; text-align:center; background:url(../line1.png) no-repeat center bottom;
}
.mRight .rContent1{
	width:840px;
}
.mRight .rContent2{
	width:760px; padding-left:40px;
}
.mRight .time{
	font:14px/18px  "Microsoft YaHei"; color:#666; padding-top:15px; text-align:center;
}
.mRight .title3{
	font:18px/36px  "Microsoft YaHei"; color:#f18b00; margin-bottom:15px;
}
.mRight .detail{
	width:100%; color:#333; margin-top:35px;
}
.mRight  .detail p{
	font:16px/28px  "Microsoft YaHei"; color:#333; margin-bottom:25px;
}
.mRight .detail img{
	max-width:100%;
}
.mRight  .detail .clientTable td{
	font:16px/28px  "Microsoft YaHei"; color:#333;
}
.mRight .detail1{
	width:100%; padding-top:10px;
}
.mRight  .detail1 p{
	font:16px/28px  "Microsoft YaHei"; color:#555;
}
.mRight  .detail1 pre{
	font:16px/28px  "Microsoft YaHei"; color:#555;
}
.mRight .goback{
	padding:10px 0; text-align:right;
}
.mRight .goback a{
	font:14px/22px  "Microsoft YaHei"; color:#333; padding-left:30px; background:url(../goback.png) no-repeat left center;
}


.newslist{width:100%;}
.newslist .li{ padding-bottom:40px; margin-bottom:40px; border-bottom:1px solid #b0b0b0;}
.newslist .li .pic{width:240px; height:150px; float:left;}
.newslist .li .pic img{width:240px; height:150px;}
.newslist .li .info{margin-left:260px; min-height:150px;}
.newslist .li .info h2 a{color:#333; font:22px/30px "Microsoft YaHei"; margin-bottom:4px;}
.newslist .li .info span{color:#ccc; font:14px/24px "Arial"; display:block;}
.newslist .li .info p{color:#666; font:14px/24px "Microsoft YaHei";}

.typical_case{width:100%; margin-bottom:20px;}
.typical_case .tit{color:#333; font:22px/36px "Microsoft YaHei"; padding:6px 0 14px; text-align:center;}
.typical_caselist{width:100%; height:420px; overflow:hidden;}

#imageGallery{width: 100%;display: block; height:420px; margin-bottom:15px;}
#imageGallery li {width: 700px; height:420px; display: block; float: left; position:relative;}
#imageGallery li img {height: 100%; width: 100%;display: block;}
#imageGallery li p{height:40px; background:url(../tou5.png) repeat; overflow:hidden; position:absolute; left:0; bottom:0; right:0; color:#fff; font:16px/40px "Microsoft YaHei"; padding:0 10px;}
.typical_caselist .csPagerbox{width: 120px;height:372px; overflow:hidden; position:relative; float:right; margin-top:25px;}
.typical_caselist .csPager{height:372px; position:absolute; top:0;}
.typical_caselist .csPager li img{width:120px; height:70px;}
.typical_caselist .csPager li.active img{width:116px;  height:66px; border:2px solid #f18b00;}


.caselist{width:855px; padding:20px 0; margin:0 -8px 0 -7px; }
.caselist .tit{padding:0px 0 35px; text-align:center;}
.caselist .tit span{color:#333; font:22px/30px "Microsoft YaHei"; padding-bottom:6px; border-bottom:1px solid #f18c00; display:inline-block;}
.caselist .li{ width:270px; float:left; margin:0 8px 16px 7px; position:relative; display:table-cell;}
.caselist .li .pic{width:270px; height:180px;}
.caselist .li .pic img{width:100%;height:100%;}
.caselist .li .info{width:100%; height:34px; background:url(../tou4.png) repeat; overflow:hidden; position:absolute; left:0; bottom:0;}
.caselist .li .info h2{color:#fff; font:14px/34px "Microsoft YaHei"; padding:0 10px;}


.partnerlist{width:100%;}
.partnerlist .li{ padding-bottom:70px; margin-bottom:70px; border-bottom:1px solid #b0b0b0;}
.partnerlist .li:last-child{border-bottom:none;}
.partnerlist .li .logo{width:300px; height:120px; float:left;}
.partnerlist .li .info{margin-left:360px;}
.partnerlist .li .info h2{color:#333; font:22px/30px "Microsoft YaHei"; margin-bottom:4px;}
.partnerlist .li .info h2 a{color:#333; font:22px/30px "Microsoft YaHei";}
.partnerlist .li .info p{color:#666; font:14px/24px "Microsoft YaHei";}


.jobinfo{
	width:840px; overflow:hidden; font:14px/28px  "Microsoft YaHei"; color:#333; white-space:pre-wrap;
	word-break:break-all;
	word-wrap:break-word;
}
.jobinfo p{
	width:840px; overflow:hidden; font:14px/28px  "Microsoft YaHei"; color:#333; white-space:pre-wrap;
	word-break:break-all;
	word-wrap:break-word;
}
.joblist{padding:20px 0px 100px;}
.joblist ul{display:block;}
.joblist ul li{margin-bottom:40px;}
.joblist ul li .tit{font:12px/30px "Microsoft YaHei"; color:#fff; cursor:pointer;background:#999; padding:5px 15px;}
.joblist ul li .tit span{font:14px/30px "Microsoft YaHei"; color:#fff;}
.joblist ul li .tit a{font:12px/30px "Microsoft YaHei"; color:#fff;}
.joblist ul li.open .tit{background:#f18c00;}
.joblist ul li.open .tit a{ display:none;}
.joblist ul li .info{padding-left:60px; display:none; padding-top:20px;}
.joblist ul li .info h2{font:bold 14px/32px "Microsoft YaHei"; color:#333; border-bottom:1px solid #dfa069; padding-left:15px;}
.joblist ul li .info p{font:12px/28px "Microsoft YaHei"; color:#333; padding-left:15px; white-space: pre-wrap;}
.joblist ul li .closeUp{width:40px; height:40px; margin:20px auto;cursor:pointer; background:url(../closeUp.png) no-repeat; display:none; }
.joblist ul li.open .info{ display:block;}
.joblist ul li.open .closeUp{ display:block;}
.joblist ul li .info .apply_btn{padding-left:15px; padding-top:20px; cursor:pointer;}

.mRight .casetit{
	 height:48px; padding-top:50px; margin-left:90px; margin-bottom:30px; border-bottom:1px solid #c87226;
}
.mRight .casetit h1{
	font:bold 24px/45px  "Microsoft YaHei"; color:#333; border-bottom:3px solid #c87226; float:left;
}
.mRight .casetit a{
	font:14px/42px  "Microsoft YaHei"; color:#333; float:right; margin-top:8px;
}
.mRight .more{
	height:45px; width:200px; margin:0 auto; text-align:center;
}
.mRight .more a{
	font:20px/40px  "Microsoft YaHei"; color:#333; border:2px solid #666; display:block;
}

.main .contact{
	width:100%; padding-top:30px;
}
.main .contact .info{
	width:450px; float:left;
}
.main .contact .info h2{
	font:bold 26px/30px  "Microsoft YaHei"; color:#333; margin-bottom:15px; 
}
.main .contact .info p{
	font:18px/36px  "Microsoft YaHei"; color:#333;
}
.main .contact .map{
	width:600px; float:right;
}
/***pages***/
.pages{
	height:40px; padding:40px 0 40px; text-align:center;
}
.pages a{
	font:16px/28px  "Arial"; color:#666; padding:5px 12px; border:1px solid #d6d6d6; margin:0 10px;
}
.pages a.active{
	color:#fff; background:#666;
}
.pages a.prev{
	background:url(../prev.png) no-repeat center center;
}
.pages a.next{
	background:url(../next.png) no-repeat center center;
}
.pages span{
	font:16px/40px  "Microsoft YaHei"; color:#666; margin:0 10px;
}
.pages select{
	font:16px/22px  "Arial"; color:#666; padding:5px; border:1px solid #d6d6d6; margin:0 5px; vertical-align:top;
}
.pagenav{
	height:44px; width:100%; clear:both; text-align:center;
}
.pagenav a{
	font:16px/44px  "Microsoft YaHei"; color:#333333; background:#cccccc; border-radius:5px; display:block; width:270px; height:44px; text-align:center; margin:0 auto;
}

#aside {
	position: fixed;
	bottom: 200px;
	right: 20px;
	z-index: 111;
	width: 48px;
}

#aside.no_gotop {
	display:none;
}

#aside #goBack {
	height: 48px; margin-bottom:2px;
}

#aside #goBack .aside_icon {
	width: 48px;
	height: 48px;
	background: url(../Return1_1.png)no-repeat;
	vertical-align: middle;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

#aside #goBack:hover .aside_icon {
	background: url(../Return1_2.png)no-repeat;
}
#aside #goTop {
	height: 48px;
}

#aside #goTop .aside_icon {
	width: 48px;
	height: 48px;
	background: url(../Return2_1.png)no-repeat;
	vertical-align: middle;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

#aside #goTop:hover .aside_icon {
	background: url(../Return2_2.png)no-repeat;
}

/*弹出窗口全局样式*/
.popWarp{width:100%;background:#111;-moz-opacity: 0.7;opacity:0.7;filter: alpha(opacity=70);position:absolute;z-index:1200; overflow:hidden;}
.popWin{display:none; width:640px; height:480px; background:#fff; -moz-opacity: 1;opacity:1;filter: alpha(opacity=100);  position:fixed; left:50%; top:50%; margin-top:-240px; margin-left:-320px; bottom:0; z-index:1280; }
.popWin .popbox{width:640px; height:480px; overflow:hidden;}
.popWin .popbox .msgTit{width: 640px; border-bottom:1px solid #ccc;font:28px/30px  "Microsoft YaHei"; color:#333; padding:28px; text-align:center;}
.popWin .popbox .msgBox{width: 100%; padding-top:20px;}
.popWin .popbox .msgBox ul{width: 330px; margin:0 auto;}
.popWin .popbox .msgBox li{width: 100%; height:44px; padding:2px 0;font:14px/42px  "Microsoft YaHei"; color:#333;}
.popWin .popbox .msgBox li label{width:87px;font:14px/42px  "Microsoft YaHei"; color:#333; display:block; float:left;}
.popWin .popbox .msgBox li input.f-input{width:240px; height:34px; background:#fff; border:1px solid #dbdbdb; font:14px/34px "Microsoft YaHei"; color: #333;}
.popWin .popbox .msgFoot{width: 328px; margin:20px auto 0;}
.popWin .msgSendBtn{width:150px; height:42px; display:block; float:left; background:#f18b00; border:none; cursor:pointer;font:16px/42px  "Microsoft YaHei"; color:#fff;}
.popWin .closeWin{width:150px; height:42px; display:block; float:right; background:#cccccc; border:none; cursor:pointer;font:16px/42px  "Microsoft YaHei"; color:#fff;}
#uploadImg{ font-size:12px; overflow:hidden; position:absolute;}
#uploadImg input[type='file']{width:240px;  z-index:100; position:absolute; font-size:30px;opacity:0;filter:alpha(opacity=0); margin-top:-5px;}
#uploadImg a{width:242px; height:36px; display:inline-block; text-align:center; background: #efefef; font:14px/36px  "Microsoft YaHei"; color:#333;}
#uploader{ width:242px; height:36px; float:left;}