@charset "utf-8";

/*header*/
#header_top {position:relative; margin: 0 auto; width:1300px;  height:147px;}


/*logo*/
#header_top #logo {width:350px; height:80px; margin:0 auto}

.t_right ul {float:right;}
.t_right ul li{float:left; margin:0 auto; margin-top:-65px; margin-right:135px;}
#logo h1 a {display:block; width:100%; height:76px; background:url(../images/common/logo.png) no-repeat center center; text-indent:-3000px}


#login li{float:left; }
#login li a {color:#666; font-size:16px;}
#login li:first-child{margin-right:15px;}
#login {position: absolute; right: 0; top: 16px;}





#header {overflow:hidden; position:fixed; left:0; opacity: 0.9; z-index:1000; width:100%; height:66px; transition:all 0.3s; top: 80px; border-top: 1px solid #c4c3c1; }
#header:before {position:absolute; top:0; left:0; right:0; height: 66px; content:''; background:#f2f1f0; }
#header:after {position:absolute; top: 66px; left:0; right:0; height:205px;  content:''; background:#fff; }
#header .inwrap {position:relative; z-index:10; width:1300px; margin: 0 auto; }
#header h1 {position:absolute; top:40px; left:0;}
#header h1 img {vertical-align:top;}
#header .gnb_list {position:absolute; top:0; width: 1300px; margin: 0 auto; text-align: center;}
#header .gnb_list > li {float:left;  height:450px}
#header .gnb_list > li > a {display:block; font-weight:400; width:215px; position:relative; transition:all 0.3s; line-height:66px; color:#222; }

#header .gnb_list > li:hover > a {color:#c2a48c; background:#fff;  height:66px;}
#header .gnb_list > li:hover > a:after {left:10px; right:10px; opacity:1; }
#header .gnb_list .sub {margin:10px 10px;}
#header .gnb_list .sub a {font-size:16px; width:100%; display:block; border:1px solid red; line-height:30px; color:#333; transition:all 0.3s; border:0; text-align:center;}
#header .gnb_list .sub a:hover {color:#aa775b;}

#header.open {height:300px;}



#header.fixed_top {position:fixed; top:0px; left:0; right:0; z-index:1000 ; margin-top:0; background:#fff;}