@charset "utf-8";html,body,.banner,.banner .slick,.banner .slick div,.banner .slick-slide a,.banner .slick-slide a img{width: 100%;height: 100%}body{overflow-x: hidden}.banner{position: relative;overflow: hidden}.banner a{display: block}.banner>img{display: block;width: 100%}.banner .slick{position: relative;z-index: 9}.banner .slick-slide a{display: block;position: relative}.banner .slick-slide a img{display: block;width: 100%}.banner .slick-slide a p{position: absolute;z-index: 9;color: #fff;left: 0;right: 0;bottom: 35px;width: 100%;max-width: 1200px;margin: 0 auto;font-size: 30px;line-height: 30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding-right: 100px}.banner .slick-slide a::before{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: url(../images/banner-zz1.png) repeat-x;background-position: center top;z-index: 9}.banner .slick-slide a::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: url(../images/banner-zzc2.png) repeat-x;background-position: center bottom;z-index: 9}.banner .slick-dots{text-align: center;left: 0;right: 0;bottom: 40px}.banner .slick-dots li{margin: 0 20px;position: relative}.banner .slick-dots li button{width: 10px;height: 10px;border: 1px solid rgba(255, 255, 255, 0.2)}.banner .slick-dots li svg{position: absolute;left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%) rotate(180deg);fill: none;stroke: #fff;stroke-width: 0.5px;stroke-dasharray: 100;stroke-dashoffset: 100;width: 55px;height: 55px}.banner .slick-dots li{width: auto;margin: 0 3px;transition: all 0.3s;vertical-align: middle;height: auto;align-items: center;border-radius: 50%;border: 1px solid rgba(255, 255, 255, 0.2);width: 50px;height: 50px;display: none}.banner .slick-dots li.slick-active{display: inline-block}.banner .slick-dots li button{display: block;width: 8px;height: 12px;background: url(../images/banner-play.png) no-repeat;margin: 0;padding: 0;border: none;position: absolute;top: 50%;left: 52%;transform: translate(-50%, -50%)}.banner .slick-dots li.slick-active svg{animation: indexsvg 3.5s linear forwards}@keyframes indexsvg{0%{stroke-dashoffset: 100}100%{stroke-dashoffset: 0}}.banner .slick-prev{width: 31px;height: 24px;background: url(../images/banner-l.png) no-repeat;background-size: cover;left: auto;right: 55%;bottom: 40px;top: auto}.banner .slick-next{width: 31px;height: 24px;background: url(../images/banner-r.png) no-repeat;background-size: cover;right: auto;left: 55%;bottom: 40px;top: auto}.banner .slick-slide.slick-current a img{animation: img_scale linear 8s}@keyframes img_scale{0%{transform: scale(1)}50%{transform: scale(1.1)}100%{transform: scale(1)}}.index{position: fixed;top: 100%;left: 0;right: 0;bottom: 0;overflow-y: auto;overflow-x: hidden;z-index: 99;background: #f0f8ff;padding-top: 130px}.s1{padding-top: 65px;padding-bottom: 95px;background: url(../images/s1-bj.jpg) no-repeat;background-size: cover}.tit{text-align: center;position: relative;margin-bottom: 35px}.tit h3{font-size: 30px;color: #333333;font-weight: 600;background: url(../images/tit-bj.png) no-repeat;background-position: center center}.tit span{font-family: Arial;font-size: 56px;font-weight: 600;color: #05468c;opacity: 0.05;position: absolute;top: 0;left: 50%;transform: translate(-50%, -50%);white-space: nowrap}.tit a{font-family: PingFangSC;font-size: 16px;color: #0f58b1;position: absolute;top: 50%;right: 0;transform: translateY(-50%);transition: all 0.3s}.tit a:hover{letter-spacing: 2px}.s1-banner ul li a .pic{padding-top: 66.7%}.s1-banner ul li a{margin: 0 5%}.s1-tx{padding: 35px 40px;background: url(../images/s1-tx-bj.jpg) no-repeat;background-size: cover}.s1-tx h3{font-size: 18px;color: #222222;line-height: 28px;height: 56px;margin-bottom: 20px;overflow: hidden;text-overflow: ellipsis}.s1-tx h3 i{font-weight: 600}.s1-tx p{font-size: 14px;line-height: 26px;height: 52px;overflow: hidden;text-overflow: ellipsis;color: #666666;margin-bottom: 40px}.s1-tx span{font-size: 18px;line-height: 26px;color: #999999;display: block;text-align: right}.s1-banner ul li a:hover img{transform: scale(1.1)}.s2{padding-top: 112px;padding-bottom: 90px;background: url(../images/s2-bj.jpg) no-repeat;background-size: cover}.s2-l{float: left;width: 30%}.s2 .tit{text-align: left}.s2 .tit h3{color: #fff;background: url(../images/s2-tit-bj.png) no-repeat;background-position: 150px center}.s2 .tit span{color: #ffffff;opacity: 0.03;left: 0;transform: translate(0, -50%)}.s2-ltop ul li{background: url(../images/s2-l-bj.png) no-repeat;background-size: cover;padding: 30px;margin-top: 15px}.s2-ltop ul li:nth-child(2){background: url(../images/s2-l-bj2.png) no-repeat;background-size: cover}.s2-ltop .icon{height: 86px;padding-top: 0;margin-bottom: 10px}.s2-ltop .icon:hover{animation: jello 1s}.s2-ltop-l{float: left;text-align: center;margin-right: 23%}.s2-ltop-r{float: right;text-align: center}.s2-ltop-tx{overflow: hidden}.s2-ltop h3{font-size: 20px;line-height: 26px;color: #ffffff}.s2-ltop-tx a{font-size: 16px;line-height: 30px;color: #ffffff;padding-left: 20px;background: url(../images/s2-ltop-line.png) no-repeat;background-position: left center;background-size: 10px 1px;transition: all 0.3s;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.s2-ltop-tx a:hover{background-size: 20px 1px;padding-left: 30px}.s2-ltop{margin-bottom: 50px}.s2-lbot h3{font-size: 26px;color: #ffffff;padding-bottom: 20px;margin-bottom: 35px;background: url(../images/s2-lbot-tit.png) no-repeat;background-position: center bottom;background-size: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: center}.s2-lbot-l{width: 50%;margin-right: 10%;float: left;text-align: center}.s2-lbot-r{width: 40%;float: left}.s2-lbot-l a:last-child{margin-top: 25px}.s2-lbot-l a{width: 100%;line-height: 64px;border: solid 1px rgba(255, 255, 255, 0.2);background: url(../images/s2-link-bj.png) no-repeat;background-position: center center;background-size: 100% 100%;font-size: 16px;color: #ffffff;transition: all 0.3s;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.s2-lbot-l a:hover{border-color: rgba(255, 255, 255, 0.4);letter-spacing: 1px}.s2-lbot-r ul li a{font-size: 16px;line-height: 52px;color: #ffffff;border-bottom: solid 1px rgba(255, 255, 255, 0.2);padding-left: 22px;background: url(../images/s2-arrow.png) no-repeat;background-position: 95% center;transition: all 0.3s;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.s2-lbot-r ul li{background: url(../images/s2-dots.png) no-repeat;background-position: left center}.s2-lbot-r ul li a:hover{background-position: 100% center;letter-spacing: 1px}.s2-r{width: 30%;float: right}.s2-tit{margin-bottom: 25px;border-bottom: 1px solid rgba(255, 255, 255, 0.2)}.s2-tit b{font-size: 20px;color: #fff;opacity: 0.5;padding: 0 10px;padding-bottom: 20px;cursor: pointer;display: inline-block;text-align: center}.s2-tit b.on{font-size: 28px;opacity: 1;border-bottom: 2px solid #Fff}.s2-tit b:first-child{margin-right: 20px}.s2-date b{font-size: 32px;color: #ffffff;display: block}.s2-date span{font-size: 14px;display: block;color: #ffffff}.s2-date{float: left;margin-right: 30px;text-align: center}.s2-tx{overflow: hidden;padding-right: 30px}.s2-tx p{font-size: 18px;line-height: 28px;height: 56px;overflow: hidden;text-overflow: ellipsis;color: #ffffff}.s2-list ul li a{padding: 25px;padding-left: 0;position: relative;transition: all 0.6s;background: url(../images/s2-list-bj.jpg) no-repeat;background-size: 0 0;background-position: right top}.s2-list ul li a:hover{background: url(../images/s2-list-bj.jpg) no-repeat;background-size: 100% 100%;padding-left: 25px}.s2-list ul li a::after{content: '';position: absolute;bottom: 100%;right: 0;width: 42px;height: 64px;background: url(../images/s2-list-bj1.png) no-repeat;background-size: cover;display: none}.s2-list ul li a:hover:after{display: block}.s2-list ul{display: none}.s2-list ul.on{display: block}.s2-m{width: 34%;float: left;margin: 0 3%}.s2-item ul li a{font-size: 18px;line-height: 73px;color: #ffffff;background: url(../images/s2-arrow2.png) no-repeat;background-position: right center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding-right: 20px}.s2-item ul li{background: url(../images/s2-dots.png) no-repeat;background-position: left center;padding-left: 20px;transition: all 0.3s}.s2-item ul li:hover{padding-left: 30px}.s2-link{font-size: 0;margin-top: 80px}.s2-link a{float: left;width: 30.66%;text-align: center;padding-top: 52px;padding-bottom: 60px}.s2-link a .icon{height: 50px;transition: all 0.3s}.s2-link a p{font-size: 20px;color: #ffffff;margin-top: 40px}.s2-link a:nth-child(2){margin: 0 4%}.s2-link a:nth-child(1){background: url(../images/s2-link1.png) no-repeat;background-size: cover;margin-top: 10px;padding-bottom: 50px}.s2-link a:nth-child(2){background: url(../images/s2-link2.png) no-repeat;background-size: cover}.s2-link a:nth-child(3){background: url(../images/s2-link3.png) no-repeat;background-size: cover;padding-bottom: 50px}.s2-link a:hover .icon{transform: rotateY(180deg)}.s3{padding-top: 90px;padding-bottom: 94px;background: url(../images/s3-bj.jpg) no-repeat;background-position: center top;background-size: cover}.s3-video .pic{padding-top: 83%}.s3-video ul li a{position: relative}.s3-video ul li a::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: url(../images/s3-zzc.png) repeat-x;background-position: center bottom;z-index: 1}.s3-video p{position: absolute;bottom: 0;left: 0;width: 100%;font-size: 20px;color: #ffffff;padding: 20px 30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;z-index: 2}.s3-c{background: url(../images/s3-l-bj.jpg) no-repeat;background-size: cover;background-size: 20% 100%;background-position: left center}.s3-l{width: 20%;float: left;position: relative;padding-top: 38%;background: url(../images/video-tx.png) no-repeat;background-position: 10% 80px}.s3-r{overflow: hidden}.s3-video ul li{width: 50%;float: left}.s3-tit h3{width: 29px;font-size: 30px;line-height: 30px;color: #ffffff;position: absolute;left: 20%;top: 80px;padding-bottom: 150px;background: url(../images/tit-bj3.png) no-repeat;background-position: center bottom}.s3-tit a{width: 16px;font-size: 16px;line-height: 16px;color: #ffffff;position: relative;left: 22%;bottom: 60px;transition: all 0.3s}.s3-tit a:hover{opacity: 0.7}.s3-l .s3-video{width: 55%;float: left}.s3-play{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 80px;height: 80px;background: url(../images/s3-play.png) no-repeat;background-size: 54px;background-position: center center;transition: all 0.3s}.s3-play::after{content: '';position: absolute;left: 0;top: 0;width: 80px;height: 80px;background: url(../images/s3-play-bj.png) no-repeat;background-size: 80px;background-position: center center}@keyframes play{0%{transform: rotate(0)}100%{transform: rotate(360deg)}}.s3-video ul li a:hover .s3-play::after{animation: play 6s linear infinite}.s3-video ul li a:hover img{transform: scale(1.1)}.s3-r .s3-video{float: left;width: 67%}#s3-video-r{width: 33%}#s3-video-r ul li{float: none;width: 100%}.s3-r .s3-video .pic{padding-top: 81%}.s3-r #s3-video-r .pic{padding-top: 164.3%}.s3-link{padding-top: 90px;padding-bottom: 90px;max-width: 1920px;margin: 0 auto;position: relative}.s3-link>svg{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 1}.path{stroke-dasharray: 4, 2;animation: dash1 6s linear infinite}@keyframes dash1{to{stroke-dashoffset: -100}}.s3-link ul li{width: 16.6%;float: left;text-align: center}.s3-link ul li a .icon{width: 190px;height: 194px;position: relative;margin: 0 auto;border-radius: 50%;z-index: 9;transform: translateY(18px)}.s3-link ul li a .icon::after{content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: url(../images/s4-icon-bj.png) no-repeat;background-size: 190px;transition: all 0.3s;opacity: 0}.s3-link ul li a svg{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -15px);transition: all 0.3s}.s3-link ul li a:hover .icon::after{opacity: 1;animation: play 6s linear infinite}.s3-link ul li a:hover .icon>svg{opacity: 0}.s3-link ul li a:hover .icon{background-color: #f7f7f7}.s3-link ul li a:hover .icon>img{opacity: 1}.s3-link ul li a .icon img{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);opacity: 0}.s3-link ul li a p{font-size: 24px;color: #0f58b1;transform: translateY(-40px);line-height: 30px;transition: all 0.3s;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.s3-link ul li a:hover p{font-size: 26px;color: #0f58b1;transform: translateY(30px);font-weight: 600}@media screen and (max-width: 1200px){#downPage{display: none}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}.s2-m{width: 48%;margin-left: 4%;margin-right: 0}.s2-l{width: 48%}.s2-r{float: none;width: auto;clear: both;padding-top: 50px}.s2{padding-top: 80px;padding-bottom: 60px}.s2 .tit{margin-bottom: 20px}.s2-link{margin-top: 20px;max-width: 500px}.s3-l{width: 15%}.s3-tit a{bottom: 0}.s3-link{padding: 30px 0}}@media screen and (max-width: 1024px){.s3{padding: 50px 0}.s3-l{float: none;width: auto;margin-right: 0;padding-top: 0}.s3-r{padding: 40px 3%}.s3-tit h3,.s3-tit a{position: static;height: auto;width: auto;padding-bottom: 0;background-size: 0}.s3-c{background-size: cover}.s3-tit{padding: 20px 10px;position: relative}.s3-tit a{position: absolute;top: 0;right: 10px;left: auto;line-height: 70px}.s2-m{float: none;width: auto;margin-left: 0;clear: both}.s2-ltop ul li{width: 48.5%;float: left;margin: 0}.s2-lbot-l{width: 48.5%;margin-right: 3%}.s2-lbot-r{width: 48.5%}.s2-ltop ul li:first-child{margin-right: 3%}.s2-l{float: none;width: auto;margin-right: 0;margin-bottom: 50px}.banner .slick-next{left: 60%}.banner .slick-prev{right: 60%}.tit span{font-size: 36px}.tit h3{font-size: 26px}.s1{padding-top: 50px;padding-bottom: 60px}.tit{margin-bottom: 30px}.s1-tx{padding: 20px 30px}.s1-tx p{margin-bottom: 30px}.s2{padding: 50px 0}.s2-lbot h3{font-size: 22px}.s2-item ul li a{line-height: 60px}.s2-tit b.on{font-size: 24px}.s2-date b{font-size: 26px}.s3-link ul li a .icon{width: 120px;height: 120px}.s3-link ul li a .icon::after{background-size: 120px}.s3-link ul li a p{font-size: 20px;transform: translateY(-20px)}.s3-link ul li a:hover p{font-size: 22px}.s3-video p{font-size: 18px;padding: 15px}.s3-tit h3{font-size: 26px}}@media screen and (max-width: 768px){.s3-video p{font-size: 16px;padding: 10px}.s3-play{transform: translate(-50%, -50%) scale(0.7)}.banner .slick-arrow{opacity: 0}.banner .slick-dots{bottom: 20px;transform: scale(0.7)}.tit span{font-size: 30px}.tit h3{font-size: 22px;background-size: 50%}.tit a{font-size: 14px}.tit{margin-bottom: 20px}.s1-tx h3,.s1-tx span{font-size: 16px}.s1{padding: 40px 0}.s2-list ul li a{padding: 20px 0}.s2-date b{font-size: 20px}.s2-date{margin-right: 15px}.s2-ltop ul li{float: none;width: auto;margin-right: 0;margin-bottom: 20px}.s2-ltop ul li:first-child{margin-right: 0}.s2-ltop{margin-bottom: 30px}.s2-item ul li a,.s2-link a p{font-size: 16px}.s2-l{margin-bottom: 40px}.s2-r{padding-top: 40px}.s2-tx p{font-size: 16px}.s3-link ul li a .icon{width: 100px;height: 100px}.s3-link ul li a .icon::after{background-size: 100px}.s3-link ul li a p{font-size: 16px;transform: translateY(-10px)}.s3-link ul li a:hover p{font-size: 18px}.s3-r{padding: 20px}.s3-tit h3{font-size: 22px}}@media screen and (max-width: 640px){.s1-banner ul li a{margin: 0}.s1{padding: 30px 0}.s3-link ul li a .icon{width: 80px;height: 80px}.s3-link ul li a .icon::after{background-size: 80px}.s3-link ul li a p{font-size: 12px;transform: translateY(-10px)}.s3-link ul li a:hover p{font-size: 14px}.s3-link ul li a .icon img{width: 20px}.s3-r .s3-video{float: none;width: auto;margin-right: 0}#s3-video-r{width: 100%}.s3-r #s3-video-r .pic{padding-top: 100%}.s3-video ul li{padding: 10px}}@media screen and (max-width: 480px){.tit span{font-size: 26px;left: 0;transform: translate(0, -50%)}.tit h3{font-size: 22px;background-size: 0}.tit a{font-size: 13px}.tit{text-align: left}.s2{padding: 30px 0}.s2 .tit h3,.s2-lbot h3{font-size: 20px}.s2-l{margin-bottom: 30px}.s2-r{padding-top: 30px}.s2-list ul li a{padding: 15px 0}.s3-video ul li{padding: 5px}.s3-r{padding: 10px}.s3-tit h3{font-size: 20px}.s3-link{padding: 0}}@media screen and (max-width: 400px){.s2-ltop-l{margin-right: 10%}}