.w-1360{
    width: 1360px;
    margin: 0 auto;
    position: relative;
}
.w-1360-left38{
    width: 1360px;
    margin: 0 auto;
    position: relative;
    padding-left: 38px;
    box-sizing: border-box;
}
.staff-wrap{
    width: 100%;
    margin-top: 64px;
   margin-bottom: 120px;

}
.staff-wrap .staff-top{
    width: 100%;
    position: relative;
    margin-bottom: 22px;
    
}
.staff-wrap .staff-top .staff-left{
z-index: 100;
}
.staff-wrap .staff-top .staff-left .staff-cap{
    width: 224px;
	height: 78px;
    background-image: url('http://101.35.18.18:8777/shangao_pc_static/assets/images/staff-1.png');
    background-size: 100% 100%;
    position: relative;
    margin-bottom: 40px;
    margin-top: 26px;

}
.staff-wrap .staff-top .staff-left .staff-cap span{
    font-size: 24px;
	line-height: 32px;
	letter-spacing: 0px;
	color: #333333;
    position: absolute;
    top: 25px;
    left: 82px;
}
.staff-wrap .staff-top .staff-left .staff-grjj-motto{
    width: 696px;
	height: 482px;
    background-image: url('http://101.35.18.18:8777/shangao_pc_static/assets/images/staff-02.png');
    background-size: 100% 100%;
    position: relative;
}
.staff-wrap .staff-top .staff-left .staff-grjj-motto .staff-postion{
    position: absolute;
    width: 512px;
    left: 82px;
    top: 102px;
}

.staff-wrap .staff-top .staff-left .staff-grjj-motto .staff-motto-tags{
    width: 512px;
    border-bottom:1px solid #EDEDED;
    padding-bottom: 24px;
    margin-bottom: 22px;
}

.staff-wrap .staff-top .staff-left .staff-grjj-motto .staff-motto-tags .staff-motto{
    font-size: 20px;
    font-weight: bold;
    color: #333333;
    margin-bottom: 22px;
   
}
.staff-wrap .staff-top .staff-left .staff-grjj-motto .staff-motto-tags  .staff-tags .tag{
    width: 120px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    background: #FFFFFF;
    border: 1px solid #F8B328;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 400;
    color: #F39801;
}
.staff-wrap .staff-top .staff-left .staff-grjj-motto .staff-motto-tags  .staff-tags .tag:nth-of-type(2){
    margin: 0 8px;
}

.staff-wrap .staff-top .staff-left .staff-grjj-motto .staff-grjj .staff-name{
    font-size: 24px;
	line-height: 32px;
	color: #333333;
    margin-bottom: 24px;
    display: block;
}
.staff-wrap .staff-top .staff-left .staff-grjj-motto .staff-grjj .grjj{
    font-size: 14px;
	line-height: 24px;
	letter-spacing: 1px;
	color: #666666;
    white-space: pre-line;
}

.staff-wrap .staff-top .staff-right{
    position: relative;
    left: -50px;
}
.staff-wrap .staff-top .staff-right .staff-personalImg{
    width: 712px;
	height: 310px;
    border-radius: 32px;
    overflow: hidden;
    background: saddlebrown;
}
.staff-wrap .staff-top .staff-right .staff-list{
    position: relative;
    margin-top: 44px;
    padding: 0 40px;
    z-index: 101;
}
.staff-wrap .staff-top .staff-right .staff-list .uni-about-lis li{
    margin: 0 20px;
}

.staff-wrap .staff-top .staff-right .staff-list .uni-about-lis .img-box{
    width: 120px;
    height: 120px;
    border-radius: 50%;
    overflow: hidden;
}
.staff-wrap .staff-top .staff-right .staff-list .uni-about-lis .img-box.active{
    border: solid 4px #f8b328;  
    box-sizing: border-box;
}
.staff-wrap .staff-top .staff-right .staff-list .uni-about-lis .img-box:hover{
    border: solid 4px #f8b328;  
    box-sizing: border-box;
}

