.box5::before{
	 content: " ";
	 position: absolute;
	 width: 420px;
	 height: 985px;
	 border: #d0bb13 1px solid;
	 left: 50%;
	 margin-left: -210px;
	 top: 30px;
}
.loading {
  position: fixed;
  left: 0px;
  top: 0px;
  z-index: 99999;
  width: 100%;
  height: 100%;
  overflow: visible;
  background: #333 url("../images/loading.gif") no-repeat center center;
}
.closet {
    width: 32px;
    height: 32px;
    margin-left: 210px;
    margin-bottom: 5px;
    cursor: pointer;
}
.spacial {
	cursor: pointer;
	    color: #ff3c3c;
}
.back-page {
	text-align: center;
    color: #fff;
    margin-top: 50px;
    margin-bottom: 50px;
}
.back-page a {
    color: #fff;
    border-radius: 10px;
    margin-top: 10px;
    background-color: #622428;
    padding: 10px 15px;
    letter-spacing: 5px;
    transition: all 1s;
    box-shadow: 0px 1px 1px #622428, 0px 2px 1px #582225, 0px 3px 1px #622428, 0px 4px 1px #501e21, 0px 5px 1px #481b1e, 0px 6px 1px #44191c, 0px 7px 1px #331517, 1px 8px 3px rgba(100, 100, 100, 0.4), 1px 9px 5px rgba(100, 100, 100, 0.1), 1px 10px 7px rgba(100, 100, 100, 0.15), 1px 11px 9px rgba(100, 100, 100, 0.2), 1px 12px 11px rgba(100, 100, 100, 0.25), 1px 13px 15px rgba(100, 100, 100, 0.3);	
}
.back-page a:hover {
    text-decoration: none;
    box-shadow: 0px 1px 1px #622428, 0px 2px 1px #582225, 0px 3px 1px #622428, 0px 4px 1px #501e21, 0px 5px 1px #481b1e, 0px 6px 1px #44191c, 0px 7px 1px #331517, 1px 8px 3px rgba(100, 100, 100, 0.4), 1px 9px 5px rgba(100, 100, 100, 0.1), 0px 0px 0px rgba(100, 100, 100, 0.15), 0px 0px 0px rgba(100, 100, 100, 0.2), 0px 0px 0px rgba(100, 100, 100, 0.25), 0px 0px 0px rgba(100, 100, 100, 0.3);		
}
.fb-sahre-icon {
    width: 80px;
    background-repeat: no-repeat;
    height: 80px;
    background-image: url(../images/facebook.svg);
}
.line-sahre-icon {
    width: 80px;
    background-repeat: no-repeat;
    height: 80px;
    background-image: url(../images/line.svg);
}
.tool-bar {
    width: 80px;
    position: fixed;
    z-index: 5;
    right: 20px;
    bottom: 5%;
}
.data {
	color: #622428;
    font-size: 1.3rem;
    font-weight: bold;
    letter-spacing: 5px;
    text-align: center;
    padding-bottom: 20px;
}
.personalized {
	display: none;
    position: fixed;
    z-index: 5;
    font-size: 14px;
    color: #fff;
    background: #e4cb28;
    top: 80px;
    width: 300px;
    padding: 15px 30px 30px 30px;
    text-align: justify;
    left: 50%;
    transform: translateX(-50%);
}
.padding {
	padding-top: 20px;
	    text-align: justify;
}
.agree{
	    width: 20px;
    height: 20px;
    margin: 10px;
}
.right-center{
    background-color: #e4cb28;
    padding: 20px 0px;
    width: 320px;
    margin: auto;
    position: relative;
    top: 40%;
    transform: translateY(-40%);
}
.center {
	background-color: #fff;
	padding:25px; 
}
.Sign {
    margin: auto;
    width: 1000px;
    display: flex;
    padding: 50px 0px;
}
#sec3_tks {
	display: none;
	width: 250px;
	margin: auto;
}
.left,.right {
	width: 50%;
	position: relative;
}
.field {
	padding: 10px 0px;
}
.chioce {
	width: 30px;
    height: 20px;
}
.btn{
    cursor: pointer;
    background-color: #f9b53a;
    color: #fff;
    outline: none;
}
.block {
	width: 250px;
}
.field-labelblock span {
	font-size: 16px;
}
.description {
	line-height: 1.4em;
    text-indent: -4em;
    margin-left: 4em;
}
.description-tittle{
	font-size: 25px;
    font-weight: bold;
}
.traffic-all-tittle {
	font-size: 18px;
	padding-bottom: 20px;
    font-weight: bold;
}
.traffic-tittle {
	font-size: 18px;
    font-weight: bold;
}
.description {
	padding-left: 75px;
    letter-spacing: 10px;
}
.map {
	width: 450px;
    padding: 20px 0px;
}

.map iframe {
	 width:450px;
	 height:300px;
}

.kv2{
	display: block;
}

.kv2mb{
	display: none;
}

