.first-content-bg{width:100%; position:relative;}
    .first-content-bg img{width:100%;}
    .first-content-bg .first-content{position:absolute; left:30rem; top:15.25rem; color:#fff; text-align:center; text-shadow:2px 2px 4px #666;}
    .first-content-bg .first-content .title{font-size:2.25rem; font-weight:bold; margin-bottom: 1.25rem;}
    .first-content-bg .first-content p{font-size:1.375rem; margin-top:0.5rem; width:40rem;}
    .lb-dataContainer{margin-top:-50px; z-index:9999; position:relative;}
    .lb-data{padding:4px;}
    .lb-data .lb-details{width:100%; background:rgba(0,0,0,0.8); padding:10px; margin-bottom:10px;}
    .lb-data .lb-number{display:none;}
    .lb-caption{margin-right:15px;}
    .pc-visible,
    .pc-visible *,
    .pc-visible *:before,
    .pc-visible *:after {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
    }
    .member .position span{
        display: block;
    }
    .member .position span:before{
        content: "-";
    }
    .cl{clear:both;}
    .tab_menu{height:40px; box-shadow:0px 5px 10px #dce1e7; margin:10px 0px 30px 0px;}
    .tab_menu li{height:40px; width:50%; float:left; box-sizing:border-box; font-weight:bold;}
    .tab_menu .active{border-bottom:2px solid #6ac3cf;}
    .tab_menu .job{text-align:right; padding-right:50px;}
    .tab_menu .job img{margin-left:5px;}
    .tab_menu .volunteer{padding-left:50px;}
    .content{padding:1rem 10rem;}
    .job_left{width:25%; height:auto; float:left;}
    .job_left li{width:100%; height:10rem; padding:1rem 0; background:#f3f3f3; margin-bottom:1rem; text-align:center;}
    .job_left li img{width:15%; margin-bottom:10px;}
    .job_left a{color:#666;}
    .job_left .rotatesimg{-webkit-animation:transform-5 2s ease 50ms alternate none 1;animation:transform-5 2s ease 50ms alternate none 1;}
@-webkit-keyframes transform-5 { 
    from{-webkit-transform:perspective(400px) rotateY(180deg);transform:perspective(400px) rotateY(180deg);} 
    to{-webkit-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);} 
}
@keyframes transform-5 { 
    from{-webkit-transform:perspective(400px) rotateY(180deg);transform:perspective(400px) rotateY(180deg);} 
    to{-webkit-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);} 
}

    .job_right{width:70%; float:right;}
    .big_title{color:#6ac3cf; font-size:24px; font-weight:bold; margin-bottom:10px;}
    .start_time{height:40px; line-height: 40px; padding-left:20px; margin-bottom:20px;}
    .start_time li{padding-right:5rem; float:left; list-style-type:disc;}
    .job_nav{height:4rem; background:url(../assets/img/job_bg.png) repeat-y; background-size:100% auto; padding:0px 10rem; margin:20px 0px; overflow:hidden; position:relative;}
    .more{height:4rem; line-height:4rem; position:absolute; right:5rem; top:0px; cursor:pointer; color:#FFF;}
    .job_nav li{width:auto; float:left; height:4rem; line-height:3rem; text-align:center; overflow:hidden;}
    .job_nav li:first-child{background:#c0e6eb; line-height: 4rem; padding:0 15px; margin-right:25px;}
    .job_nav li a{color:#FFF; line-height:1rem; padding:0 25px; margin:1.5rem 0px; display:block; border-right:1px solid #FFF;}
    .job_nav .active a{background:#FFF; line-height:3rem; margin:0.5rem 0px; color:#6ac3cf;}
    .content_info{display:none;}
    .list_top{background:#ececec; padding:2rem;}
    .join_list{color:both; display:flex; align-items:center; cursor:pointer;}
    .join_list dt{width:50%; text-align:center; font-weight:normal; order:2;}
    .join_list dt strong{font-size:1.5rem;}
    .join_list dt div{width:50%; margin:15px auto; text-align:left;}
    .join_list a{color:#666;}
    .join_list dd{width:50%; float:left; position:relative;}
    .join_list dd img{width:100%; display:block;}
    .join_list dd span{width:0; height:0; border-top:1rem solid transparent; border-right:2rem solid #FFF; border-bottom:1rem solid transparent; display:block; position: absolute; right:0px; top:50%; margin-top:-1rem;}
    .join_list:nth-child(2) dt{order:0;}
    .join_list:nth-child(2) dd span{width:0; height:0; border-top:1rem solid transparent; border-right:none; border-left:2rem solid #FFF; border-bottom:1rem solid transparent; display:block; position: absolute; left:0px; top:50%; margin-top:-1rem;}
    .list_hover{background:#7ed0dc;}
    .list_hover dd span{width:0; height:0; border-top:1rem solid transparent; border-right:2rem solid #7ed0dc; border-bottom:1rem solid transparent; display:block; position: absolute; right:0px; top:50%; margin-top:-1rem;}
    .list_hover:nth-child(2) dd span{width:0; height:0; border-top:1rem solid transparent; border-right:none; border-left:2rem solid #7ed0dc; border-bottom:1rem solid transparent; display:block; position: absolute; left:0px; top:50%; margin-top:-1rem;}
    .star_bai{padding:0rem;}
    .index_path{padding:0.5rem 4rem; box-shadow:0px 5px 10px #dce1e7; margin-bottom:2rem;}
    .index_path a{color:#666;}
    .star_bai h2{font-size:3rem; margin-bottom:1rem; text-align:center; color:#FD3600;}
    .star_bai p{font-size:1.5rem; text-align:center;}
    .star_scroll{text-align:center; }
    .sroll_box{width:auto; display:inline-block!important; display:inline; padding:1rem; z-index:5; position:relative; margin:2rem auto; border:2px solid #FFF; background:#CCC; border-radius:2rem; box-shadow:0px 5px 10px #dce1e7;}
    .sroll_box img{width:45rem; height:32rem; border:1rem solid #FFF; border-radius:1rem;}
    .sroll_bottom{height:25rem; background:#7ED0DD;  margin-top:-20rem; z-index:1; color:#FFF;}
    .sroll_bottom .left,.sroll_bottom .right{width:22rem; margin-top:9rem; line-height:200%;}
    .sroll_bottom .left{float:left; text-align:right;}
    .sroll_bottom .left img{width:6rem; float:right; margin-left:10px;}
    .sroll_bottom .right{float:right; text-align:left;}
    .sroll_bottom .right img{width:6rem; float:left; margin-right:10px;}
    .star_content{padding:2rem; display:flex; justify-content:center; align-items:center;}
    .star_content:nth-child(1){display:none;}
    .star_user{width:12rem; text-align:center;}
    .star_user img{width:100%; margin-bottom:1rem; border-radius:12rem;}
    .star_remark{width:35rem; border-right:2px solid #ECECEC; padding-right:1rem; margin-left:2rem; line-height:200%;}
    .star_remark h2{font-size:1.25rem; font-weight:bold; margin-bottom:1rem;}
    .star_remark div:nth-child(2){display:none;}
    .star-five{width:20px; height:20px; display: inline-block; margin-right:5px; margin:5px 10px 0px 0px; background:url(/assets/img/star-five.png); background-size:100% 100%;}
    .txt-right{text-align:right;}
    .star_tab{width:15px; margin-left:1rem;}
    .star_tab li{width:15px; height:15px; background:#FFF; border:2px solid #989898; border-radius:15px; margin-bottom:10px; cursor:pointer;}
    .star_tab .active{width:15px; height:15px; background:#989898; border-radius:15px; margin-bottom:10px;}
    .star_list{background:#ececec; padding:2rem; position:relative; display:flex; justify-content:center; align-items:center;}
    .star_list .prev,.star_list .next{cursor:pointer;}
    .prev{margin-right:20px;}
    .next{margin-left:20px;}
    .photo_scroll{margin:10px 0px;}
    .photo_scroll img{width:20rem; height:15rem; border:1px solid #989898; background:#FFF; padding:10px; margin:0px 10px;}
    .star_foot{text-align:center; padding:4rem 0rem;}
    .star_foot h1{font-size:1.5rem; background:#333; color:#FFF; display:inline-block; padding:0.7rem 4rem; border-radius:8px; margin-bottom:20px;}
    .swiper-container {
      width: 45rem;
      height: 100%;
    }

    .swiper-slide {
      text-align: center;
      font-size: 18px;
      width: 100%;
      height: 100%;
      /* Center slide text vertically */
      display: -webkit-box;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
      align-items: center;
    }

    .swiper-button-prev,
    .swiper-container-rtl .swiper-button-next {
      left: 2rem;
      top: 15rem;
      background: url("../img/arrow-01.png") no-repeat 0 0;
      background-size: 100% 100%;
      width: 4rem;
      height: 4rem;
    }

    .swiper-button-next,
    .swiper-container-rtl .swiper-button-prev {
      right: 2rem;
      top: 15rem;
      background: url("../img/arrow-02.png") no-repeat 0 0;
      background-size: 100% 100%;
      width: 4rem;
      height: 4rem;
    }
    @media  screen and (max-width: 768px) {
        header,.head {
            background: none;
        }
        .black-bg {
            background: rgba(0, 0, 0, 0.5);
        }
        .m-visible {
            padding-top: 0px;
            display: block;
        }
        .item-info .goback a {
            right: 40px;
        }
        .first-content-bg img{width:100%;}
        .first-content-bg .first-content{width:100%; top:25%; left:0;}
        .first-content-bg .first-content .title{font-size:16px; font-weight:bold; margin-bottom: 1.25rem;}
        .first-content-bg .first-content p{font-size:14px; width:80%; margin:15px auto;}
        .banner-btn{top:60%;}
        .banner-btn li span {
            display: inline-block;
            width: 90px;
            height: 23px;
            border-radius: 15px;
            font-size: 12px;
            background-color: #5db3db;
            text-align: center;
            line-height:23px;
        }
        .content{padding:0 15px; font-size:14px;}
        .start_time li{width:100%; padding-right:5rem; float:left; list-style-type:disc;}
        .aboutus_title{font-size:18px; padding-bottom:14px; margin-top:20px;}
        .m-img-text-box .text-box{padding:5%; box-sizing:border-box;  top:35%;}
        .m_job{font-size:14px;}
        .m_job h1{height:40px; line-height:40px; color:#000; margin-top:20px; text-align:center; font-weight:bold; background:#c0e6eb;}
        .m_job dl{height:40px; overflow:hidden; margin-bottom:1px;}
        .m_job dt{height:40px; line-height:40px; color:#FFF; font-weight:normal; background:url(../assets/img/job_bg.png) repeat-y; background-size:100% auto; text-align:center;}
        .m_job dt img{width:10px; margin-left:5px; margin-top:8px;}
        .m_job dd{padding:5px 15px; line-height:200%;}
        .m_job .start_time{height:75px; line-height:25px; margin-bottom:20px;}
        .job_address{border:1px solid #CCC; border-bottom:none; margin:5px;}
        .job_address a{color:#666;}
        .job_address li{height:60px; border-bottom:1px solid #CCC; display:flex; align-items:center;}
        .job_address li div{width:35%; text-align:center; height:60px; margin-right:10px; background:#f3f3f3; float:left;}
        .job_address li img{width:30%; margin:8px auto;}

        .join_list{color:both; display:block; align-items:center; cursor:pointer;}
        .join_list dt{width:80%; display:block; float:none; margin:10px auto; padding:10px 0; text-align:center; font-weight:normal; font-size:14px;}
        .join_list dt strong{font-size:16px;}
        .join_list dt div{width:100%; margin:15px auto; text-align:left;}
        .join_list a{color:#666;}
        .join_list dd{width:100%;  float:none; display:block; position:relative;}
        .join_list dd img{width:100%; display:block;}
        .join_list dd span{width:0; display:none; height:0; border-top:1rem solid transparent; border-right:2rem solid #FFF; border-bottom:1rem solid transparent; position: absolute; right:0px; top:50%; margin-top:-1rem;}
        .index_path{font-size:12px;}
        .star_bai p{font-size:12px;}
        .sroll_box{width:90%;}
        .swiper-container{width:100%;}
        .sroll_box img{width:100%; height:auto;}
        .sroll_bottom{height:150px; margin-top:10px; font-size:12px;}
        .sroll_bottom .left img,.sroll_bottom .right img{width:50px; float: none; display: block; margin:0 auto;}
        .sroll_bottom .left, .sroll_bottom .right{width:50%; margin-top:15px; line-height:200%; text-align: center;}
        .star_content{display:block; font-size:12px;}
        .star_user{width:40%; margin:10px auto;}
        .star_remark{width:auto; padding:15px; border:none; background:#EEE; margin-left:0rem;}
        .star_remark h2{font-size:16px;}
        .star_tab{width:auto; height:30px; overflow:hidden; text-align:center; margin:0; padding:10px;}
        .star_tab li{display:inline-block;}
        .star_foot h1{font-size:16px; border-radius: 14px;}
        .star_foot p{font-size:12px;}
        .photo_scroll img{width:250px; height:180px; margin:0 5px 0 0;}
        .star_list .prev img,.star_list .next img{cursor:pointer; width:20px;}
        .swiper-button-prev, .swiper-button-next{width:30px; height:30px; top:50%;}
    }