@charset "utf-8";
body{position: relative; color:#333333; font-size:16px; font-family:Microsoft YaHei,Simsun,SimHei,Arial; -webkit-text-size-adjust:none;}
body, button, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, hr, input, legend, li, ol, p, pre, textarea, ul{ padding:0; margin:0;}
li, ol, ul{ list-style:none;}
img{ border:none; border:0; max-width:100%;}
a{ text-decoration:none; color:#333333; noline:expression(this.onFocus=this.blur());}
a:focus {outline:none;-moz-outline:none;}
a:hover{color:#335e92;}
button, input, select, textarea {font-family: inherit; font-size:0.9375em;}
input:focus, textarea:focus{ outline: none;}
input::-webkit-input-placeholder{color: #cccccc;}


/*layout*/
.container{ width:1200px; margin:0 auto; clear:both;}
.container:after {clear: both;}
.container:after, .container:before {display:table; content: "";}
.common-row:after, .common-row:before {content: '';	display: block;	clear: both;}
.header .user_info b,
.text-nowrap,
.text-nowrap p,
.text-nowrap a,
.text-nowrap span,
.text-nowrap font
{display:block; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}
.text-nowrap a{float: left; max-width: 100%;}
.left ul li a,
.transition a{-webkit-transition:300ms; -moz-transition:300ms; -o-transition:300ms; transition:300ms;}

.jScroll {overflow: hidden; -moz-user-select: none; -webkit-user-select: none; user-select: none;}

.clearfix{*zoom:1}.clearfix:before,.clearfix:after{display:table;line-height:0;content:""}.clearfix:after{clear:both}
.clear{clear:both;}
.mb{margin-bottom: 20px;}

/* tab */
.tab-brief .hd{border-bottom:#e0e0e0 1px solid;}
.tab-brief .hd li{float:left; padding: 0 0 14px; font-size: 1.5em; position: relative; margin-right: 30px;}
.tab-brief .hd li a{color:#666666;}
.tab-brief .hd li:after{content: ''; position: absolute; width:0; bottom:-2px; left:0; height: 3px; background: #355e92;transition: all .3s; -webkit-transition: all .3s;}
.tab-brief .hd li.on:after{width: 100%;}
.tab-brief .hd li.on{ font-weight: bold;}
.tab-brief .hd li.on a{color: #345d91;}
.tab-brief .hd .more{padding-top: 8px;}

/***** header *****/
.header{position: relative; background: #355e92;}
.header .container{position: relative; padding:15px 0;}
.header .logo{margin-right: 80px;}
.header .logo img{max-width: 90%;}
.header .header-r{position: absolute; top: 50%; margin-top: -15px; right: 0;}
.header .logoutbtn{float: left; height: 30px; padding: 0 8px 0 35px; line-height: 30px; color: #fff; font-size: 0.9375em; background:url(../images/icon_quit.png) no-repeat 8px center #007bb7; border-radius: 3px;}
.header .logoutbtn:hover{background-color: #0191d8;}
.header .user_info{float: left; padding-left: 28px; margin-right: 20px; line-height: 30px; color:#fff; font-size: 0.9375em; background: url(../images/user_icon.png) no-repeat left center;}
.header .user_info span{float: left;}
.header .user_info b{float: left; max-width: 300px; font-weight: normal;}
.mobile-nav{display: none;}


/***footer***/
.footer {background-color: #355e92; font-size:14px; color: #fff;}
.footer-cont{clear: both; padding: 20px 0; overflow: hidden; text-align: center;}
.footer-wzbs, .footer-copyright, .footer-jiucuo{display: inline-block; vertical-align: middle;}
.footer-wzbs img{vertical-align: middle;}
.footer-copyright{padding:0 30px 0 20px; text-align: left; line-height: 24px;}
.footer-copyright .beian{padding-left: 25px; margin-left: 5px; background: url(../images/beian.png) no-repeat left center;}
.footer-copyright a{color:#fff;}
.footer-copyright a:hover{text-decoration: underline;}

.dept-footer-cont{clear: both; padding: 25px 0; overflow: hidden; text-align: center;}
.dept-footer-wzbs, .dept-footer-copyright{display: inline-block; vertical-align: middle;}
.dept-footer-wzbs img{vertical-align: middle;}
.dept-footer-copyright{line-height: 24px; width: 45%;}
.dept-footer-copyright span{display: inline-block; margin-right: .3125em; margin-left: .3125em;}
.dept-footer-copyright .beian{display: inline-block; padding-left: 25px; margin-left: 5px; background: url(../images/beian.png) no-repeat left center;}
.dept-footer-copyright a,
.dept-footer-copyright a:hover{color:#fff;}


.bodyMain{padding:30px 0; background:url(../images/body_bg.jpg) no-repeat center bottom #e7f1fa;}
.bodyMain > .container{position: relative; background:url(../images/bodymain_shade.png) repeat-y 240px top #fff;  min-height: 487px;}
.left{width: 240px; position: absolute; left: 0; top: 0;}
.right{margin-left: 240px; padding:0 20px;}
.left ul li a{display: block; position: relative; margin-bottom: 1px; padding-left: 100px; height: 60px; line-height: 60px; color: #345e92;}
.left ul li a.active, .left ul li a.active:hover{background-color: #345e92; color: #fff;}
.left ul li a:hover{background-color:#dee9f3;}
.left ul li a .iconfont{position: absolute; left: 45px; top: 50%; line-height: 24px; margin-top: -12px; font-size: 1.5em; }




/*重写页面弹窗*/

.layui-layer-title {
    color: #fff !important;
    background-color: #345e92 !important;
}

.layui-layer-close {
    background-image: url('../images/closed.png') !important;
    background-position: 0 !important;
}


/* responsive */
@media (max-width: 1280px) {
    .container{width:96%;}
    .header .user_info{display: none;}
	.dept-footer-copyright{width: 48%;}
}

@media (max-width: 1199px) {
	.dept-footer-copyright{width: 50%;}
}

@media (max-width: 1094px) {
	.dept-footer-copyright{width: 55%;}
}

@media (max-width: 1094px) {
	.dept-footer-copyright{width: 55%;}
}

@media (max-width: 1024px) {
	.dept-footer-copyright{width: 58%;}
}

@media (max-width: 992px) {
    body{font-size: 15px;}

    .header .header-r{margin-top: -9px;}
    /* .header .logoutbtn{height: 26px; line-height: 26px;} */
    .header .logoutbtn{padding: 0; width: 17px; height: 18px; font-size: 0; background-color: transparent; background-position: 0 0; }

    #header-choose-toggle{opacity:0; max-height:0; overflow:hidden;}
	#header-choose-toggle.header-choose-menu-m{opacity:100; max-height:408px; transition:all .5s; }

	.header-choose-btn{position:absolute; top:50%; right:30px; margin-top: -7px; z-index:9; display:block;}
	.header-choose-btn div{position:relative; width:18px; height:14px; cursor:pointer;}
	.header-choose-btn span{display:block; position:absolute; left:0; width:100%; height:16.66%; background:#fff; transition:all .3s; -webkit-transform:translateY(-50%);  -ms-transform:translateY(-50%); transform:translateY(-50%);}
	.header-choose-btn span:nth-child(1){top:0;}
	.header-choose-btn span:nth-child(2){top:50%;}
	.header-choose-btn span:nth-child(3){top:100%;}
	.header-choose-opened .header-choose-btn span:nth-child(1){
			top: 50%;
			-webkit-transform: translateY(-50%) rotate(-45deg);
			-ms-transform: translateY(-50%) rotate(-45deg);
			transform: translateY(-50%) rotate(-45deg);
	}
	.header-choose-opened .header-choose-btn span:nth-child(2) {
			-webkit-transform: translateY(-50%) scaleX(0);
			-ms-transform: translateY(-50%) scaleX(0);
			transform: translateY(-50%) scaleX(0);
	}
	.header-choose-opened .header-choose-btn span:nth-child(3) {
			top: 50%;
			bottom: auto;
			-webkit-transform: translateY(-50%) rotate(45deg);
			-ms-transform: translateY(-50%) rotate(45deg);
			transform: translateY(-50%) rotate(45deg);
    }

    .footer-wzbs, .footer-copyright, .footer-jiucuo{display: block; text-align: center; padding: 0;}
    .footer-copyright{padding: 10px 0 20px;}
	.dept-footer-wzbs, .dept-footer-copyright{display: block; width: auto; text-align: center;}

    .bodyMain{background: none; position: relative; padding: 0 0 20px;}
    .bodyMain > .container{background: #fff; position: static;}

    .left{display: block; position: absolute; left: 0; right: 0; top:0; width: 100%; background: rgba(59,132,192,.96); background: linear-gradient(#5495ca,#57a0d8);  color: #fff; z-index: 999;}
    .left ul li{border-top: 1px solid rgba(255,255,255,.1);}
    .left ul li a{display: block; position: relative; height:auto; padding:15px; margin-bottom: 0; line-height: 20px; color: #fff;}
    .left ul li a:after {content: "";display: block; height: 100%; width: 3px; position: absolute; top: 0; left: 0; background-color: transparent;}
    .left ul li a.active:after{background-color: #fff;}
    .left ul li a .iconfont{display: none;}
    .left ul li a:hover, .left ul li a.active{background-color: transparent !important;}

    .right{margin-left: 0; padding: 0;}
	
}

@media (max-width: 768px) {
    .bodyMain{padding: 0 0 20px;}
}

@media (max-width: 580px) {
    .header .logo img{max-width: 100%;}
}