
.clear{ clear:both; height:0px;font-size:0px; overflow:hidden; line-height:0;}

.Wrap { width:1760px; position:absolute; left:50%; margin-left:-880px; top: 0; z-index: 999; background:#fff }

.TopWrap { width:100%; height:104px }
.TopWrap .Tools { position:absolute; right: 0; width:62.5%; height:16px; background:#35af99 }

.Wrap_Ct { width:1224px; margin:auto; position:relative }
.TNav_Ct { height:104px; position:relative }

.Logo { display: block; width: 30%; height:50px; position:absolute; top:30px; left: 0; transition-duration:0.2s; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s }
.log { width: auto; height: 100%;}

/*TNav*/
.TNav { width:70%; height:44px; position:absolute; top: 50px; right: 0; z-index: 1000 }
.TNav li { float:left }
.TNav li a { display:block; padding:0 31px 18px 31px; font-size:15px; color:#4E4E4E; font-weight:bold; opacity:0; }
.TNav li a:hover { color:#078080 }
.TNav li .sed { color:#078080; font-size:16px }


.TNav li:nth-child(1) a {animation:TNav_a 0s 0s 1 linear normal forwards; -webkit-animation:TNav_a 0s 0s 1 linear normal forwards; -moz-animation:TNav_a 0s 0s 1 linear normal forwards; -o-animation:TNav_a 0s 0s 1 linear normal forwards}
.TNav li:nth-child(2) a {animation:TNav_a 0s 0s 1 linear normal forwards; -webkit-animation:TNav_a 0s 0s 1 linear normal forwards; -moz-animation:TNav_a 0s 0s 1 linear normal forwards; -o-animation:TNav_a 0s 0s 1 linear normal forwards}
.TNav li:nth-child(3) a {animation:TNav_a 0s 0s 1 linear normal forwards; -webkit-animation:TNav_a 0s 0s 1 linear normal forwards; -moz-animation:TNav_a 0s 0s 1 linear normal forwards; -o-animation:TNav_a 0s 0s 1 linear normal forwards}
.TNav li:nth-child(4) a {animation:TNav_a 0s 0s 1 linear normal forwards; -webkit-animation:TNav_a 0s 0s 1 linear normal forwards; -moz-animation:TNav_a 0s 0s 1 linear normal forwards; -o-animation:TNav_a 0s 0s 1 linear normal forwards}
.TNav li:nth-child(5) a {animation:TNav_a 0s 0s 1 linear normal forwards; -webkit-animation:TNav_a 0s 0s 1 linear normal forwards; -moz-animation:TNav_a 0s 0s 1 linear normal forwards; -o-animation:TNav_a 0s 0s 1 linear normal forwards}
.TNav li:nth-child(6) a {animation:TNav_a 0s 0s 1 linear normal forwards; -webkit-animation:TNav_a 0s 0s 1 linear normal forwards; -moz-animation:TNav_a 0s 0s 1 linear normal forwards; -o-animation:TNav_a 0s 0s 1 linear normal forwards}
.TNav li:nth-child(7) a {animation:TNav_a 0s 0s 1 linear normal forwards; -webkit-animation:TNav_a 0s 0s 1 linear normal forwards; -moz-animation:TNav_a 0s 0s 1 linear normal forwards; -o-animation:TNav_a 0s 0s 1 linear normal forwards}
.TNav li:nth-child(8) a {animation:TNav_a 0s 0s 1 linear normal forwards; -webkit-animation:TNav_a 0s 0s 1 linear normal forwards; -moz-animation:TNav_a 0s 0s 1 linear normal forwards; -o-animation:TNav_a 0s 0s 1 linear normal forwards}
.TNav_Sub{ display:none}

.SNav_Wp { margin-top:104px; height:40px; width:70%; position:absolute; right: 0; z-index:10; overflow:hidden }
.SNav { position: absolute; z-index:2; height: 50px; overflow:hidden;  width:0px; opacity:0;}
.SNav li{ float:left;}
.SNav li a{ display:inline-block;padding:0 23px; height:36px; font-size:14px; line-height:38px; color:#fff;background: #06A086;}
.SNav li a:hover{  height:35px;border-bottom:#6fe637 solid 1px; background:#048f78;}
.SNav li .sed{ height:34px; border-bottom:#6fe637 solid 2px; font-weight:bold;background:#047461; font-size:15px;}
.SNav li .sed:hover{height:34px; border-bottom:#86f254 solid 2px;}


/*hmm*/


/* nav_menu */

.nav .menuLi { float:left; display:block; position: relative }
/*.nav .menuLi .mainmenu { display:block; height: 50px; line-height: 50px; padding: 0 10px; color:#000; font-weight: bold; position: relative }*/
.nav .menuLi .mainmenu .icon-on { font-size: 0.6em; color: #c7101c; position: absolute; top: 0; left: 50%; margin-left: -6px; transition: all ease-out .3s; -webkit-transition: all ease-out .3s; -moz-transition: all ease-out .3s; -o-transition: all ease-out .3s; filter:alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0 }
.nav .menuLi .mainmenu:hover, .nav .menuLi .mainmenu.menuLiBnameover, .nav .menuLi .mainmenu.menuLipitchon { color: #078080 }
.nav .menuLi .mainmenu.menuLipitchon:hover .icon-on, .nav .menuLi .mainmenu.menuLipitchon .icon-on { filter:alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1 }
.nav .menuLi .mainmenu .icon-next { display: none }

.nav .menucut { float:left; width: 15px; text-align: center; height: 50px; line-height: 50px }
.logo_h{height: 50%;}
.mainmenu0{padding: 0 30px;}
.top_logo{top:10px;}
.currenth{position: fixed;z-index:90!important ;}
.nav0{top:0!important;}
.Wrap1{height: 44px;background: rgba(255,255,255,0.8);}
.menuListBox11{top: 44px!important;}
.Tools {position: absolute;right: 0; width: 62.5%; height: 16px;background: #35af99;}
.logo{display: block;height: 50px;position: absolute;top: 30px;left: 0;}  

.nav {width: 70%;height: 54px;position: absolute;top: 40px;right: 0;z-index: 1000;}
.nav .menuLi>a{display: block; padding: 0 31px 18px 31px;font-size: 15px;color: #4E4E4E;font-weight: bold;}
/*选中的状态*/
.menuListBox li .sed:hover {height: 36px;border-bottom: #86f254 solid 2px;}
.menuListBox a:hover, .menuListBox a.hover { height: 37px; border-bottom: #6fe637 solid 1px;background: #048f78;}

.menuLi a{line-height: 54px;}
.menuListBox {margin-top: 0px; width: 100%; background: #06a086; position:absolute; top: 64px; left: 0; display:none; z-index: 999;}
.menuListBox a{color: #fff; display: block; float: left; padding: 0 23px;height: 38px; line-height: 38px; white-space: nowrap }

.menuListBox1{width: 510px }
.menuListBox2{width: 148px }
.menuListBox3{width: 432px; left: -55px }
.menuListBox4{width: 306px; left: -50px }
.menuListBox5{width: 306px; left: auto; right: 0 }


/*TNav_a*/
@-webkit-keyframes TNav_a{
from{}
to{opacity:1;}
}
@-moz-keyframes TNav_a{
from{}
to{opacity:1; }
}
@-ms-keyframes TNav_a{
from{}
to{opacity:1; }
}
@-o-keyframes TNav_a{
from{}
to{opacity:1;}
}

.Wrap.float { position: fixed; background: rgba(255,255,255,0.8) }
.Wrap.float .Tools { display: none }
.Wrap.float .TopWrap, .Wrap.float .TNav_Ct { height:44px }
.Wrap.float .Logo { height:24px; top:10px }
.Wrap.float .TNav { top:8px }
.Wrap.float .SNav_Wp { margin-top:44px }

@media ( min-width:1024px ) and ( max-width:1259px ) {
.Wrap_Ct { width:960px }
.TopWrap .Tools{ width:63% }
/*.Logo { width: 25%; height:40px; top:15px }*/
/*.Logo img { margin-left: 0 }*/
.TNav { width: 75% }
.TNav li a { padding:0 21px 18px 21px }
.SNav_Wp { width:75% }
.Logo {
    width: 25%;
    height: 40px;}
    .top_logo{top: 3px;}

.log{margin-top: 15px;width: auto;height: 70%;}
.nav .menuLi>a {display: block;padding: 0 20px 18px 20px;}
.logo_h{height: 50%;}

.menuListBox a{ padding: 0 23px }
.menuListBox3, .menuListBox4{ left: auto; right: 0;}


}

@media ( min-width:801px ) and ( max-width:1023px ) {
.Wrap_Ct { width:750px }
.TopWrap .Tools{ width:60% }
.Logo { width: 25%; height:34px; top:38px }
.Logo img { margin-left: 0 }
.TNav { width: 75% }
.TNav li a { font-size: 14px; padding: 0 12px 18px 12px }
.SNav_Wp { width:75% }
.Logo {
    width: 25%;
    height: 40px;}
    .top_logo{top: 3px;}


.log{margin-top: 15px;width: auto;height: 70%;}
.nav { width: 80% }
.nav .menuLi>a {display: block;padding: 0 15px 18px 15px;}
.logo_h{height: 50%;}

.menuListBox a{ padding: 0 23px }
.menuListBox3, .menuListBox4{ left: auto; right: 0;}

}
