﻿@charset "utf-8";
body{background-color: #fff;}

.header-column{position: relative; z-index: 10;}
.header-column .header{background: none !important;}
@media (max-width: 1200px) {
  .header-column{margin-right: 50px; margin-left: 50px;}
  .header-column .header{height: 351px !important;}
  .header > .container{padding-right: 0; padding-left: 0; width: auto;}
  .header-blue{margin-right: -50px; margin-left: -50px;}
}

.szgl-banner{position: relative; z-index: 1; margin-top: -243px; background: #fff;}
.szgl-banner .swiper-container .swiper-slide img{display: block; width: 100%;}
.szgl-banner .swiper-container .container{position: absolute; right: 0; left: 0; bottom: 25%;}
.szgl-banner .swiper-container .swiper-pagination{position: absolute; right: 0; left: 0; text-align: right;}
.szgl-banner .swiper-container .swiper-pagination-bullet{width: 12px; height: 12px; margin: 0 4px; background: #ccc; opacity: .65;}
.szgl-banner .swiper-container .swiper-pagination-bullet-active{background: #d43030; opacity: 1;}
.szgl-banner .swiper-container:after{position: absolute; right: 0; bottom: 0; left: 0; z-index: 2; content: ""; height: 1px; background-color: #fff;}
@media (max-width: 1480px) {
  .szgl-banner .swiper-container .swiper-pagination{right: 20px; left: 20px;}	
}
@media (max-width: 1200px) {
  .szgl-banner{margin-top: -401px !important;}	
}
@media (max-width: 992px) {
  .szgl-banner .swiper-container .swiper-slide{height: 520px;}
  .szgl-banner .swiper-container .swiper-slide img{height: 100%; object-fit: cover;}
}

.szgl-szgk{position: relative; z-index: 2; margin-top: -120px;}
.szgl-szgk dl dt{float: left; width: 15%;}
.szgl-szgk dl dt img{display: block; width: 100%;}
.szgl-szgk dl dd{margin-left: 15%; padding-left: 40px;}
.szgl-szgk dl dd .desc{line-height: 2.125em; text-align: justify;}
.szgl-szgk .menu-icons li{width: 20%;}
.szgl-szgk .menu-icons li a.item{padding: 2em 0 !important; font-size: 1.25em; font-weight: bold; color: #fff; background-color: #588bc5 !important; background-image: url(../images/szgl/xiangyun1.png); background-repeat: no-repeat; background-position: 15px 15px; border-top-right-radius: 60px;}
.szgl-szgk .menu-icons li a.item span{text-align: center; width: 92%; max-width: 92%;}
.szgl-szgk .menu-icons li a:before{position: absolute; top: 8px; right: 8px; bottom: 8px; left: 8px; content: ""; border: 1px solid #fff; border-top-right-radius: 60px; opacity: .35;}
@media (max-width: 1480px) {
  .szgl-szgk dl dd{padding-left: 30px;}	
}
@media (max-width:1200px){
  .szgl-szgk{margin-top: -30px;}
  .szgl-szgk dl dd{padding-left: 20px;}	
  .szgl-szgk .menu-icons li a.item{padding: 1.5em 0 !important; font-size: 1.125em; border-top-right-radius: 40px;}
  .szgl-szgk .menu-icons li a:before{top: 5px; right: 5px; bottom: 5px; left: 5px; border-top-right-radius: 40px;}
}
@media (max-width:992px){
  .szgl-szgk .menu-icons li a.item{border-top-right-radius: 0;}
  .szgl-szgk .menu-icons li a:before{border-top-right-radius: 0;}
  .szgl-szgk dl dt{margin-right: 20px;}
  .szgl-szgk dl dd{margin-left: 0; padding-left: 0;}
}
@media (max-width:600px){
  .szgl-szgk .menu-icons li:nth-child(1){width: 100%!important;}
  .szgl-szgk .menu-icons li{width: 50%!important;}
  .szgl-szgk .menu-icons li a.item{padding: 1em 0 !important;}
}

.szgl-head{position: relative; display: block; text-align: center; overflow: hidden;}
.szgl-head a{display: block; margin: 0 auto; overflow: hidden}
.szgl-head a img{display: block; width: auto; margin: 0 auto;}
@media (max-width: 1480px) {
  .szgl-head.mb20{margin-bottom: 0;}	
}
@media (max-width: 640px) {
  .szgl-head{height: 60px;}
  .szgl-head a{position: absolute; top: 0; right: 0; bottom: 0; left: 50%; width: 500px; margin-left: -280px;}
  .szgl-head a img{width: 100%; max-width: none;}
}
@media (max-width: 414px) {
  .szgl-head{height: 55px;}
  .szgl-head a{width: 420px; margin-left: -230px;}
}



.szgl-sqsl{padding-bottom: 210px; background: url(../images/szgl/sqsl_bg_n.png) no-repeat center top; background-size: 100% 100%;}
.szgl-sqsl .sqsl-hd{float: left; width: 38.28571%; padding: 55px 0; background-color: #fff; border-top-right-radius: 35px;}
.szgl-sqsl .sqsl-hd ul{margin-right: 50px;}
.szgl-sqsl .sqsl-hd ul li{padding: 15px 15px 15px 80px; background-repeat: no-repeat; background-position: 12px bottom; border-bottom-right-radius: 35px;}
.szgl-sqsl .sqsl-hd ul li a{display: inline-block; font-size: 1.125em; font-weight: bold;}
.szgl-sqsl .sqsl-hd ul li.on{background-color: #21468c; background-image: url(../images/szgl/xiangyun2.png);}
.szgl-sqsl .sqsl-hd ul li.on a{color: #fff;}
.szgl-sqsl .sqsl-section{float: left; width: 61.71429%; padding: 55px 0; background-color: #fff; border-top-left-radius: 35px;}
.szgl-sqsl .sqsl-section dl dt,
.szgl-sqsl .sqsl-section dl dd{padding-right: 50px; padding-left: 50px;}
.szgl-sqsl .sqsl-section dl dt{display: none; padding-bottom: 30px; font-size: 1.75em; font-weight: bold; color: #21468c; text-align: center;}
.szgl-sqsl .sqsl-section dl dd{text-align: justify;　font-family: Microsoft YaHei; font-size: 1em; line-height: 2.25em;}
.szgl-sqsl .sqsl-section dl dd  *{font-family: Microsoft YaHei !important; font-size: 1em !important; line-height: 2.25em !important;}
.szgl-sqsl .niceScroll{height: 680px; overflow: hidden;}
.szgl-sqsl .sqsl-section dl.manu_e30e4a6b945249f29db5683266b5e920 dt{display: block;}
.szgl-sqsl .sqsl-section dl.manu_0e02a22df087430181304eaa8334af52 dt{display: block;}
@media (max-width: 1480px) {
  .szgl-sqsl .niceScroll{height: 560px;}	
}
@media (max-width: 1200px) {
  .szgl-sqsl{padding-bottom: 169px;}
  .szgl-sqsl .sqsl-hd{padding: 35px 0;}
  .szgl-sqsl .sqsl-hd ul{margin-right: 30px;}
  .szgl-sqsl .sqsl-hd ul li{padding-top: 10px; padding-bottom: 10px; padding-left: 60px; border-bottom-right-radius: 20px;}	
  .szgl-sqsl .sqsl-section{padding: 35px 0;}
  .szgl-sqsl .sqsl-section dl dt, .szgl-sqsl .sqsl-section dl dd{padding-right: 30px; padding-left: 30px;}
}
@media (max-width: 992px) {
  .szgl-sqsl .sqsl-section dl dt{font-size: 1.5em;}
}
@media (max-width: 768px) {
  .szgl-sqsl .sqsl-hd ul li{padding-left: 20px;}
  .szgl-sqsl .sqsl-hd ul li.on{background-position: left bottom; background-image: url(../images/szgl/xiangyun3.png);}
}
@media (max-width: 480px) {
  .szgl-sqsl .sqsl-hd{float: none; width: auto;}
  .szgl-sqsl .sqsl-section{float: none; width: auto; display: none;}
}


.mCSB_scrollTools{width: 6px !important;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width: 6px !important;}
.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, 
.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{ 
	background: #ccc !important;
	border-radius: 6px !important;
}
.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	background-color: #588bc5 !important;
}
.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	background-color: #588bc5 !important; 
}

.szgl-szyx{margin-top: -160px;}
.szgl-szyx .owl-carousel .item{position: relative;}
.szgl-szyx .owl-carousel .item dt{position: absolute; top: 0; bottom: 0; left: 0; z-index: 5; width: 32%;}
.szgl-szyx .owl-carousel .item dt .caption{position: relative; z-index: 2; height: 30%; padding-right: 5%; font-size: 1.75em; font-weight: bold;}
.szgl-szyx .owl-carousel .item dt .caption a{position: absolute; top: 50%; right: 0; left: 0; line-height: 1.5; padding-bottom: .75em; margin-top: -1.125em;}
.szgl-szyx .owl-carousel .item dt .caption a:hover{color: #000;}
.szgl-szyx .owl-carousel .item dt .caption a:after{position: absolute; bottom: 0; left: 0; content: ""; width: 2.5em; height: .175em; background-color: #d43030;}
.szgl-szyx .owl-carousel .item dt .desc{position: absolute; top: 30%; right: -30%; bottom: 0; left: 0; z-index: 3; padding: 20px 25px; text-align: justify; background-color: rgba(242, 244, 2247,.55); border-top-right-radius: 50px;}
.szgl-szyx .owl-carousel .item dt .desc .cont{line-height: 2.25em; max-height: 11.25em; -webkit-line-clamp: 5;}
.szgl-szyx .owl-carousel .item dt .desc .more{position: absolute; right: 0; bottom: 20px; left: 0; text-align: center;}
.szgl-szyx .owl-carousel .item dt .desc .more a{font-size: 1em; background-color: #d43030;}
.szgl-szyx .owl-carousel .item dd{margin-left: 32%; border-top-left-radius: 80px; overflow: hidden;}
.szgl-szyx .owl-carousel .owl-dots{left: 32%;}
.szgl-szyx .owl-carousel .owl-dots button.owl-dot{background-color: #a6a6a6;}
.szgl-szyx .owl-carousel .owl-dots button.owl-dot.active{background-color: #d43030;}
@media (max-width: 1480px) {
  .szgl-szyx .owl-carousel .item dt .caption{font-size: 1.375em;}
}
@media (max-width: 1200px) {
  .szgl-szyx .owl-carousel .item dt .desc .cont{-webkit-line-clamp: 4; max-height: 9em;}
  .szgl-szyx .owl-carousel .item dd{border-top-left-radius: 60px;}
}
@media (max-width: 992px) {
  .szgl-szyx .owl-carousel .item dd{margin-left: 0;}
  .szgl-szyx .owl-carousel .item dt{width: auto; top: auto; right: 0; padding: 20px;}
  .szgl-szyx .owl-carousel .item dt:after{position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; content: ""; background-color: rgb(242, 244, 2247); opacity: .55; border-top-right-radius: 30px;}
  .szgl-szyx .owl-carousel .item dt .caption{height: auto; margin-bottom: 15px; padding-right: 0; font-size: 1.125em;}
  .szgl-szyx .owl-carousel .item dt .caption a{position: static; margin-top: 0;}
  .szgl-szyx .owl-carousel .item dt .desc{position: relative; height: auto; padding: 0; background-color: transparent;}
  .szgl-szyx .owl-carousel .item dt .desc .cont{-webkit-line-clamp: 2; line-height: 1.8em; max-height: 3.6em;}
  .szgl-szyx .owl-carousel .item dt .desc .more{position: static; margin-top: 10px;}
}
@media (max-width: 640px) {
  .szgl-szyx .owl-carousel .item dt{padding-bottom: 0;}
  .szgl-szyx .owl-carousel .item dt .desc{display: none;}
  .szgl-szyx .owl-carousel .item dt .desc .more{display: none;}
}
@media (max-width: 640px) {
  .szgl-szyx .owl-carousel .item dt{padding: 15px 15px 0;}
}
.szgl-spxc{background: url(../images/szgl/spxc_bg.png) no-repeat center top; background-size: 100% auto;}
.szgl-spxc .owl-carousel .item{border-top-right-radius: 80px; overflow: hidden;}
.szgl-spxc .owl-carousel .item .caption{position: absolute; right: 0; left: 0; bottom: 0; z-index: 5; padding: 15px 120px 15px 30px; font-size: 1.125em; line-height: 30px; background-color: #433d44; color: #fff;}
.szgl-spxc .owl-carousel .item .play{position: absolute; top: 50%; left: 50%; width: 100px; height: 100px; margin-top: -50px; margin-left: -50px; z-index: 6;}
.szgl-spxc .owl-carousel .owl-dots{right: 20px; bottom: 23px; left: auto;}
.szgl-spxc .owl-carousel .owl-dots button.owl-dot{width: 14px !important; height: 14px !important; background-color: #ccc; opacity: 1;}
.szgl-spxc .owl-carousel .owl-dots button.owl-dot.active{background-color: #d43030;}
@media (max-width: 1200px) {
  .szgl-spxc .owl-carousel .item{border-top-right-radius: 60px;}
  .szgl-spxc .owl-carousel .item .play{width: 80px; height: 80px; margin-top: -40px; margin-left: -40px;}
  .szgl-spxc .owl-carousel .item .caption{padding-top: 10px; padding-bottom: 10px;}
  .szgl-spxc .owl-carousel .owl-dots{bottom: 18px;}
}
@media (max-width: 992px) {
  .szgl-spxc > .mb40{margin-bottom: 0;}
  .szgl-spxc .owl-carousel .item .caption{padding-right: 15px; text-align: center;}
  .szgl-spxc .owl-carousel .item .play{width: 60px; height: 60px; margin-top: -30px; margin-left: -30px;}
}

.szgl-lngl .owl-carousel .item{padding-top: 20px;}
.szgl-lngl .owl-carousel .item .pic{max-width: 200px; margin: 0 20px; transition: all .3s;}
.szgl-lngl .owl-carousel .item .pic img{border-top-left-radius: 50px;}
.szgl-lngl .owl-carousel .item .caption{position: relative; display: block; margin-top: 30px; margin-right: 1px; text-align: center;}
.szgl-lngl .owl-carousel .item .caption:after{position: absolute; top: 50%; right: 0; left: 0; z-index: 1; content: ""; border-top: 1px dotted #acc5e2;}
.szgl-lngl .owl-carousel .item .caption span{position: relative; display: inline-block; width: 114px; height: 114px; line-height: 114px;}
.szgl-lngl .owl-carousel .item .caption span font{position: relative; z-index: 3; display: block; font-size: 1.25em; font-weight: bold; color: #fff;}
.szgl-lngl .owl-carousel .item .caption span:before{position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; content: ""; background-color: #588bc5; border-radius: 50%; opacity: .15; transition: all .3s;}
.szgl-lngl .owl-carousel .item .caption span:after{position: absolute; top: 8px; right: 8px; bottom: 8px; left: 8px; z-index: 2; content: ""; background-color: #588bc5; border-radius: 50%; transition: all .3s;}
.szgl-lngl .owl-carousel .item:hover .pic{transform: translateY(-20px);}
.szgl-lngl .owl-carousel .item:hover .caption span:after{top: 6px; right: 6px; bottom: 6px; left: 6px;}
.szgl-lngl .owl-carousel .owl-item:nth-child(odd) .pic{padding-top: 55px;}
.szgl-lngl .owl-carousel .owl-item:nth-child(even) .pic{padding-bottom: 55px;}
.szgl-lngl .owl-carousel .owl-item.first-active-item .caption:after{left: 50%;}
.szgl-lngl .owl-carousel .owl-item.last-active-item .caption:after{right: 50%;}
.szgl-lngl .owl-carousel .owl-nav > div{position: absolute; bottom: 55px; width: 34px; height: 34px; text-align: center;}
.szgl-lngl .owl-carousel .owl-nav > div i{position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2; background-repeat: no-repeat; background-position: center center;}
.szgl-lngl .owl-carousel .owl-nav > div i img{display: block; width: 100%; height: 100%;}
.szgl-lngl .owl-carousel .owl-nav > div.owl-prev{left: 0;}
.szgl-lngl .owl-carousel .owl-nav > div.owl-next{right: 0;}
.szgl-lngl .owl-carousel .owl-nav > div:hover i{opacity: .85;}
@media (max-width: 1480px) {
   .szgl-lngl .owl-carousel .item .caption span{width: 100px; height: 100px; line-height: 100px;} 
   .szgl-lngl .owl-carousel .owl-nav > div{bottom: 50px;}
}
@media (max-width: 1200px) {
  .szgl-lngl .owl-carousel .item .pic{margin: 0 15px;}
  .szgl-lngl .owl-carousel .item .caption span font{font-size: 1.125em;}
  .szgl-lngl .owl-carousel .owl-item:nth-child(odd) .pic{padding-top: 35px;}
  .szgl-lngl .owl-carousel .owl-item:nth-child(even) .pic{padding-bottom: 35px;}
}
@media (max-width: 992px) {
  .szgl-lngl .owl-carousel .item .pic img{border-top-left-radius: 35px;}
  .szgl-lngl .owl-carousel .item .caption span{width: 80px; height: 80px; line-height: 80px;} 
  .szgl-lngl .owl-carousel .item .caption span font{font-size: 1em;}
  .szgl-lngl .owl-carousel .owl-nav > div{bottom: 40px;}
}

.szgl-yhcs{background: url(../images/szgl/yhcs_bg.png) no-repeat center top; background-size: cover;}
.szgl-yhcs .owl-carousel .owl-item .place{padding-top: 66.25%; margin-bottom: 30px; background-color: #000;}
.szgl-yhcs .owl-carousel .owl-item .place .pic{opacity: .5;}
.szgl-yhcs .owl-carousel .owl-item .caption{position: absolute; right: 20%; left: 20%; bottom: 0; z-index: 5; display: none; padding: 15px; font-size: 1.125em; line-height: 30px; text-align: center; background-color: #21468c; border-top-left-radius: 30px;}
.szgl-yhcs .owl-carousel .owl-item .caption a{color: #fff;}
.szgl-yhcs .owl-carousel .owl-item.active .place .pic{opacity: 1;}
.szgl-yhcs .owl-carousel .owl-item.active .caption{display: block;}
.szgl-yhcs .owl-carousel .owl-item.last-active-item .place .pic{opacity: .5;}
.szgl-yhcs .owl-carousel .owl-item.last-active-item .caption{display: none;}
.szgl-yhcs .owl-carousel .owl-nav > div{position: absolute; top: 50%; margin-top: -40px; width: 50px; height: 50px; text-align: center;}
.szgl-yhcs .owl-carousel .owl-nav > div i{position: absolute; top: 50%; right: 0; left: 0; z-index: 2; margin: -0.5em auto 0; text-align: center; font-weight: normal; font-size: 2.25em; line-height: 1em; color: #fff;}
.szgl-yhcs .owl-carousel .owl-nav > div.owl-prev{left: 5%;}
.szgl-yhcs .owl-carousel .owl-nav > div.owl-next{right: 5%;}
@media (max-width: 1480px) {
  .szgl-yhcs .owl-carousel .item .place{margin-bottom: 24px;}
  .szgl-yhcs .owl-carousel .item .caption{right: 20%; left: 20%; padding: 12px 15px;}
}
@media (max-width: 1200px) {
  .szgl-yhcs .owl-carousel .item .caption{right: 10%; left: 10%;}
  .szgl-yhcs .owl-carousel .owl-item .place .pic{opacity: 1 !important;}
  .szgl-yhcs .owl-carousel .owl-item .caption{display: block !important;}
}
@media (max-width: 992px) {
  .szgl-yhcs .owl-carousel .item .caption{right: 10%; left: 10%;}
  .szgl-yhcs .owl-carousel .owl-item .place .pic{opacity: .5 !important;}
  .szgl-yhcs .owl-carousel .owl-item .caption{display: none !important;}
  .szgl-yhcs .owl-carousel .owl-item.center .place .pic{opacity: 1 !important;}
  .szgl-yhcs .owl-carousel .owl-item.center .caption{display: block !important;}
}
@media (max-width: 414px) {
  .szgl-yhcs .owl-carousel .owl-item .place .pic{opacity: 1 !important;}
  .szgl-yhcs .owl-carousel .owl-item .caption{display: block !important;}
}

/*==== older ====*/
body.older .szgl-banner{margin-top: -611px;}
body.older .header-column{margin-right: 50px; margin-left: 50px;}
body.older .header > .container{padding-right: 0; padding-left: 0;}
body.older .header-blue{margin-right: -50px; margin-left: -50px;}
body.older .szgl-banner .swiper-container .swiper-slide{height: 880px;}
body.older .szgl-banner .swiper-container .swiper-slide img{height: 100%; object-fit: cover;}
body.older .szgl-szgk .menu-icons li:nth-child(1){width: 100%;}
body.older .szgl-szgk .menu-icons li{width: 50%;}
body.older .szgl-szgk dl dt{width: 160px; margin-right: 30px;}
body.older .szgl-szgk dl dd{float: none; margin-left: 0; padding-left: 0;}
body.older .szgl-szyx .owl-carousel .item dt .desc .cont{-webkit-line-clamp: 3; line-height: 2em; max-height: 6em;}
body.older .szgl-szyx .owl-carousel .item dt .desc .more a{height: 60px; line-height: 60px;}
body.older .szgl-lngl .owl-carousel .item .caption span{width: 150px; height: 150px; line-height: 150px;}
body.older .szgl-lngl .owl-carousel .owl-nav > div{width: 68px; height: 68px; bottom: 68px;}
body.older .szgl-lngl .owl-carousel .owl-nav > div.owl-prev{left: -68px;}
body.older .szgl-lngl .owl-carousel .owl-nav > div.owl-next{right: -68px;}
body.older .szgl-yhcs .owl-carousel .owl-item.active .caption{right: 5%; left: 5%;}
@media (max-width: 1280px) {
  body.older .szgl-lngl .owl-carousel .owl-nav{margin-top: 40px; text-align: center;}
  body.older .szgl-lngl .owl-carousel .owl-nav > div{position: static; display: inline-block; margin: 0 20px;}
  body.older .szgl-lngl .owl-carousel .owl-nav > div i{position: static;}
}
@media (max-width: 1200px) {
  body.older .szgl-banner .swiper-container .swiper-slide{height: 660px;}	
  body.older .szgl-szyx .owl-carousel .item dd{margin-left: 0;}
  body.older .szgl-szyx .owl-carousel .item dt{width: auto; top: auto; right: 0; padding: 20px;}
  body.older .szgl-szyx .owl-carousel .item dt:after{position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; content: ""; background-color: rgb(242, 244, 2247); opacity: .55; border-top-right-radius: 30px;}
  body.older .szgl-szyx .owl-carousel .item dt .caption{height: auto; margin-bottom: 25px; padding-right: 0; font-size: 1.125em;}
  body.older .szgl-szyx .owl-carousel .item dt .caption a{position: static; margin-top: 0;}
  body.older .szgl-szyx .owl-carousel .item dt .desc{display: none;}
  body.older .szgl-szyx .owl-carousel .owl-dots{left: 0;}
}
@media (max-width: 992px) {
  body.older .szgl-lngl .owl-carousel .item .caption span{width: 130px; height: 130px; line-height: 130px;}
  body.older .szgl-lngl .owl-carousel .item .caption span{font-size: 28px;}
}
@media (max-width: 480px) {
  body.older .szgl-lngl .owl-carousel .item .caption span{width: 100px; height: 100px; line-height: 100px;}
  body.older .szgl-lngl .owl-carousel .item .caption span{font-size: 22px;}
  body.older .szgl-szgk dl dt{width: 120px;}
}
