@charset "utf-8";
/* 重置样式 */

/* 公共样式 */
.clearfix::before,.clearfix::after { content: '' ; display : block ; height : 0 ; clear : both ; visibility : hidden }
.img-box { display : table-cell ; text-align : center ; vertical-align : middle ; font-size : 0px }
.banner-other { width : 100% ; max-width : 1920px ; margin : 0px auto ; font-size : 0px }
.main { width : 100% ; max-width : 1300px ; margin : 0px auto }
.banner-other img { width : 100% ; height : auto }
.pointer { cursor : pointer }
.clearfix { *zoom: 1 }
.swiper-button-prev, .swiper-button-next { z-index : 1 !important }

@media all and (max-width : 1317px) {
    .main { width : 1300px }
}

@font-face {
    font-family : SourceHanSansCN;
    src : url(../font/SourceHanSansCN-Normal.otf)
}




/* join */
.join-container-1 { margin-top : 82px }
.join-container-1 h2 { color : #3B3B3B ; font-size : 36px ; font-weight : bold ; text-align : center }
.join-container-1 h2::after { content : "" ; display : block ; width : 41px ; height : 4px ; background-color : #004d85 ; margin : 18px auto 0px auto }
.join-container-1 .swiper-container { padding-bottom : 180px ; margin-top : 35px }
.join-container-1 .swiper-slide { position : relative ; cursor : pointer }
.join-container-1 .swiper-slide .img { width : 412px ; height : 278px ; background-position : center center ; background-size : cover }
.join-container-1 .swiper-slide .text {
	width : 334px ;
	min-height : 194px ;
	padding : 23px 30px ;
	background-color : #FFFFFF ; 
	box-shadow: 0px 3px 10px 0px rgba(193, 193, 193, 0.39) ; 
	box-sizing : border-box ; 
	text-align : center ;
	position : absolute ;
	left : 50% ; 
	top : 50% ;
	transform : translate(-50%,-50%) ;
	z-index : 2 ;
	display:none;
}
.join-container-1 .swiper-slide i { display : block ; height : 27px ; background-repeat : no-repeat ; background-position : center center }
.join-container-1 .swiper-slide .icon-box i:last-of-type { display : none }
.join-container-1 .swiper-slide:hover .text{
	display:block;
}
.join-container-1 .swiper-slide:hover .icon-box i:first-of-type { display : none }
.join-container-1 .swiper-slide:hover .icon-box i:last-of-type { display : block }
.join-container-1 .swiper-slide h5 { margin-top : 14px ; font-size : 16px }
.join-container-1 .swiper-slide .text-box { margin-top : 16px ; color : #666666 ; line-height : 24px }

.join-container-1 .swiper-pagination { display : flex ; align-items : center ; bottom : 73px !important ; overflow : hidden }
.join-container-1 .swiper-pagination::before { content : "" ; display : inline-block ; width : 800px ; height : 1px ; background-color : #D2D2D2 ; margin-right : 14.5px ; vertical-align : middle }
.join-container-1 .swiper-pagination::after { content : "" ; display : inline-block ; width : 800px ; height : 1px ; background-color : #D2D2D2 ; margin-left : 14.5px ; vertical-align : middle }
.join-container-1 .swiper-pagination span { display : inline-block ; width : 5px ; flex-shrink : 0 ; height : 8.66px ; background-color : #CBCBCB ; border-radius : 0px ; opacity : 1 ; margin : 0px 14.5px !important ; color : #666666 ; font-size : 16px ; text-align : center ; line-height : 33px ; position : relative }
.join-container-1 .swiper-pagination span::before { content : "" ; display : block ; border-width : 4.33px 2.5px ; border-style : solid ; border-color : transparent #CBCBCB transparent transparent ; position : absolute ; right : 5px }
.join-container-1 .swiper-pagination span::after { content : "" ; display : block ; border-width : 4.33px 2.5px ; border-style : solid ; border-color : transparent transparent transparent #CBCBCB ; position : absolute ; left : 5px }
.join-container-1 .swiper-pagination-bullet-active { width : 38px !important ; height : 33px !important ; background : url(../images/index-icon-11.png) no-repeat ; background-color : transparent !important }
.join-container-1 .swiper-pagination-bullet-active::before { display : none !important }
.join-container-1 .swiper-pagination-bullet-active::after { display : none !important }

.join-container-1 .s1_prev,
.join-container-1 .s1_next{
	width:30px;
	height:50px;
	line-height:50px;
	display:inline-block;
	position: absolute;
	top:26%;
	z-index: 600;
	font-size:30px;
	color:#fff;
	text-align: center;
	background:rgba(0,0,0,.5);
	font-family: '宋体';
	cursor: pointer;
}
.join-container-1 .s1_prev{
	left:0;
}
.join-container-1 .s1_next{
	right:0;
}





.join-container-2 { background : url(../images/join-bg-1.jpg) center center ; padding : 77px 0px 76px }

/* join title通用 */
.title.join-common { text-align : center }
.title.join-common h2 { color : #FFFFFF ; font-size : 36px ; font-weight : bold }
.title.join-common p { margin-top : 8px ; color : #FFFFFF ; font-size : 16px ; line-height : 30px }
.title.join-common p::after { content : "" ; display : block ; width : 41px ; height : 4px ; background-color : #004d85 ; margin : 10px auto 0px auto }

.join-container-2 p { margin-bottom : 69px }
.join-container-2 .img-box { width : 1300px }


.join-container-3 { padding : 74px 0px 45px }
.join-container-3 .title h2 { color : #3B3B3B }
.join-container-3 .title p { color : #666666 }
.swwwww .swiper-container {  font-size : 0px ; --swiper-navigation-size : 0px }
/*.swwwww .swiper-slide { position : relative }*/
/*.swwwww .swiper-slide a { display : block }*/
/*.swwwww .swiper-slide .img-box { width : 640px ; height : 420px ; padding : 0px 5px }*/
/*.swwwww .swiper-slide .mask { width : 640px ; height : 420px ; background-color : #000000 ; opacity : .4 ; position : absolute ; left : 5px ; top : 0px ; transition : .5s }*/
/*.swwwww .swiper-slide-active .mask { opacity : 0 }*/
.swwwww .swiper-button-prev, .swwwww .swiper-button-next { width : 59px ; height : 59px ; background-color : #004d85 ; opacity : 1 !important ; border-radius : 50% ;  ; background-position : center center ; background-repeat : no-repeat ; transition : .5s }
.swwwww .swiper-button-prev:hover, .join-container-3 .swiper-button-next:hover { background-color : #8C8C8C }
.swwwww .swiper-button-prev { background-image : url(../images/join-icon-4.png) ; left : 125px }
.swwwww .swiper-button-next { background-image : url(../images/join-icon-5.png) ; right : 125px }


.join-container-4 { background-color : #EAF5F3 ; padding : 78px 0px 120px }
.join-container-4 .title h2 { color : #3B3B3B }
.join-container-4 .title h2::after { content : "" ; display : block ; width : 41px ; height : 4px ; background-color : #004d85 ; margin : 30px auto 0px auto }
.join-container-4 .title p { margin-top : 33px ; margin-bottom : 53px ; color : #666666 }
.join-container-4 .title p::after { display : none }
.join-container-4 .img-box { width : 1300px }


.join-container-5 { background : url(../images/join-bg-2.jpg) center top ; padding : 0px 0px 123px }
.join-container-5 .title h2 { color : #3B3B3B }
.join-container-5 .title p { color : #666666 }
.join-container-5 .content { width : 1106px ; margin : 0px auto }
.join-container-5 .content>div { width : 182px ; float : left ; margin-top : 30px ; margin-right : 48px ; text-align : center }
.join-container-5 .content>div:first-of-type { margin-top : 111px }
.join-container-5 .content>div:nth-of-type(2) { margin-top : 111px }
.join-container-5 .content>div:nth-of-type(3) { margin-top : 111px }
.join-container-5 .content>div:nth-of-type(4) { margin-top : 111px }
.join-container-5 .content>div:nth-of-type(5) { margin-top : 111px }
.join-container-5 .content>div:nth-of-type(5n) { margin-right : 0px }
.join-container-5 .content .img-box { width : 182px ; height : 80px }
.join-container-5 .content b { display : block ; margin-top : 16px ; color : #666666 }


.join-container-6 { background-color : #F5F5F5 ; padding : 62px 0px 95px }
.join-container-6 .title h2 { color : #3B3B3B }
.join-container-6 .title p { color : #666666 }
.join-container-6 .item { width : 630px ; height : 230px ; background-color : #FFFFFF ; box-sizing : border-box ; float : left ; margin-top : 24px ; margin-right : 40px ; position : relative }
.join-container-6 .item::after { content : "" ; width : 0px ; height : 2px ; background-color : #004d85 ; position : absolute ; left : 0px ; bottom : 0px ; visibility : visible ; transition-timing-function : ease-out ; transition : .7s }
.join-container-6 .item:hover::after { width : 100% } 
.join-container-6 .list .item:first-of-type { margin-top : 63px }
.join-container-6 .list .item:nth-of-type(2) { margin-top : 63px }
.join-container-6 .list .item:nth-of-type(2n) { margin-right : 0px }
.join-container-6 .item a { display : block ; height : 100% ; padding : 43px 28px ; box-sizing : border-box }
.join-container-6 .item .img { width : 144px ; height : 144px ; background-repeat : no-repeat ; background-position : center center ; background-size : cover ; border-radius : 50% ; float : left }
.join-container-6 .item .text { width : 400px ; padding-top : 11px ; float : right }
.join-container-6 .item .text-box { margin-top : 12px ; line-height : 30px }


.join-container-7 { background : url(../images/join-bg-3.jpg) center top ; padding-top : 104px }
.join-container-7 .point { display : flex ; margin-top : 50px }
.join-container-7 .point div { width : 180px ; height : 140px ; padding-top : 22px ; border : solid 1px #FFFFFF ; box-sizing : border-box ; margin-right : 44px ; color : #FFFFFF ; text-align : center ; overflow : hidden ; transition : .6s ; cursor : pointer }
.join-container-7 .point div:hover { background-color : #FFFFFF ; color : #333333 }
.join-container-7 .point div:last-of-type { margin-right : 0px }
.join-container-7 .point b { font-size : 30px }
.join-container-7 .point i { display : block ; margin-top : 8px ; font-size : 16px }
.join-container-7 .point span { display : block ; margin-top : 4px ; font-size : 16px }
.join-container-7 .swiper3 { padding-bottom : 113px ; margin-top : 55px }
.join-container-7 .swiper-slide { background-color : #FFFFFF }
.join-container-7 .swiper-slide a { display : block ; padding : 20px 15.5px 20px 15.5px }
.join-container-7 .swiper-slide .img-box { width : 390px ; height : 250px ; overflow : hidden }
.join-container-7 .swiper-slide img { transition : .5s }
.join-container-7 .swiper-slide:hover img { transform : scale(1.05) }
.join-container-7 .swiper-slide h5 { height : 49px ; color : #666666 ; line-height : 49px }
.join-container-7 .swiper-pagination { height : 12px ; bottom : 70px !important }
.join-container-7 .swiper-pagination span { width : 12px ; height : 12px ; background-color : #FFFFFF ; opacity : 1 ; margin : 0px 6.5px !important }
.join-container-7 .swiper-pagination-bullet-active { background-color : #479081 !important }


.join-container-8 { background-color : #efefef; padding : 67px 0px 102px }
.join-container-8 .title h2 { color : #3B3B3B }
.join-container-8 .title p { color : #666666 }
.join-container-8 .content { margin-top : 45px }
.join-container-8 .content div { width : 260px ; height : 260px ; background-color : #FFFFFF ; background-repeat : no-repeat ; background-position : center center ; background-size : cover ; padding-top : 74px ; box-sizing : border-box ; float : left }
.join-container-8 .content div:nth-of-type(2n) { background-color : transparent }
.join-container-8 .content b { display : block ; height : 40px ; background-repeat : no-repeat ; background-position : center center }
.join-container-8 .content i { display : block ; margin-top : 44px ; color : #666666 ; font-size : 16px ; text-align : center }
.join-container-8 .content div:nth-of-type(2n) i { color : #FFFFFF }


.join-container-9 { padding-top :70px }
.join-container-9 .title h2 { color : #3B3B3B }
.join-container-9 .title p { margin-bottom : 57px ; color : #666666 }
.join-container-9 .content { background : url(../images/join-bg-4.jpg) center top ; padding : 211px 0px 154px }
.join-container-9 .main>div { width : 310px ; height : 260px ; padding : 45px 20px 20px 20px ; border : solid 1px #FFFFFF ; border-radius : 20px ; box-sizing : border-box ; float : left ; margin-top : 45px ; margin-right : 20px ; text-align : center ; overflow : hidden }
.join-container-9 .main>div:first-of-type { margin-top : 0px }
.join-container-9 .main>div:nth-of-type(2) { margin-top : 0px }
.join-container-9 .main>div:nth-of-type(3) { margin-top : 0px }
.join-container-9 .main>div:nth-of-type(4) { margin-top : 0px }
.join-container-9 .main>div:nth-of-type(4n) { margin-right : 0px }
.join-container-9 .main b { display : block ; width : 64px ; height : 53px ; background-repeat : no-repeat ; background-position : center center ; border : solid 1px #FFFFFF ; border-radius : 8px ; box-sizing : border-box ; margin : 0px auto }
.join-container-9 .main i { display : block ; margin-top : 20px ; color : #FFFFFF ; font-size : 18px }
.join-container-9 .main .text-box { margin-top : 31px ; color : #FFFFFF ; line-height : 18px }


.join-container-10 { padding : 75px 0px 161px ; position : relative }
.join-container-10 .title h2 { color : #3B3B3B }
.join-container-10 .title p { color : #666666 }
.join-container-10 .content { height : 650px }
.join-container-10 .top { height : 100% ; margin-top : 60px }
.join-container-10 .left { width : 50% ; height : 100% ; background : url(../images/join-bg-5.jpg) right center no-repeat ; background-size : cover ; float : left }
.join-container-10 .right { width : 50% ; height : 100% ; background : url(../images/join-bg-6.jpg) left center no-repeat ; background-size : cover ; float : left }
.join-container-10 .swiper4 .swiper-slide { padding : 213px 0px 0px 90px ; box-sizing : border-box }
.join-container-10 .swiper4 .swiper-slide h4 { color : #FFFFFF ; font-size : 36px }
.join-container-10 .swiper4 .swiper-slide .text-box { margin-top : 45px ; color : #FFFFFF ; line-height : 30px }
.join-container-10 .bottom { width : 100% ; height : 188px ; position : absolute ; bottom : 89px }
.join-container-10 .bottom .main { height : 100% ; background-color : #FFFFFF ; padding : 47px 50px 0px 50px ; box-shadow: 0px 3px 10px 0px rgba(193, 193, 193, 0.39) ; box-sizing : border-box }
.join-container-10 .bottom .title { float : left ; margin-top : 5px ; text-align : center }
.join-container-10 .bottom .title h3 { color : #459690 ; font-size : 36px ; font-weight : bold }
.join-container-10 .bottom .title b { display : block ; margin-top : 13px ; color : #666666 ; font-size : 16px }
.join-container-10 .swiper5 { width : 875px ; float : right }
.join-container-10 .swiper5 .swiper-slide { text-align : center ; cursor : pointer }
.join-container-10 .swiper5 .swiper-slide b { display : block ; width : 61px ; height : 61px ; background-position : center center ; background-repeat : no-repeat ; border : solid 1px #459690 ; border-radius : 50% ; box-sizing : border-box ; margin : 0px auto }
.join-container-10 .swiper5 .swiper-slide i { display : block ; margin-top : 23px }
.join-container-10 .swiper5 .swiper-slide i::after { content : "" ; display : block ; width : 13px ; height : 3px ; background-color : transparent ; margin : 10px auto 0px auto ; transition : .5s }
.join-container-10 .swiper5 .swiper-slide:hover i::after { background-color : #459690 }
.join-container-10 .swiper5 .swiper-slide-thumb-active i::after { background-color : #459690 }


.join-container-11 { background : url(../images/join-bg-7.jpg) center top ; padding : 73px 0px 84px }
.join-container-11 .content { width : 1114px ; height : 363px ; background-image : url(../images/join-bg-8.png) ; margin : 73px auto 0px auto }
.join-container-11 .content div { width : 134px ; height : 134px ; padding-top : 25px ; box-sizing : border-box ; float : left ; margin-top : 95px ; margin-right : 106px ; text-align : center }
.join-container-11 .content div:first-of-type { margin-top : 0px }
.join-container-11 .content div:nth-of-type(2) { margin-top : 0px }
.join-container-11 .content div:nth-of-type(3) { margin-top : 0px }
.join-container-11 .content div:nth-of-type(4) { margin-top : 0px ; margin-right : 126px }
.join-container-11 .content div:nth-of-type(5) { margin-top : 0px }
.join-container-11 .content div:nth-of-type(9) { margin-right : 126px }
.join-container-11 .content div:nth-of-type(5n) { margin-right : 0px }
.join-container-11 .content b { color : #FFFFFF ; font-size : 36px }
.join-container-11 .content i { display : block ; margin-top : 5px ; color : #FFFFFF ; font-size : 16px }


.join-container-12 table { border-collapse : collapse ; margin : 106px auto 110px auto }
.join-container-12 th { width : 199px ; height : 56px ; background-color : #479081 ; border : solid 1px #808080 ; color : #FFFFFF ; font-size : 24px ; font-weight : normal }
.join-container-12 td { width : 199px ; height : 56px ; background-color : #eaf5f3 ; border : solid 1px #808080 ; color : #212529 ; font-size : 20px ; text-align : center }


.join-container-13 { height : 650px }
.join-container-13 .left { width : 50% ; height : 100% ; background : url(../images/join-img-25.jpg) right center no-repeat ; float : left }
.join-container-13 .right { width : 50% ; height : 100% ; background-color : #004d85 ; padding : 101px 0px 0px 73px ; box-sizing : border-box ; float : left ; overflow : hidden }
.join-container-13 h4 { color : #FFFFFF ; font-size : 36px }
.join-container-13 .text-box { width : 530px ; margin-top : 80px ; color : #FFFFFF ; font-size : 16px ; line-height : 24px }
.join-container-13 .text-box p { margin-bottom : 24px }


.join-container-14 { padding : 64px 0px 71px }
.join-container-14 form { background-color : #F4F4F4 ; padding : 69px 127px 53px 127px }
.join-container-14 .left { width : 315px ; float : left }
.join-container-14 .left .title { font-size : 0px }
.join-container-14 .left h2 { display : inline-block ; margin-right : 15px ; color : #202327 ; font-size : 32px }
.join-container-14 .left b { height : auto ; color : #626262 ; font-size : 18px }
.join-container-14 .left i { display : block ; margin-top : 32px ; color : #202327 ; font-size : 16px }
.join-container-14 .left .content i:first-of-type { margin-top : 31px }
.join-container-14 .left input { width : 315px ; height : 40px ; border : solid 1px #b7b7b7 ; margin-top : 13px ; box-sizing : border-box ; color : #707070 ; font-size : 16px ; text-indent : 7px }
.join-container-14 input::-webkit-input-placeholder{ color : #707070 }
.join-container-14 input::-moz-placeholder{ color : #707070 }
.join-container-14 input:-moz-placeholder{ color : #707070 }
.join-container-14 input:-ms-input-placeholder{ color : #707070 }

.join-container-14 .right { width : 577px ; float : right ; margin-top : 2px }
.join-container-14 .right b { display : block ; margin-bottom : 13px ; color : #202327 }
.join-container-14 .distpicker { margin-bottom : 22px }
.join-container-14 .distpicker select { width : 184px ; height : 43px ; background-color : #e8e8e8 ; background-image : url(../images/fh-icon-3.png) ; background-repeat : no-repeat ; background-position : 165px 18px ; border : none ; margin-right : 3px ; color : #383838 ; font-size : 16px ; text-indent : 14px ; outline : none ; cursor : pointer ; appearance : none ; -webkit-appearance : none ; -moz-appearance : none }
.join-container-14 .right textarea { width : 577px ; height : 120px ; background-color : #e8e8e8 ; padding : 10px 10px ; color : #707070 ; font-family : "微软雅黑" ; font-size : 16px ; line-height : 24px }
.join-container-14 .right .bottom { display : flex ; height : 37px ; margin-top : 46px }
.join-container-14 .right .bottom input { width : 147px ; height : 100% }
.join-container-14 .right .bottom input:first-of-type { background-color : #ffffff ; margin-right : 11px ; color : #c4c4c4 ; font-size : 12px ; text-indent : 15px }
.join-container-14 .right .bottom input:last-of-type { background-color : #004d85 ; color : #ffffff ; font-size : 12px ; text-align : center ; transition : .5s }
.join-container-14 .right .bottom input:last-of-type:hover { background-color : #383838 }
.join-container-14 .right .bottom img { width : 147px ; height : 100% ; margin-right : 11px }