@media (max-width:1100px) {
.jumbotron {
     padding: 0rem 0rem; 
}
.map {
	width: 100%;
}
.map iframe {
	 width:310px;
	 height:300px;
}
.box5::before{
display: none;
}
.left,.right {
	width: 100%;
	position: relative;
}
.center {
    padding: 0px;
    padding-bottom: 25px;
    width: 310px;
    margin: auto;
}
.Sign {
	flex-direction: column;
    width: 100%;
    padding: 20px 0px;
}
.description-tittle {
    font-size: 16px;
}
.description{
	padding-left: 75px;
    letter-spacing: 2px;
    margin-left: 2em;
}
}

@media (max-width:768px) {
	.kv2{
	display: none;
}
	.kv2mb{
	display: block;
}
}

.box1{
	position: relative;
	width: 100%;
	clear: both;
	overflow: hidden;
}

.box1::before{
	content: " ";
	position: absolute;
	width: 420px;
	height: 830px;
	border:#d0bb13 1px solid;
	left: 50%;
	margin-left: -210px;
	top: 30px;
}

.box1-3{
	position: relative;
	width: 100%;
	z-index: 2;
}

.tittle{
		position: relative;
		text-align: center;
}

.tittle img{
		width: 200px;
}

.people1{

    overflow: hidden;
    margin: 50px 100px;
}

.people1_img{
	float: left;
}

.people1_img img{
	box-shadow: #b3b3b3 0px 5px 10px;
}

.people1_words{
		padding: 30px;
		background: #fff;
		margin: 10px;
		overflow: hidden;
}

.people1_words p,.people2_words p{
    font-size: 15px;
    line-height: 25px;
	color: #5a5a5a;
}

.people2{
    overflow: hidden;
    margin: 50px 100px;
}

.people2_img{
	float: right;
}

.people2_img img{
	 box-shadow: #b3b3b3 0px 5px 10px; 
}

.people2_words{
		margin-left: -20px;
		padding: 30px;
		background: #fff;
		overflow: hidden;
}

.box2{
	position: relative;
	width: 100%;
	clear: both;
	overflow: hidden;
	margin-bottom: 100px;
}

.box2::before {
    content: " ";
    position: absolute;
    width: 420px;
    height: 585px;
    border: #d0bb13 1px solid;
    left: 50%;
    margin-left: -210px;
    top: 100px;
}

.box2-3{
	position: relative;
	z-index: 2;
	width: 400px;
	margin-left: 100px;
	margin-top: 70px;
}

.intro1 a{text-decoration:none;}


.intro1 .tittle{
		text-align: left;
		padding-top: 70px;
}

.intro1 .tittle img{
		width: 400px;
}

.intro1_words{
    text-align: justify;
    line-height: 1.8;
    letter-spacing: 0.3px;
    color: #313131;
    font-weight: 400;
	 padding: 10px;
    background: #fff;
}


.box2-4{
    position: relative;
    z-index: 2;
    width: 400px;
    float: right;
    margin-right: 100px;
    margin-top: -100px;
}

.box2-5{
	position: relative;
	z-index: 2;
	width: 400px;
	margin-left: 100px;
	margin-top: 70px;
}

.box3{
    position: relative;
    width: 100%;
    clear: both;
    overflow: hidden;
    margin-bottom: 150px;
}

.box3::before{
	content: " ";
	position: absolute;
	width: 620px;
	height: 380px;
	border:#d0bb13 1px solid;
	left: 50%;
	margin-left: -310px;
	top: 30px;
}

.box3-3{
		position: relative;
	width: 100%;
	z-index: 2;
}
.box3-3 .tittle img {
    width: 300px;
}

.video_out{
	margin: 50px auto;
	display: flex;
}

.video1{
	width: 400px;
	height: 250px;
	margin: auto;
}

.video2{
	width: 400px;
	height: 250px;
	margin: auto;
}

.box4{
	position: relative;
	width: 100%;
	clear: both;
	overflow: hidden;

	margin-bottom: 150px;
}

.box4 a{
text-decoration: none;
}


.box4::before{
	content: " ";
	position: absolute;
	width: 420px;
	height: 1100px;
	border:#d0bb13 1px solid;
	left: 50%;
	margin-left: -210px;
	top: 30px;
}

.box4-3{
	width: 400px;
	transform: translate(0,10%);
	-webkit-transform: translate(0,10%);
	-moz-transform: translate(0,10%);
	-o-transform: translate(0,10%);
	-ms-transform: translate(0,10%);
	margin-left: 100px;
}
.box4-3, .box4-5, .box4-7 {
    margin-bottom: 50px;
}
.box4-3 .pic,.box4-4 .pic,.box4-5 .pic,.box4-6 .pic,.box4-7 .pic{
    margin-left: 0;
}


.box4-3 .pic img,.box4-4 .pic img,.box4-5 .pic img,.box4-6 .pic img,.box4-7 .pic img{
    width: 100%;
}

