.hdrl .head_top{  height: 814px;  background: url(/newimages/lh_hdrl_bg_01.jpg) no-repeat top center; background-size: 100% 100%; }
.hdrl .hdrl_wrap{padding-top: 1px; padding-bottom: 220px;  background: url(/newimages/lh_hdrl_bg_02.jpg) no-repeat top center; background-size: cover;}
.hdrl .bgItem { padding: 15px; box-shadow: inset 0 0 12px rgba(255, 255, 255, 0.7), 0 0 12px rgba(41, 83, 170, 0.2); margin-bottom: 34px; background-color: #cfe9ff; border-radius: 40px; border: 1px solid #fff;}

.hdrl .th1.bgItem{padding: 40px; padding-bottom: 48px; position: relative;}
.hdrl .th1 .th1Bg::before{content: ''; position: absolute; left: 122px; top: -35px; width: 30px; height: 81px; background: url(/newimages/lh_hdrl_icon1.png) no-repeat center;}
.hdrl .th1 .th1Bg::after{content: ''; position: absolute; right: 122px; top: -35px; width: 30px; height: 81px; background: url(/newimages/lh_hdrl_icon1.png) no-repeat center;}

.hdrl .th1 .calendarChangeBox{text-align: center; margin-bottom: 30px;}
.hdrl .th1 .calendarChangeBox .btnBox{display: inline-block; position: relative; padding: 0 105px; background-color: #5192ef; background-image: linear-gradient(to right, #cde7ff, #5192ef, #5192ef, #cde7ff);}
.hdrl .th1 .calendarChangeBox .btnBox .dateTime{font-size: 34px; color: #fff; font-weight: bold;}
.hdrl .th1 .calendarChangeBox .btnBox .btn{position: absolute; top: 52%; transform: translateY(-50%); box-sizing: border-box; cursor: pointer; color: #4d70a7; font-size: 26px; width: 22px; height: 30px; border: none; }
.hdrl .th1 .calendarChangeBox .btnBox .btn.prevBtn{left: 55px; background: url(/newimages/lh_hdrl_left_icon.png) no-repeat center; background-color: #fff; border-radius: 4px 0px 0px 4px;}
.hdrl .th1 .calendarChangeBox .btnBox .btn.nextBtn{right: 55px; background: url(/newimages/lh_hdrl_right_icon.png) no-repeat center; background-color: #fff; border-radius: 0px 4px 4px 0px;}
.hdrl .th1 .themeBox{background: url(/newimages/lh_hdrl_theme1_rightBg_03.jpg) no-repeat right bottom; background-color: #fff;  border-radius: 10px;}
.hdrl .th1 .themeBox .themeContent{position: relative; padding: 40px 0 30px; padding-left: 396px; padding-right: 86px;}
.hdrl .calendar-header{display: none;}
.hdrl .calendar-cell{border: none;}
.hdrl .calendar-column-header{height: 56px; background-color: #80b2fa; font-weight: bold;}
.hdrl .calendar-column-header:first-child{border-radius:30px 0px 0px 30px;}
.hdrl .calendar-column-header:last-child{border-radius:0px 30px 30px 0px;}
.hdrl .calendar-date{height: 95px; padding-top: 24px; padding-bottom: 0px;}
.calendar-cell, .calendar-weekend.calendar-cell{ color: #000;}
.hdrl .calendar-date .value {text-align: center; color: #004889; font-size: 15px;}
.hdrl .calendar-date .calendar-value{font-size: 30px; line-height: 40px;}
.hdrl .calendar-weekend{background-color: transparent;}
.hdrl .calendar-holiday-bg, .hdrl .calendar-work-bg{display: none;}
.hdrl .calendar-holiday, .hdrl .calendar-work{ left: auto; right: 17px; top: 17px; background-color: transparent; font-size: 14px; color: #ffb400;}
.hdrl .calendar-date:hover:before{border: none; }
.hdrl .calendar-today .calendar-date{background-color: transparent;}
.hdrl .calendar-today .calendar-date::before{content: ''; position: absolute; top: 30px; left: 50%; transform: translateX(-50%); background-color: transparent; width: 82px; height: 62px; background: url(/newimages/lh_hdrl_active.png) no-repeat center; }
.hdrl .calendar-content{text-align: center;}
.hdrl .calendar-content ul.events li{ width: 23px; display: inline-block; vertical-align: top; }
.hdrl .calendar-content ul.events li span{margin-left: 0px;}
.hdrl .calendar-content ul.events li:before{display: none;}
.hdrl .calendar-content ul.events li .imgBox{width: 23px; display: inline-block; margin: 0 2px; vertical-align: top; color: #004889;}
.hdrl .calendar-content ul.events li img{max-width: 100%;}
.hdrl .tqBox{position: absolute; left: 0px; top: 50%; transform: translateY(-50%); width: 200px;}
.hdrl .tqBox .tianqi{text-align: center; width: 396px;}
.hdrl .tqBox .tianqi.notWeather{background: url(/newimages/lh_hdrl_not_tq.png) no-repeat center; height:427px;}

.hdrl .tqBox .tianqi a span{display: block; font-size: 18px; margin-bottom: 17px; color: #333;}
.hdrl .tqBox .tianqi a span.s1{margin-bottom: 0px;}
.hdrl .tqBox .tianqi a span.s1 span{display: inline-block; float: none; vertical-align: middle;}
.hdrl .tqBox .tianqi a span.s1 span img{width: 100px; max-width: none !important; line-height: initial; max-height: none !important;}
.hdrl .tqBox .tianqi a span.weekday{font-size: 22px; margin-bottom: 24px;} 
.hdrl .tqBox .tianqi a span.dqwd{font-size: 40px; font-weight: bold; }

.hdrl .th2{position: relative;}
.hdrl .th2 .topBg i::before{content: ''; position: absolute; top: -71px; width: 30px; height: 104px; background: url(/newimages/lh_hdrl_icon2.png) no-repeat center;}
.hdrl .th2 .topBg i::after{content: ''; position: absolute; top: -71px; width: 30px; height: 104px; background: url(/newimages/lh_hdrl_icon2.png) no-repeat center;}
.hdrl .th2 .topBg i.i1::before{ left: 70px; }
.hdrl .th2 .topBg i.i1::after{ left: 218px;}
.hdrl .th2 .topBg i.i2::before{ left: 366px; }
.hdrl .th2 .topBg i.i2::after{ left: 513px;}
.hdrl .th2 .topBg i.i3::before{ left: 660px; }
.hdrl .th2 .topBg i.i3::after{ left: 810px;}
.hdrl .th2 .topBg i.i4::before{ left: 958px; }
.hdrl .th2 .topBg i.i4::after{ left: 1105px;}
.hdrl .th2 .topBg i.i5::before{ left: 1252px; }
.hdrl .th2 .topBg i.i5::after{ left: 1400px;}
.hdrl .th2.bgItem{padding: 70px 80px 30px;}
.hdrl .th2 .classify{position: relative; padding-left: 114px; margin-bottom: 20px;}
.hdrl .th2 .classify .label{position: absolute; left: 18px; top: 0px; font-size: 18px; color: #084fa5; font-weight: bold;}
.hdrl .th2 .classify.classify1 .label{top: 10px;}
.hdrl .th2 .classify.classify2 .label{top: 7px;}
.hdrl .th2 .classify ul{font-size: 0px;}
.hdrl .th2 .classify ul li{display: inline-block; vertical-align: middle; border-radius: 30px; margin-bottom: 5px;}
.hdrl .th2 .classify.classify1 ul li{margin-right: 5px;}
.hdrl .th2 .classify.classify2 ul li{margin-right: 24px;}
.hdrl .th2 .classify ul li:last-child{margin-right: 0px !important;}
.hdrl .th2 .classify ul li a{ display: block; color: #084fa5; padding: 0 21px; height: 48px; line-height: 48px;}
.hdrl .th2 .classify.classify1 ul li a{ height: 48px; line-height: 48px;}
.hdrl .th2 .classify.classify2 ul li a{ height: 40px; line-height: 40px;}
.hdrl .th2 .classify ul li.on{background-color: #fff;}
.hdrl .th2 .classify ul li a .iconBox{display: inline-block; vertical-align: middle; margin-right: 4px; font-size: 0px; line-height: 1;}
.hdrl .th2 .classify ul li a .titleBox{display: inline-block; vertical-align: middle; font-size: 18px;}
.hdrl .th2 .lists {padding-top: 15px;}
.hdrl .th2 .lists ul li a{display: block; margin-bottom: 10px; position: relative; min-height: 204px; box-sizing: border-box; padding: 20px 22px; padding-left: 282px; padding-right: 200px; background-color: #fff; border-radius: 10px;}
.hdrl .th2 .lists ul li:last-child a{margin-bottom: 0px;}
.hdrl .th2 .lists ul li a::before{content: ''; position: absolute; right: 188px; top: -12px; z-index: 2; width: 24px; height: 24px; border-radius: 100%; background-color: #cfe9ff;}
.hdrl .th2 .lists ul li a::after{content: ''; position: absolute; right: 188px; bottom: -12px; z-index: 2; width: 24px; height: 24px; border-radius: 100%; background-color: #cfe9ff;}

.hdrl .th2 .lists ul li a .imgBox{position: absolute; left: 22px; top: 20px; width: 260px; height: 160px; overflow: hidden;}
.hdrl .th2 .lists ul li a .imgBox .tag{position: absolute; left: 7px; top: 7px; font-size: 0px; padding: 0 8px;  background-color: #6d93c7; height: 32px; line-height: 32px; color: #fff;}
.hdrl .th2 .lists ul li a .imgBox .tag .imageBox{display: inline-block;vertical-align: middle; margin-right: 6px; font-size: 0px; line-height:1;}
.hdrl .th2 .lists ul li a .imgBox .tag .imageBox img{max-width: 100%; height: 24px;}
.hdrl .th2 .lists ul li a .imgBox .tag .txtBox{display: inline-block;vertical-align: middle; font-size: 16px;}
.hdrl .th2 .lists ul li a .content{display: block; padding: 16px 22px 0px;} 
.hdrl .th2 .lists ul li a .content i{display: block; margin-bottom: 16px; font-size: 18px; color: #394351;}
.hdrl .th2 .lists ul li a .state{position: absolute; right:0px; top: 0px; bottom: 0px; width: 200px; text-align: center; background-color: #f3fcff; color: #64b9d2;}
.hdrl .th2 .lists ul li a .state i{display: inline-block; position: relative; top: 50%; transform: translateY(-50%); font-size: 26px; font-weight: bold; }
.hdrl .th2 .lists ul li a .state.s1{background-color: #fef8f6; color: #ee7746;}
.hdrl .th2 .lists ul li a .state.s2{background-color: #f3fcff; color: #64b9d2;}
.hdrl .th2 .lists ul li a .state.s3{background-color: #e5e5e5; color: #333;}
.hdrl .th2 .lists.notHd ul{padding: 120px 0; background: url(/newimages/zwhd.png) no-repeat center;}
.hdrl .th2 .lists .historyTxt{display: none; font-size: 18px; color: #399cf8; text-align: right; margin-top: 24px;}
.hdrl .th2 .lists.historyHd:not(.notHd) .historyTxt{display: block;}


@media screen and (max-width: 1655px) {
  .hdrl .th1 .themeBox .themeContent{padding-left: 300px; padding-right: 40px;}
  .hdrl .tqBox .tianqi{width: 300px;}

  .hdrl .calendar-date{padding:24px 0 0px ;}
  .hdrl .th2.bgItem{padding: 60px 30px 30px;}
  .hdrl .th2 .topBg i.i5{display: none;}
}
@media screen and (max-width: 1200px) {
  .w1500{padding: 0 15px;}
  .hdrl .hdrl_wrap{padding-bottom: 30px;}
  .hdrl .tqBox .tianqi.notWeather{display: none;}
  .hdrl .head_top{height: 400px;  background-size: cover; background-position-y: 30px;}
  .hdrl .th1 .th1Bg{display: none;}
  .hdrl .bgItem{padding: 15px !important; border-radius: 10px;}
  .hdrl .th1 .calendarChangeBox .btnBox{padding: 0 39px;}
  .hdrl .th1 .calendarChangeBox .btnBox .dateTime{font-size: 24px;}
  .hdrl .th1 .calendarChangeBox{margin-bottom: 15px;}
  .hdrl .th1 .calendarChangeBox .btnBox .btn.prevBtn{left: 10px;}
  .hdrl .th1 .calendarChangeBox .btnBox .btn.nextBtn{right: 10px;}
  .hdrl .th1 .themeBox{background-size: 20px auto;}
  .hdrl .th1 .themeBox .themeContent{padding: 15px 10px;}
  .hdrl .calendar-column-header{font-size: 14px; height: 38px;}
  .hdrl .calendar-date .calendar-value{font-size: 17px; line-height: 20px;}
  .hdrl .calendar-date{padding-top: 5px; height: 55px;}
  .hdrl .calendar-date .value{font-size: 12px;}
  .hdrl .calendar-content ul.events li{width: 10px; padding: 1px 0px; font-size: 11px;} 
  .hdrl .calendar-today .calendar-date::before{width: 42px; height: 36px;background-size: 100% 100%; top: 6px;}
  .hdrl .tqBox{position: initial; transform: none;}
  .hdrl .th2 .topBg{display: none;}
  .hdrl .th2.bgItem{padding: 15px;}
  .hdrl .th2 .classify .label{font-size: 15px; left: 0px; top: 4px !important;}
  .hdrl .th2 .classify{padding-left: 70px; margin-bottom: 10px;}
  .hdrl .th2 .classify ul li a .titleBox{font-size: 13px;}
  .hdrl .th2 .classify ul li a{padding: 0 6px; height: 30px !important; line-height: 30px !important;}
  .hdrl .th2 .classify ul li a .iconBox img{ height: 26px;}
  .hdrl .th2 .classify.classify2 ul li{margin-right: 5px;}
  .hdrl .th2 .lists{padding-top: 0px;}
  .hdrl .th2 .lists.notHd ul{background-size: 100px auto; padding: 90px 0;}
  .hdrl .th2 .lists ul li a{padding: 15px 10px;}
  .hdrl .th2 .lists ul li a .imgBox{position: initial; text-align: center; height: auto; width: auto; display: block;}
  .hdrl .th2 .lists ul li a .state{position: initial; display: block; width: auto;}
  .hdrl .th2 .lists ul li a .state i{position: initial; transform: none; font-size: 17px;}
  .hdrl .th2 .lists ul li a::before{display: none;}
  .hdrl .th2 .lists ul li a::after{display: none;}
  .hdrl .th2 .lists ul li a .imgBox .tag{top: 24px; left: 18px; font-size: 13px; height: 28px; line-height: 26px;}
  .hdrl .th2 .lists ul li a .content{padding: 10px 0;}
  .hdrl .th2 .lists ul li a .content i{font-size: 13px; margin-bottom: 6px;}
  .hdrl .th2 .lists .historyTxt{font-size: 14px; margin-top: 15px;}

  .hdrl .th2 .lists ul li a .imgBox .tag .txtBox{font-size: 14px;}
  .hdrl .th2 .lists ul li a .imgBox .tag .imageBox img{height: 20px;}
}
@media screen and (max-width: 760px) {
  .hdrl .head_top{height: 260px;}
  
}