@charset "utf-8";
/*body { overflow-x: hidden;}*/
/*.Caselist ul li img:hover { -webkit-transform: scale(1.04, 1.04); -moz-transform: scale(1.04, 1.04); -ms-transform: scale(1.04, 1.04); -o-transform: scale(1.04, 1.04); transform: scale(1.04, 1.04); -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; }*/
/*Topnav*/
.indexPage1 .Topnav { height: 61px; -moz-opacity:0.8;-khtml-opacity: 0.8; background:#fff; background-color:rgba(255,255,255,0.8);filter:alpha(opacity=80); box-shadow: 5px 0 5px rgba(0,0,0,.2); position: fixed; top: 0; left: 0; width: 100%; min-width:1200px; z-index: 999;}
/*.indexPage1 .Topnav .logo { margin-top: 10px;}*/
.indexPage1 .Topnav .TopnavBar { height: 61px; *width: 720px !important;}
.indexPage1 .Topnav .TopnavBar ul { float: left; height: 61px; overflow: hidden;}
.TopnavBar ul li { display: block; float: left; height:100%; margin: 0 16px 0 0;}
.TopnavBar ul li * { display:inline-block; line-height:61px;}
.TopnavBar ul li a { display: inline-block; text-decoration:none;width:70px; font-size: 15px; color: #232323; text-align: center; margin-top:-61px;  *margin-top:0px !important; text-transform:uppercase; transition:0.3s cubic-bezier(0.1, 0.1, 0.5, 1.4);}
.TopnavBar ul li a:hover { margin-top: 0; color:#169ada;}
.TopnavBar ul li a:before {content:attr(data-text);display:block;margin-top: 0;}
.TopnavBar ul li a.cur { color: #fff; background-color: #169ada; }
.TopnavBar .tell { margin: 19px 0 0; float: right;}
.Topnav-show { position: fixed; top: -61px; }
#topcontrol { top: 20px !important; z-index: 9995; height: 50px !important; }
.topRight { }
.topRight a { display: block; width: 50px; height: 50px; -moz-opacity:0.8;-khtml-opacity: 0.8; background:#fff; background-color:rgba(255,255,255,0.8);filter:alpha(opacity=80); text-align: center; line-height: 50px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; margin-right: 20px; border: 2px solid #f1f1f1; font-size: 14px;}
.topRight a:hover { background-color: #169ada; color: #fff;}
/*响应式导航*/
.res-nav{
	display: none;
}
.res-nav .rsp-nav-box{
	position: absolute;
	top: 60px;
	left: 0;
	height: 250px;
	line-height: 40px;
	display: none;
	width: 100%;
	background: #169ada;
	z-index: 1000;
}
.rsp-nav-box li{
	width: 96%;
	height: 40px;
	line-height: 40px;
	text-align: left;
	background: #169ada;
	font-size: 16px;
	text-indent: 1em;
	margin-left: 2%;
	border-bottom: 1px solid #bdd5e4;
}
.rsp-nav-box li a:hover{
	color: #bdd5e4;
}
.rsp-nav-box li a{
	color: #fff;
	display: block;
}
.rsp-nav-box .more-link{
	display: block;
	width: 100%;
	background-color: #fff;
	color: #fff;
	text-align: center;
}
.rsp-btn{
	display: block;
	cursor: pointer;
}

/*banner*/
.slideBanner { position: relative; z-index: 2;width: 100%;height: 615px;}
/*banner*/
#banner{
	width: 100%; 
	height: 100%; 
}
#full-screen-banner { 
	width: 100%; 
	height: 100%; 
	float: left; 
	position: relative;
}
.flex-viewport{
	width: 100%; 
	height: 100%; 
}
#ban { 
	display: block; 
	width: 100%; 
	height: 100%; 
	list-style: none; 
	padding: 0; 
	margin: 0; 
	position: relative; 
	z-index: -999; 
}
.swiper-container { 
	width: 100%; 
	height: 100%; 
}
#ban li { 
	display: block; 
	width: 100%; 
	height: 100%; 
	list-style: none; 
	padding: 0; 
	margin: 0;  
	float: left;
}
.flex-control-nav {
	width: 100%; 
	text-align: center;
	position: absolute;
	bottom: 0.5%;
}
.flex-control-nav li {
	margin: 0 8px; 
	display: inline-block; 
	zoom: 1; 
	*display: inline;
}
.flex-control-paging li a {
	width: 10px; 
	height: 10px; 
	display: block; 
	background: rgba(255,255,255,0.5); 
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#55ffffff', endColorstr='#55ffffff');	/*IE6,IE7*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#55ffffff', endColorstr='#55ffffff')";	/*IE8*/
	cursor: pointer; 
	text-indent: -9999px; 
	position: relative;
	z-index: 999;
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px; 
	-o-border-radius: 3px; 
	border-radius: 3px; 
	border-radius: 50%;
	-webkit-box-shadow: inset 0 0 3px rgba(255,255,255,0.3); 
	-moz-box-shadow: inset 0 0 3px rgba(255,255,255,0.3);  
	-o-box-shadow: inset 0 0 3px rgba(255,255,255,0.3); 
	box-shadow: inset 0 0 3px rgba(255,255,255,0.3); 
}
.flex-control-paging li a:hover { 
	background: #333; 
	background: rgba(255,255,255,0.7); 
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#aaffffff', endColorstr='#aaffffff');	/*IE6,IE7*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#aaffffff', endColorstr='#aaffffff')";	/*IE8*/
}
.flex-control-paging li a.flex-active { 
	background: rgba(255,255,255,0.9); 
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#aaffffff', endColorstr='#aaffffff');	/*IE6,IE7*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#aaffffff', endColorstr='#aaffffff')";	/*IE8*/
	cursor: default; 
}
.flex-direction-nav { 
	height: 1px; 
	overflow: hidden;
}
/*Service*/
.serviceTTop { 
	width: 100%; 
	border-bottom: 1px solid #ececec; 
	position: relative;
}
.serviceTTop .bigTitle { 
	text-indent: -999999px; 
	width: 274px;
	height: 54px; 
	background: url(../images/service.png) no-repeat; 
	margin: 54px auto ;
}
.serviceTTop .titburline { 
	width: 114px; 
	height: 3px; 
	background: #169ada; 
	position: absolute; 
	bottom: -2px; 
	left: 50%; 
	margin-left: -57px;
}
.ServiceBox { 
	padding-bottom: 55px;
}
.ServiceBox h1, .ServiceBox h2 { 
	font-weight: normal; 
	font-size: 2em; 
	color: #5f5f5f; 
	text-align: center; 
	padding: 50px 0 45px;
}
.ServiceBox h2{
	display: none;
}
.ServiceIcoAll_wap{
	display: none;
}
.ServiceIcoAll {
	width: 1200px;
}
.ServiceIcoAll li { 
	display: inline-block; 
	float: left; 
	margin: 0 2.5%; 
	width: 15%; 
	text-align: center; 
	padding-bottom: 16px;
}
.ServiceIcoAll li em { display: block; width: 121px; height: 121px; border: 1px solid #dadada; margin: 0 auto; }
.ServiceIcoAll li em.design-ico { background-image: url(../images/service_ico_1.png);background-size: 100%;}
.ServiceIcoAll li.serth em.design-ico { background-image: url(../images/service_ico_1hover.png);background-size: 100%;}
.ServiceIcoAll li em.Brand-ico { background-image: url(../images/service_ico_2.png);background-size: 100%;}
.ServiceIcoAll li.serth em.Brand-ico { background-image: url(../images/service_ico_2hover.png);background-size: 100%;}
.ServiceIcoAll li em.move-ico { background-image: url(../images/service_ico_3.png);background-size: 100%;}
.ServiceIcoAll li.serth em.move-ico { background-image: url(../images/service_ico_3hover.png);background-size: 100%;}
.ServiceIcoAll li em.develop-ico { background-image: url(../images/service_ico_4.png);background-size: 100%;}
.ServiceIcoAll li.serth em.develop-ico { background-image: url(../images/service_ico_4hover.png);background-size: 100%;}
.ServiceIcoAll li em.ui-ico { background-image: url(../images/service_ico_5.png);background-size: 100%;}
.ServiceIcoAll li.serth em.ui-ico { background-image: url(../images/service_ico_5hover.png);background-size: 100%;}
.ServiceIcoAll li em.quanj-ico { background-image: url(../images/service_ico_6.png);background-size: 100%;}
.ServiceIcoAll li.serth em.quanj-ico { background-image: url(../images/service_ico_6hover.png);background-size: 100%;}
.ServiceIcoAll li.serth em { background-color: #169ada;}
.ServiceIcoAll .Ser-bur { height: 50px; overflow: hidden; text-align: center; margin-top: 40px; }
.ServiceIcoAll .title span { font-family: "Microsoft Yahei"; font-size: 18px; color: #4a4a4a; display: block; }
.ServiceIcoAll .title font { font-family: "Segoe UI"; font-size: 14px; color: #b9b9b9; display: block; }
.ServiceIcoAll .M-btn { background: #169ada; width: 170px; height: 32px; display: block; line-height: 31px; text-align: center; font-family: "Microsoft Yahei"; font-size: 14px; color: #ffffff; margin-top: 2px; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; }
/*case*/