@charset "utf-8";
body{position: relative;color:#333333;background: #F5F9FF;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:1400px; 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;}


/***** header *****/
.header{position: relative; background: #fff;}
.header .container{position: relative; padding:15px 0;}
.header .logo{margin-right: 80px;}
.header .logo img{max-width: 90%;margin-right: 18px;}
.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: rgba(0, 81, 145, 1);font-size: 0.9375em;background: url(../images/icon_quit.png) no-repeat 16px center;border-radius: 40px;width: 52px;text-align: center;border: 1px solid;}
.header .logoutbtn:hover{background-color: #0191d8;}
.header .user_info{float: left; padding-left: 28px; margin-right: 20px; line-height: 30px; color:rgba(0, 81, 145, 1); 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;}


.swiper-nav .swiper-slide{position:relative; float:left; margin-right:5%; text-align:center;}
.swiper-nav .swiper-slide .link{position:relative; display:inline-block; font-weight:bold; font-size:1.25em; line-height:63px; text-align:center; white-space:nowrap;}
.swiper-nav .swiper-slide .link:after{position:absolute; bottom:0; right:0; left:0; content: ""; width:0; height:3px; margin:0 auto; background:#fff; -webkit-transition:150ms; -moz-transition:150ms; -o-transition:150ms; transition:150ms;} 
.swiper-nav .swiper-slide:hover .link:after,.swiper-nav .swiper-slide.checked .link:after{width:100%;} 

.mainnav{background: #355e92;}
.mainnav .container{padding: 0;}
.mainnav a{color: #fff;}
 .swiper-nav .checked .link{color: #fbd502 !important;}
 .swiper-nav .swiper-slide{width: 12.5%; margin-right: 0 ; text-align: center;}
.swiper-nav .swiper-slide .link:after {background-color: #fbd502 !important;}

.bodyMain{background: url(../images/bg.jpg) no-repeat;background-size: cover;}


.headerbg{padding: 40px 0 20px;margin-bottom: 20px;}
.headerbg > .container{position: relative;}
.headerbg .right-header{text-align: center;display: flex;}
.headerbg .right-header .username{font-size: 24px;margin-bottom: 20px;margin-top:5px;margin-left: 10px;font-weight:700;}
.headerbg .right-header .userset{dispaly:flex;justify-content:space-between}
.headerbg .right-header .userset a{border-radius: 22px;padding: 4px 12px;display: inline-block;position: relative;width: 124px;background: url(../images/wjdc.png);height: 35px;font-size: 18px;color: rgba(178, 97, 0, 1);text-align: left;line-height: 32px;}
.headerbg .right-header .userset a .message{margin-left: 10px;}
.headerbg .right-header .userset .layui-badge{position: absolute;top: -8px;font-weight: 400;font-size: 10px;right: 6px;border-radius: 50px;padding: 0;width: 18px;}

.headerbg .layui-col-md3 > a{float: right;width: 100%;}
.headerbg .layui-col-md3 .title{font-size: 18px;font-weight: bold;padding-top: 26px;padding-left: 10px;}
.headerbg .layui-col-md3 .countinfo{position: absolute;bottom: 34px; right: 20px;}
.headerbg .layui-col-md3 .countinfo .count{font-size: 18px;font-weight: bold;}
.headerbg .layui-col-md3 .countinfo span{font-size: 18px;}
.com4{position: relative;width: 100%;height: 85px;;color: rgba(51, 51, 51, 1);display: flex;background: rgba(255, 255, 255, 0.28);border: 1px solid rgba(255, 255, 255, 0.9);box-shadow: 0px 3px 9px  rgba(37, 82, 141, 0.14);
backdrop-filter: blur(14px);}
.com4 i{width: 42px;height: 42px;padding-top: 30px;margin-left: 10px;}
.mygongkaishenqing i{background: url(../images/ysq_icon.png) no-repeat center;}
.mybanshi i{background: url(../images/bs_icon.png) no-repeat center;}
.myxinjian i{background: url(../images/xx_icon.png) no-repeat center;}
.mydingyue i{background: url(../images/zcdy_icon.png) no-repeat center;}
/* .nowdate{position: absolute;width: 105px;height: 103px;background: url(../images/rili.png) no-repeat;right: -136px;top: -50px;}
.nowdate .date{position: absolute;top: 39px;left: 0;right: 0;text-align: center;color: #fff;}
.nowdate .week{position: absolute;bottom: 13px;left: 0;right: 0;text-align: center;color: #005191;} */
/***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;}
.clearfix{*zoom:1;}.clearfix:before,.clearfix:after{display:table;content:"";line-height:0;}
.clearfix:after{clear:both;}

/* .bodyMain{padding:30px 0;background: #F5F9FF;} */
.bodyMain > .container{margin-bottom: 40px;position: relative; background:url(../images/bodymain_shade.png) repeat-y 240px top;  min-height: 510px;}
.left{width: 246px; position: absolute; left: 0; top: 0;bottom: 0;background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(228, 242, 255, 1) 100%);border-right:1px solid rgba(144, 202, 255, 1);}
.left .menu{background: url(../images/menu_bg.png) no-repeat right;}
.right{margin-left: 250px; padding:0 20px;}
/* .right .right-container{background: #fff;} */
.left ul li a{display: block; position: relative; margin-bottom: 1px;font-size: 17px;padding-left: 90px; height: 64px; line-height: 64px; color:#333333;}
.left ul li a.active, .left ul li a.active:hover{font-weight: bold;background: linear-gradient(90deg, #ECF3FF 0%, #D2E7FE 100%);color: #2471C4;}
.left ul li a:hover{background: linear-gradient(90deg, #ECF3FF 0%, #D2E7FE 100%);color: #2471C4;}
.left ul li a .iconfont{position: absolute; left: 45px; top: 50%; line-height: 24px; margin-top: -12px; font-size: 1.5em; }

.left ul li a .iconfont2{position: absolute; right: 20px; top: 50%; line-height: 24px; margin-top: -12px; font-size:18px; }



.clearfix{*zoom:1;}.clearfix:before,.clearfix:after{display:table;content:"";line-height:0;}
/*重写页面弹窗*/

.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: 1440px) {
	  .container{width:96%;}
}

@media (max-width: 1280px) {
    .container{width:96%;}
    .header .user_info{display: none;}
}
@media (max-width: 1200px){
	.layui-col-md9>.layui-col-md3{width: 50%;}
}

@media (max-width: 992px) {
    body{font-size: 15px;}
.layui-col-md9>.layui-col-md3{width: 50%;float: left;}
    .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-toggle.header-choose-menu-m .menu{background: none;}
	.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: rgba(0, 81, 145, 1);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);
    }
	.headerbg{padding-top: 20px;margin-bottom: 0;}
	
	.headerbg .right-header{display: block;}
	.headerbg .right-header .userset{display: block;margin-bottom: 20px;}
    .footer-wzbs, .footer-copyright, .footer-jiucuo{display: block; text-align: center; padding: 0;}
    .footer-copyright{padding: 10px 0 20px;}

    .bodyMain{background: none; position: relative;}
    .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) {
	.swiper-nav .swiper-slide{width: 25%;}
    .bodyMain{padding: 0 0 20px;}
}

@media (max-width: 580px) {
    .header .logo img{max-width: 100%;}
	.layui-col-md9>.layui-col-md3 {width: 100%;padding: 5px;}
}