.tg_bg01{
	background-color: #97969b;   
	background-image: url(../img/tg-bg01.png);
    background-size: cover;
    background-repeat: no-repeat;
    height: 100vh;
    background-position: center;}
.tg_bg02{ background-color: #2f9395;background-image: url(../img/tg-bg02.png);}
.tg_bg03{ background-color: #b1742a;background-image: url(../img/tg-bg03.png);}
.tg_bg04{ background-color: #6089b5;background-image: url(../img/tg-bg04.png);}
/*header*/
.header {
	position: absolute;
	width: 100%;
	top: 0;
	height: 120px;
	z-index: 999;
}

.left_logo {
	position: absolute;
	left: 75px;
    top: 26px;
}
.add_top{position: absolute;
	left: 75px;
    top: 46px;}
.ul_list {
	width: 100%;
	line-height: 120px;
	margin: 0 auto;
	text-align: center;
	float: none;
}

.ul_list li {
	display: inline-block;
}

.ul_list li a {
	color: #fff;
	font-size: 18px;
	padding-right: 22px;
	margin-left: 22px;
	text-shadow: #333 0px 2px 5px;
	
}
.fc_wrap{ width: 100vw; }
.padd_top{padding-top: 40vh; position: absolute; -webkit-transform: translateX(-50%);  transform: translateX(-50%); left: 50%;}
.padd_top>img{ margin: 0 auto;}
.down_app {
    padding-top: 40px;
    margin: 0 auto;
    text-align: center;
}
.down_app>a { display: inline-block; margin: 0 1vw; width: auto; cursor: pointer;}
.down_app>a>img{ margin: 0 auto;}
.footer{    position: absolute;
    bottom: 50px;
    z-index: 999; width: 100%;}
.footer ul{ text-align: center;}
.footer ul li{ display: inline-block;  margin: 0 1vw;}
.footer ul a{ color: #fff; font-size: 14px; text-align: center;}
.footer ul a img{ margin: 0 auto;}
.footer ul a p{ padding-top: 6px;}
.copyright{ position: absolute;z-index: 999;
    bottom: 0;color: #fff; width: 100%;  padding: 15px 0 15px; font-size: 14px;text-align: center;}
    
.addblack li a {
    color: #333;
  }
.wrap_out {
    max-width: 1200px;
    margin: 0 auto;
}
.padding_layer {
    padding: 140px 15px 20px;
}
.map {
    width: 50%;
    margin: 0 auto;
    padding-top: 20px;
}
.h3_title {
    color: #000;
    font-size: 30px;
    text-align: center;
    padding: 20px 0;
}
.h3_title {
	color: #000;
	font-size: 30px;
	text-align: center;
	padding: 20px 0;
}

.h4_title {
	color: #000;
	font-size: 18px;
	padding-top: 15px;
	line-height: 28px;
}

.p_content {
	color: #848b9a;
	font-size: 16px;
	line-height: 22px;
	padding-bottom: 10px;
}

.p_content>em {
	padding: 5px 0;
	text-indent: 1em;
	font-style: normal;
	display: block;
}
.addcolor{ position: static; color: #333;}

/*Agreement*/

.h5_tit {
	padding-top: 15px;
	padding-bottom: 15px;
	font-size: 18px;
}
/*phone_header*/
.mheader { display: none;
    position: fixed;
	padding:5px 0;
    background: #000;
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    top: 0;
    z-index: 999;
}
.logo_a {
    float: left;
	width:50px;
    height: 50px;
    margin: 0 0 0 15px;
    position: relative;
    overflow: hidden;
    display: block;
    background-repeat: no-repeat;
    background-image: url(../img/logo.png);
    background-size: contain;
	border-radius:50%;
}
.menu {
    float: right;
    background-image: url(../img/rtmenu.png);
    background-repeat: no-repeat;
    background-size: 34px;
    width: 34px;
    height: 34px;
    margin: 5px 15px 0 0;
}
.nav_active {
    position: absolute;
    z-index: 9999;
    width: 100%;
    background: #000;
    background: rgba(0, 0, 0, 0.5);
    top: 70px;
    text-align: center;
    /*-moz-box-shadow: 0 5px 10px #ccc;
    box-shadow: 0 5px 10px #000;*/
    padding: 10px 0;
}
.nav_active a {
    display: block;
    padding: 10px 0;
    color: #fff;
    font-size: 16px;
}
@media all and (min-width: 1280px) and (max-width: 1366px){
	.padd_top { padding-top: 24vh;}
}
@media screen and (max-width: 1260px) {
	.left_logo img.fc_logo2 { max-width: 200px;}
	.ul_list li a {
    font-size: 16px;
    padding-right: 12px;
    margin-left: 12px;}
}
@media screen and (max-width: 991px) {
	.ul_list{ width: auto; float: right; margin: 0 5% 0 0;}
	.fc_wrap {width: 80vw;}
	.left_logo{ left: 45px;}
	.ul_list li a{ font-size: 16px; padding-right: 12px; margin-left: 12px;}
	.padding_layer {padding: 120px 25px 0;}
	.left_logo img.fc_logo2{ max-width:200px;}
}
@media screen and (max-width:768px) { 
	
	.mheader {display: block;}
	.header {display: none;}
	.padding_layer {padding: 100px 25px 0;}
	.p_content { font-size: 14px;}
	.h5_tit { font-size: 16px;}
	.h3_title { font-size: 24px;}
	.down_app>a{width: 22vw;}
	}
@media screen and (max-width: 640px) {
	.mheader {display: block;}
	.header {display: none;}
	.fc_wrap { padding-right: 8%; padding-left: 8%;}
    /*.down_app{ width: 420px;}
    .down_app a{ width: 40%;}*/
    .padding_layer {padding: 80px 15px 0;}
	.p_content { font-size: 14px;}
	.h5_tit { font-size: 16px;}
	.h3_title { font-size: 24px;}
}

@media screen and (max-width: 480px) {
	.mheader {display: block;}
	.header {display: none;}
	.fc_wrap { width: 86vw;}
	.footer ul a {font-size: 12px;}
    .down_app>a{ width: 24vw;}
    .copyright{font-size: 12px;}
    .padding_layer {padding: 74px 15px 0;}
	.p_content { font-size: 14px;}
	.h5_tit { font-size: 16px;}
	.h3_title { font-size: 20px;}
	.map {width: 90%;}
}
@media screen and (max-width: 320px) {
	.mheader {display: block;}
	.header {display: none;}
	.footer ul a {font-size: 12px;}
    .copyright{font-size: 12px;}
}