@charset "utf-8";

html,body{ font-size:14px; line-height:18px; overflow-x:hidden;}a{text-decoration:none; color:#666; font-family:"微软雅黑"} a:hover{text-decoration:none; color:#d6282e;font-family:"微软雅黑"}
html,body,table,tr,td,th,ul,li,dl,dt,dd,i,em,p{margin:0; padding:0; }
table,tr,td,th{border-collapse:collapse;}
ul,li,dl,dt,dd,i,em{font-style:normal; font-family:"微软雅黑";list-style:none;}a img{border:none;}
.nav,.websize,.logo,.allhottel,.navigate,.navigate li,.banner,.newup,i.more,.newup ul li,.newup span,.fpro,.fwi,.fwi span,.news,.infor_tab,.infor_tab a
,.foot,.in_banner,.in_left,.il_li,.c_list,.page,.ri_contace,.navigate li:hover div.nahide{display:block;}
.websize{width:1000px; margin:0 auto; overflow: inherit;}
.nav01{height:70px; line-height:70px;}
.nav01,.navigate,.newup,.fpro{background:url(../images/index_auto_bg.png) repeat-x 0 0;}
.logo{float:left; margin-top:4px;}.logo img{background:none;}
.allhottel{float:right; color:#7d7d7d;}
.nav span i{color:#f60; font-weight:bold;}
.sd5{font-size:14px;color:#a0a0a0; font-family:Arial;text-transform:uppercase;padding-top:70px;}
.sd6{font-size:30px;color:#000; margin-top:15px; font-family:"微软雅黑"; background: url(../images/biaoti_01.png) no-repeat center;}
.sd7{font-size:30px;color:#000;  margin-top:15px;font-family:"微软雅黑"; background: url(../images/biaoti_02.png) no-repeat center;}
.sd8{font-size:30px;color:#000;  margin-top:15px;font-family:"微软雅黑"; background: url(../images/biaoti_03.png) no-repeat center;}
.sd9{font-size:30px;color:#000; margin-top:15px; font-family:"微软雅黑"; background: url(../images/biaoti_04.png) no-repeat center;}
.sd10{font-size:30px;color:#000; margin-top:15px; font-family:"微软雅黑"; background: url(../images/biaoti_05.png) no-repeat center;}
.sd11{font-size:44px;margin-top:36px; font-family:Microsoft YaHei; color:#d7272d; line-height:48px;text-transform:uppercase; }
.sd12{font-size:24px;margin-top:20px; margin-bottom:58px;font-family:Microsoft YaHei; color:#333; }
.sd13{font-size:44px;margin-top:36px; font-family:Microsoft YaHei; color:#fff; line-height:48px;text-transform:uppercase; }
.sd14{font-size:24px;margin-top:20px; margin-bottom:58px;font-family:Microsoft YaHei; color:#fff; }


/*-------- 下拉菜单 --------------*/

.nav {width: 100%;height: 45px;background: url(../images/index_auto_bg_02.jpg);}
.nav .nav_con {height: 45px;position: relative;z-index: 999;}
.w1000 { margin: 0 auto;width: 1000px;}
.nav ul {height: 45px;}
.left {float: left;}
.nav ul li {float: left;background: no-repeat left top;position: relative;padding: 0 23px;height:43px;border: 1px solid transparent;border-top: 1px solid transparent;border-bottom: 1px solid transparent;}
.nav ul li a {display: block; height: 45px;text-align: center;font: normal 16px/44px 'MicroSoft Yahei';color:#000;position: relative;}
.nav ul li a:hover{ color:red;}

.nav ul li:hover{ background:#FFF;border: 1px solid #eef1f3;border-top: 1px solid #d7282e;border-bottom: 1px solid #fff;}

.nav ul li.navhover {background:#FFF;border: 1px solid #eef1f3;border-top: 1px solid #d7282e;border-bottom: 1px solid #fff;}
.nav ul li ol {display: none;position: absolute;left:0px;top:43px;background: #fff;border-top: 0;padding: 10px; text-align:center;}
.nav ul li ol a {float: left;display: block;background: #fff;color: #333;height: 28px;width: 100%;font: normal 13px/28px 'MicroSoft Yahei';text-overflow: ellipsis;white-space: nowrap;}
.nav ul li.border {height: 45px;width: 2px; background: url(../images/nav-border.gif) no-repeat right top;}
.nav .weibo {width: 95px;height: 45px;}
.right {float: right;}
.nav .weibo a {display: inline-block;height: 45px;width: 35px;margin-left: 10px;}

/*首页幻灯*/
.focus {overflow:hidden; position:relative;}
.focus ul { position:absolute;}
.focus ul li {float:left; overflow:hidden; position:relative;}
.focus ul li a img{ width:100%;}
.focus ul li div {position:absolute; overflow:hidden;}
.focus .btnBg {position:absolute;left:0; bottom:0; background:#000; display:none;}
.focus .btn {position:absolute; width:100%; height:3px; padding:0px 6px; right:0; bottom:40px;text-align: center; overflow:hidden;}
.focus .btn span {display:inline-block; _display:inline; _zoom:1; width:50px; height:21px; line-height:21px; text-align:center; _font-size:0; margin-left:15px; cursor:pointer; background:#fff; color:#fff;}
.focus .btn span.on {background:#d6282e;}




/* CSS Document */
.M-top{
	background:url(../images/nav-bj.png) repeat-x;
	height:70px;
	line-height:70px;
	width:100%;
	z-index:9997;

}
.M-top-show{
	position:fixed;
	top:-255px;
}
.M-logo{
	position:relative;
	z-index:999;
}
.M-logo a img{
	position:absolute;
	left:20px;
	top:0px;
	z-index:9998;
}
.m_wnews{
	width:251px;
	position:relative;
	left:20px;
	top:0px;
}
.M-top-right{
	height:70px;
	line-height:70px;
}
.M-nav{
	height:70px;
	line-height:70px;
}
.M-nav ul li{
	float:left;
	display:block;
}
.M-nav ul li a{
	float:left;
	font-size:16px;
	font-family:"Segoe UI", "微软雅黑";
	color:#c6c6c6;
	height:70px;
	line-height:70px;
	display:block;
}
.M-nav ul li a:hover{
	color:#ffffff;
}

.M-nav ul li a.cur div p{
	margin-top:-20px !important;
}



/* menu */
.menu ul{
	height:70px;
	margin-right:20px;
}
.menu{height:70px;overflow:hidden;}
.menu ul li{float:left;position:relative;line-height:70px;height:70px;}
.menu ul li a{position:relative;/* 必要元素 */display:block;height:70px; width:100px; text-align:center;}
.menu ul li a span{position:absolute;/* 必要元素 */left:0;width:100px; text-align:center;}
.menu ul li a span.out{top:0px;width:100px; text-align:center; }
.menu ul li a span.over,.menu ul li a span.bg{top:-70px;width:100px; text-align:center;}
/*.menu ul li a.cur .out{top:70px;width:100px; text-align:center; color:#ffffff !important; }
.menu ul li a.cur .over{top:0px;width:100px; text-align:center; color:#ffffff !important;  }*/
.menu{}
.menu ul li a{}
.menu ul li a span.over{background:#00B5E0; font-family:"微软雅黑" !important;}

#nav{
	position:fixed;
	left:20px;
	top:30%;
	background:url(../images/left-nav-bj.png) no-repeat center;
	width:80px;
	height:241px;
	z-index:9995;
	padding-top:128px;
	text-align:left !important;
}
#nav li{
	text-align:left !important;
}
#nav li a{
	font-family:"微软雅黑";
	font-size:12px;
	color:#a9a9a9;
	width:48px;
	display:block;
	text-align:left !important;
	margin-bottom:7.5px;
	+height:20px;
	+margin-left:-15px;
}
#nav li a:hover em{
	color:#0085b4;
	font-family:"微软雅黑";
	font-size:12px;
	display:inline-block;
}
#nav li a:hover{
	color:#0085b4;
	font-family:"微软雅黑";
	font-size:12px;
}
#nav .current em{
	display:inline-block;
	color:#0085b4;
	font-family:"微软雅黑";
	font-size:12px;
}
#nav .current a{
	color:#0085b4;
	font-family:"微软雅黑";
	font-size:12px;
}
.nav-ico{
	background:url(../images/cur-ico.png) no-repeat;
	width:13px;
	height:13px;
	display:inline-block;
	display:none;
	position:relative;
	left:0px;
	top:5px;
	+left:-1px;
	+top:-15px;
}
#topcontrol{
	top:63px !important;
	z-index:9995;
	height:54px !important;
}



#menu1 ul {
	padding: 0;
}
#menu1 ul li a{
	overflow: hidden;
	float: left;
	height: 20px;
	width: 100px;
	display: block;
	text-align: center;
	padding-bottom:25px;
	padding-top:25px;
	cursor:pointer;
}
#menu1 ul li a, #menu1 ul li a span {
	text-decoration: none;
	clear: both;
	display:block;
	color:#a9a9a9;
	font-family:"Segoe UI";
	font-size:14px;
	height:20px;
	line-height:20px;
	display:block;
}
#menu1 ul li a div{
	color:#ffffff;
	font-family:"微软雅黑";
}
#menu1 ul a div{
	float:left;
	width:100px;
	height:20px;
	display:block;
	overflow:hidden;
}
#menu1 ul li a font{
	color:#ffffff;
	font-family:"微软雅黑";
	display:block;
}
#menu1 ul li a span {
}


.top-ico1{
	background:url(../images/top-ico1.png) no-repeat;
	width:43px;
	height:43px;
	display:block;
	position:absolute;
	left:50%;
	bottom:30px;
	z-index:9990;
	margin-left:-21px;
}
.top-ico1:hover{
	background:url(../images/top-ico1-hover.png) no-repeat;
}
.top-ico2{
	background:url(../images/top-ico2.png) no-repeat;
	width:43px;
	height:43px;
	display:block;
	position:absolute;
	left:50%;
	bottom:30px;
	z-index:9990;
	margin-left:-21px;
}
.top-ico2:hover{
	background:url(../images/top-ico2-hover.png) no-repeat;
}
.top-ico3{
	background:url(../images/top-ico3.png) no-repeat;
	width:43px;
	height:43px;
	display:block;
	position:absolute;
	left:50%;
	bottom:30px;
	z-index:9990;
	margin-left:-21px;
}
.top-ico3:hover{
	background:url(../images/top-ico3-hover.png) no-repeat;
}
.top-ico4{
	background:url(../images/top-ico4.png) no-repeat;
	width:43px;
	height:43px;
	display:block;
	position:absolute;
	left:50%;
	bottom:30px;
	z-index:9990;
	margin-left:-21px;
}
.top-ico4:hover{
	background:url(../images/top-ico4-hover.png) no-repeat;
}
.section-2{
	background:#fff;
	width:100%;
	height:611px;
	text-align:center;
	padding-top:45px;
	position:relative;
}
.M-what{
	margin:0 auto;
	width:985px;
}
.M-what{
}
.M-design{
	text-align:center;
	display:block;
	width:165px;
	margin-right:90px;
	position:relative; left:0px;top:-198px;
}
.Brand{
	text-align:center;
	display:block;
	width:165px;
	margin-right:90px;
	position:relative; left:0px;top:-198px;
}
.move{
	text-align:center;
	display:block;
	width:217px;
	margin-right:90px;
	position:relative; left:0px;top:-198px;
}
.ui{
	text-align:center;
	display:block;
	width:165px;
	position:relative; left:0px;top:-198px;
}
.M-design-ico{
	background:url(../images/design-ico.png) no-repeat;
	width:122px;
	height:122px;
	display:block;
	margin-bottom:32px;
	margin-left:18px;
	+margin-left:0px !important;
}
.Brand-ico{
	background:url(../images/brand-ico.png) no-repeat;
	width:122px;
	height:122px;
	display:block;
	margin-bottom:32px;
	margin-left:18px;
	+margin-left:0px !important;
}
.move-ico{
	background:url(../images/move-ico.png) no-repeat;
	width:122px;
	height:122px;
	display:block;
	margin-bottom:32px;
	margin-left:41px;
	+margin-left:0px !important;
}
.ui-ico{
	background:url(../images/ui-ico.png) no-repeat;
	width:122px;
	height:122px;
	display:block;
	margin-bottom:32px;
	margin-left:18px;
	+margin-left:0px !important;
}
.M-what-top{
	text-align:center;
	margin:0 auto;
	height:98px;
}
.ui:hover em{
	background:url(../images/ui-ico-hover.png) no-repeat;
}
.move:hover em{
	background:url(../images/move-ico-hover.png) no-repeat;
}
.Brand:hover em{
	background:url(../images/brand-ico-hover.png) no-repeat;
}
.M-design:hover em{
	background:url(../images/design-ico-hover.png) no-repeat;
}
.M-design-title span{
	font-family:"微软雅黑";
	font-size:18px;
	color:#545454;
	display:block;
}
.M-design-title font{
	font-family:"Segoe UI";
	font-size:14px;
	color:#d5d5d5;
	display:block;
}
.M-design-bottom{
	height:43px;
	overflow:hidden;
	text-align:center;
}
.M-btn{
	background:url(../images/btn-ico.png) no-repeat;
	width:162px;
	height:31px;
	display:block;
	line-height:31px;
	text-align:center;
	font-family:"微软雅黑";
	font-size:14px;
	color:#ffffff;
}
.M-left{
	margin-left:27px;
}
.M-bottom-border{
	background:url(../images/border-bottom.png) no-repeat center;
	height:3px;
	width:100%;
}
.M-bottom-border2{
	background:url(../images/border-bottom2.png) no-repeat center;
	height:3px;
	width:100%;
}
.M-what-title{
	margin-top:50px;
	font-family:"微软雅黑";
	font-size:24px;
	color:#898989;
	margin-bottom:114px;
}
#section-2{
	position:relative;
	left:0px;
	top:50px;
}
.top{
	top:10px !important;
}
#top-m{
	position:relative;
	left:0px;
	top:-30px;
}
#top-m2{
	position:relative;
	left:0px;
	top:20px;
}
#top-m3{
	position:relative;
	left:0px;
	top:0px;
}
#section-3{
	position:relative;
	left:0px;
	top:50px;
}
#section-4{
	position:relative;
	left:0px;
	top:50px;
}
#section-5{
	position:relative;
	left:0px;
	top:50px;
}
.section-3{
	width:100%;
	height:807px;
	text-align:center;
	padding-top:45px;
	position:relative;
}
.section-4{
	width:100%;
	text-align:center;
	position:relative;
}
.section-5{
	width:100%;
	text-align:center;
	padding-top:45px;
	position:relative;
	background:#212121;
}
.M-map{
	width:100%;
	height:493px;
	overflow:hidden;
	position:relative;
}
.foot{
	background:#fff;
	width:100%;
	height:300px;
	position:relative;
	top:-35px;
	left:0px;
	padding-top:50px;
}

