@charset "utf-8";

/* CSS Document */

body {

	font-family: "Bariol", Arial, Helvetica, sans-serif;

	font-size: 18px;

	color: rgba(26, 26, 26, 0.7);

}

h1 {

	font-size: 24px;

}

a {

	color: #25acd7;

	text-decoration: none;

}

a:hover {

	text-decoration: underline;

}

* {

	padding: 0px;

	margin: 0px;

}

ul {

	list-style: none;

}

.header li {

	float: left;

}

img {

	border: 0px;

}

.page_width {

	width: 100%;

	max-width: 930px;

	padding: 0 15px;

	box-sizing: border-box;

	margin: 0 auto;

}

.header {

	position: relative;

	background: url(banner.jpg) no-repeat center top;

	background-size: cover;

	width: 100%;

	height: 800px;

	opacity: 0.7;

}

.header .adwords {

	width: 100%;

	max-width: 886px;

	padding: 0 15px;

	box-sizing: border-box;

	margin: 0 auto;

	color:#c33b4de6;

	text-align: center;

}

.header .adwords h1 {

	font-size: 65px;

	padding: 300px 0 10px 0;

}

.header .adwords h2 {

	font-weight: normal;

}

.header .adwords .btn {

	width: 200px;

	margin: 0 auto;

	padding: 55px 0 0 0;

}

.header .adwords .btn a {

	border-radius: 5px;

	width: 100%;

	float: left;

	color: #fff;

	text-transform: uppercase;

	line-height: 46px;

	background: rgba(34,174,221,1);

	font-weight: bold;

}

.header .adwords .btn a:hover {

	text-decoration: none;

	background: rgba(34,174,221,0.8);

}

.maintext {

	width: 100%;

	padding: 40px 0;

	overflow: hidden;

	color: #898787;

}

.maintext h1 {

	text-align: center;

	padding: 10px 0 25px 0;

	text-transform: uppercase;

}

.maintext p {

	padding: 10px 0;

	line-height: 25px;

	font-weight: normal;

}

.footer {

	width: 100%;

	padding: 35px 0;

	background: #333;

	text-align: center;

	color: rgba(255,255,255,0.5);

}

.footer p.footernav a {

	color: rgba(255,255,255,0.5);

	padding: 5px 10px;

	display: inline-block;

}

.footer p.footernav a:hover {

	text-decoration: none;

	color: #25acd7;

}

.footer p {

	padding: 10px 0;

}

.inner_header {

	border-bottom: 1px solid #ddd;

	height: 86px;

	background:#000;

	text-align:center;

}

.inner_article ul {

	list-style: outside;

	padding: 10px 30px;

	overflow: hidden;

}

.inner_article ul li {

	padding: 5px 0 5px 10px;

}

.inner_article h2 {

	font-size: 18px;

	padding: 5px 0;

}

.top {

	width: 100%;

	max-width: 1330px;

	padding: 25px;

	box-sizing: border-box;

	overflow: hidden;

	margin: 0 auto;

	position: absolute;

}

.logo {

    font-size:36px;

}

.logo a:hover {

    text-decoration:none;

}

.grey {

    background:#f8f8f8;

}

.self-findNow {

    text-align: center;

    margin-top: 20px;

}

.btn {

    font-weight: 300;

    font-size: 16px;

    padding: 10px 52px 10px;

	user-select: none;

    background-image: none;

    border: 1px solid transparent;

    border-radius: 4px;

}



.btn-info {

    color: #fff;

    background-color: #5bc0de;

    border-color: #46b8da;

}

.btn-info:hover {

    color: #fff;

    background-color: #31b0d5;

    border-color: #269abc;

	text-decoration: none;

}

.self-pc-style {

    display: inline !important;

}

.self-mobile-style {

    display: none !important;

}

nav{ height:50px;}

nav ul{ float:right; margin-right:100px; margin-top:20px;}

nav a{ color:#FFF;}

.login, .sign-up{ padding:10px 20px; margin-left:10px;}

 @media screen and (max-width:500px) {

.header .adwords h1 {

	padding-top: 80px;

	font-size: 34px;

}

.self-pc-style {

    display: none !important;

}

.self-mobile-style {

    display: inline !important;

}

nav ul{ margin-right:10px; margin-top:20px;}

.header {

	background: url(bannerm.jpg) no-repeat center top;

	height:600px;

}

}

.self-app{ margin:auto 0;}

.self-app li{ margin-right:10px; float:none; display:inline-block; margin-top:40px;}

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

.clearfix{height:1%;}

.nav li{ float:right; margin:10px 10px;}