/* 滚动样式 */
.staff-wrap .staff-top .staff-right .uni-page-contain .uni-page {
    position: absolute;
    top: 40%;
    z-index: 9;
    width: 16px;
    height: 36px;
    background-color: rgba(0, 0, 0, 0.4);
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    border-radius: 6px;
    cursor: pointer; 
}
.staff-wrap .staff-top .staff-right .uni-page-contain .uni-prev-page {
    left: 10px;
    background-image: url("http://101.35.18.18:8777/shangao_pc_static/assets/images/page_prev.png");
    background-position: 5px center;
    background-repeat: no-repeat;
    background-size: auto; 
}


.staff-wrap .staff-top .staff-right .uni-page-contain .uni-next-page {
    right: 8px;
    background-image: url("http://101.35.18.18:8777/shangao_pc_static/assets/images/page_next.png");
    background-position: 6px center;
    background-repeat: no-repeat;
    background-size: auto; 
}

.staff-wrap .staff-bottom{
    margin: 0 auto;
    width: 1246px;
    height: 314px;
    background-color: #ffffff;
    box-shadow: 0px 0px 60px 0px 
        rgba(202, 202, 202, 0.25);
    border-radius: 10px;
    padding: 32px;
    box-sizing: border-box;
    position: relative;
}
.staff-wrap .staff-bottom .staff-content{
    font-size: 16px;
    line-height: 30px;
    letter-spacing: 2px;
    color: #666666;
    white-space: pre-line;
}
.staff-wrap .staff-bottom .company-box{
    position: absolute;
    right: 32px;
    bottom: 32px;
    font-size: 16px;
    color: #666666;
}
/* ------------------------------------------------------------------------------ */
.w100-banner{
    width: 100%;
    min-width: 1360px;
    height: 900px;
}

/* ------------------------------------------------------------------------------ */
.menu-tab-wrap{
    border-bottom:2px solid #c29c5b;
    width: 598px;
    margin: 0 auto;
    margin-top: 120px;
    margin-bottom: 30px;
}
.menu-tab-wrap .hide-code{
    display: none;
}

.menu-tab-wrap .tab-cap{
    width: 194px;
	height: 42px;
	background-color: #ffffff;
	border: solid 1px #ececec;
    text-align: center;
    line-height: 42px;
    font-size: 16px;
	letter-spacing: 0px;
	color: #c19d5e;
    cursor: pointer;

}
.menu-tab-wrap .tab-cap.active{
    background-color: #c29c5b;
    color: #ffffff;
}
.menu-tab-wrap .tab-cap:hover{
    background-color: #c29c5b;
    color: #ffffff;
}
.menu-tab-wrap .tab-cap:nth-of-type(2){
    margin: 0 8px;
}

.menu-panel-wrap{
    display: none;

    /*background: salmon;*/
}
.menu-panel-wrap.active{
    display:block;
}


