html,body { background: #fff; font-family: "微软雅黑";}
.w1600{max-width: 1600px; margin: 0 auto;}
.w1500{max-width: 1500px; margin: 0 auto;}
.main_warp { position: relative; height: 100%; overflow: hidden; margin: 0 auto; overflow: hidden; position: relative;}
.theme { width: 100%; height: 100%; position: relative;}
.headBox { position: fixed; top: 0; left: 50%; width: 100%; height: 100px; transform: translateX(-50%); z-index: 111;}
.headBox .openBtn{ position: absolute; right: 0px; top: 0px; width: 100px; height: 100px; background-color: rgba(255, 255, 255, 0.1); transition: .3s;}
.headBox .openBtn::after{content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: block; width: 38px; height: 32px; transition: .3s; background: url(/uploadfiles/img/menu2_btn.png) no-repeat center top; }
.headBox .openBtn:hover{opacity: 0.8;}
.headBox .openBtn.on{background-position-y: 0px;}
.headBox.on .openBtn{background-color: #003b8f;}
.headBox .topBox{height: 100%; padding: 20px 0; padding-left: 80px;box-sizing: border-box; border-bottom: 1px solid rgba(255, 255, 255, 0.4);}
.headBox.on .topBox{ background-color: #fff; }
.headBox .logo .s2{display: none;}
.headBox.on .logo .s1{display: none;}
.headBox.on .logo .s2{display: inline-block;}
.headBox .rTop{ padding-right: 150px; padding-top: 15px; }
.headBox .rTop .gp { position: relative; color: #fff; display: inline-block; vertical-align: middle; padding-top: 5px; font-size: 16px; padding-right: 60px; margin-right: 10px;}
.headBox.on .rTop .gp{color: #333;}
.headBox .rTop .gp strong { float: left;}
.headBox .rTop .gp ul { height: 32px; overflow: hidden;}
.headBox .rTop .gp ul li { height: 32px;}
.headBox .rTop .gp ul li .red { color: #FF4238;}
.headBox .rTop .gp ul li .green { color: #46f446;}
.headBox .rTop .searchBox{display: inline-block; vertical-align: middle; font-size: 0px;}
.headBox .rTop .searchBox .s2{display: none;}
.headBox.on .rTop .searchBox .s2{display: inline-block;}
.headBox.on .rTop .searchBox .s1{display: none;}
.headBox .rTop .enBox{display: inline-block; vertical-align: middle; font-size: 16px; color: #fff; margin-left: 20px;}
.headBox .rTop .enBox a{color: #fff;}
.headBox.on .rTop .enBox a, .headBox.on .rTop .enBox{ color: #333;}
.headBox .rTop .menuBtn{display: inline-block; vertical-align: middle; position: absolute; top: 0px; right: 0px; width: 100px; height: 100px;  background-color: #004889; font-size: 0px;}
.headBox .rTop .menuBtn > a{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 32px; height: 23px;}
.headBox .rTop .menuBtn > a:after{content: ''; opacity: 0; transition: transform .3s; position: absolute; right: 0px; top: 0px; left: 0px; width: 100%; height: 4px; background-color: #fff; border-radius: 4px;}
.headBox .rTop .menuBtn > a:before{content: ''; opacity: 0; transition: transform .3s; position: absolute; right: 0px; bottom: 0px; left: 0px; width: 100%; height: 4px; background-color: #fff; border-radius: 4px;}
.headBox .rTop .menuBtn > a img{ transition: opacity .2s;}
.headBox .rTop .menuBtn.on > a img{opacity: 0;}
.headBox .rTop .menuBtn.on > a:after{top: 10px; opacity: 1; transform: rotate(45deg); }
.headBox .rTop .menuBtn.on > a:before{bottom: 10px; opacity: 1; transform: rotate(-45deg); }
.menuBox{ position: fixed; right: -100%; top: 100px; bottom: 0px; box-sizing: border-box; padding: 58px 0; padding-right: 15px; padding-left: 60px; background-color: #195a95; width: 260px; opacity: 0; z-index: 999; transition: .3s;}
.menuBox.on{ right: 0px; opacity: 1; }
.menuBox .menuContent{ height: 100%; padding-right: 45px; overflow: hidden; overflow-y: auto; }
.menuBox .menuContent::-webkit-scrollbar{width: 12px; border-radius: 12px;}
.menuBox .menuContent::-webkit-scrollbar-track{background-color: #fff;  border-radius: 12px;}
.menuBox .menuContent::-webkit-scrollbar-thumb{background-color: #19a7f9;  border-radius: 12px;}
.menuBox .menuContent ul li a{display: block; color: #fff; font-size: 18px; padding: 10px 0; padding-right: 20px; position: relative;}
.menuBox .menuContent ul li a i{position: absolute; right: 0px; top: 50%; transform: translateY(-50%); font-size: 0px; transition: transform .3s;}
.menuBox .menuContent ul li.open > a > i{transform:translateY(-50%) rotate(90deg) ;}
.menuBox .menuContent .suMenu{display: none;}
.menuBox .menuContent .suMenu > ul li a{padding-left: 22px; font-size: 16px;}
.menuBox .menuContent ul li a:hover, .menuBox .menuContent ul li a.on{color: #19a7f9; transition: .3s;}

.headBox.nyType{position: absolute;}

@media screen and (max-width: 1720px) {
  .w1600{max-width: 1200px;}
  .headBox{height: 76px;}
  .headBox .topBox{padding-left: 20px;}
  .headBox .topBox .logo img{height: 35px;}
  .headBox .rTop{padding-top: 0px;}
  .headBox .rTop .gp{font-size: 14px; padding-top: 10px;}
  .headBox .rTop .searchBox > a img{height: 15px;}
  .headBox .rTop .enBox{font-size: 14px;}
  .headBox .rTop .menuBtn{width: 75px; height: 75px;}
  .headBox .rTop{padding-right: 100px;}

  .menuBox{top: 75px; padding: 22px 0; padding-left: 43px;}
  .menuBox .menuContent ul li a{font-size: 16px;}
  .menuBox .menuContent .suMenu > ul li a{font-size: 14px;}
}
@media screen and (max-width: 1655px) {
  .w1500{max-width: 1200px;}
}
@media screen and (max-width: 1200px) {
  .headBox .rTop .gp,  .headBox .rTop .enBox, .headBox .rTop .searchBox{display: none;}
  .headBox .topBox{padding: 12px 0; padding-left: 15px;}
  .headBox .topBox .logo img{height: 25px;}
  .headBox{height: 50px; transform: none; left: 0px; box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.4);}
  .headBox .rTop .menuBtn{height: 50px; width: 50px;}
  .headBox .rTop .menuBtn > a{width: 21px; height: 17px;}
  .headBox .rTop .menuBtn img{height: 15px;}
  .headBox .rTop .menuBtn > a:before{height: 2px;}
  .headBox .rTop .menuBtn > a:after{height: 2px; }
  .headBox .rTop .menuBtn.on > a:after{top: 7px;}
  .headBox .rTop .menuBtn.on > a:before{bottom: 9px;}
  .menuBox{  width: 60vw; top: 50px; padding: 15px 0; padding-left: 20px;}
  .menuBox .menuContent ul li a{font-size: 14px; padding: 5px 0;}
  .menuBox .menuContent .suMenu > ul li a{font-size: 13px;}
  .main_warp{overflow: initial; height: auto; padding-top: 50px;}
  .menuBox .menuContent::-webkit-scrollbar{width: 4px;}
  .menuBox .menuContent ul li a i img{height: 8px;}

}

/* 底部 */
.bottomFooter{position: absolute; left: 0px; right: 0px; bottom: 0px;}
.bottomFooter .bottomFooterBox{height: 464px; padding-top: 252px; box-sizing: border-box; background: url('/uploadfiles/img/zhgl_index_bottom_bg_02.png') no-repeat center top; background-size: 100% 100%;}
.bottomFooter .bottomFooterBox .qr{font-size: 0px; position: absolute; left: 0px; bottom: 28px; }
.bottomFooter .bottomFooterBox .bottomFooterT{ position: relative; border-bottom:1px solid #80a3c2; padding-bottom: 28px; margin-bottom: 20px;}
.bottomFooter .bottomFooterBox .bottomFooterT .lists1{font-size: 0px; text-align: center; margin-bottom: 23px;}
.bottomFooter .bottomFooterBox .bottomFooterT .lists1 li{display: inline-block; vertical-align: middle; position: relative; margin: 0 105px;}
.bottomFooter .bottomFooterBox .bottomFooterT .lists1 li a{display: inline-block; font-size: 17px; color: #fff; }
.bottomFooter .bottomFooterBox .bottomFooterT .lists1 li:hover a, .bottomFooter .bottomFooterBox .bottomFooterT .lists1 li a.active{font-weight: bold;}
.bottomFooter .bottomFooterBox .bottomFooterT .lists1 li a:hover::before, .bottomFooter .bottomFooterBox .bottomFooterT .lists1 li a.active::before{content: ''; position: absolute; left: 50%; transform: translateX(-50%); width: 100%; height: 3px; background-color: #fff; bottom: -8px; }

.bottomFooter .bottomFooterBox .bottomFooterT .lists2{font-size: 0px; text-align: center;}
.bottomFooter .bottomFooterBox .bottomFooterT .lists2 li{display: inline-block; vertical-align: middle; margin: 0 65px;}
.bottomFooter .bottomFooterBox .bottomFooterT .lists2 li a{font-size: 14px; color: #a8d2f8; }
.bottomFooter .bottomFooterBox p{font-size: 14px; color: #a8d2f8; text-align: center;}
.bottomFooter .bottomFooterBox p.p1{margin-bottom: 12px;}
.bottomFooter .bottomFooterBox p.p1 .ps1{padding-left: 19px;}
.bottomFooter .bottomFooterBox p.p2 a{color: #fff;}

.bottomFooter.nyType{position: initial;}

@media screen and (min-width: 1920px) {
    .bottomFooter .bottomFooterBox{height: 500px; padding-top: 300px;}
}

@media screen and (max-height: 1050px) {
    .bottomFooter .bottomFooterBox .bottomFooterT{padding-bottom: 24px;}
    .bottomFooter .bottomFooterBox .bottomFooterT .lists1{margin-bottom: 16px;}
    .bottomFooter .bottomFooterBox{height: 416px; padding-top: 226px;}
}
@media screen and (max-width: 1900px) {
    .bottomFooter .bottomFooterBox{height: 340px; padding-top: 175px;}
    .bottomFooter .bottomFooterBox .bottomFooterT .lists1{margin-bottom: 8px;}
    .bottomFooter .bottomFooterBox .bottomFooterT{padding-bottom: 17px; margin-bottom: 10px;}
}
@media screen and (max-width: 1720px) {
    .bottomFooter .bottomFooterBox{height: 264px; padding-top: 130px;}
    .bottomFooter .bottomFooterBox .bottomFooterT .lists1 li a{font-size: 15px;}
    .bottomFooter .bottomFooterBox .qr{ bottom: 10px;}
    .bottomFooter .bottomFooterBox .qr img{height: 90px;}
    .bottomFooter .bottomFooterBox .bottomFooterT{padding-bottom: 10px; margin-bottom: 6px;}
    .bottomFooter .bottomFooterBox p.p1{margin-bottom: 6px;}
}
@media screen and (max-width: 1200px) {
    .bottomFooter{position: initial;}
    .bottomFooter .bottomFooterBox{background-size: initial; background-position: left bottom; height: auto; padding-top: 15px; padding-bottom: 15px;}
    .bottomFooter .bottomFooterBox .bottomFooterT .lists2 li{margin: 0 10px;}
    .bottomFooter .bottomFooterBox .bottomFooterT .lists1 li{margin: 0 8px;}
    .bottomFooter .bottomFooterBox .bottomFooterT .lists1{margin-bottom: 19px;}
    .bottomFooter .bottomFooterBox .qr{position: initial; text-align: center; margin-bottom: 10px;}
    .w1600{padding: 0 15px;}
}


/* banner 和 内页菜单  start */
.bannerBox{height: 620px; padding-top: 100px; box-sizing: border-box; background: url('/uploadfiles/img/zsgl_kcxfzzc_head_img_01.jpg') no-repeat top center; background-size: cover; }
.bannerBox .bannerContent{padding-top: 170px;}
.secondLevel{padding-top: 1px; margin-bottom: 30px;}
.secondLevelBox {margin-top: -44px; background-color: #fff; height: 90px; padding: 0px 30px; box-sizing: border-box; box-shadow: 1px 0px 11px rgba(179, 179, 179, 0.4);}
.secondLevelBox .leftBox > ul{font-size: 0px;}
.secondLevelBox .leftBox > ul > li{display: inline-block; position: relative; padding: 29px 0;}
.secondLevelBox .leftBox > ul > li a{display: inline-block; transition: .3s; font-size: 20px; color: #333; margin: 0 29px;}
.secondLevelBox .leftBox > ul > li a:hover, .secondLevelBox .leftBox > ul > li a.on{color: #004889; font-weight: bold;}
.secondLevelBox .leftBox > ul > li:first-child a{margin-left: 0px;}
.secondLevelBox .leftBox ul li .subSecondLevel{display: none; width: 200px;  z-index: 30; padding: 18px 20px 12px; padding-right: 10px; box-sizing: border-box; position: absolute; left: 50%; transform: translateX(-50%); top: 70px; background-color: #fff; box-shadow: 0px 1px 11px rgba(179, 179, 179, 0.4);}
.secondLevelBox .leftBox ul li .subSecondLevel::before{content: ''; position: absolute; left: 0px; right: 0px; top: 0px; height: 4px; background-color: #014888;}
.secondLevelBox .leftBox ul li .subSecondLevel::after{content: ''; position: absolute; left: 50%; transform: translateX(-50%); top: -14px; border: 7px solid transparent; border-bottom-color: #014888;}
.secondLevelBox .leftBox ul li .subSecondLevel ul{max-height: 260px; overflow: hidden; overflow-y: auto;}
.secondLevelBox .leftBox ul li .subSecondLevel ul::-webkit-scrollbar{width: 6px; border-radius: 12px;}
.secondLevelBox .leftBox ul li .subSecondLevel ul::-webkit-scrollbar-track{background-color: #fff;  border-radius: 12px;}
.secondLevelBox .leftBox ul li .subSecondLevel ul::-webkit-scrollbar-thumb{background-color: #014888;  border-radius: 12px;}
.secondLevelBox .leftBox ul li .subSecondLevel ul li a{display: block; transition: .3s; padding: 8px 0; color: #333; font-size: 15px; text-align: left; margin: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.secondLevelBox .leftBox ul li .subSecondLevel ul li a:hover{ color: #004889; font-weight: initial;}
.secondLevelBox .leftBox ul li:hover .subSecondLevel{display: block;}
.secondLevelBox .rightBox .zsgl_path, .secondLevelBox .rightBox .zsgl_path a, .secondLevelBox .rightBox .zsgl_path em{font-size: 16px; color: #666; }
.secondLevelBox .rightBox .zsgl_path{padding: 32px 0;}
.secondLevelBox .rightBox .zsgl_path .indexIcon{margin-right: 10px; vertical-align: middle; padding-bottom: 4px;}

@media screen and (max-width: 1655px) {
  .secondLevelBox{padding: 0 15px; height: 80px;}
  .secondLevelBox .leftBox > ul > li a{font-size: 17px; margin: 0 14px;}
  .secondLevelBox .leftBox > ul > li{padding: 27px 0;}
  .secondLevelBox .rightBox .zsgl_path{padding: 28px 0;}
}
@media screen and (max-width: 1200px) {
  .bannerBox{padding-top: 50px;}
  .bannerBox .bannerContent{padding: 0 15px; padding-top: 50px;}
  .bannerBox .bannerContent .bTitleBox img{max-width: 80%;}

  .secondLevel{padding: 0px; margin-bottom: 5px;}
  .secondLevelBox{margin-top: 0px; padding: 0px; height: auto; background-color: transparent; box-shadow: initial;}
  .secondLevelBox .leftBox {padding:10px 15px; box-shadow: 1px 0px 11px rgba(179, 179, 179, 0.4);}
  .secondLevelBox .leftBox > ul > li{padding: 5px 0;}
  .secondLevelBox .leftBox > ul > li > a{font-size: 14px; border-radius: 20px; height: 36px; line-height: 36px; background-color: #DEDEDE; padding: 0 35px; margin: 0 5px; }
  .secondLevelBox .leftBox ul li .subSecondLevel{top: 32px; width: 100%; box-sizing: border-box; top: 46px; padding: 10px 9px 12px;}
  .secondLevelBox .leftBox ul li .subSecondLevel ul li a{padding: 5px 0;}
  .secondLevelBox .rightBox .zsgl_path{padding: 12px 15px 8px;}
}

/* banner 和 内页菜单 end */

 /* 分页样式 start*/
.zs_page_box {margin-top: 45px;}
.zs_page_box .zs_page {text-align: center;}
.zs_page_box .zs_page a{display: inline-block;color: #333;font-weight: normal; font-size: 16px;height: 32px;line-height: 30px;border: 1px solid #cfcfcf;border-radius: 4px;text-align: center;margin-right: 10px;padding: 0 14px;}
.zs_page_box .zs_page a:last-child{margin-right: 0;}
.zs_page_box .zs_page a.current,
.zs_page_box .zs_page a:hover{color: #fff;background-color: #c5a775;border-color: #c5a775;}
.zs_page_box .zs_page a.ellipsis{border: none;color: #333 ;background: none;padding: 0;}
@media screen and (max-width: 1655px) {
  .zs_page_box{margin-top: 30px;}
}
@media screen and (max-width: 1200px){
  .zs_page_box .zs_page a{margin-right: 6px;padding: 0 10px;font-size: 14px;}
}
@media screen and (max-width: 760px){
  .zs_page_box {margin-top: 15px;}
  .zs_page_box .zs_page a.num{display: none;}
}
 /* 分页样式 end*/