.section1 .slider{
    position: relative;
    width: 100%;
}
.section1 .slider .pic-box{
    position: relative;
    height: 700px;
    overflow: hidden;
}
/*.section1 .slider .box{*/
    /*position: absolute;*/
    /*width: 100%;*/
    /*top: 24%;*/
    /*text-align: center;*/
/*}*/

/*.section1 .slider .box .title{*/
    /*font-size: 50px ;*/
    /*color: white;*/
/*}*/

/*.section1 .slider .box .word{*/
    /*display: inline-block;*/
    /*width: 660px;*/
    /*height: 50px;*/
    /*color: white;*/
    /*font-size: 50px;*/
    /*letter-spacing: 8px;*/
    /*line-height: 50px;*/
    /*margin-top: 20px;*/
/*}*/

.join-nav{
    height: 415px;
    background: #007069;
}
.join-nav ul{
    position: relative;
    z-index: 2;
    overflow: hidden;
    text-align: center;
    margin-top: 20px;
}
.join-nav li .cover{
    background: white;
    background: rgba(255,255,255,.8);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
}
.join-nav li{
    display: inline-block;
    position: relative;
    width: 160px;
    height: 160px;
    text-align: center;
    color: #828282;
    margin-top: 20px;
    margin-left: 20px;
}
.join-nav li>img{
    margin-top: 25px;
}
.join-nav li p{
    font-size: 22px;
    color: #585858;
    margin-top: 20px;
}

.join-nav li .contain {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: white;
    border: 4px solid #9d7cb3;
    background: white;
    background: rgba(255,255,255,.8);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
}

.join-nav li .btn-more {
    position: relative;
    top: 50%;
    margin-top: -17px;
}

.section2{
    background-color: #efefef;
}
.section2 .content{
    padding: 20px 0;
    color: black;
    width: 76%;
    min-width: 1000px;
    text-align: center;
}
.section2 .content span{
    display: inline-block;
    font-size: 30px;
    color: #404041;
    margin-bottom: 45px;
}

/*.section2 .content .switch{*/
    /*width: 100%;*/
/*}*/
/*.section2 .content .switch .page{*/
    /*padding: 10px 5px;*/
    /*background-color: #fff;*/
    /*width: 100%;*/
/*}*/
/*.section2 .content .switch img.first{*/
    /*width: 100%;*/
/*}*/
/*.section2 .content .switch span{*/
    /*display: block;*/
    /*font-size: 18px;*/
    /*color: #000;*/
/*}*/
/*.section2 .content .switch span.second{*/
    /*font-size: 15px;*/
    /*color: #999999;*/
    /*padding-bottom: 40px;*/
/*}*/
/*.section2 .content .switch span.first{*/
    /*font-weight: bold;*/
    /*padding: 20px 0;*/
/*}*/
/*.section2 .content .switch span.last{*/
    /*padding-bottom:50px;*/
/*}*/
.section2 .box {
    width: 1000px;
    height: 920px;
    margin: auto;
    text-align: center;
}
.section2 .box .text span{
    width: 136px;
    height: 33px;
    background-color: #9d7cb3;
    display: inline-block;
    font-size: 18px;
    color: #fff;
    line-height: 33px;
    border-bottom-right-radius: 15px;
    letter-spacing: 10px;
}
.box .photo {
    position: relative;
    border: 1px solid #eee;
    margin-bottom: 20px;
    width: 950px;
    height: 563px;
    background: no-repeat;
    margin: auto;
    background-size: 100% 100%;
}

.box .list {
    width: 950px;
    height: 144px;
    border: 1px solid #eee;
    margin: auto;
    padding-top:15px;
    padding-bottom:15px;
    background-color: #fff;
}

.box .list .prev,
.box .list .next {
    float: left;
    height: 100%;
    width: 38px;
    background-repeat: no-repeat;
    background-position: center center;
}

.box .list .prev {
    background-image: url("/public/img/home/join/prev.png");
}

.box .list .prev.hover {
    background-image: url("/public/img/home/join/prev.png");
}

.box .list .next {
    background-image: url("/public/img/home/join/next.png");
}

.box .list .next.hover {
    background-image: url("/public/img/home/join/next.png");
}

.box .list .warp {
    float: left;
    width: 870px;
    height: 100%;
    overflow: hidden;
    margin: 0 1px;
    /*border: 1px solid #f00;*/
}

.box .list .warp img {
    border: 2px solid #fff;
    width: 174px;
    height: 110px;
}

.box .list .warp li.active img {
    border-color: #f00;
}

.box .list .warp li {
    float: left;
    background-position: 0 0;
}
.text{
    margin-top: 20px;
}
.text .item .title{
    font-size: 18px;
    font-weight: bold;
    margin-top: 15px;
    margin-bottom: 20px;
}
.text .item p{
    display: inline-block;
    width: 700px;
    font-size: 15px;
    color: #999999;
    line-height: 32px;
    height: 64px;
    overflow: hidden;
}
.more{
    vertical-align: middle;
}
a{
    display: inline-block;
}

.section3 .slider{
    width: 100%;
    position: relative;
}
.section3 .slider .pic-box{
    position: relative;
    overflow: hidden;
    height: 490px;
}
/*.section3 .slider .box{*/
    /*position: absolute;*/
    /*width: 100%;*/
    /*bottom: 40%;*/
    /*text-align: center;*/
/*}*/

/*.section3 .slider .box .title{*/
    /*font-size: 69px ;*/
    /*color: white;*/
/*}*/

/*.section3 .slider .box .word{*/
    /*display: inline-block;*/
    /*padding:0 50px;*/
    /*background: #007069;*/
    /*color: white;*/
    /*font-size: 25px;*/
    /*letter-spacing: 8px;*/
    /*line-height: 30px;*/
    /*margin-top: 20px;*/
/*}*/
.section3 .slider .s3_content{
    text-align: center;
    position: absolute;
    width: 100%;
    bottom: 18%;
}
.btn-more1{
    display: inline-block;
    width: 192px;
    height: 47px;
    font-size: 20px;
    color: white!important;
    line-height: 47px;
    background: url(/public/img/home/join/bg_frame.png) no-repeat;
    text-align: center;
}


.section1 .items{
    width: 100%;
    background-color: #efefef;
    text-align: center;
    padding: 60px 0;
}
.section1 .items .container{
    display: inline-block;
    padding: 0;
    overflow: hidden;
}
.section1 .items li{
    position: relative;
    width: 320px;
    margin-left: 20px;
    float: left;
    z-index: 2;
    color: white;
}
.section1 .items li .box{
    position: absolute;
    width: 100%;
    text-align: center;
    top: 35px;
    font-size: 24px;
}
.section1 .items li .hide-box{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 108px 33px 0;
}
.section1 .items li .hide-box .title{
    font-size: 24px;
    margin-bottom: 30px;
}
.section1 .items .coverbox{
    position: relative;
}

.section1 .items .coverbox .cover{
    background: #01514b;
    background: rgba(1,81,75,.8);
    filter: alpha(opacity=80);
}

.section1 .items li p{
    text-align: left;
    font-size: 15px;
}
.section1 .items li img{
    position: relative;
    width: 100%;
    left: 0;
    top: 0;
    z-index: -1;
}