/*Content CSS*/
.category-wrap {width:100%; height:70px;  clear:both; background-attachment:scroll; position:relative; z-index:3}
.sub_navI_warp { background: rgba(255,255,255,1); max-width:1300px; z-index:3; position:relative; border-bottom:1px solid #ddd; margin: -71px auto;
border-right:1px solid #ddd;}
.all-wrap{max-width:1300px;  height:70px; margin:35px auto 0;   transition:all .3s ease;}
.all-wrap .loca-wrap{width:100%;margin:0 auto;height:70px}
.all-wrap .loca-wrap .loca-area i{float:left;display:inline-block;width:60px;height:71px; line-height:65px; background-color:#019b92; color:#666; padding:0; margin-top:0; text-align:center}
.all-wrap .loca-wrap .loca-area{height:70px;float:left;}
.all-wrap .loca-wrap .loca-area > a {display:inline-block;width:54px;height:100%; float:left; line-height:100%; text-align:center;}
.all-wrap .loca-wrap .loca-area > a img {margin-top:17px;}
.all-wrap .loca-wrap .loca-area>ul {float: left;margin:0; padding:0}
.all-wrap .loca-wrap .loca-area>ul>li{float:left;width:220px;height:70px;position:relative;}
.all-wrap .loca-wrap .loca-area>ul>li button{height:70px;width:220px;position:relative;text-align:left;padding-left:1px;background-image:url('../img/loca_arrow_off.png');background-position-y:50%;background-position-x:100%;background-repeat:no-repeat;-webkit-transition:background .3s ease;-moz-transition:background .3s ease;-o-transition:background .3s ease;-ms-transition:background .3s ease;  border:0; border-right:1px solid #ddd !important; background-color: transparent;}
.all-wrap .loca-wrap .loca-area>ul>li button:focus {outline: none; border: none;}
.all-wrap .loca-wrap .loca-area>ul>li button.active{background-image:url('../img/loca_arrow_on.png');background-position-y:50%;background-position-x:100%;background-repeat:no-repeat;}
.all-wrap .loca-wrap .loca-area>ul>li button span {padding-left: 19px;background-color: transparent; color:#666; font-size:15px}
.all-wrap .loca-wrap .loca-area>ul>li div{overflow:hidden;height:0;position:relative; margin-top:1px;}
.all-wrap .loca-wrap .loca-area>ul>li div ul{display:block;position:absolute;width:100%;left:0;border:1px solid #ddd; padding:0; border-top:0;}
.all-wrap .loca-wrap .loca-area>ul>li div ul li a{ border-bottom:1px solid #ddd; background:#fff;height:46px;color:#333;line-height:46px;display:block;-webkit-transition:background .3s ease;-moz-transition:background .3s ease;-o-transition:background .3s ease;-ms-transition:background .3s ease;padding-left:19px; font-size:14px; box-sizing:border-box}
.all-wrap .loca-wrap .loca-area>ul>li div ul li a:hover {background: #f7f7f7; text-decoration:none;}
/* .all-wrap .loca-wrap .loca-area>ul>li div ul li:last-child {border-bottom: 1px solid #ddd;} */
.all-wrap .loca-wrap .share-area {float: right; display:block; padding-top:16px;box-sizing: border-box;}
.all-wrap .loca-wrap .share-area .hide-wrap{width:181px;height:34px;overflow:hidden;float:left}
.all-wrap .loca-wrap .share-area .hide-wrap .hide-area{width:181px;height:34px;position:relative;left:180px}
.all-wrap .loca-wrap .share-area .hide-wrap .hide-area ul {overflow: hidden; padding:0; margin:0; float:right;}
.all-wrap .loca-wrap .share-area .hide-wrap .hide-area ul li {float: left;margin-left: 13px; cursor:pointer; line-height: 34px;}
.all-wrap .loca-wrap .share-area .hide-wrap .hide-area ul li:first-child {margin-left: 0;}
.all-wrap .loca-wrap .share-area .hide-wrap .hide-area ul li:last-child {margin-right: 30px;}
.all-wrap .loca-wrap .share-area .share-btn{width:34px;height:34px;background-image:url('../img/share_open_bt.png');float:right;text-indent:-9999px;padding-left:18px;box-sizing:unset;background-repeat:no-repeat;background-position-x:right;transition:all .5s ease;     background-color: inherit; border:0; margin-right:20px}
.all-wrap .loca-wrap .share-area .share-btn.active {background-image: url('../img/share_close_bt.png');border-left: 1px solid rgba(255,255,255,0.2);}
.share-btn:focus {outline: none; border: none;}

.hide-area ul li a i {font-size: 20px; color:rgba(255,255,255,0.5); transition: all 0.2s;}
.hide-area ul li a:hover i {font-size: 20px; color:rgba(255,255,255,1);}

@media screen and (max-width:1200px) {

}

@media screen and (max-width: 960px) {

}

@media screen and (max-width: 640px) {
    .all-wrap .loca-wrap .loca-area {width:100%; float:none;}
    .all-wrap .loca-wrap .loca-area > a {width:10%;}
    .all-wrap .loca-wrap .share-area { display:none}
    .all-wrap .loca-wrap .loca-area > ul {width:100%;}
    .all-wrap .loca-wrap .loca-area > ul > li { width:50%}
    .all-wrap .loca-wrap .loca-area > ul > li:first-child { border:0}
    .all-wrap .loca-wrap .loca-area > ul > li button {width:100%; border-right:0}
    .all-wrap .loca-wrap .loca-area i { display:none}
}