﻿@charset "utf-8";

.mb50{margin-bottom: 50px;}
/*owl-carousel*/
.owl-carousel .item{display: block; width: 100%;}
.owl-carousel .item img {display: block; width: 100%;}
.owl-carousel.pagination .owl-dots{position: absolute; bottom: 10%; right: 1%; z-index: 99; text-align: right;}
.owl-carousel.pagination .owl-dots button.owl-dot{display: inline-block; width: 14px; height: 14px; margin-right: 5px; background: rgba(255, 255, 255, 0.4); border-radius: 50%; border: none;}
.owl-carousel.pagination .owl-dots button.owl-dot.active{background: transparent; border: 2px solid rgba(255, 255, 255, 0.4);}
.owl-carousel.unpage .owl-dots{display: none;}
.owl-carousel.owlcarousel-arrow .owl-nav > div{position: absolute; top: 50%; z-index: 99; margin-top: -25px; width: 50px; height: 50px; background: #ffffff; border-radius: 50%; cursor: pointer; box-shadow: 0 0 6px rgba(112, 112, 112, 0.1);}
.owl-carousel.owlcarousel-arrow .owl-nav > div i{position: absolute; top: 50%; right: 0; left: 0; margin: -10px auto 0; width: 20px; height: 20px; background-image: url(../images/public/owlcarousel_arrow_gray.png); background-repeat: no-repeat; background-position: 0 0;}
.owl-carousel.owlcarousel-arrow .owl-nav > div:hover{box-shadow: 0 0 6px rgba(112, 112, 112, 0.25);}
.owl-carousel.owlcarousel-arrow .owl-nav > div.owl-prev{left: -60px;}
.owl-carousel.owlcarousel-arrow .owl-nav > div.owl-next{right: -60px;}
.owl-carousel.owlcarousel-arrow .owl-nav > div.owl-next i{background-position: right center;}
.owl-carousel.owlcarousel-arrow .owl-nav > div.disabled{background: #fff !important; opacity: 0.85; cursor: not-allowed; box-shadow: 0 0 6px rgba(112, 112, 112, 0.25) !important;}
.owl-carousel.owlcarousel-arrow .owl-nav > div.disabled i{opacity: 0.35; background-image: url(../images/public/owlcarousel_arrow_gray.png) !important;}
.owl-carousel.owlcarousel-arrow.blue .owl-nav > div{box-shadow: 0 0 6px rgba(151, 176, 204, .72);}
.owl-carousel.owlcarousel-arrow.blue .owl-nav > div i{background-image: url(../images/public/owlcarousel_arrow_blue.png);}
.owl-carousel.owlcarousel-arrow.blue .owl-nav > div:hover{background: #3e6ecf; box-shadow: 0 0 6px rgba(151, 176, 204, 1);}
.owl-carousel.owlcarousel-arrow.blue .owl-nav > div:hover i{background-image: url(../images/public/owlcarousel_arrow_white.png);}

/* .zjhlj-wrapper{position: relative; z-index: 1; width: 100%; min-height: 1080px; background: url(../images/zjhlj/background.png) no-repeat center top #fff;}
.zjhlj-banner{text-align: center; height: 720px;} */
.zjhlj-wrapper{position: relative; z-index: 1; width: 100%; min-height: 1080px; background: url(../images/zjhlj/bg.png) no-repeat center top #fff;}
.zjhlj-banner{text-align: center;height: auto; padding-top: 41%;}
.zjhlj-banner .container img{position: absolute;z-index: 1;padding-top: 6%;top:0;width: 25%;margin-left: 25px; display: block;}
.zjhlj-banner .owl-carousel{position: absolute;left:0;right:0;top:0;bottom:0;z-index: -1;}
.zjhlj-banner .owl-carousel .owl-stage-outer,
.zjhlj-banner .owl-carousel .owl-stage,
.zjhlj-banner .owl-carousel .owl-item{height: 100%;}
.zjhlj-banner .item{height: 100%; background: url(../images/zjhlj/banner2.png) no-repeat center top;background-size: 1920px;}
.zjhlj-banner .item.ban2{background-image: url(../images/zjhlj/banner1.png);}
.zjhlj-banner .item.ban3{background-image: url(../images/zjhlj/banner3.png);}


.zjhlj-head{margin-top: 50px; margin-bottom: 20px; padding-top: 30px; padding-bottom: 38px; text-align: center; background: url(../images/zjhlj/column_head_bg.png) no-repeat center;}
.zjhlj-head a{display: inline-block;}
.zjhlj-more{display: inline-block; font-size: 88.889%;}
.zjhlj-more font{display: block; width: 114px; height: 40px; color: #fff; text-align: center; line-height: 40px; background-color: #3e6ecf; border-radius: 4px;}
.zjhlj-more:hover{padding-bottom: 4px;}
.zjhlj-more:hover font{margin-top: -4px;}


.hljgk .intro{position: relative;}
.hljgk .intro .split{position: relative;}
.hljgk .intro .split:before{position: absolute; top: 0; right: 33px; left: 33px; bottom: 0; content: ""; background-color: #fff;}
.hljgk .intro .top:before{border-top: 1px solid #f5f5f5;}
.hljgk .intro .bottom:before{border-bottom: 1px solid #f5f5f5;}
.hljgk .intro dl{background-color: #fff; border-right: 1px solid #f5f5f5; border-left: 1px solid #f5f5f5; padding: 10px 35px;}
.hljgk .intro dl dd.gk{width: 46%;}
.hljgk .intro dl dd.gk .video{width: 100%;}
.hljgk .intro dl dd.gk .video video{display: block; width: 100%; height: auto;}
.hljgk .intro dl dd.gk div + div{margin-top: 4%;}
.hljgk .intro dl dd.gk .memo{line-height: 200%; text-indent: 2em; text-align: justify;}
.hljgk .intro dl dd.map{ position: relative; width: 52%;}
.hljgk .intro dl dd.map .mark{position: absolute; top: 6%; right: 0; z-index: 99; padding-right: 1em; padding-left: 1em; height: 40px; line-height: 40px; color: #3f588b; border: 1px solid #a8c5f6;}
.hljgk .intro dl dd.map #mapchart{height: 540px;}

.hljgk .slider{position: relative;}
.hljgk .slider .container .carousel{margin-right: -12px; margin-left: -12px;}
.hljgk .slider:before{position: absolute; top: 14px; right: 0; left: 0; content: ""; height: 1px; background-color: #d6dfe9;}
.hljgk .slider .item{float: left; width: 19.5%;}
.hljgk .slider .item .box{position: relative; padding: 0 12px; height: 400px;}
.hljgk .slider .item .box:before{position: absolute; top: 13px; right: 0; left: 0; margin: 0 auto; content: ""; width: 0; height: 3px; background-color: #0085f2; transition: all .3s;}
.hljgk .slider .item .box b{position: absolute; top: 2px; right: 0; left: 0; width: 20px; height: 20px; margin: 0 auto; background-color: #fff; border: 2px solid #cedff2; border-radius: 50%; transition: all .3s ease;}
.hljgk .slider .item .box b:before{position: absolute; top: 50%; left: 50%; margin-top: -4px; margin-left: -4px; width: 8px; height: 8px; content: ""; background-color: #0085f2; border-radius: 50%; transition: all .3s; opacity: 0;}
.hljgk .slider .item .box dl{position: absolute; top: 50px; right: 0; bottom: 15px; left: 0; margin: 40px 15px; padding: 10% 6% 15%; background-color: #fff; box-shadow: 0 0 12px rgba(129, 176, 214, 0.3); border-radius: 16px; transition: all .2s ease;}
.hljgk .slider .item .box dl:before{position: absolute; z-index: 1; top: 5px; right: 5px; bottom: 5px; left: 5px; content: "";
background: -webkit-linear-gradient(#ffffff 10%, #f8fcff);
background: -o-linear-gradient(#ffffff 10%, #f8fcff);
background: -moz-linear-gradient(#ffffff 10%, #f8fcff);
background: linear-gradient(#ffffff 10%, #f8fcff);
border-radius: 16px;}
.hljgk .slider .item .box dl dt{position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; display: table; vertical-align: middle; z-index: 2;}
.hljgk .slider .item .box dl dt .inline{position: relative; width: 100%; height:100%; display: table-cell; vertical-align: middle; text-align: center;}
.hljgk .slider .item .box dl dt a{display: inline-block; color: #333; margin: 5% auto 0;}
.hljgk .slider .item .box dl dt a img{display: block; position: relative; width: 108px; height: 108px; margin: 0 auto 10%; transition: .3s all;}
.hljgk .slider .item .box dl dt a font{display: block; font-size: 122.222%; font-weight: bold; line-height: 1.6em; text-align: center;}
.hljgk .slider .item .box dl dt a:hover{-webkit-animation: bounce 1s; animation: bounce 1s;}
.hljgk .slider .item .box dl dd{position: relative; z-index: 3; display: none; margin-top: 6%;}
.hljgk .slider .item .box dl dd.navs ul{margin-left: 4%;}
.hljgk .slider .item .box dl dd.navs ul li{float: left; width: 33.33333%; font-size: 88.889%;}
.hljgk .slider .item .box dl dd.navs ul li a{display: inline-block; color: #808080; line-height: 190%;}
.hljgk .slider .item .box dl dd.navs ul li a:hover{color: #005293;}
.hljgk .slider .item .box dl dd.more{display: none; text-align: center;}
.hljgk .slider .item .box.dwjl dl dt a i{background-color: #ebf7ff;}
.hljgk .slider .item .box.shfz dl dt a i{background-color: #edf3ff;}
.hljgk .slider .item .box.csws dl dt a i{background-color: #fcf6eb;}
.hljgk .slider .item .box.mphc dl dt a i{background-color: #fcf5f5;}
.hljgk .slider .item.hover{width: 22%;}
.hljgk .slider .item.hover .box:before{width: 60%;}
.hljgk .slider .item.hover .box b{-webkit-transform: scale(1.5); -moz-transform: scale(1.15); transform: scale(1.15);border-color: #0085f2;}
.hljgk .slider .item.hover .box b:before{opacity: 1;}
.hljgk .slider .item.hover .box dl{margin: 0 5px; transition-duration: .6s;}
.hljgk .slider .item.hover .box dl:before{
background: -webkit-linear-gradient(#ffffff 10%, #ecf5ff);
background: -o-linear-gradient(#ffffff 10%, #ecf5ff);
background: -moz-linear-gradient(#ffffff 10%, #ecf5ff);
background: linear-gradient(#ffffff 10%, #ecf5ff);
}
.hljgk .slider .item.hover .box dl dt{position: relative; width: auto; height: auto; display: block;}
.hljgk .slider .item.hover .box dl dt .inline{display: block;}
.hljgk .slider .item.hover .box dl dt a i{margin-top: 0;}
.hljgk .slider .item.hover .box dl dd.navs{
  display: block;
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
.hljgk .slider .item.hover .box dl dd.more{
  display: block;
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}

.jjjs .owl-carousel .item{position: relative; border-radius: 6px; overflow: hidden;}
.jjjs .owl-carousel .item .normal{position: relative;}
.jjjs .owl-carousel .item .normal dt{position: absolute; left: 10%; bottom: 5%; transition: all .3s ease;}
.jjjs .owl-carousel .item .normal dt img{display: inline-block; vertical-align: top; width: auto; margin-right: 5px;}
.jjjs .owl-carousel .item .normal dt strong{display: inline-block; vertical-align: top; font-size: 133.33333%; color: #fff; line-height: 40px;}
.jjjs .owl-carousel .item .layer{position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; color: #fff;}
.jjjs .owl-carousel .item .layer a{color: #fff;}
.jjjs .owl-carousel .item .layer:after{position: absolute; top: 0; left: 0; z-index: 1; content: ""; width: 100%; height: 100%; background-color: #478dde; transition: all .3s ease; opacity: 0;}
.jjjs .owl-carousel .item .layer .box{position: absolute; right: 0; left: 0; bottom: -100%; z-index: 2; transition: all .3s ease;}
.jjjs .owl-carousel .item .layer dl{padding: 15% 10%;}
.jjjs .owl-carousel .item .layer dl .channel{font-size: 133.33333%; white-space: nowrap; font-weight: bold; text-align: center;}
.jjjs .owl-carousel .item .layer dl .channel font{display: inline-block; vertical-align: middle; margin-right: 5px; margin-left: 5px;}
.jjjs .owl-carousel .item .layer dl .channel:before{display: inline-block; vertical-align: middle; width: 20%; content: ""; height: 2px; background-color: #fff;}
.jjjs .owl-carousel .item .layer dl .channel:after{display: inline-block; vertical-align: middle; width: 20%; content: ""; height: 2px; background-color: #fff;}
.jjjs .owl-carousel .item .layer dl .memo{margin-top: 14%; -webkit-line-clamp: 6; font-size: 88.889%; line-height: 2em; max-height: 12em; overflow: hidden; text-align: justify;}
.jjjs .owl-carousel .item .layer dl .more{margin-top: 15%; text-align: center;}
.jjjs .owl-carousel .item .layer dl .more a font{width: 122px; height: 42px; line-height: 42px; background-color: transparent; border: 1px solid #fff; border-radius: 2px;}
.jjjs .owl-carousel .item:hover .normal dt{opacity: 0;}
.jjjs .owl-carousel .item:hover .layer:after{opacity: .75;}
.jjjs .owl-carousel .item:hover .layer .box{height: 100%; bottom: 0; transition-duration: .6s;}
.jjjs .owl-carousel .item.zonghe .layer:after{background: #a33434;
background: -webkit-linear-gradient(#e89e95 10%, #a33434);
background: -o-linear-gradient(#e89e95 10%, #a33434);
background: -moz-linear-gradient(#e89e95 10%, #a33434);
background: linear-gradient(#e89e95 10%, #a33434);}
.jjjs .owl-carousel .item.nongye .layer:after{background: #93653a;
background: -webkit-linear-gradient(#e6bb87 10%, #93653a);
background: -o-linear-gradient(#e6bb87 10%, #93653a);
background: -moz-linear-gradient(#e6bb87 10%, #93653a);
background: linear-gradient(#e6bb87 10%, #93653a);}
.jjjs .owl-carousel .item.gongye .layer:after{background: #478dde;}
.jjjs .owl-carousel .item.touzi .layer:after{background: #4d4fa7;
background: -webkit-linear-gradient(#6f71c5 10%, #4d4fa7);
background: -o-linear-gradient(#6f71c5 10%, #4d4fa7);
background: -moz-linear-gradient(#6f71c5 10%, #4d4fa7);
background: linear-gradient(#6f71c5 10%, #4d4fa7);}
.jjjs .owl-carousel .item.gnmy .layer:after{background: #00aad9;}
.jjjs .owl-carousel .item.dwjj .layer:after{background: #184793;}
.jjjs .owl-carousel .item.czhjr .layer:after{background: #5a49af;
background: -webkit-linear-gradient(#4c418e 10%, #5a49af);
background: -o-linear-gradient(#4c418e 10%, #5a49af);
background: -moz-linear-gradient(#4c418e 10%, #5a49af);
background: linear-gradient(#4c418e 10%, #5a49af);}
/*.jjjs .owl-carousel .item:hover .layer dl .channel {
  visibility: visible;
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
.jjjs .owl-carousel .item:hover .layer dl .memo {
  visibility: visible;
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
.jjjs .owl-carousel .item:hover .layer dl .more {
  display: block;
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}*/

.ljyx{}
.ljyx .layer{position: relative; overflow: hidden;}
.ljyx .layer .number{}
.ljyx .layer .swiper-tab{position: absolute; top: 5%; bottom: 5%; left: 0; z-index: 10; overflow: hidden;}
.ljyx .layer .swiper-tab ul{position: relative; width: 100%; height: 100%; width: 90px;}
.ljyx .layer .swiper-tab ul li{position: relative; height: 25%; cursor: pointer;}
.ljyx .layer .swiper-tab ul li:before{position: absolute; top: 5%; left: 5%; z-index: 2; font-size: 133.333%; color: #92bff0;}
.ljyx .layer .swiper-tab ul li:after{position: absolute; top: 2px; right: 0; bottom: 0; left: 0; content: ""; z-index: 1; border-top-left-radius: 10px; border-bottom-left-radius: 10px; background-color: #c7e1ff;
background-image: linear-gradient(to right, #77ace9, #9cc8fb);}
.ljyx .layer .swiper-tab ul li span{position: absolute; top: 50%; right: 0; left: 0; z-index: 3; margin-top: -1.35em; font-size: 133.333%; font-weight: bold; color: #ebf6ff; text-align: center; line-height: 1.35em;}
.ljyx .layer .swiper-tab ul li.active:after{background-color: #c7e1ff; background-image: linear-gradient(to right, #9fccff, #c7e1ff);}
.ljyx .layer .swiper-tab ul li.active:before{color: #b6d8ff;}
.ljyx .layer .swiper-tab ul li.active span{color: #fff;}
.ljyx .layer .swiper-tab ul li.li1:before{content: "01";}
.ljyx .layer .swiper-tab ul li.li2:before{content: "02";}
.ljyx .layer .swiper-tab ul li.li3:before{content: "03";}
.ljyx .layer .swiper-tab ul li.li4:before{content: "04";}
.ljyx .layer .swiper-container{margin-left: 90px; overflow: hidden;}
.ljyx .layer .swiper-wrapper{height: auto !important;}
.ljyx .layer .swiper-slide{position: relative; float: left; width: 100%; height: auto !important; overflow: hidden;}
.ljyx .layer .swiper-slide .inbox{float: left; width: 50%; position: relative;}
.ljyx .layer .swiper-slide .inbox:before{position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; content: ""; background-color: #d5e8ff; border-radius: 6px;}
.ljyx .layer .swiper-slide .left{float: left; width: 50%;}
.ljyx .layer .swiper-slide .left .box:before{position: absolute; top: 15px; right: 0; bottom: 15px; left: 15px; z-index: 2; content: ""; background-color: #ffffff; background-image: linear-gradient(to right, #ffffff, #f2f6fa); border-radius: 4px; overflow: hidden;}
.ljyx .layer .swiper-slide .left .box .tabs{position: relative; z-index: 3; padding: 50px 30px 30px;}
.ljyx .layer .swiper-slide .left .box .tabs .hd{margin-bottom: 20px;}
.ljyx .layer .swiper-slide .left .box .tabs .hd li{float: left; padding-right: 35px; padding-left: 10px; font-size: 133.333%; line-height: 46px; cursor: pointer; background-repeat: no-repeat; background-size: 100% 100%; transition: .3s all;}
.ljyx .layer .swiper-slide .left .box .tabs .hd li.on{font-weight: bold; color: #fff; background-image: url(../images/zjhlj/ljyx_hd_bg.png);}
.ljyx .layer .swiper-slide .left .box .tabs .bd .item{position: relative; padding: 30px 20px; min-height: 420px; background-color: #fff;}
.ljyx .layer .swiper-slide .left .box .tabs .bd .item:after{position: absolute; right: 20px; bottom: 30px; font-size: 1304%; color: #f2f8fb; line-height: 1em;}
.ljyx .layer .swiper-slide .left .box .tabs .bd .item .memo{position: relative; z-index: 3; text-align: justify; line-height: 1.8em; height: 14.4em; overflow: hidden;}
.ljyx .layer .swiper-slide .left .box .tabs .bd .item .more{position: relative; z-index: 2; margin-top: 20px;}
.ljyx .layer .swiper-slide-1 .left .box .tabs .bd .item:after{content: "01";}
.ljyx .layer .swiper-slide-2 .left .box .tabs .bd .item:after{content: "02";}
.ljyx .layer .swiper-slide-3 .left .box .tabs .bd .item:after{content: "03";}
.ljyx .layer .swiper-slide-4 .left .box .tabs .bd .item:after{content: "04";}
.ljyx .layer .swiper-slide .right{position: absolute; top: 0; right: 0; bottom: 0; width: 50%;}
.ljyx .layer .swiper-slide .right:before{left: 1px;}
.ljyx .layer .swiper-slide .right dl{position: absolute; top: 15px; right: 15px; bottom: 15px; left: 0; z-index: 5; background-color: #ebf1f7; background-image: linear-gradient(to right, #ebf1f7, #ffffff); border-radius: 4px; overflow: hidden;}
.ljyx .layer .swiper-slide .right dl:after{position: absolute; right: 0; bottom: 0; content: ""; z-index: 3; width: 128px; height: 83px; background: url(../images/zjhlj/shujiao.png) no-repeat 0 0; background-size: 100% 100%;}
.ljyx .layer .swiper-slide .right dl dd{position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; z-index: 4; height: 100%; display: table; vertical-align: middle;}
.ljyx .layer .swiper-slide .right dl dd .inline{position: relative; width: 100%; height: 100%; display: table-cell; vertical-align: middle;}
.ljyx .layer .swiper-slide .right dl dd .inline .block{position: relative; width: 90%; margin: 5% auto;}
.ljyx .layer .swiper-slide .right dl dd .inline .block .place{position: relative; padding-top: 83.333%;}
.ljyx .layer .swiper-slide .right dl dd .inline .block .place img{position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%;}
.ljyx .layer .swiper-tab ul li:before,
.ljyx .layer .swiper-slide .left .box .tabs .bd .item:after{font-family: Arial, Helvetica, sans-serif; font-weight: bold;}

.fjms .owl-carousel .item .place{position: relative; z-index: 1; padding-top: 56.25%; transition: .3s;}
.fjms .owl-carousel .item .place a{position: absolute; top: 5%; right: 0; bottom: 5%; left: 0; border-radius: 6px; overflow: hidden;}
.fjms .owl-carousel .item .place a img{display: block; width: 100%; height: 100%;}
.fjms .owl-carousel .item dl{position: relative; z-index: 2; opacity: 0; padding: 4%; margin-top: -5%; margin-right: 4%; margin-bottom: 1%; margin-left: 4%; background-color: #fff; box-shadow: 0 0 10px rgba(102,102,102,.25); border-radius: 4px;}
.fjms .owl-carousel .item dl dt{font-size: 133.3333%; font-weight: bold; line-height: 160%;}
.fjms .owl-carousel .item dl dd{margin-top: 3%; font-size: 88.889%; color: #666; line-height: 200%; height: 200%; text-align: justify; overflow: hidden;}
.fjms .owl-carousel .owl-item.center .place a{top: 0; bottom: 0;}
.fjms .owl-carousel .owl-item.center dl{opacity: 1;}
.fjms .owl-carousel .owl-nav > div{top: 40%;}
.fjms .owl-carousel .owl-nav > div.owl-prev{left: 25% !important; margin-left: -10px;}
.fjms .owl-carousel .owl-nav > div.owl-next{right: 25% !important; margin-right: -10px;}

@media (min-width: 1920px){
  .zjhlj-wrapper,
  .zjhlj-banner .item{background-size: 100%;}
  .zjhlj-banner .container img{width: 19%;}
}
@media (max-width: 1920px){
  .zjhlj-banner .item{background-size: 100%;}
  .zjhlj-banner .container img{width: 23%;}
}
@media (max-width: 1890px){
  .zjhlj-banner .container img{width: 25%;}
}

@media (max-width: 1480px){
  .mb50{margin-bottom: 30px;}

  .zjhlj-banner .container img{width: 22%;padding-top: 5%;}
  
  .hljgk .slider .container .carousel{margin-right: 0; margin-left: 0;}
}

@media (max-width: 1320px){
  
  .owl-carousel.owlcarousel-arrow .owl-nav > div{margin-top: -20px; width: 40px; height: 40px;}
  .owl-carousel.owlcarousel-arrow .owl-nav > div.owl-prev {left: 10px;}
  .owl-carousel.owlcarousel-arrow .owl-nav > div.owl-next {right: 10px;}
  
  /* .zjhlj-wrapper{background-size: 100% auto;}
  .zjhlj-banner{padding-top: 36.25%; height: auto;} */
  .zjhlj-banner{padding-top: 37.25%;}

  .fjms .owl-carousel .owl-nav > div{top: 35% !important;}
  
  .mb50{margin-bottom: 20px;}
}

@media (max-width: 1199px){
  .hljgk .slider .item .box{height: 390px;}
  .hljgk .slider .item .box dl{margin: 30px 10px; box-shadow: 0 0 8px rgb(129 176 214 / 30%); border-radius: 12px;}
  .hljgk .slider .item.hover .box dl:before{border-radius: 12px;}
}

@media (max-width: 1180px){
  .hljgk .slider .item .box dl dt a img{width: 80px; height: 80px;}
}

@media (max-width: 1080px){
  .zjhlj-head{margin-top: 30px; margin-bottom: 10px;}
  .hljgk .intro .split:before{right: 20px; left: 20px;}
  .hljgk .intro .split img{width: 20px; height: 20px;}
  .hljgk .intro dl{padding: 0px 20px;}
  .hljgk .intro dl dd.gk{float: none; width: auto;}
  .hljgk .intro dl dd.gk .more{text-align: center;}
  .hljgk .intro dl dd.map{float: none; width: auto;}
  
  .hljgk .slider .item .box dl dd.navs ul{margin-left: 10%;}
  .hljgk .slider .item .box dl dd.navs ul li{width: 50%;}
  
  .ljyx .layer .swiper-tab{position: static;}
  .ljyx .layer .swiper-tab ul{width: auto;}
  .ljyx .layer .swiper-tab ul li{float: left; width: 25%}
  .ljyx .layer .swiper-tab ul li:after{top: 0; left: 1px; border-radius: 10px 10px 0 0;}
  .ljyx .layer .swiper-tab ul li.li1:after{left: 0;}
  .ljyx .layer .swiper-tab ul li span{position: relative; top: auto; margin-top: 0; display: block; padding: 15px; text-align: center;}
  .ljyx .layer .swiper-tab ul li span br{display: none;}
  .ljyx .layer .swiper-container{margin-left: 0;}
  .ljyx .layer .swiper-slide .left .box .tabs{padding: 30px 15px 15px;}
  .ljyx .layer .swiper-slide .left .box .tabs .bd .item .memo{height: auto;}
  .ljyx .layer .swiper-slide .inbox:before{border-top-left-radius: 0; border-top-right-radius: 0;}
  .ljyx .layer .swiper-slide .right dl:after{width: 80px; height: 60px;}
}

@media (max-width: 1023px){
  
}

@media (max-width: 991px){
  .hljgk .slider{padding-top: 30px;}
  .hljgk .slider:before{top: 9px;}
  .hljgk .slider .carousel{margin-right: -13px; margin-left: -13px;}
  .hljgk .slider .item{width: 33.33333% !important;}
  .hljgk .slider .item .box{height: auto !important; padding: 0; margin: 26px 13px 0}
  .hljgk .slider .item .box:before{content: normal;}
  .hljgk .slider .item .box b{display: none;}
  .hljgk .slider .item .box dl{position: relative; top: auto; margin: 0 !important;}
  .hljgk .slider .item .box dl dt{position: relative; display: block;}
  .hljgk .slider .item .box dl dt .inline{display: block;}
  .hljgk .slider .item .box dl dd{display: block !important;}
  .hljgk .slider .item .box dl dd.navs{line-height: 2em; height: 4em; overflow: hidden;}
  .hljgk .slider .item .box dl dd.navs ul{margin-left: 3%;}
  .hljgk .slider .item .box dl dd.navs ul li{width: 33.33333%;}
  .hljgk .slider .item.hover .box dl dd.navs{
	-webkit-animation-name: none;
	animation-name: none;
	-webkit-animation-delay: none;
	animation-delay: none;
  }
  .hljgk .slider .item.hover .box dl dd.more{
	display: block;
	-webkit-animation-name: none;
	animation-name: none;
	-webkit-animation-delay: none;
	animation-delay: none;
  }
  .fjms .owl-carousel .owl-nav > div{top: 30% !important;}
  .ljyx .layer .swiper-slide .left{width: 70%; min-height: 300px;}
  .ljyx .layer .swiper-slide .right{width: 30%;}
}

@media (max-width: 768px){
  .owl-carousel.owlcarousel-arrow .owl-nav > div{background: none !important; box-shadow: none !important;}
  .owl-carousel.owlcarousel-arrow .owl-nav > div.owl-prev{left: 0;}
  .owl-carousel.owlcarousel-arrow .owl-nav > div.owl-next{right: 0;}
  .owl-carousel.owlcarousel-arrow .owl-nav > div.disabled{background: none !important; box-shadow: none!important;}
  
  .zjhlj-head{padding-top: 20px; padding-bottom: 15px; background-size: auto 100%;}
  .zjhlj-head img{height: 50px;}
  .hljgk .slider .carousel{margin-right: -7px; margin-left: -8px;}
  .hljgk .slider .item .box{margin: 15px 7px 0 8px;}
  .hljgk .slider .item .box dl{box-shadow: 0 0 5px rgb(129 176 214 / 30%);}
  .hljgk .slider .item .box dl dt a img{width: 70px; height: 70px;}
  .hljgk .slider .item .box dl dt a font{font-size: 111.111%;}
  .hljgk .slider .item .box dl dd{display: none !important;}
  .jjjs .owl-carousel .item .layer dl .memo{-webkit-line-clamp: 4; max-height: 8em;}
  .jjjs .owl-carousel.owlcarousel-arrow.blue .owl-nav > div i{background-image: url(../images/public/owlcarousel_arrow_white.png);}
  .fjms .owl-carousel .item dl dd{display: none;}
  .fjms .owl-carousel .item dl dt{text-align: center; font-size: 111.111%;}
  .fjms .owl-carousel .item dl dt a{white-space: normal;}
  .fjms .owl-carousel .owl-nav > div{top: 35% !important; background: #fff !important; box-shadow: 0 0 6px rgba(112, 112, 112, 0.1) !important;}
  .fjms .owl-carousel .owl-nav > div:hover{background: #3e6ecf !important; box-shadow: 0 0 6px rgba(151, 176, 204, 1) !important;}
  
  .ljyx .layer .swiper-slide-1 .left .box .tabs .bd .item:after{font-size: 1000%;}
}

@media (max-width: 680px){
  .hljgk .owl .item .box{height: auto;}
  .hljgk .owl .item .box dl{position: relative; top: auto; right: auto; bottom: auto; left: auto; margin-top: 0; margin-bottom: 12px;}
  .hljgk .owl .item .box b{border-color: #0085f2;}
  .hljgk .owl .item .box b:before{content: ""; background-color: #0085f2;}
  
  .ljyx .layer .swiper-tab ul li span br{display: block;}
  .ljyx .layer .swiper-slide .left{width: 100%;}
  .ljyx .layer .swiper-slide .right{display: none;}
  .ljyx .layer .swiper-slide .left .box:before{top: 2px; right: 2px; bottom: 2px; left: 2px;}
}

@media (max-width: 450px){
  .zjhlj-head img{height: 40px;}
  .hljgk .intro dl dd.map #mapchart{height: 350px;}
  .jjjs .owl-carousel .item .layer dl .more a font{height: 38px; line-height: 38px;}
  .fjms{padding-right: 2%; padding-left: 2%;}
  .fjms .container{ padding: 0 0 !important;}
  .fjms .owl-carousel .owl-nav > div.owl-prev{left: 2%  !important; margin-left: 10px;}
  .fjms .owl-carousel .owl-nav > div.owl-next{right: 2%  !important; margin-right: 10px;}
  .ljyx .layer .swiper-slide .left .box .tabs .hd{margin-bottom: 10px;}
  .ljyx .layer .swiper-slide .left .box .tabs .hd li{width: 33.333%; padding-left: 0; padding-right: 0; font-size: 111.111%;}
  .ljyx .layer .swiper-slide .left .box .tabs .hd li span{display: inline-block; margin-left: 10px;}
}

@media (max-width: 360px){
  .hljgk .slider .item .box dl dt a img{width: 50px; height: 50px;}
  .hljgk .intro dl dd.map #mapchart{height: 100vh;}
}