@media only screen and (min-width: 481px) {

.M-work{
	overflow:hidden;
	margin:0 auto;
}

}

@media only screen and (min-width: 1024px) {
.M-work{
	overflow:hidden;
	margin:0 auto;
	width:1000px !important;
}
.bd{
	width:1000px !important;
	margin:0 auto;
	margin-top:10px;
}
}

.foot-content>span.fl{
	width:216px;
}
.foot-content2>span.fl{
	width:216px;
}
.foot-content>span>div>span>div{
	color:#000000 !important;font-family: "微软雅黑" !important;
	font-size: 20px !important;
}
.foot-content2>span>div>span>div{
	font-family: "微软雅黑" !important;
font-size: 20px !important;

}
.foot-content>span>div>span>div a{
	color:#000000 !important;font-family: "微软雅黑" !important;
	font-size: 20px !important;
}
.foot-content2>span>div>span>div a{
	font-family: "微软雅黑" !important;
font-size: 20px !important;
color: #d3d3d3 !important;
}
#nav{
	display:none;
}
.M-work-list{text-align:left;float:left;padding-left:35px; padding-top:38px;}

.item6{position:relative;float:left;width:169px;height:169px;cursor:pointer;overflow:hidden;}
.item6 h2{position:absolute;left:0;top:130px;height:40px;width:100%;background:url(../images/demo02.png) no-repeat;}
.item6 img{
}
.item6 h2 p{height:40px;text-indent:-10000px;background:url(../images/demo03.png) no-repeat;}
.item6 div{position:absolute;width:0;height:0;background:url(../images/demo02.png) repeat;overflow:hidden;_zoom:1; border-radius:169px;line-height:169px; text-align:center; font-family:"微软雅黑"; font-size:20px; font-weight:normal; }
.item6 .cornerCC{left:78px;top:78px;}
.item6 dl{position:absolute;top:0;left:0;width:205px;height:205px;display:none;line-height:205px; text-align:center; font-family:"微软雅黑"; font-size:30px; font-weight:bold;}
.item6 dt{height:205px;width:100%;line-height:205px;text-align:center;color:#c2c2c2; font-family:"微软雅黑"; font-size:34px;}
.item6 dt h3{height:40px;text-indent:-10000px;background:url(../images/demo03.png) no-repeat;}
.item6 dd{width:169px;line-height:169px;color:#FFF;line-height:169px; text-align:center; font-family:"微软雅黑"; font-size:20px; font-weight: normal;}


.item7{position:relative;float:left;margin-right:3px;width:205px;height:205px;cursor:pointer;overflow:hidden;}
.item7 h2{position:absolute;left:0;top:0px;height:40px;width:100%;background:url(../images/demo02.png) no-repeat;}
.item7 img{
}
.item7 h2 p{height:40px;text-indent:-10000px;background:url(../images/demo03.png) no-repeat;}
.item7 div{position:absolute;width:205px;height:205px;background:url(../images/demo03.png) repeat;overflow:hidden;_zoom:1; border-radius:205px;line-height:205px; text-align:center; font-family:"微软雅黑"; font-size:30px; font-weight:bold; display:none; }
.item7 .cornerCC{left:0px;top:0px;}

.item7 dl{position:absolute;top:0;left:0;width:205px;height:205px;display:none;line-height:205px; text-align:center; font-family:"微软雅黑"; font-size:30px; font-weight:bold;}
.item7 dt{height:205px;width:100%;line-height:205px;text-align:center;color:#c2c2c2; font-family:"微软雅黑"; font-size:34px;}
.item7 dt h3{height:40px;text-indent:-10000px;background:url(../images/demo03.png) no-repeat;}
.item7 dd{width:205px;line-height:205px;color:#FFF;line-height:205px; text-align:center; font-family:"微软雅黑"; font-size:30px; font-weight:bold;}

<!--.M-new-btn{
	background:url(../images/new-btn.png) no-repeat;
	width:136px;
	height:38px;
	display:block;
	line-height:38px;
	text-align:center;
	font-family:"微软雅黑";
	font-size:14px;
	color:#ffffff;
	position:absolute;
	left:50%;
	bottom:0px;
	margin-left:-68px;
}
.M-new-btn:hover{
	background:url(../images/new-btn-hover.png) no-repeat;
	width:136px;
	height:38px;
	display:block;
	line-height:38px;
	text-align:center;
	font-family:"微软雅黑";
	font-size:14px;
	color:#ffffff;
	position:absolute;
	left:50%;
	bottom:0px;
	margin-left:-68px;
}-->
.foot-content{
	width:920px;
	margin:0 auto;
	height:100px;
	line-height:100px;
	padding-bottom:47px;
}
.foot-content>div{
	margin-left:69px !important;
}
.foot-content span{
	font-family:"微软雅黑";
	font-size:20px;
	color:#000000;
}
.QQ-ico{
	background:url(../images/QQ-ICO.png) no-repeat;
	width:100px;
	height:100px;
	display:block;
	float:left;
	margin-right:25px;
}
.QQ-ico:hover{
	background:url(../images/QQ-ICO-HOVER.png) no-repeat;
	width:100px;
	height:100px;
	display:block;
}
.WX-ico{
	background:url(../images/WX-ICO.png) no-repeat;
	width:100px;
	height:100px;
	display:block;
	float:left;
	margin-right:25px;
}
.WX-ico:hover{
	background:url(../images/WX-ICO-HOVER.png) no-repeat;
	width:100px;
	height:100px;
	display:block;
}
.WB-ico{
	background:url(../images/WB-ICO.png) no-repeat;
	width:100px;
	height:100px;
	display:block;
	float:left;
}
.WB-ico:hover{
	background:url(../images/WB-ICO-HOVER.png) no-repeat;
	width:100px;
	height:100px;
	display:block;
}
.foot-font{
	font-family:"微软雅黑";
	font-size:14px;
	color:#b2b2b2;
}
.slideTxtBox{ margin-bottom:90px;}
.slideTxtBox .hd{
	position:absolute; left:50%; bottom:120px;
	margin-left:-90px;
}
.slideTxtBox .hd ul li{
	font-family:"微软雅黑";
	font-size:22px;
	color:#565656;
	width:85px;
	padding-top:11px;
	border-top:3px solid #565656;
	text-align:center;
	float:left;
	margin-right:5px;
	cursor:pointer;
}
.slideTxtBox .hd ul li.on{
	font-family:"微软雅黑";
	font-size:22px;
	color:#2ca6d2;
	width:85px;
	padding-top:11px;
	border-top:3px solid #2ca6d2;
	text-align:center;
	float:left;
}





.extra{
	overflow:hidden;
	position:relative;
	margin-bottom:-40px;
}
.main {
	position:relative;
	float:left;
}
.page_spinner {
	position:fixed;
	background: url(../images/main_spinnerr.gif) 50% 50% no-repeat #fff;
	z-index:9999;
	width:100%;
	height:100%;
	top:0;
	left:0
}
/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }


.tempWrap{
	margin:0 auto;
}
#top1{
	position: absolute;
	bottom: 50px;
	left: 50%;
}
.map-link{
	position:absolute; right:40px; top:30px;color:#ffffff;
	font-family:"微软雅黑";
	font-size:14px;
	background:url(../images/map-bj-hover.png) no-repeat;
	width:80px;
	height:80px;
	text-align:center;
	line-height:80px;
}
.map-link:hover{
	background:url(../images/map-bj.png) no-repeat;
}
.M-menu2:hover{
	background:url(../images/menu-hover.png) no-repeat !important;
}
.M-menu3:hover{
	background:url(../images/menu2-hover.png) no-repeat !important;
}




/*work*/
.page-work{
	width:100%;
	height:100%;
	text-align:center;
	padding-top:100px;
	background:#282828;
}
.page-top-title{
	width:100%;
	text-align:center;
	margin-bottom:93px;
}
.page-top-title span.title{
	font-size:58px;
	color:#ffffff;
	display:block;
	font-weight:300;
	font-family:"微软雅黑";
	margin-bottom:26px;
}
.page-top-title font{
	font-size:20px;
	color:#828282;
	display:block;
	font-family:"微软雅黑";
}
.page-top-title{
	position:relative;
}
.page-top-title span.x{
	width:140px;
	height:2px;
	display:block;
	background:#ffffff;
	position:absolute;
	left:50%;
	margin-left:-70px;
	top:145px;
}
.work-table-content{
	text-align:center;
}
.page-table-nav{
	text-align:center;
	margin:0 auto;
	width:750px;
	padding-bottom:84px;
}
.page-table-nav ul li{
	float:left;
}
.page-table-nav ul li a{
	float:left;
	font-size:18px;
	color:#4a4a4a;
	display:inline-block;
	font-weight:bold;
	font-family:"微软雅黑";
	margin-left:20px;
	margin-right:20px;
}
.page-table-nav ul li a:hover{
	float:left;
	font-size:18px;
	color:#ffffff;
	display:inline-block;
	font-weight:bold;
	font-family:"微软雅黑";
}
.page-table-nav ul li.cur a{
	float:left;
	font-size:18px;
	color:#ffffff;
	display:inline-block;
	font-weight:bold;
	font-family:"微软雅黑";
}



#brand{
	margin:0 auto;
	padding-bottom:43px;
}
#brand .bd-box{
	overflow:hidden;
	/*padding-left:55px;
	padding-right:55px;*/
}
.bd-box{
	text-align:left;
}
#brand .bd-box li{
	display:inline-block;
	width:355px;
	float:left;
	height:211px;
	overflow:hidden;
	position:relative;
	border:3px solid #282828;
}
#brand .bd-box li div.just img{
	width:355px;
	height:211px;
	position:absolute;
	left:0px;
	top:0px;
	z-index:2;
	overflow:hidden;
}
#brand .bd-box li div.against img{
	width:0px;
	height:211px;
	position:absolute;
	left:177.5px;
	top:0px;
	z-index:1;
	text-align:center;
	line-height:211px;
	font-size:14px;
	color:#FFF;
	background:#ffa340;
	font-weight:bold;
	overflow:hidden;
	display:none;
	cursor:pointer;
}
#brand .bd-box li>a{
	width:355px;
	height:211px;
	position:absolute;
	left:0px;
	top:0px;
	z-index:9999;
	display:block;
	float:left;
	background:url(../images/png.png) no-repeat;
}

