@CHARSET "UTF-8";
@font-face{
	font-family:"futura";
	src: url('../font/FuturaNext-DemiBold.eot');
	src: url('../font/FuturaNext-DemiBold.eot?#iefix') format('embedded-opentype'),
	     url('../font/FuturaNext-DemiBold.woff') format('woff'),
		 url('../font/FuturaNext-DemiBold.ttf') format('truetype'),
		 url('../font/FuturaNext-DemiBold.svg#NeuesBauenDemo') format('svg');
	
}
@font-face{
	font-family:"roboto";
	src: url('../font/Roboto-Regular.eot');
	src: url('../font/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
	     url('../font/Roboto-Regular.woff') format('woff'),
		 url('../font/Roboto-Regular.ttf') format('truetype'),
		 url('../font/Roboto-Regular.svg#NeuesBauenDemo') format('svg');
	
}
@font-face{
	font-family:"webfont";
	src: url('../font/webfont.eot');
	src: url('../font/webfont.eot?#iefix') format('embedded-opentype'),
	     url('../font/webfont.woff') format('woff'),
		 url('../font/webfont.ttf') format('truetype'),
		 url('../font/webfont.svg#NeuesBauenDemo') format('svg');
	
}
.fl{float:left;}
.fr{float:right;}
.clearfix{*zoom: 1}
.clearfix:before, .clearfix:after { display: table; content: "";line-height: 0}
.clearfix:after {clear: both}

/*banner*/
.swiper-container {width:100%;}  
.bannerpic{height:100%;background:center no-repeat;background-size:cover;}
.ejie-header{width:100%;position:fixed;left:0;top:0;height:68px;border-bottom:1px solid rgba(255,255,255,0.06);z-index:1000;}
.ejie-header a.brand{display:block;line-height:68px;}
.nav{position:absolute;left:240px;top:0;display:block;}
.nav ul li{float:left;}
.nav ul li.active{background:#ff5555;}
.nav ul li a{display:block;color:#fff;font-size:14px;padding:24px 16px;font-family:'Microsoft Yahei';}
.nav ul li a:hover{background-color:#ff5555;}

.lighten{background:rgba(10,10,10,0.9);border:none;}
.lighten nav ul li.active{background:#fff;}
.lighten nav ul li.active a{color:#ff5555;}
.lighten nav ul li.active a:hover{color:#fff;}


.shortcut{position:absolute;right:0;top:16px;}
.shortcut p{display:inline-block;font:14px/24px 'futura';color:#fff;margin-top:-10px;}

.mask{position:absolute;left:0;right:0;top:0;bottom:0;color:#fff;background:rgba(0,0,0,0.4);text-align:center;box-sizing: border-box;}
.mask .text{padding-top:20%;}
.mask .text h1{font-size:38px;margin-bottom:10px;}
.mask .text h3{display:inline-block;font:lighter 80px/80px 'Microsoft Yahei';color:#0095e2;border-bottom:1px solid #0095e2;margin-bottom:10px;}
.mask .text p{font-size:18px;padding:10px 0;}

.swiper-container-horizontal > .swiper-pagination-bullets{bottom:40px;}
.swiper-pagination-bullet{background:#3a333f;position:relative;width:50px;height:2px;border-radius:0;opacity:1;}
.swiper-pagination-bullet-active::before{content:"";width:0;height:2px;background:#918c94;position:absolute;left:0;top:0;animation:changewidth 10s;}
@keyframes changewidth{
	from{width:0px;}
	to{width:50px;}
}
.sectionItem{min-height:620px;}
/*what we do*/
.section1{width: 100%;background: #fff;overflow: hidden;}
.index-tit{padding:100px 0 60px 0;text-align:center;}
.index-tit h2{font-size:48px;font-family:"webfont";color:#333;}
.index-tit span{display: block;width:215px;height:9px;background:url('../images/line.png') no-repeat;margin:20px auto;}
.index-tit p{font-size:16px;color:#949494;margin:0;}

.services{margin-bottom:60px;}
.services ul li{width:33.3%;height:300px;float:left;}
.services ul li div.icon{width:120px;height:120px;border-radius:120px;margin:0 auto;line-height:120px;text-align:center;}
.services ul li div.icon img{width:60px;}
.services ul li h3{font-size:22px;margin:20px 0 12px;color:#333;text-align:center;font-family:'Microsoft Yahei';}
.services ul li div.box{padding:0 8px;text-align:center;}
.services ul li p{font:14px/30px 'Microsoft Yahei';color:#666;text-align:center;}
.services ul li p span{margin:0 5px;}
.icon1{background:#ff5555;}
.icon2{background:#9BC557;}
.icon3{background:#53BFF3;}
.icon4{background:#ff7700;}
.icon5{background:#a37ae7;}
.icon6{background:#f5bf39;}

/*cases*/
.section2{background:#f6503a;}
.index-tit2{padding-top:90px;text-align:center;}
.index-tit2 h2{font-size:48px;line-height:48px;font-family:"webfont";color:#fff;margin-bottom:20px;}
.index-tit2 p{font-size:20px;color:#fff;margin-bottom:50px;font-family:Microsoft Yahei;}

.index-case ul li{padding:10px;}
.index-case ul li a{display:block;}
.index-case ul li img{max-width:100%;}
.case-box{position:relative;overflow:hidden;}
.case-text{width:100%;height:70px;background:#3aa65b;position:absolute;bottom:-70px;color:#fff;transition:bottom 0.5s;}
.case-text h6{font-size:14px;padding:0 15px;margin:15px 0 12px;line-height:1em;}
.case-text p{font-size:12px;padding:0 15px;line-height:1em;}
.case-text a{color:#fff;}
.index-case{padding-bottom:80px;}
.index-case ul li:hover .case-text{bottom:0;}
.see_more{width:168px;height:38px;border:1px solid #000;border-radius:3px;line-height:38px;text-align:center;display:block;margin:0 auto;margin-top:25px;color:#000;font-size:14px;}
.see_more:hover{background:#000;color:#fff;}
/*优势*/
.step{padding-bottom:50px;}
.advantage ul li{margin-bottom:20px;}
.compleft{float:left;width:60px;height:60px;border-radius:60px;background:#ee3131;text-align:center;line-height:60px;}
.comprig{float:left;text-align:left;width:210px;height:120px;margin-left:20px;}
.comprig h5{margin-bottom:10px;font:lighter 24px/24px 'Microsoft Yahei';color:#333}
.comprig p{font:12px/24px 'Microsoft Yahei';color:#666}
/*终端显示*/
.section3{width:100%;height:620px;background:url('../images/end.jpg') fixed no-repeat;background-size:cover;}
.tabtop{width:1170px;margin:0 auto;font:14px/24px 'Microsoft Yahei';color:#fff;text-align:center}
.tabbot{text-align:center;margin-top:60px;}
/*news*/
.news{margin-top:80px;}
.info-list ul li{padding:0 15px 20px;margin-bottom:20px;width:33.3%;float:left;position:relative;box-sizing:border-box;}
.info-list ul li>a{display:block;height:210px;overflow:hidden;}
.info-list ul li img{min-height:210px;max-width:100%;vertical-align:middle;}
.info-list ul li span{display:block;padding-top:20px;max-width:100%;}
.info-list b{float:left;border-right:1px solid #eee;height:75px;padding-right:15px;color:#ccc;font:14px/20px 'Arial';margin:10px 15px 30px 0;}
.info-list em{font-size:19px;display:block;font-style:normal;color:#5a5a5a;}
.info-list strong{display:block;font-size:16px;font-weight:500;color:#5a5a5a;white-space:ellipsis;}
.info-list p{height:55px;margin:5px 0;color:#b0b0b0;font:14px/28px 'Microsoft JhengHei','Microsoft Yahei';}
.info-list font{display:block;padding-top:10px;color:#888;}

/*contact*/
.titactive h2{color:#fff}
.titactive span{background:url('../images/line2.png') no-repeat;}
.titactive p{color:#999}
.contact{background:#efefef;color:#333;}
.contact-text h4{color:#333;padding-bottom:20px;font-size:20px;margin-left:5px;}
.contact-text p{margin-bottom:10px;font-size:16px;color:#7e7d7d;}
.contact-text i{display:inline-block;width:24px;text-align:center;}
.social-box{padding-top:30px;}
.social-box a{display:inline-block;width:35px;height:35px;border-radius:35px;background:#2e2f2f;color:#fff;text-align:center;font-size:16px;line-height:35px;margin-right:10px;cursor:pointer;position:relative;}
.social-box a:hover{background:#444;}

.met-weixin-box{position:absolute;bottom:70px;left:50%;margin-left:-80px;display:none;}
.met-weixin-img img{width:160px;}
.met-weixin-box i{left:50%;margin-left:-8px;font-size:28px;position:absolute;bottom:-12px;}

.form-light{padding:0 20px;}
.form-light .input{width:100%;position:relative;border-bottom:1px solid #7e7d7d;color:#7e7d7d;}
.form-light .input-text{width:100%;height:50px;line-height:50px;background:none;border:0;color:#7e7d7d;padding-left:20px;box-sizing:border-box;}
.form-light .textarea-text{width:100%;line-height:30px;background:none;border:0;color:#7e7d7d;padding-left:20px;box-sizing:border-box;}
.form-light input[type="submit"]{width:100%;height:35px;margin-top:15px;background:#7bc91e;border:none;color:#fff;}
.form-light input[type="submit"]:hover{background:#8ee426;}
/*footer*/
.footer{background:#171717;color:#888;padding:20px 0 15px;}
.footer a{color:#888;}
.footer hr{background:#888;}
.help a{font:14px/40px 'Microsoft Yahei';}
.help span{margin:16px 20px 14px;}
.copyrights{font:12px/36px 'Arial','Microsoft Yahei';}

.kefu{width:72px;position:fixed;right:0;bottom:10px;}
.qqkefu{margin-bottom:2px;}
.qqkefu a{display:block;width:72px;height:72px;background:url('../images/r_qq.png') 0 0 no-repeat;background-color:#6da9de;}
.qqkefu a:hover{background-color:#488bc7;}
.wxkefu{width:72px;height:72px;background:url('../images/r_wx.png') 0 0 no-repeat;background-color:#78c340;position:relative;margin-bottom:2px;cursor:pointer}
.wxkefu img{position:absolute;right:72px;top:0;width:160px;display:none;}
.phkefu{width:72px;height:72px;background:url('../images/r_phone.png') 0 0 no-repeat;background-color:#fbb01f;position:relative;margin-bottom:2px;cursor:pointer}
.phkefu p{background:#ff811b;width:160px;height:72px;text-align:center;color:#fff;font:18px/36px 'Arial';position:absolute;right:72px;top:0;display:none;}
#backtotop{width:72px;height:72px;text-align:center;background:#666;color:#fff;font-size:48px;cursor:pointer}
/*page*/
.mypage{text-align:center;margin-top:20px;}
.mypage li{display:inline-block;font:12px/38px arial,Microsoft Yahei;height:38px;padding:0 15px;border:1px solid #e5e5e5;border-radius:3px;margin:0 5px;}
.mypage li a{color:#888;}
.mypage li.current{background:#ff5555;color:#fff;border:1px solid #ff5555;}

.wap-menu{display:none;}
.leftcontrol{display:none;}
.tools{display:none;}
/**wap***/
@media only screen and (max-width: 640px){
	body{padding-bottom:55px;}
	.sectionItem{min-height:330px;}
	.layui-container{padding:0 5px;}
	.wap-menu{display:block;position:absolute;left:5px;top:10px;cursor:pointer;}
	
	.hide{display:none;}
	.info-list font.hide{display:none;}
	.shortcut p.hide{display:none;}
	
	.ejie-header{height:49px;}
	.ejie-header a.brand{text-align:center;line-height:50px;}
	.ejie-header a.brand img{height:40px;}
	.shortcut{top:10px;right:5px;}
	/*menu*/
	.leftcontrol{width:270px;height:100%;background:#222;position:fixed;top:0;left:0;color:#666;z-index:1000;animation:first .5s;}
	.leftcontrol a{color:#666;}
	.leftcontrol .phone{font:14px/49px 'Microsoft Yahei';border-bottom:1px solid #333;padding-left:25px;}
	.leftcontrol ul li{font:14px/49px 'Microsoft Yahei';border-bottom:1px solid #333;}
	.leftcontrol ul li a{display:block;padding:0 25px;}
	.leftcontrol ul li.active{background:#ff5555;}
	.leftcontrol ul li.active a{color:#fff;}
	.close-btn{width:50px;height:50px;line-height:50px;text-align:center;background:#000;position:absolute;top:0;right:-50px;cursor:pointer;}
	@keyframes first{
		0%{width:0;}
		100%{width:270px;}
	}
	@-webkit-keyframes first{
		0%{width:0;}
		100%{width:270px;}
	}
	/*banner*/
	.bannerpic{height: 400px;}
	.mask .text h1{font-size:24px;margin-bottom:5px;}
	.mask .text h3{font:lighter 48px/48px 'Microsoft Yahei';margin-bottom:5px;}
	.mask .text p{font-size:14px;}
	.swiper-button-prev, .swiper-button-next{display:none;}
	.mask .text{padding-top:50%;}
	/*public*/
	.index-tit{padding:40px 0 30px 0;}
	.index-tit h2{font-size:30px;}
	.index-tit p{display:none;}
	.index-tit2{padding-top:40px;}
	.index-tit2 h2{font-size:30px;line-height:30px;margin-bottom:10px;}
	
	.services{margin-bottom:0;}
	.services ul li{width:50%;height:250px;}
	.services ul li h3{font-size:16px;margin:10px 0 6px;}
	.services ul li p{font:12px/20px 'Microsoft Yahei';}
	.services ul li p span{margin:0 3px;}
	.services ul li div.icon{width:80px;height:80px;border-radius:80px;line-height:80px;}
	.services ul li div.icon img{width:40px;}
	
	.index-case{padding-bottom:40px;}
	.comprig h5{font-size:18px;}
	
	.step{padding-bottom:0;}
	.news{margin-top:0;}
	
	
	.info-list ul li{width:100%;padding:0 5px;margin-bottom:0;}
	.info-list ul li span{padding-top:10px;}
	.info-list b{padding-right:10px;margin:0 10px 20px 0;}
	.info-list em{font-size:15px;}
	.info-list strong{font-size:14px;}
	.info-list p{font:12px/18px 'Microsoft JhengHei','Microsoft Yahei';}
	
	.contact-text p{font-size:14px;}
	
	.footer{padding:0;}
	.footer hr{margin:0;}
	.help span{margin:6px 8px;}
	
	.kefu{width:36px;position:fixed;right:0;bottom:10px;}
	.qqkefu a{width:36px;height:36px;background-size:36px;}
	.wxkefu{width:36px;height:36px;background-size:36px;}
	.wxkefu img{right:36px;width:120px;}
	.phkefu{width:36px;height:36px;background-size:36px;}
	.phkefu p{width:120px;height:36px;font:16px/36px 'Arial';right:36px;}
	#backtotop{width:36px;height:36px;font-size:28px;}
	.tools{display:block;width:100%;position:fixed;bottom:0;}
	.tools ul li{width:33.3%;float:left;text-align:center;background:#ff5555;padding:8px 0 4px;}
	.tools ul li a{color:#fff;}
	.tools ul li img{width:24px;}
	.tools ul li span{display:block;font:12px/20px 'Microsoft Yahei';}

}