@font-face {
    font-family: 'SourceHanSansCN';
    src: url('../fonts/SourceHanSansCN-Normal.otf') format('opentype');
}
*{padding: 0; margin: 0;}
html,body{font-size: 16px; width: 100%; height: 100%; font-family: 'SourceHanSansCN', "Microsoft YaHei", "微软雅黑", sans-serif;}
img{display: block;}
.bg{background: #f0f3fc;}
.bg-white{background: #ffffff;}
.relative{position: relative;}
.absolute{position: absolute;}
.pd{padding: 30px;}
.show{display: block;}
.hide{display: none;}
a{color: #786EAF; text-decoration: none;}
a:hover{color: #00acc9;}
.main{width: 1600px; margin: 0 auto;}
.bg{background: #00acc9;}

.title{font-weight: bold; font-size: 100px; position: relative; text-align: center; color: #003a7f; padding-bottom: 20px;}
.title::after{content: ""; height: 12px; position: absolute; bottom: 0; left: 50%; margin-left: -120px; width: 240px; background: #00acc9;}
.title.white{color: #ffffff;}
.title.white::after{background: #ffffff;}
.title.right::after{left: auto; margin-left: auto; right: 0;}

.header{display: flex; align-items: center; justify-content: space-between;}
.header .logo{padding: 20px 0;}
.header .logo img{height: 100px;}
.header .menu{display: flex; align-items: center;}
.header .menu .item{margin: 0 10px; padding: 20px 0; position: relative; color: #ffffff; font-size: 18px; font-weight: bold;}
.header .menu .item::after{content: ''; position: absolute; top: calc(50% + 15px); right: 0; width: calc(100% - 20px); min-width: 35px; height: 2px; background: #ffffff; display: none;}
.header .menu .item.active::after{display: block;}
.header .menu .item:hover::after{display: block;}

.banner{min-width: 1400px;}
.banner img{width: 100%;}

.join .one-bg{background: #00acc9 url("../img/map.png") no-repeat top center;}
.join .one{display: flex; align-items: center; justify-content: space-between; padding: 150px 0;}
.join .one .left{display: flex; align-items: center;}
.join .one .logo{padding: 50px 80px; background: #ffffff;}
.join .one .logo img{width: 260px;}
.join .one .point{display: flex; flex-direction: column; justify-content: space-between; height: 350px; padding: 10px 50px;}
.join .one .point .item{border: 1px solid #ffffff; padding: 5px; border-radius: 30px;}
.join .one .point .item .circle{background: #ffffff; border-radius: 30px; width: 10px; height: 10px;}

.join .two{padding-top: 100px;}
.join .two .content{padding-top: 100px;}
.join .two .content img{width: 100%;}
.join .two .item{}
.join .two .item .name{display: flex; align-items: center;}
.join .two .item .name .num{font-size: 60px; color: #00acc9; padding-right: 10px; display: block;}
.join .two .item .name .txt{background: url("../img/join_tit_bg.png") no-repeat; background-size: auto 100%; width: 283px; height: 32px; line-height: 32px; font-size: 20px; font-weight: bold; color: #ffffff; padding-left: 10px;}

.join .three{padding-top: 100px;}
.join .three .content{padding-top: 120px;}
.join .three .content img{max-width: 100%; margin: 0 auto;}

.join .four{background: #00acc9 url("../img/join_wave.png") no-repeat top center; padding-top: 265px; margin: 0 auto;}
.join .four .content{padding-top: 100px;}
.join .four .con{color: #ffffff; padding-right: 40px;}
.join .four .name{font-size: 112px; font-weight: bold; text-align: center;}
.join .four .desc{font-size: 55px;}
.join .four .ewm{display: flex; align-items: center; justify-content: center;}
.join .four .ewm .pic{width: 400px;}

.join .five{display: flex; align-items: center; justify-content: center; background: #00acc9; padding-top: 120px;}
.join .five .pic{width: 222px;}
.join .five .pic img{width: 100%;}
.join .five .con{color: #ffffff; padding-left: 40px;}
.join .five .name{font-size: 110px;}
.join .five .tel{font-size: 72px; color: #ffffff;}

.join .six{background: #00acc9; padding-top: 100px;}
.join .six .pic{width: 960px; margin: 0 auto; position: relative; padding-bottom: 28px;}
.join .six .pic::after{content: ""; position: absolute; background: #ffffff; left: 0; right: 0; bottom: 0; z-index: 1; height: 72px; border-radius: 15px;}
.join .six .pic img{margin: 0 auto; width: 520px; position: relative; z-index: 2;}
.join .six .con{color: #ffffff; text-align: center; font-size: 62px; padding-top: 50px;}

.msg{color: #ffffff; padding-top: 60px;}
.msg .form{display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;}
.msg .form .item{display: flex; align-items: center; height: 40px; padding: 20px 0; width: 100%;}
.msg .form .item .label{background: #003b80; padding: 0 30px; line-height: 40px; font-size: 20px;}
.msg .form .item .ipt{height: 100%; flex: 1;}
.msg .form .item .ipt input{height: 100%; border: none; background: #ffffff; padding: 0 10px; width: calc(100% - 20px);}
.msg .form .item .ipt input:focus{outline: none;}
.msg .form .name{padding-right: 30px; width: calc(50% - 30px);}
.msg .form .tel{padding-left: 30px; width: calc(50% - 30px);}
.msg .form .btn{flex: 1; justify-content: center; align-items: center; display: flex;}

.footer{display: flex; align-items: center; justify-content: space-between; padding-top: 60px;}
.footer a{color: #ffffff;}
.footer .left{color: #ffffff; width: 900px; padding-bottom: 30px;}
.footer .left .logo{width: 388px; padding-bottom: 15px;}
.footer .left .logo img{width: 100%;}
.footer .left .copyright{font-size: 24px; border-top: 1px solid #ffffff; padding-top: 20px; padding-bottom: 20px;}
.footer .left .desc{line-height: 1.75;}
.footer .right{display: flex; align-items: center;}
.footer .right .item{padding: 0 19px; font-size: 20px; color: #ffffff; text-align: center;}
.footer .right .item img{width: 175px;}
.footer .right .item .txt{padding-top: 10px;}

.flex{display: flex;}
.flex_end{display: flex; align-items: center; justify-content: flex-end;}
.flex_center{display: flex; align-items: center; justify-content: center;}
.flex_between{display: flex; align-items: center; justify-content: space-between;}