@charset "utf-8";


/* top menu layout */
/* header */
#header{width:100%; z-index:99999; position:fixed;}
.h_pos{position:relative; width:100%; margin:0 auto; background: #fff;}

.quick_menu{width: 100%; height: 30px; background: #2381b5;}
.quick_menu div{position:relative; width: 1000px; margin: 0 auto;}
.quick_menu ul{position: absolute; right: 0;}
.quick_menu li{float: left; margin-left: 20px;}
.quick_menu li:first-child{margin-left: 0;}
.quick_menu li a{display: inline-block; line-height: 30px; padding: 0 5px; color: #fff; font-size: 12px;}

#gnb {width:100%;}
#header{width:100%;}
.gnb_wrap {position:relative; top:0; z-index:9; width:100%; background:url(../imgs/nav_img.png) center top no-repeat; opacity:1;}
.gnb_wrap .inner {position:relative; overflow:hidden; width:1000px; margin:0 auto;}
.gnb_wrap h1{float:left;}
.gnb_wrap .gnb{float:right;padding:0; height:88px; overflow:hidden;}
.gnb_wrap .gnb > li {}
.gnb_wrap .gnb li{float:left;}
.gnb_wrap .gnb > li > a{display:block;overflow:hidden; height:88px; line-height:88px; padding:0 40px; font-size:19px; color: #333; font-weight:500;}
.gnb_wrap .gnb > li.m1 > a.on, .gnb_wrap .gnb > li.m1 > a:hover, .gnb_wrap .gnb > li.m1 > a:focus{color:#1772ab;}
.gnb_wrap .gnb > li.m2 > a.on, .gnb_wrap .gnb > li.m2 > a:hover, .gnb_wrap .gnb > li.m2 > a:focus{color:#6ea219;}
.gnb_wrap .gnb > li.m3 > a.on, .gnb_wrap .gnb > li.m3 > a:hover, .gnb_wrap .gnb > li.m3 > a:focus{color:#dd7e08;}
.gnb_wrap .gnb > li.m4 > a.on, .gnb_wrap .gnb > li.m4 > a:hover, .gnb_wrap .gnb > li.m4 > a:focus{color:#7311c6;}
.gnb_wrap .gnb > li.m5 > a.on, .gnb_wrap .gnb > li.m5 > a:hover, .gnb_wrap .gnb > li.m5 > a:focus{color:#038a84;}


.gnb_wrap .gnb li ul{padding-left:10px; padding-top:1000px;}
.gnb_wrap .gnb.on li ul{padding-top:0px; border-left:1px solid #ccc; height:240px;}
.gnb_wrap .gnb li li{float:none;padding:10px 0 0 20px; line-height:20px;}
.gnb_wrap .gnb li li a{display:inline;padding:5px 10px;height:auto;overflow:visible;margin:0; font-weight:400;font-size:15px;}

.gnb_wrap .gnb li.on img,
.gnb_wrap .gnb li.hv img{margin-top:-30px;}
.gnb_wrap .gnb li.m1 li.on a, .gnb_wrap .gnb li.m1 li.hv a, .gnb_wrap .gnb li.m1 li a:hover, .gnb_wrap .gnb li.m1 li a:focus{background: #1772ab; color: #fff;}
.gnb_wrap .gnb li.m2 li.on a, .gnb_wrap .gnb li.m2 li.hv a, .gnb_wrap .gnb li.m2 li a:hover, .gnb_wrap .gnb li.m2 li a:focus{background: #6ea219; color: #fff;}
.gnb_wrap .gnb li.m3 li.on a, .gnb_wrap .gnb li.m3 li.hv a, .gnb_wrap .gnb li.m3 li a:hover, .gnb_wrap .gnb li.m3 li a:focus{background: #dd7e08; color: #fff;}
.gnb_wrap .gnb li.m4 li.on a, .gnb_wrap .gnb li.m4 li.hv a, .gnb_wrap .gnb li.m4 li a:hover, .gnb_wrap .gnb li.m4 li a:focus{background: #7311c6; color: #fff;}
.gnb_wrap .gnb li.m5 li.on a, .gnb_wrap .gnb li.m5 li.hv a, .gnb_wrap .gnb li.m5 li a:hover, .gnb_wrap .gnb li.m5 li a:focus{background: #038a84; color: #fff;}

.gnb_shadow{width: 100%; height: 5px; background: url(../imgs/nav_s.png) repeat-x;}


.allmclosed{position:absolute; width:50px; height:50px; background:url(../imgs/allmenuclosed.jpg); top:170px; left:50%; margin-left:450px; z-index:100001; cursor:pointer; display:none;}
.allm_box{position:fixed; z-index:100000; top:0; left:0; bottom:0; right:0;  background:url(../imgs/back_img.png); display:none;}
.allm{position:absolute; width:900px; height:500px; left:50%; margin-left:-450px; top:170px; border:3px solid #0f4dab; box-sizing:border-box; background:#fff; z-index:100001; display:none;}
.allm .allmbox{position:relative; width:900px; height:500px; padding:32px; box-sizing:border-box;}
.allm .allmbox ul.allsub{width:180px; margin-right:20px; float:left;}
.allm .allmbox ul.marnone{margin-right:0;}
.allm .allmbox ul.clearnone{clear:both;}
.allm .allmbox ul.martop{margin-top:30px;}
.allm .allmbox ul.allsub > li{width:180px; line-height:25px; padding-left:18px; box-sizing:border-box; background:url(../imgs/bullet1.gif) no-repeat 7px center;}
.allm .allmbox ul.allsub > li a{color:#333; font-weight:500; font-size:14px;}
.allm .allmbox ul.allsub > li.depth3 a{font-weight:400; font-size:13px; line-height: 16px;}
.allm .allmbox ul.allsub > li.depth2{margin-top: 5px;}
.allm .allmbox ul.allsub > li a:hover{color:#0f4dab;}
.allm .allmbox ul.allsub > li:first-child{width:180px; line-height:inherit; height:40px; border-bottom:2px solid #0f4dab; color:#0f4dab; font-weight:500; font-size:17px; background:none; padding-left:3px;}
.allm .allmbox ul.allsub > li:first-child + li{margin-top:15px;}
.allm .allmbox ul.allsub > li.notree{background:url(../imgs/bullet1.gif) no-repeat 7px 10px;}
.allm .allmbox ul.allsub > li.notree li{padding-left:12px; box-sizing:border-box; background:url(../imgs/bullet2.gif) no-repeat 2px center;}
.allm .allmbox ul.allsub > li.notree li a{color:#999; font-weight:500; font-size:13px;}
.allm .allmbox ul.allsub > li.notree li a:hover{color:#333;}
.allm .allmbox ul:after{content:""; clear:both; display:block; *zoom:1;}

.top_go{position:fixed; z-index:20; left:50%; bottom: 50px; margin-left:600px; width:50px; height:50px; background:url(../imgs/top.png) center no-repeat; background-size:contain; cursor: pointer; display: none;}

.footer_wrap{position: relative; width: 100%;}
.footer_wrap .footer_link{width: 100%; border-top: 1px solid #d2d2d2;}
.footer_wrap ul:after{content:""; display:block; clear:both;}
.footer_wrap ul{width: 1000px; margin: 0 auto;}
.footer_wrap ul li{float: left; line-height: 20px; padding: 10px; background: url(../imgs/copy_line.jpg) left center no-repeat;}
.footer_wrap ul li:first-child{padding-left: 0; background: none;}
.footer_wrap .copy{background: #3a3e45; color: #fff;}
.footer_wrap .copy div{width: 1000px; margin: 0 auto; padding: 20px 0;}
.footer_wrap .copy div p{margin-top: 5px;}
.footer_wrap .copy div p:first-child{margin-top: 0;}