@charset "utf-8";
/* CSS Document */
/*------header-----------*/
.header { position: relative; z-index: 2; background-color: #fff; }
.topBar { font-size: 12px; height: 36px; line-height: 36px; background-color: #303030; background: url(../images/top_bg.png) repeat-x; color: #fff; }
.topBar .top_login{ display: inline-block; background: url(../images/to_login.png) no-repeat; width: 16px; height: 16px; position: absolute; left: -20px; top:0;}
.topBar .top_reg{ display: inline-block; background: url(../images/to_reg.png) no-repeat; width: 16px; height: 16px; position: absolute; left: -20px; top:0;}
.topBar a { margin: 8px 20px; color: #fff; position: relative;}
.topBar a:hover { color: #0075d2;/*主蓝色*/ }
.topBar a.on{ color: #0075d2; font-weight: bold;}
.head { height: 90px; position: relative;}
.head .logo { width: 306px; height: 70px; margin-top: 10px; overflow: hidden; }
.head .logo a { display: block; }
.head .logo a img { max-width: 300px; }
.head .bot { padding-top: 27px; }
.head .bot .nav { height: 36px; }
.head .bot .nav li { display: inline-block; height: 34px; line-height: 34px; font-size: 16px; text-align: center; position: relative; padding: 0 26px; background: transparent;}
.head .bot .nav li a { display: block; text-align: center; }
.head .bot .nav li i { color: #444; }
.head .bot .nav li.on{ background: url(../images/nav_bg.png) repeat-x;}
.head .bot .nav li.on>a { color: #fff; }
.head .bot .nav li:hover>a { color: #0075d2;/*主蓝色*/ }
.head .bot .nav li.on:hover>a{ color: #fff;}
.head .bot .nav li dl { display: none; position: absolute; z-index: 1; top: 38px; width: 140px; left: 50%; margin-left: -70px;	/*background: #fff;*/	/*! border: 1px solid #eee; */
box-shadow: 0 3px 5px rgba(0, 0, 0, .1);	/*! padding: 10px 0; */  }
.head .bot .nav li dl:before { content: ' '; display: block; width: 100%; height: 5px; background: transparent; position: absolute; top: -5px; left: 0; }
.head .bot .nav li:hover dl { display: block; z-index: 12;}
.head .bot .nav li dl dd { overflow: hidden; margin-bottom: 1px; }
.head .bot .nav li dl dd a { display: block; width: 100%; height: 32px; line-height: 32px; text-align: center; font-size: 14px; padding: 0; color: #fff; background: #0677ca; }
.head .bot .nav li dl dd a:hover { color: #fff; background: #0075d2;/*主蓝色*/ }


/*footer*/
.footer_bg{ background-color: #333; padding: 40px 0;}
.footer_bg .fl{ width: 1024px;}
.footer_bg .fr{ width: 176px;}
.footer_bg .fo_co{ width: 25%; float: left;}
.footer_bg .fo_co h3{ font-size: 18px; color: #666; line-height: 50px;}
.footer_bg .fo_co a{ font-size: 14px; color: #888; display: block; line-height: 30px;}
.footer_bg .fo_er{text-align: right;}
.footer_bg .fo_er span{ display: block; color: #666; font-size: 12px; line-height: 30px;}
.footer_bg .fo_er img{display: inline-block;}


.ban{ color: #fff; font-size: 12px; background-color: #161616; text-align: center; line-height: 44px;}