.join1_bg{max-width: 1740px; margin:0 auto;background: url(../images/join_bg01.png) right bottom no-repeat;}
.join1 dl{ background:url(../images/join_bg02.jpg) right top no-repeat #4584E2; }
.join1 dt{ float: left; width: 40%; }
.join1 dd{ float: right; width: 60%; padding:4%;}
.join1 dd >p{color: #fff; line-height: 2.4;}
.join1_tit{text-align: left; margin-bottom:15px; font-size: 0;}
.join1_tit p{color: #fff; display: block; margin-bottom: 20px;}
.join1_tit span{display: inline-block; width: 34px;height: 1px; margin-left:20px; background: rgba(255,255,255,0.34);}
.share_box{ text-align: center; color:#9B9B9B;}
.share_box h3{margin-bottom: 20px;}
.join2_bg{background: url(../images/join_bg02.png) left bottom no-repeat #F6F5F1;}
.padb100{padding-bottom: 100px;}
.padtb80{padding:80px 0;}


.ph_table { width: 100%; text-align: center; }
/*.ph_table td { text-align: center; line-height: 20px; padding: 15px 0;}
.ph_table thead {background: linear-gradient(90deg, #053E88 0%, #4584E2 100%);color:#fff;}*/
.ph_table ul li { text-align: center; line-height: 20px; padding: 15px 0; float: left;}
.ph_table ul {background: linear-gradient(90deg, #053E88 0%, #4584E2 100%);color:#fff; overflow: hidden;}
.ie9 .ph_table ul{background: #053E88;}
.join2_bg .t1 { width: 25%; text-align: left; padding-left:5%; }
.join2_bg .t2 { width: 15%; }
.join2_bg .t3 { width: 15%; }
.join2_bg .t4 { width: 15%; }
.join2_bg .t5 { width: 15%; }
.join2_bg .t6 { width: 15%; }
.join_list .join_li_t.an{background: #fff;}
.join_list .join_li_t.on{border:1px solid #4382DF; box-shadow: 0px 0px 5px #999; position: relative;z-index: 10;}
.join_list .join_li_t div{ float: left; text-align: center; line-height: 20px; padding: 30px 0; }
.join_list .join_li_t div.t1{ text-align: left; padding-left:5%;}
.join_list .join_li_c{ display: none; position: relative; padding:60px 5%;background:linear-gradient(180deg, #fff 90%, #F8F8F8 98%); border-bottom:1px solid #fff;}
.join_list .join_li_c li{ float: left; width: 49%; text-align: left;}
.join_list .join_li_c li:nth-child(2n){ float: right; }
.join_list .join_li_c .arr_hide{ position: absolute; right: 7%; bottom:20px; background: url(../images/join_dot01.png) center center no-repeat; width: 22px; height: 20px; }
.v_d_t{display: inline-block; background: #0E4892; color: #fff; padding:5px 30px; margin-bottom: 30px;}
.v_d_c{color: #9B9B9B;}
.mail{ display: block; color: #0E4892; margin-top: 30px;}
.mail a{color: #0E4892;}

.join_page{ background: #fff; }
.join_page .page a{ background: #F8F8F5; color: #BFBFBF}
.join_page .page a.on{background: #0f4592; color: #fff;}

@media only screen and (max-width:1279px) {
.padb100{padding-bottom: 60px;}
.padtb80{padding:60px 0;}
.join_list .join_li_t div{padding:20px 0;}
}

@media only screen and (max-width:1023px) {
.padb100{padding-bottom: 30px;}
.padtb80{padding:30px 0;}
.join1 dd >p{ line-height: 1.6;}
.join_list .join_li_c{padding: 30px 5%;}
}

@media only screen and (max-width:767px) {
    .ph_table ,
    .ph_table thead,
    .ph_table tbody,
    .ph_table th,
    .ph_table td,
    .ph_table tr { display: block; }
    .ph_table thead tr { position: absolute; top: -9999px; left: -9999px; }
    .ph_table{display: none;}

    .join_list .join_li_t{display: block;border: 1px solid #eee; border-bottom:0; margin-bottom:20px;}
    .join_list .join_li_t div{ display: block; border: none; border-bottom: 1px solid #eee; position: relative; padding:5px 0;  padding-left: 6em; white-space: normal; text-align: left; }
    .join_list .join_li_t div:before{position: absolute; top: 0; left: 0; padding:5px 0; width: 6em; text-indent:10px;  white-space: nowrap; text-align: left; }
    .join_list .join_li_t div:before { content: attr(data-title);}
    .join2_bg .t1,.join2_bg .t2,.join2_bg .t3,.join2_bg .t4,.join2_bg .t5,.join2_bg .t6{width: 100%;}
    .join_list .join_li_t div.t1{ padding-left:6em;}
    .join_list .join_li_t{background: #fff;}


    .join1 dt,.join1 dd{ width: 100%;}
    .join2_bg{padding-top: 30px;}
    .join_list .join_li_c li{width: 100%; margin-bottom:30px;}
    .join_list .join_li_c li:last-child{margin-bottom: 0;}
    .join1 dd{padding:30px;}

}



.connect_banner{margin-bottom: 0;}
.connect01{ position: relative; }
#allmap{width:50%; /*height:595px;*/ height: 470px;}
@media only screen and (max-width: 1023px){
	.map{height: 860px;}
}

@media only screen and (max-width: 767px){
	.map{height: 1080px !important;}
	#allmap{width:100%; /*height:595px;*/ height: 330px;}
}

.map_info{ position: absolute;left:0; top:0; width: 100%; height: 100%;}
.map_txt{ padding:75px 60px 90px; position: relative; color: #fff; background: url(../images/conn_bg01.jpg) no-repeat; background-size: cover; width: 40%;margin-top:130px;}
.conn_close{ position: absolute; right:10px; top:10px; width: 20px; height: 20px; background: url(../images/connect_dot02.png) center no-repeat;}
.map_txt li{ float: left; width: 50%; }
.map_txt li:nth-child(2n){padding-left: 1%;}
.map_txt li h2,.map_txt li h3{font-weight: normal;}
.map_txt li h2{margin-bottom: 25px; line-height: 1.2;}
.map_txt li h2 em{ display: block; width: 48px; height: 2px; margin-bottom: 15px; background: #fff; }
.map_txt li p{ line-height: 1.8; }
.map_txt li h3{/*margin-top: 30px;*/ margin-bottom: 25px;}
.connect02{ position: relative; background-repeat: no-repeat; background-size: cover; padding: 120px 0px; }
.connect02 .blackbg{ background: rgba(0,0,0,0.8); position: absolute; left:0; top:0; width: 100%; height: 100%; }
.connect02 .wrap{ position: relative;z-index: 2;}
.connec_tit span{background:#fff;}
.connec_con{max-width: 946px; width: 100%; margin:20px auto 0;}
.connec_con li{ float: left; width: 50%; padding:12px;}
.connec_con li .li_w{ background: rgba(255,255,255,0.8); height: 46px; line-height: 46px; padding:0 20px;}
.connec_con li .li_w span{ color:  #929292; float: left; width: 60px; }
.connec_con li .li_w span em{ color: #DA405E; margin: 0 3px; }
.connec_con li .li_w input{ float: right; width: calc(100% - 60px); height: 46px; line-height: 46px; background: none; border: none;}
.connec_con li .li_w select{ float: right; width: calc(100% - 60px); height: 46px; line-height: 46px; background: none; border: none;}

.connec_con li:nth-child(5){width: 100%;}
.connec_con li:nth-child(5) .li_w{height: 100px;}
.connec_con li:last-child{width: 100%;}
.connec_con li:last-child .li_w{height: 100px;}
.connec_con li .li_w textarea{ float: right; width: calc(100% - 60px);height: 100px; padding:13px 0; line-height: 20px; background: none; border: none;}
.conn_btn{ transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all;display: block; border: none; width: 130px; height: 40px; margin:30px auto 0; background: #C90436; color: #fff;}
/*模拟select*/
.select-box { position:relative;  background: rgba(255,255,255,0.8); height: 46px; line-height: 46px; }
.select-box dt span{ position: absolute; left:20px; z-index: 100;color:#929292; }
.select-box dt span em{color: #DA405E; margin: 0 3px;}
.select-box dt a { display:block;position:relative; z-index:2;padding-left: 80px;}
.select-box dt a b { overflow:hidden; margin-right:20px; display:block; text-overflow:ellipsis; white-space:nowrap; font-weight:normal;}
.select-box .ico { position:absolute; right:8px; top:0; width:30px; height:100%; z-index:1;  background:url(../images/connect_dot01.png) no-repeat center;}
.select-box dd { display:none;}
.select-body-box {position:absolute; margin-top:1px; border:1px solid #ddd; border-top:0; background:#fff;  box-sizing:border-box; max-height:200px; overflow:auto; z-index:111111;}
.select-body-box a { display:block; padding:10px 20px; color:#666;}
.selectmask { display:none;}


@media only screen and (min-width:1025px) {
.join_list .join_li_t:hover{border:1px solid #4382DF; box-shadow: 0px 0px 5px #999; position: relative;z-index: 10;}
.join_page .page a:hover{background: #0f4592; color: #fff;}
.conn_btn:hover{opacity: 0.8;}
.select-body-box:hover a.on { background:none; color:#666;}
.select-body-box a.on,
.select-body-box a:hover,
.select-body-box:hover a.on:hover { background:#0094ff; color:#fff;}
}

@media only screen and (max-width:1023px) {
.map_txt{padding:40px; width: 100%;}
}

@media only screen and (max-width:767px) {
/*模拟select*/
.select-body-box { z-index:100000; position:fixed; top:50%; left:10% !important; width:80% !important; max-height:80%; }
.selectmask { position:fixed; left:0; top:0; width:100%; height:100%; background:#000; opacity:0.5; z-index:2; display:block; }
/**/
.map{height:500px;}
.map_txt li,.connec_con li{width: 100%;}
.map_txt li:first-child{margin-bottom: 25px;}
.map_txt{ margin-top: 40px;}
.connect02{padding:60px 0;}
}



.about{ margin-bottom: 60px; }
.about .ab_img{ float: left; width: 45%; position: relative; }
.about .ab_img img{ width:100%;}
.ab_img .pagination { font-size: 0; position: absolute;z-index: 20; bottom: 10px;width: 100%;padding: 0 9.6%;text-align: center;}
.ab_img .swiper-pagination-switch {display: inline-block; width: 10px;height: 10px; border-radius: 50%; margin: 0 3px;cursor: pointer;background: #fff;}
.ab_img .swiper-active-switch { background: #0E4892;}
.ab_img .t{ position: absolute; top:30px; right:30px; z-index: 100; color: #fff; line-height: 1.15; border-right:2px solid #C90439; padding-right: 20px; }
.about .ab_txt{ float: right; width: 51.5%; }
.ab_list{ margin:60px 0 40px;}
.ab_list li{ float: left; width: 33.33%; color: #053E88; position: relative;}
.ab_list li span{ float: left; margin-right: 6px; line-height: 1; font-size: 80px; font-family: arial;}
.ab_list li .txt{ float: left; width:76%; margin-top: 5px; position: relative; }
.ab_list li .line{ height: 76px; position: absolute; right:20%; top:0; width: 1px; background: #C90439;}
.ab_list li .line em{ position: absolute; left:0; top:0; width: 1px; height: 50%; background: #053E88; }
.ab_list li:nth-child(2){color: #C90439;}
.ab_list li span i{ font-size: 50px; position: absolute;top: -10px; }
.ab_list li:nth-child(3) span{ width: 100%; }

@media only screen and (max-width:1280px) {
.ab_list li span{font-size: 60px;}
}
@media only screen and (max-width:1279px) {
.ab_list li{width: 50%;}
}
@media only screen and (max-width:1023px) {
.about{margin-bottom: 30px;}
.ab_list{margin:30px 0;}
.ab_list li span,.ab_list li span i{font-size: 40px;}
.ab_list li .line{right:8%;}
}

@media only screen and (max-width:767px) {
.about .ab_img,.about .ab_txt{width: 100%;}
.about .ab_img{margin-bottom: 30px;}
.ab_list li{width: 100%; margin-bottom: 10px;}
.ab_list li .line{display: none;}
}