.intro1 .tittle{
		text-align: left;
		padding-top: 0;
}

.intro1 .tittle img{
		width: 400px;
}

.intro1_words{
	    padding: 8px;
    text-align: justify;
    line-height: 1.8;
    letter-spacing: 0.3px;
    color: #313131;
    font-weight: 400;
	 padding: 10px;
    background: #fff;
}


.box4-4{
	width: 400px;
	float: right;
	margin-right: 100px;
	transform: translate(0,-50%);
	-webkit-transform: translate(0,-50%);
	-moz-transform: translate(0,-50%);
	-o-transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
}

.box4-5{
	width: 400px;
	margin-left: 100px;
	transform: translate(0,10%);
	-webkit-transform: translate(0,10%);
	-moz-transform: translate(0,10%);
	-o-transform: translate(0,10%);
	-ms-transform: translate(0,10%);
}

.box4-6{
	position: relative;
	z-index: 2;
	width: 400px;
	float: right;
	margin-right: 100px;
	transform: translate(0,-50%);
	-webkit-transform: translate(0,-50%);
	-moz-transform: translate(0,-50%);
	-o-transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
}

.box4-7{
	width: 400px;
	margin-left: 100px;
	transform: translate(0,10%);
	-webkit-transform: translate(0,10%);
	-moz-transform: translate(0,10%);
	-o-transform: translate(0,10%);
	-ms-transform: translate(0,10%);
}


.box4 .tittle{
	text-align: center;
	color: #313131;
}

.box4 .tittle2{
	text-align: left;
	background: #eaeaea;
	padding: 10px;
	font-size: 20px;
	margin-bottom: 10px;
	font-weight: bold;
	box-shadow:rgba(82, 80, 80, 0.36) 0px 5px 10px;
}

.box4 .tittle2 p{    margin: 0;}



.uline{
	text-decoration-line: underline;
    font-size: 14px;
}

.box5{
	position: relative;
	width: 100%;
}
.box5-2{
		position: absolute;
	width: 420px;
	height: 800px;
	border:#d0bb13 1px solid;
	left: 50%;
    margin-left: -210px;
    top: 100px;
}

.box5-3{
	position: absolute;
	z-index: 2;
    width: 100%;
}

footer{
	text-align: center;
	    padding: 30px 0px;
	        margin-top: 50px;
}

footer p{
	font-size: 14px;
	margin-bottom: 0;
    color: #636363;
}


@media (max-width:1200px) {

	.box2-3 {
    position: relative;
    z-index: 2;
    width: 400px;
    margin-left: 0;
    margin-top: 70px;
}
	.box2-5 {
    position: relative;
    z-index: 2;
    width: 400px;
    margin-left: 0;
    margin-top: 70px;
}
	.box4-3,.box4-5,.box4-7 {
    margin-left: 0;
	margin-bottom: 50px;
	}
	.box4-4,.box4-6 {
	margin-right: 0;
	}
}

@media (max-width:1100px) {
.people1_img {
    float: none;
    text-align: center;
}
	.people2_img {
    float: none;
    text-align: center;
}
	.people2_words {
		margin-left: 10px;
	}
	::before {
		display: none;
	}
	.box2-3,.box2-4,.box2-5{
	margin: 50px auto;
	}
	.box2-4{
		float: none;
	}
	.video_out {
    margin: 50px auto;
    display: block;
}
	.video1,.video2 {
    width: 400px;
    height: 250px;
    margin: 50px auto;
}
	.box4-3, .box4-5, .box4-7 {
    margin-left:0;
    margin:50px auto;
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -o-transform: translate(0);
    -ms-transform: translate(0);
}
.box4-4,.box4-6{
    margin-right:0;
    margin:auto;
    float:none; 
    transform:translate(0); 
    -webkit-transform:translate(0);
     -moz-transform:translate(0);
     -o-transform:translate(0);
    -ms-transform:translate(0);
}
}

@media (max-width:768px) {

.people1,.people2 {
    overflow: hidden;
    margin: 50px auto;
}
}

@media (max-width:415px) {
	.box2,.box3,.box4 {
    width: 95%;
    margin: auto;
}
		.intro1 .tittle img {
    width: 100%;
}
		.box2-3, .box2-4, .box2-5 {
    margin: 50px auto;
    width: 100%;
}
	.video1, .video2 {
    width: 100%;
    height: 200px;
    margin: 50px auto;
}
	.box4-3,.box4-4, .box4-5,.box4-6, .box4-7 {
    width: 100%;
}
}



@media (max-width:321px) {
.people1_words,.people2_words {
	padding: 0;
	margin: 10px;
	}

	.box2-3, .box2-4, .box2-5 {
    margin: 50px auto;
    width: 100%;
}
	.video1, .video2 {
    width: 100%;
    height: 200px;
    margin: 50px auto;
}
	.box4-3,.box4-4, .box4-5,.box4-6, .box4-7 {
    width: 100%;
}
}