@charset 'utf-8';



*
{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	text-decoration: none;
	border: none;
}
html
{
	font-size: 12px;
	font-family: "\5FAE\8F6F\96C5\9ED1";
	min-width:1000px;

	overflow:-moz-scrollbars-vertical; 
    overflow-y: scroll;
}
.clearfix:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
*html .clearfix
{
	height:1%;
}
*:first-child+html .clearfix { zoom: 1; }
/*{
	height: 1%;
	zoom:1;
}*/
.clearfix
{
	display:inline-block;
}
/*Hide from IE Mac*/
.clearfix
{
	display: block;
}
/*End hide from IE Mac*/

/*float 万能闭合钥匙结束*/
.fl,.details-list li,.solution ul li,.cooperation-list li,.footer-nav-list li,.attention ul li,.new-list li,.sub-nav-list li,.news-img,.year-img,.contact-left,.case-main li,.customers-main li,.items li,.view-img,.tab-index li,.app-list li
{
	float: left;
}
.fr,.news-txt,.thing,.contact-right,.view-txt
{
	float: right;
}
.clear
{
	clear: both;
}
.pr
{
	position: relative;
}
.pa
{
	position:absolute;
}
.bc
{
	margin: 0px auto;
}
.tc
{
	text-align: center;
}
.w1000
{
	width: 1000px;
}
/*背景路径设置*/
.type-list li a,.attention ul li a,.banner .hd ul li
{
	/*background: url(../images/sp1.png);*/
	background-repeat: no-repeat;
}
.bg,h1,.more,.up-triangle,.down-triangle,.case-more,.sub-nav-list li a ,.contact-right ul li,.qq-bg,.items,.items>li>a,.items>li>a.on,.btn-list li ul li,.btn-list li .btn,.succeed-app-view
{
	background: url(../images/sp0.png);
	background-repeat: no-repeat;
}
.top,.banner,footer
{   
	background: #35383f;
}
/*顶部*/
.top
{
	height: 22px;
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	z-index: 9999;
}
.tel
{	background:url(../images/tel.png);
	background-repeat: no-repeat;
	height: 75px;
	margin-right: 7px;
	width:170px;
	margin-top:20px;
	
}
.type-list li a,.attention ul li a
{
	display: block;
	width: 90px;
	height: 26px;

}
.type-list li,.attention ul li
{
	margin: 3px 5px 0px 0px;
}
.type-list li .weibo,.attention ul li .weibo
{
	background-position: 0px -100px;
}
.wrapper a.weibo:hover{background-position: 0px -150px;}
.type-list li .weixin,.attention ul li .weixin
{
	background-position: -50px -100px;
}
.wrapper a.weixin:hover{background-position: -50px -150px;}
.type-list li .app,.attention ul li .app
{
	background-position: -100px -100px;
}
.wrapper a.app:hover{background-position: -100px -150px;}
/*.wrapper .header
{
	padding-top: 20px;
	height: 90px;
	background: white;
}*/
/*头部*/
.wrapper
{
	padding-top: 75px;
}
.wrapper>header
{
	padding: 0px 0px 0px 0px;
	height: 75px;
	background-color: #fff;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 9999;
	width: 100%;
	-webkit-transform:translateZ(0);
}
.logo a
{
	display: block;
	width: 190px;
	height: 70px;
	padding-top: 5px;
	background-position: left top;
}
.main-nav
{
	margin-left: 50px;
}
.nav-list li
{
	float: left;
}
.nav-list li a
{
	display: block;
	color: #6e6e6e;
	padding: 0px 12px;
	line-height: 75px;
	font-size: 15px;
	font-weight: 700;

}
.nav-list li a:hover,.nav-list li .active
{
	display: block;
	padding: 0px 12px;
	line-height: 75px;
	background: #e2e1e1;
}
/*banner部分*/
.banner{margin-bottom: 50px;width:100%;overflow: hidden}
.banner li,.banner .bd{height: 500px;overflow: hidden}
.banner .hd{position: absolute;z-index: 999;bottom: 20px;}
.banner .hd ul li
{
	float: left;
	width: 10px;
	height: 10px;
	background-position: -150px -150px;
	margin-right: 10px;
	cursor: pointer;
}
.banner .hd ul .on
{
	background-position: -150px -100px;
}
/*推荐案例*/
.content{padding-bottom: 30px;}
.case article{width: 810px;}
h1{height: 40px;margin: 10px 0px;}
.case-h1
{
	background-position: -200px -200px;
}
.case-list>li
{
	float: left;
	width: 186px;
	height: 216px;
	overflow: hidden;
	margin:0px 20px 60px 0px;
}
.case-list li img
{
	margin-bottom: 15px;
	width:100%;
}
.case-list .app-name,.app-type,.case-main .app-name,.customers-main .name
{
	text-align: center;
	margin-bottom: 10px;
}
.case-list .app-name a,.case-main .app-name a,.customers-main .name a
{
	font-size: 15px;
	color: #414141;
}
.app-type a
{
	color:#999999;
}
.case-main .app-name
{
	padding-top:10px;
}
.case-main .app-name a:hover,.case-list .app-name a:hover,.news-txt h2 a:hover
{
	color: #f99a3e;
}

