@charset "utf-8";
/* CSS Document */
.logo { width:131px; position:absolute;top:37px;transition:all 0.0s ease-in 0s;-moz-transition:all 0.0s ease-in 0s;-ms-transition:all 0.0s ease-in 0s;-o-transition:all 0.0s ease-in 0s;-webkit-transition:all 0.0s ease-in 0s;}
.header.scroll .logo {width:131px; top:11px;transition:all 1s ease-in 0s;-moz-transition:all 1s ease-in 0s;-ms-transition:all 1s ease-in 0s;-o-transition:all 1s ease-in 0s;-webkit-transition:all 1s ease-in 0s;}

.all { opacity:0;}
.loading { width:100%; height:100%; background:#fff; position:fixed; top:0px; left:0px;}
.fixed { width:100%; top:0px; left:0px; position:relative; background:#fff; z-index:2000; border-bottom:1px solid #ccc;}
.header { height:120px; width:1200px; margin:0px auto;}

.header.scroll { height:80px; transition:all 1s ease-in 0s;-moz-transition:all 1s ease-in 0s;-ms-transition:all 1s ease-in 0s;-o-transition:all 1s ease-in 0s;-webkit-transition:all 1s ease-in 0s;}

.nav { opacity:0;display:inline; position:absolute; bottom:-17px; left:210px; }
.header.scroll .nav {  position:relative; display:inline; position:absolute; bottom:-17px; left:210px; }
.header.scroll .nav ul li{ margin-top:0px;transition:all 0s ease-in 0s;-moz-transition:all 0s ease-in 0s;-ms-transition:all 0s ease-in 0s;-o-transition:all 0s ease-in 0s;-webkit-transition:all 0s ease-in 0s; }

.nav.show {transition:all 0.5s ease-in 0.1s;-moz-transition:all 0.5s ease-in 0.1s;-ms-transition:all 0.5s ease-in 0.1s;-o-transition:all 0.5s ease-in 0.1s;-webkit-transition:all 0.5s ease-in 0.1s; opacity:1; bottom:-10px;}
.nav ul li { float:left; margin:0px 0px; margin-top:-32px; position:relative;}
.nav ul li dl dt a.on{color:#742133; }
.nav ul li dl dt a{ display:inline-block; width:89px; text-align:center; height:76px; line-height:30px; }

.nav ul li dl dt a {  font-size:16px; color:#333;}
.nav ul li dl dt a:hover { color:#111;}
.nav ul li dl { width:89px; position:relative; }

.span_1 { width:60px; height:3px; position:absolute; bottom:9px; left:50%; margin-left:-30px;}
.header.scroll .span_1 { bottom:16px;}
.span_1 .b_left { width:0px; height:3px; background:#742133; display: block; position:absolute; right:50%; top:0px;transition:all 0.3s ease-in 0s;-moz-transition:all 0.3s ease-in 0s;-ms-transition:all 0.3s ease-in 0s;-o-transition:all 0.3s ease-in 0s;-webkit-transition:all  0.3s ease-in 0s;}
.span_1 .b_right { width:0px; height:3px; background:#742133; display: block; position:absolute; left:50%; top:0px;transition:all 0.3s ease-in 0s;-moz-transition:all 0.3s ease-in 0s;-ms-transition:all 0.3s ease-in 0s;-o-transition:all 0.3s ease-in 0s;-webkit-transition:all  0.3s ease-in 0s;}
.nav ul li.hover .span_1 .b_left { width:30px; height:3px; background:#742133; display: block; position:absolute; right:50%; top:0px;transition:all 0.3s ease-in 0s;-moz-transition:all 0.3s ease-in 0s;-ms-transition:all 0.3s ease-in 0s;-o-transition:all 0.3s ease-in 0s;-webkit-transition:all  0.3s ease-in 0s;}
.nav ul li.hover .span_1 .b_right { width:30px; height:3px; background:#742133; display: block; position:absolute; left:50%; top:0px;transition:all 0.3s ease-in 0s;-moz-transition:all 0.3s ease-in 0s;-ms-transition:all 0.3s ease-in 0s;-o-transition:all 0.3s ease-in 0s;-webkit-transition:all  0.3s ease-in 0s;}
.nav ul li.b_center.hover .span_1 .b_left { width:50px; height:3px; background:#742133; display: block; position:absolute; right:50%; top:0px;transition:all 0.3s ease-in 0s;-moz-transition:all 0.3s ease-in 0s;-ms-transition:all 0.3s ease-in 0s;-o-transition:all 0.3s ease-in 0s;-webkit-transition:all  0.3s ease-in 0s;}
.nav ul li.b_center.hover .span_1 .b_right { width:50px; height:3px; background:#742133; display: block; position:absolute; left:50%; top:0px;transition:all 0.3s ease-in 0s;-moz-transition:all 0.3s ease-in 0s;-ms-transition:all 0.3s ease-in 0s;-o-transition:all 0.3s ease-in 0s;-webkit-transition:all  0.3s ease-in 0s;}

.logo a:hover img{ opacity:1;}
.dd2 {  width:120px;  background:#fff; position:absolute; top:67px; left:-15px; display:none;}
.nav_2 { width:110px; height:50px; border-bottom:1px #f0f0f0 solid; margin:0px auto; text-align:center;}
.nav_2 a{ width:100%; height:40px; color:#666; display: inline-block; text-align:center; margin:0px auto; margin-top:5px;font-size:14px; line-height:40px;transition: all 0.2s ease-in 0s;-moz-transition: all 0.2s ease-in 0s;-ms-transition: all 0.2s ease-in 0s;-o-transition: all 0.2s ease-in 0s;-webkit-transition: all 0.2s ease-in 0s;}
.nav_2 a:hover{ background:#742133; color:#fff;transition: all 0.3s ease-in 0s;-moz-transition: all 0.3s ease-in 0s;-ms-transition: all 0.3s ease-in 0s;-o-transition: all 0.3s ease-in 0s;-webkit-transition: all 0.3s ease-in 0s;}

.dd3 { width:160px; background:#fff; position:absolute; top:67px; left:-30px; display:none;}
.nav_3 { width:150px; height:50px; border-bottom:1px #f0f0f0 solid; margin:0px auto; text-align:center;}
.nav_3 a{ width:100%; height:40px; color:#666; display: inline-block; text-align:center; margin:0px auto; margin-top:5px;font-size:14px; line-height:40px;transition: all 0.2s ease-in 0s;-moz-transition: all 0.2s ease-in 0s;-ms-transition: all 0.2s ease-in 0s;-o-transition: all 0.2s ease-in 0s;-webkit-transition: all 0.2s ease-in 0s;}
.nav_3 a:hover{ background:#742133; color:#fff;transition: all 0.3s ease-in 0s;-moz-transition: all 0.3s ease-in 0s;-ms-transition: all 0.3s ease-in 0s;-o-transition: all 0.3s ease-in 0s;-webkit-transition: all 0.3s ease-in 0s;}
.header.scroll .dd2,.header.scroll .dd3{ top:60px;}

/*-----------------------------style-------------------------------------------*/
.logo-nav { position:relative; height:100%;}