.against span{
	height:43px;
	line-height:43px;
	text-align:center;
	font-size:16px;
	color:#ffffff;
	font-family:"微软雅黑";
	display:block;
	width:0px;
	background:#00A0DE;
	position:absolute;
	left:0px;
	bottom:0px;
	z-index:1;
}
.page-work-bottom{

	width:100%;
	height:100px;
	position:relative;
}
.page-consult{
	height:188px;
	width:100%;
	background:#F3F3F3;
	padding-top:80px;
	text-align:center;
}
.page-consult span{
	font-family:"微软雅黑";
	font-size:30px;
	color:#262626;
	display:block;
	margin-bottom:30px;
}
.work-btn{
	background:url(../images/btn.png) no-repeat;
	width:116px;
	height:37px;
	line-height:37px;
	font-family:"微软雅黑";
	font-size:14px;
	color:#ffffff;
	display:inline-block;
	text-align:center;
}
.work-btn:hover{
	background:url(../images/btn-hover.png) no-repeat;
}
.work-foot{
	background:#252525;
	width:100%;
	height:400px;
	text-align:center;
	color:#717171;
	font-family:"微软雅黑";
	font-size:14px;
	clear:both;
}
.foot-content2{
	width:920px;
	margin:0 auto;
	height:100px;
	line-height:100px;
	padding-bottom:87px;
	padding-top:100px;
}
.foot-content2>div{
	margin-left:69px !important;
}
.foot-content2 span{
	font-family:"微软雅黑";
	font-size:20px;
	color:#d3d3d3;
}
.QQ-ico2{
	background:url(../images/QQ-ICO2.png) no-repeat;
	width:100px;
	height:100px;
	display:block;
	float:left;
	margin-right:25px;
}
.QQ-ico2:hover{
	background:url(../images/QQ-ICO-HOVER.png) no-repeat;
	width:100px;
	height:100px;
	display:block;
}
.WX-ico2{
	background:url(../images/WX-ICO2.png) no-repeat;
	width:100px;
	height:100px;
	display:block;
	float:left;
	margin-right:25px;
}
.WX-ico2:hover{
	background:url(../images/WX-ICO-HOVER.png) no-repeat;
	width:100px;
	height:100px;
	display:block;
}
.WB-ico2{
	background:url(../images/WB-ICO2.png) no-repeat;
	width:100px;
	height:100px;
	display:block;
	float:left;
}
.WB-ico2:hover{
	background:url(../images/WB-ICO-HOVER.png) no-repeat;
	width:100px;
	height:100px;
	display:block;
}
.foot2-font2{
	font-family:"微软雅黑";
	font-size:14px;
	color:#d3d3d3;
}



/*muyu*/
.muyu-top{
	background:#f5f5f5;
	height:752px;
	width:100%;
	position:relative;
}
.muyu-banner{
	width:100%;
	text-align:center;
}
.muyu-banner-top{
	width:100%;
	text-align:center;
}
.muyu-banner-content{
	width:936px;
	margin:0 auto;
	height:135px;
	padding-top:45px;
	text-align:center;
}
.muyu-banner-content font{
	font-family:"微软雅黑";
	font-size:25px;
	color:#989898;
	display:block;
	margin-bottom:6px;
}
.muyu-banner-content span{
	font-family:"微软雅黑";
	font-size:40px;
	color:#282828;
	display:block;
	font-weight:600;
	margin-bottom:25px;
	font-style:normal;
}
.muyu-banner-content div{
	font-family:"微软雅黑";
	font-size:16px;
	color:#737373;
	display:block;
	text-indent:2em;
	line-height:36px;
}
.muyu-banner-content div b{
	font-family:"微软雅黑";
	font-size:16px;
	color:#4e4e4e;
}
.muyu-about{
	background:#282828;
	height:617px;
	width:100%;
	padding-top:46px;
	position:relative;
}
.M-what-top span{
	font-family:"微软雅黑";
	font-size:16px;
	color:#808080;
}
.viewpoint{
	width:533px;
	height:191px;
	margin:0 auto;
	position:relative;
	top:100px;
	left:0px;
	overflow:hidden;
}
.love-btn{
	width:187px;
	height:187px;
	display:block;
	position:absolute;
	left:0px;
	top:0px;
	z-index:99;
}
.love-btn2{
	width:187px;
	height:187px;
	display:block;
	position:absolute;
	right:0px;
	top:0px;
}
.love-bj{
	background:url(../images/love-bj.png) no-repeat !important;
	width:528px;
	height:187px;
	display:block;
}
.show2{
	width:0px;
	height:187px;
	position:relative;
	right:0px;
	top:0px;
}
.show1{
	position:relative;
}
.show-bj{
	width:528px;
	height:187px;
	position:absolute;
	left:-341px;
	top:0px;
	background:url(../images/love-bj.png) no-repeat;
}
.love-jia{
	position:absolute;
	left:247px;
	top:75px;
}
.system{
	background:#f5f5f5;
	width:100%;
	height:803px;
	padding-top:47px;
	position:relative;
}

