@charset "utf-8";
/* CSS Document */
* {margin:0; padding:0; list-style:none; }
html{_background:url(about:blank);background-attachment:fixed;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,
button,input,textarea,th,td{margin:0;padding:0;}
body{ background:#fff; color:#333; font-size:12px; overflow-x:hidden !important; font-family: '微软雅黑', "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif, 'Tahoma'; margin:0 auto; padding:0; line-height:25px;}
ul,li{list-style:none;}
input,textarea,button,select{font-size:12px; outline:none; resize:none; color:#555; font-family: '微软雅黑', "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif, 'Tahoma';}
button{cursor: pointer;}
table{border-collapse:collapse;border-spacing:0;}
/*清除浮动*/
.clear{ clear:both;}
.clearfix:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height: 0;}
.clearfix {*zoom:1;}

a{color:#333; text-decoration:none;-webkit-transition:color 0.3s ease-out;-moz-transition:color 0.3s ease-out;-o-transition:color 0.3s ease-out;transition:color 0.3s ease-out;}
a:hover{color:#0063b1; text-decoration:none;}
img{border:none; max-width:100%;}
#clear{width:100%; height:0px; clear:both;}
h2{ font-size:24px; font-weight:blod; line-height:30px;}
h4{ font-size:14px; font-weight:blod; line-height:30px;}
p{line-height:28px;}

.mt5{ margin-top: 5px;}
.mt10{ margin-top: 10px;}
.mt20{ margin-top: 20px;}
.mt30{ margin-top: 30px;}
.mt40{ margin-top: 40px;}
.mt50{ margin-top: 50px !important;}
.mt60{ margin-top: 60px !important;}
.mt70{ margin-top: 70px;}
.mt80{ margin-top: 80px;}
.mt90{ margin-top: 90px;}
.mt100{ margin-top: 100px;}

.se1{color:#333;}.se2{color:#0063b1}
.left{float:left;}.right{float:right;}
.line35{line-height:35px;}.line40{line-height:40px;}.line50{line-height:50px;}.line60{line-height:60px;}.line70{line-height:70px;}
.s12{font-size:12px;}.s14{font-size:14px;}.s16{font-size:16px;}.s18{font-size:18px;}.s20{font-size:20px;}.s22{font-size:22px;}.s24{font-size:24px;}.s26{font-size:26px;}.s28{font-size:28px;}.s30{font-size:30px;}.s32{font-size:32px;}.s34{font-size:34px;}.s36{font-size:36px;}.s38{font-size:38px;}.s40{font-size:40px;}

#lh10{ width:100%; height:10px;}
#lh20{ width:100%; height:20px;}
#lh30{ width:100%; height:30px;}
#lh40{ width:100%; height:40px;}
#lh50{ width:100%; height:50px;}
#lh60{ width:100%; height:60px;}
#lh70{ width:100%; height:70px;}
#lh80{ width:100%; height:80px;}
#lh90{ width:100%; height:90px;}
#lh100{ width:100%; height:100px;}

.onon{background:rgba(255,255,255,1) !important; }



@media only screen and (min-width:1200px) {
.top{ width:100%; height:86px; background:rgba(255,255,255,1);  -moz-box-shadow:0px 0px 15px rgba(0,0,0,0.3); -webkit-box-shadow:0px 0px 15px rgba(0,0,0,0.3); box-shadow:0px 0px 15px rgba(0,0,0,0.3); position:fixed; top:0; left:0; z-index:888; transition:0.5s;}
.topc{ width:90%; height:86px; max-width:1800px; margin:0 auto; position:relative;}
.topcl{ height:57px; float:left; padding-top:14px;}
.topcl img{height:57px;}
/*menu*/
#menu { display:block; width:650px; float:right; height:55px;  padding-top: 14px;}
#nav {display:block; width:100%; height:55px; margin:0 auto;}
#nav  li a:before{content: "";display: block;position: absolute;left: 50%;right: 50%;bottom: 0px;height: 2px;opacity: 0;background-color: #0063b1;-webkit-transition: all .3s;-o-transition: all .3s;-ms-transition: all .3s;transition: all .3s;}
#nav  li a:hover:before{left: 1%;right: 1%;opacity: 1;-webkit-transition: all .3s;-o-transition: all .3s;-ms-transition: all .3s;transition: all .3s;}	
	
#nav .mainlevel {float:left; width:14.1%; text-align:center; display:block; position:relative; z-index:80}
#nav .mainlevel a{ text-decoration:none; width:100%; text-align:center; line-height:55px;  color:#111; height:55px; display:block; font-size:16px; -webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;transition:all 0.3s ease-in; z-index:99999;}
#nav .mainlevel a:hover {color:#0063b1; text-decoration:none; z-index:999}
	
#nav .mainlevel i{margin-left:6px; color:#888;}
	
#nav .mainlevel ul {position:absolute; display:none; margin-left:-10px; background:rgba(255,255,255,0.9); padding:10px 10px 30px 10px; z-index:9999; /*border-top:#0063b1 2px solid;*/ border-radius:8px; -moz-box-shadow:0px 0px 3px #fff; -webkit-box-shadow:0px 0px 3px #fff; box-shadow:0px 0px 3px #fff;}
#nav .mainlevel li {}
#nav .mainlevel li a {padding:0px; width:100px; text-align:center; color:#555; border-bottom:#aaa 1px dotted; font-size:14px; text-indent:0px; line-height:50px; height:50px; display:block;-webkit-transition:all 0s ease-out;-moz-transition:all 0s ease-out;-o-transition:all 0s ease-out;transition:all 0s ease-out;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
#nav .mainlevel li a:hover { text-decoration:underline; color:#0063b1; text-decoration:none; background:none;}

#nav li.mainlevel ul li a:before{ display:none;}
#nav li.mainlevel ul li a:hover:before{display:none;}
	
#nav .mainlevel a.on{color:#0063b1;}
/*#nav .mainlevel a.on:before{content: "";display: block;position: absolute;left: 1%;right: 1%;bottom: 0px;height: 2px;opacity: 1;background-color: #0063b1;-webkit-transition: all .3s;-o-transition: all .3s;-ms-transition: all .3s;transition: all .3s;}*/

/*分页*/

/*
#nx_pg{width:98%; height:30px; padding:20px 0px 50px 0px; text-align:center;}
#nx_pg a{display:inline; padding:8px 15px 8px 15px; background:#f8f8f8; font-size:14px; margin:0px 1px 0px 1px; border-radius:2px; -webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out}
#nx_pg a:hover{background:#0063b1; color:#fff;}
#nx_pg span.current{background:#0063b1; color:#fff;}
*/


#nextpage{width:98%; height:30px; padding:20px 0px 50px 0px; text-align:center;}
#nextpage a{display:inline; padding:6px 8px 6px 8px; background:#eee; font-size:14px; margin:0px 3px 0px 3px; border-radius:2px; -webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out}
#nextpage a:hover{background:#0063b1; color:#fff;}
#nextpage span.total { display: none}
#nextpage span.current{background:#0063b1; color:#fff;display:inline; font-size:14px; padding:6px 8px 6px 8px;margin:0px 3px 0px 3px; border-radius:2px; -webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out}
	
	
}


/*移动端导航开始*/
#wap_nav{ display:none;}
@media only screen and (max-width: 1199px) {
.top{ display:none;}
#wap_nav{ display:block !important; }
.ftop{ display:block; width:100%; height:40px; padding:1px 0px 1px 0px; box-sizing:content-box; text-align:center; border-bottom:#0063b1 0px solid; overflow:hidden; background:rgba(255,255,255,1); background-size:100% auto; position: fixed; left:0; top:0; z-index:999; -moz-box-shadow:0px 0px 8px rgba(0,0,0,0.1); -webkit-box-shadow:0px 0px 8px rgba(0,0,0,0.1); box-shadow:0px 0px 8px rgba(0,0,0,0.1); transition:0.5s;}
.ftop .left{margin-left:15px; float:left;}
.ftop .right{ /*width:100px;*/ margin-right:10px; line-height:40px; float:right;}
.ftop .left img{height:28px; margin-top:6px;}
.ftop .left1 img{height:40px; margin-top:px;}
.ftop .right ul li{ float:right; display:block; width:80%; height:40px; line-height:40px; font-size:1.2em; text-align:center;}

.ftop .right a{color:#555;}
.topt{width:100%; height:70px;}
.bgDiv{width: 100%; height: 100%; background-color: #000; opacity: .5; position:fixed; display: none; z-index:1002; bottom: 0;}
.leftNav{ width:60%; max-width:500px; height: 100%;background-color:#fff; position: fixed; z-index:1003; top: 0; left: -60%;}
.rightNav{width:80%; max-width: 400px;  height: 100%; background-color:#241c1e;  position: fixed; z-index: 999; top: 0; left: -80%;}
.rightNav h1{font-size:18px; padding-left:10px; color:#e1d1c2; line-height:40px; padding-top:20px;}
.upNav{ width: 100%; height: 80px;background-color:#241c1e; position: fixed; z-index: 999; top: -80px;}
.downNav{ width: 100%;background-color:#241c1e; height: 60px;position: fixed;  z-index: 999;  bottom: -60px;}
/*二级菜单*/
.ny_zb{width:100%; margin:0 auto; padding-top:2px; padding-bottom:20px;}
.ny_zblb1 li{line-height:40px;font-size:16px; float:left; width:100%;}
.ny_zblb1 li a{display:block; width:100%; height:40px; color:#555; margin:0 auto; line-height:40px; padding-top:0px; overflow:hidden; padding-left:0px; text-indent:10px; margin-top:0px; padding-bottom:3px; border-bottom:#eee 1px solid; font-size:14px; box-shadow:0 0px 0px #d0d0d0;-webkit-transition:all 0.0s ease-in;-moz-transition:all 0.0s ease-in;-o-transition:all 0.0s ease-in;transition:all 0.0s ease-in;}
.ny_zblb1 li a.cur{color:#fff; background:#0063b1;  border-bottom:#0063b1 1px solid; }
.ny_zblb1 li ul{display:none; padding-bottom:0px; background:#333;}
.ny_zblb1 li ul li{width:100%; }
.ny_zblb1 li ul li a{ width:100%; height:35px; font-size:12px; color:#777;  text-indent:20px; line-height:35px; overflow:hidden; margin-top:0px; font-size:14px; display:block;  border-top:none; -webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;transition:all 0.2s ease-in;background: #eee; border-bottom:#ddd 1px solid;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.ny_zblb1 li ul a:hover{background:#f14b44; color:#fff;}
.ny_zblb1 li ul li ul{display:none; padding-bottom:0px; background:#333;}
.ny_zblb1 li ul li ul li{width:100%; }
.ny_zblb1 li ul li ul li a{ width:100%; height:35px; font-size:12px; color:#e5ecf7; line-height:35px; text-indent:40px; overflow:hidden; margin-top:0px; font-size:14px; display:block;  border-top:none; -webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;transition:all 0.2s ease-in; background: #26446d; border-bottom:#2d4f7d 1px solid;}
.ny_zblb1 li ul li ul a:hover{background:#fbb253; color:#fff;}
.ny_zblb1 li ul li a.cur{color:#e5ecf7;background: #182d4a; border-bottom:#254066 1px solid;}
	
#nextpage{width:98%; height:30px; padding:20px 0px 50px 0px; text-align:center;}
#nextpage a{display:inline; padding:6px 8px 6px 8px; background:#eee; font-size:14px; margin:0px 3px 0px 3px; border-radius:2px; -webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out}
#nextpage a:hover{background:#0063b1; color:#fff;}
#nextpage span.total { display: none}
#nextpage span.current{background:#0063b1; color:#fff;display:inline; font-size:14px; padding:6px 8px 6px 8px;margin:0px 3px 0px 3px; border-radius:2px; -webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out}
	
}