@charset "UTF-8";
/*
Author:lichuan
Mail:info@oulu.me
date:2016.11.19
*/
.neirong img{max-width:100%}
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{width: 100%;background: url(../images/nav_bg.jpg) repeat-y top center;z-index:999;  position:fixed; width: 100%;}
.header_con{max-width: 1200px; margin: auto;}
.glyphicon {position: relative; top:18px; 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; padding: 0px;}
.collapse ul li a{font-size: 20px !important;}
.collapse.fixed ul li a{font-size: 14px !important; background-color: #040c19;}
.header_con .logo{float: left; background-color: #fff;}
.header_con .logo img{margin-top:0px; margin-left:16px; height:48px; -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:53px;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{padding: 0px 20px; background-color: #fff;display: block; line-height: 45px; color: #666; -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: #2e3094;color: #fff; width:100%;}
.header_con .menu ul li ul li a{line-height: 40px; padding: 0px 26px;}
.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*/
.box03{width: 100%; background: url(../images/hzhb_bg.jpg) center 30px no-repeat; margin-top: 30px;}
.hzhb{max-width: 1200px;margin: auto;}
.hzhb_left{width: 20%; float: left; display: block;}
.hzhb_right{width: 80%; float: left;}
.hzhb_right ul{padding-top: 30px;}
.hzhb_right li{width: 16%; margin: 0px 2%; float: left; margin-top: 57px;}
.hzhb_left img{display: block;max-width: 100%;height: auto;}
.hzhb_right img{display: block;max-width: 100%;height: auto;}
.footer{background-color:#191919; height:100%;}
.link{max-width: 1200px; margin: auto; padding: 45px 0px;}
.link_img{width: 20%;float: left;}
.link_img img{display: block;max-width: 100%;height: auto;}
.link p{width: 80%;float: left; text-align: left;}
.link p a{padding: 5px 15px; color: #f8f8f8; font-size: 12px;}
.link p a:hover{text-decoration: underline;}
.dibu{max-width: 1200px; margin: auto; padding-bottom: 45px;}
.footer_con dl{font-size:14px; margin:5px 0; width: 18%; float: left;}
.footer_con dl dt{color: #c4c4c4; font-size: 15px; line-height: 40px; border-bottom: 1px dashed #7c7c7c;}
.footer_con dl dd{color: #c4c4c4; font-size: 13px; line-height: 24px;}
.footer_con dl dd a{color: #c4c4c4; font-size: 13px; line-height: 24px;}
.footer_con dl dd a:hover{text-decoration: underline;}
.footer_con .code_info{width: 20%; padding: 0px 3%; float: right;border-left: 1px dashed #7c7c7c;}
.footer_con .code_info img{display: block;max-width: 100%;height: auto; margin: auto;}
.footer_con .code_info h1{color: #c4c4c4; font-size: 12px; line-height: 30px; text-align: center;}
.footer_con .code_info h2{color: #c4c4c4; font-size: 15px; line-height: 30px; text-align: center;}



.footer_cop{color: #c4c4c4; font-size: 12px;line-height: 20px; padding: 8px 0px; background-color: #000000; text-align: center;}


@media (min-width: 320px){
.hzhb_left{width: 35%; float: left; display: block; margin-left: 5%;}
.hzhb_right{width: 60%; float: left;}
.hzhb_right ul{padding-top: 40px;}
.hzhb_right li{width: 40%; margin: 0px 5%; float: left; margin-top: 6px;}
.hzhb_left img{display: block;max-width: 100%;height: auto;}
.hzhb_right img{display: block;max-width: 100%;height: auto;}
.link{padding: 10px 0px;}
.dibu{padding-bottom: 10px;}
.link_img{width: 35%;float: none;margin-left: 5%;}
.link p{width: 90%;float: none; text-align: left; padding: 10px 5%;}
.link p a{padding: 5px 6px; color: #f8f8f8; font-size: 12px;display: block; float: left;}
.footer_con dl{font-size:14px; margin:5px 0; width: 90%; float: none; display: inline-block; padding: 0px 5%; }
.footer_con dl dt{color: #c4c4c4; font-size: 12px; line-height: 24px;float: left; border-bottom: none; font-weight: bold;}
.footer_con dl dd{color: #c4c4c4; font-size: 12px; line-height: 24px;float: left;padding:0px 6px;}
.footer_con dl dd a{color: #c4c4c4; font-size: 12px; line-height: 24px;}
.footer_con dl dd a:hover{text-decoration: underline;}
.footer_con .code_info{width: 90%; padding: 0px 5%; float: none;border-left: none; display: none;}
.footer_con .code_info img{display: block;max-width: 100%;height: auto; margin: auto;}
.footer_con .code_info h1{color: #c4c4c4; font-size: 12px; line-height: 30px; text-align: center;}
.footer_con .code_info h2{color: #c4c4c4; font-size: 15px; line-height: 30px; text-align: center;}
}
@media (min-width: 480px){
.hzhb_left{width: 30%; float: left; display: block;margin-left: 5%;}
.hzhb_right{width: 65%; float: left;}
.hzhb_right ul{padding-top: 40px;}
.hzhb_right li{width: 27.333%; margin: 0px 3%; float: left; margin-top: 30px;}
.hzhb_left img{display: block;max-width: 100%;height: auto;}
.hzhb_right img{display: block;max-width: 100%;height: auto;}
.link{padding: 10px 0px;}
.dibu{padding-bottom: 10px;}
.link_img{width: 30%;float: none;margin-left: 5%;}
.link p{width: 90%;float: none; text-align: left;padding: 10px 5%;}
.link p a{padding: 5px 6px; color: #f8f8f8; font-size: 12px;}
.footer_con dl{font-size:14px; margin:5px 0; width: 90%; float: none; display: inline-block; padding: 0px 5%; }
.footer_con dl dt{color: #c4c4c4; font-size: 13px; line-height: 24px;float: left; border-bottom: none; font-weight: bold;}
.footer_con dl dd{color: #c4c4c4; font-size: 13px; line-height: 24px;float: left;padding:0px 6px;}
.footer_con dl dd a{color: #c4c4c4; font-size: 13px; line-height: 24px;}
.footer_con dl dd a:hover{text-decoration: underline;}
.footer_con .code_info{width: 90%; padding: 0px 5%; float: none;border-left: none;display: none;}
.footer_con .code_info img{display: block;max-width: 100%;height: auto; margin: auto;}
.footer_con .code_info h1{color: #c4c4c4; font-size: 12px; line-height: 30px; text-align: center;}
.footer_con .code_info h2{color: #c4c4c4; font-size: 15px; line-height: 30px; text-align: center;}
}
@media (min-width: 768px){
.hzhb_left{width: 20%; float: left; display: block; margin-left: 3%;}
.hzhb_right{width: 77%; float: left;}
.hzhb_right ul{padding-top: 40px;}
.hzhb_right li{width: 16%; margin: 0px 2%; float: left; margin-top: 57px;}
.hzhb_left img{display: block;max-width: 100%;height: auto;}
.hzhb_right img{display: block;max-width: 100%;height: auto;}
.link{padding: 10px 0px;}
.dibu{padding-bottom: 10px;}
.link_img{width: 20%;float: none;margin-left: 3%;}
.link p{width: 94%;float: none; text-align: left;padding: 10px 3%;}
.link p a{padding: 5px 6px; color: #f8f8f8; font-size: 12px;}
.footer_con dl{font-size:14px; margin:5px 0; width: 94%; float: none; display: inline-block; padding: 0px 3%; }
.footer_con dl dt{color: #c4c4c4; font-size: 13px; line-height: 24px;float: left; border-bottom: none; font-weight: bold;}
.footer_con dl dd{color: #c4c4c4; font-size: 13px; line-height: 24px;float: left;padding:0px 13px;}
.footer_con dl dd a{color: #c4c4c4; font-size: 13px; line-height: 24px;}
.footer_con dl dd a:hover{text-decoration: underline;}
.footer_con .code_info{width: 94%; padding: 0px 3%; float: none;border-left: none;display: block}
.footer_con .code_info img{display: block;max-width: 100%;height: auto; margin: auto;}
.footer_con .code_info h1{color: #c4c4c4; font-size: 12px; line-height: 30px; text-align: center;}
.footer_con .code_info h2{color: #c4c4c4; font-size: 15px; line-height: 30px; text-align: center;}

}

/*PC_1200PX*/
@media (min-width:1200px){
.header_con{height:105px;}
/*.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; text-align: center; margin-left: 0px;}
.nav>li:hover .dropdown-menu{display:block !important;}
.header_con .logo img{margin-top:0px; height:98px;}
.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; margin-right:0px; border-right: 1px solid #494e56;}
.header_con .menu ul li a{color:#fff; padding:0 28px; }
.header_con .menu ul li>a:hover, .header_con .menu ul li>a.active{background-color: #000; width: auto; height:105px;}
.header_con .menu ul li a{background-color: initial; background: none; line-height:105px; font-size: 18px;}
.header_con .menu ul li ul.dropdown-menu li{float:none !important; background-color: #fff; margin: 0;}
.header_con .menu ul li ul.dropdown-menu li a{color: #666;}
.header_con .menu ul li ul.dropdown-menu li a:hover{height: auto;}
.header_con .menu ul li ul li a{font-size:14px;}
.header_con .menu ul li a:focus{background-color: #000; width: auto; height:105px;}
.hzhb_left{width: 20%; float: left; display: block; margin-left: 0px;}
.hzhb_right{width: 80%; float: left;}
.link{padding: 45px 0px;}
.dibu{padding-bottom: 45px;}
.link_img{width: 20%;float: left;margin-left: 0px;}
.link p{width: 80%;float: left; text-align: left;padding: 0px;}
.link p a{padding: 5px 15px; color: #f8f8f8; font-size: 12px;}
.footer_con dl{font-size:14px; margin:5px 0; width: 18%; float: left; padding: 0px;}
.footer_con dl dt{color: #c4c4c4; font-size: 15px; line-height: 40px; padding: 0px; float: none; border-bottom: 1px dashed #7c7c7c;}
.footer_con dl dd{color: #c4c4c4; font-size: 13px; line-height: 24px; padding: 0px; float: none;}
.footer_con dl dd a{color: #c4c4c4; font-size: 13px; line-height: 24px;}
.footer_con dl dd a:hover{text-decoration: underline;}
.footer_con .code_info{width: 20%; padding: 0px 3%; float: right;border-left: 1px dashed #7c7c7c;}
.footer_con .code_info img{display: block;max-width: 100%;height: auto; margin: auto;}
.footer_con .code_info h1{color: #c4c4c4; font-size: 12px; line-height: 30px; text-align: center;}
.footer_con .code_info h2{color: #c4c4c4; font-size: 15px; line-height: 30px; text-align: center;}
}