@charset "utf-8";.x-banner-4 .base_img{position:relative;overflow:hidden}.x-banner-4 .base_img img,.x-banner-4 .base_img svg{transition:all .6s;-webkit-transition:all .6s;width:100%;height:100%;object-fit:cover;position:absolute;top:0;bottom:0;right:0;left:0;margin:auto}.x-banner-4 .base_img:before{content:"";display:block}.x-banner-4{position:relative}.x-banner-4 .f_bag:before{padding-top:33.85416667%}@media (max-width: 991px){.x-banner-4 .f_bag:before{padding-top:40%}}@media (max-width: 767px){.x-banner-4 .f_bag:before{padding-top:106.66666667%}}.x-banner-4 .f_bag:after{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:#000000;opacity:.3}.x-banner-4 .cont{position:absolute;left:0;top:50%;transform:translateY(-50%);width:100%;color:#ffffff;text-align:center}@media (max-width: 767px){.x-banner-4 .cont{top:82%}}.x-banner-4 .cont .f_title{line-height:1.2;font-weight:bold;font-size:var(--font-size1)}.x-banner-4 .breadbox{position:absolute;left:0;bottom:0;width:100%}.x-banner-4 .breadbox .fcont{padding:.46rem 0}.x-banner-4 .breadbox .fcont .x-mbx .container1600{width:100%;min-width:auto}.x-banner-4 .breadbox .fcont a,.x-banner-4 .breadbox .fcont span{color:#ffffff}.x-banner-4 .breadbox .fcont a svg,.x-banner-4 .breadbox .fcont span svg{color:#ffffff}.x-banner-4 .cont{text-align:left}
 
@charset "utf-8";.x-join-1 .base_img{position:relative;overflow:hidden}.x-join-1 .base_img img,.x-join-1 .base_img svg{transition:all .6s;-webkit-transition:all .6s;width:100%;height:100%;object-fit:cover;position:absolute;top:0;bottom:0;right:0;left:0;margin:auto}.x-join-1 .base_img:before{content:"";display:block}.x-join-1{position:relative;overflow:hidden;margin:1.2rem 0}.x-join-1 .font{padding-right:1.68rem}@media (max-width: 991px){.x-join-1 .font{padding-right:.6rem}}@media (max-width: 767px){.x-join-1 .font{padding-right:0;margin-bottom:.34rem}}.x-join-1 .font .f_tit{font-weight:bold;color:#000000;margin-bottom:.2rem;font-size:var(--font-size2)}.x-join-1 .font .f_text{color:#666666;line-height:1.77777778;font-size:var(--font-size7)}.x-join-1 .f_xian{position:absolute;left:0;bottom:0;height:3.55rem;width:100%;transition:all .4s;display:flex;overflow:hidden}.x-join-1 .f_xian span{width:200%;flex:0 0 auto;height:100%;animation:lefttr 60s linear infinite;position:relative;display:block;background:url(../images/xianbaef1.png) left bottom / auto 100% repeat-x}.x-join-1 .container1600{display:flex;flex-wrap:wrap;align-items:center;position:relative}.x-join-1 .container1600 .font,.x-join-1 .container1600 .f_img{width:50%}@media (max-width: 767px){.x-join-1 .container1600 .font,.x-join-1 .container1600 .f_img{width:100%}}.x-join-1 .container1600 .font{padding-right:1.68rem}@media (max-width: 991px){.x-join-1 .container1600 .font{padding-right:.6rem}}@media (max-width: 767px){.x-join-1 .container1600 .font{padding-right:0;margin-bottom:.34rem}}.x-join-1 .container1600 .font .f_tit{font-weight:bold;color:#000000;margin-bottom:.2rem}.x-join-1 .container1600 .font .f_text{color:#666666;line-height:1.77777778}.x-join-1 .container1600 .f_img{border-radius:.1rem}.x-join-1 .container1600 .f_img:before{padding-top:77%}@keyframes lefttr{0%{left:0}100%{left:-100%}}
 
@charset "utf-8";.x-join-2 .base_prev,.x-join-2 .base_next{position:relative;margin:0;width:.7rem;height:.7rem;border-radius:50%;transition:all .4s;background-color:#f8f9fc;color:#111111;border:solid 1px #e0e0e0}@media (max-width: 767px){.x-join-2 .base_prev,.x-join-2 .base_next{width:.88rem;height:.88rem}}.x-join-2 .base_prev:after,.x-join-2 .base_next:after{display:none}.x-join-2 .base_prev img,.x-join-2 .base_next img,.x-join-2 .base_prev svg,.x-join-2 .base_next svg{width:20%;height:20%}.x-join-2 .base_prev:hover,.x-join-2 .base_next:hover{background:var(--color);color:#ffffff;border-color:var(--color)}.x-join-2 .base_prev{left:0}.x-join-2 .base_next{right:0}.x-join-2 .base_pagin{position:relative;bottom:0!important;width:auto;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.x-join-2 .base_pagin span{width:8px;height:8px;background-color:var(--color);opacity:.2;margin:0 5px}.x-join-2 .base_pagin .swiper-pagination-bullet-active{opacity:1}.x-join-2 .base_pagin.swiper-pagination-lock{display:none}.x-join-2{position:relative;overflow:hidden}.x-join-2 .f_bag{position:relative;z-index:-1;width:100%;height:100vh}@media (max-width: 991px){.x-join-2 .f_bag{height:60vh}}@media (max-width: 767px){.x-join-2 .f_bag{position:absolute;top:0;left:0;width:100%;height:100%}}.x-join-2 .f_bag img{width:100%;height:100%;object-fit:cover}.x-join-2 .f_bag:after{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;opacity:.72;background:#000000}.x-join-2 .cont{width:100%;padding:1.2rem 0}@media (min-width: 768px){.x-join-2 .cont{position:absolute;left:0;top:0}}.x-join-2 .cont .lt{width:55.625%;color:#ffffff;padding-right:2.38rem}@media (max-width: 991px){.x-join-2 .cont .lt{padding-right:1rem}}@media (max-width: 767px){.x-join-2 .cont .lt{width:100%;padding-right:0}}.x-join-2 .cont .lt .f_title{font-weight:bold;margin-bottom:2.9rem;font-size:var(--font-size2)}@media (max-width: 991px){.x-join-2 .cont .lt .f_title{margin-bottom:.8rem}}@media (max-width: 767px){.x-join-2 .cont .lt .f_title{margin-bottom:.4rem}}.x-join-2 .cont .lt .joinbox2_cont .f_tit{margin-bottom:.24rem;font-size:var(--font-size3)}.x-join-2 .cont .lt .joinbox2_cont .f_text{opacity:.86;line-height:1.75}@media (max-width: 767px){.x-join-2 .cont .lt .joinbox2_cont .swiper-slide{padding:.4rem .34rem;background:rgba(255,255,255,0.9);height:auto;border-radius:.1rem}.x-join-2 .cont .lt .joinbox2_cont .swiper-slide .f_tit{color:#000000}.x-join-2 .cont .lt .joinbox2_cont .swiper-slide .f_text{line-height:1.6;color:#666666}}.x-join-2 .cont .lt .joinbox2_cont .joinbox2_pagin{margin-top:.5rem}@media (min-width: 768px){.x-join-2 .cont .lt .joinbox2_cont .joinbox2_pagin{display:none}}.x-join-2 .cont .lt .joinbox2_cont .joinbox2_pagin span{background:#ffffff}.x-join-2 .gt{position:absolute;right:0;top:0;height:100%;width:44.375%;display:flex;flex-wrap:wrap;justify-content:space-between;align-content:space-between}@media (max-width: 767px){.x-join-2 .gt{display:none}}.x-join-2 .gt .item{width:calc(50% - 1px);color:#ffffff;background:rgba(255,255,255,0.12);display:flex;align-items:center;text-align:center;min-height:calc(33.333% - 1px);cursor:pointer;transition:all .4s}.x-join-2 .gt .item .f_tit{width:100%;font-size:var(--font-size6)}.x-join-2 .gt .item.on{background-color:rgba(235,97,0,0.8)}
 
@charset "utf-8";.x-join-4 .base_img{position:relative;overflow:hidden}.x-join-4 .base_img img,.x-join-4 .base_img svg{transition:all .6s;-webkit-transition:all .6s;width:100%;height:100%;object-fit:cover;position:absolute;top:0;bottom:0;right:0;left:0;margin:auto}.x-join-4 .base_img:before{content:"";display:block}.x-join-4 .hm_tit{text-align:center}.x-join-4 .hm_tit .f_name{margin-bottom:.1rem;color:#666666}.x-join-4 .hm_tit .f_tit{color:#000000;font-weight:bold;line-height:1.2;font-size:var(--font-size2)}.x-join-4 .hm_tit .f_tit span{color:var(--color)}.x-join-4 .hm_tit .f_text{line-height:1.5;margin-top:.18rem;color:#999999}.x-join-4 .hm_but{display:inline-flex;align-items:center;height:45px;padding:0 .2rem 0 .24rem;border-radius:27px;position:relative;z-index:1;overflow:hidden}.x-join-4 .hm_but::before{content:"";position:absolute;top:0;right:0;z-index:1;width:100%;height:100%;background:#fff;border-radius:27px;transition:all .4s}.x-join-4 .hm_but span{color:var(--color);margin-right:16px;position:relative;z-index:2;transition:all .4s}.x-join-4 .hm_but .f_icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;z-index:2;transition:all .4s;color:var(--color)}@media (max-width: 1580px){.x-join-4 .hm_but .f_icon{transform:translateX(-6px)}}@media (max-width: 991px){.x-join-4 .hm_but .f_icon{transform:initial}}.x-join-4 .hm_but .f_icon svg{width:50%;height:50%;display:flex;justify-content:center;align-items:center;flex-shrink:0;transition:all .5s}@media (min-width: 992px){.x-join-4 .hm_but:hover::before{width:45px}.x-join-4 .hm_but:hover span{color:#fff}.x-join-4 .hm_but:hover .f_icon{transform:translateX(8px)}}@media (min-width: 992px) and (min-width:992px) and (max-width:1600px){.x-join-4 .hm_but:hover .f_icon{transform:translateX(0)}}.x-join-4 .hm_but2{border-color:transparent}.x-join-4{background:url(../images/jianbashnate1.jpg) center / cover no-repeat;padding:1.2rem 0}@media (max-width: 767px){.x-join-4{padding-bottom:1.4rem}}.x-join-4 .hm_tit{text-align:left;margin-bottom:.4rem}.x-join-4 .cont{position:relative;border-radius:.1rem;overflow:hidden}.x-join-4 .cont .f_bag{position:relative}.x-join-4 .cont .f_bag:before{padding-top:31.25%}@media (max-width: 991px){.x-join-4 .cont .f_bag:before{padding-top:46%}}@media (max-width: 767px){.x-join-4 .cont .f_bag:before{padding-top:80%}}.x-join-4 .cont .f_bag:after{content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:linear-gradient(to right, var(--color) 20%, rgba(0,70,134,0))}@media (max-width: 767px){.x-join-4 .cont .f_bag:after{background:var(--color);opacity:.5}}.x-join-4 .cont .f_font{position:absolute;left:0;top:50%;transform:translateY(-50%);width:100%;z-index:2;color:#ffffff;padding:0 1rem}@media (max-width: 991px){.x-join-4 .cont .f_font{padding:0 .6rem}}@media (max-width: 767px){.x-join-4 .cont .f_font{padding:.4rem .34rem}}.x-join-4 .cont .f_font .f_text{line-height:1.54545455;width:4.9rem;max-width:100%;margin-bottom:.52rem;font-size:var(--font-size5)}@media (max-width: 767px){.x-join-4 .cont .f_font .f_text{width:100%}}.x-join-4 .cont:hover .f_bag img{transform:scale(1.04)}@keyframes arrowRun{0%{transform:translate3d(0%, 0%, 0) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);transform-style:preserve-3d}7%{transform:translate3d(150%, -150%, 0) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);transform-style:preserve-3d}7.1%{transform:translate3d(-150%, 150%, 0) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);transform-style:preserve-3d}14%{transform:translate3d(0%, 0%, 0) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);transform-style:preserve-3d}}