@charset "utf-8";
@media (max-width:768px){
  .mb30{margin-bottom: 20px;}
}

body{background: #fff;}
.background{position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1;}
.background img{display: block; width: 100%; height: 100%;}
.init-high{min-height: 280px;}

.topic-header .inhead{background: url(../images/header_bg.png) no-repeat center bottom #fff;}
.topic-header .container{position: relative; padding-right: 0; padding-left: 0;}
.topic-header .logo{position: absolute; left: 0; top: 20px;}
.topic-header .title{padding: 76px 6.25% 12% 21.5%;}
.topic-header .mbanner{display: none;}

.smgd{position: absolute;right: 0;top: 0;}
@media (max-width:1480px){
  .topic-header .logo img{height: 80px;}	
}
@media (max-width:992px){
  .topic-header{background-size: 100%;}
  .topic-header .logo img{height: 70px;}
  .topic-header .title{padding-top: 86px;}
}
@media (max-width:768px){
  .topic-header .inhead{background: none;}
  .topic-header .logo{display: none;}	
  .topic-header .title{display: none;}	
  .topic-header .mbanner{display: block;}
  .topic-header .mbanner img{display: block;}
}
.topic-menus{position: relative;}
.topic-menus .mainnav{position: relative; z-index: 11;}
.topic-menus .mainnav li{float: left; position: relative; width: 20%;}
.topic-menus .mainnav li .link{position: relative; display: block; font-size: 1.25em; font-weight: bold; color: #fff; text-align: center; line-height: 80px; letter-spacing: .125em;}
.topic-menus .mainnav li .link font{position: relative; z-index: 2;}
.topic-menus .mainnav li .link:after{position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; content: ""; background-color: #59a7a2; opacity: 0; transition: all .3s;}
.topic-menus .mainnav li .link:hover:after{opacity: 1;}
.topic-menus .mainnav li.checked .link:after{opacity: 1;}
.topic-menus .mainnav li .subnav{display: none; position: absolute; top: 80px; right: 0; left: 0; z-index: 10;}
.topic-menus .mainnav li .subnav dd a{display: block; padding: 1em; text-align: center; color: #fff; background: #56a1a2;}
.topic-menus .mainnav li .subnav dd a:hover{background-color: rgba(86,161,162,.95);}
@media (max-width:1480px){
  .topic-menus .mainnav li .link{line-height: 62px;}	
  .topic-menus .mainnav li .subnav{top: 62px;}
}
@media (max-width:768px){
  .topic-menus .mainnav{padding: 1px;}
  .topic-menus .mainnav li{width: 33.33333%;}
  .topic-menus .mainnav li .link{font-size: 1.125em; line-height: 48px; margin: 1px;}
  .topic-menus .mainnav li .subnav{display: none;}	
  .topic-menus .mainnav li:before{position: absolute; top: 50%; right: 0; content: ""; width: 1px; height: 20px; margin-top: -10px; background-color: #fff; opacity: .25;}
  .topic-menus .mainnav li.navli2:before{content: normal;}
  .topic-menus .mainnav li.navli5:before{content: normal;}
}

.topic-footer{position: relative; padding-top: 200px; margin-top: -200px;}
.topic-footer .footer-links{display: none;}
.topic-footer .footer{position: relative; z-index: 3; background: none;}
.topic-footer .footer-txt{padding-top: 0;}

.wrapper{background: url(../images/wrapper_bg.png) no-repeat center top;}
.wrapper .container.pt30{position: relative; z-index: 3;}
@media (max-width:992px){
  .wrapper{background-size: 150%;}	
}

.topic-box{padding: 30px; background-color: #fff; box-shadow: 0 0 30px rgba(41 87 161 / 15%); border-radius: 10px;}
.topic-head{text-align: center;}
.topic-title h3{float: left;}
.topic-title h3 a{display: block;}
.topic-title h3 a img{display: inline-block; vertical-align: middle; margin-right: .75em;}
.topic-title h3 a font{display: inline-block; vertical-align: middle; font-size: 2.125em; font-weight: bold; color: #329d97;}
@media (max-width:1480px){
  .topic-box{padding: 20px;}	
  .topic-title h3 a img{height: 45px;}
  .topic-title h3 a font{font-size: 1.75em;}
}
@media (max-width:768px){
  .topic-box{margin-right: -20px; margin-left: -20px;}	
  .topic-title h3 a img{height: 35px;}
  .topic-title h3 a font{font-size: 1.375em;}
}


.jcsp .videobox{position: relative; border-radius: 10px; overflow: hidden;}
.jcsp .videobox .videobtn{position: absolute; top: 50%; left: 50%; margin-top: -55px; margin-left: -55px; width: 109px; height: 109px; cursor: pointer;}
.jcsp .videobox .videobtn img{display: block; width: 100%; height: 100%;}
@media (max-width:992px){
  .jcsp .videobox .videobtn{margin-top: -40px; margin-left: -40px; width: 80px; height: 80px; cursor: pointer;}	
}
@media (max-width:450px){
  .jcsp .videobox .videobtn{margin-top: -25px; margin-left: -25px; width: 50px; height: 50px; cursor: pointer;}	
}

.jctj .imagelist ul li a .place{padding-top: 66.66667%;}

.szmls{position: relative;}
.szmls .baoming{position: absolute; top: 0; right: 0; bottom: 0; left: 65%; margin-left: 30px; background-color: #e8fff5; border-radius: 10px;}
.szmls .baoming dl{position: absolute; top: 20px; right: 0; bottom: 78px; left: 0;}
.szmls .baoming dl dd{position: relative; width: 100%; height: 100%; display: table; vertical-align: middle;}
.szmls .baoming dl dd .inline{position: relative; width: 100%; height: 100%; display: table-cell; vertical-align: middle;}
.szmls .baoming dl dd .inline img{display: block; width: 80%; margin: 0 auto; height: auto;}
.szmls .baoming .button{position: absolute; right: 20px; bottom: 20px; left: 20px; font-size: 1.25em; font-weight: bold; text-align: center; letter-spacing: .125em; line-height: 58px; color: #fff; background-color: #329d97; border-radius: 6px;}
.szmls .channels{float: left; width: 65%;}
.szmls .channels ul li{width: 50% !important;}
.szmls .channels ul li a{border-radius: 10px; overflow: hidden;}
.szmls .channels ul li a img{display: block;}
@media (max-width:1480px){
  .szmls .baoming{margin-left: 20px;}
  .szmls .baoming .button{line-height: 50px;}
}
@media (max-width:1200px){
  .szmls .baoming{position: static; margin-left: 0; padding: 20px; margin-top: 20px;}
  .szmls .baoming dl{position: static;}
  .szmls .baoming dl dd{display: block;}
  .szmls .baoming dl dd .inline{display: block;}
  .szmls .baoming .button{position: static; display: block;}
  .szmls .channels{float: none; width: auto;}
}

.saishi .news{float: left; width: 65%;}
.saishi .news .owl-carousel dl dt{float: left; width: 62.5%;}
.saishi .news .owl-carousel dl dt a.place{border-radius: 10px;}
.saishi .news .owl-carousel dl dd{float: left; width: 37.5%;}
.saishi .news .owl-carousel dl dd > div{margin-left: 30px;}
.saishi .news .owl-carousel dl dd div + div{margin-top: 10px;}
.saishi .news .owl-carousel dl dd .elli-m{-webkit-line-clamp: 3; line-height: 1.5em; height: 4.5em;}
.saishi .news .owl-carousel dl dd .caption{font-size: 1.375em; text-align: justify;}
.saishi .news .owl-carousel dl dd .desc{color: #999;}
.saishi .news .owl-carousel dl dd .time{color: #329d97;}
.saishi .news .owl-nav{position: absolute; right: 0; bottom: 0;}
.saishi .news .owl-nav > div{display: inline-block; position: relative; width: 26px; height: 26px; margin-left: 20px;}
.saishi .news .owl-nav > div:before{position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 50%; content: ""; background-color: #e5e5e5; border-radius: 45%;}
.saishi .news .owl-nav > div:hover:before{background-color: #d6e8e8;}
.saishi .news .owl-nav > div i{position: absolute; top: 50%; margin-top: -8px; border: transparent solid 8px;}
.saishi .news .owl-nav > div.owl-prev i{left: -1px; border-right-color: #fff;}
.saishi .news .owl-nav > div.owl-next i{right: -1px; border-left-color: #fff;}
@media (max-width:1480px){
  .saishi .news .owl-carousel dl dd > div{margin-left: 20px;}
  .saishi .news .owl-carousel dl dd .caption{font-size: 1.25em;}
}
@media (max-width:1200px){
  .saishi .news{float: none; width: auto;}
}
@media (max-width:768px){
  .saishi .news .owl-carousel dl dd .elli-m{display: inline-block; height: auto;}
  .saishi .news .owl-carousel dl dd .desc{display: none;}
  .saishi .news .owl-carousel dl dd .time{margin-top: 20px;}
  .saishi .news .owl-nav{position: static; margin-top: 10px; text-align: center;}
  .saishi .news .owl-nav > div{margin-right: 10px; margin-left: 10px;}
}
@media (max-width:768px){
  .saishi .news .owl-carousel dl dt{float: none; width: auto;}	
  .saishi .news .owl-carousel dl dd .time{display: none;}
  .saishi .news .owl-carousel dl dd{float: none; width: auto; padding: 10px 10px 0;}
  .saishi .news .owl-carousel dl dd div{margin-left: 0;}
}

.saishi .gonggao{float: left; width: 35%;}
.saishi .gonggao > div{margin-left: 30px;}
.saishi .gonggao .list dl{position: relative; padding-top: 25px; padding-bottom: 52px; background: url(../images/line.png) no-repeat center bottom; background-size: 100%;}
.saishi .gonggao .list{margin-top: -30px;}
.saishi .gonggao .list dl dt{margin-left: 60px;}
.saishi .gonggao .list dl dt a{font-size: 1.375em;}
.saishi .gonggao .list dl dd{position: absolute; top: 50%; left: 0; width: 40px; height: 42px; margin-top: -32px; color: #329d97; text-align: center; background-color: #d6e8e8; border-radius: 7px;}
.saishi .gonggao .list dl dd strong{font-size: 1.25em; line-height: 22px;}
.saishi .gonggao .list dl dd span{position: absolute; right: 0; left: 0; bottom: 0; font-weight: bold; text-align: center; font-size: .75em; line-height: 20px;}
.saishi .gonggao .list dl dd font{display: none;}
@media (max-width:1480px){
  .saishi .gonggao > div{margin-left: 20px;}
  .saishi .gonggao .list{margin-top: -20px;}
  .saishi .gonggao .list dl dt a{font-size: 1.25em;}
}
@media (max-width:1200px){
  .saishi .gonggao{float: none; width: auto;}
  .saishi .gonggao > div{margin-top: 20px; margin-left: 0;}
  .saishi .gonggao .list dl{background-size: 100% 20%;}
}

@media (max-width:415px){
  .saishi .gonggao .list dl dt a{white-space: normal;}
}

@media (max-width:768px){
  .pagelists-item{padding-bottom: 25px; margin-bottom: 25px;}
}