@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button,img{padding: 0; margin: 0;}
body{ margin:0; padding:0; font-size:0.75em; font-family:"微软雅黑", Arial;/* overflow-x:hidden;*/}
ul,li,dt,dl,dd,dl,ol,input{ margin:0; padding:0; list-style:none;}
img{ border:none; margin:0; padding:0; vertical-align:top}
a{ color:#333; text-decoration:none;}
a:hover{ color:#122979; cursor:pointer;}
.clear{ clear:both;}
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 */
.head_box{ width:90%; padding:0 5%; height:28px; line-height:28px; background:#262833; position:fixed; top:0; left:0; z-index:997; color:#FFF;}
.head_box a{ color:#FFF;}
.top_box{ width:90%; padding:0 5%; height:58px; border-bottom:solid 1px #f7f7f7; position:fixed; top:28px; left:0; z-index:997; background:#FFF;}
.logo{ height:40px;}
.nav_btn{ width: 36px; height: 36px; border-radius: 50%; position: absolute; top: 11px; right: 5%; text-align: center;}
.nav_btn .nav_btn_h_img{ display: none; }
.nav_btn .nav_btn_img{ margin-top: 9px; }
.nav_btn_h{ width: 30%; height: 100%; position: fixed; top: 0; right: 0; background: rgba(0,0,0,0.8); z-index: 998;}
.nav_btn_h .nav_btn_img{ display: none; }
.nav_btn_h .nav_btn_h_img{ display: block; margin: 0 auto;}

#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: 58px; box-shadow: 0 1px 1px #ccc; padding: 0 5%; }
#NavBody .nav_logo img{ height: 45px; display: block; margin: 0 auto; max-width: 100%; }
#NavBody .nav_box{ width: 90%; height: auto; padding: 5%; }
#NavBody .nav_box li{ display: block; width: 100%; height: 31px; line-height: 31px; border-bottom: solid 1px #e6e6e6;}
#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;}
.head_blank{ width:100%; height:86px;}

/* bottom */
.bottom_bg{ width:100%; height:335px; background:url(../images/bottom.jpg) no-repeat top center;}
.bottom{ width:90%; margin:0 auto;}
.bottom_left{ float:left; margin-top:50px;}
.bottom_left .bottom_tit{ font-size:18px; color:#FFF; line-height:32px; margin-bottom:12px;}
.bottom_left .bottom_tit span{ font-weight:bold; font-size:24px; text-transform:uppercase;}
.bottom_left .bottom_text{ color:#FFF; line-height:22px;}
.bottom_left .bottom_text dl{ margin-bottom:30px;}
.bottom_left .bottom_text dl dt{ font-size:14px;}
.bottom_left .bottom_text dl dd{ color:#afb0b7;}
.bottom_left .bottom_text dl dd a{ color:#afb0b7;}

.bottom_box { width:100%; height:auto; overflow:hidden; background:#262833;}
.bottom2{ width:90%; margin:0 auto; color:#FFF; height:auto; line-height:20px; padding:10px 0;}
.bottom2 a{ color: #fff;}
.bottom2 a:hover{ color: #fff;}