.system-table{
	width:460px;
	margin:0 auto;
	text-align:center;
}
.slideTxtBox2{ width:460px;text-align:left; position:relative; top:30px; left:30px; }
.slideTxtBox2 .hd{ background:url(../images/sys-nav.png) no-repeat; width:480px; height:175px; position:absolute; left:-45px; top:-10px; z-index:99; }
.slideTxtBox2 .hd ul{ float:left; }
.slideTxtBox2 .hd ul li{ float:left; cursor:pointer;  }
.slideTxtBox2 .bd{ background:url(../images/y-bj.png) no-repeat; width:453px; height:400px !important; position:absolute !important; left:-35px !important; top:60px !important;zoom:1; z-index:88; padding-left:28px; padding-top:78px; }
.slideTxtBox2 .bd li{ height:24px; line-height:24px;   }
.slideTxtBox2 .bd li .date{ float:right; color:#999;  }
.slideTxtBox2 .bd ul{position:absolute !important; left:28px !important; top:88px !important; width:453px !important;height:370px !important;}
.slideTxtBox2 .hd ul li a{ float:left; display:block; cursor:pointer;  }
.slideTxtBox2 .hd ul li.on .m-ico1{
	background:url(../images/ico1-hover.png) no-repeat !important;
	width:116px;
	height:108px;
	position:relative;
	left:-28px;
	top:94px;
}


.section-content-title font{
	font-family:"微软雅黑";
	font-size:34px;
	color:#ffffff;
	font-weight:bold;
	display:inline-block;
	margin-bottom:15px;
}



.m-ico1{
	width:116px;
	height:108px;
	position:relative;
	left:-28px;
	top:94px;
}
.m-ico2{
	width:97px;
	height:104px;
	position:relative;
	left:-23px;
	top:8px;
}
.m-ico3{
	width:80px;
	height:99px;
	position:relative;
	left:-24px;
	top:-18px;
}
.m-ico4{
	width:88px;
	height:106px;
	position:relative;
	left:-24px;
	top:-5px;
}
.m-ico5{
	width:112px;
	height:114px;
	position:absolute;
	right:-14px;
	top:74px;
}
.slideTxtBox2 .hd ul li.on .m-ico1{
	background:url(../images/ico1-hover.png) no-repeat !important;
}
.slideTxtBox2 .hd ul li.on .m-ico2{
	background:url(../images/ico2-hover.png) no-repeat !important;
}
.slideTxtBox2 .hd ul li.on .m-ico3{
	background:url(../images/ico3-hover.png) no-repeat !important;
}
.slideTxtBox2 .hd ul li.on .m-ico4{
	background:url(../images/ico4-hover.png) no-repeat !important;
}
.slideTxtBox2 .hd ul li.on .m-ico5{
	background:url(../images/ico5-hover.png) no-repeat !important;
}

.page-integrate{
	width:100%;
	padding-top:33px;
	background:#252525;
}
.integrate-menu-nav{
	background:url(../images/k-bj.png) center;
	width:100%;
	height:100px;
	display:block;
	position:relative;
}


.sideMenu{  }
.sideMenu h3{ height:80px; line-height:80px; text-align:center; border-bottom:1px solid #333333; background:#252525; cursor:pointer;
font-size:22px;
	font-family:"微软雅黑";
	display:block;
	color:#dfdfdf;
}
.sideMenu h3 em{ display:inline-block; width:26px; height:26px;   background:url(../images/j-ico.png) no-repeat; position:relative; left:10px; top:4px; cursor:pointer; }
.sideMenu h3.on{background:#171717; border-bottom:1px solid #252525; height:0px; text-indent:-9999px;}
.sideMenu h3.onn{background:#252525; height:80px; text-indent:1px;}
.sideMenu h3.on em{  }
.sideMenu>ul{ padding:8px 25px 55px 25px; color:#999;background:#171717; display:none; /* 默认都隐藏 */ }

.section-content{
	text-align:center;
	padding-top:45px;
}
.section-content-title{
	text-align:center;
}
.section-content-title img{
	margin-bottom:6px;
}
.section-content-title span{
	color:#bbbbbb;font-size:16px;
	font-family:"微软雅黑";
	display:block;
}
.section-content-list ul li{
	float:left;
	margin-right:60px;
}
.section-content-list{
	height:194px;
	width:785px;
	margin:0 auto;
	padding-top:53px;
	padding-bottom:35px;
}
.section-content-list ul li{
	float:left;
	display:block;
	background:url(../images/list-bj.png) no-repeat;
	width:150px;
	height:194px;
	color:#bbbbbb;
}
.section-content-list ul li a{
	display:block;
}
.section-content-list ul li:hover{
	float:left;
	display:block;
	background:url(../images/list-bj-hover.png) no-repeat;
	width:150px;
	height:194px;
	color:#ffffff;
}
.section-content-list ul li:hover a{
	color:#ffffff;
}
.section-content-list ul li a:hover{
	color:#ffffff;
}
.section-content-list ul li a:hover em{
	display:none;
}
.list-img{
	height:167px;
	width:150px;
	position:relative;
}
.list-img img{
	width:150px;
	height:150px;
}
.list-img em{
	background:url(../images/img-on-bj.png);
	width:151px;
	height:151px;
	display:block;
	position:absolute;
	left:0px;
	top:0px;
	overflow:hidden;
}
.list-btn{
	width:150px;
	height:27px;
	line-height:27px;
	font-family:"微软雅黑";
	font-size:14px;
	color:#bbbbbb;
}
.hide{
	background:url(../images/jian.png) no-repeat;
	width:36px;
	height:36px;
	display:block;
	position:absolute;
	bottom:10px;
	left:50%;
	margin-left:-18px;
}
.section-content{
	position:relative;
}
.muyu-foot-bj{
	width:100%;
	height:100px;
	position:relative;
}
.page-consult font{
	color:#bfbfbf;
	font-family:"微软雅黑";
	font-size:16px;
	display:block;
	margin-bottom:35px;
}
.M-what-top font{
	font-family:"微软雅黑";
	font-size:16px;
	color:#808080;
	display:block;
	margin-top:15px;
}
.sideMenu h3:hover{
	background:#2b2b2b !important;
}
.page-work-topbanner{
	width:100%;
	text-align:center;
}
.page-work-content{
	width:100%;
	height:100%;
	background:#eeeeee;
}
.work-referral span{
	display:block;
	font-family:"微软雅黑";
	font-size:48px;
	color:#ffffff;
	font-weight:bold;
	margin-bottom:15px;
}
.work-referral font{
	display:block;
	font-family:"微软雅黑";
	font-size:16x;
	color:#dfdfde;
	height:91px;
	width:640px;
	margin:0 auto;
}
.work-referral{
}
.pc{

}
.work-logo{
	margin-bottom:18px;
}
.page-topbanner-content{
	text-align:center;
}
.page-topbanner-img{
	margin-top:15px;
	margin-bottom:15px;
}
.page-topbanner-content{
	padding-top:40px;
	padding-bottom:100px;
}
.page-left{
	background:url(../images/work-btnleft.png) no-repeat;
	width:61px;
	height:120px;
	display:block;
	text-indent:-9999px;
	position:fixed;
	left:2%;
	top:50%;
	margin-top:-60px;
}
.page-left:hover{
	background:url(../images/work-btnleft-hover.png) no-repeat;
	width:61px;
	height:120px;
	display:block;
	text-indent:-9999px;
	position:fixed;
	left:2%;
	top:50%;
	margin-top:-60px;
}
.page-right{
	background:url(../images/work-btnright.png) no-repeat;
	width:61px;
	height:120px;
	display:block;
	text-indent:-9999px;
	position:fixed;
	right:2%;
	top:50%;
	margin-top:-60px;
}
.page-right:hover{
	background:url(../images/work-btnright-hover.png) no-repeat;
	width:61px;
	height:120px;
	display:block;
	text-indent:-9999px;
	position:fixed;
	right:2%;
	top:50%;
	margin-top:-60px;
}
.work-list-btn{
	width:280px;
	margin:0 auto;
	padding-top:40px;
}
.work-list-btn a{
	background:url(../images/work-btn2.png) no-repeat;
	width:130px;
	height:46px;
	text-align:center;
	line-height:46px;
	font-family:"微软雅黑";
	font-size:16px;
	color:#525252;
}
.work-list-btn a:hover{
	background:url(../images/work-btn2-hover.png) no-repeat;
	width:130px;
	height:46px;
	text-align:center;
	line-height:46px;
	font-family:"微软雅黑";
	font-size:16px;
	color:#ffffff;
}

/*expertise*/
.expertise-content1{
	padding-top:114px;
}
.expertise-top-title{
	text-align:center;
	width:100%;
}
.expertise-top-title font{
	font-family:"微软雅黑";
	font-size:30px;
	display:block;
	color:#7a7a7a;
	margin-bottom:20px;
}
.expertise-top-title img{
	margin-bottom:30px;
}
.expertise-top-title em{
	width:140px;
	height:2px;
	background:#ffffff;
	display:inline-block;
}
.expertise-top-title{
	margin-bottom:75px;
}
.sideMenu2{ background:url(../images/ex-bj.jpg) no-repeat center; width:100%;}
.sideMenu2 h3{ height:80px; line-height:80px; text-align:center; border-bottom:1px solid #333333; background:#252525; cursor:pointer;
font-size:22px;
	font-family:"微软雅黑";
	display:block;
	color:#7a7a7a;
}
.sideMenu2 h3 em{ display:inline-block; width:26px; height:26px;   background:url(../images/j-ico.png) no-repeat; position:relative; left:10px; top:30px; cursor:pointer; }
.sideMenu2 h3.on{background:#171717; border-bottom:1px solid #252525; height:0px; text-indent:-9999px;}
.sideMenu2 h3.onn{background:#252525; height:80px; text-indent:1px;}
.sideMenu2 h3.on div span{ height:0px;}
.sideMenu2 h3.on div em{ height:0px;}
.sideMenu2>ul{ padding:8px 25px; color:#999; display:none; /* 默认都隐藏 */ }
.expertise-title{
	width:534px;
	margin:0 auto;
}
.sideMenu2 h3:hover{
	background:#2b2b2b !important;
}
.expertise-list{
	width:100%;
	text-align:center;
	padding-top:45px;
	padding-bottom:45px;
}
.expertise-list span{
	font-family:"微软雅黑";
	font-size:36px;
	color:#ffffff;
	font-weight:bold;
	margin-bottom:30px;
	display:block;
}
.expertise-list font{
	font-family:"微软雅黑";
	font-size:22px;
	color:#bfbfbf;
	display:block;
}
.expertise-content1{
	background:#282828;
}
.expertise-top-title{
	background:#282828;
}
.expertise-content2{
	background:#f5f5f5!important;
	height:655px;
	width:100%;
}
.expertise-content2-main{
	text-align:center;
	padding-top:88px;
}
.expertise-content2-list{
	width:770px;
	margin:0 auto;
	padding-top:48px;
	margin-bottom:80px;
}
.expertise-content2-list-left{
	width:357px;
	text-align:left;
	font-family:"微软雅黑";
	color:#a0a0a0;
	font-size:18px;
	line-height:30px;
}
.expertise-content2-list-right{
	width:410px;
	text-align:left;
	font-family:"微软雅黑";
	color:#a0a0a0;
	font-size:18px;
	line-height:30px;
}
.expertise-content2-main span{
	font-family:"微软雅黑";
	color:#676767;
	font-size:20px;
	display:block;
	margin-bottom:29px;
}
.btn2{
	background:url(../images/btn2.png) no-repeat;
	width:192px;
	height:56px;
	display:inline-block;
	text-indent:-9999px;
}
.btn2:hover{
	background:url(../images/btn2-hover.png) no-repeat;
	width:192px;
	height:56px;
	display:inline-block;
	text-indent:-9999px;
}
.expertise-content2{
	position:relative;
}
.expertise-content3{
	position:relative;
	height:616px;
}
.btn3{
	background:url(../images/btn3.png) no-repeat;
	width:192px;
	height:56px;
	display:inline-block;
	text-indent:-9999px;
}
.btn3:hover{
	background:url(../images/btn2-hover.png) no-repeat;
	width:192px;
	height:56px;
	display:inline-block;
	text-indent:-9999px;
}



/*news*/
.news{
	width:100%;
	text-align:center;
	background:#e5e5e5;
	padding-top:53px;
}
.news-nav a{
	width:63px;
	height:29px;
	display:inline-block;
	text-align:center;
	line-height:29px;
	font-family:"微软雅黑";
	font-size:16px;
	color:#6c6c6c;
}
.news-nav a:hover{
	background:url(../images/news-nav-bj.png) no-repeat;
	font-family:"微软雅黑";
	font-size:16px;
	color:#000000;
	width:63px;
	height:29px;
}
.news-nav a.on{
	background:url(../images/news-nav-bj.png) no-repeat;
	font-family:"微软雅黑";
	font-size:16px;
	color:#000000;
}
.news-nav{ padding-bottom:30px;
}



#wrapp{position:relative;zoom:1;margin:0px auto;visibility:hidden;margin-top:20px; text-align:left;}
#wrapp div{position:absolute;left:0;top:0;opacity:1;visibility:hidden; width:295px;height:370px;}
.active div.mode{-webkit-transition:all .8s ease-in;-moz-transition:all  .8s ease-in-out;-o-transition:all .5s ease-in;transition:all  .5s ease-in;}

.mode{background:#FFF;border-top:1px solid #dcdcdc;-webkit-transition: opacity .4s ease-in-out;-moz-transition: opacity .4s ease-in-out;-o-transition: opacity .4s ease-in-out}
.trym{-webkit-transition:none;-moz-transition:none;-o-transition:none;transition:none}
.active .mode{ -webkit-transition: all .7s ease-out .1s;-moz-transition:all  .7s ease-out ;-o-transition:all .7s ease-out .1s;transition:all  .7s ease-out .1s}
.mode{width:295px;padding:15px;border:1px solid #dfdfdf;background:#FFF}
.mode .pic{ width:190px;margin-bottom:7px;position:relative;text-align:center}
.mode .pic a{display:block}
.mode .pic a img{width:297px;vertical-align: bottom; height:214px !important;}


.mode:hover{
	background:#00B6E0;
}
.mode:hover a{
	color:#ffffff;
}
.mode:hover font{
	color:#ffffff;
}
.news-title{
	text-align:left;
	margin-bottom:10px;
	display:block;
}
.news-title a{
	font-family:"微软雅黑";
	font-size:16px;
	color:#000000;
}
.news-title font{
	font-family:"微软雅黑";
	font-size:13px;
	color:#c2c2c2;
}
.news-content{
	line-height:22px;
	font-family:"微软雅黑";
	font-size:14px;
	color:#c2c2c2;
}
.news{

}

.popup_in,.popup_close{animation-duration:.5s;animation-delay:.1s;animation-timing-function:ease-out;animation-fill-mode:both;-webkit-animation-duration:.8s;-webkit-animation-delay:.1s;-webkit-animation-timing-function:ease-out;-webkit-animation-fill-mode:both;-moz-animation-duration:.5s;-moz-animation-delay:.2s;-moz-animation-timing-function:ease-out;-moz-animation-fill-mode:both;-moz-backface-visibility:hidden;-ms-animation-duration:.5s;-ms-animation-delay:.1s;-ms-animation-timing-function:ease-out;-ms-animation-fill-mode:both}
.popup_in{-webkit-animation-name:fadeInUp;-moz-animation-name:fadeInUp;-ms-animation-name:fadeInUp;-o-animation-name:fadeInUp;animation-name:fadeInUp}.popup_close{visibility:hidden}
@-webkit-keyframes fadeInUp{0%{margin-top:-25px;}100%{margin-top:0}}@-moz-keyframes fadeInUp{}@-ms-keyframes fadeInUp{0%{opacity:0;-ms-transform:translateY(-20px)}100%{opacity:1;-ms-transform:translateY(0)}}@-o-keyframes fadeInUp{0%{opacity:0}100%{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}@-webkit-keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0)}100%{opacity:0;visibility:hidden;-webkit-transform:translateY(-20px)}}

.job{
	padding-top:78px;
	text-align:center;
}
.job-top{
	text-align:center;
	width:1160px;
	margin:0 auto;
}
.job-top span{
	font-family:"微软雅黑";
	font-size:30px;
	color:#212121;
	margin-bottom:32px;
	display:block;
}
.job-top span font{
	font-family:"微软雅黑";
	font-size:30px;
	color:#00addc;
	font-weight:bold;
}
.job-top p{
	font-family:"微软雅黑";
	font-size:18px;
	color:#adadad;
	line-height:26px;
}
.job-list{
	width:1160px;
	margin:0 auto;
	text-align:left;
}
.job-ico1{
	background:url(../images/job-ico1.png) no-repeat;
	width:82px;
	height:82px;
	display:inline-block;
	cursor:pointer;
}
.job-ico2{
	background:url(../images/job-ico2.png) no-repeat;
	width:82px;
	height:82px;
	display:inline-block;
	cursor:pointer;
}
.job-ico3{
	background:url(../images/job-ico3.png) no-repeat;
	width:82px;
	height:82px;
	display:inline-block;
	cursor:pointer;
}
.job-ico4{
	background:url(../images/job-ico4.png) no-repeat;
	width:82px;
	height:82px;
	display:inline-block;
	cursor:pointer;
}
.job-ico5{
	background:url(../images/job-ico5.png) no-repeat;
	width:82px;
	height:82px;
	display:inline-block;
	cursor:pointer;
}
.job-ico6{
	background:url(../images/job-ico6.png) no-repeat;
	width:82px;
	height:82px;
	display:inline-block;
	cursor:pointer;
}
.job-title{
	font-family:"微软雅黑";
	font-size:18px;
	color:#636363;
	cursor:pointer;
}
.job-title-en{
	font-family:"Arial";
	font-size:14px;
	color:#c1c1c1;
	cursor:pointer;
}
.job-pb{
	font-family:"微软雅黑";
	font-size:12px;
	color:#636363;
	cursor:pointer;
}
.job-content{
	padding-top:24px;
	padding-left:12px;
	cursor:pointer;
}
job-list-main{
	cursor:pointer;
}
.job-list-main{
	width:429px;
	height:111px;
}
.job-list-main2{
	width:468px;
	height:111px;
}
.job-list-main3{
	height:111px;
}
.job-list-main6{
	height:111px;
}
.job-list-main4{
	width:429px;
	height:111px;
}
.job-list-main5{
	width:468px;
	height:111px;
}
.job-list{
	padding-top:95px;
}
.job-links{
	line-height:30px;
}
.job-links span{
	font-family:"微软雅黑";
	font-size:18px;
	color:#8e8e8e;
	font-weight:bold;
	display:block;
}
.job-links font{
	font-family:"微软雅黑";
	font-size:18px;
	color:#8e8e8e;
	display:block;
}
.job-links font a{
	font-family:"微软雅黑";
	font-size:18px;
	color:#8e8e8e;
}
.job-list{
	margin-bottom:60px;
}


/*客户*/
.clients-main{
	background:#f5f5f5;
	width:100%;
	height:642px;
	padding-top:106px;
}
.clients-content{

	width:100%;
	height:1563px;
}

.clients-main-title{
	width:100%;
	text-align:center;
}
.clients-main-title font{
	display:block;
	font-family:"微软雅黑";
	font-size:24px;
	color:#ababab;
}
.clients-main-title span{
	display:block;
	margin-bottom:20px;
}
.clients-img{
	width:100%;
	text-align:center;
	margin-top:74px;
}
.clients-main{
	position:relative;
}
.clients-slide{
	height:724px;
	padding-top:66px;
}



.new-page{
	width:968px;
	border:1px solid #dcdcdc;
	background:#ffffff;
	min-height:400px;
	margin:0 auto;
	padding:15px;
	border-radius:6px;
}
.page-new-title{
	padding-top:15px;
	padding-bottom:15px;
}
.page-new-title span{
	font-family:"微软雅黑";
	font-size:24px;
	font-weight:bold;
	color:#000;
	display:block;
}
.page-new-title font{
	font-family:"微软雅黑";
	font-size:14px;
	color:#999999;
	display:block;
}
.new-page-main{
	font-family:"微软雅黑";
	font-size:14px;
	color:#666666;
	line-height:200%;
}
.new-page-main div{ text-align:left!important;}
.new-btn{
	background:url(../images/work-btn2.png) no-repeat;
	width:130px;
	height:46px;
	line-height:46px;
	display:inline-block;
	text-align:center;
	font-family:"微软雅黑";
	font-size:14px;
	color:#666666;
	margin-top:40px;
	margin-bottom:40px;
}
.new-btn:hover{
	background:url(../images/work-btn2-hover.png) no-repeat;
	color:#ffffff;
}

.theme-popover-mask{z-index: 9998;position:fixed;top:0;left:0;width:100%;height:100%;display:none}
.theme-popover{z-index:9999;position:fixed;top:20%;left:50%; margin-left:-400px;width:770px;height:470px;background:#ffffff; border-radius:6px;display:none; padding:15px;}
.theme-popover-mask{z-index: 9998;position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.6;filter:alpha(opacity=40);display:none}
.theme-poptit .close{float:right;display:block;width:68px; height:68px; text-indent:-99999;}






#nav2{
	position:fixed;
	left:20px;
	top:15%;
	width:60px;
	height:241px;
	z-index:9995;
	padding-top:128px;
	text-align:left !important;
}
#nav2 li{
	margin-bottom:15px;
	display:block;
}
.nav-ico1{
	background:url(../images/jiangbei.png) no-repeat;
	width:60px;
	height:60px;
	display:block;
}
.nav-ico1:hover{
	background:url(../images/jiangbei-hover.png) no-repeat;
}
#nav2 .current .nav-ico1{
	background:url(../images/jiangbei-hover.png) no-repeat !important;
	width:60px;
	height:60px;
	display:block;
}
.nav-ico2{
	background:url(../images/design-ico2.png) no-repeat;
	width:60px;
	height:60px;
	display:block;
}
.nav-ico2:hover{
	background:url(../images/design-ico2-hover.png) no-repeat;
}
#nav2 .current .nav-ico2{
	background:url(../images/design-ico2-hover.png) no-repeat !important;
	width:60px;
	height:60px;
	display:block;
}
.nav-ico3{
	background:url(../images/brand-ico2.png) no-repeat;
	width:60px;
	height:60px;
	display:block;
}
.nav-ico3:hover{
	background:url(../images/brand-ico2-hover.png) no-repeat;
}
#nav2 .current .nav-ico3{
	background:url(../images/brand-ico2-hover.png) no-repeat !important;
	width:60px;
	height:60px;
	display:block;
}

.nav-ico4{
	background:url(../images/move-ico2.png) no-repeat;
	width:60px;
	height:60px;
	display:block;
}
.nav-ico4:hover{
	background:url(../images/move-ico2-hover.png) no-repeat;
}
#nav2 .current .nav-ico4{
	background:url(../images/move-ico2-hover.png) no-repeat !important;
	width:60px;
	height:60px;
	display:block;
}
.nav-ico5{
	background:url(../images/ui-ico2.png) no-repeat;
	width:60px;
	height:60px;
	display:block;
}
.nav-ico5:hover{
	background:url(../images/ui-ico2-hover.png) no-repeat;
}
#nav2 .current .nav-ico5{
	background:url(../images/ui-ico2-hover.png) no-repeat !important;
	width:60px;
	height:60px;
	display:block;
}





#tFocus{width:1120px;height:480px;overflow:hidden; margin:0 auto; position:relative; padding-top:50px;}
#tFocus-pic{width:1118px;height:243px;position:relative;margin:100px 0 40px;}
#tFocus-pic li{border-radius:16px;width:1120px;margin:0 auto;height:250px;position:absolute; background:#323232;border:1px solid #404040;left:0;top:0;/* filter:alpha(opacity:0);opacity:0; */}
#tFocusBtn{width:1118px; padding-top:40px;padding-left:5px;z-index:20;}
#tFocus-btn{width:1020px;position:relative;left:0;bottom:0;float:left;margin-right:3px;}
#tFocus-btn ul{width:100000px;position:absolute;left:0;top:0;overflow:visible !important;}
#tFocus-btn li{height:85px;width:91px;/* padding-top:7px; */display:block;float:left;margin-right:11px; position:relative;display:table;text-align:center;}
#tFocus-btn li span{display:table-cell;vertical-align:middle;}
#tFocus-btn li.active em{
	display:block;
}
.s-ico{
	background:url(../images/sanjiao.png) no-repeat;
	width:40px;
	height:19px;
	display:none;
	position:absolute;
	left:17px;
	top:-61px;
}
#tFocus-btn li.active img{}
#tFocus-leftbtn,#tFocus-rightbtn{height:120px;margin-top:18px;width:60px;text-indent:-9999px;}
#tFocus-leftbtn{margin-right:5px;background:url(../images/img-btn.png) no-repeat; position:absolute; left:20px; top:50px;}
#tFocus-rightbtn{background:url(../images/img-btn2.png) no-repeat; position:absolute; right:20px; top:50px;}
.picFocus .prev:hover{margin-right:5px;background:url(../images/img-btn-hover.png) no-repeat;}
.picFocus .next:hover{background:url(../images/img-btn-hover2.png) no-repeat;}

