@charset "utf-8";

.header{position: relative;}
.header > .inhead{position: relative; z-index: 60;}
@media (max-width:1280px){
  .header > .inhead{z-index: 30;}
}
.header-logo{position: absolute; left: 0; top: 25px;}
.header-logo a{display: block;}
.header-logo a img{height: 90px;}
@media (max-width:1280px){
  .header-logo{left: 15px; width: 28%;}	
  .header-logo  a img{width: 100%; height: auto;}
}
@media (max-width:992px){
  .header-logo{position: static; padding-top: 15px; padding-bottom: 15px; width: 40%;}
}
@media (max-width:450px){
  .header-logo{width: 45%; min-width: 180px;}	
}

.header > .inhead.isztzl .header-logo{position: absolute; top: 20px;}
.header > .inhead.isztzl .header-logo a img{height: 80px;}
@media (max-width:1500px){
  .header > .inhead.isztzl .header-logo a img{height: 65px;}	
}
@media (max-width:1280px){
  .header > .inhead.isztzl .header-logo{width: 25%;}
  .header > .inhead.isztzl .header-logo a img{height: auto;} 	
}
@media (max-width:992px){
  .header > .inhead.isztzl .header-logo{top: 15px; width: 35%; padding-top: 0; padding-bottom: 0;} 	
}
@media (max-width:640px){
  .header > .inhead.isztzl .header-logo{top: 10px; width: 30%;}	
}
@media (max-width:450px){
  .header > .inhead.isztzl .header-logo{width: 28%; min-width: 136px;}	
}

