#sub-banner{margin-top: 80px;text-align:center;}
#sub-banner a.photo img{width:auto;}
.weap{margin-bottom:25px;}
header{
    background: white;
}
.pageBar{margin-bottom:25px;padding:10px 0;/* background: #f9f9f9; */}
.pageBar .h2{font-weight:bold;font-size: 33px;display: flex;flex-direction: column;align-items: center;padding: 8px 0;}
.pageBar .h2 ,
.pageBar .waylink{color:#555;}
.pageBar .waylink{text-align:right;}
.pageBar .waylink a{vertical-align:top;color:#555;}
.pageBar .waylink strong{color:#2eb1a5;}
.pageBar .waylink ol{overflow:hidden;color:#555;font-size:12px;display:inline-block;}
.pageBar .waylink ol li{float:left;position:relative;padding-left:10px;margin-left:5px;font-size:14px;}
.pageBar .waylink ol li:first-child{padding-left:0;margin-left:0;}
.pageBar .waylink ol li a{color:#555;}
.pageBar .waylink ol li .h3{font-size:12px;font-weight:normal;}
.pageBar .waylink ol li:after{position:absolute;content:'>';left:0;top:0;color:#555;font-size:12px;}
.pageBar .waylink ol li:first-child:after{display:none;}
.pageBar .waylink ol li:last-child a{color: #c8a45d;font-weight: 400;}
aside{float:left;width: 20%;display: none;}
aside ul{overflow:hidden;}
aside .subMenu li{position:relative;padding:10px 0;border-bottom:1px #eee solid;}
aside .subMenu li a{overflow:hidden;height:23px;color:#777;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;}
aside .subMenu li.action ,
aside .subMenu li:hover{border-color:#2eb1a5;}
aside .subMenu li.action a ,
aside .subMenu li:hover a{color:#2eb1a5;}
aside .subMenu li a i.fa{position:absolute;right:10px;top:15px;display:none;color:#2eb1a5;}
aside .subMenu li.action a i.fa ,
aside .subMenu li:hover a i.fa{display:inline-block;}
aside .subMenu li .sub-category{margin:10px 15px;}
aside .subMenu li .sub-category li{padding:5px 15px;border-bottom:none;}
aside .subMenu li .sub-category li:hover ,
aside .subMenu li .sub-category li.action{background:#ddd;}
aside .subMenu li .sub-category li a:before{margin-right:5px;display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\f105";}
aside .Cate >li h3,
aside .Cate >li .subUL li .subULHead,
#contact-nav ul li{overflow:hidden;position:relative;border-bottom:1px solid #efefef;}
aside .Cate >li h3,
aside .Cate >li .subUL li .subULHead p{width:calc(100% - 25px);}
aside .Cate >li >h3{width:100%;}
aside .Cate >li h3 span{color:#777777;margin-right:8px;vertical-align:bottom;font-weight:bold;font-size:20px;}
aside .Cate >li h3 b,
aside .Cate >li .subUL li .subULHead b{color: #343041;font-weight:bold;font-size:20px;position:absolute;right:5px;top:calc(50% - 15px);cursor:pointer;width:40px;text-align:right;height:61px;line-height:61px;z-index:3;top:0;}
aside .Cate >li h3 a, aside .Cate >li .subUL li .subULHead p a ,aside .Cate >li .subUL li .sub2UL li .sub2ULHead p a ,#contact-nav ul li a{padding:15px 0;}
aside .Cate >li >h3 a{width:calc(100% - 40px);}
aside .Cate li a , #contact-nav ul li a{font-size:15px;display:block;color:#6e6e6e;transition:all linear 0.2s;}
aside .Cate li a:hover, aside .Cate li.action a, #contact-nav ul li a:hover{color: #c8a45d;}
aside .Cate li ul{overflow:hidden;display:none;}
aside .Cate li.action >ul{display:block;}
aside .Cate >li .subUL li .subULHead p a{padding-left:20px;color:#6e6e6e;}
aside .Cate >li .subUL li.action .subULHead p a{color:#292929;}
aside .Cate >li .subUL li .subULHead b{color:#d3d3d3;}
aside .Cate >li .subUL li .sub2UL li .sub2ULHead p a{padding-left:35px;border-bottom:1px solid #efefef;color:#6e6e6e;}
aside .Cate >li .subUL li .sub2UL li.action .sub2ULHead p a{background:#ededed;}
aside #contInfo,
aside #contact-extra{padding:15px;background:#e1eeed;border:1px #ddd solid;}
aside #contInfo ,
aside #ad-list ,
aside #Sfb-wrap,
aside #contact-extra{margin:20px 0;}
aside #Sfb-wrap{text-align:center;}
aside #contInfo h3,
aside #ad-list h3,
aside #contact-extra h3{overflow:hidden;position:relative;margin-bottom:10px;font-size:22px;color:#252626;}
aside #contInfo h3:after,
aside #contact-extra h3:after{position:absolute;margin-left:15px;width:100%;height:6px;background:url(/images/12/index/img-aboutTitBg.png);display:inline-block;bottom:9px;content:"";}
aside #contInfo ul li,
aside #contact-extra ul li{padding:10px;border-bottom:1px #777 solid;}
aside #contInfo ul li a,
aside #contact-extra ul li a{color:#777;}
aside #contInfo a.contact,
aside #contact-extra a.contact{margin-top:15px;padding:10px 20px;background:#2eb1a5;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;border-bottom:2px #258e84 solid;display:inline-block;font-weight:600;font-size:16px;color:#fff;}
aside #contInfo a.contact:hover{background:#3bc7bb;border-color:#3bc7bb;}
aside #ad-list ul li{overflow:hidden;margin:10px 0;border:1px #1b847e solid;}
#Sg-map iframe ,
#Sfb-wrap iframe ,
#Syoutube iframe{width:100%;}
.contentMain{/* float:right; */width: 100%;}
.contentMain .h2{
    font-size: 20px;
    padding: 10px;
    border-bottom: 1px dashed #bbb;
    margin-bottom: 30px;
}
.contentMain #pagenav a ,
.contentMain #pagenav strong{}
.contentMain #pagenav a:hover ,
.contentMain #pagenav strong{}
.weap #community{margin-top:50px;}
.weap #community ul{overflow:hidden;}
.weap #community ul li{float:left;line-height:0;margin:0 5px 5px 0;}
@media screen and (max-width:1024px){#sub-banner{margin-top: 80px;}
}

@media screen and (max-width:768px){
    
    .pageBar{padding-bottom:0;border-bottom:0;}
.pageBar section{width:100%;}
.pageBar .h2 ,
.pageBar .waylink{padding: 0 5%;width: 90%;display:block;}
.pageBar .h2{padding-bottom:10px;border-bottom:1px solid rgba(1,1,1,0.075);}
.pageBar .waylink{background:#fff;}
aside ,
.contentMain{float:none;width:100%;}
aside .subMenu li{margin:10px 5px;padding:10px;width:100px;display:inline-block;border:1px #eee solid;}
aside .subMenu li.action a i.fa ,
aside .subMenu li:hover a i.fa{display:none;}
aside .subMenu li .sub-category{position:absolute;margin:10px 0 0;background:#fff;box-shadow:0px 2px 8px rgba(0, 0, 0, 0.1);display:none;z-index:10;left:0;}
aside .subMenu li:hover .sub-category{display:block;}
aside .subMenu li .sub-category li{margin:0;padding:5px 10px;display:block;border:0;border-bottom:1px #eee solid;}
aside #ad-list ul{overflow:hidden;}
aside #ad-list ul li{float:left;width:calc(50% - 22px);margin:10px;}
}
@media screen and (max-width:640px){
    #sub-banner img{
    height: 283px;
    object-fit: cover;
    object-position: 27% 50%;
}
}
@media screen and (max-width:480px){
    aside #ad-list ul li{width:calc(100% - 22px);}
     #sub-banner img{
        height: 250px;
        object-fit: cover;
        object-position: 29% 50%;
    }
}