/* by Adon , CSS Document */


.contact{ background:none; overflow:hidden;}

.join-slider { float:left; overflow:hidden;position:relative;width:100%; height:987px; color:#fff; text-align:center;background:url(http://aliyun6.cdn.tjtkyy.com:8080/guaiji/web/template/default/css/img/join.jpg) no-repeat center; background-size:cover; background-attachment:fixed;}

.join-slider .item{ position:absolute; left:0; top:50%; right:0; margin:-140px auto;}

.join-slider .item .p1{ font-size:35px;}

.join-slider .item .p2{ font-size:60px; margin:15px 0 30px 0;}

.join-slider .item .p3{ font-size:20px; text-transform: uppercase; max-width:580px; margin:0 auto;}

.join-video{ float:left; width:100%; text-align:center; margin:1% 0;}

.join-video .p1{ font-size:16px; text-align:center; max-width:1000px; padding-bottom:10%; line-height:28px;margin:0 auto;}

.join-con{ float:left; width:100%; padding-bottom:5%;color:#fff;}
.join-con .item { margin:20% 0;}
.join-con .item .p1{ font-size:45px;}
.join-con .item .p2{ font-size:38px;}
.join-con .item .p3{ font-size:35px;}
.join-con .join-box{ background:#fff; padding:5%; color:#1e1e1e; text-align:center; overflow:hidden;}
.join-con1 .des{ font-size:20px; max-width:600px; margin:0 auto; padding-bottom:5%; line-height:28px;}
.join-con2 li{ width:49%; float:left;}
.join-con2 li img{ width:100%;}
.join-con2 li span{ display:block; font-size:16px; padding:5% 5.5% 10% 5.5%; line-height:27px;}
.join-con2 li.r{ margin-right:1%;}
.join-con2 li.l{ margin-left:1%;}
.join-con3 li{ width:100%; float:left; margin:1% 0; position:relative}
.join-con3 li span,.join-con3 li img{width:50%;}
.join-con3 li span { position:absolute; top:0; left:0;}
.join-con3 li span{ border:solid 3px #aaaaaa;font-size:16px; text-align:left;line-height:27px; height:100%; padding:0 5%;}
.join-con3 li span font{ position: relative; top:50%; margin-top:-80px;}
.join-con4 .des{ font-size:16px; max-width:700px; margin:0 auto; padding-bottom:5%; line-height:26px;}
.join-con4 li{ float:left; width:48%; margin:2% 0}
.join-con4 li .items{ float:left; margin-left:25px;max-width:330px; text-align:left; width:50%;}
.join-con4 li .items span{ display:block; font-size:22px; margin-bottom:25px; margin-top:15%;}
.join-con4 li .items p{ display:block; font-size:16px; line-height:28px;}
.join-con4 li.r{ margin-right:2%}
.join-con4 li.l{ margin-left:2%}
.join1{ background:url(http://aliyun6.cdn.tjtkyy.com:8080/guaiji/web/template/default/css/img/join1.jpg) no-repeat top center #f6f6f6;}
.join2{ background:url(http://aliyun6.cdn.tjtkyy.com:8080/guaiji/web/template/default/css/img/join2.jpg) no-repeat top center #f6f6f6;}
.join3{ background:url(http://aliyun6.cdn.tjtkyy.com:8080/guaiji/web/template/default/css/img/join3.jpg) no-repeat top center #f6f6f6;}
.join4{ background:url(http://aliyun6.cdn.tjtkyy.com:8080/guaiji/web/template/default/css/img/join4.jpg) no-repeat top center #f6f6f6;}

.join-stand{ background:#252525; float:left; width:100%; text-align:center; color:#fff;  padding:200px 0;}
.join-stand .p1{ font-size:40px;}
.join-stand .p2{ font-size:25px; margin-bottom:100px;}
.join-stand ul li{ margin-bottom:1.2%;float:left; border:solid 10px #fff;width:19%; margin-right:1.2%; padding:55px 0;}
.join-stand ul li span{ display:block; font-size:25px;} 
.join-stand ul li i{ display:block; height:4px; background:#fff; width:100%; max-width:111px; margin:15% auto 10% auto;} 
.join-stand ul li p{ display:block; font-size:15px; margin-top:20px;} 
.join-stand ul li.clear{ margin-right:0;}
.join-map{ clear:both;float:left; width:100%; background:#f5f5f5; position:relative; overflow:hidden; height:998px;}
.join-map .container{ position:relative; height:100%;}
.join-map .item{ position:relative; z-index:1; top:35%;}
.join-map .item .p1{ font-size:60px;}
.join-map .item .p2{ font-size:25px;}
.join-map .item .p3{ font-size:20px;}
.join-map .item .p4{ font-size:15px; max-width:650px; margin-top:25px;}
.join-map .thumb{ position:absolute; right:-190px;top:90px;}
.join-store { text-align:center; margin-top:10%; float:left; width:100%;}
.join-store .p1{ font-size:40px;}
.join-store .p2{ font-size:25px; text-transform:uppercase; margin-bottom:8%;}
.join-store .p3{ border-top:solid 1px #e8e8e8; padding:5% 0; margin-top:8%; font-size:18px;}
.join-store ul li{ float:left; width:32.33%; margin-right:1.5%; text-align:left;}
.join-store ul li.clear{ margin-right:0;}
.join-store ul li p{ font-size:18px; margin-top:20px;}



@media (max-width:1365px) and (min-width:1025px){
.join-con4 li img{ width:45%;}
.join-con4 li .items{ width:40%; margin-left:15px;}
.join-con4 li .items span{ font-size:16px;}
.join-con4 li .items p{ font-size:14px; line-height:24px;}
}


@media (max-width:1024px){
.join-con{ padding-bottom:10%;}
.join-con .item{ margin:15% 0;}
.join-con .item .p1{ font-size:40px;}
.join-con .item .p2{ font-size:30px;}
.join-con .item .p3{ font-size:25px;}
.join-con3 li span{ font-size:14px;}
.join-stand{ padding:15% 0; height:auto}
.join-stand .p2{ margin-bottom:10%;}
.join-con4 li img{ width:55%;}
.join-con4 li .items{ margin-left:5%; width:40%}
.join-con4 li .items span{ font-size:15px;}
.join-con4 li .items p{ line-height:22px;font-size:13px;}
}


@media (max-width:1023px) and (min-width:769px){
.join-con2 li span{ font-size:14px; line-height:24px;}
.join-con3 li span{ font-size:12px; line-height:22px;}
.join-stand ul li span{ font-size:20px;}
.join-stand ul li p{ font-size:13px;}
.join-map{ height:800px;}	
	
}



@media (max-width:768px){
.join-slider{background-size: cover !important;}	
.join-slider{ background-attachment: inherit !important}
.join-stand .p1{ font-size:34px;}
.join-stand .p2{ font-size:20px;}
.join-map .item .p1{ font-size:50px;}	
.join-map{ padding:15% 0; height:auto;}
.join-map .thumb{ position: relative; top:0;right:-15px;}
.join-store .p1{ font-size:32px;}
.join-store .p2{ font-size:20px;}
.join-store .p3{ font-size:16px;}
.join-store ul li p{ font-size:16px;}

.join-con4 li{ width:100%; margin-left:0 !important; margin-right:0 !important;}

.join-con1 .des{ font-size:16px;}	
.join1,.join2,.join3,.join4{ background-size:contain !important}	
.join-con2 li{ width:100%; margin-left:0 !important; margin-right:0 !important;}
.join-con3 li span{ clear:both; padding:10% 7.5%;width:100%; position:static; margin-top:0}
.join-con3 li span font{ position:static; margin-top:0;}
.join-con3 li img{ width:100%;}
.join-con4 li img{ width:50%;}
.join-con4 li .items { width:45%; margin-left:5%}
.join-con4 li .items span{ font-size:18px;}
.join-con4 li .items p{ font-size:14px;}

.join-slider{ padding:30% 0; height:auto}	

.join-slider .item{ position:static; margin:0 auto;}	

.join-slider .item .p1{ font-size:30px;}

.join-slider .item .p2{ font-size:50px;}

.join-slider .item .p3{ font-size:17px;}

.join-video .p1{ font-size:15px;}

.join-stand ul li{ width:32%;}

}
@media (max-width:640px){
.join-stand ul li{ width:48.5%}	
.join-store .p1{ font-size:26px;}
.join-store .p2{ font-size:16px;}
.join-store .p3{ font-size:14px;}
.join-store ul li p{ font-size:14px;}


.join-con .item .p1{ font-size:36px;}
.join-con .item .p2{ font-size:26px;}
.join-con .item .p3{ font-size:20px;}
.join-con4 li img{ width:50%;}
.join-con4 li .items{ width:40%;}
.join-con4 li .items span{ font-size:16px;}
.join-con4 li .items p{ font-size:13px; line-height:24px;}
}
@media (max-width:480px){
.join-map .item .p1{ font-size:36px;}	
.join-map .item .p2{ font-size:18px;}	
.join-map .item .p3{ font-size:15px;}	
.join-map .item .p4{ font-size:13px;}	
.join-stand .p1{ font-size:30px;}
.join-stand ul li i{ margin:10% auto 5% auto;}	
.join-stand ul li span{ font-size:20px;}
.join-stand ul li p{ font-size:14px;}
.join-stand ul li{ width:100%; max-width:260px; float:none;margin:5px auto !important; padding:20% 0;}	
.join-store ul li{ width:100%; margin-right:0 !important; margin-bottom:5%;}
.join-store .p1{ font-size:24px;}
.join-store .p2{ font-size:14px;}
.join-store .p3{ padding:10% 0 0 0;}
	
	.join-con .join-box{ padding:7.5%;}
	.join-con1 .des,.join-con4 .des{ font-size:14px; line-height:24px;  margin-bottom:5%;}
.join-con .item .p1{ font-size:30px;}
.join-con .item .p2{ font-size:20px;}
.join-con .item .p3{ font-size:15px;}
.join-con2 li span,.join-con3 li span{ font-size:13px; line-height:24px;}
	
.join-slider .item .p1{ font-size:20px;}

.join-slider .item .p2{ font-size:32px; margin:10px 0 20px 0;}

.join-slider .item .p3{ font-size:14px;}

.join-video .p1{ font-size:14px; line-height:24px;}

.join-con4 li{margin-bottom:5%;}
.join-con4 li img{ width:100%;}
.join-con4 li .items{ margin:5%;float:left; width:90%;}
.join-con4 li .items span{ margin:15px 0; font-size:14px;}
}

@media (max-width:320px){
.join-slider .item .p1{ font-size:18px;}

.join-slider .item .p2{ font-size:25px;}

.join-slider .item .p3{ font-size:13px;}

.join-video .p1{ font-size:13px;}

.join-map .item .p1{ font-size:34px;}	
.join-map .item .p2{ font-size:16px;}	
.join-map .item .p3{ font-size:14px;}	
.join-map .item .p4{ font-size:12px;}	

}