body,html{font-family: "微软雅黑";}
.slides_title { background: transparent;color: #FFF;font-size: 2.2em;font-weight: bold;left: 20%;margin-bottom: 0;max-width: 50%;  padding: 20px; position: absolute; text-transform: uppercase;top: 35%;z-index: 500;text-shadow: 3px 2px 0 rgba(0, 0, 0, 0.3);font-family: "微软雅黑";letter-spacing: 0.15em;font-weight: normal !important;}
.slides_title_bottom{top: 40%;font-size: 2.8em;}

/*.ha-heade{background: url(../img/handbg.png) !important;}*/

@media (min-width: 768px) {
.flex-caption{font-size:3em;text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);font-family: "微软雅黑";}
	}
h1, h2, h3, h4, h5, h6 { font-family: "微软雅黑", Helvetica, Arial, sans-serif;}
.services_logo{width: 30%;text-align: center;margin: 0 auto;}
.services_logo img{width: 100%;}
.services_text p{text-align: center;line-height: 30px;padding-bottom: 50px;}
.services_text h3{text-align: center;/*padding-top: 50px;*/}

.about_text{border-bottom: 1px dotted;padding-bottom:1em;text-align: center;}
.page-head:hover::before{transform:scaleX(3) translate(-20%,0);-webkit-transform:scaleX(3)  translate(-20%,0);-ms-transform:scaleX(3)  translate(-20%,0);-moz-transform:scaleX(3)  translate(-20%,0);}

.text-align{text-align: center !important;}

#portfolio{background: url(../img/first-bg.jpg) no-repeat;background-position: top;color: white;background-size:110% 160%;transition: all 2s;-webkit-transition: all 2s;-ms-transition: all 2s;-moz-transition: all 0.6s;padding-bottom: 150px;}
#portfolio:hover{background-size:120% 170%;}

#portfolio p{line-height: 2.5em;}