.picFocus .prev,.picFocus .next { width: 60px; height: 120px; margin: -60px 0 0; position: absolute;top: 40%; z-index: 999999; cursor: pointer; text-indent: -9999px;   }
.picFocus .prev { left: 0;background:url(../images/img-btn.png) no-repeat;}
.picFocus .next {right: 0;background:url(../images/img-btn2.png) no-repeat; }
.picFocus .tempWrap{overflow:visible !important;}
.tempWrap li{cursor:pointer;}
.smallImg ul li{ background:url(../images/c_bg1.png) no-repeat;}
.smallImg ul li span img{}


.smallImg p{
    width:85px;height:85px;
    line-height:85px;  /* 行高等于高度 */
}

/* 兼容标准浏览器 */
.smallImg p:before{
    content:".";  /* 具体的值与垂直居中无关，尽可能的节省字符 */
    margin-left:-5px; font-size:10px;  /* 修复居中的小BUG */
    visibility:hidden;  /*设置成隐藏元素*/
}

.smallImg p img{
    *margin-top:expression((85 - this.height )/2);  /* CSS表达式用来兼容IE6/IE7 */
    vertical-align:middle;
}
.picFocus .smallImg .active{  background:url(../images/c_bg2.png) no-repeat;}
.c_txt{padding:30px 40px 40px 40px;color:#D8D8D8;line-height:200%; font-family:"微软雅黑"; font-size:14px;}

.wrap{ padding-bottom:60px;}
.job-links font a:hover{text-decoration:underline;}

.theme-popbod{
	text-align:left;
	font-family:"微软雅黑";
	font-size:14px;
	color:#666666;
}



.m-404{
	position:relative;
	width:100%;
	height:100%;
}
.m-404-main{
	background:url(../images/404.png) center no-repeat #ffffff;
	height:455px;
	width:542px;
	position:absolute;
	left:50%;
	top:100px;
	margin-left:-271px;
}
.btn-main{
	background:url(../images/404-btn.png) no-repeat;
	width:157px;
	height:39px;
	line-height:39px;
	display:block;
	text-align:center;
	font-family:"微软雅黑";
	font-size:14px;
	color:#666666;
	margin-right:15px;
}

.btn-main em{
	background:url(../images/404-san.png) no-repeat;
	width:7px;
	height:11px;
	display:inline-block;
	margin-right:4px;
}
.btn-main:hover{
	background:url(../images/404-btn-hover.png) no-repeat;
	color:#ffffff;
}
.btn-main:hover em{
	background:url(../images/404-san-hover.png) no-repeat;
}
.content-404-btn{
	position:absolute;
	right:-60px;
	bottom:0px;
}

.zan{
	background:url(../images/zan.png) no-repeat !important;
	width:44px !important;
	height:10px !important;
	display:block !important;
	margin-left:15px;
	text-align:center;
	padding-top:34px;
	font-family:"微软雅黑" !important;
	font-size:10px !important;
	color:#ffffff !important;
	line-height:0px !important;
}
.work-list-btn{
	width:150px;
	margin:0 auto;
	padding-top:40px;
}


.#BDBridgeWrap, #BDBridgeNewWrap, #BDBridgeFixedWrap, #BDBridgeWrap div, #BDBridgeNewWrap div, #BDBridgeFixedWrap div, #BDBridgeWrap ul, #BDBridgeNewWrap ul, #BDBridgeFixedWrap ul, #BDBridgeWrap li, #BDBridgeNewWrap li, #BDBridgeFixedWrap li{
	display:none !important;
}

.page-Article-QQ {
  font-size: 0;
  margin: 0 auto;
  padding-bottom: 50px;
  padding-top: 0;
  text-align: center;
   clear:both;
}
.page-Article-QQ li {
  display: inline-block;
  margin-right: 3px;
}
.page-Article-QQ li a, .page-Article-QQ li a:visited, .page-Article-QQ li a:link, .page-Article-QQ li a:hover {
  color: #000000;
  text-decoration: none;
}
.page-Article-QQ li a {
  border: 1px solid #DDDDDD;
  display: inline-block;
  font-size: 14px;
  line-height: 28px;
  padding: 0 10px;
}

.page-Article-QQ li span {
  background: none repeat scroll 0 0 #2D96E9;
  border: 1px solid #DDDDDD;
  color: #FFFFFF;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  line-height: 28px;
  padding: 0 10px;
}

