.w1400{max-width: 1400px; margin: 0 auto;}
.gzndbg .head_top.fw{  height: 620px;  background: url(/newimages/lhgzndbg_head_img_01.png) no-repeat top center; background-size: 100% 100%; }
.gzndbg .head_top .titS1{padding-top: 80px;}
.gzndbg { background: url(/newimages/lhgzndbg_content_bg_02.jpg) no-repeat top center; background-size: 100% 100%;}
.gzndbg_wrap .box{padding-top: 62px; padding-bottom: 74px;}
.gzndbg .theme1{padding-bottom: 20px;}
.gzndbg .theme1_leftName{width:140px; height: 150px; position: relative; text-align: center; padding: 0 15px; padding-top: 23px; box-sizing: border-box; border-radius: 12px; background-color: #fff; box-shadow: 0px 0px 10px #a5c5e5; margin: 0 14px;}
.gzndbg .theme1_leftName::before{content: ''; width: 180px; height: 84px; position: absolute; left: 50%; bottom: -7px; transform: translateX(-50%); background: url(/newimages/lhgzndbg_item_bg.png) no-repeat bottom center;}
.gzndbg .theme1_leftName p{font-size: 18px; color: #335790; line-height: 27px; font-weight: bold;}
.gzndbg .theme1_rightList ul li{padding-right: 120px;}
.gzndbg .theme1_rightList ul li:last-child{padding-right: 41px;}
.gzndbg .theme1_rightList ul li a{display: block; font-size: 18px; transition: 0.3s; box-sizing: border-box; padding-top: 13px; color: #0f0f0f; text-align: center; width: 160px; height: 150px; border-radius: 12px; background-color: #fff;}
.gzndbg .theme1_rightList ul li a .ima_box{display: block;  margin-bottom: 17px; font-size: 0px;}
.gzndbg .theme1_rightList ul li a:hover{color: #6ab1f4;}
.gzndbg .themeTitle{padding:50px 0px 40px; text-align: center;}
.gzndbg .themeTitle > i{position: relative; font-size: 36px; font-weight: bold; color: #2a75dd;}
.gzndbg .themeTitle > i::before{content: ''; position: absolute; left: -165px; top: 55%; transform: translateY(-50%); width: 134px; height: 16px; background: url(/newimages/lhgzndbg_title_icon.png) no-repeat; background-position-x: 0px;}
.gzndbg .themeTitle > i::after{content: ''; position: absolute; right: -165px; top: 55%; transform: translateY(-50%); width: 134px; height: 16px; background: url(/newimages/lhgzndbg_title_icon.png) no-repeat; background-position-x: -160px;}
.gzndbg .theme2 .theme_box ul{margin-left: -20px;}
.gzndbg .theme2 .theme_box ul li{float: left; width: 20%; box-sizing: border-box; padding-left: 20px;}
.gzndbg .theme2 .theme_box ul li a{display: block; transition: .5s; text-align: center; border-radius: 12px; background-color: #f2f9ff; margin-bottom:20px; box-shadow: 0px 0px 10px #b6d1ed; height: 70px; padding: 0 5px; box-sizing: border-box; font-size: 18px; color: #181818; }
.gzndbg .theme2 .theme_box ul li a .tag{display: block; font-size: 13px;}
.gzndbg .theme2 .theme_box ul li a .text{display: inline-block; position: relative; top: 50%; transform: translateY(-50%); max-height: 72px; overflow: hidden;}
.gzndbg .theme2 .theme_box ul li a:hover{box-shadow: 0px 0px 10px #81a5cb; transform: translateY(-1px);}

@media screen and (max-width: 1660px) {
  .w1400{max-width: 1200px; margin: 0 auto;}
  .gzndbg .theme1_rightList ul li{padding-right: 60px;}
  .gzndbg .theme1_rightList ul li:last-child{padding-right: 10px;}
    .gzndbg .theme2 .theme_box ul li{width: 25%;}
  .gzndbg .theme2 .theme_box ul li a{font-size: 16px;}
  .gzndbg .themeTitle > i{font-size: 30px;}
  .gzndbg .theme2 .theme_box ul li a .tag{ font-size: 12px;}
}
@media screen and (max-width: 1200px) {
  .gzndbg .head_top.fw{height: 340px; background-size: cover;}
  .gzndbg .head_top .titS1{padding: 0 15px; padding-top: 70px;}
  .gzndbg .head_top .titS1 img{height: 80px;}
  .gzndbg_wrap .box{padding: 30px 15px;}
  /* .gzndbg .theme1_leftName{width: 100%; margin: 0px;} */
  /* .gzndbg .theme1_leftName::before{display: none;} */
  .gzndbg .theme1_rightList ul{margin-left: -10px;}
  .gzndbg .theme1_rightList ul li{padding: 0px; text-align: center; width: 25%; box-sizing: border-box; padding-left: 10px; margin-bottom: 10px;}
  .gzndbg .theme1_rightList ul li:last-child{padding-right: 0px;}
  .gzndbg .theme1_rightList ul li a{display: inline-block;}
  .theme1_rightList{float: none;}
  .gzndbg .themeTitle{padding: 30px 0px 20px; }
  .gzndbg .theme1{padding-bottom: 0px;}
  .gzndbg .theme2 .theme_box ul{margin-left: -10px;}
  .gzndbg .theme2 .theme_box ul li{width: 50%; padding-left: 10px;}
  .gzndbg .theme2 .theme_box ul li a{margin-bottom: 10px;}
  .gzndbg .themeTitle > i{font-size: 26px;}
}
@media screen and (max-width: 760px) {
  .gzndbg .head_top.fw{height: 260px;}
  .gzndbg .head_top .titS1{padding-top: 45px;}
  .theme1_rightList{width: 100%; float: left;}
  .gzndbg .themeTitle{padding: 20px 0px 15px;}
  .gzndbg .theme1_rightList ul li{width: 50%;}
  .gzndbg .theme1_rightList ul li a{width: 100%; height: 100px; font-size: 16px;}
  .gzndbg .theme1_leftName::before{display: none;}
  .gzndbg .theme1_leftName{width: 100%; height: auto; padding: 5px 10px; box-shadow: none; margin: 0px; margin-bottom: 10px; }
  .gzndbg .theme1_rightList ul li a .ima_box img{height: 40px;}
  .gzndbg .theme1_rightList ul li a .ima_box{margin-bottom: 10px;}
  .gzndbg .themeTitle > i::before{width:60px; left: -69px; background-size: auto 12px; height: 12px; background-position-x: -44px;}
  .gzndbg .themeTitle > i::after{width: 60px; right: -69px; background-size: auto 12px; height: 12px; background-position-x: -109px; }
  .gzndbg .themeTitle > i{font-size: 18px; vertical-align: text-top;}
  .gzndbg .theme2 .theme_box ul li a{height: 45px;font-size: 13px;}
  .gzndbg .theme2 .theme_box ul li a .tag{ display: inline; font-size: 13px;}
  .gzndbg .theme2 .theme_box ul li a .text{max-height: 37px;}
  
}