/*案例分类*/
aside{width: 175px;}
.class-h1
{
	background-position: -200px -300px;
}
.class-list li a,.class-list li .active,.class-list li a:hover
{
	display: block;
	padding-left: 18px;
	width: 150px;
	line-height: 37px;
	margin-bottom: 10px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	border-radius: 3px;
	
}
.class-list li a
{
	border: 1px solid #ccc;
	color: #3e6372;
}
.class-list li .active,.class-list li a:hover
{
	background: #f99a3e;
	border: 1px solid #f99a3e;
	color: white;
}
/*解决方案*/
.solution
{
	background: url(../images/solution.jpg) repeat-x left bottom;
	width: 100%;
	height: 330px;
	position: relative;
	margin-bottom: 70px;
}
.up-triangle,.down-triangle
{
	width: 126px;
	position: absolute;
	left: 50%;
	margin-left: -63px;
}
.up-triangle
{
	background-position: 0px -100px;
	top: 54px;
	height: 30px;
}
.down-triangle
{
	background-position: -150px -100px;
	bottom: -30px;
	height: 47px;
}
.solution-h1,.mediatiedot-h1
{
	width: 70px;
	margin-left: 465px;
	margin-bottom: 10px;
}
.solution-h1{background-position: -200px -250px;}
.mediatiedot-h1{background-position: -200px -150px;}
.solution ul li
{
	width: 122px;
	height: 119px;
	margin-top: 100px;
	margin-right: 50px;
}
.solution ul li .img
{
	display: block;
	width: 78px;
	height: 78px;
	margin: 0px auto;
	-webkit-border-radius:78px;
	-moz-border-radius:78px;
	-ms-border-radius:78px;
	-o-border-radius:78px;
	border-radius: 78px;
	margin-bottom: 20px;
}
.solution ul li .tit
{
	display: block;
	color: #616161;
	font-size: 18px;
	text-align: center;
	font-weight: 700;
}
.white{background: white;}
.orange{background: orange;}
.wrapper .content .none-margin{margin-right: 0px;}
/*资讯*/
.mediatiedot article{position: relative;}
.new-list li{width: 320px;overflow: hidden;margin-right: 20px;}
.new-list li h2 a:hover{color:#f99a3e;}
.media-img{width: 320px;height:214px;overflow: hidden;margin: 10px 0px;}
.new-list h2{font-weight: normal;font-size: 14px;}
.new-list h2 b{color: #f99a3e;}
.new-list h2 a,.media-txt p{color: #4a565f;}
.time{color: #999999;padding: 5px 0px;display: block;}
.media-txt p{line-height: 180%;margin-bottom: 10px;height: 42px;}
.more,.case-more,.succeed-app-view
{
	display: block;
	background-color: #f99a3e;
	line-height: 30px;
	color: white;
	padding-right:10px;
	padding-left: 25px;
	background-position: -240px 10px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	border-radius: 3px;
	
}
.more
{
	width: 110px;
}
.case-more
{
	width: 54px;
	margin-top: -50px;
	margin-right: 10px;
}

/*页尾*/
.cooperation h3,.cooperation-list li a,.footer-nav-list li a,.footer-nav-list li,.copyright,.attention li
{
	color: white;
}
.cooperation{width: 540px;}
.cooperation h3
{
	font-size: 15px;
	margin-bottom: 15px;
	font-weight: normal;
}
.cooperation-list li
{
	width: 90px;
}
.cooperation-list li a
{
	line-height: 20px;
}
.footer-nav-list li a,.footer-nav-list li
{
	font-size: 15px;
}
.attention{margin-top: 15px;}
.attention li{font-size: 15px;line-height: 26px;}
.copyright p{text-align: center;padding: 20px 0px 30px 0px;border-top:1px solid #545863;margin-top: 20px;}
footer{padding-top: 30px;}
footer a:hover,.contact-left ul li a:hover{text-decoration: underline;}
/*join.html----css*/
.section-up
{
	padding: 20px 0px;
}
.line
{
	height: 13px;
	width: 100%;
	background:url(../images/child-nav.png) repeat-x left top;
	position: relative;
	margin-bottom: -13px;
	z-index: 9999;
	position: fixed;
	top: 75px;
	left: 0px;
	-webkit-transform:translateZ(0);
}
.child-banner
{
	width: 767px;
	overflow: hidden;
}
.sub-nav
{
	width: 220px;
	right: 0px;
	top: 0px;
}
.sub-nav h4
{
	width: 220px;
	height: 90px;
}
.join-h4
{
	background-position: 0px -1000px;
}
.sub-nav-list li a 
{
	display: block;
	width: 60px;
	height: 20px;
	background-position: -100px -500px;
	margin-top: 15px;
	margin-right: 12px;
	padding: 45px 0px 0px 5px;
	color: white;
	font-size: 14px;
}
.sub-nav-list li .email,.sub-nav-list li .email:hover
{
	width: 215px;
	height: 40px;
	background-position: 0px -400px;
	padding: 25px 0px 0px 5px;
}

.sub-nav-list li a:hover,.sub-nav-list li .active
{
	display: block;
	width: 60px;
	height: 20px;
	padding: 45px 0px 0px 5px;
	background-position: 0px -500px;
}
.job-list>li
{
	width: 435px;
	height: 635px;
	overflow: hidden;
	color: #747474;
	font-size: 14px;
	line-height: 180%;
	margin-bottom: 50px;
}
.job-list h5,.advantage-list h5
{
	font-size: 14px;
	color: #fa902b;
	line-height: 180%;
}

/*news.html---css*/
.news-h4
{
	background-position: 0px -800px;
}
.sub-nav-list li .null-bg,.sub-nav-list li .null-bg:hover
{
	background-position: -200px -500px;
}
.newslist li
{
	width: 767px;
	/*padding: 30px 0px;*/
	padding-bottom: 30px;
	margin-top: 30px;
	border-bottom:1px solid #ababab;
}
.newslist li a
{
	color: #444444;
}
.news-img,.news-img img
{
	width: 220px;
	height: 147px;
	overflow: hidden;
}
.news-txt
{
	width: 500px;
	margin-right: 20px;
}
.news-txt h2
{
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 15px;
}
.news-txt p
{
	margin-top: 15px;
	line-height: 180%;
}
.addmore-link,.addmore-link:hover{width: 765px;display: block;text-align: center;line-height: 30px;border: 1px solid #ccc;}
.addmore-link{color: #444444;}
.addmore-link:hover{color:#fff;background:#f99a3e;}
/*about.html css*/
.about-h4{background-position: left -900px;}
.advantage-list>li,.course-list>li
{
	width: 767px;
	color: #747474;
	font-size: 13px;
	line-height: 180%;
	margin-bottom: 30px;
}
.course-list>li
{
	
}
.year-img
{
	width: 66px;
	height: 66px;
	background:url(../images/year.gif);
	background-repeat: no-repeat;
	margin-left: 60px;
}
.thing
{
	width: 590px;
}
.mouth{color: #f69836;display: inline-block;width: 30px;margin-right: 40px;text-align: right;}
.y2007{background-position: left top;}
.y2009{background-position: left -100px;}
.y2010{background-position: left -200px;}
.y2011{background-position: left -300px;}
.y2012{background-position: left -400px;}
.y2013{background-position: left -500px;}
.y2014{background-position: left -600px;}
.app-list
{
	margin-top: 30px;
}
.app-list li
{
	width: 147px;
	height: 180px;
	margin-bottom: 40px;
	margin-right: 65px;
}
.app-list li .app-name
{
	text-align: center;
	font-size: 14px;
	line-height: 25px;
}
.app-list li .app-name a
{
	color: #444444;
}
/*contact.css*/
.contact-left,.contact-right
{
	padding-top: 30px;
}
.contact-left
{
	width: 400px;
}
.contact-left h2
{
	font-weight: 700;
	font-size: 18px;
	color: #227dc3;
	margin-bottom: 20px;
}
.contact-left ul li,.contact-left ul li a
{
	color: #8f8f8f;
	font-size: 15px;
	line-height: 180%;
}
/*.tel-list
{
	margin-right: 109px;
}*/
.weixin-img
{
	width: 114px;
	height: 114px;
	margin: 20px;
}
.qq-list{margin: 20px 0px;}
.qq-list li
{
	padding: 10px 20px;
}
.qq-bg
{
	display: block;
	background-position: -234px -50px;
	width: 66px;
	height: 19px;
}
.contact-right
{
	width: 505px;
}
.map
{
	width: 500px;
	height: 460px;
	border: 1px solid #ccc;
	overflow: hidden;
}
.contact-right h5
{
	font-size: 17px;
	color: #227dc3;
	margin: 15px 0px;

}
.contact-right ul li
{
	line-height: 150%;
	font-size: 15px;
	background-position: -250px -850px;
	padding-left: 30px;
	color: #8f8f8f;
	margin-bottom: 15px;
}
.contact-right ul .drive
{
	background-position: -250px -900px;
}
/*case.css*/
.case-main li ,.customers-main li
{
	/*width: 234px;*/
	/*margin-right: 21px;*/
	height: 210px;
	/*margin-bottom: 20px;*/
	/*margin-left:10px;
	margin-right:4px;*/
	margin:22px 4px 0 10px;

}
.case-main li img,.customers-main li img
{
	/*width: 234px;
	height: 174px;*/
	overflow: hidden;
}
.items
{
	padding-left: 130px;
	background-position: -200px -345px;
	position: relative;
}
.case-header
{
	padding-top: 30px;
	background-color: #fff;
	width: 1000px;
	padding-bottom: 5px;
	border-bottom:1px solid #ccc;
	margin-bottom: 20px;
}
*+html .header-fixed
{
	position: fixed;
	top: 0px;
	left: 50%;
	margin-left: -502px;
}
.header-fixed
{
	position: fixed;
	top: 75px;
	left: 50%;
	margin-left: -500px;
	-webkit-transform:translateZ(0);
	z-index: 9999;
}
.items>li>a
{
	display: block;
	padding-left: 10px;
	width: 90px;
	border: 1px solid #ccc;
	line-height: 26px;
	color: #444444;
	margin-right: 15px;
	background-position: 85px 1px;
	position: relative;
	z-index: 8; 
}
.items>li>a.on
{
	border-bottom: 1px solid #fff;
	background-position: 85px -49px;
}
.items li ul
{
	position: absolute;
	left: 0px;
	top: 27px;
	background-color: #fff;
	border: 1px solid #ccc;
	width: 998px;
	display: none;
}
.items li ul li
{
	margin-left: 35px;
}
.items li ul li a
{
	display: block;
	line-height: 50px;
	color: #444444;
}
.items li ul li a:hover
{
	color: #f99a3e;
}
/*case-detail.css*/
.case-header h2
{
	font-size: 20px;
	position: relative;
}
.case-header h2 span,.case-header h2 a
{
	font-size: 14px;
	font-weight: normal;
}
.case-header h2 span
{
	/*display: inline-block;*/
	padding-left: 40px;
	color: #aaaaaa;
}
.case-header h2  a
{
	position: absolute;
	color: #f99a3e;
	display:block;
	right: 5px;
	top: 5px;
}
.detail-img
{
	width: 750px;
	/*height: 298px;*/
	overflow: hidden;
	margin-bottom: 30px;
}
.case-detail article
{
	width: 750px;
	float: left;
}
.case-detail article p
{
	line-height: 150%;
	text-indent: 2em;
	margin-bottom: 20px;
	color: #444444;
	font-size: 14px;
}
.case-detail aside
{
	width: 225px;
	float: right;
}
.btn-list>li,.app-erweima
{
	margin-bottom: 25px;
}
.btn-list li .btn
{
	width: 225px;
	height: 60px;
	display: block;
}
.btn-list li ul li
{
	width: 60px;
    height: 11px;
	padding-left: 15px;
	background-position: -250px -400px;
	float: left;
	margin: 0px 20px 10px 10px;
}
.btn-list li ul li a
{
	color: #444444;
}
.btn-list li .apple-app
{
	background-position: 0px -600px;
}
.btn-list li .android-app
{
	background-position: 0px -1100px;
}
.btn-list li .case-preview
{
	background-position: 0px -700px;
}
.btn-list li .case-web
{
	background-position: 0px -1200px;
}
.preview
{
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 8;
	left:-100%;
	top: 0px;
}
.preview-bg
{
	background: #000;
	width: 100%;
	height: 100%;
	position: absolute;
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity:0.9;
	opacity:0.9;
	top:0px;
	left: -100%;
	z-index:5;
}
.preview .bd
{
	width: 227px;
	height: 408px;
	background: url(../images/phone.png) no-repeat left top;
	padding: 110px 73px 121px 77px;
}
.preview .prev,.preview .next
{
	width: 60px;
	height: 152px;
	position: absolute;
	top: 50%;
	margin-top: -76px;
}
.preview .prev
{
	background: url(../images/pin_view_arrows.png) no-repeat left top;
	left: -200px;
}
.preview .prev:hover
{
	background: url(../images/pin_view_arrows.png) no-repeat left -340px;
}
.preview .next
{
	background: url(../images/pin_view_arrows.png) no-repeat -80px top;
	right: -200px;
}
.preview .next:hover
{
	background: url(../images/pin_view_arrows.png) no-repeat -80px -340px;
}
.close
{
	display: block;
	position: absolute;
	right: 50px;
	top: 30px;
	width: 36px;
	height: 36px;
	background: url(../images/btn_close_layer.png) no-repeat left top;
}
.close:hover
{
	background: url(../images/btn_close_layer.png) no-repeat left -50px;
}
/*servce.css*/
.view-img
{
	width: 422px;
	height: 300px;
	margin-left: -422px;
	margin-right: 30px;
}
.view-txt
{
	margin-right: -500px;
	width: 445px;
}
.view-txt h5
{
	font-size: 18px;
	color: #f99a3e; 
	margin-top: 100px;
	margin-bottom: 20px;
}
.view-txt ul li
{
	font-size: 13px;
	line-height: 180%;
	color: #6e6e6e;
}
.tab-view
{
	width: 100%;
	height: 300px;
	overflow: hidden;
	margin-top: 80px;
}
.tab-index li
{
	margin: 30px 80px 0px 80px;
	line-height: 150%;
	font-size: 15px;
}
.tab-index li a
{
	padding: 5px 0px;
	display: block;
	border-bottom:3px solid #fff;
	color: #6e6e6e;
}
.tab-index li a:hover,.tab-index li .active
{
	border-bottom: 3px solid #f99a3e; 
	color: #f99a3e;
}
/*customers.css*/
.partner-h1,.customer-h1
{
	width: 100px;
	margin-left: 450px;
	margin-top: 30px;
}
.partner-h1
{
	background-position: -200px -1300px;
}
.customer-h1
{
	background-position: -200px -1350px;
}
.customers-main li
{
	width: 234px;
	margin-right: 21px;
	height: 174px;
	margin-bottom: 20px;
}
.project-h4
{
	background-position: left -1400px;
}
.succeed-case-list li
{
	width: 776px;
	overflow: hidden;
	color: #444444;
	position:relative;
	margin-bottom: 40px;
}
.succeed-case-list li h5
{
	font-size: 18px;
	color: #fd9839;
	margin: 20px 0px 10px 0px;
}
.succeed-case-list li p
{
	line-height: 150%;
	font-size: 13px;
	margin-bottom: 20px;
}
.succeed-app-view
{
	width: 54px;
	position: absolute;
	top: 10px;
	right: 0px; 
	/*text-align: center;*/
}
.w767
{
	width: 767px;
	overflow: hidden;
}

/*2014-09-18 append css*/
.web-map-list>li
{
	padding: 20px 24px 30px 0px;
}
.web-map-list>li>a
{
	font-size: 15px;
	display: block;
	width: 150px;
	font-weight: 700;
}
.web-map-list li ul,.web-map-list li ul li,.web-map-list>li>a
{
	float: left;
}
.web-map-list li ul li
{
	width: 100px;
	font-size: 13px;
}
.web-map-list li a
{
	color: #444444;
}
.web-map-list li a:hover,.back:hover
{
	color:#f99a3e;
	text-decoration:underline;
}
.web-map-h1
{
	background:url(../images/sp0.png) no-repeat -200px -1490px;
	margin-top: 40px;
}
.back
{
	display: block;
	color: #444444;
	position: absolute;
	right: 0px;
	top:30px;
}
.newsdetail-header
{
	border-bottom:1px solid #ccc;
	position: relative;
}
.newsdetail-header h2
{
	text-align:center;
	line-height:150%;
	padding:20px 0px;
	font-size:20px;
}
.updata-time
{
	color:#444444;
	text-align:center;
	padding-bottom:10px;
}
.totop
{
	background-image: url(../images/icon_top.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-color: black;
	-webkit-background-color: rgba(0,0,0,0.7);
	-moz-background-color: rgba(0,0,0,0.7);
	-ms-background-color: rgba(0,0,0,0.7);
	-o-background-color: rgba(0,0,0,0.7);
	background-color: rgba(0,0,0,0.7);
	*background-color: black!important;
	display: none;
	width: 60px;
	height: 60px;
	-webkit-border-radius:60px;
	-moz-border-radius:60px;
	-ms-border-radius:60px;
	-o-border-radius:60px;
	border-radius: 60px;
	position: fixed;
	right: 10px;
	bottom: 40px;
}
.solution_btn
{
	position: fixed;
	right: 10px;
	bottom: 40px;
}
.top_btn
{
	background-image: url(../images/icon_top.png);
	background-repeat: no-repeat;
	background-color: black;
	-webkit-background-color: rgba(0,0,0,0.7);
	-moz-background-color: rgba(0,0,0,0.7);
	-ms-background-color: rgba(0,0,0,0.7);
	-o-background-color: rgba(0,0,0,0.7);
	background-color: rgba(0,0,0,0.7);
	*background-color: black!important;
	display:none;
	width: 60px;
	height: 60px;
	-webkit-border-radius:60px;
	-moz-border-radius:60px;
	-ms-border-radius:60px;
	-o-border-radius:60px;
	border-radius: 60px;
	margin-bottom: 10px;
	-webkit-transform:translateZ(0);
}
.top_btn
{
	background-position: center -120px;
	cursor:pointer;
	z-index: 100;
}
.totop:hover,.top_btn:hover,.prev_btn:hover,.next_btn:hover
{
	background-color: rgba(0,0,0,0.9);
}
.item li
{
	width: 10px;
	height: 10px;
	border: 1px solid #444;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-ms-border-radius:10px;
	-o-border-radius:10px;
	border-radius: 10px;
	margin-bottom: 10px;
}
.item li.active
{
	border-color: red;
}
.solution-section
{
	overflow: hidden;
}
.solution-section img
{
	width: 100%;
}
/*2015-1-9 change*/
/*百分百行高*/
.lh150pct
{
	line-height: 150%;
}
.lh180pct
{
	line-height: 180%;
}
.lh200pct
{
	line-height: 200%;
}
/*边距跟填充*/
.mt5
{
	margin-top: 5px;
}
.mt10
{
	margin-top: 10px;
}
.mt15
{
	margin-top:15px;
}
.mt20
{
	margin-top: 20px;
}
.mt30
{
	margin-top: 30px;
}
.mt50
{
	margin-top:50px;
}
.mb5
{
	margin-bottom: 5px;
}
.mb10
{
	margin-bottom: 10px;
}
.mb20
{
	margin-bottom:20px;
}
.mb30
{
	margin-bottom:30px;
}.ml5
{
	margin-left: 5px;
}
.ml10
{
	margin-left: 10px;
}
.ml20
{
	margin-left:20px;
}
.ml30
{
	margin-left:30px;
}.mr5
{
	margin-right: 5px;
}
.mr10
{
	margin-right: 10px;
}
.mr20
{
	margin-right:20px;
}
.mr30
{
	margin-right:30px;
}
.pt5
{
	padding-top: 5px;
}
.pt10
{
	padding-top: 10px;
}
.pt20
{
	padding-top: 20px;
}
.pt30
{
	padding-top: 30px;
}
.pt50
{
	padding-top: 50px;
}
.pb5
{
	padding-bottom: 5px;
}
.pb10
{
	padding-bottom: 10px;
}
.pb20
{
	padding-bottom:20px;
}
.pb30
{
	padding-bottom:30px;
}
.pb50
{
	padding-bottom:50px;
}
.pb100
{
	padding-bottom:100px;
}
.pl5
{
	padding-left: 5px;
}
.pl10
{
	padding-left: 10px;
}
.pl20
{
	padding-left:20px;
}
.pl30
{
	padding-left:30px;
}.pr5
{
	padding-right: 5px;
}
.pr10
{
	padding-right: 10px;
}
.pr20
{
	padding-right:20px;
}
.pr30
{
	padding-right:30px;
}
.pr50
{
	padding-right: 50px;
}
.f16
{
	font-size: 16px;
}
.f12
{
	font-size: 12px;
}
.f14
{
	font-size: 14px;
}
.f16
{
	font-size: 16px;
}
.fc_white
{
	color: white;
}
.lh20
{
	line-height: 20px;
}
.lh30
{
	line-height: 30px;
}
.pt50
{
	padding-top: 50px;
}
.mt30
{
	margin-top:30px;
}
.mt50
{
	margin-top: 50px;
}
.slide1
{
	background-image: url(../images/slide1_bg.png);
	background-repeat: no-repeat;
}
.slide_tit
{
	font-weight: 500;
	font-size: 30px;
}
.m1
{
	width: 190px;
	height: 200px;
	background-position:left -100px;
	left: 50%;
	margin-left: -95px;
	top: 260px;
	padding: 50px 30px 0px 30px;
}
.m1_1
{
	width: 350px;
height: 350px;
background-color: rgba(0,0,0,0.3);
position: absolute;
top: 247px;
left: 50%;
margin-left: -152px;
-webkit-border-radius: 50%;
}
.m2,.m3,.m4,.m5,.m6
{
	width: 100px;
	height: 60px;
	background-position:left top;
	padding-top: 40px;
	color: white;
	opacity: 0;
	opacity: 1 \0/IE9;
}
.m7,.m8,.m9,.m10
{
	height: 60px;
	opacity: 0;
	opacity: 1 \0/IE9;
}
.m7
{
	width: 219px;
	height: 114px;
	background-position: -365px top;
	left: 0px;
	top: 280px;
}
.m8
{
	width: 108px;
	background-position: -250px -98px;
	left: 217px;
top: 170px;
}
.m9
{
	width: 365px;
	background-position: -250px -198px;
	left: 514px;
top: 63px;
}
.m10
{
	width: 280px;
	background-position: -250px -298px;
	left: 726px;
top: 269px;
}
.m2
{
	left: 192px;
top: 360px;
}
.m3
{
	left: 295px;
top: 202px;
}
.m4
{
	left: 470px;
top: 111px;
}
.m5
{
	left: 653px;
top: 202px;
}
.m6
{
	left: 755px;
top: 360px;
}
.w125
{
	width: 50%;
}
.n1
{
	width: 270px;
	height: 270px;
	background-image: url(../images/round.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100%;
	left: 50%;
	top: 150px;
	margin-left: -135px;
	opacity: 0;
	opacity: 1 \0/IE9;
	
}
.n
{
	width:59px;
	height:59px;
	opacity: 0;
	opacity: 1 \0/IE9;

}
.n2
{
	left: 470px;
	top: 123px;
	background-position: 0px -550px;
	-webkit-transform:translate(0px,130px);
	-moz-transform:translate(0px,130px);
	-ms-transform:translate(0px,130px);
	-o-transform:translate(0px,130px);
	transform:translate(0px,130px);
	
}
.n3
{
	left: 563px;
	top: 164px;
	background-position: -200px -450px;
	-webkit-transform:translate(-91px,87px);
	-moz-transform:translate(-91px,87px);
	-ms-transform:translate(-91px,87px);
	-o-transform:translate(-91px,87px);
	transform:translate(-91px,87px);
	
}
.n4
{
	left: 600px;
	top: 250px;
	background-position: -100px -350px;
	-webkit-transform:translate(-130px,0px);
	-moz-transform:translate(-130px,0px);
	-ms-transform:translate(-130px,0px);
	-o-transform:translate(-130px,0px);
	transform:translate(-130px,0px);
	
}
.n5
{
	left: 579px;
	top: 336px;
	background-position: 0px -450px;
	-webkit-transform:translate(-105px,-87px);
	-moz-transform:translate(-105px,-87px);
	-ms-transform:translate(-105px,-87px);
	-o-transform:translate(-105px,-87px);
	transform:translate(-105px,-87px);
	
}
.n6
{
	left: 474px;
	top: 380px;
	background-position: 0px -350px;
	-webkit-transform:translate(0px,-130px);
	-moz-transform:translate(0px,-130px);
	-ms-transform:translate(0px,-130px);
	-o-transform:translate(0px,-130px);
	transform:translate(0px,-130px);
	
}
.n7
{
	left: 372px;
	top: 336px;
	background-position: -100px -550px;
	-webkit-transform:translate(100px,-87px);
	-moz-transform:translate(100px,-87px);
	-ms-transform:translate(100px,-87px);
	-o-transform:translate(100px,-87px);
	transform:translate(100px,-87px);
	
}
.n8
{
	left: 340px;
	top: 250px;
	background-position: -100px -450px;
	-webkit-transform:translate(130px,0px);
	-moz-transform:translate(130px,0px);
	-ms-transform:translate(130px,0px);
	-o-transform:translate(130px,0px);
	transform:translate(130px,0px);
	
}
.n9
{
	left: 378px;
	top: 164px;
	background-position: -300px -450px;
	-webkit-transform:translate(95px,87px);
	-moz-transform:translate(95px,87px);
	-ms-transform:translate(95px,87px);
	-o-transform:translate(95px,87px);
	transform:translate(95px,87px);
	
}
.line1
{
	left: 335px;
	top: 136px;
	width: 61px;
	height: 31px;
	background-position: -400px -450px;
}
.line2
{
	left: 617px;
	top: 140px;
	width: 45px;
	height: 37px;
	background-position: -500px -450px;
}
.line3
{
	left: 639px;
	top: 372px;
	width: 77px;
	height: 28px;
	background-position: -200px -550px;
}
.line4
{
	left: 315px;
	top: 382px;
	width: 63px;
	height: 36px;
	background-position: -300px -550px;
}
.line_,.s2_t
{
	opacity: 0;
}
.t1
{
	left: 462px;
top: 37px;
}
.t2
{
	left: 674px;
top: 126px;
}
.t3
{
	left: 713px;
top: 241px;
}
.t4
{
	width: 500px;
	left: 729px;
	top: 395px;
}
.t5
{
	left: 425px;
top: 477px;
}
.t6
{
	left: 112px;
top: 405px;
}
.t7
{
	left: 55px;
top: 244px;
}
.t8
{
	left: 218px;
top: 102px;
}
.bg1
{
	background: url(../images/images/bg_06.png) no-repeat center top;
}
.phone_a
{
	width: 850px;
	height: 418px;
	background: url(../images/phone_animate.png) no-repeat left top;
	margin-left: -435px;
	left: 50%;
	top: 40px;
}
.mouse
{
	width: 437px;
	height: 199px;
	background: url(../images/mouse.png) no-repeat left top;
	right: 0px;
	top: 218px;
}
.o1,.o3
{
	width: 112px;
	height: 113px;
}
.o1
{
	left: 320px;
top: 31px;
	background-position: 0px -650px;
}
.o3
{
	left: 561px;
	top: 31px;
	background-position: -150px -650px;
}
.o2
{
	width: 181px;
	height: 181px;
	top: -5px;
	left: 50%;
	margin-left: -96px;
	background-position: 0px -800px;
}
.o4
{
	width: 239px;
	height: 228px;
	background-position: -300px -600px;
	left: 50%;
	top: 292px;
	margin-left: -126px;
}
.o_t1
{
	left: 345px;
top: -13px;
}
.o_t2
{
	left: 603px;
top: -4px;
}
.o_t3
{
	left: 577px;
top: 284px;
}
.o_t4
{
	left: 250px;
top: 376px;
}
.o_t5
{
	left: 180px;
top: 465px;
}
.o_t6
{
	left: 450px;
top: 271px;
}
.o_t7
{
	left: 623px;
top: 396px;
}
.o_t8
{
	left: 666px;
top: 465px;
}
.o_t1,.o_t2,.o_t3,.o_t4,.o_t5,.o_t6,.o_t7,.o_t8,.o1,.o2,.o3,.o4,.phone_a,.mouse
{
	opacity: 0;
	opacity: 1 \0/IE9;
}
.slide_p
{
	width: 750px;
height: 453px;
left: 50%;
margin-left: -375px;
top: 85px;
}
.s5_r
{
	width: 72px;
height: 72px;
background: url(../images/s5_.png) no-repeat center center;
left: 50%;
margin-left: -36px;
top: 472px;
position: absolute;
background-size: 100%;
}
.tree1
{
	width: 78px;
	height: 181px;
	left: 485px;
	top: 132px;
	background-image: url(../images/s6_tree1.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 100%;
}
.tree2
{
	width: 43px;
	height: 170px;
	left: 560px;
	top: 143px;
	background-image: url(../images/s6_tree2.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 100%;
}
.house
{
	width: 155px;
	height: 200px;
	background-position: left -1000px;
	left: 283px;
	top: 129px;
}
.car
{
	width: 99px;
	height: 73px;
	background-position: -450px -900px;
	left: 617px;
	top: 254px;
}
.icon
{
	width: 40px;
	height: 45px;
}
.icon_1
{
	width: 63px;
	height: 68px;
	background-position: -200px -850px;
	left: 22px;
	top: 139px;
	opacity: 0;
	-webkit-transform:translate(-100px,-100px);
	-moz-transform:translate(-100px,-100px);
	-ms-transform:translate(-100px,-100px);
	-o-transform:translate(-100px,-100px);
	transform:translate(-100px,-100px);
}
.icon_2
{
	background-position: -300px -850px;
	left: 58px;
	top: 248px;
	opacity: 0;
	-webkit-transform:translate(-120px,50px);
	-moz-transform:translate(-120px,50px);
	-ms-transform:translate(-120px,50px);
	-o-transform:translate(-120px,50px);
	transform:translate(-120px,50px);
}
.icon_3
{
	background-position: -300px -900px;
	left: 125px;
	top: 228px;
	opacity: 0;
	-webkit-transform:translate(-240px,-50px);
	-moz-transform:translate(-240px,-50px);
	-ms-transform:translate(-240px,-50px);
	-o-transform:translate(-240px,-50px);
	transform:translate(-240px,-50px);
}
.icon_4
{
	background-position: -350px -850px;
	left: 132px;
	top: 173px;
	opacity: 0;
	-webkit-transform:translate(-50px,-150px);
	-moz-transform:translate(-50px,-150px);
	-ms-transform:translate(-50px,-150px);
	-o-transform:translate(-50px,-150px);
	transform:translate(-50px,-150px);
}
.icon_5
{
	background-position: -350px -900px;
	left: 80px;
	top: 200px;
	opacity: 0;
	-webkit-transform:translate(-50px,150px);
	-moz-transform:translate(-50px,150px);
	-ms-transform:translate(-50px,150px);
	-o-transform:translate(-50px,150px);
	transform:translate(-50px,150px);
}
.icon_6
{
	background-position: -400px -850px;
	left: 896px;
	top: 173px;
	opacity: 0;
	-webkit-transform:translate(100px,-150px);
	-moz-transform:translate(100px,-150px);
	-ms-transform:translate(100px,-150px);
	-o-transform:translate(100px,-150px);
	transform:translate(100px,-150px);
}
.icon_7
{
	background-position: -400px -900px;
	left: 855px;
	top: 240px;
	opacity: 0;
	-webkit-transform:translate(50px,150px);
	-moz-transform:translate(50px,150px);
	-ms-transform:translate(50px,150px);
	-o-transform:translate(50px,150px);
	transform:translate(50px,150px);
}
.icon_8
{
	background-position: -450px -850px;
	left: 832px;
	top: 188px;
	opacity: 0;
	-webkit-transform:translate(50px,-180px);
	-moz-transform:translate(50px,-180px);
	-ms-transform:translate(50px,-180px);
	-o-transform:translate(50px,-180px);
	transform:translate(50px,-180px);
}
.icon_9
{
	background-position: -500px -850px;
	left: 983px;
	top: 240px;
	opacity: 0;
	-webkit-transform:translate(50px,110px);
	-moz-transform:translate(50px,110px);
	-ms-transform:translate(50px,110px);
	-o-transform:translate(50px,110px);
	transform:translate(50px,110px);
}
.icon_10
{
	background-position: -550px -850px;
	left: 917px;
	top: 243px;
	opacity: 0;
	-webkit-transform:translate(160px,20px);
	-moz-transform:translate(160px,20px);
	-ms-transform:translate(160px,20px);
	-o-transform:translate(160px,20px);
	transform:translate(160px,20px);
}
.icon_11
{
	background-position: -550px -900px;
	left: 941px;
	top: 130px;
	opacity: 0;
	-webkit-transform:translate(150px,0px);
	-moz-transform:translate(150px,0px);
	-ms-transform:translate(150px,0px);
	-o-transform:translate(150px,0px);
	transform:translate(150px,0px);
}

.s6_bg
{
	width: 752px;
	height: 408px;
	background: url(../images/s6__.png) no-repeat left top;
	left: 50%;
	margin-left: -376px;
}
.case_bg1
{
	background: url(../images/case_bg_1.jpg) no-repeat center top;
}
.case_bg2

{
	background: url(../images/case_bg_2.jpg) no-repeat center center;
	background-size: cover;
}
.case_bg3
{
	background: url(../images/case_bg_3.jpg) no-repeat center center;
	background-size: cover;
}
.case_bg4
{
	background-image: url(../images/s_orange_bg.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
}
.animate .m2,.animate .m3,.animate .m4,.animate .m5,.animate .m6
{

	-webkit-animation: round_right 1s ease-out both;
	-moz-animation: round_right 1s ease-out both;
	-ms-animation: round_right 1s ease-out both;
	-o-animation: round_right 1s ease-out both;
	animation: round_right 1s ease-out both;
}
.animate .m7,.animate .m8,.animate .m9,.animate .m10
{
	-webkit-animation: round_left 1s ease-out both;
	-moz-animation: round_left 1s ease-out both;
	-ms-animation: round_left 1s ease-out both;
	-o-animation: round_left 1s ease-out both;
	animation: round_left 1s ease-out both;
}
.animate .n1
{
	-webkit-animation: round .8s ease-in both;
	-moz-animation: round .8s ease-in both;
	-ms-animation: round .8s ease-in both;
	-o-animation: round .8s ease-in both;
	animation: round .8s ease-in both;
}

.animate .n2
{
	-webkit-animation: back .8s .1s ease-out both;
	-moz-animation: back .8s .1s ease-out both;
	-ms-animation: back .8s .1s ease-out both;
	-o-animation: back .8s .1s ease-out both;
	animation: back .8s .1s ease-out both;
}

.animate .n3
{
	-webkit-animation: back .8s .2s ease-out both;
	-moz-animation: back .8s .2s ease-out both;
	-ms-animation: back .8s .2s ease-out both;
	-o-animation: back .8s .2s ease-out both;
	animation: back .8s .2s ease-out both;
}
.animate .n4
{
	-webkit-animation: back .8s .3s ease-out both;
	-moz-animation: back .8s .3s ease-out both;
	-ms-animation: back .8s .3s ease-out both;
	-o-animation: back .8s .3s ease-out both;
	animation: back .8s .3s ease-out both;
}
.animate .n5
{
	-webkit-animation: back .8s .4s ease-out both;
	-moz-animation: back .8s .4s ease-out both;
	-ms-animation: back .8s .4s ease-out both;
	-o-animation: back .8s .4s ease-out both;
	animation: back .8s .4s ease-out both;
}
.animate .n6
{
	-webkit-animation: back .8s .5s ease-out both;
	-moz-animation: back .8s .5s ease-out both;
	-ms-animation: back .8s .5s ease-out both;
	-o-animation: back .8s .5s ease-out both;
	animation: back .8s .5s ease-out both;
}
.animate .n7
{
	-webkit-animation: back .8s .6s ease-out both;
	-moz-animation: back .8s .6s ease-out both;
	-ms-animation: back .8s .6s ease-out both;
	-o-animation: back .8s .6s ease-out both;
	animation: back .8s .6s ease-out both;
}
.animate .n8
{
	-webkit-animation: back .8s .7s ease-out both;
	-moz-animation: back .8s .7s ease-out both;
	-ms-animation: back .8s .7s ease-out both;
	-o-animation: back .8s .7s ease-out both;
	animation: back .8s .7s ease-out both;
}
.animate .n9
{
	-webkit-animation: back .8s .8s ease-out both;
	-moz-animation: back .8s .8s ease-out both;
	-ms-animation: back .8s .8s ease-out both;
	-o-animation: back .8s .8s ease-out both;
	animation: back .8s .8s ease-out both;
}

.animate .line_
{
	-webkit-animation: opa .5s 1.3s linear both;
	-moz-animation: opa .5s 1.3s linear both;
	-ms-animation: opa .5s 1.3s linear both;
	-o-animation: opa .5s 1.3s linear both;
	animation: opa .5s 1.3s linear both;
}
.animate .s2_t
{
	-webkit-animation: t .5s 1.5s linear both;
	-moz-animation: t .5s 1.5s linear both;
	-ms-animation: t .5s 1.5s linear both;
	-o-animation: t .5s 1.5s linear both;
	animation: t .5s 1.5s linear both;
}
.animate .phone_a
{
	-webkit-animation: round_left 1s ease-out both;
	-moz-animation: round_left 1s ease-out both;
	-ms-animation: round_left 1s ease-out both;
	-o-animation: round_left 1s ease-out both;
	animation: round_left 1s ease-out both;
}
.animate .mouse
{
	-webkit-animation: round_top 1s 1s ease-out both;
	-moz-animation: round_top 1s 1s ease-out both;
	-ms-animation: round_top 1s 1s ease-out both;
	-o-animation: round_top 1s 1s ease-out both;
	animation: round_top 1s 1s ease-out both;
}
.animate .o2
{
	-webkit-animation: upspring 1s 0s ease both;
	-moz-animation: upspring 1s 0s ease both;
	-ms-animation: upspring 1s 0s ease both;
	-o-animation: upspring 1s 0s ease both;
	animation: upspring 1s 0s ease both;
}
.animate .o1
{
	-webkit-animation: round_right 1s 1s ease-out both;
	-moz-animation: round_right 1s 1s ease-out both;
	-ms-animation: round_right 1s 1s ease-out both;
	-o-animation: round_right 1s 1s ease-out both;
	animation: round_right 1s 1s ease-out both;
}
.animate .o3
{
	-webkit-animation: round_left 1s 1s ease-out both;
	-moz-animation: round_left 1s 1s ease-out both;
	-ms-animation: round_left 1s 1s ease-out both;
	-o-animation: round_left 1s 1s ease-out both;
	animation: round_left 1s 1s ease-out both;
}
.animate.s4 .lh150pct,.animate .o4
{
	-webkit-animation: opa 1s 2s linear both;
	-moz-animation: opa 1s 2s linear both;
	-ms-animation: opa 1s 2s linear both;
	-o-animation: opa 1s 2s linear both;
	animation: opa 1s 2s linear both;
}
.animate .s5_r
{
	-webkit-animation: change 1.5s linear infinite;
	-moz-animation: change 1.5s linear infinite;
	-ms-animation: change 1.5s linear infinite;
	-o-animation: change 1.5s linear infinite;
	animation: change 1.5s linear infinite;
}
.animate .tree1,.animate .tree2
{
	-webkit-animation: tree 3s ease-out both;
	-moz-animation: tree 3s ease-out both;
	-ms-animation: tree 3s ease-out both;
	-o-animation: tree 3s ease-out both;
	animation: tree 3s ease-out both;
}
.animate .icon_1,.animate .icon_2,.animate .icon_3,.animate .icon_4,.animate .icon_5,.animate .icon_6,.animate .icon_7,.animate .icon_8,.animate .icon_9,.animate .icon_10,.animate .icon_11
{
	-webkit-animation: icon 1s 1.5s ease both;
	-moz-animation: icon 1s 1.5s ease both;
	-ms-animation: icon 1s 1.5s ease both;
	-o-animation: icon 1s 1.5s ease both;
	animation: icon 1s 1.5s ease both;
}
.pro_line
{
	width: 100%;
	height: 1px;
	background-color: white;
}
.slide_line
{
	width: 50%;
	height: 1px;
	background-color: #f7f6f2;
	position: absolute;
	top: 178px;
	left: 25%;
}
.join_list li
{
	width: 202px;
	height: 200px;
	margin: 0px 65px;
}
.num
{
	width: 103px;
	height: 103px;
	background: url(../images/dian.png) no-repeat center center;
	line-height: 103px;
	color: #9f2224;
	font-size: 20px;
}
.pro_bg
{
	background: url(../images/pro_bg.jpg) no-repeat center top;
}
.pro_down
{
	background: url(../images/pro_down.jpg) no-repeat center center;
	width: 30px;
	height: 30px;
	position: absolute;
	left: 50%;
	margin-left: -15px;
	top: -15px;
}
.pro_slide .db>ul>li,.pro_slide .bd
{
	width: 1000px;
	height: 294px;
	overflow: hidden;
}
.pro_slide .hd>ul
{
	width: 612px;
	margin: 0px auto;
	position: relative;
	z-index: 999;
}
.pro_slide .hd>ul>li
{
	width: 73px;
	height: 79px;
	background-image: url(../images/pro_slide_sp.png);
	background-repeat: no-repeat;
	float: left;
	margin: 0px 40px;
}
.ht1
{
	background-position: left -100px;
}
.ht2
{
	background-position: -100px -100px;
}
.ht3
{
	background-position: -200px -100px;
}
.ht4
{
	background-position: -300px -100px;
}
.ht1.on
{
	background-position: left 1px;
}
.ht2.on
{
	background-position: -100px 1px;
}
.ht3.on
{
	background-position: -200px 1px;
}
.ht4.on
{
	background-position: -300px 1px;
}
.server_slide .bd
{
	width: 819px;
	height: 378px;
	overflow: hidden;
}
.server_bg
{
	background: url(../images/server_bg.jpg) no-repeat center bottom;
}
.server_slide .hd
{
	width: 960px;
	margin: 0px auto;
}
#s_li1,#s_li2,#s_li3,#s_li4
{
	background-image: url(../images/server_sp.png);
	background-repeat: no-repeat;
	width: 100px;
	padding-top: 90px;
	float: left;
	font-size: 14px;
	color: white;
	text-align: center;
	margin: 25px 70px 15px 70px;
}
#s_li1
{
	background-position: 14px top;
}
#s_li2
{
	background-position: -86px top;
}
#s_li3
{
	background-position: -186px top;
}
#s_li4
{
	background-position: -286px top;
}
#s_li1.on
{
	background-position: 14px -110px;
}
#s_li2.on
{
	background-position: -86px -110px;
}
#s_li3.on
{
	background-position: -186px -110px;
}
#s_li4.on
{
	background-position: -286px -110px;
}
.of_hide
{
	overflow: hidden;
}
.item
{
	position: fixed;
	right: 30px;
	top: 40%;
}
.wrapper .mr0
{
	margin-right: 0px;
}
.solution-section>section
{
	min-height: 768px;
}
.about_header
{
	height: 360px;
 	background: url(../images/gywmlb.png) center center;
}
.about_h
{
	padding: 30px 0px 5px 0px;
	border-bottom: 1px solid #999999;
	margin-bottom: 20px;
}
.about_h h2
{
 	color: #15a6db;
 	font-size: 30px;
 	font-weight: normal;
}
.about_h p
{
 	color: #cfcfd0;
 	font-size: 18px;
}
.p_tIndent
{
	text-indent: 2em;
}
.f14
{
	font-size: 14px;
}
.about_case_list
{
	padding: 50px 34px 0px 34px;
}
.about_case_list li
{
	margin: 0px 36px 30px 36px;
}
.a_item_con ul li
{
	display: none;
}.a_item_con ul li.on
{
	display: block;
}
.a_item_con ul li h3
{
	color: #444444;
	font-size: 16px;
	margin-bottom: 30px;
	line-height: 180%;
}
.a_item ul li
{
	width: 160px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	background-color: #31373b;
	color: white;
	font-size: 16px;
	border-bottom:1px solid #919496;
}
.a_item ul li.on
{
	background-color: #03b4fe;
}
.a_item_con
{
	width: 650px;
	margin-left: 80px;
	height: 250px;
}
.a_item_con ul li p
{
	color: #444444;
	font-size: 14px;
	line-height: 180%;
}
.fc_blue
{
	color: #15a6db;
}
.on .triangle
{
	display: block;
}
.triangle
{
	width: 0px;
	height: 0px;
	display: none;
	border-width: 5px;
	border-style: solid;
	border-top-color: transparent;
	border-bottom-color: transparent;
	border-left-color: #03b4fe;
	border-right-color: transparent;
	position: absolute;
	right: -10px;
	top: 50%;
	margin-top: -5px;
}
.idea
{
	height: 360px;
	background-color: #03b4fe;
	background-image: url(../images/idea_bg.png);
	background-repeat: no-repeat;
	background-position: center;
}
.idea ul li
{
	width: 498px;
	height: 180px;
}
.idea ul li h4
{
	height: 180px;
	line-height: 180px;
	font-size: 28px;
	color: white;
	width: 245px;
	text-align: right;
}
.idea ul li .text
{
	margin-left: 68px;
	padding-top: 70px;
	text-align: left;
}
.idea ul li .text p
{
	font-size: 14px;
	line-height: 150%;
	color: white;
}
.w245
{
	width: 245px;
	height: 277px;
	margin-bottom: 10px;
	overflow: hidden;
}
.w245 .layout
{
	margin-left: 85px;
}
.w490 .layout
{
	margin-left: 150px;
}
.w490
{
	width: 490px;
	height: 277px;
	margin-bottom: 10px;
	overflow: hidden;
}
.team
{
	background-color: #31373b;
	padding-bottom: 30px;
}
.team h5
{
	font-size: 24px;
	color: #31373b;
	padding-top: 90px;
	margin-bottom: 15px;
}
.team ul p
{
	font-size: 14px;
	line-height: 150%;
	color: #31373b;
}
.bg_blue
{
	background-color: #03b4fe;
}
.bg_white
{
	background-color: white;
}
.mr10
{
	margin-right: 10px;
}
.ml10
{
	margin-left: 10px;
}
.team2
{
	background-image: url(../images/team4.png);
	background-repeat: no-repeat;
	background-position: 18px 221px;
}
.team3
{
	background-image: url(../images/team0.png);
	background-repeat: no-repeat;
	background-position: 18px 221px;
}
.team4
{
	background-image: url(../images/team3.png);
	background-repeat: no-repeat;
	background-position: 18px 221px;
}
.team5
{
	background-image: url(../images/team5.png);
	background-repeat: no-repeat;
	background-position: 18px 221px;
}
.team6
{
	background-image: url(../images/team2.png);
	background-repeat: no-repeat;
	background-position: 18px 221px;
}
.qual_left
{
	width: 503px;
}
.qual_right
{
	width: 250px;
}
.qual_left p,.qual_right p
{
	color: #15a6db;
	text-align: center;
	font-size: 16px;
	font-weight: 700;
	margin:25px 0px;
}
.course
{
	padding: 30px 0px 50px 0px;
}
.course_con
{
	height: 600px;
	position: relative;
	background: url(../images/course.jpg) no-repeat center 30px;
}
.course_con .course_item
{
	background-image: url(../images/course_item.png);
	background-repeat: no-repeat;
	width: 26px;
	height: 30px;
	background-position: left -30px;
	position: absolute;
}
.course_con .course_item.on
{
	background-position: left top;
}
.ct_1,.ct_2,.ct_3,.ct_4,.ct_5,.ct_6,.ct_7,.ct_8
{
	width: 400px;
}
.course_text
{
	background: url(../images/s_35.png) no-repeat 70px top;
	padding-top:140px;
	display: none;
	font-size:14px;
	line-height:20px;
}
.course_text ul li
{
	margin-bottom: 10px;
	color: #999999;
}

/*.ci_1
{
	left: 70px;
top: 65px;
}
.ci_2
{
	left: 211px;
top: 36px;
}
.ci_3
{
	left: 306px;
top: 115px;
}
.ci_4
{
	left: 467px;
top: 154px;
}
.ci_5
{
	left: 598px;
top: 41px;
}
.ci_6
{
	left: 785px;
top: 63px;
}
.ci_7
{
	left: 933px;
top: 16px;
}*/
.ct_month
{
	width: 40px;
}
.ct_con
{
	padding-left: 40px;
}
/*.ct_1
{
left: 9px;
top: 123px;
}
.ct_2
{
	left: 150px;
top: 91px;
}
.ct_3
{
	left: 244px;
top: 171px;
}
.ct_4
{
	left: 409px;
top: 213px;
}
.ct_5
{
	left: 537px;
top: 96px;
}
.ct_6
{
	left: 721px;
top: 118px;
}
.ct_7
{
	left: 873px;
top: 73px;
}*/
.ci_1
{
	left: 20px;
top: 65px;
}
.ci_2
{
	left: 163px;
top: 36px;
}
.ci_3
{
	left: 258px;
top: 115px;
}
.ci_4
{
	left: 419px;
top: 154px;
}
.ci_5
{
	left: 550px;
top: 41px;
}
.ci_6
{
	left: 737px;
top: 63px;
}
.ci_7
{
	left: 886px;
top: 21px;
}
.ci_8
{
	left: 957px;
top: 126px;
}
.ct_1
{
left: -41px;
top: 123px;
}
.ct_2
{
	left: 100px;
top: 91px;
}
.ct_3
{
	left: 196px;
top: 171px;
}
.ct_4
{
	left: 359px;
top: 213px;
}
.ct_5
{
	left: 487px;
top: 96px;
}
.ct_6
{
	left: 671px;
top: 118px;
}
.ct_7
{
	left: 823px;
top: 73px;
}
.ct_8
{
	left: 895px;
top: 182px;
}
.course_item
{
	position: relative;
	z-index: 99;
}
.sucess_list
{
	width: 840px;
}
.sucess_list li
{
	width: 150px;
}
.sucess_img
{
	width: 150px;
	height: 152px;
	overflow: hidden;
}
.sucess_tit
{
	font-size: 18px;
}
html .fc_blue
{
	color: #266ec5;
}
.dialog
{
	position: fixed;
	width: 1000px;
	height: 600px;
	/*background: url(../images/bg_universal17ced3.png) repeat left top;*/
	left: 50%;
	top: 50%;
	margin-top: -300px;
	margin-left: -500px;
	z-index: 999;
	display: none;
}
.weixin_ewm
{
	width: 150px;
	height: 150px;
	margin:160px auto 0px auto;
}
.__weixin_ewm
{
	width: 150px;
	height: 150px;
	position: absolute;
	top: 0px;
	left: 50%;
	margin-left: -75px;
	z-index: 9999;
	background-color: white;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
}
.weixin_ewm img
{
	display: block;
	width: 100%;
}
.weixin_Text
{
	text-align: center;
	margin-top: 20px;
	color:#B4B7BC;
}
.weixin_view
{ 
	position: absolute;
	left: 50%;
	top: -40px;
	width: 240px;

	filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity:0;
	opacity:0;
}
.weixin_view img
{
	width: 100%;
	display: block;
}
.dialog-bg
{
	background: #000;
	width: 100%;
	height: 100%;
	position: fixed;
	filter: alpha(opacity=90);
	-moz-opacity: 0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
	top: 0px;
	left: -100%;
	z-index: 998;
}
/*2015-04-24*/
.items li li a:hover
{
	color: #f99a3e;
}
.db
{
	display: block;
}
.pointer
{
	cursor: pointer;
}
.pr
{
	position: relative;
}
.pa
{
	position: absolute;
}
.h
{
	height: 100%;
}
.w100px
{
	width: 100px;
	z-index: 10;
}
.response_1
{
	left: 0px;
	top: 0px;
}
.response_2
{
left: 120px;
	top: 0px;
}
.response_3
{
left: 225px;
	top: 0px;
}
.response_4
{
left: 378px;
	top: 0px;
}
.response_5
{
left: 510px;
	top: 0px;
}
.response_6
{
left: 700px;
	top: 0px;
}
.response_7
{
left: 835px;
	top: 0px;
}
.response_8
{
left: 937px;
	top: 0px;
}
.select_none
{
	-moz-user-select:none;/*火狐*/
	-webkit-user-select:none;/*webkit浏览器*/
	-ms-user-select:none;/*IE10*/
	-khtml-user-select:none;/*早期浏览器*/
	user-select:none;
}
.pic_div
{
	width: 819px;
	height: 382px;
}

/* 列表分页样式 */


/*pages*/
.pagination-wrapper{
margin: 20px 0;
}
.pagination{
height: 34px;
text-align: center;
}
.pagination li {

height: 34px;
margin-right: 5px;

float: left;
display: block;

line-height: 34px;
padding: 0 8px;
font-size: 16px;

color: #555555;


}
.pagination li a{
float: left;
display: block;
height: 32px;
line-height: 32px;
padding: 0 12px;
font-size: 16px;
border: 1px solid #dddddd;
color: #555555;
text-decoration: none;
}
.pagination li a:hover{
background:#f5f5f5;
color:#0099ff;
}
.pagination li.thisclass {
background: #09f;
color: #fff;
}
.pagination li.thisclass a,.pagination li.thisclass a:hover{
background: transparent;
border-color: #09f;
color: #fff;
cursor: default;
}

@media screen and (max-width: 480px) {
	.wrapper>header{
		height:auto;
	}
    .w1000 {
		width: 100%;
	}
	.main-nav {
		margin-left: 5px;
	}
	.tel {
		right:0px !important;
	}
	.logo a {
		margin-left:5px;
	}
	#focus-banner {
		margin-top: 120px;
	}
	.nav-list li a {
		
		line-height: 55px;

	}
	.case-list{
		max-width:460px;
	}
	ul.cooperation-list.clearfix {
		width: 400px;
	}
	ul.cooperation-list.clearfix li {
		margin-left:10px;
	}
	.copyright p {
		width: 390px;
	}
	.detail-img {
		padding:5px;
		width: 100%;
		/* height: 298px; */
		overflow: hidden;
		margin-top: 80px;
		margin-bottom: 30px;
	}
	.case-detail aside {
		width: 225px;
		float: none;
	}
}