
.cursor{cursor:pointer;}
.clear{font-size:0;line-height:0;height:0;clear:both;visibility:hidden;overflow:hidden}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.l{float:left;}
.r{float:right;}
.tl{text-align:left;}
.tc{text-align:center;}
.tr{text-align:right;}
img {border:0;}
a{text-decoration:none;color:#686868;}
.gy{width:1200px;margin:0 auto;overflow:hidden;}
a:hover{text-decoration:none;color:#060;}

.top-blank{height:125px;overflow:hidden;background:none;}
.top-head{height:132px;position:fixed;top:0;width:100%;z-index:1000;background:none;}
.shadow{width:100%;height:7px;font-size:0;overflow:hidden;background:url(../images/nav_shadow.png) repeat-x;}

.top01{width:100%;height:30px;line-height:30px; background:url(../images/top1.jpg) repeat-x;/*color:#f5f5f5;*/ color:#000;overflow:hidden;}
.top01_center{text-align:left;/* width:362px;*//*padding-left:840px;margin:0 auto;*/ float:right;}
.top01_center img{float:left;margin-top:3px;}
.top02{height:95px;width:100%; background:url(../images/top2.jpg) repeat-x; }
.logo{width:600px;float:left;padding-top:20px;}
.nav{width:700px;float:right;}
.nav ul{width:100%;}
.nav li{width:80px;margin:0 5px 0 6px;float:left;text-align:center;/* position:relative;*/}
.nav a{width:80px;height:42px;padding-top:50px;display:block;font-size:1.33em;/*overflow:hidden;*/}
.nav li a:after{content: "";display: block;position: absolute;left: 50%;right: 50%;bottom: -3px;height: 3px;opacity: 0;background-color: #060;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}
.nav li a:hover:after{left: 1%;right: 1%;opacity: 1;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}

.nav a#sel{border-bottom:3px solid #f3782a;color:#f3782a;}
.nav a#sel:hover:after{opacity: 0;}

.nav li{ position:relative;}