html,body {height: 100%; overflow: hidden;}
.main_warp .theme.th1 .bannar .title{position: absolute; top: 260px; left: 0px; right: 0px; z-index: 10; text-align: center;}
.main_warp .theme.th1 .dotTxt{ height: 58px; position: absolute; right: 120px ; bottom: 42px; z-index: 10;}
.main_warp .theme.th1 .dotTxt ul{font-size: 0px; height: 100%; }
.main_warp .theme.th1 .dotTxt ul li{display: inline-block; cursor:pointer; text-align: center; vertical-align: middle; color: #fff; padding: 0 13px; font-size: 14px; line-height: 36px; font-weight: bold;}
.main_warp .theme.th1 .dotTxt ul li .text{display: inline-block; vertical-align: middle; font-weight: bold;}
.main_warp .theme.th1 .dotTxt ul li .line{display: inline-block;  margin-left: 14px; vertical-align: middle; width: 0px; height: 2px; background-color: #fff; transition:width .5s;}
.main_warp .theme.th1 .dotTxt ul li.on{font-size: 24px;}
.main_warp .theme.th1 .dotTxt ul li.on .line{width: 60px;}
.main_warp .theme.th1 .bannar{height: 100%; }
.main_warp .theme.th1 .bannar .th1_mySwiper{width: 100%; height: 100%;}
.main_warp .theme.th1 .bannar .th1_mySwiper .swiper-slide{ background: url('../img/zsgl_head_bg_01.jpg') no-repeat center; background-size: cover;}
.main_warp .theme.th1 .bannar .th1_mySwiper .swiper-slide.s2{background-image: url('../img/zsgl_head_bg2_01.jpg');}
.main_warp .theme.th1 .bannar .th1_mySwiper .swiper-slide.s3{background-image: url('../img/zsgl_head_bg_03.jpg');}
.main_warp .theme.th2{background-image: url('../img/zhgl_th2_bg_02.jpg') ; background-repeat: no-repeat; background-size: cover;}
.main_warp .theme.th2 .th2_box{padding-top: 160px; }
.main_warp .theme.th2 .th2_box .th2_tit{margin-bottom: 25px;}
.main_warp .theme.th2 .th2_box .leftBox{width: 840px; }
.main_warp .theme.th2 .th2_box .leftBox .th2_mySwiper{width: 100%; height: 580px; overflow: hidden; border-radius: 20px; box-shadow: 0px 0px 8px rgba(34, 51, 100, 0.1);}
.main_warp .theme.th2 .th2_box .leftBox .th2_mySwiper .title{font-size: 0px; height: 480px; overflow: hidden; position: relative;}
.main_warp .theme.th2 .th2_box .leftBox .th2_mySwiper .title img{max-width: 100%; width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0;}
.main_warp .theme.th2 .th2_box .leftBox .bottomTxt{height: 100px; padding-left: 94px; padding-right: 80px; position: relative; background-color: #fff; }
.main_warp .theme.th2 .th2_box .leftBox .bottomTxt .time{position: absolute; left: 0px; top: 50%; transform: translateY(-50%); width: 94px; border-right: 1px solid #dcdcdc; text-align: center; color: #0063cc;}
.main_warp .theme.th2 .th2_box .leftBox .bottomTxt .time b{display: block; font-size: 34px; line-height: 1; margin-bottom: 6px; font-weight: bold;}
.main_warp .theme.th2 .th2_box .leftBox .bottomTxt .time i{display: block; font-size: 12px; font-weight: bold;}
.main_warp .theme.th2 .th2_box .leftBox .bottomTxt .txt{display: block; margin-left: 15px; position: relative; top: 50%; transform: translateY(-50%); font-size: 20px; max-height: 91px; overflow: hidden; color: #000; font-weight: bold;}
.main_warp .theme.th2 .th2_box .leftBox .bottomTxt .num1{position: absolute; right: 25px; top: 50%; transform: translateY(-50%);}
.main_warp .theme.th2 .th2_box .leftBox .bottomTxt .num1 b{font-size: 29px; font-weight: 500; color: #0063cc;}
.main_warp .theme.th2 .th2_box .leftBox .bottomTxt .num1 i{font-size: 20px; color: #333;}
.main_warp .theme.th2 .th2_box .th2_right{width: 760px; padding-left: 39px; box-sizing: border-box;} 
.main_warp .theme.th2 .th2_box .th2_right .tabSwitchBtns{font-size: 0px; margin-left: -132px; margin-bottom: 50px;}
.main_warp .theme.th2 .th2_box .th2_right .tabSwitchBtns a{display: inline-block; font-weight: bold; font-size: 26px; color: #0063cc; margin-left: 12px; vertical-align: middle; width: 201px; height: 78px; line-height: 78px; text-align: center; background: url('../img/zhgl_index_th2_tab2.png') no-repeat center; background-size: 100% 100%; }
.main_warp .theme.th2 .th2_box .th2_right .tabSwitchBtns a.active{color: #c79f62;  background-image: url('../img/zhgl_index_th2_tab1.png') ;}
.main_warp .theme.th2 .th2_box .th2_right .switchBox ul li a{display: block; padding-left: 95px; position: relative; height: 100px; margin-bottom: 20px; background-color: #fff; box-shadow: 0px 0px 8px rgba(34, 51, 100, 0.1) ; border-radius: 20px; }
.main_warp .theme.th2 .th2_box .th2_right .switchBox ul li a .time{position: absolute; left: 0px; top: 50%; transform: translateY(-50%); width: 94px; border-right: 1px solid #dcdcdc; text-align: center; color: #0063cc;}
.main_warp .theme.th2 .th2_box .th2_right .switchBox ul li a .time b{display: block; font-size: 34px; line-height: 1; margin-bottom: 6px; font-weight: bold;}
.main_warp .theme.th2 .th2_box .th2_right .switchBox ul li a .time i{display: block; font-size: 12px; font-weight: bold;}
.main_warp .theme.th2 .th2_box .th2_right .switchBox ul li a .txt{display: block; margin-left: 15px; padding-right: 15px; position: relative; top: 50%; transform: translateY(-50%); font-size: 20px; max-height: 91px; overflow: hidden; color: #000; font-weight: bold;}
.main_warp .theme.th3 {background: url('../img/zhgl_index_th3_bg.png') no-repeat right top; background-color: #f7f7f7;}
.main_warp .theme.th3 .themeBox{padding-top: 160px; }
.main_warp .theme.th3 .themeBox .th3_title{margin-bottom: 35px;}
.main_warp .theme.th3 .themeBox ul li{float: left; position: relative; width: 220px; transition: .3s; height: 530px; margin-left: 30px; background: url('../img/zhgl_th3_bg1_03.jpg') no-repeat center bottom; }
.main_warp .theme.th3 .themeBox ul li.li1{background-image: url('../img/zhgl_th3_bg1_03.jpg');}
.main_warp .theme.th3 .themeBox ul li.li2{background-image: url('../img/zhgl_th3_bg2_03.jpg');}
.main_warp .theme.th3 .themeBox ul li.li3{background-image: url('../img/zhgl_th3_bg3_03.jpg');}
.main_warp .theme.th3 .themeBox ul li.li4{background-image: url('../img/zhgl_th3_bg4_03.jpg');}

.main_warp .theme.th3 .themeBox ul li:nth-child(odd){transform: translateY(63px);}
.main_warp .theme.th3 .themeBox ul li:first-child{margin-left: 0px;}
.main_warp .theme.th3 .themeBox ul li .titleBox{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); transition: .3s; width: 100%; text-align: center;}
.main_warp .theme.th3 .themeBox ul li .cut_content{position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; box-sizing: border-box; width: 850px; visibility: hidden; opacity: 0; transition: .5s; padding-left: 60px; padding-top: 88px;}
.main_warp .theme.th3 .themeBox ul li .cut_content .titBox{font-weight: bold; margin-bottom: 25px; font-size: 33px; color: #fff; position: relative;}
.main_warp .theme.th3 .themeBox ul li .cut_content .titBox i{position: absolute; left: 0px; top: -45px; font-weight: bold; opacity: 0.4; color: #fff;}
.main_warp .theme.th3 .themeBox ul li .cut_content > p{font-size: 16px; line-height: 34px; margin-bottom: 45px; color: #fff; padding-right: 235px;}
.main_warp .theme.th3 .themeBox ul li.on .titleBox{opacity: 0; visibility: hidden;}
.main_warp .theme.th3 .themeBox ul li.on{width: 850px;}
.main_warp .theme.th3 .themeBox ul li.on .cut_content{opacity: 1; visibility: visible;}
.main_warp .theme.th3 .themeBox ul li .move a{display: block; width: 136px; height: 40px; line-height: 40px; text-align: center; border-radius: 20px; padding-right: 33px;  box-sizing: border-box; border: 1px solid #ffd; color: #fff; position: relative; }
.main_warp .theme.th3 .themeBox ul li .move a:hover{opacity: 0.8; transition: .3s;}
.main_warp .theme.th3 .themeBox ul li .move a .txt{display: inline-block; vertical-align: middle; font-size: 16px;  }
.main_warp .theme.th3 .themeBox ul li .move a .icon{display: inline-block; vertical-align: middle; text-align: center; position: absolute; right: 5px; top: 50%; transform: translateY(-50%);  width: 28px; height: 28px; line-height: 28px; background-color: #fff; border-radius: 100%;}

.main_warp .theme.th4 {background: url('../img/zhgl_index_th3_bg.png') no-repeat right top; background-color: #f7f7f7;}
.main_warp .theme.th4 .themeBox{padding-top: 160px; padding-bottom: 70px; position: relative; }
.main_warp .theme.th4 .themeBox .th4_title{margin-bottom: 55px;}
.main_warp .theme.th4 .themeBox .th4Box .th4_mySwiper{width: 100%; height: 220px; overflow: hidden;}
.main_warp .theme.th4 .themeBox .th4Box .th4_mySwiper .swiper-slide{width: auto;}
.main_warp .theme.th4 .themeBox .th4Box .th4_mySwiper .swiper-pagination-progressbar{bottom: -35px; top: auto; height: 8px; background-color: #fff; border-radius: 5px;}
.main_warp .theme.th4 .themeBox .th4Box .th4_mySwiper .swiper-pagination-progressbar-fill{background-color: #52bcf6;  border-radius: 4px;}
/* .main_warp .theme.th4 .themeBox .th4Box .th4_mySwiper .swiper-pagination-progressbar-fill::before{content: ''; position: absolute; right: -16px; transform: translateY(-50%); width: 220px; height: 32px; background-image: linear-gradient(to bottom, #65bcef, #0385d0);} */

.main_warp .menuT1{position: fixed; right: -100%; bottom: 0px; top: 90px; z-index: 10; transition: .5s;}
.main_warp .menuT1.on{right: 0px}
.broadside{position: fixed; left: 30px; top: 50%; transform: translateY(-50%);}
.broadside ul li{ margin: 20px 0; padding: 5px 0; cursor: pointer;}
.broadside ul li a{ display: block; width: 20px; height: 2px; background-color: #fff; transition: .3s;}
.broadside ul li.on a{width: 60px;}

.homeHint{ border-radius: 100%; transition: opacity .3s; text-align: center; position: fixed; left: 50%; bottom: 20px;  transform: translateX(-50%); z-index: 2; }
.homeHint .btnbox{display: block; position: absolute; left: 50%; transform: translateX(-50%); bottom: 30px;  width: 54px; height: 54px; border-radius: 100%;  }
.homeHint .btnbox img{position: absolute; top: 25px; left: 50%; transform: translateX(-50%); animation: downIconIco 4s infinite; }
.homeHint .btnbox .s2{display: none;}
.homeHint .txt{display: block; height: 100%; font-size: 14px; line-height: 22px; color: #fff;  }
.homeHint:hover{opacity: 0.8;}
.homeHint.not{opacity: 0; visibility: hidden;}
.homeHint.on .btnbox .s2{display: inline-block;}
.homeHint.on .btnbox .s1{display: none;}
.homeHint.on .txt{color: #c79f62;}
.homeHint.on .btnbox{border-color: #c79f62;}
@keyframes downIconIco{
    0%{
        transform: translate(-50%, 0);
    }  
    50%{
        transform: translate(-50%, -20px);
    }
    100%{
        transform: translate(-50%, 0);
    }
}

@media screen and (max-height: 1050px) {
    .main_warp .theme.th2 .th2_box{padding-top: 131px;}
    .main_warp .theme.th2 .th2_box .th2_tit img{height: 70px;}
    .main_warp .theme.th2 .th2_box .th2_right .tabSwitchBtns{margin-bottom: 21px;}
    .main_warp .theme.th2 .th2_box .th2_right .tabSwitchBtns a{font-size: 22px;}
    .main_warp .theme.th3 .themeBox .th3_title img{height: 70px;}
    .main_warp .theme.th3 .themeBox ul li{height: 430px;}

    .main_warp .theme.th4 .themeBox{padding-top: 131px;}
    .main_warp .theme.th4 .themeBox .th4_title img{height: 70px;}
    .main_warp .theme.th4 .themeBox .th4_title{margin-bottom: 30px;}

}

@media screen and (max-width: 1900px) {
    .main_warp .theme.th2 .th2_box .leftBox{width: 700px;}
    .main_warp .theme.th2 .th2_box .leftBox .th2_mySwiper{height: 500px;}
    .main_warp .theme.th2 .th2_box .th2_right .switchBox ul li a{height: 84px; }
    .main_warp .theme.th2 .th2_box .th2_right .switchBox ul li a .txt{max-height: 60px;}
    .main_warp .theme.th2 .th2_box .leftBox .th2_mySwiper .title {height: 400px;}
    .main_warp .theme.th3 .themeBox ul li .cut_content{padding-left: 40px; padding-top: 70px;}
    .main_warp .theme.th3 .themeBox ul li .cut_content > p{margin-bottom: 20px;}
    .main_warp .theme.th3 .themeBox ul li .titleBox img{width: 70px;}
    .main_warp .theme.th3 .themeBox{padding-top: 131px;}
    .main_warp .theme.th4 .themeBox{padding-bottom: 17px;}
    
}
@media screen and (max-width: 1720px) {
    .main_warp .theme.th1 .bannar .title{top: 145px;}
    .main_warp .theme.th1 .bannar .title img{width: 70%;}
    .main_warp .theme.th1 .dotTxt{height: 38px;}

    .main_warp .theme.th2 .th2_box .th2_tit img{height: 45px;}
    .main_warp .theme.th2 .th2_box{padding-top: 104px;}
    .main_warp .theme.th2 .th2_box .th2_tit{margin-bottom: 17px;}

    .main_warp .theme.th2 .th2_box .leftBox{width: 500px;}
    .main_warp .theme.th2 .th2_box .leftBox .th2_mySwiper{height: 347px;}
    .main_warp .theme.th2 .th2_box .leftBox .bottomTxt{height: 62px;}
    .main_warp .theme.th2 .th2_box .leftBox .bottomTxt .txt{font-size: 15px; max-height: 51px;}
    .main_warp .theme.th2 .th2_box .leftBox .bottomTxt .time b{font-size: 26px;}
    .main_warp .theme.th2 .th2_box .leftBox .bottomTxt .num1 b{font-size: 22px;}
    .main_warp .theme.th2 .th2_box .th2_right{width: 700px; padding-left: 20px;}
    .main_warp .theme.th2 .th2_box .th2_right .tabSwitchBtns{margin-left: 0px; margin-bottom: 0px;}
    .main_warp .theme.th2 .th2_box .th2_right .tabSwitchBtns a{width: 158px; height: 68px; line-height: 65px; font-size: 18px;}
    .main_warp .theme.th2 .th2_box .th2_right .switchBox ul li a{height: 60px; margin-bottom: 11px;}
    .main_warp .theme.th2 .th2_box .th2_right .switchBox ul li a .txt{font-size: 17px; max-height: none; text-overflow: ellipsis; white-space: nowrap;}
    .main_warp .theme.th2 .th2_box .th2_right .switchBox ul li a .time b{font-size: 22px;}
    .main_warp .theme.th2 .th2_box .leftBox .th2_mySwiper .title {height: 285px;}

    .main_warp .theme.th3 .themeBox{padding-top: 104px;}
    .main_warp .theme.th3 .themeBox .th3_title{margin-bottom: 20px;}
    .main_warp .theme.th3 .themeBox .th3_title img{height: 45px;}

    .main_warp .theme.th3 .themeBox ul li{width: 150px; height: 300px; margin-left: 20px;}
    .main_warp .theme.th3 .themeBox ul li .titleBox img{width: 60px;}
    .main_warp .theme.th3 .themeBox ul li .cut_content{width: 690px;}
    .main_warp .theme.th3 .themeBox ul li.on{width: 690px;}
    .main_warp .theme.th3 .themeBox ul li .cut_content{padding-left: 25px; padding-top: 48px;}
    .main_warp .theme.th3 .themeBox ul li .cut_content .titBox{font-size: 22px; margin-bottom: 15px;}
    .main_warp .theme.th3 .themeBox ul li .cut_content .titBox i{top: -29px;}
    .main_warp .theme.th3 .themeBox ul li .cut_content > p{font-size: 14px; line-height: 26px; margin-bottom: 10px; padding-right: 100px;}
    .main_warp .theme.th3 .themeBox ul li .move a .txt{font-size: 14px;}
    .main_warp .theme.th3 .themeBox ul li .move a{width: 117px; height: 33px; line-height: 30px;}
    .main_warp .theme.th3 .themeBox ul li .move a .icon{width: 22px; height: 22px; line-height: 22px;}

    .main_warp .theme.th4 .themeBox{padding-top: 104px;}
    .main_warp .theme.th4 .themeBox .th4_title img{height: 45px;}
    .main_warp .theme.th4 .themeBox .th4_title{margin-bottom: 15px;}
    .main_warp .theme.th4 .themeBox .th4Box .th4_mySwiper .swiper-slide{margin-right: 20px !important;}
    .main_warp .theme.th4 .themeBox .th4Box .th4_mySwiper .swiper-slide img{height: 150px;}
    .main_warp .theme.th4 .themeBox .th4Box .th4_mySwiper{height: 150px;}
    .main_warp .theme.th4 .themeBox .th4Box .th4_mySwiper .swiper-pagination-progressbar{bottom: -15px;}
}

@media screen and (max-width: 1200px) {
  html,body { height: auto; overflow: initial; overflow-x: hidden;}
  .homeHint{display: none;}
  .main_warp .theme{height: auto !important;}
  .main_warp .th1{height: 210px !important;}
  .main_warp .theme.th1 .bannar .title{top: 46px;}
  .main_warp .theme.th1 .bannar .title img{width: 90%;}
  .main_warp .theme.th1 .dotTxt{right: 13px; bottom: 7px;}
  .main_warp .theme.th1 .dotTxt ul li{padding: 0 6px;}
  .main_warp .theme.th1 .dotTxt ul li.on .line{width: 30px;}
  .main_warp .theme.th1 .dotTxt ul li.on{font-size: 16px;}
  .main_warp .theme .w1600{padding: 0 15px;}
  .main_warp .theme.th2 .th2_box{padding-top: 30px;}
  .main_warp .theme.th2 .th2_box .th2_tit img{height: 40px;}
  .main_warp .theme.th2 .th2_box .th2_tit{margin-bottom: 17px;}
  .main_warp .theme.th2 .th2_box .leftBox{width: auto; float: none !important; margin-bottom: 15px;}
  .main_warp .theme.th2 .th2_box .leftBox .th2_mySwiper{border-radius: 12px; height: auto;}
  .main_warp .theme.th2 .th2_box .leftBox .th2_mySwiper .title{text-align: center; height: 196px;}
  .main_warp .theme.th2 .th2_box .leftBox .bottomTxt .time b{font-size: 20px;}
  .main_warp .theme.th2 .th2_box .leftBox .bottomTxt .time{width: 65px;}
  .main_warp .theme.th2 .th2_box .leftBox .bottomTxt{padding-left: 66px; padding-right: 54px;}
  .main_warp .theme.th2 .th2_box .leftBox .bottomTxt .txt{font-size: 13px; line-height: 24px; margin-left: 10px; max-height: 48px;}
  .main_warp .theme.th2 .th2_box .leftBox .bottomTxt .num1{right: 10px;}

  .main_warp .theme.th2 .th2_box .th2_right{float: none !important; width: auto; padding-left: 0px;}
  .main_warp .theme.th2 .th2_box .th2_right .tabSwitchBtns a{margin:0 6px; font-size: 17px;}
  .main_warp .theme.th2 .th2_box .th2_right .switchBox ul li a{border-radius: 12px; padding-left: 62px;}
  .main_warp .theme.th2 .th2_box .th2_right .switchBox ul li a .time{width: 65px;}
  .main_warp .theme.th2 .th2_box .th2_right .switchBox ul li a .time b{font-size: 20px;}
  .main_warp .theme.th2 .th2_box .th2_right .switchBox ul li a .txt{font-size: 14px; line-height: 24px; white-space: wrap; text-overflow: initial; max-height: 48px;}

  .main_warp .theme.th3 .themeBox{padding-top: 20px;}
  .main_warp .theme.th3 .themeBox .th3_title{margin-bottom: 15px;}
  .main_warp .theme.th3 .themeBox .th3_title img{height: 40px;}
  .main_warp .theme.th3 .themeBox ul li{width: auto !important; height: auto; float: none; transform: none !important; margin-bottom: 10px; margin-left: 0px;}
  .main_warp .theme.th3 .themeBox ul li:last-child{margin-bottom: 0px;}
  .main_warp .theme.th3 .themeBox ul li .titleBox{display: none;}
  .main_warp .theme.th3 .themeBox ul li .cut_content{width: auto; opacity: 1; visibility: visible; position: initial; padding:40px 15px 20px;}
  .main_warp .theme.th3 .themeBox ul li .cut_content > p{padding-right: 0px; font-size: 13px; line-height: 24px;}

  .main_warp .theme.th4 .themeBox{padding-top: 30px; padding-bottom: 70px;}
  .main_warp .theme.th4 .themeBox .th4_title img{height: 45px;}
  .main_warp .theme.th4 .themeBox .th4Box .th4_mySwiper .swiper-pagination-progressbar{left: 15px; right: 15px; height: 5px; bottom: 50px; width: auto;}
}