/* by Adon , CSS Document */





.join1 { float:left; position:relative;width:100%; height:987px; color:#fff;background: url(../img/join1.jpg) no-repeat center;background-size: cover;background-attachment: fixed;}

.join1 .container{ position:relative; height:100%}

.join1 .item{ position:absolute; left:15px; top:50%; right:0;text-align:center;margin:-130px auto}

.join1 .item .p1{ margin-bottom:20px;}

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

.join1 .item .p3{ font-size:40px;}

.join1 .p4{ font-size:25px; position:absolute; left:15px; bottom:7.5%;}

.join1 .p4 a{ color:#fff}

.join1 .p4 font{ display:block}

.join2{ float:left; width:100%; border-bottom:solid 1px #e8e8e8; padding:7.5% 0; margin-bottom:7.5%}

.join2 .p1{ font-size:65px; font-weight:bold}

.join2 .p2{ font-size:28px; border-bottom:solid 1px #e8e8e8; padding-bottom:50px; margin-bottom:50px;}

.join2 .p3 font{ font-size:15px; color:#767676; float:left; width:47.5%; margin-right:2.5%}

.join2 .p3 font.en{ font-size:14px;margin-left:2.5%;margin-right:0}

.join2 .pic{position:relative; text-align:center; color:#fff; height:548px; margin-top:7.5%;}

.join2 .pic .item span{ display:block;font-size:45px; text-transform:uppercase}

.join2 .pic .item font{ display:block; font-size:16px;}

.join2 .pic .item{ position: absolute; left:0; right:0;top:50%;margin-top:-43px;}

.join2 .pic {background:url(../img/join2.jpg) no-repeat center; background-size:cover}

.join3{ float:left; width:100%;}

.join3 .p1{ font-size:28px;}

.join3 .p2{ font-size:45px; margin:5px 0; text-transform:uppercase}

.join3 .p3{ font-size:15px; color:#767676; max-width:710px;}

.join3 .ul1 li{ float:left; width:24%; margin-right:1.3%}

.join3 .ul2 li{ float:left; width:49%; margin-right:2%}

.join3 .ul3 li{ float:left; width:64%;}

.join3 .ul3 li.clear{ width:35%; margin-left:1%;}

.join3 .ul1 li.clear,.join3 .ul2 li.clear{ margin-right:0}

.join3 ul{ margin:5% 0; overflow:hidden;}

.join4 { float:left; position:relative;width:100%; height:783px; color:#fff;background: url(../img/join4.jpg) no-repeat center;background-size: cover}

.join4 .container{ position:relative; height:100%}

.join4 .item{ position: relative; top:50%;margin:-130px auto}

.join4 .item .p1{ font-size:28px}

.join4 .item .p2{ font-size:45px; margin:5px 0;}

.join4 .item .p3{ font-size:15px;}

.join5{ margin:7.5% 0}

.join5 .ul3{ margin:2.5% 0 1% 0}

.join5 .pic{position:relative; height:345px; position:relative;background:url(../img/join__map11.jpg) no-repeat center; background-size:cover}

.join5 .pic span{ max-width:200px; position: absolute; top:15%; left:5%;display:block;font-size:15px; text-transform:uppercase}

.join5 .pic font{ display:block; font-size:40px;position: absolute; margin:-55px 0;top:50%; left:25%;}

.join6 { float:left; padding-top:170px;position:relative;width:100%; height:987px; color:#fff;background: url(../img/join6.jpg) no-repeat center;background-size: cover}

.join6 .p1,.join7 .p1{ font-size:30px}

.join6 .p2,.join7 .p2{ font-size:18px;}

.join6 ul{ margin-top:150px;}

.join6 ul li{ float:left; padding:3% 0;width:24%; margin-right:1.3%; border:solid 3px #fff; text-align:center;}

.join6 ul li img{ height:50px; margin-bottom:25px;}

.join6 ul li .p3{ font-size:30px}

.join6 ul li .p4{ font-size:25px; line-height:60px; width:75%; margin:25px auto; background:#222222; color:#FFFFFF}

.join6 ul li .p5{ font-size:20px}

.join6 ul li.clear{ margin-right:0}

.join7{ margin:0 0 90px 0; width:100%;}

.join7 .p2{ margin-bottom:40px;}

.join7 .form{ background:#5f5d5e; width:50%; height:430px; padding:7.5%}

.join7 .des{ background:#231815; color:#fff; padding:5% 7.5%;width:50%; text-transform:uppercase; height:430px; overflow:hidden;}

.join7 .des span{ display:block; font-size:18px; line-height:18px; margin-bottom:25px;}

.join7 .des font{ display:block; font-size:30px; line-height:30px;font-weight:bold}

.join7 .form ul li{float:left; width:47.5%; margin-right:2.5%; margin-bottom:2.5%;}

.join7 .form ul li .text{ border:0; background:#fff;font-size:16px; color:#929292; padding:0 5%; line-height:53px; width:100%;}

.join7 .form .submit{ background:#231815; border:0; display:block; color:#fff;text-align:center; font-size:16px; width:150px; line-height:45px; margin:10px 0; clear:both;}

.join7 .form ul li .select{ border:0; background:#f5f5f5; border:solid 1px #d2d2d2; font-size:16px; color:#929292; padding:14px 5%; width:100%;height:52px}

.join7 .left{ float: left; }

.join7 .right{ float: right; }











@media (max-width:1024px){

.join2 .pic{ height:auto; padding:20% 0}

.join2 .pic .item{ margin:0 !important; position:static !important; padding:0 15px;}

.join6 ul li .p3{ font-size:22px}

.join6 ul li .p4{ font-size:16px;}

.join6 ul li .p5{ font-size:14px}

.join5 .pic font{ font-size:32px;}

}

@media (max-width:768px){

.join1 {height: auto !important;padding:35% 0;background-attachment: inherit !important;}

.join1 .item{ position:static; margin:0;}

.join1 .item .p2{ font-size:20px;}

.join1 .item .p3{ font-size:34px;}

.join1 .p4{ font-size:20px;}

.join1 .container{ position:static;}

.join2{ padding:10% 0;margin-bottom:10%}

.join2 .pic{ margin-top:10%;}

.join2 .p1{ font-size:55px;}

.join2 .p2{ font-size:22px;}

.join2 .pic .item span{font-size:36px;}

.join2 .pic .item font{font-size:14px; margin-top:10px;}

.join3 .p1,.join4 .item .p1,.join6 .p2,.join7 .p2{ font-size:24px;}

.join3 .p2,.join4 .item .p2,.join6 .p1,.join7 .p1{ font-size:32px;}

.join3 .p3,.join4 .item .p3{ font-size:14px;}

.join3 ul,.join5,.join7{ margin:10% 0;}

.join4 {height: auto !important;padding:25% 0;}

.join4 .item{ position:static; margin:0;}

.join5 .pic span{ font-size:14px;}

.join5 .pic font{ font-size:34px;}

.join6 {height: auto !important;padding:15% 0;}

.join6 ul{ margin-top:15%;}

.join6 ul li{ width:48%; margin:1% 1% !important; padding:5% 0}

.join7 .p2{ margin-bottom:10%;}

.join7 .form,.join7 .des{ width:100%; height:auto; padding:7.5% 3% 7.5% 3%}

.join5 .pic font{ font-size:26px;}

}

@media (max-width:480px){

.join1 .item .p2{ font-size:14px;}

.join1 .item .p3{ font-size:22px;}

.join1 .p4{ font-size:14px;}

.join2 .p1{ font-size:34px;}

.join2 .p2{ font-size:16px; padding-bottom:5%; margin-bottom:2.5%}

.join2 .p3 font{ width:100%; margin:2.5% 0 !important; font-size:13px;}

.join2 .p3 font.en{ font-size:12px;}

.join2 .pic .item span{font-size:24px;}

.join2 .pic .item font{font-size:13px;}

.join3 .p1,.join4 .item .p1,.join6 .p2,.join7 .p2{ font-size:16px; padding-left: 3%;}

.join3 .p2,.join4 .item .p2,.join6 .p1,.join7 .p1{ font-size:22px; padding-left: 3%;}

.join3 .p3,.join4 .item .p3{ font-size:13px;}

.join3 .ul1 li{ width:49%; margin:0.5% !important}

.join3 .ul3 li{ width:100% !important; margin:1% 0 !important}

.join5 .pic{ height:300px;}

.join5 .pic span{ font-size:13px; top:7.5%;}

.join5 .pic font{ font-size:24px; margin:-35px 0}

.join6 ul li img{ height:40px; margin-bottom:10%;}

.join6 ul li .p3{ font-size:16px}

.join6 ul li .p4{ font-size:14px; margin:10% auto; line-height:40px;}

.join6 ul li .p5{ font-size:13px}

.join7 .form ul li .text,.join7 .form ul li .select{ font-size:13px; line-height:45px;}

.join7 .form ul li .select{ height:45px; padding:10px 5%;}

.join7 .form .submit{ font-size:15px;}

.join7 .des span{ font-size:22px; line-height:22px;}

.join7 .des font{ font-size:45px; line-height:45px;}

}

@media (max-width:480px){

.join1 .item .p3{ font-size:18px;}

.join2 .p1{ font-size:27px;}

.join2 .p2{ font-size:15px;}

.join2 .pic .item span{font-size:18px;}

.join2 .pic .item font{font-size:12px;}

.join5 .pic font{ font-size:20px; margin:-25px 0}

.join6 ul li img{ height:35px; margin-bottom:10%;}

.join6 ul li .p3{ font-size:15px}

.join6 ul li .p4{ font-size:12px;}

.join6 ul li .p5{ font-size:12px}

.join7 .des span{ font-size:16px; line-height:16px;}

.join7 .des font{ font-size:22px; line-height:22px;}

.join7 .form ul li .text,.join7 .form ul li .select{ font-size:12px;}

.join7 .form .submit{ font-size:14px;}

}