p {font-size: 14px;line-height: 22.4px;color: #6c7279;}
h1 {	font-size: 65px;color: #2d3033;}
h2 {	font-size: 40px;color: #2d3033;}
h3 {	font-size: 28px;color: #2d3033;	font-weight: 300;}
h4 {	font-size: 22px;color: #2d3033;	font-weight: 400;}
h5 {	font-size: 14px;color: #2d3033;text-transform: uppercase;font-weight: 700;}
.btn {background-color: transparent;	color: #03A9F4;	font-size: 14px;font-weight: 600;border: 0;-moz-border-radius: 2px;-webkit-border-radius: 2px;	border-radius: 0;display: inline-block;text-transform: uppercase;border: 1px solid #03A9F4;padding: 10px 15px;}
.btn:hover, .btn:focus {background-color: #03A9F4;color: #fff;}
.tlinks{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}
.btn-large {padding: 15px 40px;}
#map-overlay {height:400px;margin-top:-405px;background-color: rgba(35, 35, 35, 0.81);padding:40px;color: #fff;}
.bannerbg1{ background-image:url(/images/imagesv4/bannerbg1.png); width:436px; height:534px;}
.play{position: absolute;top: 40%;left: 14%;}
.play img{ width:100px; height:100px;}
.center{ text-align:center;}
.mb48{ margin-bottom:48px;}
/* ------------------------------------------------------------------------------
	Global Styles
-------------------------------------------------------------------------------*/
a {color: #03A9F4; text-decoration:none;}
a:hover, a:focus {ext-decoration: none;	-moz-transition: background-color, color, 0.3s;	-o-transition: background-color, color, 0.3s;-webkit-transition: background-color, color, 0.3s;transition: background-color, color, 0.3s;}
body {font-family: "微软雅黑","Open Sans", Arial, sans-serif;	font-weight: 400;color: #666666;	margin:0; padding:0;}
ul, ol {margin: 0;padding: 0;}
ul li {list-style: none;}
.no-padding {padding: 0;}
.no-gutter [class*=col-] {padding-right: 0;	padding-left: 0;}
.space {margin-top: 60px;}
.containerda{ width:1200px; margin:0 auto;}
.dazuo{ width:613px; float:left; padding-top:55px;}
.dayou{ width:565px; float:left; text-align:center;}
.mt245{ margin-top:245px;}
.huibg{ background-color:#f9f9f9; width:100%; height:578px; padding-top:20px;}
.container2{ width:1200px; margin:0 auto;}
.dazuo2{ width:610px; float:left;padding-top: 250px;}
.dayou2{ width:565px; float:right;margin-top: 45px;}
.footer{ background-color:#f2f2f2; padding:42px; line-height:24px; text-align:center; color:#797979; font-size:13px;}
.play{ position:absolute; top:40%; left:12%;}
.clear{ clear:both;}
.xiaerweima{ margin-top:60px; color:#6a6e80; font-size:16px; font-weight:400; margin-bottom:34px;}
.btn_ios{ width:220px; height:60px; display:inline-block; background-image:url(/images/imagesv4/btn_ios.png); background-repeat:no-repeat;}
.btn_ad{width:220px; height:60px;display:inline-block; background-image:url(/images/imagesv4/btn_ad.png); background-repeat:no-repeat;}
.mb48 .btn_ios{margin-right:4px;}
.mb48 .btn_ad{margin-left:4px;}
a.btn_ios:hover{ background-image:url(/images/imagesv4/btn_ios_act.png);}
a.btn_ad:hover{background-image:url(/images/imagesv4/btn_ad_act.png);}
.mt150{ margin-top:150px;}
.mb40{ margin-bottom:40px;}
.mt34{ margin-top:34px;}
.ml164{ margin-left:164px;}
.sanjiao{ width:164px; height:206px; display:block; float:left;}
.erweimashang{ width:138px; display:block; float:left; margin-left:10px; text-align:center; color:#6a6e80; font-weight:400; font-size:16px; line-height:26px;}
.shangbtn{ margin-top:40px; margin-left:40px; display:block; float:left; width:220px;}

/* ------------------------------------------------------------------------------
	Header
-------------------------------------------------------------------------------*/
#header {
	position:absolute;
	width: 100%;
	z-index: 999;
	height:99px;
	border-bottom:1px solid #eaeaea;
}
#header .header-content {
	margin: 0 auto;
	max-width: 1170px;
	padding: 40px 0;
	width: 100%;
	-moz-transition: padding 0.3s;
	-o-transition: padding 0.3s;
	-webkit-transition: padding 0.3s;
	transition: padding 0.3s;
}
#header .logo {
	float: left;
	font-size: 28px;
	font-weight: bolder;
	color: #03a9f4;
	text-decoration:none;
	text-transform:uppercase;
	letter-spacing: 3px;
	margin-top: -20px;
}
#header.fixed {
	background-color: #383838;
}
#header.fixed a {
	/* color: #000; */
}
#header.fixed .header-content {
	border-bottom: 0;
	padding: 25px 0;
}
#header.fixed .nav-toggle {
	top: 18px;
	color: #000;
}
.navigation.open {
	opacity: 0.9;
	visibility: visible;
	-moz-transition: opacity 0.5s;
	-o-transition: opacity 0.5s;
	-webkit-transition: opacity 0.5s;
	transition: opacity 0.5s;
}
.navigation {
	float: right;
}
.navigation li {
	display: inline-block;
}
.navigation a {
	color: #808391;
	font-size: 18px;
	font-weight: 400;
	margin-left: 28px;
	text-transform: uppercase;
}
.navigation a:hover, .navigation a.active {
	color: #51505e;
}
.nav-toggle {
	display: none;
	height: 44px;
	overflow: hidden;
	position: fixed;
	right: 5%;
	text-indent: 100%;
	top: 32px;
	white-space: nowrap;
	width: 44px;
	z-index: 99999;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	background: transparent;
}
.nav-toggle:before, .nav-toggle:after {
	border-radius: 50%;
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-moz-backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-webkit-transition-property: -webkit-transform;
	transition-property: transform;
}
.nav-toggle:before {
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-webkit-transform: scale(1);
	transform: scale(1);
	-moz-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	color: #f05da3;
}
.nav-toggle:after {
	background-color: transparent;
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-webkit-transform: scale(0);
	transform: scale(0);
	-moz-transition-duration: 0s;
	-o-transition-duration: 0s;
	-webkit-transition-duration: 0s;
	transition-duration: 0s;
	color: #f05da3;
}
.nav-toggle span {
	bottom: auto;
	display: inline-block;
	height: 3px;
	left: 50%;
	position: absolute;
	right: auto;
	top: 50%;
	width: 18px;
	z-index: 10;
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}
.nav-toggle span:before, .nav-toggle span:after {
	background-color: #fff;
	content: "";
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-moz-backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-transition: -moz-transform 0.3s;
	-o-transition: -o-transform 0.3s;
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
}
.nav-toggle span:before {
	-moz-transform: translateY(-6px) rotate(0deg);
	-ms-transform: translateY(-6px) rotate(0deg);
	-webkit-transform: translateY(-6px) rotate(0deg);
	transform: translateY(-6px) rotate(0deg);
}
.nav-toggle span:after {
	-moz-transform: translateY(6px) rotate(0deg);
	-ms-transform: translateY(6px) rotate(0deg);
	-webkit-transform: translateY(6px) rotate(0deg);
	transform: translateY(6px) rotate(0deg);
}
.nav-toggle.close-nav:before {
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-webkit-transform: scale(0);
	transform: scale(0);
}
.nav-toggle.close-nav:after {
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-webkit-transform: scale(1);
	transform: scale(1);
}
.nav-toggle.close-nav span {
	background-color: rgba(255, 255, 255, 0);
}
.nav-toggle.close-nav span:before, .nav-toggle.close-nav span:after {
	background-color: #fff;
}
.nav-toggle.close-nav span:before {
	-moz-transform: translateY(0) rotate(45deg);
	-ms-transform: translateY(0) rotate(45deg);
	-webkit-transform: translateY(0) rotate(45deg);
	transform: translateY(0) rotate(45deg);
}
.nav-toggle.close-nav span:after {
	-moz-transform: translateY(0) rotate(-45deg);
	-ms-transform: translateY(0) rotate(-45deg);
	-webkit-transform: translateY(0) rotate(-45deg);
	transform: translateY(0) rotate(-45deg);
}
/* ------------------------------------------------------------------------------
	Banner
-------------------------------------------------------------------------------*/
.slider-banner h3{
	color: #FFF;
	font-size: 44px;
	font-weight:bolder;
}
.slider-banner p{
    color:#fff;
    font-size: 18px;
    font-weight: bold;
}
.banner {
	position:relative;
	width:100%;
	overflow:hidden;
	/* height: 750px; */
}
.banner-text {
	padding-top: 45%;
}
.banner-text h1 {
	color: #000000;
	font-family: "Open Sans", Arial, sans-serif;
	font-size: 36px;
	font-weight: 700;
	text-transform: uppercase;
}
.banner-text p {
	color: #000;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	margin-top: 30px;
	margin-bottom: 80px;
}



/**
 * ----------------------------------------
 * animation fade-in-left
 * ----------------------------------------
 */
 
 .banner .fade-in-left,.qhb .fade-in-left,.huibg .fade-in-left {
	-webkit-transform: translateX(-280px);
            transform: translateX(-280px);
}

.banner .active .fade-in-left,.qhb.active .fade-in-left,.huibg.active .fade-in-left {
	
	-webkit-animation: fade-in-left 0.8s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	        animation: fade-in-left 0.8s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}


@-webkit-keyframes fade-in-left {
  0% {
    -webkit-transform: translateX(-280px);
            transform: translateX(-280px);

  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);

  }
}
@keyframes fade-in-left {
  0% {
    -webkit-transform: translateX(-280px);
            transform: translateX(-280px);

  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);

  }
}



/**
 * ----------------------------------------
 * animation fade-in-right
 * ----------------------------------------
 */
 
 .banner .fade-in-right,.qhb .fade-in-right,.huibg .fade-in-right{
	-webkit-transform: translateX(280px);
            transform: translateX(280px);
}

.banner .active .fade-in-right,.qhb.active .fade-in-right,.huibg.active .fade-in-right{
	-webkit-animation: fade-in-right 0.8s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	        animation: fade-in-right 0.8s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}


@-webkit-keyframes fade-in-right {
  0% {
    -webkit-transform: translateX(280px);
            transform: translateX(280px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes fade-in-right {
  0% {
    -webkit-transform: translateX(280px);
            transform: translateX(280px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}