.panel-wrap{
    width: 1360px;
    position: relative;
    padding-left: 38px;
    box-sizing: border-box;
    margin-bottom: 120px;
}
.panel-wrap .first-news-wrap{
    width: 100%;
    position: relative;
    height: 592px;
    margin-bottom: 76px;
}
.panel-wrap .first-news-wrap .contet-wrap{
    position: relative;
    z-index: 99;
    margin-top: 96px;
}
.panel-wrap .first-news-wrap .contet-wrap .contet-desc{
    width: 640px;
	height: 370px;
	background-color: #6c4a0a;
    padding: 50px;
    box-sizing: border-box;
}
.panel-wrap .first-news-wrap .contet-wrap .contet-desc .content-title::before{
    content:'';
    width: 38px;
	height: 4px;
    display: block;
	background-color: #ffffff;
    position: absolute;
    top: 0;

}
.panel-wrap .first-news-wrap .contet-wrap .contet-desc .content-title{
    font-size: 16px;
	line-height: 30px;
	letter-spacing: 2px;
	color: #ffffff;
    padding-top: 20px;
    margin-bottom: 24px;
    position: relative;
    display: block;
}
.panel-wrap .first-news-wrap .contet-wrap .contet-desc .content{
    font-size: 14px;
	line-height: 24px;
	letter-spacing: 1px;
	color: #ffffff;
}
.panel-wrap  .time-box{
    width: 60px;
	height: 60px;
	background-color: #d90c33;
    position: absolute;
    top: -32px;
    left: -28px;
    padding: 10px 4px;
    color: #FFFFFF;
}
.panel-wrap  .time-box .date{
    font-size: 16px;
    text-align: center;
    padding-bottom: 4px;
}
.panel-wrap  .time-box  .year-month::before{
    content:'';
    width: 52px;
	height: 1px;
    display: block;
	background-color: #ffffff;
    position: absolute;
    top: 0;
   
}
.panel-wrap  .time-box  .year-month{
    text-align: center;
    font-size: 12px;
    position: relative;
    padding-top: 4px;
}
.panel-wrap .first-news-wrap .img-wrap{
    position: relative;
    left: -92px;
}
.panel-wrap .first-news-wrap .img-wrap .first-newsbg{
    width: 774px;
    height: 543px;
    background-image: url("http://101.35.18.18:8777/shangao_pc_static/assets/images/staff-03.png");
    background-size: 100% 100%;
}
.panel-wrap .first-news-wrap .img-wrap .first-newsbg .img-wrap-cap{
    padding-top: 30px;
    margin-left: 186px;

}
.panel-wrap .first-news-wrap .img-wrap .first-newsbg .img-wrap-cap .en-cap{
    font-size: 30px;
    color: #de9607;
    font-weight: bold;
    margin-bottom: 10px;
}
.panel-wrap .first-news-wrap .img-wrap .first-newsbg .img-wrap-cap .cn-cap{
    font-size: 26px;
    color: #b6b6b6;
    font-weight: bold;
}



.panel-wrap .first-news-wrap .img-wrap .first-img{
    width: 630px;
    height: 392px;
    position: absolute;
    bottom: 0px;
    right: 0px;
}

.panel-wrap  .news-list-wrap .news-item{
    position: relative;
    width: 100%;
    margin-bottom: 94px;
}

.panel-wrap  .news-list-wrap .news-item .news-cover{
	height: 144px;
    flex: 0 0 382px;
    margin-right: 30px;
    position: relative;
   
}
.panel-wrap  .news-list-wrap .news-item .news-desc-box{
    border-top: 1px solid #ededed;
    border-bottom: 1px solid #ededed;
    padding: 16px 0px;
    box-sizing: border-box;
    height: 144px;
    flex: 1 auto;
}
.panel-wrap  .news-list-wrap .news-item .news-desc-box .news-title{
    font-size: 16px;
	letter-spacing: 2px;
	color: #333333;
}
.panel-wrap  .news-list-wrap .news-item .news-desc-box .news-content{
    margin: 16px 0px  14px 0px;
    font-size: 14px;
	line-height: 24px;
	letter-spacing: 1px;
	color: #666666;
}
.panel-wrap  .news-list-wrap .news-item .news-desc-box .news-show-detail{
    font-size: 14px;
	line-height: 28px;
	letter-spacing: 1px;
	color: #333333;
    text-decoration: none;
    cursor: pointer;
}
.panel-wrap  .news-list-wrap .news-item .news-desc-box .news-show-detail:hover{
    color: #c29c5b;
    text-decoration:underline;
}
.panel-wrap .page-box .item{
    width: 44px;
    height: 34px;
    background-color: #2f2f2f;
    border: 1px solid #2f2f2f;
    font-size: 14px;
    color: #e1e1e1;
    margin: 0 6px;
}
.panel-wrap .page-box .item.active{
    color: #656565;
    background-color: #fff;
    border-color: #dcdcdc;
}
.w100-title{
    width: 100%;
    min-width: 1360px;
    height: 168px;

}
.video-wrap {
    margin-bottom: 120px;
}
.video-wrap .active-video-box{
    width: 100%;
    height: 580px;
    padding: 20px;
    box-sizing: border-box;
    margin-top: 60px;
    background-color: black;
}
.video-wrap .active-video-box .video-sec video{
    width: 980px;
    height: 520px;
    float: left;
    box-shadow: 0 0 2px white;
}
.video-wrap .active-video-box .video-sec .right{
    /*background: #00bd74;*/
    float: right;
    width: 240px;
    height: 450px;
    overflow: hidden;
    padding: 40px 0;
    box-sizing: content-box;
    position: relative;
}
.video-wrap .active-video-box .video-sec .right .swiper-container {
    height: 100%;
}
.video-wrap .active-video-box .video-sec .right .swiper-container img {
    display: block;
    width: 100%;
    height: 110px;
}

