@charset "utf-8";
 .rightFix {
     position: fixed;
     padding-top: 1.1rem;
     right: 0;
     top: 55%;
     width: 1.15rem;
     transform: translateY(-50%);
     z-index: 2000;
     background: url(/images/nav-r-bg.png) no-repeat center top;
     background-size: 100% auto;
     /* padding-right: .11rem; */
     /* padding-bottom: .05rem; */
     display: none;
 }
 
 .rightFix li {
     text-align: center;
     transition: .3s;
 }
 
 .rightFix li a {
     display: block;
     padding: 0.22rem 0;
     height: 100%;
     border-top: 1px dashed rgba(255, 255, 255, .4);
 }
 
 .rightFix li:first-child a {
     border-top: none;
 }
 
 .rightFix li:last-child a {
     border-top: none;
 }
 
 .rightFix li:last-child a {
     border-bottom: none;
 }
 
 .rightFix a i {
     display: block;
     background-repeat: no-repeat;
     background-position: center;
     width: .45rem;
     height: .3rem;
     margin: 0 auto;
 }
 
 .rightFix li:last-child a i {
     width: 100%;
     height: .51rem;
 }
 
 .rightFix li:last-child a {
     padding-top: 0;
     padding-bottom: 0;
 }
 
 .rightFix a:hover i {
     transform: rotateY(360deg);
     transition: .5s;
 }
 
 .rightFix a i.i1 {
     background-image: url(/images/ico1.png);
 }
 
 .rightFix a i.i2 {
     background-image: url(/images/ico2.png);
 }
 
 .rightFix a i.i3 {
     background-image: url(/images/ico3.png);
 }
 
 .rightFix a i.i4 {
     background-image: url(/images/ico4.png);
 }
 
 .rightFix a i.i5 {
     background-image: url(/images/ico5.png);
 }
 
 .rightFix a i.i7 {
     background-image: url(/images/ico7.png);
     background-size: 100% auto;
 }
 
 .rightFix li p {
     font-size: .16rem;
     color: #fff;
     margin-top: .1rem;
     transition: 0.5s;
     white-space: nowrap;
 }
 
 .banner a {
     display: block;
 }
 
 .banner a img {
     height: 100vh;
 }
 
 .banner .slick-dots {
     bottom: 0.35rem;
 }
 
 .banner .slick-dots li {
     width: 0.31rem;
     height: 0.29rem;
     margin: 0;
     background: url(/images/bans-slick.png) no-repeat center center;
     margin: 0 0.05rem;
     transition: all .6s;
 }
 
 .banner .slick-dots li.slick-active {
     background: url(/images/bans-active.png) no-repeat center center;
     background-size: .31rem auto;
 }
 
 .section1 {
     position: relative;
     padding-top: .8rem;
     padding-bottom: 2rem;
     background: url(/images/sect1-bg.png) no-repeat center bottom;
     background-size: cover;
 }
 
 .time span {
     font-size: .3rem;
     font-family: Arial;
     font-weight: bold;
 }
 
 .time i {
     font-size: 0.16rem;
 }
 
 .title {
     position: relative;
     display: flex;
     justify-content: space-between;
     align-items: center;
 }
 
 .title h2 span {
     font-size: .38rem;
     color: #2C2C2C;
     padding-bottom: .2rem;
     background: url(/images/tit-bg.png) no-repeat center bottom;
     background-size: 100% auto;
     font-family: "sysong";
 }
 
 .sect1-l .title h2 {
     margin-left: -.33rem;
 }
 
 .sect1-l .title h2 span {
     position: relative;
     color: rgba(44, 44, 44, .5);
     padding: 0 .33rem;
     padding-bottom: .3rem;
     background: none;
     cursor: pointer;
 }
 
 .sect1-l .title h2 span::before {
     content: "";
     position: absolute;
     left: 0;
     top: 8%;
     background: url(/images/s1l-titbg.png) no-repeat center center;
     width: 0.04rem;
     height: 0.42rem;
     background-size: 100% 100%;
 }
 
 .sect1-l .title h2 span:first-child:before {
     display: none;
 }
 
 .sect1-l .title h2 span.on {
     background: url(/images/tit-bg.png) no-repeat center bottom;
     color: #2C2C2C;
     background-size: 66% auto;
 }
 
 .title .more {
     padding-left: 15px;
     background: url(/images/more.png) no-repeat left center;
 }
 
 .title .more a {
     position: relative;
     display: block;
     font-size: 16px;
     color: #1E63AE;
     z-index: 3;
 }
 
 .title .more a:hover {
     color: #b32b31;
 }
 
 .title .more a::after {
     content: "";
     position: absolute;
     right: 0;
     top: 0;
     background: url(/images/gd.png) no-repeat center center;
     width: 0.19rem;
     height: 0.19rem;
     background-size: 100% 100%;
     z-index: -1;
 }
 
 .sect1-l .title .more a {
     display: none;
 }
 
 .sect1-l .title .more a.on {
     display: block;
 }
 
 .sect1-l {
     width: 59.375%;
 }
 
 .sect1-r {
     width: 37%;
 }
 
 .news {
     position: relative;
     margin-top: 0.45rem;
 }
 
 .news a {
     position: relative;
     display: flex;
     background: rgba(255, 255, 255, 0.5);
 }
 
 .news a .tpp {
     width: 3.58rem;
 }
 
 .news a .tpp .pic {
     padding-top: 52.595%;
 }
 
 .news a:hover .tpp img {
     transform: scale(1.1);
 }
 /* .news a .tpp::after {
     content: "";
     position: absolute;
     left: 0;
     right: 0;
     bottom: 0;
     height: 1.08rem;
     background: url(/images/news-tc.png) no-repeat center bottom;
     background-size: 100% 100%;
 } */
 
 .news a .tpp .l-time {
     position: absolute;
     left: 0;
     top: 0;
     line-height: 0.48rem;
     padding-left: 0.2rem;
     padding-right: 0.3rem;
     background: url(/images/s1-r-timebg.png) no-repeat left center;
     background-size: 100% 100%;
 }
 
 .news a .tpp .l-time span {
     font-family: Arial;
     font-size: 0.3rem;
     font-weight: bold;
     color: #FFFFFF;
 }
 
 .news a .tpp .l-time i {
     font-size: 0.16rem;
     font-weight: normal;
     color: #FFFFFF;
 }
 
 .news a .txt {
     flex: 1;
     min-width: 0;
     padding: .25rem .2rem;
 }
 
 .news a p {
     font-size: 0.2rem;
     color: #2C2C2C;
     z-index: 9;
 }
 
 .news a .txt .gd {
     margin-top: .5rem;
 }
 
 .news a .txt .gd img {
     display: block;
     width: 100%;
 }
 
 .news a .txt .gd:hover {
     transform: scale(1);
 }
 
 .news-box {
     position: relative;
     margin-top: .6rem;
 }
 
 .news-box .box {
     position: absolute;
     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
     z-index: -1;
     opacity: 0;
     transition: all .6s;
 }
 
 .news-box .box.on {
     position: relative;
     opacity: 1;
     z-index: 9;
 }
 
 .news-l a {
     position: relative;
     display: block;
 }
 
 .news-l a .pic {
     padding-top: 53.817%;
 }
 
 .news-l a:hover .pic img {
     transform: scale(1.1);
 }
 
 .news-l a:after {
     content: "";
     position: absolute;
     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
     background: url(/images/news-tc.png) no-repeat center bottom;
     background-size: 100% auto;
 }
 
 .news-l a .info {
     position: absolute;
     left: 0;
     right: 0;
     bottom: 0;
     padding: .35rem;
     padding-right: 2.1rem;
     z-index: 9;
 }
 
 .news-l a .time {
     color: #fff;
 }
 
 .news-l a h2 {
     margin-top: .1rem;
     font-size: 0.2rem;
     color: #fff;
     z-index: 99;
 }
 
 .news-l a .date {
     position: absolute;
     left: 40px;
     top: 25px;
     width: 97px;
     height: 92px;
     background: url() no-repeat center center;
     text-align: center;
     display: flex;
     align-items: center;
     justify-content: center;
     flex-direction: column;
     color: #fff;
 }
 
 .news-l .slick-dots {
     bottom: 0.2rem;
     right: 0.3rem;
     width: auto;
 }
 
 .news-l .slick-dots li {
     width: auto;
     height: 0.76rem;
     line-height: 0.76rem;
     margin: 0 0.1rem;
     text-align: center;
     transition: all .6s;
 }
 
 .news-l .slick-dots li.slick-active {
     width: .76rem;
     background: url(/images/slick-active.png) no-repeat center center;
     background-size: 100% 100%;
 }
 
 .news-l .slick-dots li span {
     font-size: .2rem;
     color: #FFFFFF;
     font-family: Arial;
 }
 
 .news-l .slick-dots li.slick-active span {
     font-size: 0.32rem;
     font-weight: bold;
 }
 
 .news-r {
     margin-top: .7rem;
 }
 
 .news-r ul {
     display: flex;
     justify-content: space-between;
     flex-wrap: wrap;
 }
 
 .news-r ul li {
     width: 48%;
 }
 
 .news-r ul li a {
     position: relative;
     display: block;
 }
 
 .news-r ul li a .pic {
     padding-top: 70.79%;
 }
 
 .news-r ul li:hover a .pic img {
     transition: all .6s;
 }
 
 .news-r ul li .info {
     position: absolute;
     left: 0;
     right: 0;
     bottom: 0;
     padding: .2rem;
     z-index: 9;
 }
 
 .news-r ul li .info .time {
     color: #fff;
 }
 
 .news-r ul li .info p {
     margin-top: .1rem;
     font-size: 0.2rem;
     font-weight: normal;
     line-height: 0.24rem;
     color: #FFFFFF;
 }
 
 .news-r ul li a::after {
     content: "";
     position: absolute;
     left: 0;
     right: 0;
     bottom: 0;
     height: 1.47rem;
     z-index: 6;
     background: url(/images/news-d-tc.png) no-repeat center bottom;
     background-size: 100% 100%;
 }
 
 .txt-list {
     margin-top: .15rem;
 }
 
 .txt-list ul li a {
     display: block;
     padding: 0.1rem 0;
 }
 
 .txt-list ul li a .time {
     color: #1E63AE!important;
 }
 
 .txt-list ul li a p {
     margin-top: .1rem;
     font-size: 0.2rem;
     font-weight: normal;
     line-height: 0.3rem;
     color: #2C2C2C;
 }
 
 .txt-list ul li:hover a p {
     color: #1E63AE;
 }
 
 .s1r-down {
     margin-top: .25rem;
 }
 
 .date-list {
     padding-top: 0.35rem;
 }
 
 .date-list>li {
     margin-top: .17rem;
 }
 
 .date-list>li a {
     display: flex;
     justify-content: space-between;
     align-items: center;
     height: 1.22rem;
     background: url(/images/s1-r-date-bg.png) no-repeat center center;
     background-size: cover;
     transition: all .6s;
 }
 
 .date-list>li:hover a {
     background: url(/images/s1r-datebg-other.png) no-repeat center center;
     background-size: cover;
 }
 
 .date-list>li a .date {
     width: 1rem;
     text-align: center;
     color: #1E63AE;
     padding-bottom: 0.15rem;
     background: url(/images/date-more.png) no-repeat center bottom;
     border-right: 1px solid #E4E4E4;
 }
 
 .date-list>li:hover a .date {
     color: #fff;
     background: url(/images/s1-r-more-other.png) no-repeat center bottom;
 }
 
 .date-list>li a .date p {
     font-size: 0.3rem;
     font-weight: bold;
     line-height: 0.3rem;
 }
 
 .date-list>li a .date span {
     display: block;
     font-size: 0.16rem;
     font-weight: normal;
     line-height: 0.18rem;
 }
 
 .date-list>li a .date span {
     display: block;
     font-size: 0.14rem;
 }
 
 .date-list>li a .text {
     flex: 1;
     min-width: 0;
     padding-left: 0.2rem;
 }
 
 .date-list>li a .text h2 {
     font-size: 0.2rem;
     font-weight: normal;
     line-height: 0.32rem;
     height: 0.64rem;
     color: #2C2C2C;
 }
 
 .date-list>li:hover a .text h2 {
     color: #fff;
 }
 
 .section2 {
     margin-top: -1.3rem;
     position: relative;
     z-index: 6;
     padding-bottom: 1rem;
     background: url(/images/s2-bg.png) no-repeat right bottom;
     background-size: auto 91%;
 }
 
 .section2::after {
     content: "";
     position: absolute;
     left: 0;
     top: .55rem;
     bottom: 1rem;
     width: 65.41%;
     background: url(/images/s2-l-bg.png) no-repeat left center;
     background-size: 100% 100%;
 }
 
 .sect2 {
     position: relative;
     z-index: 9;
 }
 
 .sect2 .title {
     position: relative;
     justify-content: center;
     margin-bottom: .4rem;
 }
 
 .sect2 .title .more {
     position: absolute;
     right: 0;
     top: 50%;
     transform: translateY(-50%);
 }
 
 .sect2-l {
     width: 64%;
     padding: 0 .3rem;
     padding-top: .4rem;
 }
 
 .sect2-l ul {
     display: flex;
     flex-wrap: wrap;
 }
 
 .sect2-l ul li {
     width: 25%;
     text-align: center;
     margin: .25rem 0;
 }
 
 .sect2 ul li .icon {
     position: relative;
     width: 1.02rem;
     height: 1.02rem;
     padding: 0.1rem;
     margin: 0 auto;
 }
 
 .sect2 ul li .icon::after {
     content: "";
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background: url(/images/ixon-xz.png) no-repeat center center;
     background-size: 100% 100%;
     animation: zqq linear 5s infinite;
     animation-play-state: paused;
 }
 
 .sect2 ul li:hover .icon::after {
     animation-play-state: running;
 }
 
 @keyframes zqq {
     0% {
         transform: rotate(0);
     }
     100% {
         transform: rotate(360deg);
     }
 }
 
 .sect2 ul li .icon span {
     position: relative;
     display: block;
     width: 100%;
     height: 100%;
     background: url(/images/icon-bg.png) no-repeat center center;
     background-size: 100% 100%;
     z-index: 9;
 }
 
 .sect2 ul li .icon span img {
     position: absolute;
     left: 50%;
     top: 50%;
     transform: translate(-50%, -50%);
     max-width: 100%;
     max-height: 100%;
 }
 
 .sect2 ul li:hover .icon img {
     animation: icon-yh 0.6s linear;
 }
 
 @keyframes icon-yh {
     0% {
         transform: translate(-50%, -50%) rotateZ(0);
     }
     10% {
         transform: translate(-50%, -50%) rotateZ(10deg);
     }
     20% {
         transform: translate(-50%, -50%) rotateZ(0);
     }
     30% {
         transform: translate(-50%, -50%) rotateZ(-10deg);
     }
     40% {
         transform: translate(-50%, -50%) rotateZ(0);
     }
     50% {
         transform: translate(-50%, -50%) rotateZ(10deg);
     }
     60% {
         transform: translate(-50%, -50%) rotateZ(0);
     }
     70% {
         transform: translate(-50%, -50%) rotateZ(-10deg);
     }
     80% {
         transform: translate(-50%, -50%) rotateZ(0);
     }
     90% {
         transform: translate(-50%, -50%) rotateZ(10deg);
     }
     100% {
         transform: translate(-50%, -50%) rotateZ(0);
     }
 }
 
 .sect2 ul li p {
     margin-top: 0.15rem;
     font-size: 0.24rem;
     color: #fff;
     font-weight: bold;
     transition: all .6s;
 }
 /* .sect2 ul li:hover p {
                        text-shadow: 0 0 10px #eee;
                    } */
 
 .sect2-r {
     width: 31%;
     margin-top: -.3rem;
 }
 
 .sect2-r ul li {
     margin-top: .15rem;
 }
 
 .sect2-r ul li:nth-child(1) {
     background: url(/images/s2-r-bg1.png) no-repeat center center;
     background-size: cover;
 }
 
 .sect2-r ul li:nth-child(1) a {
     height: 2.74rem;
 }
 
 .sect2-r ul li:nth-child(2) {
     background: url(/images/s2-r-bg2.jpg) no-repeat center center;
     background-size: cover;
 }
 
 .sect2-r ul li:nth-child(2) a {
     height: 2.18rem;
 }
 
 .sect2-r ul li a {
     display: flex;
     justify-content: center;
     align-items: center;
 }
 
 .sect2-r ul li a .icon {
     margin: 0;
     margin-right: .2rem;
 }
 
 .sect2-r ul li a p {
     margin-top: 0;
     font-weight: normal;
 }
 /* ÃƒÂ¨Ã‚Â§Ã¢â‚¬Â ÃƒÂ©Ã‚Â¢Ã¢â‚¬ËœÃƒÂ¥Ã‚Â¼Ã‚Â¹ÃƒÂ§Ã‚ÂªÃ¢â‚¬â   */
 
 .vwrap {
     display: none;
     z-index: 1040000;
     width: 100%;
     position: fixed;
 }
 
 .vwrap .videobtg {
     z-index: 900;
     position: fixed;
     width: 100%;
     height: 100%;
     left: 0;
     top: 0;
     background: #000;
     opacity: 0.8;
     filter: alpha(opacity=80);
     overflow: hidden;
 }
 
 .vwrap .videobox {
     z-index: 1200;
     width: 1400px;
     position: fixed;
     left: 50%;
     top: 50%;
     margin-left: -700px;
     object-fit: cover;
     transform: translateY(-50%)
 }
 
 .vwrap .videobox #videobox {
     width: 100%;
     display: inline-block;
     background: #000;
 }
 
 .vwrap .videobox #videobox .img_hezi {
     padding-bottom: 60% !important
 }
 
 .vwrap .videobox #videobox video {
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     width: 100%;
     height: 100%;
     object-fit: cover;
 }
 
 #videobox_wrapper {
     height: 100%!important;
 }
 
 .vwrap .close {
     z-index: 999;
     width: 31px;
     height: 31px;
     cursor: pointer;
     position: absolute;
     top: 0px;
     right: -42px;
     text-align: center;
 }
 
 .vwrap .close i {
     display: block;
     width: 31px;
     height: 31px;
     -webkit-transition: 400ms;
     transition: 400ms;
 }
 
 .vwrap .close i svg {
     transition: .6s
 }
 
 .vwrap .close:hover i svg {
     -webkit-transform: rotate(180deg);
     -ms-transform: rotate(180deg);
     transform: rotate(180deg);
 }
 
 @media(max-width: 992px) {
     .vwrap .videobox {
         width: 94%;
         left: 3%;
         margin-left: 0;
     }
     .vwrap .close {
         right: 0;
         top: -35px;
     }
 }
 
 .section3 {
     position: relative;
     padding-top: 1.65rem;
     background: url(/images/s3-r-bg.png) no-repeat right top;
     background-size: 9.6rem auto;
 }
 
 .section3::after {
     content: "";
     position: absolute;
     left: 0;
     bottom: 0;
     width: 9.3rem;
     top: 0;
     background: url(/images/s3-l-bg.png) no-repeat left top;
     background-size: auto 100%;
     bottom: 0;
 }
 
 .sect3 {
     position: relative;
     align-items: flex-end;
     z-index: 9;
 }
 
 .s3-l {
     position: relative;
     width: 48.75%;
     z-index: 9;
 }
 
 .section3::before {
     content: "";
     position: absolute;
     top: .2rem;
     left: 0rem;
     width: 7.34rem;
     height: 4.3rem;
     background: url(/images/xzz.png) no-repeat center center;
     background-size: 100% 100%;
     animation: xz1 linear 10s infinite;
 }
 
 @keyframes xz2 {
     0% {
         transform: rotatey(0deg);
     }
     100% {
         transform: rotatey(360deg);
     }
 }
 
 @keyframes xz1 {
     0% {
         transform: rotatex(0);
     }
     100% {
         transform: rotatex(360deg);
     }
 }
 
 .sect3::after {
     content: "";
     position: absolute;
     left: 0;
     top: -2.25rem;
     width: 6.04rem;
     height: 6.19rem;
     background: url(/images/xzqq.png) no-repeat center center;
     background-size: 100% 100%;
     animation: xz2 linear 10s infinite;
 }
 
 .s3-l .title {
     position: absolute;
     right: 0;
     top: -1.8rem;
     margin-right: .5rem;
     width: 55%;
     margin-bottom: 1.45rem;
 }
 
 .s3l-sp a {
     position: relative;
     display: block;
 }
 
 .s3l-sp a .pic {
     padding-top: 64.66%;
 }
 
 .s3l-sp a::after {
     content: "";
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background: rgba(0, 0, 0, 0.15);
 }
 
 .s3l-sp a:hover img {
     transform: scale(1.1);
 }
 
 .s3l-sp a .bf {
     position: absolute;
     left: 50%;
     top: 50%;
     transform: translate(-50%, -50%);
     background: url(/images/bf.png) no-repeat center center;
     width: 0.72rem;
     height: 0.72rem;
     background-size: 100% 100%;
     z-index: 9;
 }
 
 .s3-r {
     width: 50.5%;
 }
 
 .s3-r ul {
     display: flex;
     justify-content: space-between;
     align-items: flex-end;
     flex-wrap: wrap;
     margin-top: -.12rem;
 }
 
 .s3-r ul li {
     position: relative;
     width: 49%;
     margin-top: .12rem;
 }
 
 .s3-r ul li:nth-child(1) .pic {
     padding-top: 65.346%;
 }
 
 .s3-r ul li:nth-child(2) .pic {
     padding-top: 54.12%;
 }
 
 .s3-r ul li:nth-child(3) .pic {
     padding-top: 54.95%;
 }
 
 .s3-r ul li:nth-child(4) .pic {
     padding-top: 54.95%;
 }
 
 .s3-r ul li:nth-child(5) .pic {
     padding-top: 33.659%;
 }
 
 .s3-r ul li:last-child {
     width: 100%;
 }
 
 .s3-r ul li a {z-index: 99999;
     position: relative;
     display: block;
 }
 
 .s3-r ul li a span {
     position: absolute;
     left: 0;
     top: .25rem;
     padding-left: 0.16rem;
     padding-right: 0.25rem;
     font-size: 0.2rem;
     color: #fff;
     line-height: 0.41rem;
     background: url(/images/s3-r-tit-bg.png) no-repeat left center;
     background-size: cover;
     transition: all .6s;
 }
 
 .s3-r ul li:hover a span {
     padding: 0 .5rem;
 }
 
 .media-ewm {
     position: absolute;
     left: 0;
     right: 0;
     top: 50%;
     transform: translateY(-50%);
     text-align: center;
 }
 
 .sect3 .media-ewm ul {
     display: flex;
     width: 100%;
 }
 
 .sect3 .media-ewm ul li {
     position: relative;
     width: 33.333%;
     padding: 0 .05rem;
 }
 
 .sect3 .media-ewm ul li .ewm-tb {
     position: relative;
     width: 0.42rem;
     height: 0.42rem;
     margin: 0.1rem auto;
     background: url(/images/ewm-qq.png) no-repeat center center;
     background-size: 100% 100%;
     transition: .3s;
 }
 .sect3 .media-ewm ul li .ewm-tb:hover {
    width: 0.5rem;
    height: 0.5rem;
    margin: 0 auto;
}
 .sect3 .media-ewm ul li .ewm-tb img {
     position: absolute;
     left: 50%;
     top: 50%;
     transform: translate(-50%, -50%);
     z-index: 2;
     max-height: .2rem;
 }
 
 .sect3 .media-ewm ul li .ewm-txt {
     margin-top: .05rem;
 }
 
 .sect3 .media-ewm ul li .ewm-txt p {
     font-size: .12rem;
     font-weight: normal;
     line-height: 0.2rem;
     text-align: center;
     color: #FFFFFF;
   
     text-align: center;
     overflow: hidden;
 }
 
 .sect3 .media-ewm ul li .ewm {
     position: absolute;
     width: 0.95rem;
     /*height: 0.95rem;*/
     /* padding: 0.1rem; */
     left: 50%;
     bottom: 110%;
     margin-left: -.475rem;
     /* overflow: hidden; */
     display: none;
     text-align: center;
     background: #fff;
     z-index: 999;
 }
 
 .sect3 .media-ewm ul li .ewm img {
     display: block;
     width: 100%;
     height: 100%;
 }
 
 .sect3 .media-ewm ul li .ewm::after {
     content: "";
     position: absolute;
     top: 100%;
     left: 50%;
     transform: translateX(-50%);
     border: 0.07rem solid transparent;
     border-top: 0.07rem solid #fff;
 }
 
 .sect3 .media-ewm ul li:hover .ewm {
     display: block;
 }
 
 .section6 {
     position: relative;
     padding-top: .9rem;
     padding-bottom: 1.5rem;
     background: url(/images/s5-bg.png) no-repeat center bottom;
     background-size: 100% auto;
 }
 
 .section6::after {
     content: "";
     position: absolute;
     left: 0;
     width: 200%;
     top: 0;
     height: 1.71rem;
     background: url(/images/sect6-bg.png) repeat-x center top;
     animation: py linear 30s infinite;
 }
 
 @keyframes py {
     0% {
         transform: translateX(0);
     }
     100% {
         transform: translate(-50%);
     }
 }
 
 .sect6 {
     position: relative;
     z-index: 6;
 }
 
 .sect6 .title {
     position: relative;
     justify-content: center;
 }
 
 .sect6 .title .more {
     position: absolute;
     right: 0;
     top: 50%;
     transform: translateY(-50%);
 }
 
 .sepcial {
     margin-top: 0.7rem;
 }
 
 .sepcial>ul {
     margin: 0 -.07rem;
 }
 
 .sepcial>ul li {
     margin: 0 7px;
 }
 
 .sepcial>ul li a {
     position: relative;
     display: block;
     padding: .08rem;
 }
 
 .sepcial>ul li a .pic {
     padding-top: 63.49%;
     z-index: 9;
 }
 
 .sepcial>ul li a::after {
     content: "";
     position: absolute;
     left: 0;
     right: 0;
     top: .18rem;
     bottom: 0;
     background: url(/images/s6-tc.png) no-repeat right center;
     background-size: cover;
     opacity: 0;
     z-index: -1;
     transition: all 1s;
 }
 
 .sepcial>ul li:hover a::after {
     opacity: 1;
     z-index: 2;
 }
 
 .sepcial>ul li a .more {
     position: absolute;
     left: .35rem;
     right: .35rem;
     bottom: .3rem;
     z-index: 9;
 }
 
 .sepcial>ul li a .more span {
     font-size: .16rem;
     color: rgba(255, 255, 255, 0.6);
     padding-right: 2rem;
     background: url(/images/s6-more.png) no-repeat right center;
     background-size: 1.98rem auto;
     transition: all 1s;
 }
 
 .sepcial>ul li:hover a .more span {
     color: #fff;
 }
 
 .sepcial .slick-dots {
     position: relative;
     margin-top: 0.3rem;
 }
 
 .sepcial .slick-dots li {
     width: 24px;
     height: 24px;
     padding: 8px;
     border-radius: 50%;
     border: 1px solid transparent;
     margin: 0 10px;
     transition: all .3s;
 }
 
 .sepcial .slick-dots li button {
     padding: 0;
     display: block;
     width: 100%;
     height: 100%;
     border-radius: 50%;
     background: rgba(30, 99, 174, .5);
 }
 
 .sepcial .slick-dots li.slick-active {
     border: 1px solid #1E63AE;
 }
 
 .sepcial .slick-dots li.slick-active button {
     background: #1E63AE;
 }
 
 @media screen and (min-width:1921px) {
     .section3::before {
         left: 15%;
     }
 }
 
 @media screen and (max-width:1400px) {
     .sepcial>ul li a .more span {
         padding-right: 1.5rem;
         background-size: 1.4rem auto;
     }
 }
 
 @media screen and (max-width:1500px) {
     .s1r-down {
         margin-top: .15rem;
     }
     .date-list>li a {
         height: 1rem;
     }
 }
 
 @media screen and (max-width:1200px) {
     .sect1-l {
         width: 100%;
     }
     .news a .txt .gd img {
         width: auto;
     }
     .sect1-r {
         width: 100%;
         margin-top: .15rem;
     }
     .sect3::after {
         width: 3rem;
         background-size: 100% auto;
         left: 20%;
     }
     .section3::before {
         width: 4rem;
         background-size: 100% auto;
         left: 20%;
     }
 }
 
 @media screen and (max-width:1024px) {
     html,
     body,
     .banner,
     .banner .slick,
     .banner .slick div,
     .banner .slick-slide a,
     .banner .slick-slide a img {
         height: auto !important;
     }
     .index {
         position: static;
         padding-top: 0;
     }
     .banner .slick-prev {
         left: 0.2rem;
         top: 50%;
         transform: translateY(-50%);
         bottom: 0;
     }
     .banner .slick-next {
         right: 0.2rem;
         top: 50%;
         transform: translateY(-50%);
         bottom: 0;
     }
     .banner .slick-dots {
         right: 0;
         bottom: 0.2rem;
     }
     .banner a p {
         bottom: 0.2rem;
     }
     .rightFix {
         display: none;
     }
 }
 
 @media screen and (max-width:1000px) {
     .sect2 ul li .icon span img {
         height: .5rem;
     }
     .sect2 ul li p {
         font-size: .2rem;
     }
     .sect2-l {
         padding-left: 0;
         padding-right: 0;
     }
     .s3-l {
         width: 100%;
     }
     .s3-r {
         width: 100%;
     }
     .s3-l .title {
         position: static;
         margin-bottom: .2rem;
         margin-right: 0;
         width: 100%;
     }
     .section3 {
         padding-top: .8rem;
     }
     .sect3::after,
     .section3::before {
         display: none;
     }
     .section3::after {
         display: none;
     }
     .s3l-sp {
         margin-top: .6rem;
     }
 }
 
 @media screen and (max-width:700px) {
     .section1 {
         padding: .2rem 0;
     }
     .sect1-l .title h2 span {
         font-size: .2rem;
         padding: 0 .15rem;
         padding-bottom: .15rem;
     }
     .sect1-l .title h2 {
         margin-left: -.15rem;
     }
     .sect1-l .title h2 span::before {
         top: 50%;
         transform: translateY(-50%);
     }
     .news-box {
         margin-top: .15rem;
     }
     .news-l a .info {
         padding: .15rem;
         padding-bottom: .6rem;
     }
     .news-l .slick-dots li {
         height: .4rem;
         line-height: .4rem;
     }
     .news-l .slick-dots li.slick-active {
         width: .4rem;
     }
     .news-l .slick-dots li.slick-active span {
         font-size: .2rem;
     }
     .news-l .slick-dots {
         bottom: .1rem;
     }
     .news-r {
         margin-top: .15rem;
     }
     .title h2 span {
         font-size: .2rem;
     }
     .news {
         margin-top: .3rem;
     }
     .sect2-l {
         width: 100%;
     }
     .section2::after {
         width: 100%;
         height: 80%;
     }
     .sect2-l ul li {
         width: 33.333%;
     }
     .section2 {
         margin: 0;
         padding-bottom: .2rem;
     }
     .sect2-r {
         width: 100%;
         margin-top: 0;
     }
     .sect2-r ul li a {
         height: auto!important;
         padding: .2rem 0;
     }
     .section3 {
         padding-top: .2rem;
     }
     .s3-l .title {
         width: 100%;
     }
     .sect3::after {
         width: 1rem;
         top: 0;
         display: none;
     }
     .section3::after {
         display: none;
     }
     .s3l-sp {
         margin-top: .2rem;
     }
     .sect3 .media-ewm ul li .ewm-tb {
         width: .4rem;
         height: .4rem;
     }
     .sect3 .media-ewm ul li .ewm-tb img {
         height: .25rem;
     }
     .section6 {
         padding: .2rem 0;
     }
     .sepcial {
         margin-top: .15rem;
     }
     .sepcial>ul li a .more span {
         padding-right: .6rem;
         background-size: .5rem auto;
     }
     .s3-r>ul>li:nth-child(1) {
         width: 100%;
     }
     .s3-r>ul>li:nth-child(2) {
         width: 100%;
     }
 }
 
 @media screen and (max-width:540px) {
     .news a .txt .gd img {
         width: 100%;
     }
 }


.news-sp .slick-dots {
     bottom: 0.2rem;
     right: 0.3rem;
     width: auto;
 }
 .news-sp .slick-dots li {
     width: auto;
     height: 0.76rem;
     line-height: 0.76rem;
     margin: 0 0.1rem;
     text-align: center;
     transition: all .6s;
 }
 .news-sp .slick-dots li.slick-active {
     width: .76rem;
     background: url(/images/slick-active.png) no-repeat center center;
     background-size: 100% 100%;
 }
.news-sp .slick-dots li span {
    font-size: .2rem;
    color: #FFFFFF;
    font-family: Arial;
}
.news-sp .slick-dots li.slick-active span {
    font-size: 0.32rem;
    font-weight: bold;
}