/*菜单动画*/
.menuIcon,.menuIcon2{position:absolute; height:40px; top: -22px; z-index:996; cursor:pointer;}
.btn-nav{background:0 0;border:none;padding:10px 10px;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;cursor:pointer;z-index:99999}
.btn-nav:focus{outline:0}
.icon-bar{display:block;margin:5px 0;width:23px;height:2px;background-color:#000}
.btn-nav:hover .icon-bar{-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;transition:all 0.5s ease;}
.animated2{display:block;margin:0 auto; border-left:none !important;}
.animated2:focus .icon-bar,.animated2:hover .icon-bar{background-color:#000}
.animated2:focus{cursor:pointer;z-index:9999}
.middle{width:18px;}
.icon-bar{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;z-index:999999}
.animated2 .icon-bar{z-index:999999;background-color:#000}
.animated2 .top{-webkit-transform:translateY(6px) rotateZ(45deg);-moz-transform:translateY(6px) rotateZ(45deg);-ms-transform:translateY(6px) rotateZ(45deg);transform:translateY(6px) rotateZ(45deg)}
.animated2 .bottom{-webkit-transform:translateY(-8px) rotateZ(-45deg);-moz-transform:translateY(-8px) rotateZ(-45deg);-ms-transform:translateY(-8px) rotateZ(-45deg);transform:translateY(-8px) rotateZ(-45deg)}
.animated2 .middle{width:0}

/*公共头部*/

 
header.showMenu{ position:relative; background:none;-moz-transition:background 0s ease-out;transition:background 0s ease-out; -webkit-transition:background 0s ease-out;}
header.showMenu .animated2 .icon-bar{ background:#fff;}
.menuMain{ position:fixed; left:0; top:60px; width:100%; height:100%; z-index:1005; background:#e80f3a; display:none; margin:0; padding:0; overflow:hidden; overflow-y: scroll;}
.menuBox{   padding:0 20px; height:100%; position:relative; overflow:hidden; overflow-y:scroll;}
.menuBox li{ padding:0 0px 0 0; position:relative;}
.menuBox li>a{ height:48px; line-height:48px; color:rgba(255,255,255,1); font-size:16px; background:url(../images/icon_01.png) no-repeat 98% center; -moz-background-size:12px; background-size:12px; display:block;  margin:0 20px;border-bottom:1px solid #f5abab;}
.menuBox li.on>a{ background-image:url(../images/icon_02.png);}
.menuBox li.link>a{ background-image:url(../images/icon_03.png);}
.menuBox li.searchBtn>a{ background: url(../img/global/icon_04.png) no-repeat left center;-moz-background-size:14px;background-size:14px; text-indent:18px;}
.menuBox .linkBtn{padding-top:35px; text-align:center;}
.menuBox .linkBtn a{width:auto;height:42px; line-height:42px; color:rgba(255,255,255,0.5); padding:0 30px; -moz-border-radius:5px; border-radius:5px; display:inline-block; margin:0 15px; font-size:14px; position:relative;}
.menuBox .linkBtn a:after{-moz-border-radius:10px;border-radius:10px;}
.proList,.serList{ overflow:hidden; display:none; background:#f53359}
.proList a,.serList a{ width:50%; display:inline-block; height:42px; line-height:42px; font-size:14px; float:left; color:rgba(255,255,255,0.8); position:relative; background-repeat:no-repeat; background-position:15px center; -moz-background-size:28px; background-size:28px; border-bottom:1px solid #ff6684}
.proList a.n1{ background-image: url(../img/global/menuIcon/01.png)}
.proList a.n2{ background-image: url(../img/global/menuIcon/02.png)}
.proList a.n3{ background-image: url(../img/global/menuIcon/03.png)}
.proList a.n4{ background-image: url(../img/global/menuIcon/04.png)}
.proList a.n5{ background-image: url(../img/global/menuIcon/05.png)}
.proList a.n6{ background-image: url(../img/global/menuIcon/06.png)}
.proList a.n7{ background-image: url(../img/global/menuIcon/07.png)}
.proList a.n8{ background-image: url(../img/global/menuIcon/08.png)}
.proList a.n9{ background-image: url(../img/global/menuIcon/09.png)}
.serList a{ width:100%; text-indent:20px;}
.menuBox .preBox ul{ }
.menuBox .preBox{ position:absolute; left:0; top:0; width:100%;
-webkit-transform: translateY(0px); -moz-transform:translateY(0px); -ms-transform:translateY(0px); transform:translateY(0px);
 transition:-webkit-transform 0.35s linear;
    -webkit-transition: -webkit-transform 0.35s linear;
    -moz-transition: transform 0.35s linear, -moz-transform 0.35s linear;
    transition: transform 0.35s linear;
    transition: transform 0.35s linear, -webkit-transform 0.35s linear, -moz-transform 0.35s linear;}
    
.menuBox .nextBox .other{ display:none;}
.menuBox .nextBox .other .tit{ font-size:12px; color:rgba(255,255,255,0.3); padding:20px 0 10px 0;}
.menuBox .nextBox .other a{ height:40px; line-height:40px; position:relative; font-size:14px; color:rgba(255,255,255,0.64); display:inline-block; width:100%;}
.searchForm{height:48px; line-height:48px; color:rgba(255,255,255,0.8); font-size:14px; background: url(../img/global/icon_04.png) no-repeat left center;-moz-background-size:14px;background-size:14px; text-indent:18px; opacity:0.8; position:relative; left:200%; opacity:0;}
.searchForm .searchBtn,.searchForm .searchBtn2{ position:absolute; left:0; top:0; width:20px; height:48px; display:block;}
.searchForm .searchBtn2{ height:24px; line-height:24px; width:68px; text-align:center; color:#fff; border:1px solid #fff; -moz-border-radius: 5px; border-radius: 5px; display:inline-block; right: 0; left: auto; top:8px; text-indent: 0; opacity:0.5;}
.searchForm input{ background:none;color:rgba(255,255,255,0.64); border:0;height:20px; line-height:20px; margin-top:14px; width:90%;}
.menuSearch .preBox{-webkit-transform: translateY(-144px); -moz-transform:translateY(-144px); -ms-transform:translateY(-144px); transform:translateY(-144px);}
.menuSearch .searchForm{ left:0;}
.searchHide .searchForm{opacity:1;}
.showMain .searchHide .searchBtn{opacity:0;}
.menuBox li,.linkBtn{opacity: 0;
    pointer-events: none;
    -webkit-transform: scale(1.1) translateY(-24px);
    -moz-transform: scale(1.1) translateY(-24px);
     -ms-transform: scale(1.1) translateY(-24px);
         transform: scale(1.1) translateY(-24px);
    -webkit-transition: opacity 0.35s ease-out, -webkit-transform 0.35s ease-out;
    transition: opacity 0.35s ease-out, -webkit-transform 0.35s ease-out;
    -moz-transition: opacity 0.35s ease-out, transform 0.35s ease-out, -moz-transform 0.35s ease-out;
    transition: opacity 0.35s ease-out, transform 0.35s ease-out;
    transition: opacity 0.35s ease-out, transform 0.35s ease-out, -webkit-transform 0.35s ease-out, -moz-transform 0.35s ease-out;
    transition: opacity 0.35s ease-out, transform 0.35s ease-out, -webkit-transform 0.35s ease-out;}
.showMain .menuBox li,.showMain .linkBtn{opacity: 1;pointer-events: auto; -webkit-transform: none; -moz-transform: none; -ms-transform: none; transform: none; }
.showMain .menuBox li:nth-child(2){-webkit-transition-delay: 100ms,100ms; -moz-transition-delay: 100ms,100ms; transition-delay: 100ms,100ms;}
.showMain .menuBox li:nth-child(3){-webkit-transition-delay: 180ms,180ms; -moz-transition-delay: 180ms,180ms; transition-delay: 180ms,180ms;}
.showMain .menuBox li:nth-child(4){-webkit-transition-delay: 260ms,260ms; -moz-transition-delay: 260ms,260ms; transition-delay: 260ms,260ms;}
.showMain .menuBox li:nth-child(5){-webkit-transition-delay: 340ms,340ms; -moz-transition-delay: 340ms,340ms; transition-delay: 340ms,340ms;}
.showMain .menuBox li:nth-child(6){-webkit-transition-delay: 420ms,420ms; -moz-transition-delay: 420ms,420ms; transition-delay: 420ms,420ms;}
.showMain .menuBox li:nth-child(7){-webkit-transition-delay: 500ms,500ms; -moz-transition-delay: 500ms,500ms; transition-delay: 500ms,500ms;}
.showMain .linkBtn{-webkit-transition-delay: 340ms,340ms; -moz-transition-delay: 340ms,340ms; transition-delay: 340ms,340ms;}

.backTop{ position:fixed; right:10px; bottom:10px; z-index:97; background:url(../img/global/top.png) no-repeat; width:50px; height:50px; -moz-background-size:100%; background-size:100%; display:none;}
.gizle {top: -80px;}
.sabit {top:0;z-index: 999;}
.topBar{-webkit-transition:top .5s;-moz-transition:top .5s;transition: top .5s;}