.header-mainnav{position: absolute; top: 70px; right: 0; left: 0; z-index: 20;}
.header-mainnav ul li{display: inline-block;}
.header-mainnav ul li a{display: block; padding-right: .625em; padding-left: .625em; font-size: 1.125em; font-weight: bold; color: #fff; text-align: center; line-height: 60px; white-space: nowrap;}
@media (max-width:1280px){
  .header-mainnav{top: 22px; margin-top: 46px;}
  .header-mainnav ul{float: none; margin-left: 33%;}
  .header-mainnav ul li{float: left; display: block; width: 15%;}	
  .header-mainnav ul li a{padding-right: 0; padding-left: 0; font-size: 1.0625em; line-height: 50px;}
  .header-mainnav ul li.navli0{width: 10%;}	
}
@media (max-width:992px){
  body:not(.nores) .m-mainnav{position: fixed; top: 0; right: -100%; bottom: 0; left: auto; z-index: 9998; margin-top: 0; padding-right: 0; padding-left: 0; width: 200px !important; display: none; height: 100%; background: #2069bd; transition: all .3s; -webkit-transition: all .3s; box-shadow:0 0 5px rgba(0,0,0,0.4);}
  .m-mainnav-over{height: 100%; overflow-x: hidden;}	
  .m-mainnav-scroll{position: relative; width: 220px; height: 100%; overflow-x: hidden; overflow-y: auto;}
  .m-mainnav.container.active{right: 0; display: block;}
  .m-mainnav ul{margin-right: 20px; margin-left: 0;}
  .m-mainnav ul li{float: none; width: auto !important; padding: 0 15%;}
  .m-mainnav ul li > a{display: block; font-weight: bold; color: #fff; text-align: left;}
}

.header-toolbar{position: absolute; top: 10px; right: 0; left: 0; z-index: 50; padding-top: 9px; padding-bottom: 9px; color: #fff;}
.header-toolbar .menus li{float: left; position: relative; font-size: .875em;}
.header-toolbar .menus li > a{display: inline-block; margin-top: .3125em; margin-bottom: .3125em; line-height: 30px; color: #fff;}
.header-toolbar .menus li > a i{display: inline-block; vertical-align: top; width: 30px; height: 30px; background-position: center center; background-repeat: no-repeat; ba}
.header-toolbar .menus li >  a span{display: inline-block; vertical-align: top;}
.header-toolbar .menus li >  a font{display: inline-block; vertical-align: top; padding-left: 5px; padding-right: 10px;}
.header-toolbar .menus li > a:hover span{opacity: .85;}
.header-toolbar .menus li.wza > a i{background-image: url(../images/public/header_icon_wza.png);}
.header-toolbar .menus li.zzb > a i{background-image: url(../images/public/header_icon_slh.png);}
.header-toolbar .menus li .drop{position: absolute; top: 30px; left: 50%; z-index: 98; display: none; margin-left: -60px; padding-top: 7px; width: 120px;}
.header-toolbar .menus li .drop dd{background: #fff; border-radius: 5px;}
.header-toolbar .menus li .drop dd:before{position: absolute; left: 50%; top: -7px; margin-left: -7px; display: block; content: ""; overflow: hidden; border: 7px solid transparent; border-bottom-color: #fff;}
.header-toolbar .menus li .drop dd p{padding: 5px 10px; line-height: 30px; text-align: center;}
.header-toolbar .menus li .drop dd p a{color: #666;}
.header-toolbar .menus li .drop dd p a:hover{color: #333;}
.header-toolbar .menus li .drop dd p + p{border-top: 1px solid #f7f7f7;}
.header-toolbar .menus li .drop dt{padding: 8px; background: rgba(17,41,74, 0.5); -webkit-background: rgba(17,41,74, 0.5); border-radius: 5px;}
.header-toolbar .menus li .drop dt:before{position: absolute; left: 50%; top: -7px; margin-left: -7px; display: block; content: ""; overflow: hidden; border: 7px solid transparent; border-bottom-color: rgba(17,41,74, 0.5);}
.header-toolbar .menus li .drop dt img{display: block; width: 100%;}
.header-toolbar .menus li .drop dt span{display: block; text-align: center; color: #fff; padding-top: 5px; line-height: 18px; font-size: 12px;}
.header-toolbar .menus li.split .drop{margin-left: -70px;}
.header-toolbar .menus li.normal > a:hover{cursor: default;}
.header-toolbar .menus li.normal > a:hover span{opacity: 1;}
.header-toolbar .menus li.button > a{padding: 0 1em; margin-right: 1em;
background-color: #ff6226;
background-image: linear-gradient(to right, #ff823a, #ff4716);
background-image: -webkit-linear-gradient(to right, #ff823a, #ff4716);
background-image: -o-linear-gradient(to right, #ff823a, #ff4716);
background-image: -moz-linear-gradient(to right, #ff823a, #ff4716);
background-image: -ms-linear-gradient(to right, #ff823a, #ff4716);
border-radius: 100em;}
.header-toolbar .menus li.button > a:hover span{opacity: 1;}
.header-toolbar .menus li.button.border > a{line-height: 28px; border: 1px solid #fff; background: none;}
.header-toolbar .menus li.ipv6{margin-right: 0;}
@media (max-width:1280px) {
  .header-toolbar{position: relative; top: auto; padding-top: 3px; padding-bottom: 3px;}
  .header-toolbar:after{position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ""; background: #f5f5f5; box-shadow: 0 0 10px rgba(0,0,0,.25);}
  .header-toolbar > .container{position: relative; z-index: 2; padding-right: 0 !important;}
  .header-toolbar > .container > .fr{float: none;}
  .header-toolbar .menus li a{color: #666 !important;}
  .header-toolbar .menus li.wza a i{opacity: .8; background-image: url(../images/public/header_icon_wza_h.png) !important;}
  .header-toolbar .menus li.zzb a i{opacity: .8; background-image: url(../images/public/header_icon_slh_h.png) !important;}
  .header-toolbar .menus li.button > a{margin-right: 0; background: none;}
  .header-toolbar .menus li.button > a:after{position: absolute; top: 50%; right: -2px; width: 1px; height: 16px; margin-top: -8px; content: ""; background: #999;}
  .header-toolbar .menus li.button.border > a{border-color: #999;}
  .header-toolbar .menus li.zzb > a:after{content: normal;}
  .header-toolbar .menus li.ipv6 > a:after{content: normal;}
  .header-toolbar .menus li .drop{top: 35px;}
}
@media (max-width:768px) {
  .header-toolbar .menus li.wza{display: none;}
}
@media (max-width:640px) {
  .header-toolbar .menus li.ipv6{display: none;}	
  .header-toolbar .menus li.date{display: none;}
  .header-toolbar .menus li.users{min-width: 7em; text-align: center;}
}
@media (max-width:414px) {
  .header-toolbar .menus li a i{display: none;}
}

/*切换按钮*/
.header-toggle-btn{position: absolute; top: 0; bottom: 0; left: 10px; width: 28px; display: block; color: #fff; cursor:pointer;}
.header-toggle-btn div{position: absolute; top: 50%; left: 0; right: 0; margin: -10px auto 0; display: block; width: 28px; height: 20px; cursor: pointer;}
.header-toggle-btn span{position: absolute; display: block; left: 0; width: 100%; height: 15%; background: #fff; transition: all .3s; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); border-radius: 100px;}
.header-toggle-btn span:nth-child(1){top: 0%;}
.header-toggle-btn span:nth-child(2){width: 80%; top: 50%;}
.header-toggle-btn span:nth-child(3){top: 100%;}
.header-mobile-tool{position: absolute; top: 1px; right: 0; z-index: 9999; display: none; width: 48px; height: 45px; z-index: 10; background: rgba(0,0,0,.25);}
@media (max-width:992px){
  .header-mobile-tool{display: block;}
}
.header-opend .header-toggle-btn{display: block !important;}
.header-opend .header-toggle-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-opend .header-toggle-btn span:nth-child(2) {
        -webkit-transform:translateY(-50%) scaleX(0);
        -ms-transform:translateY(-50%) scaleX(0);
        transform:translateY(-50%) scaleX(0);
}
.header-opend .header-toggle-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);
}
.header-mobile-mark{position: fixed; top:0; bottom:0; left:0; right:0; z-index: 999; display: none;}

.header-fluid{position: relative; z-index: 10; padding-top: 134px; height: 232px; line-height: 232px; box-sizing: content-box;}

.header .banner-fluid{background-repeat: no-repeat; background-position: center top; overflow: hidden;}
.header .banner-fluid dd img{display: block; width: 100%; min-height: 188px;}
@media (max-width:992px){
  .header .banner-fluid dd{margin-right: -30%; margin-left: -30%;}	
}

/*背景图*/
.header-swiper{position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin-bottom: -16%;}
.header-swiper .swiper-container{height: 100%;}
.header-swiper .swiper-wrapper{height: 100%;}
.header-swiper .swiper-slide{position: relative; width: 100%; height: 100%; overflow: hidden;}
.header-swiper .swiper-slide img{display: block; width: 100%; height: 100%;}
@media (max-width:1280px){
  .header-swiper{top: 46px;}
  .header-swiper .swiper-slide img{object-fit: cover;}	
}
.header-fluid.wlwz-banner{text-align: center;}
.header-fluid.wlwz-banner img{width: 55%;}
@media (max-width:1280px){
  .header-fluid{padding-top: 104px;}	
}
@media (max-width:992px){
  .header-fluid{padding-top: 7%; padding-bottom: 10%; height: auto; line-height: normal;}
  .header-fluid.wlwz-banner img{width: 75%;}	
}
@media (max-width:414px){
  .header-fluid.wlwz-banner img{width: 85%;}	
}

.header-fluid.user-card dl{position: relative; display: inline-block; vertical-align: middle; margin-left: 8%; padding: 10px 5% 15px 120px;
background-color: #fff;
background-image: linear-gradient(to right bottom, #ffffff 25%, #e0f1ff);
background-image: -webkit-linear-gradient(to right bottom, #ffffff 25%, #e0f1ff);
background-image: -o-linear-gradient(to right bottom, #ffffff 25%, #e0f1ff);
background-image: -moz-linear-gradient(to right bottom, #ffffff 25%, #e0f1ff);
background-image: -ms-linear-gradient(to right bottom, #ffffff 25%, #e0f1ff);
border-radius: 100em;}
.header-fluid.user-card dl dt{position: absolute; top: 5px; left: 5px; bottom: 5px; cursor: pointer;width: 96px}
.header-fluid.user-card dl dt img{display: block; width: auto; height: 100%;}
.header-fluid.user-card dl dd{text-align: center;}
.header-fluid.user-card dl dd .welcome{margin-bottom: .3125em; font-size: 1em; font-weight: bold; color: #1d59b3; line-height: 1.75em;}
.header-fluid.user-card dl dd .button{font-size: .875em; line-height: 20px;}
.header-fluid.user-card dl dd .button a{display: inline-block; margin: 5px; padding: .3875em 1.5em; color: #1d59b3; background: #fff; border: 1px solid #668fcc; border-radius: 30em;}
.header-fluid.user-card dl dd .button a i{display: inline-block; vertical-align: top; width: 20px; height: 20px; margin-right: .5em; background-repeat: no-repeat; background-position: center center; background-size: 100% 100%;}
.header-fluid.user-card dl dd .button a span{display: inline-block; vertical-align: top;}
.header-fluid.user-card dl dd .button a.grxx i{background-image: url(../images/user_center/header_icon_grxx.png);}
.header-fluid.user-card dl dd .button a.exit i{background-image: url(../images/user_center/header_icon_exit.png);}
.header-fluid.user-card dl dd .button a:hover{color: #fff; background: #1d59b3; border-color: #1d59b3;}
.header-fluid.user-card dl dd .button a.grxx:hover i{background-image: url(../images/user_center/header_icon_grxx_on.png);}
.header-fluid.user-card dl dd .button a.exit:hover i{background-image: url(../images/user_center/header_icon_exit_on.png);}
@media (max-width:1500px){
  .header-fluid.user-card dl{margin-left: 9%;}	
}
@media (max-width:992px){
  .header-fluid.user-card dl{margin-left: 13.5%;}		
}
@media (max-width:768px){
  .header-fluid.user-card dl{margin-left: 11.5%;}		
}
@media (max-width:640px){
  .header-fluid.user-card dl{display: block; width: 100%; margin: 0 auto; padding: 0; background: none;}
  .header-fluid.user-card dl dt{position: static; width: 80px; height: 80px; margin: 0 auto; padding: 5px; background: #fff; border-radius: 50%; overflow: hidden;}
  .header-fluid.user-card dl dd .welcome{color: #fff; text-shadow: 3px 3px 3px rgba(0,0,0,.65);}	
}
.header-fluid.user-card .czzy{display: inline-block; vertical-align: middle; margin-left: 15px;}
@media (max-width:768px){
  .header-fluid.user-card .czzy{position: absolute; top: 15px; right: 15px;}	
  .header-fluid.user-card .czzy img{height: 60px;}
}

.topic-mainnav{position: relative; z-index: 9;}
.topic-mainnav:after{position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ""; background: #1d59b3;}
.topic-mainnav ul li{float: left; position: relative; z-index: 5; text-align: center;}
.topic-mainnav ul li a{display: block; position: relative; font-weight: bold; color: #fff; line-height: 57px; font-size: 1.125em; text-align:center; transition: .3s;}
.topic-mainnav ul li a:hover{opacity: 1;}
.topic-mainnav ul li.checked a{background: #3671c9; opacity: 1;}

.topic-mainnav.isswiper ul.wlwz-nav li{width: 13.25%;}
.topic-mainnav.isswiper ul.wlwz-nav li.navli3{width: 16.875%;}
.topic-mainnav.isswiper ul.wlwz-nav li.navli4{width: 16.875%;}
@media (max-width:1280px){
  .topic-mainnav ul li a{font-size: 1.125em;}
}
@media (max-width:992px){
  .topic-mainnav{width: auto !important; margin-right: -15px; margin-left: -15px;}
  .topic-mainnav.isswiper ul li{width: auto !important;}
  .topic-mainnav.isswiper ul li a{padding-right: 1em; padding-left: 1em; line-height: 2.875em;}
  .topic-mainnav.isswiper ul li.checked a{background: #1b70d1; opacity: 1;}
}
@media (max-width:414px){
  .topic-mainnav.isswiper ul li a{font-size: 1.0625em; height: 50px; line-height: 46px;}
}