@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*/
.CaseBox { 
	background: #169ada;
}
.CaseBox .caseTTop { 
	border-bottom: 1px solid #41aade; 
	padding-top: 45px;
}
.CaseBox .caseTTop h2 { 
	background: url(../images/case.png) no-repeat; 
	width: 260px; 
	height: 87px; 
	margin: 0 auto;
}
.CaseBox .caseTTop span.titburline { 
	background: #bae1f4;
}
.caseAll { 
	width: 1200px; 
	margin: 0 auto; 
	padding: 40px 0 30px;
}
.caseAll .Caselist li { 
	float: left; 
	width: 272px; 
	height: 194px; 
	margin: 0 37px 38px 0; 
	box-shadow: 0 0 10px rgba(0,0,0,.4);
	position: relative;
}
.caseAll .Caselist li:nth-child(4) { margin-right: 0;}
.caseAll .Caselist li:nth-child(8) { margin-right: 0;}
.caseAll .Caselist li.marrn { margin-right: 0;}
.caseAll .Casedot ul { text-align: center; *width: 230px !important; *margin: 30px auto 0 !important;}
.caseAll .Casedot ul li { *float: left !important; display: inline-block; text-indent: -99999px; width: 44px; height: 2px; background: #8bcded; margin: 0 6px; cursor: pointer; }
.caseAll .Casedot ul li.on { background: #fff;}
.Caselist .bg { display: none; position: absolute; top: 0; left: 0; width: 272px; height: 194px; -moz-opacity:0.5;-khtml-opacity: 0.5; background:#000; background-color:rgba(0,0,0,0.5);filter:alpha(opacity=50);}
.Caselist .bg span { display: block; text-align: center; font-size: 16px; color: #fff; position: absolute; z-index: 99; width: 100%;}
.Caselist .bg span.webline { width: 196px; height: 1px; border-bottom: 1px solid rgba(255,255,255,.5);  *border-bottom: 1px solid #fff !important; margin: 0 auto; top: 101px; left: 38px; }


.page1 li{
  width: 272px;
  height: 194px;
  overflow: hidden;
  position: relative;
  *display: inline;
}
.page1 li a img {
  display: block;
  transition: 1s;
  -moz-transition: 1s;
  -webkit-transition: 1s;
  -o-transition: 1s;
}
.page1 li:hover img,
.page1 li.hover img {
  transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -o-transform: scale(1.2)
}


/*news*/
.indexPage4 {background-color: #f8f8f8;}
.newsAll .newsTTop { border-bottom: 1px solid #e2e2e2; padding-top: 40px;}
.newsAll .newsTTop h2 { background: url(../images/news.png) no-repeat; width: 320px; height: 87px; margin: 0 auto;}
.N_contbox { width: 1200px; position: relative; margin: 0 auto; padding-top: 56px; overflow: hidden; }
.N_contbox1{display: none;}
.N_contbox .newsrow { position: relative; width: 1200px; margin: 0 auto 36px;}
.N_contbox .newsrow .newsleft { float: left; position: relative; width: 50%;}
.N_contbox .newsrow .newsright { float: right; position: relative; width: 50%;}
.N_contbox .newsrow .fl { width: 55px;}
.N_contbox .newsrow .fl span { display: block; width: 55px; text-align: center; font-size: 16px;}
.N_contbox .newsrow .fl span.Month { height: 48px; background: #e3e3e3; color: #8f8f8f; line-height: 48px;}
.N_contbox .newsrow .fl span.day { height: 56px; background: #fff; color: #8f8f8f; line-height: 56px;}
.N_contbox .newsrow .Nlist { float: left; width: 477px;}
.N_contbox .newsrow .Nlist h3 { font-weight: normal; display: block; margin-left: 22px;}
.N_contbox .newsrow .Nlist h3 span { display: block; position: relative;}
.N_contbox .newsrow .Nlist h3 span a { font-size: 18px; color:#4e4e4e;}
.N_contbox .newsrow .Nlist h3 span em.more { display: block; position: absolute; top: 6px; right: 0; background: url(../images/news_list.png) no-repeat; width: 17px; height: 17px;}
.N_contbox .newsrow .sltcon { color: #919191; font-size: 14px; line-height: 23px;}
.news_dlt { height: 28px; line-height: 28px; }
.news_dlt em { padding-left: 15px; display: block; float: left; color: #919191;}
.news_dlt em.date { background: url(../images/news_ico.png) 0 8px no-repeat; width: 118px;}
.news_dlt em.Views { background: url(../images/news_ico.png) -134px 8px no-repeat; width: 118px; padding-left: 25px;}
.N_contbox .newsrow .cur .fl span.Month { height: 48px; background: #169ada; color: #fff; line-height: 48px;}
.N_contbox .newsrow .cur .fl span.day { height: 56px; background: #fff; color: #169ada; line-height: 56px;}
.N_contbox .newsrow .cur .Nlist h3 span a { font-size: 18px; color:#169ada;}
.N_contbox .newsrow .cur .Nlist h3 span em.more { display: block; position: absolute; top: 6px; right: 0; background: url(../images/news_list_hover.png) no-repeat; width: 17px; height: 17px;}
/*contact*/
.indexPage6 { background: url(../images/contectbg.jpg) center center; height: 548px;padding-top: 52px;background-size: cover;position: relative;}
.contactBox .contactTTop h2 {  width: 428px; height: 78px; margin: 0 auto; background: url(../images/contact.png) no-repeat;position: relative;z-index: 9;}
.contactMian { width: 1200px; margin: 0 auto; padding-top: 20px;}
.contactMian .lianxi_title { width: 542px; height: 42px; line-height: 42px; border-bottom: 1px solid #71bce1; }
.contactMian .lianxi_title h2 { display: block; float: left; height: 40px; line-height: 40px; font-size: 18px; color: #fff; font-weight: normal; border-bottom: 3px solid #98d9f4 ;}
.contactMian .lianxi_title h2 span { font-size: 14px;}
.contactMian .basemsg { margin-top: 33px;}
.contactMian .basemsg li { font-size: 16px; color: #fff; line-height: 35px;}
.contactMian .basemsg li.freenumb { width: 330px; height: 76px; background: url(../images/freenumb.png) no-repeat; margin-bottom: 20px;}
.contactMian .ContactUs { margin-top: 40px;}
.contactMian .ContactUs li { float: left; margin-right: 47px;text-align: center;}
.contactMian .ContactUs li a { color: #fff;display: block;}
.contactMian .ContactUs li a.wap_ico{display: none;}
.contactMian .ContactUs li em { display: block; width: 59px; height: 59px; border-radius: 50%; -moz-border-radius: 50%; -weblit-border-radius: 50%;transition-duration: .3s;-webkit-transition-timing-function: cubic-bezier(.95, .01, .22, .65);transition-timing-function: cubic-bezier(.95, .01, .22, .65);position: relative;}
.contactMian .ContactUs li em.ico_2 {background: url(../images/con_ico_qq.png) no-repeat;background-size: 100%;}
.contactMian .ContactUs li em.ico_3 {background: url(../images/con_ico_wx.png) no-repeat;background-size: 100%;}
.contactMian .ContactUs li em.ico_1 {background: url(../images/con_ico_xl.png) no-repeat;background-size: 100%;}
.contactMian .ContactUs li em.ico_4 {background: url(../images/con_ico_tb.png) no-repeat;background-size: 100%;}
.contactMian .ContactUs li em.ico_5 {background: url(../images/con_ico_yx.png) no-repeat;background-size: 100%;}
.contactMian .ContactUs li:hover em.ico_2 {background: url(../images/con_ico_qqhover.png) #fff no-repeat;background-size: 100%; *background: url(../images/con_ico_qq.png)  no-repeat !important;}
.contactMian .ContactUs li:hover em.ico_3 {background: url(../images/con_ico_wxhover.png) #fff no-repeat;background-size: 100%; *background: url(../images/con_ico_wx.png)  no-repeat !important;}
.contactMian .ContactUs li:hover em.ico_1 {background: url(../images/con_ico_xlhover.png) #fff no-repeat;background-size: 100%; *background: url(../images/con_ico_xl.png)  no-repeat !important;}
.contactMian .ContactUs li:hover em.ico_4 {background: url(../images/con_ico_tbhover.png) #fff no-repeat;background-size: 100%; *background: url(../images/con_ico_tb.png)  no-repeat !important;}
.contactMian .ContactUs li:hover em.ico_5 {background: url(../images/con_ico_yxhover.png) #fff no-repeat;background-size: 100%; *background: url(../images/con_ico_yx.png)  no-repeat !important;}
.weixin{
	position: relative;
	top:50px;
	display: none;
	margin-top: -260px;
	margin-left: -40px;
}
.ico_3 b{
	position: absolute;
	margin-top: 60px;
	margin-left: -12px;
	font-weight: normal;
	display: block;
	width: 100%;
	margin: 0 auto;
	margin-top: 59px;
}

.contactMian .ContactUs li span { padding-top: 5px;}
.feedback_cont { margin-top: 32px; width: 542px; overflow: hidden;}
.feedback_cont .fb-rows { position: relative;}
.feedback_cont .fb-rows span { display: none;}
.feedback_cont .fb-rows span { *display: block !important; *position: absolute !important; *color: #fff !important; *z-index: 99 !important; * top: 12px !important; *left: 10px !important;}
.feedback_cont form .fb-txa, .feedback_cont form .fb-ipt { 
	overflow: auto;
	margin: 0px;
	width: 542px;
	border: medium none;
	color: #F00; 
	text-indent: 16px;
	height: 42px; 
	font-size: 12px; 
	display: block; 
	box-sizing: content-box; 
	border-radius: 0px; 
	vertical-align: middle; 
	background: rgba(255,255,255,.2);  
	-moz-opacity:0.2;
	-khtml-opacity: 0.2; 
	background:#fff; 
	background-color:rgba(255,255,255,.2);
	filter:alpha(opacity=20);
}
.feedback_cont form .fb-txa, .feedback_cont form .fb-ipt { 
	overflow: auto; 
	margin: 0 0 7px 0; 
	width: 542px; 
	border: none;
	text-indent: 16px; 
	-moz-opacity:0.2;
	-khtml-opacity: 0.2; 
	background:#fff; 
	background-color:rgba(255,255,255,.2);
	filter:alpha(opacity=20); 
	height: 42px; 
	font-size: 14px; 
	vertical-align: middle; 
	display: block; 
	border-radius: 0px; 
	-webkit-box-sizing: content-box; 
	-moz-box-sizing: content-box; 
	box-sizing: content-box; 
	/**color: #000 !important;*/
}
.feedback_cont form .fb-txa:focus, .feedback_cont form .fb-ipt:focus {
	-webkit-animation: ipt-focus 0.4s both; 
	animation: ipt-focus 0.4s both; 
}
.feedback_cont form .fb-txa:focus, .feedback_cont form .fb-ipt:focus { 
	animation: 0.4s ease 0s normal both 1 running ipt-focus;
}
input::-moz-placeholder{color:#fff;}              /*ff*/
input::-webkit-input-placeholder{color:#ddd;}     /*chrome,safari*/
input:-ms-input-placeholder{color:#fff;}          /*ie10*/
textarea::-moz-placeholder{color:#fff;}              /*ff*/
textarea::-webkit-input-placeholder{color:#ddd;}     /*chrome,safari*/
textarea:-ms-input-placeholder{color:#fff;}          /*ie10*/



 @keyframes ipt-focus {
	 0 {
	 transform: scale(1, 1);
	 animation-timing-function: ease-out;
	}
	 25% {
	 transform: scale(0.95, 0.95);
	 animation-timing-function: ease-out;
	}
	 50% {
	 transform: scale(0.95, 0);
	 animation-timing-function: ease-out;
	}
	 75% {
	 transform: scale(0.95, 0.95);
	 animation-timing-function: ease-out;
	 background: rgba(255,255,255,.5);
	 color: #fff;
	}
	 100% {
	 transform: scale(1, 1);
	 animation-timing-function: ease-out;
	 background: rgba(255,255,255,.5);
	 color: #fff;
	}
}
 @-webkit-keyframes ipt-focus {
	 0 {
	 -webkit-transform: scale(1, 1);
	 transform: scale(1, 1);
	 -webkit-animation-timing-function: ease-out;
	 animation-timing-function: ease-out;
	}
	 25% {
	 -webkit-transform: scale(0.95, 0.95);
	 transform: scale(0.95, 0.95);
	 -webkit-animation-timing-function: ease-out;
	 animation-timing-function: ease-out;
	}
	 50% {
	 -webkit-transform: scale(0.95, 0);
	 transform: scale(0.95, 0);
	 -webkit-animation-timing-function: ease-out;
	 animation-timing-function: ease-out;
	}
	 75% {
	 -webkit-transform: scale(0.95, 0.95);
	 transform: scale(0.95, 0.95);
	 -webkit-animation-timing-function: ease-out;
	 animation-timing-function: ease-out;
	 background: rgba(255,255,255,.5);
	 color: #fff;
	}
	 100% {
	 -webkit-transform: scale(1, 1);
	 transform: scale(1, 1);
	 -webkit-animation-timing-function: ease-out;
	 animation-timing-function: ease-out;
	 background: rgba(255,255,255,.5);
	 color: #fff;
	}
}
@keyframes ipt-focus {
	 0 {
	 -webkit-transform: scale(1, 1);
	 transform: scale(1, 1);
	 -webkit-animation-timing-function: ease-out;
	 animation-timing-function: ease-out;
	}
	 25% {
	 -webkit-transform: scale(0.95, 0.95);
	 transform: scale(0.95, 0.95);
	 -webkit-animation-timing-function: ease-out;
	 animation-timing-function: ease-out;
	}
	 50% {
	 -webkit-transform: scale(0.95, 0);
	 transform: scale(0.95, 0);
	 -webkit-animation-timing-function: ease-out;
	 animation-timing-function: ease-out;
	}
	 75% {
	 -webkit-transform: scale(0.95, 0.95);
	 transform: scale(0.95, 0.95);
	 -webkit-animation-timing-function: ease-out;
	 animation-timing-function: ease-out;
	 background:rgba(255,255,255,.5);
	 color: #fff;
	}
	 100% {
	 -webkit-transform: scale(1, 1);
	 transform: scale(1, 1);
	 -webkit-animation-timing-function: ease-out;
	 animation-timing-function: ease-out;
	 background: rgba(255,255,255,.5);
	 color: #fff;
	}
}
.feedback_cont  form .fb-btn { -webkit-appearance: none; display: block; margin: 0; padding: 0; width: 100%; height: 42px; color: #fff; font-size: 18px; border: none; background-color: #157fb2; cursor: pointer; text-align: center; -webkit-border-radius: 0px; border-radius: 0px; }
.feedback_cont  form .fb-btn:hover { background-color: #1688be; }
.feedback_cont  form .fb-txa { height: 185px; margin: 0 0 7px 0; padding: 12px 0; resize: none; line-height: 18px; -webkit-overflow-scrolling : touch; color: #fff; *color: #000 !important;}
.feedback_cont .fb_clear .fl { margin-right: 2px;}
.feedback_cont .fb_clear .fl .fb-ipt,.feedback_cont .fb_clear .fr .fb-ipt { width: 268px; text-indent: 16px; color: #fff; *color: #000 !important;}
.feedback_cont form .fb-txa { *text-indent: 100px !important;}
.feedback_cont form .fb-ipt { *text-indent: 40px !important; *padding-top: 10px !important; *height: 30px !important;}
/*foot*/
.footer { padding: 40px 0; min-width:1200px; background-color: #2b2b2b; font-size: 14px; color: #9f9f9f; letter-spacing: 0.5px;}
.footer .foot_clear { width: 1200px; margin: 0 auto;}
.footer p{display: none;}
/*sideMenu*/
.sideMenu {position:fixed;right:0;bottom:10%;z-index:999; background: #fff;}
.sideMenu .btn {width:80px; height:68px; padding-top:12px; margin-bottom:1px;cursor:pointer;position:relative;}
.sideMenu .btn em { display: block; width: 40px; height: 40px; margin: 0 auto;background: url(../images/ico_side.png) no-repeat;}
.sideMenu .btn-qq em { background-position: center 0;}
.sideMenu .btn-tb em { background-position: center -86px;}
.sideMenu .btn-wx em { background-position: center -163px;}
.sideMenu .btn-yx em { background-position: center -245px;}
.sideMenu .btn-top em { background-position: center -328px;}
.sideMenu .btn p { width: 100%; color: #fff; font-size: 13px; text-align: center; }
.sideMenu a.btn-qq,.sideMenu a.btn-qq:visited { background-color:#0c81c7;text-decoration:none;display:block;}
.sideMenu a.btn-tb,.sideMenu a.btn-tb:visited { background-color:#ff7b06;text-decoration:none;display:block;}
.sideMenu .btn-wx{background:url(../images/r_wx.png) 0px 0px no-repeat;background-color:#78c340;}
.sideMenu .btn-wx .pic{position:absolute;left:-160px;top:-26px;display:none;width:160px;height:160px;}
.sideMenu .btn-top {background-color:#494949;display:none;}
.sideMenu .btn-top:hover{background-color:#444;}
.sideMenu .btn-wx { background-color:#4a9b1e;}
.sideMenu .btn-yx { background-color:#00b58a;}
.sideMenu .btn-top { margin-bottom: 0;}
.sideMenu .btn-qq:hover { background-color:#0e8dd9;}
.sideMenu .btn-tb:hover { background-color:#ff9b43;}
.sideMenu .btn-wx:hover { background-color:#57b424;}
.sideMenu .btn-yx:hover { background-color:#10d0a2;}


/*wap_nav*/
.content{
	width:100%;
	background-color:#fff;
	min-height:100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
}
.navtop {
	position:absolute;
	width:40%;
	right: 0;
	top: 0;
	height: 100%;
	z-index: 1;
}
.navtop li{
	border-bottom: 1px solid #747474;
}
.navtop li a{
	display:block;
	text-align: center;
	height:52px;
	line-height:52px;
	color:#fff;
	font-size:16px;
	text-align: center;
}
.content header{
	height:51px;
	width:100%;
	display: none;
	top: 0;
	left: 0;
}
.content header .bd{
	position:relative;
	background-color:#fff ;
	height:52px;
	line-height:52px;
	width:100%;
}
.frwap{
	height: 52px;
}
.frwap .navbt{
	width: 32.5px;
	height: 28.6px;
	display: block;
	position: absolute;
	right: 12px;
	top: 12px;
	background: url(../images/menu.png) no-repeat;
	background-size: 100%;
}
.logowap{
	float:left;
	color:#fff;
	height:52px;
	line-height:52px;
	padding-left:6px;
	display:none;
}
.logowap a{
	display: block;
}
.logowap img{
	line-height: 50px;
	width: 80%;
	vertical-align: middle;
	position: relative;
}
/*底部*/
.bottom_wap{
	width: 100%;
	position: fixed;
	bottom: 0;
	left: 0;
	display: none;
	height: 90px;
	z-index: 999999;
}
.bottom_wap ul{
	width: 100%;
	height: 100%;
}
.bottom_wap ul li{
	width: 50%;
	float: left;
	height: 100%;
	text-align: center;
	background: #3f3f3f;
}
.bottom_wap ul li .tel{
	text-indent: 30%;
	text-align: left;
	background: url(../images/ico_tel.png) 12% 9px no-repeat;
}
.bottom_wap ul li.marr{
	background: #12a605;
}
.bottom_wap ul li .weix{
	text-indent: 30%;
	text-align: left;
	background: url(../images/ico_weixin.png) 12% 8px no-repeat;
}
.bottom_wap ul li p{
	font-size: 18px;
	color: #fff;
	margin-top: 13px;
}
.bottom_wap ul li p a, .bottom_wap ul li p span{
	display: inherit;
	font-size: 25px;
	color: #fff;
}