/*Content CSS*/
.category-wrap {width:100%; height:70px;  clear:both; background-attachment:scroll; position:relative; z-index:3}
.sub_navI_warp { background-color:#fff; max-width:1280px; z-index:3; position:relative; border-bottom:1px solid #ddd; margin: -71px auto;}
.all-wrap{max-width:1280px;  height:70px; margin:0 auto;   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:#cc0111; color:#fff; 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:nth-child(1) {border-left: none;}
.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; 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:#333; font-size:15px}
.all-wrap .loca-wrap .loca-area>ul>li div{overflow:hidden;height:0;position:relative}
.all-wrap .loca-wrap .loca-area>ul>li div ul{display:block;position:absolute;width:100%;left:0;border-top:1px solid rgba(255,255,255,0.2); padding:0}
.all-wrap .loca-wrap .loca-area>ul>li div ul li a{ border-bottom:1px solid rgba(255,255,255,0.2); background:#cc0111;height:46px;color:#fff;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: #bc000f; text-decoration:none}
.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: 30px; cursor:pointer; line-height: 38px;}
.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:52px;height:34px;background-image:url('../img/share_open_bt.png');float:right;text-indent:-9999px;box-sizing:unset;background-repeat:no-repeat;background-position-x:right;transition:all .5s ease; background-color: inherit; border:0; margin-right:20px;background-color: transparent;}
.all-wrap .loca-wrap .share-area .share-btn.active {background-image: url('../img/share_close_bt.png');border-left: 1px solid #ddd;}
.share-btn:focus {outline: none; border: none;}

.hide-area ul li a i {font-size: 20px;transition: all 0.2s;}
.hide-area ul li:nth-child(1) a i {color:#1b59a8; }
.hide-area ul li:nth-child(2) a i {color:#1c9dea; }
.hide-area ul li:nth-child(3) a i {color:#000; }

@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}
}