.join-bner{background-size:cover}
.join-main{margin-top:-200px}
.join-container{padding:60px 90px}
.join-title h3{position:relative;color:#221814;font-size:30px;padding-top:28px;margin-bottom:40px}
.join-title h3:before{content:'';position:absolute;top:0;width:45px;height:2px;background-color:#009a92}
.joinsocial-l{float:left;width:650px}
.joinsocial-l h4{font-size:22px;color:#009a92;margin-bottom:20px}
.joinsocial-l .joinpos{padding-bottom:30px;font-size:16px;color:#878787;border-bottom:2px dotted #d2d2d2}
.joinsocial-l .joinsocial-txt{margin-top:40px;font-size:16px;color:#878787}
.joinsocial-l .joinsocial-txt h4{margin-bottom:16px;font-size:18px;font-weight:700;color:#878787}
.joinsocial-l .joinsocial-txt p{line-height:2}
.joinsocial-l .joinbtn{margin-top:40px}
.joinsocial-l .joinbtn a{display:inline-block;width:106px;height:35px;line-height:35px;color:#fff;font-size:16px;text-align:center}
.joinsocial-l .joinbtn a.joinbtn1{background-color:#009a92;margin-right:20px}
.joinsocial-l .joinbtn a.joinbtn2{background-color:#b5b5b5}
.joinsocial-l .joinbtn a:hover{text-decoration:underline}
.joinsocial-r{float:right;width:320px;padding-left:30px;border-left:1px dotted #e5e5e5}
.joinsocial-r h4{margin-bottom:40px}
.joinsocial-r h4 span{color:#009a92;font-size:18px}
.joinsocial-r h4 a{font-size:14px;color:#878787;float:right}
.joinsocial-r h4 a:hover{text-decoration:underline}
.joinsocial-r .joinpos-list{display:block;width:100%}
.joinsocial-r .joinpos-list li{width:100%;padding-bottom:10px;margin-bottom:30px;border-bottom:1px dotted #e5e5e5}
.joinsocial-r .joinpos-list li a{display:block;width:100%;font-size:16px;color:#221814;overflow:hidden;-webkit-line-clamp:1;word-break:break-all;-webkit-box-orient:vertical;display:-webkit-box;text-overflow:ellipsis}
.joinsocial-r .joinpos-list li a.pos-hot{background:url(../images/icon-hot.png) no-repeat right center}
.joinsocial-r .joinpos-list li a span{float:right;padding-right:25px}
.joinsocial-r .joinpos-list li a:hover{text-decoration:underline;color:#009a92}
.joinsocial-lcon{float:left;width:650px}
.joinsocial-lcon .searchcell{height:50px;margin-bottom:10px}
.joinsocial-lcon .searchcell input{height:50px;line-height:50px}
.joinsocial-lcon .searchcell input[type=text]{width:80%;float:left;padding-left:15px;border:1px solid #dfdfdf;border-radius:10px 0 0 10px;-webkit-border-radius:10px 0 0 10px;-moz-border-radius:10px 0 0 10px;-ms-border-radius:10px 0 0 10px;-o-border-radius:10px 0 0 10px}
.joinsocial-lcon .searchcell input[type=button],.joinsocial-lcon .searchcell input[type=submit]{width:20%;float:left;background-color:#009a92;color:#fff;text-align:center;font-size:18px;border:none;outline:0;border-radius:0 10px 10px 0;-webkit-border-radius:0 10px 10px 0;-moz-border-radius:0 10px 10px 0;-ms-border-radius:0 10px 10px 0;-o-border-radius:0 10px 10px 0}
.joinsocial-lcon .searchcell .dropdown{position:relative;float:left;width:26%;height:50px;line-height:50px;margin-right:5%;padding:0 2%;border:1px solid #dfdfdf;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;color:#878787;font-size:16px;outline:0}
.dropdown .selected,.dropdown li{padding:0;height:50px;line-height:50px}
.dropdown li{padding-left:12px}
.joinsocial-lcon .searchcell .dropdown:last-child{margin-right:0}
.joinsocial-lcon .joinsearchlist a{padding:25px 0;border-bottom:2px dotted #dfdfdf;font-size:16px;color:#221814;display: flex;flex-direction: row; justify-content: space-between;}
.joinsocial-lcon .joinsearchlist a:hover{color:#009a92}
.joinsocial-lcon .joinsearchlist a span,.joinsocial-lcon .joinsearchlist a:hover span{text-align:right;color:#221814;width: 200px;}
.joinmore{display:block;width:100%;margin-top:40px;color:#009a92;font-size:16px}
.joinmore:hover{text-decoration:underline}
.join-title .join-crumb,.join-title .join-crumb a{font-size:16px;color:#221814}
.join-title .join-crumb a:hover{text-decoration:underline}
.join-title .join-crumb a.active{color:#009a92}
.joinsocialform{margin-top:80px}
.joinsocialform h4{color:#009a92;font-size:20px;margin-bottom:20px}
.joinsocialform .posadr{color:#221814;font-size:18px;margin-bottom:40px}
.joinsocialform .socialform-cell{position:relative;margin-bottom:20px;padding-bottom:20px}
.joinsocialform .socialform-cell label.lablename{font-size:18px;color:#221814;width:100px}
.joinsocialform .socialform-cell label.lablename i{font-style:normal;color:#009a92}
.joinsocialform .socialform-cell label.error{position:absolute;left:105px;bottom:0;color:#009a92;font-size:14px}
.joinsocialform .socialform-cell input{border:1px solid #d4d4d4;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;padding:15px 20px;width:60%}
.joinsocialform .socialform-cellfile{position:relative;padding-bottom:50px;margin-bottom:20px}
.joinsocialform .socialform-cellfile label.lablename{width:150px}
.joinsocialform .socialform-cellfile .input-file{position:relative;display:inline-block;padding:15px 0;width:55%;background-color:#f1f1f1;text-align:center;color:#878787;font-size:16px}
.joinsocialform .socialform-cell .input-file .error{position:absolute;left:0;bottom:-15px;color:#009a92;font-size:14px}
.joinsocialform .socialform-cell input[type=file]{position:absolute;opacity:0;left:0;right:0;bottom:0;top:0;width:100%}
.joinsocialform .socialform-cellfile .input-tip,.joinsocialform .socialform-cellfile label.error{left:155px;bottom:0}
.joinsocialform .socialform-cellfile .file-tip{position:absolute;left:155px;bottom:15px;font-size:16px;color:#878787}
.joinsocialform .socialform-cellfile .file-info{position:absolute;left:155px;bottom:-10px;font-size:18px;color:#221814;width:60%}
.joinsocialform .socialform-cellfile .file-info span{float:left;height:30px;line-height:30px}
.joinsocialform .socialform-cellfile .file-info span.file-name{max-width:80%;overflow:hidden;-webkit-line-clamp:1;word-break:break-all;-webkit-box-orient:vertical;display:-webkit-box;text-overflow:ellipsis}
.joinsocialform .socialform-cellfile .file-info .btn-del{margin-left:30px;cursor:pointer;color:#009a92}
.joinsocialform .socialform-cellfile .file-info .btn-del:hover{text-decoration:underline}
.socialform-btn input{width:132px;height:45px;line-height:45px;color:#fff;background-color:#009a92;font-size:18px;outline:0;border:none}
.joinschool-part1 li{border:1px solid #e5e5e5;float:left;width:48%;margin-right:4%;padding:30px 0;height:132px;margin-bottom:25px}
.joinschool-part1 li:nth-child(2n){margin-right:0}
.joinschool-part1 li .part1-l{float:left;color:#221814;font-size:26px;width:20%;padding:0 2%;text-align:center;border-right:1px solid #009a92}
.joinschool-part1 li .part1-r{float:left;width:70%;margin-left:4%}
.joinschool-part1 li .part1-r h4{font-size:16px;color:#221814;margin-bottom:10px}
.joinschool-part1 li .part1-r p{font-size:14px;color:#878787;font-weight:200;line-height:1.6}
.joinschool-part2{margin-top:50px}
.joinschool-part2 h4{color:#221814;font-size:24px;margin-bottom:40px}
.joinschool-part2 img{display:block;width:auto}
.joinschool-part3{margin-top:35px;font-size:16px;color:#878787;line-height:2}
.joinschool-part4 h4{margin-bottom:20px}
.joinschool-part4 .part4-con{padding-left:15px;font-size:16px;color:#878787}
.joinschool-part5{margin-top:35px}
.joinschool-part5 .part5-con-cell{margin-bottom:45px}
.joinschool-part5 .part5-con-cell .part5-t{height:32px;line-height:32px;color:#1f1e1e;font-size:16px;margin-bottom:20px;padding-left:50px;background:url(../images/icon-question.png) no-repeat left center}
.joinschool-part5 .part5-con-cell .part5-b{font-size:16px;color:#878787}
.joinschool-part5 .part5-con-cell .part5-b span{font-size:20px;color:#221814;margin-right:10px}
.joinschool-part5 .part5-wehcat p{font-size:14px;color:#878787;margin-top:10px}
.joingit-part{margin-bottom:50px}
.joingit-part1{background-color:#f1f1f1;padding:20px}
.joingit-part1 img{float:left}
.joingit-part1 img.part1-img1{display:block}
.joingit-part1 .part1img-con{float:left;width:230px;margin-left:20px}
.joingit-part1 img.part1-img2{display:block;width:230px;height:172px;margin-bottom:12px}
.joingit-part1 img.part1-img3{display:block;width:230px;height:153px}
.joingit-part1 img.part1-img4{display:block;width:464px;height:335px;float:right}
.joingit-part2{height:366px;background-color:#f1f1f1}
.joingit-part2 .part2-l{float:left;width:550px}
.joingit-part2 .part2-r{float:right;width:427px;height:366px}
.joingit-part2 .part2-r img{display:block}
.joingit-part2 .part2-lcon{padding:60px;padding-right:0}
.joingit-part2 .part2-lcon h4{color:#009a92;font-size:22px;margin-bottom:20px}
.joingit-part2 .part2-lcon p{font-size:16px;color:#221814;line-height:1.6}
.joingit-part2 .swiper-pagination{left:60px;text-align:left}
.joingit-part2 .swiper-pagination-bullet{background:#fff;opacity:1;border:1px solid #009a92}
.joingit-part2 .swiper-pagination-bullet-active{background-color:#009a92}
.joingit-part3{width:100%}
.joingit-part3 li{position:relative;float:left;width:25%;padding-top:120px;text-align:center}
.joingit-part3 li i.joingit-icon{position:absolute;left:50%;top:0;transform:translate(-50%,0);-webkit-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-ms-transform:translate(-50%,0);-o-transform:translate(-50%,0);display:inline-block;width:87px;height:100px}
.joingit-part3 li i.joingit-icon1{background:url(../images/joingit-icon1.png) no-repeat center}
.joingit-part3 li i.joingit-icon2{background:url(../images/joingit-icon2.png) no-repeat center}
.joingit-part3 li i.joingit-icon3{background:url(../images/joingit-icon3.png) no-repeat center}
.joingit-part3 li i.joingit-icon4{background:url(../images/joingit-icon4.png) no-repeat center}
.joingit-part3 li h4{font-size:18px;color:#221814;margin-bottom:20px}
.joingit-part3 li p{padding:0 10%;line-height:1.6;font-size:16px;color:#878787}
.joingit-part4 .joingit-tab{display:block;width:100%;height:58px;line-height:58px;border:1px solid #d7d7d7;margin-bottom:20px}
.joingit-part4 .joingit-tab li{text-align:center;width:33.3%;float:left;cursor:pointer}
.joingit-part4 .joingit-tab li a{position:relative;display:inline-block;color:#221814;font-size:18px}
.joingit-part4 .joingit-tab li.active a,.joingit-part4 .joingit-tab li:hover a{font-size:20px;color:#009a92}
.joingit-part4 .joingit-tab li.active a:after,.joingit-part4 .joingit-tab li:hover a:after{content:'';position:absolute;bottom:0;left:5px;right:5px;background-color:#009a92;height:2px}
.joingit-part4 .joingit-tabcon img{display:block;width:100%}
.joingit-part4 .joingit-tabcon p{font-size:16px;color:#221814;margin-top:40px;line-height:1.8}
.header-map .top-header{background-color:#f1f1f1}
.join-map{position:relative;min-height:100%}
.joinmap-hot{position:absolute;top:60px;left:60px;z-index:10}
.joinmap-hot p{color:#221814;font-size:20px;margin-bottom:30px;margin-left:20px}
.joinmap-hot .git-hot{display:block;width:231px}
.joinmap-hot .git-hot li{width:231px;height:70px;line-height:70px}
.joinmap-hot .git-hot li a{display:block;height:70px;color:#fff;font-size:16px;background:url(../images/mapbg1.png) no-repeat center;padding:0 20px}
.joinmap-hot .git-hot li:nth-child(2n) a{color:#221814;background:url(../images/mapbg2.png) no-repeat center}
.joinmap-hot .git-hot li a span{display:inline-block;width:80%;float:left;overflow:hidden;-webkit-line-clamp:1;word-break:break-all;-webkit-box-orient:vertical;display:-webkit-box;text-overflow:ellipsis}
.joinmap-hot .git-hot li a b{float:right}
.joinmap-hot .git-hot li a:hover span{text-decoration:underline}
.overHidden{overflow-y:hidden}
.wrap{position:relative;height:auto;min-height:100%}
.search-box-container{position:absolute;z-index:1003;bottom:13%;left:50%;display:inline-block;height:78px;margin-top:-5px;transform:translate(-50%,0);-webkit-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-ms-transform:translate(-50%,0);-o-transform:translate(-50%,0);z-index:100000001}
.search-box{padding:3px;border:1px solid #dfdfdf;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px}
.search-box-inner{height:46px;line-height:46px;background-color:#fff}
.left-selection{position:relative;z-index:1003;float:left;height:46px;padding:11px 10px 11px 18px;border-right:2px solid #dfdfdf;font-size:15px;line-height:20px;color:#161616;cursor:pointer;background-color:#f1f1f1;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px}
.select-tag label{overflow:hidden;margin-right:20px;text-align:center;white-space:nowrap;text-overflow:ellipsis}
.left-selection .angle{position:absolute;top:50%;right:7px;margin-top:-4.5px;border-top:7px solid #009a92;border-right:7px solid transparent;border-bottom:0 solid transparent;border-left:7px solid transparent}
.left-selection .angle.angle-up{border-top:0 solid transparent;border-right:7px solid transparent;border-bottom:7px solid #009a92;border-left:7px solid transparent}
.left-selection ul{position:absolute;z-index:1002;top:46px;left:-2px;width:100%;padding:0;border:2px solid #dfdfdf;list-style:none}
.left-selection li{background-color:#fff;transition:.2s;cursor:pointer;text-align:center}
.left-selection li a{font-size:14px;line-height:38px;color:#221814}
.left-selection li a:hover{text-decoration:underline}
.middle-input{padding-right:50px;padding-left:5px;float:left}
.middle-input div{padding:0 10px 0 8px;background-color:#fff}
.middle-input input{width:100%;height:46px;margin-left:-1px;padding:13px 0 12px;border:0;font-size:15px;color:#221814;outline:0;position:relative;background-color:transparent;top:-1px}
.right-button{float:right;color:#fff;background-color:#009a92;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px}
.right-button a{padding:13px 28px;font-size:15px;line-height:20px;color:#fff;letter-spacing:3px;cursor:pointer}
.imgrotate img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%)}
.imgrotate .ignore1{width:1266px;height:1266px;margin-left:-633px;margin-top:-633px;animation:earth 20s linear infinite;-moz-animation:earth 20s linear infinite;-ms-animation:earth 20s linear infinite;-o-animation:earth 20s linear infinite;-webkit-animation:earth 20s linear infinite}
.imgrotate .ignore2{width:1025px;height:1025px;margin-left:-517px;margin-top:-517px;animation:earth1 15s linear infinite;-moz-animation:earth1 15s linear infinite;-ms-animation:earth1 15s linear infinite;-o-animation:earth1 15s linear infinite;-webkit-animation:earth1 15s linear infinite}
.imgrotate .ignore3{width:640px;height:640px;margin-left:-320px;margin-top:-320px;animation:earth3 20s linear infinite;-moz-animation:earth3 20s linear infinite;-ms-animation:earth3 20s linear infinite;-o-animation:earth3 20s linear infinite;-webkit-animation:earth3 20s linear infinite}
@keyframes earth{
0%{transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);-webkit-transform:rotate(0)}
35%{transform:rotate(-10deg);-moz-transform:rotate(-10deg);-ms-transform:rotate(-10deg);-o-transform:rotate(-10deg);-webkit-transform:rotate(-10deg)}
65%{transform:rotate(10deg);-moz-transform:rotate(10deg);-ms-transform:rotate(10deg);-o-transform:rotate(10deg);-webkit-transform:rotate(10deg)}
100%{transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);-webkit-transform:rotate(0)}
}
@-moz-keyframes earth{
0%{transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);-webkit-transform:rotate(0)}
35%{transform:rotate(-10deg);-moz-transform:rotate(-10deg);-ms-transform:rotate(-10deg);-o-transform:rotate(-10deg);-webkit-transform:rotate(-10deg)}
65%{transform:rotate(10deg);-moz-transform:rotate(10deg);-ms-transform:rotate(10deg);-o-transform:rotate(10deg);-webkit-transform:rotate(10deg)}
100%{transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);-webkit-transform:rotate(0)}
}
@-ms-keyframes earth{
0%{transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);-webkit-transform:rotate(0)}
35%{transform:rotate(-10deg);-moz-transform:rotate(-10deg);-ms-transform:rotate(-10deg);-o-transform:rotate(-10deg);-webkit-transform:rotate(-10deg)}
65%{transform:rotate(10deg);-moz-transform:rotate(10deg);-ms-transform:rotate(10deg);-o-transform:rotate(10deg);-webkit-transform:rotate(10deg)}
100%{transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);-webkit-transform:rotate(0)}
}
@-o-keyframes earth{
0%{transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);-webkit-transform:rotate(0)}
35%{transform:rotate(-10deg);-moz-transform:rotate(-10deg);-ms-transform:rotate(-10deg);-o-transform:rotate(-10deg);-webkit-transform:rotate(-10deg)}
65%{transform:rotate(10deg);-moz-transform:rotate(10deg);-ms-transform:rotate(10deg);-o-transform:rotate(10deg);-webkit-transform:rotate(10deg)}
100%{transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);-webkit-transform:rotate(0)}
}
@-webkit-keyframes earth{
0%{transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);-webkit-transform:rotate(0)}
35%{transform:rotate(-10deg);-moz-transform:rotate(-10deg);-ms-transform:rotate(-10deg);-o-transform:rotate(-10deg);-webkit-transform:rotate(-10deg)}
65%{transform:rotate(10deg);-moz-transform:rotate(10deg);-ms-transform:rotate(10deg);-o-transform:rotate(10deg);-webkit-transform:rotate(10deg)}
100%{transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);-webkit-transform:rotate(0)}
}
@keyframes earth1{
0%{transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);-webkit-transform:rotate(0)}
35%{transform:rotate(-20deg);-moz-transform:rotate(-20deg);-ms-transform:rotate(-20deg);-o-transform:rotate(-20deg);-webkit-transform:rotate(-20deg)}
65%{transform:rotate(20deg);-moz-transform:rotate(20deg);-ms-transform:rotate(20deg);-o-transform:rotate(20deg);-webkit-transform:rotate(20deg)}
100%{transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);-webkit-transform:rotate(0)}
}
@-moz-keyframes earth1{
0%{transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);-webkit-transform:rotate(0)}
35%{transform:rotate(-20deg);-moz-transform:rotate(-20deg);-ms-transform:rotate(-20deg);-o-transform:rotate(-20deg);-webkit-transform:rotate(-20deg)}
65%{transform:rotate(20deg);-moz-transform:rotate(20deg);-ms-transform:rotate(20deg);-o-transform:rotate(20deg);-webkit-transform:rotate(20deg)}
100%{transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);-webkit-transform:rotate(0)}
}
@-ms-keyframes earth1{
0%{transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);-webkit-transform:rotate(0)}
35%{transform:rotate(-20deg);-moz-transform:rotate(-20deg);-ms-transform:rotate(-20deg);-o-transform:rotate(-20deg);-webkit-transform:rotate(-20deg)}
65%{transform:rotate(20deg);-moz-transform:rotate(20deg);-ms-transform:rotate(20deg);-o-transform:rotate(20deg);-webkit-transform:rotate(20deg)}
100%{transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);-webkit-transform:rotate(0)}
}
@-o-keyframes earth1{
0%{transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);-webkit-transform:rotate(0)}
35%{transform:rotate(-20deg);-moz-transform:rotate(-20deg);-ms-transform:rotate(-20deg);-o-transform:rotate(-20deg);-webkit-transform:rotate(-20deg)}
65%{transform:rotate(20deg);-moz-transform:rotate(20deg);-ms-transform:rotate(20deg);-o-transform:rotate(20deg);-webkit-transform:rotate(20deg)}
100%{transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);-webkit-transform:rotate(0)}
}
@-webkit-keyframes earth1{
0%{transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);-webkit-transform:rotate(0)}
35%{transform:rotate(-20deg);-moz-transform:rotate(-20deg);-ms-transform:rotate(-20deg);-o-transform:rotate(-20deg);-webkit-transform:rotate(-20deg)}
65%{transform:rotate(20deg);-moz-transform:rotate(20deg);-ms-transform:rotate(20deg);-o-transform:rotate(20deg);-webkit-transform:rotate(20deg)}
100%{transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);-webkit-transform:rotate(0)}
}
@keyframes earth3{
0%{transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);-webkit-transform:rotate(0)}
35%{transform:rotate(10deg);-moz-transform:rotate(10deg);-ms-transform:rotate(10deg);-o-transform:rotate(10deg);-webkit-transform:rotate(10deg)}
65%{transform:rotate(-10deg);-moz-transform:rotate(-10deg);-ms-transform:rotate(-10deg);-o-transform:rotate(-10deg);-webkit-transform:rotate(-10deg)}
100%{transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);-webkit-transform:rotate(0)}
}
@-moz-keyframes earth3{
0%{transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);-webkit-transform:rotate(0)}
35%{transform:rotate(10deg);-moz-transform:rotate(10deg);-ms-transform:rotate(10deg);-o-transform:rotate(10deg);-webkit-transform:rotate(10deg)}
65%{transform:rotate(-10deg);-moz-transform:rotate(-10deg);-ms-transform:rotate(-10deg);-o-transform:rotate(-10deg);-webkit-transform:rotate(-10deg)}
100%{transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);-webkit-transform:rotate(0)}
}
@-ms-keyframes earth3{
0%{transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);-webkit-transform:rotate(0)}
35%{transform:rotate(10deg);-moz-transform:rotate(10deg);-ms-transform:rotate(10deg);-o-transform:rotate(10deg);-webkit-transform:rotate(10deg)}
65%{transform:rotate(-10deg);-moz-transform:rotate(-10deg);-ms-transform:rotate(-10deg);-o-transform:rotate(-10deg);-webkit-transform:rotate(-10deg)}
100%{transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);-webkit-transform:rotate(0)}
}
@-o-keyframes earth3{
0%{transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);-webkit-transform:rotate(0)}
35%{transform:rotate(10deg);-moz-transform:rotate(10deg);-ms-transform:rotate(10deg);-o-transform:rotate(10deg);-webkit-transform:rotate(10deg)}
65%{transform:rotate(-10deg);-moz-transform:rotate(-10deg);-ms-transform:rotate(-10deg);-o-transform:rotate(-10deg);-webkit-transform:rotate(-10deg)}
100%{transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);-webkit-transform:rotate(0)}
}
@-webkit-keyframes earth3{
0%{transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);-webkit-transform:rotate(0)}
35%{transform:rotate(10deg);-moz-transform:rotate(10deg);-ms-transform:rotate(10deg);-o-transform:rotate(10deg);-webkit-transform:rotate(10deg)}
65%{transform:rotate(-10deg);-moz-transform:rotate(-10deg);-ms-transform:rotate(-10deg);-o-transform:rotate(-10deg);-webkit-transform:rotate(-10deg)}
100%{transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);-webkit-transform:rotate(0)}
}
.chinamap{width:800px;height:80%;margin:0 auto;z-index:100000000}
.particles{position:absolute;top:0;left:0;right:0;width:100%;height:100%;z-index:1}
.git3-echarts div{white-space:normal}
.git3-tooltip{width:176px;height:225px;background-size:176px 225px}
.git3-tooltip-con{padding-top:15px;padding-left:30px}
.git3-tooltip h4{color:#009a92;font-size:16px;margin-bottom:10px}
.git3-tooltip p{color:#000;font-size:14px;line-height:1.6;margin-bottom:5px}
.git3-tooltip a{position:relative;font-size:13px;color:#009a92;display:inline-block;margin-top:10px}
.git3-tooltip a:hover{text-decoration:underline}
@media (max-width:1365px){
.join-bner{height:auto;min-height:300px}
.join-main{margin-top:-2px}
.join-container{padding:20px}
.joinsocial-l{float:none;width:100%}
.joinsocial-l h4{font-size:18px;margin-bottom:10px}
.join-title h3{margin-bottom:20px;font-size:18px;padding-top:18px}
.joinsocial-l .joinpos{padding-bottom:15px;font-size:12px;border-bottom:1px dotted #d2d2d2}
.joinsocial-l .joinsocial-txt{margin-top:20px;font-size:12px}
.joinsocial-l .joinsocial-txt h4{margin-bottom:5px;font-size:16px}
.joinsocial-l .joinbtn{margin-top:20px}
.joinsocial-r{float:none;width:100%;padding-left:0;padding-top:50px;margin-top:30px;border-left:none;border-top:1px dotted #e5e5e5}
.joinsocial-r h4{margin-bottom:20px}
.joinsocial-r .joinpos-list li{padding-bottom:5px;margin-bottom:15px}
.joinsocial-r .joinpos-list li a{font-size:14px}
.joinsocial-lcon{float:none;width:100%}
.joinsocial-lcon .searchcell select{width:100%;height:40px;line-height:40px;margin-bottom:10px;font-size:13px;background:url(../images/icon-seldown.png) no-repeat 95% center #fff;z-index:10}
.joinsocial-lcon .searchcell input{height:40px;line-height:40px}
.joinsocial-lcon .searchcell{height:40px;font-size:14px}
.joinsocial-lcon .searchcell input[type=button],.joinsocial-lcon .searchcell input[type=submit]{font-size:16px}
.joinsocial-lcon .joinsearchlist{margin-top:10px}
.joinsocial-lcon .joinsearchlist a{padding:20px 0;border-bottom:1px dotted #dfdfdf;font-size:14px}
.joinmore{margin-top:15px;font-size:13px}
.join-title .join-crumb,.join-title .join-crumb a{font-size:12px}
.joinsocialform{margin-top:30px}
.joinsocialform h4{font-size:16px;margin-bottom:10px}
.joinsocialform .posadr{font-size:14px;margin-bottom:20px}
.joinsocialform .socialform-cell{margin-bottom:8px}
.joinsocialform .socialform-cell label.lablename{font-size:13px;width:50px}
.joinsocialform .socialform-cell input{padding:10px;width:70%;font-size:13px}
.joinsocialform .socialform-cellfile label.lablename{width:70px}
.joinsocialform .socialform-cellfile .input-file{padding:10px 0;width:60%;font-size:13px}
.joinsocialform .socialform-cell .input-file .error{font-size:12px}
.joinsocialform .socialform-cellfile .file-tip{position:absolute;left:75px;bottom:12px;font-size:12px}
.joinsocialform .socialform-cellfile .file-tip1{bottom:30px}
.joinsocialform .socialform-cellfile .file-info{font-size:13px;left:75px;bottom:-5px;right:0;height:20px;line-height:20px}
.joinsocialform .socialform-cellfile .file-info span{height:20px;line-height:20px}
.joinsocialform .socialform-cellfile .file-info span.file-name{width:63%}
.joinsocialform .socialform-cellfile .file-info .btn-del{margin-left:10px}
.joinsocialform .socialform-cellfile .file-tip1+.file-info{bottom:5px}
.joinsocialform .socialform-cellfile{padding-bottom:60px}
.joinsocialform .socialform-cell .input-tip,.joinsocialform .socialform-cell label.error{left:55px;bottom:0;font-size:12px}
.joinsocialform .socialform-cellfile .input-tip,.joinsocialform .socialform-cellfile label.error{left:75px}
.joinschool-part1 li{border:1px solid #e5e5e5;float:none;width:100%;margin-right:0;padding:20px 0;height:auto;margin-bottom:15px;position:relative;padding-left:20%}
.joinschool-part2{margin-top:30px}
.joinschool-part2 h4{margin-bottom:20px;font-size:16px}
.joinschool-part3{margin-top:15px;font-size:12px}
.joinschool-part5 .part5-con-cell .part5-b{position:relative;padding-left:30px}
.joinschool-part5 .part5-con-cell .part5-b span{position:absolute;top:-4px;left:0}
.joingit-part1{padding:5px}
.joingit-part{height:auto;margin-bottom:30px}
.joingit-part1 img{width:100%!important;height:auto!important;margin-bottom:10px!important}
.joingit-part1 .part1img-con{float:none;width:100%;margin-left:0}
.joingit-part2 .part2-l{float:none;width:100%}
.joingit-part2 .part2-r{display:none}
.joingit-part2 .part2-lcon{padding:20px 10px 40px}
.joingit-part2 .swiper-pagination{left:0;text-align:center}
.joingit-part3 li{position:relative;float:left;width:50%;padding-top:80px;margin-bottom:20px}
.joingit-part3 li h4{font-size:16px;margin-bottom:10px}
.joingit-part3 li i.joingit-icon{width:60px;height:69px;background-size:60px 69px!important}
.joingit-part3 li p{padding:0 10px;font-size:12px}
.joingit-part4 .joingit-tab li a{font-size:14px}
.joingit-part4 .joingit-tab{height:45px;line-height:45px}
.joingit-part4 .joingit-tab li.active a,.joingit-part4 .joingit-tab li:hover a{font-size:16px}
.joingit-part4 .joingit-tab li.active a:after,.joingit-part4 .joingit-tab li:hover a:after{bottom:2px;left:0;right:0}
.joingit-part4 .joingit-tabcon p{font-size:12px;margin-top:20px}
.join-title1 h3{font-size:18px;padding-top:20px;margin-bottom:20px}
.joingit-part2 .part2-lcon h4{font-size:16px}
.joingit-part2 .part2-lcon p{font-size:12px}
.joinsocial-lcon .searchcell .dropdown{width:100%;height:35px;line-height:35px;margin-top:10px}
.dropdown .selected,.dropdown li{height:35px;line-height:35px;font-size:14px}
.joinschool-part1 li .part1-l{font-size:16px;float:none;position:absolute;top:20px;left:0;bottom:20px;vertical-align:middle;line-height:1.6;text-align:center;padding:0;width:18%}
.joinschool-part1 li .part1-r h4{font-size:14px}
.joinschool-part1 li .part1-r p{font-size:12px}
.joinschool-part1 li .part1-r{float:none;width:100%;margin-left:0}
.joinschool-part4 .part4-con,.joinschool-part5 .part5-con-cell .part5-b,.joinschool-part5 .part5-con-cell .part5-t{font-size:14px}
}


@media (max-width:564px){
    .join-bner {
        min-height: auto;
    }
}