.page-Article-QQ .curr-page a, .page-Article-QQ li a:hover{background:none repeat scroll 0 0 #2D96E9; border:1px solid #2D96E9; color:#FFFFFF}

/***************轮播样式**************************/
.lunhuanJSbg {BACKGROUND: url(../images/index_nav_selectbg.jpg) no-repeat 0px 0px;}
#lunhuanJS .lunhuan_content {  height:455px; overflow:hidden;position:relative;}
.lunhuan_content .tab_1 {
}
.lunhuan_content .tab_1 .tab_img {
  height:455px; OVERFLOW: hidden; text-align:center; }
.lunhuan_content .tab_1 .tab_img div{ height:455px;}
.web_tab_menu{ position:absolute; top:0px; left:0px; height:1px; z-index:99; width:100%;}
.web_tab_menuc{width:990px; margin:0 auto; position:relative;}
.lunhuan_content .tab_1 .tab_menu { position:absolute; right:363px; top:431px;}
.lunhuan_content .tab_1 .tab_menu UL {
	HEIGHT: 8px;float:right;}
.lunhuan_content .tab_1 .tab_menu LI {
width:48px;height:10px;float:left;color:#010000;font-size:10px;text-align:center;line-height:10px;font-family:Verdana; display:inline;margin:0 4px 0 0;cursor:pointer; margin-top:1px;font-size:12px; font-weight:bold; text-indent:-1000px; overflow:hidden;}
.lunhuan_content .tab_1 .tab_menu .active { background:#f60; color:#FFFFFF; margin-top:0px;}
.lunhuan_content .tab_1 .tab_menu .active A {
	color:#FFFFFF;}
.lunhuan_content .tab_1 .tab_menu .normal { background:#000;}
.lunhuan_content .tab_1 .tab_menu .normal A {
	color:#010000;}
normal A {
	color:#010000;}

	color:#010000;}

 .normal A {
	color:#010000;}
color:#010000;}
tab_menu .normal A {
	color:#010000;}
}
ab_menu .normal A {
	color:#010000;}
huan_content .tab_1 .tab_menu .normal A {
	color:#010000;}

or:#010000;}

/*--APP经典案例--*/
a:hover{text-decoration:none;color:#d6282e;}
h2{font-size:14px;line-height:28px; ;font-weight:normal;display:inline;padding-left:3px;margin:1.2em 0px; }
#outWrapper{margin:0 auto;text-align:center;}
#wrapper{margin:0  auto;margin-top:55px;text-align:left;position:relative;width:1000px;}
.post{height:auto;float:left;background:#fff;}
.uiList .entry img,.siteList img{margin:0;}
.entry{position:relative;overflow: hidden;}
.uiList .postmetadata,.siteList .postmetadata,.fxlist .postmetadata{  height: 28px;overflow: hidden;padding:6px 6px 7px 9px;color:#ccc;font-size:12px;}
.posts_nav{clear:both;}
#bread_crum{font-size:12px;margin-bottom:10px;}
.postmetadata{padding-left:4px;font-size:14px;line-height:30px;height:30px;position:relative;}
.post #bread_crum a,.post .postmetadata a{text-decoration:none;color:#7e7e7e;padding:0px 4px;}
#bread_crum a:hover,.postmetadata a:hover{color:#ba3c5a;text-decoration:underline;}
.postmetadata a:hover{text-decoration:none;color:#d6282e;}
.postmetadata .time{float:right;color:#df5878;text-decoration:underline; }
#wrapper .postmetadata .post-ratings{width:60px;overflow:hidden;float:right;margin-top:5px;height:15px;overflow:hidden;}
.ui #intro img{width:auto;height:auto;max-width:100%; }
.siteList .post,.uiList .post,.post.fxlist{width:238px; margin-right:16px;margin-bottom:16px;padding-bottom:5px;}
.siteList .post img,.uiList .post img{width:264px;height:auto;margin:0;}
.post.fxlist{padding:0;}
.fxlist.post img{width:264px;height:auto;}
.fxlist.post .imgBox {height: 190px; overflow:hidden;}
.fxlist.post .imgBox img{min-height: 190px; margin:0; transition:all 400ms ease; -webkit-transition:all 400ms ease; -moz-transition:all 400ms ease;}
.fxlist.post .imgBox:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1);}
.fxlist h3{margin:0px 12px 0px 12px; line-height:25px;padding: 17px 0px;}
.siteList .post .imgBox img{ margin:0;}





/*--team-starts--*/

	 padding:5em 0px;
       background-color: #fff;
}
.team-top{
	text-align:center;
}
.team-bottom{
	margin-top:4%;
}
.captn h4 {
    color: #fff;
    font-size:14px;
    margin: 0px;
    text-transform: uppercase;
	font-family:"微软雅黑";

}

.team-left a .captn {
    display: inline-block;
    height: 100%;
    width: 100%;
    color: #ffffff;
    position: absolute;
    bottom: -113%;
    right: 0;
    background-color:#d6282e;
    padding: 7% 10%;
    text-align: center;
    -o-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.team-left a:hover .captn {
    width: 100%;
    bottom: -78%;
    padding: 7% 10%;
}

.team-text {
    text-align: center;
    margin: 17px 0px;
}
.team-text h5 {
   color:#000;
    font-size:12px;
    margin: 0;
	text-transform:uppercase;
	letter-spacing:2px;
}
.team-text p{
	font-size:0.9em;
	 color: #777;
	margin-top:3px;
}
.team-left img{
	width:100%;
}

.team-left:before {
    bottom: -4px;
    content: "";
    height: 3px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    width: 98%;
}
.team-left:after {
    bottom: -8px;
    content: "";
    height: 3px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    width: 96%;
}
/*--team-ends--*/


/*--微信开发核心技术--*/
input[type=submit], input[type=button] { cursor: pointer; }
.clearfix:after { content: ""; display: block; clear: both; }
@font-face {
  font-family: 'iconfont';
  src: url('http://at.alicdn.com/t/font_1448963555_130266.eot'); /* IE9*/
  src: url('http://at.alicdn.com/t/font_1448963555_130266.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('http://at.alicdn.com/t/font_1448963555_130266.woff') format('woff'), /* chrome、firefox */
  url('http://at.alicdn.com/t/font_1448963555_130266.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('http://at.alicdn.com/t/font_1448963555_130266.svg#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont{font-family:"iconfont";
font-size:16px;font-style:normal;-webkit-text-stroke-width: .2px;}
.micro-platform{ background:#fff; height:530px;}
.wei-class{ width:1000px; margin:0 auto; padding-top:55px;}
.wei-class li{ width:25%; height:155px; text-align:center; float: left; font-size:18px;background:url(../images/micro--tit1.png) center top no-repeat; line-height:136px; color:#fff;}
.wei-class li{-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s eas-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out;}
.wei-class li i{ font-size:30px; padding-right:10px;}
.wei-class li.active,.wei-class li:hover{ background-image:url(../images/micro--tit2.png);}
.micro-platform-cont .menu_list{ width:1000px; margin:0 auto; text-align:center; display:none;position:relative;}
.micro-platform-cont .menu_list h3{ height:40px; line-height:40px; font-size:25px;color:#b9b9bd; background:url(../images/cont.png) center no-repeat; position:relative; top:-20px;}
.micro-platform-cont .menu_list ul li{ width:12.5%; float:left; padding-bottom:30px; color:#b9b9bd;}
.micro-platform-cont .menu_list ul li{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.micro-platform-cont .menu_list ul li:hover{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2); color:#858688;}
.micro-platform-cont .menu_list ul li i{ font-size:50px; padding:10px;}
.micro-platform-cont .menu_list ul li p{ line-height:30px; font-size:14px; margin-top:10px;}
.index-line{ height:1px; overflow:hidden; background:#ddd; margin:30px 0px}

/*--外包服务--*/
.character360 {
	width: 109px;
	height: 109px;
	margin-right:25px;
	background: no-repeat url("images/waibao_05.png") left top;
	-webkit-background-size: 109px 109px;
	-moz-background-size: 109px 109px;
	background-size: 109px 109px;
	-webkit-border-radius: 110px;
	border-radius: 110px;
	-webkit-transition: -webkit-transform 2s ease-out;
	-moz-transition: -moz-transform 2s ease-out;
	-o-transition: -o-transform 2s ease-out;
	-ms-transition: -ms-transform 2s ease-out;
	float:left;

}
.character360:hover {
	-webkit-transform: rotateZ(360deg);
	-moz-transform: rotateZ(360deg);
	-o-transform: rotateZ(360deg);
	-ms-transform: rotateZ(360deg);
	transform: rotateZ(360deg);
}

.waibao{width:448px; height:109px; float:left; text-align:left;}
.waibao span{margin-top:20px;font-size:16px; font-family:"微软雅黑"; margin-top:22px;}
.waibao p{margin-top:8px; font-family:"微软雅黑"; color:#7e7e7e;line-height:1.8; font-size:12px;}

/*--服务流程--*/
.liuc_left{height:64px; text-align:left;float:left; margin-left:468px; margin-bottom:15px;}
.liuc_left span{margin-top:20px;font-size:18px; font-family:"微软雅黑"; margin-top:22px;}
.liuc_left p{margin-top:8px;font-size:14px; font-family:"微软雅黑"; color:#7e7e7e;}
.liuc_right{height:64px; text-align:right;float:right; margin-right:468px; margin-bottom:15px;}
.liuc_right span{margin-top:20px;font-size:18px; font-family:"微软雅黑"; margin-top:22px;}
.liuc_right p{margin-top:8px;font-size:14px; font-family:"微软雅黑"; color:#7e7e7e;}
.ss-container:before {position: absolute;width: 1px;background: #e5e5e5;top: 0px; left: 50%;margin-left: -2px;height: 100%;}

/*--按钮--*/
.moreBox {
    padding: 0px 0px 90px 0px;
}
.tc {
    text-align: center;
}
.moreBtn {
    border: 1px solid #c8c8c8;
    height: 45px;
    line-height: 45px;
    padding: 0 4%;
    display: inline-block;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
	color:#aaaaaa;
}
.moreBtn:hover{
	color:#d6282e;
	border:1px solid #d6282e;
	text-decoration:none;
	padding:0 6%;
	}

/*--电子政务--*/

.title{
border-bottom:1px #eee solid;
width:100px;
margin:0 auto;
margin-bottom:25px;
font-size:20px;
padding-bottom:10px;
font-family:Microsoft Yahei;
}
.content{
line-height:24px;
margin-top:25px;
height:30px;
font-size:12px;
text-align:center;
font-family:Microsoft Yahei;
}
.nei{
width:1000px;
height:300px;
margin:0 auto;
margin-top:20px;
border-bottom:1px #eee solid;
}
.nei_bottom{
width:1000px;
height:300px;
margin:0 auto;
margin-top:20px;
}
.box{
margin:0 auto;
width:498px;
height:280px;
float:left;

font-family:Microsoft Yahei;
}
.box_n{
width:360px;
margin:0 auto;
margin-top:40px;
}
.nav1{
width:360px;
height:30px;
color:#d7282e;
font-size:20px;
}
.text{
width:360px;
height:80px;
margin:0 auto;
text-align:center;
border:1px #eee solid;
margin-top:12px;
padding-top:10px;
font-size:12px;
font-family:Microsoft Yahei;
line-height:24px;
}
.text1{
width:360px;
height:80px;
margin:0 auto;
text-align:center;
margin-top:12px;
font-size:12px;
font-family:Microsoft Yahei;
}
.botton{
width:120px;
height:30px;
text-align:center;
line-height:30px;
margin-top:40px;
border:1px #eee solid;
}
.botton:hover  {
 color:#d7282e;text-decoration:none;
 border:1px #bd1e25 solid;
}
.fenye{
width:50%;
height:50px;
margin:0 auto;
margin-top:10px;
margin-bottom:10px;

}


/*--手机--*/
/*---------------------------
[Template Structure]

Project:	 SlideOut
Version:	 1.0
Primary Use: Site Template
Layout:      Responsive
Platforms:   Mobile & Tablet
-----------------------------


@charset "UTF-8";

/* 1. General */


body{
	height:100%;
    background-color:#FFFFFF;
}

.disabled{display:none;}

.larger-font{
    font-size:13px;
    line-height:30px!important;
}

.larger-font li{
    font-size:13px;
    line-height:30px!important;
}

::-webkit-scrollbar {
    display: none;
}

/*Bottom Ball Menu*/

.menu-wrapper-background{
    position:fixed;
    z-index:99999;
    background-color:rgba(0,0,0,0.6);
    width:100%;
    height:100%;
    top:0px;
    left:0px;
    display:none;
}

/*Top Sliding Menu*/

.menu-top{
    position:fixed!important;
    z-index:999999999;
    max-height:428px;
    width:300px!important;
    left:50%;
    margin-left:-150px;
    border:solid 1px #cacaca;
}


.active-submenu{
    display:block;
    min-height:100%;
    max-height:500px!important;
}

.active-menu .fa-circle{
    color:#2ecc71!important;
    margin-top:26px;
}


.menu-top li{list-style:none; margin-bottom:0px;}
.menu-top li a:hover{background-color:rgba(0,0,0,0.05)!important; }
.submenu{margin-bottom:0px;}


.page-content{
    -webkit-transform:translateY(0px);
    transform:translateY(0px);
    transition:all 350ms ease;
}

.menu-top{
    border-top:solid 1px rgba(0,0,0,0.1);
    background-color:rgba(255,255,255,1);
    position:absolute;
    width:100%;
    z-index:99999999;
    height:100%;
    top:-500px;
    overflow:scroll!important;
    -webkit-overflow-scrolling: touch!important;
    transition:all 350ms ease;
    border-radius:10px;
}

.show-menus{
    top:50%;
    margin-top:-210px;
    transition:all 350ms ease;
}

.menu-top span{
    border-bottom:solid 1px rgba(0,0,0,0.01);
    display:block;
    font-size:11px;
    font-family:'Roboto', sans-serif;
    text-align:Center;
    padding-top:5px;
    padding-bottom:5px;
}

.menu-top a i{
    position:absolute;
    margin-top:24px;
    margin-left:-40px;
    font-size:14px;
}

.menu-top .fa-circle{
    /*position:absolute!important;*/
    float:right;
    right:0px;
    margin-right:25px;
    font-size:8px;
    margin-top:29px;
}

.menu-top .fa-angle-right{
    position:absolute;
    left:40px;
    top:-3px;
}

.menu-top .fa-plus{
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    position:absolute!important;
    right:0px;
    margin-right:24px;
    font-size:11px;
    margin-top:27px;
    transition:all 350ms ease;
}

.menu-top a{
    font-size:13px;
    font-weight:500;
    padding-left:70px;
    color:#3b4043;
    line-height:60px;
    border-bottom:solid 1px rgba(0,0,0,0.1);
}

.submenu li:last-child{
    border-bottom:solid 1px rgba(0,0,0,0.08)!important;
}

.menu-top a:hover{color:#000000;}

/*.submenu{display:none;}*/

.submenu{
    max-height:0px;
    overflow:hidden;
    transition:all 350ms ease;
}

.show-submenu{
    max-height:500px!important;
    transition:all 350ms ease;
}

.submenu a{
    font-size:12px;
    line-height:60px!important;
    opacity:0.8;
    padding-left:90px;
}

.submenu li:hover{
    background-color:rgba(0,0,0,0.02);
}

.submenu .fa-angle-right{
    margin-left:26px;
    margin-top:27px;
}

.active-plus{
    color:#c0392b;
    -ms-transform: rotate(135deg)!important;
    -webkit-transform: rotate(135deg)!important;
    transform: rotate(135deg)!important;
    transition:all 350ms ease;
    margin-top:25px!important;
}

.submenu .fa-circle{
    position:absolute;
    z-index:999999;
    margin-top:28px;
    font-size:6px!important;
}

.has-submenu .fa-mobile{
    font-size:22px;
    margin-top:20px;
}

/*Header*/

.header{
    position:fixed;
    width:100%;
    z-index:99999;
    height:71px;
    background-image:url(../images/misc/menu-bg.png)
}

.header-clear{
    height:60px;
}

.header-clear-big{
    height:90px;
}

.header-logo{
    float:left;
    background-image:url(../images/logo.png);
    width:213px;
    height:57px;
    background-size:213px 57px;
    margin-top:6px;
    margin-left:15px;
}

.header-navigation{
    float:right;
    color:#515151;
    height:71px;
    width:71px;
    text-align:center;
    line-height:71px;
}

.header-navigation i{
    width:71px;
    height:71px;
    line-height:71px;
    text-align:center;
}

.header-navigation:hover{
    color:#d7282e;
    background-color:rgba(0,0,0,0.02);
}


.top-section{
    height:100%;
    display:block;
    background-image:url(../images/pictures/4t.jpg);
    background-size:cover;
    position:relative;
}

.top-call-to-action{
    height:50px;
    background-image:url(../images/misc/menu-bg.png);
}

.top-call-to-action a{
    width:33%;
    text-align:center;
    float:left;
    font-size:12px;
    line-height:50px;
    color:#FFFFFF;
    opacity:0.9;
}

.top-call-to-action a i{
    padding-right:13px;
    font-size:14px;
}

.top-call-to-action a:hover{
    color:#FFFFFF;
    background-color:rgba(255,255,255,0.05);
    opacity:1;
}

.top-call-to-action a:first-child{
    border-right:solid 1px rgba(255,255,255,0.1);
}

.top-call-to-action a:last-child{
    border-left:solid 1px rgba(255,255,255,0.1);
}


/*Center Socials*/

.center-socials{
    width:168px;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:0px;
    padding-top:10px;
    margin-top:-10px;
}

.center-socials a{
    transition:all 250ms ease;
    margin-bottom:30px;
    width:40px;
    height:40px;
    text-align:center;
    line-height:40px;
    border-radius:40px;
    float:left;
    margin-left:8px;
    margin-right:8px;
}

.center-socials a:hover{
    color:#FFFFFF;
    transform:scale(1.2, 1.2);
    -webkit-transform:scale(1.2, 1.2);
    transition:all 250ms ease;
}

.center-socials a i{
    width:40px;
    height:40px;
    line-height:40px;
}


/*Color Strip*/

.content-strip{
    background-image:url(../images/pictures/5.jpg);
    background-size:cover;
}

.content-strip-content{
    position:relative;
    z-index:9999;
    padding-top:50px;
    padding-bottom:20px;
}

.content-strip-content h1{
    color:#FFFFFF!important;
    text-align:center;
    font-weight:500;
    font-size:22px;
    padding-bottom:15px;
    position:relative;
    z-index:9999;
}

.content-strip-content h4{
    color:#FFFFFF;
    opacity:0.7;
}

.content-strip-content div{
    color:#FFFFFF;
    position:relative;
    z-index:999;
}

.content-strip-content p{
    width:300px;
    margin-left:auto;
    margin-right:auto;
    color:#FFFFFF;
    text-align:center;
    font-size:14px;
    opacity:0.7;
    position:relative;
    z-index:99999;
}

.content-strip-overlay{
    position:absolute!important;
    height:100%;
    background-color:rgba(0,0,0,0.8);
    width:100%;
    z-index:999!important;
    top:0px;
}

.skeleton-button{
    width:150px;
    height:40px;
    font-size:13px;
    color:rgba(255,255,255,0.8);
    line-height:38px;
    text-align:center;
    border:solid 1px rgba(255,255,255,0.8);
    margin-left:auto;
    margin-right:auto;
    margin-bottom:30px;
    transition:all 250ms ease;
}

.skeleton-button:hover{
    color:#FFFFFF;
    background-color:rgba(255,255,255,0.1);
    transition:all 250ms ease;
}


/*Fullscreen Slider Image*/

.slider-image-1{background-image:url(../images/pictures/3.jpg);}
.slider-image-2{background-image:url(../images/pictures/1.jpg);}
.slider-image-3{background-image:url(../images/pictures/5.jpg);}
.bg1{background-image:url(../images/pictures/3.jpg);}
.bg2{background-image:url(../images/pictures/1.jpg);}
.bg3{background-image:url(../images/pictures/5.jpg);}


/*Thumbnails Columns*/

.thumb-clear{
	height:40px;
	display:block;
	width:100%;
}

.thumb-left{
	line-height:24px;
	display:block;
	padding-bottom:10px;
}

.thumb-left a{
	display:block;
	text-align:right;
}

.thumb-left img{
	width:100px;
	height:100px;
	border-radius:100px;
	float:left;
	margin-right:20px;
    transition:all 500ms ease;
}

.thumb-left img:hover{
    transform:scale(0.9, 0.9);
    -webkit-transform:scale(0.9, 0.9);
    transition:all 500ms ease;
}

.thumb-left strong{
	color:#1a1a1a;
	display:inline-block;
	padding-bottom:5px;
	font-size:13px;
}

.thumb-left em{
	font-style:normal;
}

.thumb-right{
	line-height:24px;
	display:block;
	padding-bottom:10px;
}

.thumb-right img{
	width:100px;
	height:100px;
	border-radius:100px;
	float:right;
	margin-left:20px;
    transition:all 500ms ease;
}

.thumb-right img:hover{
    transform:scale(0.9, 0.9);
    -webkit-transform:scale(0.9, 0.9);
    transition:all 500ms ease;
}

.thumb-right strong{
	color:#1a1a1a;
	display:inline-block;
	padding-top:5px;
	padding-bottom:5px;
	font-size:13px;
}

.thumb-right em{
	font-style:normal;
}


@media (min-width:600px){
	.thumb-left img{
		width:140px;
		height:140px;
		border-radius:150px;
	}

	.thumb-left em{
		line-height:28px;
	}

	.thumb-left strong{
		padding-top:10px;
	}

	.thumb-right img{
		width:140px;
		height:140px;
		border-radius:150px;
	}

	.thumb-right em{
		line-height:28px;
	}

	.thumb-right strong{
		padding-top:10px;
	}
}

/*Content Heading*/
/*///////////////*/

.content-heading{
	margin-bottom:30px;
}

.content-heading h4{
	color:#FFFFFF;
	position:absolute;
	z-index:999;
	text-transform:uppercase;
	margin-top:27px;
	padding-left:30px;
    pointer-events:none;
    font-weight:800;
}

.content-heading{
	max-height:100px;
}

.content-heading p{
	color:#FFFFFF;
	position:absolute;
	z-index:999;
	margin-top:48px;
	padding-left:30px;
	opacity:0.5;
    pointer-events:none;
}

.content-heading .overlay{
	z-index:99;
	background-color:rgba(0,0,0,0.8);
}

.content-heading i{
	font-size:32px;
	position:absolute;
	color:#FFFFFF;
	right:30px;
	z-index:999;
	margin-top:36px;
    pointer-events:none;
}

.content-heading img{
	width:100%;
	display:block;
	position:relative;
	z-index:2;
    transition:all 300ms ease;
}

.content-heading img:hover{
    filter: blur(3px);
    -webkit-filter:blur(3px);
    transition:all 300ms ease;
}

@media (min-width:768px){
	.content-heading{
		max-height:140px;
	}

	.content-heading h4{
		font-size:20px;
		margin-top:45px;
		padding-left:50px;
	}

	.content-heading p{
		font-size:13px;
		margin-top:75px;
		padding-left:50px;
	}

	.content-heading i{
		font-size:40px;
		margin-top:53px;
		right:50px;
	}
}

/*////////////////////*/
/*Quote & Staff Slider*/
/*////////////////////*/

.staff-item img{
	border-radius:300px;
	max-width:150px;
	margin-left:auto;
	margin-right:auto;
    transition:all 500ms ease;
    margin-top:10px;
}

.staff-item img:hover{
    transform:scale(1.1, 1.1);
    -webkit-transform:scale(1.1, 1.1);
    transition:all 500ms ease;
}

.staff-item h4{
	text-align:center;
	margin-top:20px;
	font-size:16px;
}

.staff-item em{
	text-align:center;
	font-size:12px;
	color:#e34e47;
	display:block;
	margin-top:-10px;
	margin-bottom:10px;
	font-style:normal;
}

.staff-item strong{
	display:block;
	font-weight:400;
	text-align:center;
	padding-left:20px;
	padding-right:20px;
	line-height:28px;
}

/* Quote Slider */

.quote-slider h4{
	font-family:'Source Sans Pro', sans-serif;
	font-size:15px;
	font-weight:300;
	width:87%;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	line-height:36px;
}

.quote-slider a{
	text-align:center;
	margin-top:20px;
}


/*Homepage Gallery Effect*/

.homepage-gallery img{
    transform:scale(0.9, 0.9);
    -webkit-transform:scale(0.9, 0.9);
    transition:all 350ms ease;
}

.homepage-gallery img:hover{
    transform:scale(1,1);
    -webkit-transform:scale(1,1);
    transition:all 350ms ease;
}

/*//////*/
/*Footer*/
/*//////*/

.footer p{
    clear:both;
}

.footer-socials{
    width:300px;
    margin-left:auto;
    margin-right:auto;
    padding-left:10px;
    padding-right:10px;
    padding-top:20px;
    padding-bottom:20px;
    margin-top:-15px;
    margin-bottom:-10px!important;
}

.footer-socials a:hover{
    transform:scale(1.15, 1.15  );
    -webkit-transform:scale(1.15, 1.15  );
    color:#FFFFFF;
    transition:all 200ms ease;
}

.footer-socials a{
    width:35px;
    height:35px;
    text-align:center;
    line-height:35px;
    border-radius:35px;
    float:left;
    margin-left:10px;
    margin-right:10px;
    font-size:12px;
    color:#FFFFFF;
    transition:all 200ms ease;
}

.footer-socials a i{
    width:35px;
    height:35px;
    line-height:35px;
}

.footer-facebook{
    background-color:#3b5998;
}

.footer-share{
    background-color:#27ae60;
}

.footer-twitter{
    background-color:#4099FF;
}

.footer-google{
    background-color:#d34836;
}

.footer-up{
    background-color:#2c3e50;
    line-height:32px!important;
}


.footer-menu{
    position:fixed;
    z-index:9999999;
    background-image:url(../images/misc/menu-bg.png);
    background-size:100px 100px;
    width:100%;
    height:60px;
    bottom:0px;
}

.footer-menu a{
    border-right:solid 1px rgba(255,255,255,0.08);
    color:#FFFFFF;
    font-size:14px;
}

.footer-menu a:hover{
    color:#FFFFFF;
    background-color:rgba(255,255,255,0.05);
}

.footer-menu-clear{
    height:60px;
}

.footer-menu a i{
    height:60px;
    line-height:60px;
}

.footer-menu-three-icons a{
    width:33.3%;
    float:left;
    text-align:center;
}

.footer-menu-four-icons a{
    width:25%;
    float:left;
    text-align:center;
}

.footer-menu-five-icons a{
    width:20%;
    float:left;
    text-align:center;
}

.footer-menu-six-icons a{
    width:16.7%;
    float:left;
    text-align:center;
}

/* 微信三级分销 */
.ws-area5 {padding: 56px 0  90px 0 ;}
.wrap, .main {position: relative;}
.main { width: 1000px; min-height: 100%;margin: 0 auto;}
.wrap { width: 100%;height: auto;display: inline-block;}
.ws-area5 ul {width: 240px;float: left;}
.ws-area5 .now {border-color: #d7272e;background-color: #d7272e;position: relative;}
.ws-area5 li {padding: 20px 20px; width: 180px; margin-bottom: 10px; border: 1px solid #ccc; border-left: 1px solid #d7272e; line-height: 28px;}
.ws-area5 li a { font-size: 14px; color: #505050;  text-decoration: none;}
.ws-area5 .now a { color: #fff;}
.ws-area5 .now span { display: inline; position: absolute; right: -7px;}
.caret-r { border-left: 6px dashed;  border-top: 6px solid transparent;  border-bottom: 6px solid transparent; color: #d7272e; display: none;}
.caret-t, .caret-r { width: 0; height: 0; margin-left: 3px; vertical-align: middle;}
.fx-box { float: left; padding: 10px; border: 1px solid #dbdcdd;}
ul { list-style: none; padding: 0; margin: 0;}

/* 微商城功能 */
ul,ol,li{list-style-type:none;}
.headerh1{font-size: 12px; width:80px; float: left;}
a:active {star:expression(this.onFocus=this.blur());}
a{color:#3f3f3f;text-decoration:none;-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; -ms-transition: all .3s;}
a:hover,a:active,a:focus{ color:#d7272e;}
.w1001{ width:1000px; height:auto; margin:0 auto; margin-top:56px;}
.wachat_gn{ overflow:hidden;}
.wachat_gn_list{ float:left; width:1000px; }
.wachat_gn_list li{ float:left; width:200px; text-align:center;}
.wachat_gn_list li p{ float:left; padding:5px 25px; line-height:160px; text-align:center; width:150px; height:150px;}
.xz360{-webkit-transition: -webkit-transform 2s ease-out;  -moz-transition: -moz-transform 2s ease-out;  -o-transition: -o-transform 2s ease-out;  -ms-transition: -ms-transform 2s ease-out;}
.xz360:hover { -webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg); -o-transform: rotateZ(360deg); -ms-transform: rotateZ(360deg);  transform: rotateZ(360deg);}
.wachat_gn_list li p.wa_1{ background:url(images/weixingn1.png) center top no-repeat;}
.wachat_gn_list li span{ float:left; width:200px; height:50px; line-height:20px; text-align:center; font-size:15px;}

/* 一元夺宝 */
.w1120{margin: 0 auto;width: 1000px}

.c-f60{ color:#d22317;font-family:  Microsoft YaHei; font-style:normal;}

.page .projectDesc ul{text-align: center}

.page .projectDesc ul li{margin: 0 8px;vertical-align: top;display: inline-block}

.page .projectDesc ul li{*display: inline}

.page .projectDesc ul li i{display: block;width: 100px;height: 100px;background: url(../images/icons.png) no-repeat;margin: 20px auto;margin-top: 40px}

.page .projectDesc ul li h3{font-size:22px;color: #525e6e;font-weight: normal;padding-bottom: 15px;overflow: hidden}

.page .projectDesc ul li p{padding: 0 50px;font-size: 12px;text-align: left;overflow: hidden;color: #525e6e;line-height: 20px}



.page .projectDesc ul li .btnA{display: block;text-align: center;margin-bottom: 40px;margin-top: 20px}

.page .projectDesc ul li .btnA a{transition:all 0s ease;-webkit-transition:all 0s ease;-moz-transition:all 0s ease;-ms-transition:all 0s ease;}

.page .projectDesc ul li .btnA a{display: inline-block;width: 200px;height: 55px;line-height: 55px;background: url(images/icons.png ) no-repeat -606px -1138px;color: #4c575c;font-size: 20px}

.page .projectDesc ul li .btnA a{*display: inline}

.page .projectDesc ul li:hover .btnA a{color: #fff;background-position: 0 -1285px}




/************动画样式执行**************/

.bannerLeftInfo h2{-webkit-animation:bounceInLeft 1.5s 0s ease both;-moz-animation:bounceInLeft 1.5s 0s ease both;animation:bounceInLeft 1.5s 0s ease both;}

.bannerLeftInfo h3{-webkit-animation:bounceInRight 1.5s 0s ease both;-moz-animation:bounceInRight 1.5s 0s ease both;animation:bounceInRight 1.5s 0s ease both;}

.bannerLeftInfo p{-webkit-animation:fadeInDown 1s 0s ease both;-moz-animation:fadeInDown 1s 0s ease both;animation:fadeInDown 1s 0s ease both;}

.bannerLeftInfo .targetBtn{-webkit-animation:zoomInUp 1s 0s ease both;-moz-animation:zoomInUp 1s 0s ease both;animation:zoomInUp 1s 0s ease both;}

.bannerLeftInfo .targetBtn a:last-child{-webkit-animation:pulse 2s 0s ease both infinite;-moz-animation:pulse 2s 0s ease both infinite;animation:pulse 2s 0s ease both infinite;}

.flashBox .b1-1{-webkit-animation:flash 1.5s 0s ease both;-moz-animation:flash 1.5s 0s ease both;animation:flash 1.5s 0s ease both;}

.flashBox .b1-2,.singleBanner img{-webkit-animation:bounceInRight 1.5s 0.5s ease both;-moz-animation:bounceInRight 1.5s 0.5s ease both;animation:bounceInRight 1.5s 0.5s ease both;}

.flashBox .b2-1{-webkit-animation:fadeInRight 1.5s 0s ease both;-moz-animation:fadeInRight 1.5s 0s ease both;animation:fadeInRight 1.5s 0.5s ease both;}

.flashBox .b3-1{-webkit-animation:slideInRight 1.5s 0.5s ease both;-moz-animation:slideInRight 1.5s 0.5s ease both;animation:slideInRight 1.5s 0.5s ease both;}

.mod1 .projectDesc ul .rubberBand:hover i{-webkit-animation:tada 1s 0s ease both;-moz-animation:tada 1s 0s ease both;animation:tada 1s 0s ease both;}

.mod2 .projectDesc ul li:hover a i{-webkit-animation:tada 1s 0s ease both;-moz-animation:tada 1s 0s ease both;animation:tada 1s 0s ease both;}

.mod3 .projectDesc ul li:hover i{-webkit-animation:bounce 1s 0s ease both;-moz-animation:bounce 1s 0s ease both;animation:bounce 1s 0s ease both;}

.animatePulse  li:hover i{-webkit-animation:pulse 2s 0s ease both infinite;-moz-animation:pulse 2s 0s ease both infinite;animation:pulse 2s 0s ease both infinite;}

.animateTada  li:hover i{-webkit-animation:tada 1s 0s ease both;-moz-animation:tada 1s 0s ease both;animation:tada 1s 0s ease both;}

.animateBounce  li:hover i{-webkit-animation:bounce 1s 0s ease both;-moz-animation:bounce 1s 0s ease both;animation:bounce 1s 0s ease both;}

.animaterubberBand  li:hover i{-webkit-animation:rubberBand 1s 0s ease both;-moz-animation:rubberBand 1s 0s ease both;animation:rubberBand 1s 0s ease both;}

.animateZoomIn  li:hover i{-webkit-animation:zoomIn 1s 0s ease both;-moz-animation:zoomIn 1s 0s ease both;animation:zoomIn 1s 0s ease both;}

.animateSwing li:hover i{-webkit-animation:swing 1s 0s ease both;-moz-animation:swing 1s 0s ease both;animation:swing 1s 0s ease both;}

/*动画方法*/

@-webkit-keyframes zoomIn {

    from {

        opacity: 0;

        -webkit-transform: scale3d(.3, .3, .3);

        transform: scale3d(.3, .3, .3);

    }



    50% {

        opacity: 1;

    }

}



@keyframes zoomIn {

    from {

        opacity: 0;

        -webkit-transform: scale3d(.3, .3, .3);

        transform: scale3d(.3, .3, .3);

    }



    50% {

        opacity: 1;

    }

}



@-webkit-keyframes pulse{from{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);} 50%{-webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05);} to{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}}

@keyframes pulse{from{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);} 50%{-webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05);} to{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}}

@-webkit-keyframes bounce{from, 20%, 53%, 80%, to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);} 40%, 43%{-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0);} 70%{-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0);} 90%{-webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0);}}

@keyframes bounce{from, 20%, 53%, 80%, to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);} 40%, 43%{-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0);} 70%{-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0);} 90%{-webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0);}}

@-webkit-keyframes swing{20%{-webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg);} 40%{-webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg);} 60%{-webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg);} 80%{-webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg);} to{-webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg);}}

@keyframes swing{20%{-webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg);} 40%{-webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg);} 60%{-webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg);} 80%{-webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg);} to{-webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg);}}

@-webkit-keyframes tada{from{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);} 10%, 20%{-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);} 30%, 50%, 70%, 90%{-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);} 40%, 60%, 80%{-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);} to{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}}

@keyframes tada{from{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);} 10%, 20%{-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);} 30%, 50%, 70%, 90%{-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);} 40%, 60%, 80%{-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);} to{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}}

@-webkit-keyframes rubberBand{from{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);} 30%{-webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1);} 40%{-webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1);} 50%{-webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1);} 65%{-webkit-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1);} 75%{-webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1);} to{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}}

