﻿.site_banner{position: relative;padding:150px 0;box-sizing:border-box;}
.site_banner_text{color: #fff;position: relative;z-index: 2;}
.site_banner_text h1{margin-bottom: 30px;width: 144px;}
.site_banner_text h1 img,.site_banner_text h2 img{max-width: 100%;}
.site_banner_text h2{width: 680px; margin-bottom: 60px;}
.site_banner_text h2 span{ display:block; font-size:60px; color:#fff; margin-bottom:10px;}
.banner_p {width: 1000px;max-width: 100%;}

.blank_50{position: absolute;top:0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.5);}




.heritage_03{padding: 125px 0 140px 0;background:#dae7e3 url(../images/w_bg_02.jpg) no-repeat;background-size: cover;}
.pub_tile{text-align:center;margin-bottom: 60px;color: #005548;}
.pub_tile h3{display: inline-block;padding:0 115px;position: relative;}
.pub_tile span{position: absolute;left:0;height: 19px;top:50%;margin-top: -10px;width: 85px;}
.pub_tile i{width: 68px;height: 1px;background: #578f86;position: absolute;top:50%;left: 0;}
.pub_tile span img{position: absolute;top:0;right: 0;}
.pub_tile .span_02 {left: auto;right: 0;}
.pub_tile .span_02 i{left: auto;right: 0;}
.pub_tile .span_02 img{right: auto;left: 0;}

.picture_list{overflow: hidden;}
.picture_list ul{overflow: hidden;margin: 0 -10px;}
.picture_list li{float: left;width: 33.33%;margin-bottom: 20px;}
.picture_img{margin: 0 10px;}


.heritage_04 .heritage_03{background:#dae7e3 url(../images/w_bg_03.jpg) no-repeat;background-size: cover;}


.heritage_02{background:#006b5c url(../images/w_bg_01.jpg) no-repeat;background-size: cover;padding: 115px 0 95px 0;}

.slide_hide{display: none;}
.his_w{background: url(../images/w_bg.png) no-repeat center center;background-size: 100%;position: relative;}
.slide_con{position: relative;color: #fff;height: 675px;color: #f7dfb9;}
.history_line{position: absolute;left: 0;top:50%;width: 100%;height: 1px;background: #b1bd97;}
.slide_con .swiper-container{height: 100%;}
.slidebox{padding: 0 30px;height: 100%;margin: 0 1px;}
.his_block{width: 58%;width: 335px; height: 50%;box-sizing:border-box;position: relative;}
.his_block dl{border: 1px solid #c8c8a6;height: 200px;box-sizing:border-box;padding: 25px;cursor: pointer;}
.his_block dt{margin-bottom: 10px;}

.his_yearbox{position: absolute;left: 1px;bottom: 0;width: 100%;height: calc(100% - 200px);}
.his_yearbox .his_line{width: 10px;height: 10px;background: #f7deb7;border-radius: 50%;position: absolute;left: 50%;bottom: -5px;margin-left: -5px;}
.his_line02{position: absolute;left: 50%;top: 0;height: 170px;width: 1px;background: #f7deb6;}
.his_year{position:absolute;left: 0;width: 100%;text-align: center;top:calc(100% + 40px);}

.his_block:nth-child(2){position: absolute;right: 1px;bottom: 0;}
.his_block:nth-child(2) .his_yearbox{bottom: auto;top:0;}
.his_block:nth-child(2) dl{position: absolute;left: 0;bottom: 0;width: 100%;box-sizing:border-box;}
.his_block:nth-child(2) .his_yearbox .his_line{bottom: auto;top: -5px;}
.his_block:nth-child(2) .his_line02{top:auto;bottom: 0;}
.his_block:nth-child(2) .his_year{top:auto;bottom:calc(100% + 40px);}

.his_but{display: none;}
.his_but>div{width: 45px;height: 45px;margin-top: -22px; background:#9d1801 url(../images/arrow_right.png) no-repeat center center;border-radius: 50%;}
.his_but>div.swiper-button-prev{left: -105px; background:#9d1801 url(../images/arrow_left.png) no-repeat center center;}
.his_but>div.swiper-button-next{right: -105px; }

.his_w .wrap{position: relative;z-index: 2;}
.his_block p{height: 96px;overflow: hidden;-webkit-line-clamp: 4;}

.blank_90,.his_tac{display: none;}
.blank_90{position: fixed;top:0;left: 0;width: 100%;height: 100%;background: rgba(0,38,31,0.9);z-index: 9999;}
.his_tac{transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%); position:fixed; left:50%; top:50%;z-index: 99991;width: 100%;}

.his_slder{position: relative;padding: 45px 0 75px 0;overflow: hidden;}
.his_le,.his_re{position: relative;z-index: 3;}
.his_le{width: 69.5%;float: left;}
.his_re{width: 30.5%;float: right;color: #f7dfb9;padding-top: 10%;}
.his_re_box h1{margin-bottom: 20px;}
.his_re_box{padding: 0 60px;padding-right: 80px;}
.his_bg{position: absolute;top:0;right: 0;width: 72.6%;height: 100%;background: url(../images/his_imgbg.jpg) no-repeat center center;background-size: cover;}
.his_scoll{height: 240px;overflow: hidden;}

.his_but02>div{width: 60px;height: 60px;margin-top: -30px;}
.his_but02>div.swiper-button-prev{left: 0;background: url(../images/arrow_left02.png) no-repeat center center;}
.his_but02>div.swiper-button-next{right: 0;background: url(../images/arrow_right02.png) no-repeat center center;}
.his_close{position: absolute;top:0;right:20px;cursor: pointer;}
.his_close img{width: 34px;}

.fancybox-button--zoom,.fancybox-button--thumbs{display: none !important;}
.his_close01{display: none;}

@media only screen and (max-width:1600px) {
.his_but>div.swiper-button-prev{left: -60px;}
.his_but>div.swiper-button-next{right: -60px; }
.site_banner_text h2 span{font-size:50px;}

}
@media only screen and (max-width:1440px) {
.his_but>div.swiper-button-prev{left: 0px;}
.his_but>div.swiper-button-next{right: 0px; }
.slide_con{height: 600px;}
.his_line02{height: 120px;}
.his_block:nth-child(2) .his_year{bottom: calc(100% + 20px);}

.site_banner_text h2{margin-bottom: 40px;width: 560px;}
.site_banner{padding: 100px 0;}
.heritage_03{padding: 100px 0;}
.pub_tile{margin-bottom: 40px;}

.his_re_box{padding: 0 40px;}
.his_re{padding-top: 6%;}
.site_banner_text h2 span{font-size:40px;}
}

@media only screen and (max-width:1024px) {
.heritage_02,.site_banner,.heritage_03{padding: 70px 0;}
.his_block{width: 270px;}
.site_banner_text h1{width: 120px;}
.site_banner_text h2{width: 350px;}
.his_re_box{padding: 0 20px;}
.his_re{padding-top: 4%;}
.his_re_box h1{margin-bottom: 10px;}
.his_scoll{height: 192px;}
.his_slder{padding: 30px 0 50px 0;}
.his_le{width: 65%;}
.his_re{width: 35%;}
.his_close img{width: 30px;}
.site_banner_text h2 span{font-size:30px;}
}
@media only screen and (max-width:767px) {
.heritage_02,.site_banner{padding: 40px 0;}
.his_yearbox{display: none;}
.slide_con{height: auto;}
.history_line{display: none;}
.his_block{width: 100%;}
.his_but>div{width: 36px;height: 36px;margin-top: -18px;}
.slidebox{padding: 0 40px;}
.his_block dl{padding: 20px;height: auto;}
.site_banner_text h2{width: 320px;max-width: 100%;margin-bottom: 20px;}
.site_banner_text h1{margin-bottom: 20px;width: 100px;}
.site_banner_text h2 span{font-size:24px;}
.heritage_03{padding: 40px 0;padding-bottom: 30px;}
.pub_tile{margin-bottom: 20px;}
.picture_list li{width: 50%;margin-bottom: 10px;}
.picture_img{margin: 0 5px;}
.picture_list ul{margin: 0 -5px;}
.his_le,.his_re{float: none;width: 100%;}
.his_bg{width: 100%;display: none;}
.his_slder{padding: 0;padding-bottom: 0px;}
.his_scoll{height: auto;max-height: 120px;}
.his_but02>div{width: 40px;height: 40px;margin-top: -20px;background-size: 20px !important;}

.his_close{display: none;z-index: 99;}
.his_close01{display: block;right: 10px;top:10px;}
.his_close img{width: 24px;}
.his_re{padding: 20px 0;background: url(../images/his_imgbg.jpg) no-repeat center center;
    background-size: cover;}
}



.blank_80,.immaterial_tac{display: none;}
.blank_80{position: fixed;top:0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.8);z-index: 9999;}
.immaterial_tac{transform: translate(-50%,0); -webkit-transform: translate(-50%,0);-ms-transform: translate(-50%,0);-moz-transform: translate(-50%,0);-o-transform: translate(-50%,0); position:absolute; left:50%; top:0;
	z-index: 99991;width: 100%;}
.immaterial_tac .his_le{float: none;width: 100%;}
.immaterial_tac .his_slder{margin:0 50px;padding: 0;}

.immaterial_text{color: #f7e1be;margin-bottom: 40px;padding: 0 50px}
.immaterial_top,.immaterial_bottom{text-align: center;}
.h_icon{margin: 20px 0;}
.his_but03>div{width: 72px;height: 72px;margin-top: -36px;}
.his_but03>div.swiper-button-prev{left: 0;background:rgba(0,0,0,0.5) url(../images/arrow_left03.png) no-repeat center center;}
.his_but03>div.swiper-button-next{right: 0;background:rgba(0,0,0,0.5) url(../images/arrow_right03.png) no-repeat center center;}
.his_close03{display: block;top:0;right: 0;}


.immaterial_01{overflow: hidden; padding: 170px 0 180px 0; background: url(../images/f_img_bg00.jpg) no-repeat  center 0;background-size: cover;}
.immaterial_01 .left{float: right;width: 32%;}
.immaterial_01 .right{float: left;width: 60%;}
.immaterial_01 .left li{margin-bottom: 20px;cursor: pointer;}
.immaterial_01 .left li img{width: 100%;}

.immaterial_title{margin-bottom: 20px;}
.immaterial_title h1{margin-bottom: 20px;color: #62472b;}
.title_img{width:423px;max-width: 100%;}
.title_img img{width: 100%;}
.edit_immaterial .edit_con_original{color: #62472b;}

.immaterial_02>img{width: 100%;}
.immaterial_02{position: relative;}
.immaterial_title_t{position: absolute;top:11%;left: 0;width: 100%;}

.immaterial_03{overflow: hidden; padding: 105px 0 115px 0; background: url(../images/f_img_bg01.jpg) no-repeat  center 0;background-size: cover;}
.f_flow{text-align: center;padding-top: 30px;}
.f_flow img{max-width: 100%;}

.f_flowimg{text-align: center;}
.f_flowimg img{max-width: 100%;}


.immaterial_04{overflow: hidden; padding: 110px 0; background: url(../images/f_img_bg02.jpg) no-repeat  center 0;background-size: cover;}
.immaterial_05{padding: 110px 0 60px 0;}
.immaterial_c{padding-top: 50px;}

.immaterial_c .his_but03,.immaterial_c .swiper-pagination{display: none;}
.immaterial_c .swiper-scrollbar{opacity: 1 !important;height:12px;width:100%;background:#eae6e0 !important;    margin-top: 60px;}
.immaterial_c .swiper-scrollbar-drag{background:#593c1d !important;}


.team_list{padding: 0 30px;}
.team_list ul{overflow: hidden;margin: 0 -15px;}
.team_list li{float: left;width: 33.33%;}
.team_list dl{margin:0 15px;position: relative;cursor: pointer;}
.team_list dd{position: absolute;left: 0;bottom: 0;width: 100%;height: 100%;background: url(../images/team_bg.png) no-repeat center center;background-size: 100% 100%;}
.team_list dd h3{position: absolute;left: 0;width: 100%;bottom:30px;box-sizing:border-box;padding: 0 20px;text-align: center;color: #fff;}

.team_tac{overflow: hidden;position: relative;padding-bottom: 50px;}
.team_tac .left{width: 38%;float: left;}
.team_tac .left li img{width: 100%;}
.team_tac .left li{margin-bottom: 20px;}
.team_tac .right{width: 58.5%;float: right;box-sizing:border-box;color: #f7e1be;}
.edit_team .edit_con_original{color: #f7e1be;}
.team_text{padding-right: 80px;}
.team_text>h1{margin-bottom: 30px;}

.team_tac .his_close03{right: 55px;}


@media only screen and (max-width:1440px) {
.immaterial_01,.immaterial_03,.immaterial_04{padding: 100px 0;}
.immaterial_05{padding: 100px 0 60px 0;}
.immaterial_title_t{top:8%;}
.immaterial_c{padding-top: 30px;}
.title_img{width: 400px;}
.team_list{padding: 0;}
.team_text{padding-right: 30px;}
.team_tac .his_close03{right: 0px;}
}

@media only screen and (max-width:1366px) {
.immaterial_01,.immaterial_03,.immaterial_04,.immaterial_05{padding: 70px 0;}

}

@media only screen and (max-width:1024px) {
.immaterial_01,.immaterial_03,.immaterial_04,.immaterial_05{padding: 50px 0;}
.immaterial_title h1{margin-bottom: 10px;}
.title_img{width: 350px;}
.f_flow,.immaterial_c{padding-top: 0;}
.immaterial_c .swiper-scrollbar{margin-top: 40px;height: 6px;}
.team_list ul{margin: 0 -10px;}
.team_list dl{margin:0 10px;}
.team_list dd h3{padding: 0 10px;bottom: 20px;}
.team_text>h1{margin-bottom:20px;}
.team_text{padding-right: 0;}
}

@media only screen and (max-width:767px) {
.immaterial_01,.immaterial_03,.immaterial_04,.immaterial_05{padding: 30px 0;}
.immaterial_01 .left,.immaterial_01 .right{float: none;width: 100%;}
.immaterial_title{margin-bottom: 10px;}
.title_img{width: 280px;}
.immaterial_title_t{position: static;}
.immaterial_02{padding-top: 30px;}
.immaterial_c .swiper-scrollbar{margin-top: 20px;}
.team_list ul{margin: 0 -5px;}
.team_list dl{margin:0 5px;}
.team_list dd h3{bottom: 10px;}
.team_tac .left,.team_tac .right{float: none;width: 100%;}
.team_text>h1{margin-bottom: 10px;}
.team_tac{overflow:inherit;}
.team_tac .his_close03{top:-30px;}
}



.immaterial_box ul{white-space: nowrap;}
.immaterial_box ul li img{width: 100%;}
.immaterial_box ul li{width: 589px;margin-right: 20px; display: inline-block;}
.immaterial_box ul li:last-child{margin-right: 0;}


/*滚动条*/
.mCSB_scrollTools .mCSB_draggerRail {
    width: 8px;
    background: #eae6e0;

}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{
    height: 12px;
    margin: 0 auto;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 8px;
    min-height: 100px;
    -webkit-border-radius: 0;
    border-radius: 0;
    background: #593c1d ;border-radius: 10px;
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag:hover .mCSB_dragger_bar{
	background: #593c1d !important;
}


.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height: 12px;margin: 0;min-height: auto;width: 250px;}
.mCSB_scrollTools.mCSB_scrollTools_horizontal{transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    position: absolute;
    left: 50%;
    }
.mCSB_scrollTools .mCSB_draggerRail{border-radius: 0;}
.mCSB_horizontal.mCSB_inside>.mCSB_container{margin-bottom: 50px;}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{width: 250px;}


@media only screen and (max-width:1440px) {
.immaterial_box ul li{width: 400px;}
}
@media only screen and (max-width:1024px) {
.immaterial_box ul li{width: 320px;}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{}
}
@media only screen and (max-width:767px) {
.immaterial_box ul li{width: 200px;}
}






@media only screen and (max-width: 1320px) {
    .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCSB_scrollTools.mCSB_scrollTools_horizontal{width: 94%;height: 8px;}
    .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height: 8px;}
}

















