body.no-scroll {
  overflow: hidden;
}
.banner{margin-top: 56px;height:800px;overflow:hidden; background: url("../images/banner.jpg?v=20240305") center top no-repeat;}
.banner a{display: block;height: 800px;}
.public-zhds {margin-top:50px;margin-bottom:50px;}
.public-zhds .en{font-size: 70px;text-align: center;font-family: 'Arial'; font-weight: bold;color: #1f1c1c;}
.public-zhds .cn{font-size: 30px;font-weight: normal;text-align: center;color:#5fc0bf;}

.docm{height: 100%;overflow: hidden;}
.docm .public-zhd{margin-bottom: 10px;}
.docm .doc-select{position: absolute; z-index: 2; right: 0;top: 50%;margin: -19px 0 0 0;}
.docm .doc-select a{float: left;width: 90px;height: 38px;line-height: 38px;text-align: center;font-size: 16px;color: #333;background: #eee; transition: all ease .5s;}
.docm .doc-select a.on,
.docm .doc-select a:hover{color: #fff;background: #4cbbb4;}
.doc-wrap{position: relative;height: 100%;overflow: hidden;}
.doc-tab{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-khtml-user-select:none;user-select:none;}
.doc-tab .hd{position: relative;width: 1340px;padding:0 0 3px;margin-left:100px;font-size: 0;line-height: 0;text-align: 
left; animation-duration: .5s;}
.doc-tab .hd a{display: inline-block;*display:inline;*zoom:1;width: 268px;height: 50px;font-size: 18px;color: #333;line-height: 50px;}
.doc-tab .hd .line{position: absolute;left: 0;bottom: 55px;width: 72px;height: 3px;background: #4cbbb4;}
.doc-tab .slider{animation-duration: .5s;}
.doc-tab .slider-bd{height: 100%;overflow: hidden;margin: 0 0 20px;}
.doc-tab .slider-bd ul{overflow: hidden;}
.doc-tab .slider-bd li{float: left;width: 320px;margin:0 10px 0 0;text-align: center;cursor: pointer;}
.doc-tab .slider-bd li .item{width: 320px;height: 380px;margin: 0 0 108px;}
.doc-tab .slider-bd li .avatar{display: block;position: relative;width: 320px;height: 380px;margin: 60px auto 15px;overflow: hidden;-webkit-transition: all ease .5s;-moz-transition: all ease .5s;-ms-transition: all ease .5s;transition: all ease .5s;}


.doc-tab .slider-bd li .avatar img{display: block;/*width: 320px;*/height: 380px; -webkit-transition: all ease .5s;-moz-transition: all ease .5s;-ms-transition: all ease .5s;transition: all ease .5s;}

.doc-tab .slider-bd li p{font-size: 22px;line-height: 30px;}
.doc-tab .slider-bd li a:hover{color: #333333;}
.doc-tab .slider-bd li .zhichen{padding: 0 0 0 10px;}
.doc-tab .slider .slider-ctrl{margin-top: 0;}
.doc-wrap .loader{position: absolute; left: 50%; top: 50%; padding: 20px; background: #fff;background: rgba(255,255,255,0.7); border: 1px solid #fff; border-radius: 3px;}
.doc-wrap .loader img{display: block;width: 16px;height: 16px;margin: 0 auto 10px;}
.doc-wrap .loader p{font-size: 14px;line-height: 20px; text-align: center;}

.doc-wrap{margin-right:auto;margin-left:auto;zoom:1;}
.doc-wrap:before,.doc-wrap:after{display:table;line-height:0;content:"";}
.doc-wrap:after{clear:both;}

.slider-ctrl{width: 71px;margin: 30px auto 0;}
.slider-ctrl span{float: left;width: 35px;height: 30px;margin:0 1px 0 0;background: url("../images/slider-ctrl.gif"); cursor: pointer;}
.slider-ctrl span.slider-next{margin: 0; background-position: right top;}
.slider-ctrl span:hover{background-position: left bottom;}
.slider-ctrl span.slider-next:hover{background-position: right bottom;}


.doc-tab .slider-bd li .item:hover .mask{
	display:block;
}
.doc-tab .slider-bd li .avatar .mask{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #00000080;
    padding-top: 40%;
    box-sizing: border-box;
    display: none;
}

.doc-tab .slider-bd li .avatar .mask p{
    width: 100%;
    text-align: center;
    color: #fff;
    margin-top: 15px;
}
.doc-tab .slider-bd li .avatar .mask img{
    width: 28px;
    height: 28px;
    display: block;
    margin: auto;
}


.doc-tab .slider-bd li .avatar .hidden{position:fixed;top:0;left:0;width:100%;background-color:#00000080;display:none;color:#a0a2a3;z-index:99;margin:auto;overscroll-behavior:contain}
.doc-tab .slider-bd li .avatar .hidden .hidden_flex{display:flex;width:1300px;height:672px;margin:10% auto auto}
.doc-tab .slider-bd li .avatar .hidden .hidden_flex .leftImg{flex:1}
.doc-tab .slider-bd li .avatar .hidden .hidden_flex .rightIntro{flex:1;background-color:#fff;position:relative}
.doc-tab .slider-bd li .avatar .hidden .hidden_flex .leftImg img{width:100%;height: 100%;}
.doc-tab .slider-bd li .avatar .hidden .hidden_flex .rightIntro{padding:0 50px}
.doc-tab .slider-bd li .avatar .hidden .hidden_flex .rightIntro p{margin-top:50px}
.doc-tab .slider-bd li .avatar .hidden .hidden_flex .rightIntro p:first-child~p{margin-top:10px;font-size: 16px;line-height: 30px;
text-align: left;}
.doc-tab .slider-bd li .avatar .hidden .hidden_flex .rightIntro p:first-child~p img{display:block;width:32px;height: 32px;}
.doc-tab .slider-bd li .avatar .hidden .hidden_flex .rightIntro hr{margin-top:30px;margin-bottom:30px;color:#eee}
.doc-tab .slider-bd li .avatar .hidden .hidden_flex .rightIntro p:last-child{position:absolute;right:20px;top:10px;cursor:pointer}
.doc-tab .slider-bd li .avatar .hidden .hidden_flex .rightIntro .main_list_content{margin-top:30px}
.doc-tab .slider-bd li .avatar .area{float:right}
.doc-tab .slider-bd li .avatar .area span{display:inline-block;padding:10px 20px;font-size:12px;color:#aaa;border-radius:15px;cursor:pointer}
.doc-tab .slider-bd li .avatar .addAactiveClass{background-color:#eee;color:#fff}
.doc-tab .slider-bd li .avatar .close_img{width:20px;height:20px}
.doc-tab .slider-bd li .avatar .close_img img{display:block;width:100%;height:100%}