@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: 16.25em; -webkit-line-clamp: 7;} .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;} }