@keyframes rubberBand{from{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);} 30%{-webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1);} 40%{-webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1);} 50%{-webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1);} 65%{-webkit-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1);} 75%{-webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1);} to{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}}

@-webkit-keyframes slideInRight{from{-webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible;} to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}}

@keyframes slideInRight{from{-webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible;} to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}}

@-webkit-keyframes fadeInRight{from{opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);} to{opacity: 1; -webkit-transform: none; transform: none;}}

@keyframes fadeInRight{from{opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);} to{opacity: 1; -webkit-transform: none; transform: none;}}

@-webkit-keyframes bounceInRight{from, 60%, 75%, 90%, to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);} from{opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0);} 60%{opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0);} 75%{-webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0);} 90%{-webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0);} to{-webkit-transform: none; transform: none;}}

@keyframes bounceInRight{from, 60%, 75%, 90%, to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);} from{opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0);} 60%{opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0);} 75%{-webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0);} 90%{-webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0);} to{-webkit-transform: none; transform: none;}}

@-webkit-keyframes flash{from, 50%, to{opacity: 1;} 25%, 75%{opacity: 0;}}

@keyframes flash{from, 50%, to{opacity: 1;} 25%, 75%{opacity: 0;}}

@-webkit-keyframes zoomInUp{from{opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);} 60%{opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);}}

