@charset "UTF-8";
/*
Author:lichuan
Mail:info@oulu.me
date:2016.11.19
*/

body, div, ul, h1, h2, h3, h4, i, p, th, td, dl, dd, form, input, option, option{margin: 0;padding: 0; }
body, div, button, input, select, textarea {font-family: "微软雅黑",arial;}
body{color: #666; background-color: #fff; overflow-x:hidden;}
a{text-decoration:none; color:#666;}
a:hover{text-decoration:none;}
input, a, a:link{color: #333; text-decoration:none;-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-o-transition:all 0.2s linear;transition:all 0.2s linear;}
a:focus{outline: none;}
iframe, img {border: 0; }
img{-moz-user-select:-moz-none; -moz-user-select:none; -o-user-select:none; -khtml-user-select:none; -webkit-user-select:none; -ms-user-select:none; user-select:none;}
ul, ol, li {list-style: none; }
.clear{diplay: block!important; float:none!important; clear:both; overflow:hidden; width:auto!important; height:0!important; margin:0 auto!important; padding:0!important; font-size:0; line-height:0;}
.left{float: left;}
.right{float: right;}
::-webkit-scrollbar{width:10px; height:10px; background-color:#aaa;}  
::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px; background-color:#bbb;}  
::-webkit-scrollbar-thumb{border-radius:10px; -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3); background-color:#666;} 

/*header*/
.header{background: #eee; z-index:999;  position:fixed; max-width: 1200px; margin: auto;left: 0px; right: 0px;}
.header_con{max-width: 1200px; margin: auto; position: relative;}
.glyphicon {position: relative; top:22px; display: inline-block; background-image: url(../images/nav-x-ann.gif); background-repeat: no-repeat;}
.header_con a{color: #666;}
.navbar-nav{margin:0 !important;}
.header_con .logo{float: left; background-color: #fff;}
.header_con .logo img{margin:0px; padding: 0px; height:60px; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.header_con .menu-icon{float: right; padding:17px 15px;font-size:16px;}
.header_con .menu{position: absolute;top:60px;right:-100%; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.dropdown-menu{padding: 0; margin: 0; min-width:auto; display:none;}
.header_con .menu.active{right:0; width: 100%;}
.header_con .menu ul li a{background-color: #eee;font-size: 14px; padding: 0px 20px; display: block; line-height: 45px; color: #333; -webkit-transition: line-height .3s ease-in-out; -moz-transition: line-height .3s ease-in-out; transition: line-height .3s ease-in-out;}

.header_con .menu ul li a.active,#header .menu ul li a:hover{background: #ff7700;color: #fff; width:100%;font-size: 14px;}
.header_con .menu ul li ul li a{line-height: 40px; padding: 0px 20px;background-color: #fff; color: #666; font-size: 14px;}
.navbar-nav .open .dropdown-menu{position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;-webkit-box-shadow:none;box-shadow:none}
.open>.dropdown-menu{display:block}
.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px dashed;border-top:4px solid\9;border-right:4px solid transparent;border-left:4px solid transparent}
/*.header_top_login{float: left; line-height:53px; margin-left:20px;}
.header_top_login a{color:#f5f5f5;}*/


/*footer*/
.footer{background-color:#000; height:100%;}
.footer_con{padding:0 10px; margin: 0 auto; padding-top:20px;}
.footer_con dl{font-size:14px; display: inline-block; margin:5px 0;}
.footer_con dl dt{color:#fff; line-height:28px; float:left; margin-right:10px;}
.footer_con dl dd{line-height:28px; color:#999; float:left; margin-right:10px;}
.footer_con dl dd a{color:#999;}
.footer_con dl dd a:hover{color:#fff;}
.footer_con .code_info{text-align:center; width:100%;}
.footer_con .code_info span{width: 100%; font-size:14px; display: inline-block; margin-bottom:5px;}
.footer_con .code_info img{width:100px;}
.footer_cop{padding:20px 10px; background-color: #000; line-height:20px; color:#999; text-align:center; font-size:12px;}

/*PC_1200PX*/
@media (min-width:1200px){
.header_con{height:86px;}
/*.header_top_login{float:right; margin-top:24px; margin-right:50px;}
.header_top_login a{font-size:16px; color: #fff; width:120px; height:42px; background-color:#0099ff; border-radius:3px; display: block; text-align:center; line-height:42px;}
.header_top_login a:hover{background-color:#008be7;}*/

.header_con .logo{ float:left;width:auto; display:initial; background: #fff;}
.nav>li:hover .dropdown-menu{display:block !important;}
.header_con .logo img{margin-top:0px; height:86px;}
.header_con .menu-icon{display: none;}
.header_con .menu{position: static;	margin-top:0; float: left;	background: none;}
.header_con .menu ul>li{float:left; border-right: 1px solid #fff;}
.header_con .menu ul li a{color:#444; /*padding:0px 40px;*/ padding:0px 34px;}
.header_con .menu ul li>a:hover, .header_con .menu ul li>a.active{width: auto; color: #ff7700;background-color: #eee; font-size: 16px;}
.header_con .menu ul li a{line-height:86px; font-size: 16px;}
.header_con .menu ul li ul.dropdown-menu li{float:none !important; background-color: #fff; margin: 0; line-height: 30px;}
.header_con .menu ul li ul.dropdown-menu li a{color: #444;margin-top: 0px;}
.header_con .menu ul li ul.dropdown-menu li a:hover{height: auto; background: none; color: #229d57;}
.header_con .menu ul li ul li a{font-size:14px;}

.footer{background: url(../images/footer_bg.jpg) top center no-repeat; height:487px;}
.footer_cop{width:100%; height:70px; line-height:70px; font-size:14px;}
.footer_con{width:1200px; margin: 0 auto; padding-top:100px;}
.footer_con dl{float:left; font-size:14px; padding:0 50px;}
.footer_con dl dt{color:#fff; margin-bottom:30px; float:none;}
.footer_con dl dd{line-height:34px; color:#999; float:none;}
.footer_con dl dd a{color:#999;}
.footer_con .code_info{width:86px; text-align:center; float:right;}
.footer_con .code_info span{font-size:14px; margin-bottom:20px; display: inline-block;}
.footer_con .code_info img{width:86px;}
}