@charset "utf-8";
/* CSS Document */

body,html{ padding:0; margin:0; font-size:0.875em; color:#666; font-family:'微软雅黑';}
ul,li,p,h1,h2,h3,dl,dt,dd,input,menu{ padding:0; margin:0; list-style:none;}
a{ text-decoration:none; color:#333;}
a:hover{ color: #0009ea; text-decoration: none; cursor:pointer;}
.demo{ -webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}
.clear{ clear:both;}
img{ vertical-align:top; border:none;}
input{font-family: '微软雅黑';}
input:focus{ outline: none;}
textarea:focus{ outline: none; }
.center{position: relative; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}

/* 头部 */
.top_bg{ width:94%; padding:0 3%; height:62px; background:#fff; position: fixed; top:0px; left:0; z-index: 997; border-bottom: solid 1px #f5f5f5;}
.top_bg .logo{ float:left; padding-top:13px;}
.top_bg .logo img{ width:60%;}
.top_bg .nav_btn{ width:36px; height:36px; float:right; position: absolute; top: 5px; right: 5%;}
.top_bg .nav_btn .nav_btn_h_img{ display:none;}
.top_bg .nav_btn_h{ width: 30%; height: 100%; position: fixed; top: 0; right: 0; background: rgba(0,0,0,0.8); z-index: 998;}
.top_bg .nav_btn_h .nav_btn_img{ display: none; }
.nav_btn_img{ padding-top:14px;}

#NavBody{ display: block; width: 70%; height: 100%; background: #fff; position: fixed; top: 0; left: 0; z-index: 998; overflow-x: hidden; overflow-y:auto; display: none;}
#NavBody .nav_logo{ width: 90%; height: 68px; box-shadow: 0 1px 1px #ccc; padding: 0 5%; }
#NavBody .nav_logo img{ height: 45px; display: block; margin: 0 auto; max-width: 90%; }
#NavBody .nav_box{ width: 90%; height: auto; padding: 5%; }
#NavBody .nav_box li{ display: block; width: 100%; height: 36px; line-height: 36px; border-bottom: dotted 1px #ccc;}
#NavBody .nav_box li .submenu_a{ display: block; width: 100%; height: 36px; text-indent: 2em; color: #333;}
#NavBody .nav_box li .submenu_a span{ float: right; padding-right: 2em; color: #999;}
#NavBody .nav_box li .submenu_a_h{ display: block; width: 100%; height: 31px; text-indent: 2em; color: #333; background: #f8ecf1; border-radius: 10px; color:#c74187; }
#NavBody .nav_box li .submenu_a_h span{ float: right; padding-right: 2em; color: #999;}
#NavBody .subnav_box{ width: 100%; height: auto; padding: 3%; display: none;}
#NavBody .subnav_box .subnav_a{ display: block; width: 100%; height: 31px; line-height: 31px; text-indent: 2em;}
#NavBody .subnav_box .subnav_a em{ font-style: normal; font-family: '宋体'; padding-right: 5px; font-weight: bold; color: #999;}

.top_black{ width:100%; height:62px;}

/* bottom */
.bottom_bg{ width: 90%; height: auto; background: #191a1c; text-align: center; color: #f4f4f4; line-height: 28px; padding:10px 5%; font-size: 1em;}
.bottom_bg a{ display: block; color: #f4f4f4; }

.bottom_black{ width:100%; height:45px; background: #fff;}

.bottom_flow{ width:100%; height:auto; background:#121213; position:fixed; bottom:0; right:0; padding-top:8px; padding-bottom:5px;}
.bottom_flow ul{}
.bottom_flow ul li{ width:25%; float:left; text-align:center;}
.bottom_flow ul li a{ color:#fff; display: block;}
.bottom_flow ul li img{ width:20%; display:block; margin:0 auto;}