@keyframes zoomInUp{from{opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);} 60%{opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);}}

@-webkit-keyframes fadeInDown{from{opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);} to{opacity: 1; -webkit-transform: none; transform: none;}}

@keyframes fadeInDown{from{opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);} to{opacity: 1; -webkit-transform: none; transform: none;}}

@-webkit-keyframes bounceInRight{from, 60%, 75%, 90%, to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);} from{opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0);} 60%{opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0);} 75%{-webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0);} 90%{-webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0);} to{-webkit-transform: none; transform: none;}}

@keyframes bounceInRight{from, 60%, 75%, 90%, to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);} from{opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0);} 60%{opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0);} 75%{-webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0);} 90%{-webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0);} to{-webkit-transform: none; transform: none;}}

@-webkit-keyframes bounceInLeft{from, 60%, 75%, 90%, to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);} 0%{opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0);} 60%{opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0);} 75%{-webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0);} 90%{-webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0);} to{-webkit-transform: none; transform: none;}}

@keyframes bounceInLeft{from, 60%, 75%, 90%, to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);} 0%{opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0);} 60%{opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0);} 75%{-webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0);} 90%{-webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0);} to{-webkit-transform: none; transform: none;}}

.bounceInLeft{-webkit-animation-name: bounceInLeft; animation-name: bounceInLeft;}

/***************一元夺宝众筹20160415**********************/

.page-zhongchou .projectDesc  ul li{width: 228px;border: 1px solid #ccc;  margin-top: 20px;}
.page-zhongchou .projectDesc  ul li h3{font-size: 16px; color:#000;}
.page-zhongchou .projectDesc  ul li p{    padding: 0 22px;  height: 80px;  overflow: hidden;}
.page-zhongchou .projectDesc  ul li i{width: 80px;height: 80px}
.yiyuanduobao ul li.i1 i{background-position: 0 -2535px}
.yiyuanduobao ul li.i2 i{background-position: -80px -2535px}
.yiyuanduobao ul li.i3 i{background-position: -160px -2535px}
.yiyuanduobao ul li.i4 i{background-position: -240px -2535px}
.yiyuanduobao ul li.i5 i{background-position: -320px -2535px}
.yiyuanduobao ul li.i6 i{background-position: -400px -2535px}
.yiyuanduobao ul li.i7 i{background-position: -480px -2535px}
.yiyuanduobao ul li.i8 i{background-position: -560px -2535px}

.zhongchou ul li.i1 i{background-position: -640px -2535px}
.zhongchou ul li.i2 i{background-position: -240px -2535px}
.zhongchou ul li.i3 i{background-position: -720px -2535px}
.zhongchou ul li.i4 i{background-position: -800px -2535px}
.zhongchou ul li.i5 i{background-position: -160px -2535px}
.zhongchou ul li.i6 i{background-position: -400px -2535px}
.zhongchou ul li.i7 i{background-position: -480px -2535px}
.zhongchou ul li.i8 i{background-position: -560px -2535px}

.pintuan ul li.i1 i{background-position: -0px -2535px}
.pintuan ul li.i2 i{background-position: -880px -2535px}
.pintuan ul li.i3 i{background-position: -240px -2535px}
.pintuan ul li.i4 i{background-position: -960px -2535px}
.pintuan ul li.i5 i{background-position: -160px -2535px}
.pintuan ul li.i6 i{background-position: -400px -2535px}
.pintuan ul li.i7 i{background-position: -480px -2535px}
.pintuan ul li.i8 i{background-position: -560px -2535px}
.qrWindow{width: 100%;height: 100%;position: fixed;top: 0;right: 0;left: 0;bottom:0;background: url("../../images/wei/rgbabg.png") repeat;    z-index: 9999}
.qrWindow .qrMain{width: 400px;height: 400px;top: 50%;margin-top: -200px;left: 50%;margin-left: -200px;text-align:center;position: absolute;background: url("../../images/wei/qrbg.png") no-repeat}
.qrWindow .qrMain .xClosed{position: absolute;right: -60px;top: 0;width: 53px;height: 53px;background: url("../../images/wei/xclosed.png") no-repeat}
.qrWindow .qrMain h3{    font-size: 18px;  color: #fff;  text-align: center;  margin-top: 75px;  font-weight: normal;}
.qrWindow .qrMain .qrCode{width: 200px;height: 200px;position: absolute;top: 120px;left: 100px;background: #fff}