.video-wrap .active-video-box .video-sec .right .video-swiper-prev ,.video-wrap .active-video-box .video-sec .right  .video-swiper-next{

    position: absolute;
    right: 0;
    left: 0;
    width: 60px;
    height: 40px;
    margin: auto;
    background: url('http://101.35.18.18:8777/shangao_pc_static/assets/images/staff-arrow-down.png') center/contain no-repeat;
}
.video-wrap .active-video-box .video-sec .right .video-swiper-prev {
    top: 0;
    z-index: 66;
    background: url('http://101.35.18.18:8777/shangao_pc_static/assets/images/staff-arrow-up.png') center/contain no-repeat;
}
.video-wrap .active-video-box .video-sec .right .video-swiper-next {
    bottom: 0;
}


.image-wrap{
    margin-bottom: 120px;
    min-width: 1360px;
}
.image-wrap .horizontal-waterfull{
    /* max-height: 626px; */
    width: 100%;
    margin-top: 66px;
    margin-bottom: 120px;
    overflow: hidden;
}
.image-wrap .horizontal-waterfull .fleximage-item {
    float: left;
    margin: 0px 2px;
    position: relative;
    cursor: pointer;

}
.image-wrap .horizontal-waterfull .fleximage-item::after{
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgba(0, 0, 0, .5);
    top: 0;
    left: 0;

}
.image-wrap .horizontal-waterfull .fleximage-item:hover::after{
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    background: none;
    top: 0;
    left: 0;
}

.image-wrap .change{
    font-size: 16px;
    font-weight: 400;
    color: #666666;
    line-height: 30px;
    background-image: url('http://101.35.18.18:8777/shangao_pc_static/assets/images/staff-change.png');
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: left center;
    padding-left: 30px;
    margin: 0 auto;
    width: 100px;
    cursor: pointer;
}




/* ---------------------------------------- */

.message-wrap .w100-title{
    margin-bottom: 62px;
}
.message-wrap .textarea-input{
    margin-top: 62px;
}
.message-wrap .textarea-input .textarea-cap{
    font-size: 14px;
    color: #2f2f2f;
    font-weight: bold;
    margin-bottom: 32px;
}
.message-wrap .textarea-input textarea{
    width: 100%;
    height: 134px;
    background: #e7e6e4;
    border: 1px solid #d7d6d4;
    margin-bottom: 34px;
    text-indent: 20px;
    padding: 24px 0;
}
.message-wrap .textarea-input .send-message{
    width: 120px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    background: #cb393a;
    color: #fff;
    font-size: 14px;
    margin: 0 auto;
    border-radius: 6px;
    margin-bottom: 64px;
    cursor: pointer;
}
.message-wrap .message-list .message-item{
    margin-bottom: 36px;
}
.message-wrap .message-list .message-item .message-cover{
    height: 118px;
    width: 118px;
    flex: 0 0 118px;
    border: 1px solid #b0b0b0;
    margin-right: 44px;
}
.message-wrap .message-list .message-item .message-content{
    border-top: 1px solid #ededed;
    border-bottom: 1px solid #ededed;
    padding: 16px 0px;
    flex: 1;

}
.message-wrap .message-list .message-item .message-content .text{
    font-size: 14px;
    color: #666666;
    line-height: 1.5;
}