.right_bg{position: relative;background: url(../img/appbg.png);}
.mobile_bg{width: 371px;height: 780px;background: url(../img/mobile.png) no-repeat;background-position:center;background-size:100%;margin: 0 auto;z-index: 2211;}
.mobile_slider{width: 311px;height: 551px;overflow: hidden;position: absolute;top: 114px;margin-left: 50%;left: -150px;z-index:0;}
.mobile_slider ul li img{width: 311px;height: 551px;}
.glass{width: 311px;height: 551px;position: absolute;top: 0;margin-left: 50%;left:-158px;z-index: 1;background: url(../img/index/topbg.png) no-repeat;background-size:100% ;}

	
.erweima{text-align: center;padding-bottom: 30px;margin-bottom: 50px;}
.erweima .Android,.erweima .ios{width: 150px;height:180px;background: url(../img/ewm.png) no-repeat !important;background-size:90% !important;display: inline-block;margin: 0 50px;border: 3px solid #CCCCCC;background-position:50%  10px !important;position: relative;overflow: hidden;}	
.erweima div span{display: inline-block;width: 100%;height: 30px;position: absolute;bottom: 0;left: 0;padding: 5px;}
.erweima .ios{background: url(../img/ewm.png);}

.erweima_bg{background:url(../img/Android_Logo_256px_1124364_easyicon.net.png) no-repeat;width: 100%;height: 100%;position: absolute;z-index: 22;background-size:100%  !important;background-position:center ;background-color:white !important;opacity: 0;transition: all 1s;-webkit-transition: all 1s;-ms-transition: all 1s;-moz-transition: all 1s;transform: scale(-1);-webkit-transform: scale(-1);-ms-transform: scale(-1);-moz-transform: scale(-1);}

.erweima_bg:hover{opacity: 1;transform: scale(1);-webkit-transform: scale(1);-ms-transform: scale(1);-moz-transform: scale(1);}
.ios .erweima_bg{background: url(../img/ios.png) no-repeat;}

.flex-direction-nav li a{z-index: 111;}
@media (min-width: 320px) and (max-width: 769px){
		.mobile_bg{width: 300px;height: 630px;background: url(../img/mobile.png) no-repeat;background-position:center;background-size:100%;margin: 0 auto;}
		.glass{display: none;}
.mobile_slider{width: 252px;height:446px;overflow: hidden;position: absolute;top: 91px;margin-left: 50%;left: -115px;}
.mobile_slider ul li img{width: 252px;height:446px;}
.page-head:hover::before{transform:scaleX(1.6) translate(-20%,0);-webkit-transform:scaleX(1.6)  translate(-20%,0);-ms-transform:scaleX(1.6)  translate(-20%,0);-moz-transform:scaleX(1.6)  translate(-20%,0);}
	}	
	
	
/*banner修改*/
.indexBanner .slides > li{/*height:780px !important;*/overflow: hidden !important;background: black;position: relative !important;}
.indexBanner .slides > li img{width: 100% !important;opacity: 0.5;}
.indexBanner ul li h1{position: absolute;top: 30%;right:300px;color: white;font-size:40px;line-height:80px;}
.indexBanner ul li h2{position: absolute;top: 30%;width: 100%;text-align: center;color: white;font-size:40px;line-height:80px;}
/*#top{padding-top:90px;}	*/
.shareBox img{width:500px;}
.shareBox{text-align: center;padding-bottom: 50px;}
.shareBox div{display: inline-block;width: 49%;text-align: left;}
.shareText{padding-left: 40px;vertical-align: middle;}
.shareBox .shareText b{font-size: 25px;line-height: 50px;}
.shareBox .shareText p{margin-top: 50px;font-size: 21px;}
.shareBox .shareText p b{font-size:30px;padding: 0 10px;}

.coopera .shareText p{margin-top: 50px;font-size: 18px;}
.coopera .shareText span{font-size: 20px;line-height: 50px;}

.contact{background: #4a4f5e;color: white !important;padding: 20px !important;}

.link:hover{text-decoration: underline;color: white !important;}
.address img{width: 250px;margin-bottom: 20px;}
.address{width: 100% !important;}
.address p img{width:35px;margin-top: 10px;margin-right: 20px; -webkit-filter: grayscale(1);-webkit-filter: grayscale(100%);filter: grayscale(100%);filter: url(Reset.css#greyscale);filter: gray;transition: all 0.3s;-webkit-transition: all 0.3s;-ms-transition: all 0.3s;-moz-transition: all 0.3s;}
.address p img:hover{filter:none;-webkit-filter:none;-ms-filter:none;-moz-filter:none}

.ewmBg{background: white;vertical-align: middle;padding: 0;display: inline-block;width:150px;height: 150px;padding: 10px;text-align: center;margin-left: 50px;}
.ewmBg img{vertical-align: middle;width: 100%;height: 100%;}
.bottomLft{display: inline-block;vertical-align: middle;}
.bottomRight{display: inline-block;vertical-align: middle;margin-left: 50px;}

.color{color:#EB5055 !important;margin-left: 10px;}

.moneyBox{height: 120px;overflow: hidden;}
.moneyBox h2{position: relative;margin-bottom: 20px;}
.moneyBox h2 span{float: right;background:#EB5055;color: white;padding: 5px;position: absolute;top: 0;right: 0;top: -5px;}

.afterclear{ content: "."; display: block;height: 0; clear: both; visibility: hidden;}

@media(min-width: 992px){.col-md-9 {width: 100% !important;}}
@media (min-width: 320px) and (max-width: 769px){
	.indexBanner ul li h2{font-size:1em;top:25% !important;line-height: 25px;}
/*	.ha-header-large{height: 50px;background: #303441;padding: 0;}*/
	.ha-header{background: #303441;}
	.indexBanner{margin-top: 106px;}
	h1{font-size: 1.5em;}
	strong{font-size: 1em !important;}
	.erweima .Android, .erweima .ios{margin: 5px;}
	.shareText{display: block;width: 100% !important;padding-top:20px !important;}
	.shareText b{font-size:1em !important;line-height: 2em !important;}
	.shareText p{font-size: 0.8em !important;display: none;}
	#portfolio{;background-size:300% 100%;background-position:center ;}
	#portfolio:hover{;background-size:300% 100%;background-position:center ;}
	.bottomLft p{font-size: 0.7em !important;}
	.bottomLft p a{color: white !important;}
	.bottomRight{display: block;width: 100% !important;margin: 0 !important;padding-bottom: 30px;}
	.ewmBg{width: 80px;height: 80px;margin: 10px;}
/*	.footer{margin-top: 10px;}*/
	}