@charset"utf-8";
     @font-face {
         font-family: 'iconfont';
         src: url('../font/iconfont.eot');
         src: url('../font/iconfont.eot?#iefix') format('embedded-opentype'), url('../font/iconfont.woff2') format('woff2'), url('../font/iconfont.woff') format('woff'), url('../font/iconfont.ttf') format('truetype'), url('../font/iconfont.svg#iconfont') format('svg');
     }
     
     ul {
         list-style-type: none;
     }
     
     a {
         text-decoration: none
     }
     
     .pagebg {
         width: 100%;
         height: 100%;
         position: relative;
     }
     
     .page_4 .pagebg {
         overflow: hidden;
     }
     
     .pagebg.pc {
         display: block;
     }
     
     .pagebg.mpber {
         display: none;
     }
     
     .table {
         margin-bottom: 0;
     }
     
     #fp-nav.right {
         left: 20px;
     }
     
     img {
         vertical-align: middle;
     }
     
     .clearfix:after {
         content: ".";
         display: block;
         height: 0;
         clear: both;
         visibility: hidden;
     }
     
     .clearfix {
         display: block;
     }
     /* ******************瀵艰埅************************ */
     
     .header {
         position: fixed;
         z-index: 9;
         top: 0;
         left: 0;
         width: 100%;
         background-color: rgba(0, 0, 0, 0);
         /* border-bottom: solid 1px #ecebec;
    box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, .1); */
     }
     
     .headCont .logo {
         float: left;
         /* width: 255px; */
         text-align: center;
         height: 108px;
         line-height: 108px;
         font-size: 0;
         z-index: 1;
     }
     
     .headCont .logo .logo1 {
         display: none;
     }
     
     .container_cl {
         width: 1640px;
         margin: auto;
     }
     /**/
     
     .nav {
         margin: auto;
         text-align: center;
     }
     
     .nav .navLi.active>a {
         font-weight: bold;
     }
     
     .nav .navLi>a {
         float: left;
         padding: 0 50px;
         height: 108px;
         line-height: 108px;
         font-size: 16px;
         color: #333333;
         transition: all 0.5s ease 0s;
     }
     
     .nav .navUl {
         position: absolute;
         top: 80px;
         left: 50%;
         transform: translateX(-50%) translateY(30px);
         width: 160px;
         visibility: hidden;
         opacity: 0;
         background-color: #fff;
     }
     
     .nav .navUlli {
         position: relative;
     }
     
     .nav .navUlli>a {
         display: block;
         padding: 0 30px;
         font: 16px;
         color: #333333;
         transition: all 0.5s ease 0s;
     }
     
     .nav .navUlli>a {
         position: relative;
         transition: all 0.5s ease 0s;
     }
     
     .nav .navUlli>a:after {
         content: "";
         position: absolute;
         right: 30px;
         top: 0;
         bottom: 0;
         margin: auto;
         width: 8px;
         height: 13px;
         background: url(../images/nav_jian.png) no-repeat center center;
         opacity: 0;
         visibility: hidden;
         transition: all 0.5s ease 0s;
     }
     
     .nav .navUlul {
         position: absolute;
         width: 100%;
         left: 100%;
         top: 0;
         visibility: hidden;
         opacity: 0;
         transform: translateX(-20px);
         background-color: #fff;
         padding: 0 20px;
     }
     
     .nav .navUlli>a,
     .nav .navUluli>a {
         height: 46px;
         line-height: 46px;
     }
     
     .nav .navUluli>a {
         font-size: 14px;
         color: #808080;
         transition: all 0.5s ease 0s;
     }
     
     .cnenBox {
         float: right;
         /* width: 230px; */
         text-align: center;
         height: 80px;
         position: relative;
         cursor: pointer;
     }
     
     .nav .navLi {
         display: inline-block;
     }
     
     .nav .navLi:hover .navUl {
         visibility: visible;
         opacity: 1;
     }
     
     .nav .navUl {
         width: 86%;
         background-color: #fff;
         /* visibility: visible;
    opacity: 1; */
         top: 64%;
         transition: all .5s;
         -moz-transition: all .5s;
         -webkit-transition: all .5s;
     }
     
     .navulli_con {
         padding: 18px;
         overflow: hidden;
     }
     
     .navulli_con_img {
         width: 25%;
         height: 238px;
         overflow: hidden;
         float: left;
     }
     
     .navulli_con_img img {
         width: 100%;
         display: block;
         cursor: pointer;
         transition: all 0.6s;
         -ms-transition: all 0.8s;
     }
     
     .navulli_con_img img:hover {
         display: block;
         transform: scale(1.2);
         -ms-transform: scale(1.2);
     }
     
     .navulli_con_fl a:hover .navulli_con_img img.image1 {
         display: block;
         ;
     }
     
     .navulli_con_img img.image1 {
         display: block;
     }
     
     .navulli_con_fl {
         float: left;
         width: 55%;
         border-right: 1px solid rgba(0, 0, 0, .1);
         ;
         display: flex;
         justify-content: flex-start;
         align-items: center;
         height: 238px;
         padding: 0 24px;
     }
     
     .navulli_con_fl a {
         font-size: 18px;
         font-family: SourceHanSansSC;
         font-weight: 400;
         color: rgba(102, 102, 102, 1);
         line-height: 22px;
         display: inline-block;
         width: 185px;
         padding: 0 20px;
         padding-bottom: 24px;
         border-bottom: 1px solid #fff;
         position: relative;
         text-align: left;
     }
     
     .navulli_con_fl a.active::after {
         width: 70px;
         height: 1px;
         content: "";
         display: inline-block;
         background-color: #132A88;
         position: absolute;
         left: 21px;
         bottom: 0;
     }
     
     .navulli_con_fl a::after {
         width: 70px;
         height: 1px;
         content: "";
         display: inline-block;
         background-color: #fff;
         transition: all .5s;
         -moz-transition: all .5s;
         -webkit-transition: all .5s;
         position: absolute;
         left: 21px;
         /* top: 10%; */
         bottom: 0;
     }
     
     .navulli_con_fl a.active {
         font-size: 18px;
         font-weight: 500;
         color: rgba(19, 42, 136, 1);
         line-height: 22px;
     }
     
     .navulli_con_fl a:hover {
         font-size: 18px;
         font-weight: 500;
         color: rgba(19, 42, 136, 1);
         line-height: 22px;
     }
     
     .navulli_con_fl a:hover::after {
         width: 70px;
         height: 1px;
         content: "";
         display: inline-block;
         background-color: #132A88;
         position: absolute;
         left: 27px;
         bottom: 0;
     }
     
     .navulli_con_r {
         width: 20%;
         float: right;
         display: flex;
         flex-direction: column;
         align-items: flex-start;
         justify-content: center;
         height: 238px;
         padding-left: 4%;
     }
     
     .navulli_con_r h3 {
         font-size: 26px;
         font-weight: 300;
         color: rgba(0, 0, 0, 1);
         line-height: 22px;
         margin-bottom: 10px;
     }
     
     .navulli_con_r h2 {
         font-size: 46px;
         font-family: AvantGardeMdITC;
         font-weight: bold;
         color: rgba(204, 204, 204, 1);
         line-height: 36 px;
     }
     
     .cnenBox .img,
     .cnenBox .cnenNav {
         display: inline-block;
         height: 108px;
         line-height: 108px;
     }
     
     .cnenBox .img {
         margin-right: 10px;
     }
     
     .cnenBox .cnenNavLi {
         font-size: 16px;
         color: #808080;
     }
     
     .cnenBox .cnenNavLi i {
         color: #12298A;
     }
     
     .cnenBox .cnenNav .cnenList.up {
         opacity: 1;
         visibility: visible;
     }
     
     .cnenBox .cnenList {
         position: absolute;
         left: 50%;
         transform: translateX(-50%) translateY(30px);
         top: 50px;
         width: 120px;
         line-height: 40px;
         padding: 10px 0;
         visibility: hidden;
         opacity: 0;
         background-color: #12298A;
     }
     
     .cnenBox .cnenList strong {
         margin-right: 15px;
         filter: grayscale(10);
         opacity: .5;
         transition: all 0.5s ease 0s;
     }
     
     .cnenBox .cnenList .cnenLi a {
         color: #fff;
         transition: all 0.5s ease 0s;
     }
     
     .page_4 .ages_hr {
         position: absolute;
         top: 16%;
         left: 7%;
         font-size: 18px;
         color: #fff;
         font-size: 18px;
         font-weight: 400;
         color: rgba(255, 255, 255, 1);
         line-height: 22px;
     }
     
     .page_2 .ages_hr {
         position: absolute;
         top: 17%;
         left: 7%;
         font-size: 18px;
         color: #fff;
         font-size: 18px;
         font-weight: 400;
         color: rgba(255, 255, 255, 1);
         line-height: 22px;
     }
     
     .fp-viewing-page2 {}
     
     body.fp-viewing-page2 .logo .logo1,
     body.fp-viewing-page4 .logo .logo1,
     body.fp-viewing-page6 .logo .logo1 {
         display: block;
     }
     
     body.fp-viewing-page2 .logo .logo2,
     body.fp-viewing-page4 .logo .logo2,
     body.fp-viewing-page6 .logo .logo2 {
         display: none;
     }
     
     body.fp-viewing-page2 .nav .navLi>a,
     body.fp-viewing-page4 .nav .navLi>a,
     body.fp-viewing-page6 .nav .navLi>a {
         color: #fff;
     }
     
     body.fp-viewing-page2 .cnenBox .cnenNavLi,
     body.fp-viewing-page4 .cnenBox .cnenNavLi,
     body.fp-viewing-page6 .cnenBox .cnenNavLi {
         color: #fff;
     }
     
     body.fp-viewing-page2 .cnenBox .cnenNavLi i,
     body.fp-viewing-page4 .cnenBox .cnenNavLi i,
     body.fp-viewing-page6 .cnenBox .cnenNavLi i {
         color: #fff;
     }
     /* 鑷畾涔夊鑸 */
     
     .br_rt {
         position: absolute;
         right: -20%;
         width: 100%;
         bottom: 10%;
         z-index: 4;
         height: 40px;
     }
     
     .brrtnr {
         height: 100%;
     }
     
     .brrtnr .swiper-pagination {
         position: relative;
         left: 50%;
         top: 30px;
         display: flex;
         justify-content: center;
     }
     
     .brrtnr .swiper-pagination-bullet {
         width: 45px;
         height: 1px;
         background: #B5B5B5!important;
         display: block;
         border-radius: 0px;
         opacity: 0.5 !important;
     }
     
     .brrtnr .swiper-pagination-bullet.swiper-pagination-bullet-active {
         background: #12298A !important;
         opacity: 1 !important;
     }
     
     .banner2 .swiper-pagination-bullet.swiper-pagination-bullet-active {
         background: #12298A !important;
         opacity: 1 !important;
     }
     
     .banner.pc_bu {
         display: block;
     }
     
     .banner.mober {
         display: none;
     }
     
     .brrtnr .swiper-pagination {
         position: relative;
         left: 5%;
         top: 20px;
     }
     
     .swiper-num {
         position: absolute;
         top: 0px;
         height: 100%;
         font-size: 13px;
         color: #999999;
         width: 100%;
         text-align: center;
         display: flex;
         justify-content: center;
         align-items: center;
     }
     
     .swiper-num .total {
         position: absolute;
         bottom: 11px;
         right: 39%;
     }
     
     .swiper-num .activenum {
         color: #12298A;
         font-size: 13px;
         font-weight: bold;
     }
     
     .banner {
         position: relative;
     }
     
     .banner .banner1,
     .banner1 .swiper-wrapper {
         height: 100%;
     }
     
     .banner .banner1,
     .banner1 .swiper-wrapper .swiper-slide img {
         height: 100%;
     }
     
     .banner .bannert,
     .bannert .swiper-wrapper {
         height: 100%;
     }
     
     .banner .bannert,
     .bannert .swiper-wrapper .swiper-slide img {
         height: 100%;
     }
     
     .banner1 .swiper-slide .guang {
         position: absolute;
         top: 0;
         animation: banImg1 3.5s ease 0s infinite;
         /* background: url(../images/guang.png) no-repeat center; */
         width: 100%;
         height: 100%;
         background-size: 100%;
         left: 0;
     }
     
     @keyframes banImg1 {
         0% {
             opacity: 0;
         }
         60% {
             opacity: 1;
         }
         100% {
             opacity: 0;
         }
     }
     
     .banner2 {
         width: 100%;
         position: absolute;
         height: 100%;
         top: 0;
     }
     
     .banner2_1 {
         position: absolute;
         bottom: 6%;
         right: 7%;
         width: 215px;
         height: 120px;
         /* background:rgba(0,0,0,1); */
         overflow: hidden;
     }
     
     #menu {
         margin: 0;
         padding: 0;
         position: fixed;
         left: 5%;
         bottom: 90px;
         list-style-type: none;
         z-index: 70;
     }
     
     #menu li {
         float: left;
         margin: 0 10px 0 0;
         font-size: 14px;
         display: none;
         color: #000000;
         /* background-color: #333; */
         font-weight: bold;
         min-height: 20px;
     }
     
     #menu a {
         float: left;
         padding: 10px 20px;
         /* background-color: #fff; */
         color: #333;
         text-decoration: none;
     }
     
     #menu li.active1 {
         display: block;
     }
     
     #menu .active1 a {
         color: #000000;
         /* background-color: #333; */
         font-weight: bold;
     }
     
     #menu a i {
         font-weight: bold;
         font-size: 26px;
         color: #aaa;
         margin-top: -3px;
         position: absolute;
     }
     
     #menu a i:hover {
         color: #122A88;
     }
     
     #menu .active a i.t1 {
         font-weight: bold;
         font-size: 26px;
         color: #122A88;
         margin-top: -3px;
         position: absolute;
     }
     
     .page_1 #menu {
         bottom: 90px;
     }
     
     .section {
         /* text-align: center; */
         font: 50px "Microsoft Yahei";
         color: red;
     }
     
     #menu li.active1 a i {
         position: relative;
         top: 7px;
     }
     
     .swiper-container {
         width: 100%;
         height: 100%;
     }
     
     .swiper-slide {
         text-align: center;
         font-size: 18px;
         background: #fff;
         /* Center slide text vertically */
         display: -webkit-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         -webkit-box-pack: center;
         -ms-flex-pack: center;
         -webkit-justify-content: center;
         justify-content: center;
         -webkit-box-align: center;
         -ms-flex-align: center;
         -webkit-align-items: center;
         align-items: center;
     }
     
     .swiper-slide img {
         width: 100%;
     }
     
     .swiper-pagination.bter {
         top: 50%;
         display: flex;
         flex-direction: column;
         left: 5%;
     }
     
     .swiper-pagination.bter span {
         margin: 12px 12px;
     }
     
     .page2_cont {
         width: 100%;
         height: 400px;
         display: block;
         position: relative;
     }
     
     .page2_cont_right {
         float: right;
         margin-top: 26%;
     }
     
     .page2_cont_right h2 {
         font-size: 38px;
         font-weight: 500;
         color: rgba(255, 255, 255, 1);
         line-height: 42px;
         margin-bottom: 60px;
         text-align: left;
     }
     
     .page2_cont_right p {
         font-size: 14px;
         font-weight: bold;
         color: rgba(255, 255, 255, 1);
         line-height: 22px;
         text-align: left;
         margin-bottom: 10px;
     }
     
     .page2_cont_right a {
         font-size: 16px;
         font-weight: 400;
         color: rgba(255, 255, 255, 1);
         line-height: 22px;
         text-align: left;
         float: left;
         display: block;
         transition: all 0.3s linear;
     }
     
     .page2_cont_right a:hover {
         /* border: 1px solid #fff;
         border: 1px solid rgba(255, 255, 255, 1);
         background-position: 140px center;    */
     }
     
     .page2_cont_right a:hover span {
         color: #fff;
     }
     
     a.button {
         position: relative;
         width: 180px;
         height: 50px;
         overflow: hidden;
         transition: all 0.3s linear;
     }
     
     a.button .line {
         display: block;
         position: absolute;
         background: none;
         transition: all 0.3s linear;
         -webkit-transition: all 0.3s linear;
         -moz-transition: all 0.3s linear;
         border: 1px solid #fff;
     }
     /*椤剁鐨勭嚎鏍囨敞*/
     /*1.楂樺害 涓嶅彉
2.鐩掑瓙瀹藉害涓嶅彉
3.浣嶇疆宸﹀彸浣嶇疆绉诲姩*/
     
     a.button .line_top {
         height: 2px;
         width: 0;
         left: -110%;
         top: -2px;
     }
     
     a.button:hover .line_top {
         width: 100%;
         left: -2px;
     }
     
     a.button .line_bottom {
         height: 2px;
         width: 0;
         right: -110%;
         bottom: -2px;
     }
     
     a.button:hover .line_bottom {
         width: 100%;
         right: -2px;
     }
     
     a.button .line_right {
         height: 0px;
         width: 2px;
         right: -2px;
         top: -110%;
     }
     
     a.button:hover .line_right {
         height: 100%;
         top: -2px;
     }
     
     a.button .line_left {
         height: 0px;
         width: 2px;
         left: -2px;
         bottom: -110%;
     }
     
     a.button:hover .line_left {
         height: 100%;
         bottom: -2px;
     }
     
     a.button i {
         position: absolute;
         display: block
     }
     
     .page2_cont_right a span {
         color: #122A88;
     }
     
     .page2_left {
         position: absolute;
         top: 61%;
         left: 65%;
         cursor: pointer;
     }
     
     .page2_left h2 {
         font-size: 18px;
         color: #fff;
         text-transform: capitalize;
         position: relative;
         top: 30px;
         right: -3%;
         z-index: 1;
     }
     
     .page2_left i.xuxian {
         width: 248px;
         display: inline-block;
         border: 1px dashed rgba(255, 255, 255, .6);
         transform: rotate(120deg);
         margin-left: -79%;
         margin-top: 141px;
         -ms-transform: rotate(120deg);
         /* IE 9 */
         -webkit-transform: rotate(120deg);
         /* Safari and Chrome */
         -o-transform: rotate(120deg);
         /* Opera */
         -moz-transform: rotate(120deg);
         /* Firefox */
     }
     
     .dpan1 {
         width: 5px;
         height: 5px;
         background: rgba(255, 255, 255, 1);
         border-radius: 50%;
         margin-top: -124px;
         margin-left: -10px;
         position: relative;
         animation: rotate 1.5s linear infinite;
     }
     
     .dpan1 .fd_b {
         width: 120px;
         height: 120px;
         transition: all .6s;
         opacity: 0;
         overflow: hidden;
         background: #fff;
         display: inline-table;
         border-radius: 50%;
         display: flex;
         justify-content: center;
         align-items: center;
         position: absolute;
         top: -67px;
         left: -48px;
         z-index: 1;
     }
     
     .dpan1 .fd_b img {
         width: 60%;
     }
     
     .dpan1::before {
         width: 75px;
         height: 75px;
         background: rgba(18, 42, 136, 1);
         opacity: 0.8;
         border-radius: 50%;
         display: block;
         content: "";
         position: absolute;
         left: -36px;
         top: -37px;
         animation: banImg 3.5s ease 0s infinite;
     }
     
     .dpan1:hover .fd_b {
         opacity: 1;
         width: 120px;
         height: 120px;
     }
     /* .dpan1 span {
    position: absolute;
    width: 75px;
    height: 75px;
    background: rgba(18, 42, 136, .5);
    border-radius: 50%;
} */
     /* .dpan1 span:nth-child(4) {
    filter: blur(150px);
} */
     
     @keyframes banImg {
         0% {
             opacity: 0;
         }
         50% {
             opacity: 0.6;
         }
         100% {
             opacity: .0;
         }
     }
     
     .ctline.vef {
         position: absolute;
         margin-left: 9.5%;
     }
     
     .dpan1::after {
         width: 21px;
         height: 21px;
         background: rgba(18, 42, 136, 1);
         opacity: 0.5;
         border-radius: 50%;
         display: block;
         content: "";
         position: absolute;
         left: -8px;
         top: -10px;
     }
     
     .dpan2 {
         width: 5px;
         height: 5px;
         background: rgba(255, 255, 255, 1);
         border-radius: 50%;
         margin-top: 94%;
         margin-left: -60%
     }
     
     .dpan2::after {
         width: 21px;
         height: 21px;
         background: rgba(18, 42, 136, 1);
         opacity: 0.5;
         border-radius: 50%;
         display: block;
         content: "";
         position: absolute;
         left: -157px;
         /* top: 47px; */
         bottom: -7px
     }
     
     .page3_cont .page3_text {
         float: left;
         width: calc(50% - 131px);
         margin-right: 131px;
     }
     
     .page3_cont .page3_text p.p {
         font-size: 18px;
         font-weight: 400;
         color: rgba(0, 0, 0, 1);
         line-height: 22px;
         margin-top: 10%;
         text-align: left;
         margin-bottom: 60px;
     }
     
     .page3_cont .page3_text h3 {
         font-size: 32px;
         font-weight: 500;
         color: rgba(0, 0, 0, 1);
         line-height: 42px;
         word-break: break-all;
         text-overflow: ellipsis;
         overflow: hidden;
         display: -webkit-box;
         -webkit-line-clamp: 2;
         -webkit-box-orient: vertical;
     }
     
     .page3_cont .page3_text span {
         font-size: 12px;
         font-weight: 500;
         color: rgba(153, 153, 153, 1);
         line-height: 45px;
     }
     
     .page3_cont .page3_text .teol {
         display: flex;
         flex-direction: column;
     }
     
     .page3_cont .page3_text .teol h3 {
         font-size: 18px;
         font-weight: bold;
         color: rgba(0, 0, 0, 1);
         line-height: 36px;
         margin-top: 26px;
     }
     
     .page3_cont .page3_text .teol .teol_ing img {
         width: 60px;
         height: 60px;
         background: rgba(18, 42, 136, 1);
         border-radius: 50%;
     }
     
     .page3_cont .page3_text .teol p {
         font-size: 12px;
         font-weight: 500;
         color: rgba(153, 153, 153, 1);
         line-height: 24px;
         margin-bottom: 0;
     }
     
     .page3_cont .page3_text .ts a {
         font-size: 16px;
         font-weight: 400;
         color: rgba(0, 0, 0, 1);
         line-height: 22px;
         float: right;
         position: relative;
         /* transition: all 0.3s linear; */
     }
     
     .page3_cont .page3_text .ts a:hover {
         color: rgba(18, 42, 136, 1);
     }
     
     .page3_cont .page3_text .ts span {
         color: rgba(18, 42, 136, 1);
         font-size: 18px;
         font-weight: bold;
         position: absolute;
         top: -9px;
         transition: all 0.3s linear;
         right: -25px;
     }
     
     .page3_img {
         width: 50%;
         float: left;
         overflow: hidden;
     }
     
     .page3_img img {
         width: 100%;
     }
     
     .teol_bottm {
         display: flex;
         justify-content: space-between;
         align-items: flex-end;
         margin-top: 7%;
         margin-bottom: 0%;
     }
     
     .page3_cont {
         width: 100%;
         overflow: hidden;
         margin-top: 18%;
     }
     
     .page3_ul {
         width: 100%;
         overflow: hidden;
         position: absolute;
         bottom: 0;
     }
     
     .page3_ul.ul_2 {
         display: none;
     }
     
     .page3_ul ul li {
         float: left;
         overflow: hidden;
         height: 185px;
     }
     
     .page3_ul ul li a img {
         width: 100%;
         height: 100%;
     }
     
     .page3_ul ul li:nth-child(1) {
         width: 47.6%;
     }
     
     .page3_ul ul li:nth-child(2) {
         width: 26%;
     }
     
     .page3_ul ul li:nth-child(3) {
         width: 26.4%;
     }
     
     .page3_ul_text p {}
     
     .banner .swiper-slide img {
         height: 100%;
     }
     
     .page_2 .top {
         position: absolute;
         top: 16%;
         left: 0;
     }
     
     body.fp-viewing-page2 #menu li.active2 {
         display: block;
     }
     
     body.fp-viewing-page2 #menu li.active0 {
         display: block;
     }
     
     body.fp-viewing-page2 #menu li.active1 {
         display: none;
     }
     
     body.fp-viewing-page2 #menu li {
         float: none;
     }
     
     body.fp-viewing-page2 #menu li a {
         color: #fff;
         /* writing-mode: tb-rl; */
         display: flex;
         flex-direction: column;
     }
     
     body.fp-viewing-page2 #menu {
         display: flex;
         z-index: 70;
         flex-direction: column;
         left: 1%;
         bottom: 36%;
         display: block;
     }
     
     body.fp-viewing-page2 #menu .active2 a {
         color: #fff;
         /* writing-mode: tb-rl; */
         display: block;
         flex-direction: column;
         align-items: center;
     }
     
     body.fp-viewing-page2 #menu .active2 a span {
         writing-mode: tb-rl;
     }
     
     body.fp-viewing-page2 #menu .active2 a i {
         position: absolute;
         bottom: -28px;
         left: 13px;
     }
     
     body.fp-viewing-page2 #menu .active0 a span {
         display: none;
     }
     
     body.fp-viewing-page2 #menu .active0 a i {
         color: rgba(250, 250, 250, 0.5);
         transform: rotate(-180deg);
         top: -9px;
         left: 16px;
         -ms-transform: rotate(-180deg);
         /* IE 9 */
         -webkit-transform: rotate(-180deg);
         /* Safari and Chrome */
         -o-transform: rotate(-180deg);
         /* Opera */
         -moz-transform: rotate(-180deg);
         /* Firefox */
         display: inline-block;
     }
     
     body.fp-viewing-page2 #menu .active0 a div {
         color: rgba(250, 250, 250, 0.5);
         top: -9px;
         left: 14px;
     }
     
     body.fp-viewing-page2 #menu .active0 a i:hover {
         color: #122A88;
     }
     
     .fp-slide.fp-table.page_3 {
         position: relative;
     }
     
     .page_3 .top {
         position: absolute;
         top: 24%;
         left: 0;
         z-index: 1;
     }
     /* 绗笁灞 */
     
     body.fp-viewing-page3 #menu li.active2 {
         display: none;
     }
     
     body.fp-viewing-page3 #menu li.active3 {
         display: block;
         /* display: block;
         overflow: hidden;
         height: 112px;
         width: 54px; */
         margin-top: 30px;
         align-items: center;
     }
     
     body.fp-viewing-page3 #menu li.active0 {
         display: none;
     }
     
     body.fp-viewing-page3 #menu li.active1 {
         display: block;
     }
     
     body.fp-viewing-page3 #menu li {
         float: none;
     }
     
     body.fp-viewing-page3 #menu li a {
         color: #fff;
         /* writing-mode: tb-rl; */
         display: flex;
         flex-direction: column;
     }
     
     body.fp-viewing-page3 #menu {
         display: flex;
         z-index: 70;
         flex-direction: column;
         left: 1%;
         bottom: 36%;
         display: block;
     }
     
     body.fp-viewing-page3 #menu .active3 a {
         color: #000000;
         /* writing-mode: tb-rl; */
         display: block;
         flex-direction: column;
         align-items: center;
     }
     
     body.fp-viewing-page3 #menu .active3 a span {
         writing-mode: tb-rl;
     }
     
     body.fp-viewing-page3 #menu .active3 a i {
         position: absolute;
         bottom: -32px;
         left: 13px;
     }
     
     body.fp-viewing-page3 #menu .active1 a span {
         display: none;
     }
     
     body.fp-viewing-page3 #menu .active1 a i {
         color: #AAAAAA;
         transform: rotate(-180deg);
         top: 6px;
         left: -4px;
         -ms-transform: rotate(-180deg);
         /* IE 9 */
         -webkit-transform: rotate(-180deg);
         /* Safari and Chrome */
         -o-transform: rotate(-180deg);
         /* Opera */
         -moz-transform: rotate(-180deg);
         display: inline-block;
     }
     
     body.fp-viewing-page3 #menu .active1 a i:hover {
         color: #122A88;
     }
     
     .page3_cont {
         margin-top: -8%;
     }
     
     .page3_ul ul li a {
         position: relative;
     }
     
     .page3_ul ul li a .page3_ul_text {
         position: absolute;
         top: 18px;
         left: 14%;
     }
     
     .page3_ul ul li a .page3_ul_text p {
         font-size: 18px;
         font-weight: bold;
         color: rgba(255, 255, 255, 1);
         line-height: 24px;
         text-align: left;
     }
     
     .page3_ul ul li a .page3_ul_text h3 {
         font-size: 12px;
         font-weight: 500;
         color: rgba(255, 255, 255, 1);
         line-height: 24px;
         text-align: left;
     }
     /* 绗洓灞 */
     
     .page_4 .top {
         position: absolute;
         top: 15%;
     }
     
     body.fp-viewing-page4 #menu li.active2 {
         display: block;
     }
     
     body.fp-viewing-page4 #menu li.active3 {
         display: none;
     }
     
     body.fp-viewing-page4 #menu li.active4 {
         display: block;
     }
     
     body.fp-viewing-page4 #menu li.active0 {
         display: none;
     }
     
     body.fp-viewing-page4 #menu li.active1 {
         display: none;
     }
     
     body.fp-viewing-page4 #menu li {
         float: none;
     }
     
     body.fp-viewing-page4 #menu li a {
         color: #fff;
         /* writing-mode: tb-rl; */
         display: flex;
         flex-direction: column;
     }
     
     body.fp-viewing-page4 #menu li a span {
         writing-mode: tb-rl;
     }
     
     body.fp-viewing-page4 #menu {
         display: flex;
         z-index: 70;
         flex-direction: column;
         left: 1%;
         bottom: 36%;
         display: block;
     }
     
     body.fp-viewing-page4 #menu .active4 a {
         color: #fff;
         /* writing-mode: tb-rl; */
         display: block;
         flex-direction: column;
         align-items: center;
         justify-content: center;
     }
     
     body.fp-viewing-page4 #menu .active4 a span {
         writing-mode: tb-rl;
     }
     
     body.fp-viewing-page4 #menu .active4 a i {
         position: absolute;
         bottom: -28px;
         left: 13px;
         color: #aaa;
     }
     
     body.fp-viewing-page4 #menu .active4 a i:hover {
         position: absolute;
         bottom: -28px;
         left: 13px;
         color: #fff;
     }
     
     body.fp-viewing-page4 #menu .active2 a span {
         display: none;
     }
     
     body.fp-viewing-page4 #menu .active2 a i {
         color: #AAAAAA;
         transform: rotate(-180deg);
         top: -8px;
         left: 16px;
         -ms-transform: rotate(-180deg);
         /* IE 9 */
         -webkit-transform: rotate(-180deg);
         /* Safari and Chrome */
         -o-transform: rotate(-180deg);
         /* Opera */
         -moz-transform: rotate(-180deg);
         display: inline-block;
     }
     
     body.fp-viewing-page4 #menu .active2 a i:hover {
         color: #fff;
     }
     
     .contaet {
         width: 100%;
         float: left;
         height: 100%;
         overflow: hidden;
     }
     
     .contaet .sweipr_img {
         width: 40%;
         float: left;
         overflow: hidden;
         margin-right: 6%;
     }
     
     .contaet .sweipr_img img {
         width: 100%;
     }
     
     .contaet .contaet_text {
         width: 50%;
         float: left;
     }
     
     .contaet .swiper-container2 {
         width: 100%;
         /* height: 100%; */
         height: 100vh;
     }
     
     .contaet .swiper-container2 img {
         height: 100%;
         width: auto;
     }
     
     .contaet .swiper-slide {
         overflow: hidden;
         text-align: left;
         font-size: 18px;
         background: rgba(0, 0, 0, 0);
         /* Center slide text vertically */
         display: -webkit-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         -webkit-box-pack: center;
         -ms-flex-pack: center;
         -webkit-justify-content: center;
         justify-content: center;
         -webkit-box-align: center;
         -ms-flex-align: center;
         -webkit-align-items: center;
         align-items: center;
         transition: 300ms;
         transform: scale(0.8);
     }
     /* 5灞 */
     
     .page_5 .top {
         position: absolute;
         top: 15%;
     }
     
     body.fp-viewing-page5 #menu li.active2 {
         display: none;
     }
     
     body.fp-viewing-page5 #menu li.active3 {
         display: block;
     }
     
     body.fp-viewing-page5 #menu li.active4 {
         display: none;
     }
     
     body.fp-viewing-page5 #menu li.active5 {
         display: block;
     }
     
     body.fp-viewing-page5 #menu li.active0 {
         display: none;
     }
     
     body.fp-viewing-page5 #menu li.active1 {
         display: none;
     }
     
     body.fp-viewing-page5 #menu li {
         float: none;
     }
     
     body.fp-viewing-page5 #menu li a {
         color: #fff;
         /* writing-mode: tb-rl; */
         display: block;
         flex-direction: column;
     }
     
     body.fp-viewing-page5 #menu li a span {
         writing-mode: tb-rl;
     }
     
     body.fp-viewing-page5 #menu {
         display: flex;
         z-index: 70;
         flex-direction: column;
         left: 1%;
         bottom: 36%;
         display: block;
     }
     
     body.fp-viewing-page5 #menu .active5 a {
         color: #000;
         /* writing-mode: tb-rl; */
         display: block;
         flex-direction: column;
         align-items: center;
     }
     
     body.fp-viewing-page5 #menu .active5 a i {
         position: absolute;
         bottom: -27px;
         left: 13px;
         color: #AAA;
     }
     
     body.fp-viewing-page5 #menu .active5 a i:hover {
         position: absolute;
         bottom: -27px;
         left: 13px;
         color: #12298A;
     }
     
     body.fp-viewing-page5 #menu .active3 a span {
         display: none;
     }
     
     body.fp-viewing-page5 #menu .active3 a i {
         color: #AAAAAA;
         transform: rotate(-180deg);
         top: -6px;
         left: 16px;
         -ms-transform: rotate(-180deg);
         /* IE 9 */
         -webkit-transform: rotate(-180deg);
         /* Safari and Chrome */
         -o-transform: rotate(-180deg);
         /* Opera */
         -moz-transform: rotate(-180deg);
         /* Firefox */
         display: inline-block;
     }
     
     body.fp-viewing-page5 #menu .active3 a i:hover {
         color: #122A88;
     }
     /* .page5_huoban {
    padding-top: 16%;
} */
     
     .page5_huoban h3 {
         font-size: 18px;
         font-family: SourceHanSansSC;
         font-weight: 400;
         color: rgba(0, 0, 0, 1);
         line-height: 22px;
         margin-top: -30px;
     }
     
     .page5_huoban_list {
         margin-top: 52px;
         width: 100%;
     }
     
     .page5_huoban_list.list2 {
         display: none;
     }
     
     .page5_huoban_list ul li {
         float: left;
         width: calc(100% / 6);
         margin-bottom: 10px;
         min-height: 250px;
         position: relative;
     }
     
     .page5_huoban_list ul li:nth-child(10) {
         z-index: 1;
     }
     
     .page5_huoban_list ul li img {
         width: 100%;
         /* -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray; */
         transition: all .6s;
     }
     
     .page5_huoban_list ul li img:hover {
         /* -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);
    filter: gray; */
         transform: scale(1.1);
     }
     
     .page5_huoban_list ul li .img1 {
         width: 175px;
         height: 175px;
         background: rgba(255, 255, 255, 1);
         border-radius: 50%;
         overflow: hidden;
         position: absolute;
         left: 36%;
         top: 5%;
     }
     
     .page5_huoban_list ul li .img2 {
         width: 150px;
         height: 150px;
         background: rgba(255, 255, 255, 1);
         border-radius: 50%;
         overflow: hidden;
         position: absolute;
         top: -36%;
         left: 20%;
     }
     
     .page5_huoban_list ul li .img3 {
         width: 194px;
         height: 194px;
         background: rgba(255, 255, 255, 1);
         border-radius: 50%;
         overflow: hidden;
     }
     
     .page5_huoban_list ul li .img4 {
         width: 236px;
         height: 236px;
         background: rgba(255, 255, 255, 1);
         border-radius: 50%;
         overflow: hidden;
         position: absolute;
         top: -6%;
     }
     
     .page5_huoban_list ul li .img5 {
         width: 187px;
         height: 187px;
         background: rgba(255, 255, 255, 1);
         border-radius: 50%;
         overflow: hidden;
         position: absolute;
         top: -36%;
         left: 20%;
     }
     
     .page5_huoban_list ul li .img6 {
         width: 111px;
         height: 111px;
         background: rgba(255, 255, 255, 1);
         border-radius: 50%;
         overflow: hidden;
         position: absolute;
         top: 21%;
     }
     
     .page5_huoban_list ul li .img7 {
         width: 137px;
         height: 137px;
         background: rgba(255, 255, 255, 1);
         border-radius: 50%;
         overflow: hidden;
         position: absolute;
         top: 16%;
         left: 45%;
     }
     
     .page5_huoban_list ul li .img8 {
         width: 130px;
         height: 130px;
         background: rgba(255, 255, 255, 1);
         border-radius: 50%;
         overflow: hidden;
         left: 43%;
         top: -29%;
         position: absolute;
     }
     
     .page5_huoban_list ul li .img9 {
         width: 205px;
         height: 205px;
         background: rgba(255, 255, 255, 1);
         border-radius: 50%;
         overflow: hidden;
         position: absolute;
         left: 50%;
     }
     
     .page5_huoban_list ul li .img10 {
         width: 192px;
         height: 192px;
         background: rgba(255, 255, 255, 1);
         border-radius: 50%;
         overflow: hidden;
         left: 98%;
         top: -30%;
         position: absolute;
         transition: all .6s;
     }
     
     .page5_huoban_list ul li .img10:hover img {
         transform: scale(1.1);
     }
     
     .page5_huoban_list ul li .img11 {
         width: 130px;
         height: 130px;
         background: rgba(255, 255, 255, 1);
         border-radius: 50%;
         overflow: hidden;
         position: absolute;
         left: 96%;
         top: 25%
     }
     /* * 6灞 */
     
     .page_6 .top {
         position: absolute;
         top: 24%;
     }
     
     body.fp-viewing-page6 #menu li.active2 {
         display: none;
     }
     
     body.fp-viewing-page6 #menu li.active3 {
         display: none;
     }
     
     body.fp-viewing-page6 #menu li.active4 {
         display: block;
     }
     
     body.fp-viewing-page6 #menu li.active5 {
         display: none;
     }
     
     body.fp-viewing-page6 #menu li.active6 {
         display: none;
     }
     
     body.fp-viewing-page6 #menu li.active0 {
         display: block;
         margin-bottom: 78px;
         margin-top: 2px;
     }
     
     body.fp-viewing-page6 #menu li.active1 {
         display: none;
     }
     
     body.fp-viewing-page6 #menu li {
         float: none;
     }
     
     body.fp-viewing-page6 #menu li a {
         color: #fff;
         /* writing-mode: tb-rl; */
         display: flex;
         flex-direction: column;
     }
     
     body.fp-viewing-page6 #menu li a span {
         writing-mode: tb-rl;
     }
     
     body.fp-viewing-page6 #menu {
         display: flex;
         z-index: 70;
         flex-direction: column;
         left: 1%;
         bottom: 36%;
         display: block;
     }
     
     body.fp-viewing-page6 #menu .active0 a {
         color: #fff;
         /* writing-mode: tb-rl; */
         display: block;
         flex-direction: column;
         align-items: center;
     }
     
     body.fp-viewing-page6 #menu .active0 a span {
         writing-mode: tb-rl;
     }
     
     body.fp-viewing-page6 #menu .active0 a i {
         position: absolute;
         bottom: -1px;
         left: 14px;
         color: #aaa;
     }
     
     body.fp-viewing-page6 #menu .active0 a i:hover {
         color: #fff;
     }
     
     body.fp-viewing-page6 #menu .active4 a span {
         display: none;
     }
     
     body.fp-viewing-page6 #menu .active4 a i {
         color: #AAAAAA;
         transform: rotate(-180deg);
         top: -19px;
         left: 16px;
         -ms-transform: rotate(-180deg);
         /* IE 9 */
         -webkit-transform: rotate(-180deg);
         /* Safari and Chrome */
         -o-transform: rotate(-180deg);
         /* Opera */
         -moz-transform: rotate(-180deg);
         display: inline-block;
     }
     
     body.fp-viewing-page6 #menu .active4 a i:hover {
         color: #fff;
     }
     /* .page6_conton {
    padding-top: 18%;
} */
     
     .page6_conton_title {
         margin-bottom: 5%;
         display: flex;
         justify-content: space-between;
         align-items: center;
     }
     
     .page6_conton {
         margin-top: -5%;
     }
     
     .page6_conton_title h5 {
         font-size: 18px;
         font-weight: 400;
         color: rgba(255, 255, 255, 1);
         line-height: 22px;
     }
     
     .page6_conton_title h3 {
         font-size: 64px;
         font-weight: bold;
         color: rgba(255, 255, 255, 1);
         line-height: 22px;
         text-align: center;
     }
     
     .page6_conton_cont ul li {
         width: calc(100% / 4);
         float: left;
         display: flex;
         justify-content: center;
         flex-direction: column;
         padding: 42px;
         align-items: center;
         padding-left: 32px;
         padding-right: 32px;
     }
     
     .page6_conton_cont ul li p {
         color: #999999;
         font-size: 16px;
     }
     
     .page6_conton_cont ul li h4 {
         font-size: 22px;
         font-weight: bold;
         line-height: 36px;
         color: #fff;
         word-wrap: break-word;
         padding: 0 27px;
     }
     
     .page6_conton_cont ul li>div {
         width: 100%;
         font-size: 0;
     }
     
     .page6_conton_cont ul li span {
         color: #fff;
         font-size: 18px;
         line-height: 26px;
         margin-bottom: 20px;
         display: inline-block;
         padding: 0 27px;
     }
     
     .page6_conton_cont ul li p i {
         color: #122A88;
         font-size: 24px;
         font-weight: bold;
     }
     
     .page6_conton_cont ul li .img {
         margin-top: 10px;
         width: 120px;
         height: 120px;
         margin-left: 27px;
     }
     
     .page6_conton_cont ul li .img img {
         width: 100%;
     }
     
     .footer {
         position: absolute;
         bottom: 82px;
         width: 86%;
     }
     
     .footer p {
         font-size: 14px;
         font-family: SourceHanSansSC;
         font-weight: 400;
         color: rgba(153, 153, 153, 1);
         line-height: 22px;
     }
     
     .footer p a {
         font-size: 14px;
         font-family: SourceHanSansSC;
         font-weight: 400;
         color: rgba(153, 153, 153, 1);
         line-height: 22px;
         margin-left: 10px;
     }
     
     .footer p a:hover {
         color: #FFF;
         font-weight: bold;
     }
     
     .footer p span {
         float: right;
     }
     
     .fotr {
         height: 100%;
         position: relative;
     }
     
     .fh_top {
         position: absolute;
         bottom: 0;
         left: 50%;
     }
     
     .bshare-custom {
         position: fixed;
         bottom: 40px;
         right: 40px;
         /* display: flex;
         flex-direction: column; */
         z-index: 999;
         opacity: 0;
     }
     
     .footer_c_fx .bshare-custom {
         position: inherit;
         bottom: 40px;
         right: 40px;
         /* display: flex;
        flex-direction: column; */
         z-index: 999;
         opacity: 0;
     }
     
     .bshare-custom a {
         height: 45px !important;
         width: 45px !important;
         background: rgba(210, 210, 210, 1) !important;
         border-radius: 50%;
         display: block !important;
         /* display: -webkit-flex !important;
         justify-content: center;
         align-items: center; */
         overflow: hidden;
         padding: 0 !important;
         position: relative;
     }
     
     .footer_c_fx .bshare-custom a {
         background: rgba(228, 228, 228, .28) !;
         opacity: .75 !important;
     }
     
     .footer_c_fx .bshare-custom a:hover::before {
         z-index: 1;
     }
     
     .bsFrameDiv {
         height: 88% !important;
     }
     
     .bsFrameDiv img {
         margin: 15px !important;
     }
     
     .bsTop {
         width: 208px !important;
     }
     
     .bshare-custom a.bshare-weixin {
         margin-bottom: 20px;
     }
     
     .bshare-custom a img {
         width: 40%;
     }
     
     .bshare-custom .bshare-weixin {
         background: url(../images/weixin-46.png) no-repeat center !important
     }
     
     .bshare-custom .bshare-weixin::before {
         content: "";
         top: 0;
         position: absolute;
         display: inline-block;
         height: 45px !important;
         width: 45px !important;
         background: rgba(204, 204, 204, 0.58);
         z-index: -19;
     }
     
     .bshare-custom .bshare-sinaminiblog {
         background: url(../images/weibo-21.png) no-repeat center !important
     }
     
     .bshare-custom .bshare-sinaminiblog::before {
         content: "";
         top: 0;
         position: absolute;
         display: inline-block;
         height: 45px !important;
         width: 45px !important;
         background: rgba(204, 204, 204, 0.58);
         z-index: -19;
     }
     
     body.fp-viewing-page2 .bshare-custom {
         opacity: 1;
     }
     
     body.fp-viewing-page3 .bshare-custom {
         opacity: 1;
     }
     
     body.fp-viewing-page4 .bshare-custom {
         opacity: 1;
         ;
     }
     
     body.fp-viewing-page5 .bshare-custom {
         opacity: 1;
     }
     
     body.fp-viewing-page6 .bshare-custom {
         opacity: 1;
     }
     
     body.fp-viewing-page2 .bshare-custom a::before {
         background: rgba(67, 67, 67, 1) !important;
     }
     
     body.fp-viewing-page3 .bshare-custom a::before {
         background: rgba(0, 0, 0, .7) !important;
     }
     
     body.fp-viewing-page4 .bshare-custom a::before {
         background: rgba(255, 255, 255, .2) !important;
     }
     
     body.fp-viewing-page5 .bshare-custom a::before {
         background: rgba(210, 210, 210, 1) !important;
     }
     
     body.fp-viewing-page6 .bshare-custom a::before {
         background: rgba(229, 229, 229, .2) !important;
     }
     
     .bshare-custom a:hover {
         opacity: 1 !important;
     }
     
     body.fp-viewing-page2 .bshare-custom a:hover::before {
         background: rgba(67, 67, 67, .8) !important;
     }
     
     body.fp-viewing-page3 .bshare-custom a:hover::before {
         background: rgba(0, 0, 0, .5) !important;
     }
     
     body.fp-viewing-page4 .bshare-custom a:hover::before {
         background: rgba(255, 255, 255, .2) !important;
     }
     
     body.fp-viewing-page5 .bshare-custom a:hover::before {
         background: rgba(210, 210, 210, .5) !important;
     }
     
     body.fp-viewing-page6 .bshare-custom a:hover::before {
         background: rgba(229, 229, 229, .1) !important;
     }
     
     .contaet_text_text {
         width: 356px;
         font-size: 0;
     }
     
     .contaet_text p {
         font-size: 20px;
         font-family: AvantGardeMdITC;
         font-weight: bold;
         color: rgba(255, 255, 255, 1);
         line-height: 22px;
         text-align: left;
         margin-bottom: 70px;
     }
     
     .contaet_text h3 {
         font-size: 38px;
         font-family: SourceHanSansSC;
         font-weight: 500;
         color: rgba(255, 255, 255, 1);
         line-height: 57px;
         text-align: left;
         margin-bottom: 134px;
         word-break: break-all;
         text-overflow: ellipsis;
         overflow: hidden;
         display: -webkit-box;
         -webkit-line-clamp: 2;
         -webkit-box-orient: vertical;
         word-wrap: break-word
     }
     
     .contaet_text a {
         font-size: 16px;
         font-family: SourceHanSansSC;
         font-weight: 400;
         color: rgba(255, 255, 255, 1);
         line-height: 22px;
         text-align: left;
     }
     
     .contaet_text a:hover {}
     
     .contaet_text a i {
         font-size: 16px;
         font-family: SourceHanSansSC;
         font-weight: 400;
         color: rgba(255, 255, 255, 1);
         line-height: 22px;
     }
     
     .swiper-container2 .swiper-slide-active,
     .swiper-container2 .swiper-slide-duplicate-active {
         transform: scale(1);
         left: 10%;
     }
     
     .contaet_text {
         visibility: hidden;
     }
     
     .swiper-container2 .swiper-slide-active .contaet_text,
     .swiper-container2 .swiper-slide-duplicate-active .contaet_text {
         visibility: visible;
     }
     
     .swiper-container2 .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet span {
         color: #fff;
     }
     /* 
杞挱 */
     
     .swiper-container2 {
         /* margin-top: 20px; */
         width: 750px;
         height: 100vh;
         margin-bottom: 53px;
         overflow: visible !important;
         overflow: hidden;
     }
     
     .swiper-container2 .swiper-wrapper .swiper-slide {
         width: 448;
         height: 458px !important;
         overflow: hidden;
     }
     
     .swiper-container2 .swiper-wrapper .swiper-slide img {
         width: 100%;
         height: 100%;
     }
     
     .swiper-container2 .swiper-wrapper .swiper-slide-prev {
         height: 458px !important;
     }
     
     .swiper-container2 .swiper-wrapper .swiper-slide-prev img {
         height: 458px !important;
     }
     
     .swiper-container2 .swiper-wrapper .swiper-slide-next {
         height: 458px !important;
     }
     
     .swiper-container2 .swiper-wrapper .swiper-slide-next img {
         height: 458px !important;
     }
     
     .swiper-container2 .swiper-wrapper .swiper-slide-active {
         height: 458px !important;
     }
     /* 
  .swiper-pagination {
    bottom: -30px !important;
  }

  .swiper-pagination .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background: #ff1e1e;
  }

  .swiper-pagination .swiper-pagination-bullet-active {
    width: 21px;
    height: 12px;
    background: #e75230;
    border-radius: 6px;
  } */
     
     .swiper-container2 .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
         background-color: #fff;
     }
     
     .swiper-container2 .swiper-pagination-bullet {
         width: 8px;
         height: 8px;
         background: rgba(255, 255, 255, .3);
         border-radius: 50%;
         margin: 12px 0;
     }
     
     .swiper-container2 .swiper-pagination-bullet.swiper-pagination-bullet-active {
         background-color: #fff;
     }
     
     .swiper-container2 .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
         margin: 26px 0;
     }
     
     .swiper-button-prev,
     .swiper-container-rtl .swiper-button-next {
         right: 0;
         left: auto;
         top: 30%
     }
     
     .swiper-container2 .swiper-container-vertical .swiper-pagination-bullets span {
         margin: 24px;
     }
     
     .swiper-pagination.page4_t.wiper-pagination-bullets span {
         margin: 24px;
     }
     
     .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
         margin: 24px;
     }
     
     .swiper-container-vertical>.swiper-pagination-bullets {
         right: 9.2%;
     }
     
     .swiper-container2 .swiper-button-next,
     .swiper-container2 .swiper-container-rtl .swiper-button-prev {
         right: 0%;
         font-size: 32px;
         font-weight: bold;
         color: #fff;
         top: 0;
         display: block;
         width: auto !important;
         margin-top: auto !important;
         position: relative;
         height: auto !important;
     }
     
     .swiper-button-next:after,
     .swiper-button-prev:after {
         font-size: inherit !important;
     }
     
     .index_swipert_page {
         position: absolute;
         top: 20%;
         right: 9%;
     }
     
     .index_swipert_page.swiper-pagination .swiper-pagination-bullet {
         margin: 12px 0;
     }
     
     .index_swipert_page .swiper-pagination {
         display: flex;
         flex-direction: column;
         position: relative;
         align-items: center;
     }
     
     .swiper-container2 .swiper-button-prev,
     .swiper-container2 .swiper-container-rtl .swiper-button-next {
         right: 0%;
         font-size: 32px;
         font-weight: bold;
         color: #fff;
         top: 0;
         display: block;
         width: auto !important;
         margin-top: auto !important;
         position: relative;
         height: auto !important;
     }
     
     .swiper-container2 .swiper-button-prev:after,
     .swiper-container2 .swiper-container-rtl .swiper-button-next:after {
         content: "";
     }
     
     .swiper-container2 .swiper-button-next:after,
     .swiper-container2 .swiper-container-rtl .swiper-button-prev:after {
         content: "";
     }
     
     .swiper-container2 .swiper-wrapper .swiper-slide-prev .sweipr_img {
         position: relative;
     }
     
     .swiper-container2 .swiper-wrapper .swiper-slide-prev .sweipr_img::before {
         content: '';
         position: absolute;
         top: 0;
         left: 0;
         width: 100%;
         height: 100%;
         background: rgba(18, 42, 136, .8);
         z-index: 99;
     }
     
     .swiper-container2 .swiper-wrapper .swiper-slide-next .sweipr_img {
         position: relative;
     }
     
     .swiper-container2 .swiper-wrapper .swiper-slide-next .sweipr_img::before {
         content: '';
         position: absolute;
         top: 0;
         left: 0;
         width: 100%;
         height: 100%;
         background: rgba(18, 42, 136, .8);
         z-index: 99;
     }
     /* 绉诲姩绔鑸 */
     
     .m_nav {
         display: none;
     }
     
     .banner {
         height: 100%;
     }
     
     .banPagin {
         position: absolute;
         z-index: 3;
         bottom: 90px;
         right: 20%;
         font-size: 0;
         display: none;
     }
     
     .cutAct,
     .cutAll,
     .total {
         display: inline-block;
         vertical-align: middle;
         font-size: 14px;
         color: #999999;
         font-weight: bold;
     }
     
     .cutAct {
         color: #12298A;
     }
     
     .ban-pagination {
         font-size: 0;
         display: inline-block;
         vertical-align: middle;
         margin: 0 12px;
     }
     
     .banPagin .swiper-pagination-bullet {
         width: 35px;
         height: 1px;
         border-radius: 0px;
         background: rgba(181, 181, 181, .5);
         -webkit-transition: all 0.3s ease 0s;
         -moz-transition: all 0.3s ease 0s;
         -ms-transition: all 0.3s ease 0s;
         -o-transition: all 0.3s ease 0s;
         transition: all 0.3s ease 0s;
     }
     
     .banPagin .swiper-pagination-bullet-active {
         background-color: #12298A;
     }
     /*1600*/
     
     @media screen and (max-width: 1680px) {
         .nav .navUl {
             width: 82%;
         }
         .container_cl {
             width: 1366px;
         }
         .br_rt {
             position: absolute;
             right: -15%;
         }
         .contaet .sweipr_img {
             width: 40%;
         }
         .footer_C {
             width: 100%;
             margin-top: 17px;
         }
         .swiper-num .total {
             position: absolute;
             bottom: 11px;
             right: 37%;
         }
         .ctline.vef {
             position: absolute;
             margin-left: 11%;
         }
         .planning_cont_text .dl_tt {
             margin-top: 70px;
         }
         .page5_huoban {
             padding-top: 6%;
         }
         .contaet_text h3 {
             font-size: 32px;
             line-height: 36px;
         }
         .banPagin {
             position: absolute;
             z-index: 3;
             bottom: 90px;
             right: 22%;
             font-size: 0;
         }
         .navulli_con_img,
         .navulli_con_fl,
         .navulli_con_r {
             height: 210px;
         }
     }
     
     @media screen and (max-width: 1600px) {
         .nav .navUl {
             width: 86%;
         }
         .page5_huoban {
             padding-top: 12%;
         }
         .page3_cont .page3_text h3 {
             font-size: 28px;
         }
         .page6_conton_cont ul li h4 {
             font-size: 20px;
             line-height: 30px;
         }
         .page6_conton_cont ul li span {
             font-size: 16px;
             line-height: 24px;
         }
         .page2_cont_right h2 {
             font-size: 28px;
             line-height: 30px;
         }
         .page3_ul ul li {
             float: left;
             overflow: hidden;
             height: 159px;
         }
         .page3_cont .page3_text p.p {
             margin-top: 1%;
         }
         .page3_cont {
             margin-top: 0%;
         }
         .page3_ul {
             width: 100%;
             overflow: hidden;
             /* margin-bottom: 10px; */
             margin-top: 16px;
         }
         .br_rt {
             right: -14%
         }
         .container_cl {
             width: 1366px;
         }
         .banner .banner1,
         .banner1 .swiper-wrapper .swiper-slide img {
             height: 100vh;
         }
         .page6_conton_title h3 {
             font-size: 54px;
             line-height: 36px;
         }
         .page6_conton_cont ul li {
             width: calc(100% / 4);
             float: left;
             display: flex;
             justify-content: center;
             flex-direction: column;
             padding: 24px;
             align-items: center;
         }
         .swiper-num .total {
             position: absolute;
             bottom: 11px;
             right: 37%;
         }
         .ctline.vef {
             position: absolute;
             margin-left: 10.5%;
         }
         .page_2 .top,
         .page_3 .top,
         .page_4 .top,
         .page_4 .top,
         .page_5 .top,
         .page_6 .top {
             width: 3%;
         }
         .navulli_con_img,
         .navulli_con_fl,
         .navulli_con_r {
             height: 210px;
         }
     }
     /*1440*/
     
     @media screen and (max-width: 1580px) {}
     
     @media screen and (max-width: 1440px) {
         .navulli_con_img,
         .navulli_con_fl,
         .navulli_con_r {
             height: 184px;
         }
         .banPagin {
             position: absolute;
             z-index: 3;
             bottom: 90px;
             right: 25%;
             font-size: 0;
         }
         .nav .navUl {
             width: 84%;
         }
         .navulli_con_r h2 {
             font-size: 36px
         }
         .br_rt {
             right: -9%;
         }
         .container_cl {
             width: 1179px;
         }
         .page2_cont_right {
             width: 20%;
             margin-top: 24%;
         }
         .page2_cont_right h2 {
             font-size: 26px;
         }
         .page3_cont .page3_text h3 {
             font-size: 22px;
             line-height: 36px;
         }
         .page3_ul {
             margin-top: 6%;
         }
         .contaet_text h3 {
             font-size: 28px;
             line-height: 36px;
         }
         .page5_huoban_list ul li .img1,
         .page5_huoban_list ul li .img2,
         .page5_huoban_list ul li .img3 {
             width: 80%;
             height: auto;
         }
         .page5_huoban_list ul li .img4 {
             width: 80%;
             height: auto;
         }
         .page5_huoban_list ul li .img5 {
             width: 80%;
             height: auto;
         }
         .page5_huoban_list ul li .img6 {
             width: 80%;
             height: auto;
         }
         .page5_huoban_list ul li .img7 {
             width: 80%;
             height: auto;
         }
         .page5_huoban_list ul li .img8 {
             width: 80%;
             height: auto;
         }
         .page5_huoban_list ul li .img9 {
             width: 80%;
             height: auto;
         }
         .page5_huoban_list ul li .img10 {
             width: 80%;
             height: auto;
         }
         .page5_huoban_list ul li .img11 {
             width: 80%;
             height: auto;
         }
         .page6_conton_title h3 {
             line-height: 30px;
         }
         .swiper-container-vertical>.swiper-pagination-bullets {
             right: 7.5%;
         }
         .swiper-container2 .swiper-button-next,
         .swiper-container2 .swiper-container-rtl .swiper-button-prev {
             right: 0%;
             font-size: 24px;
             font-weight: bold;
             color: #fff;
             top: 57.8%;
         }
         .swiper-container2 .swiper-button-prev,
         .swiper-container2 .swiper-container-rtl .swiper-button-next {
             right: 0;
             font-size: 24px;
             font-weight: bold;
             color: #fff;
             top: 40%;
         }
         .swiper-num .total {
             position: absolute;
             bottom: 11px;
             right: 33%;
         }
         .ctline.vef {
             position: absolute;
             margin-left: 14.5%;
         }
         .brrtnr .swiper-pagination {
             position: relative;
             left: 7%;
             top: 20px;
         }
         .page2_left {
             position: absolute;
             top: 61%;
             left: 67%;
             cursor: pointer;
         }
         .swiper-container2 .swiper-wrapper .swiper-slide-active {
             height: 380px !important;
         }
         .swiper-container2 .swiper-wrapper .swiper-slide-prev {
             height: 380px !important;
         }
         .swiper-container2 .swiper-wrapper .swiper-slide {
             height: 380px !important;
         }
         .page5_huoban {
             padding-top: 13%;
         }
         .page6_conton_cont ul li span {
             font-size: 16px;
         }
         .page6_conton_cont ul li h4 {
             font-size: 18px;
             line-height: 26px;
         }
         .teol_bottm {
             margin-top: 2%;
         }
         .page3_cont .page3_text p.p {
             margin-bottom: 36px;
         }
         .headCont .logo {
             height: 84px;
         }
         .nav .navLi>a {
             height: 84px;
             line-height: 84px;
         }
         .cnenBox .img,
         .cnenBox .cnenNav {
             height: 84px;
             line-height: 84px;
         }
         .headCont .logo {
             height: 84px;
             line-height: 84px;
         }
         .swiper-container2 .swiper-pagination-bullet {
             margin: 8px 0;
         }
     }
     /*1366*/
     
     @media screen and (max-width: 1366px) {
         .nav .navUl {
             width: 89%;
         }
         .page3_cont {
             margin-top: -4%;
         }
         .page3_ul ul li {
             float: left;
             overflow: hidden;
             height: 138px;
         }
         .page2_cont_right h2 {
             font-size: 24px;
             line-height: 26px;
         }
         .page3_cont .page3_text h3 {
             font-size: 20px;
             line-height: 28px;
         }
         .page5_huoban_list ul li .img1,
         .page5_huoban_list ul li .img2,
         .page5_huoban_list ul li .img3 {
             width: 70%;
             height: auto;
         }
         .page5_huoban_list ul li .img7,
         .page5_huoban_list ul li .img8,
         .page5_huoban_list ul li .img9,
         .page5_huoban_list ul li .img10,
         .page5_huoban_list ul li .img11,
         .page5_huoban_list ul li .img6 {
             width: 70%;
             height: auto;
         }
         .teol_bottm {
             margin-top: 5%;
             margin-bottom: 0%;
         }
         .page3_cont .page3_text p.p {
             margin-bottom: 40px;
         }
         .contaet_text h3 {
             font-size: 24px;
             line-height: 38px;
         }
         .contaet_text p {
             font-size: 18px;
         }
         .swiper-container2 .swiper-button-prev,
         .swiper-container2 .swiper-container-rtl .swiper-button-next {
             right: 0%;
             font-size: 20px;
         }
         .swiper-container2 .swiper-button-next,
         .swiper-container2 .swiper-container-rtl .swiper-button-prev {
             right: 0%;
             font-size: 20px;
             top: 57.8%;
         }
         .contaet_text a {
             font-size: 14px;
         }
         .page6_conton_title h3 {
             font-size: 30px;
         }
         .page6_conton_cont ul li h4 {
             font-size: 18px;
             line-height: 26px;
         }
         .page6_conton_cont ul li span {
             font-size: 14px;
             line-height: 26px;
         }
         .br_rt {
             right: -8%;
         }
         .swiper-num .total {
             position: absolute;
             bottom: 11px;
             right: 33%;
         }
         .ctline.vef {
             position: absolute;
             margin-left: 14.5%;
         }
         .page2_left {
             position: absolute;
             top: 43%;
             left: 67%;
             cursor: pointer;
         }
         .page5_huoban_list ul li .img7 {
             top: -18%;
         }
         .page5_huoban_list ul li .img11 {
             top: -12%;
         }
         .page5_huoban_list ul li .img9 {
             top: -10%;
         }
         .page_2 .top,
         .page_3 .top,
         .page_4 .top,
         .page_4 .top,
         .page_5 .top,
         .page_6 .top {
             width: 3%;
         }
         .footer {
             position: absolute;
             bottom: 49px;
             width: 86%;
         }
         .page3_img {
             width: 46%;
             float: right;
         }
         .teol_bottm {
             margin-top: 2%;
             margin-bottom: 0%;
         }
         .page3_cont .page3_text .teol h3 {
             margin-top: 10px;
         }
         .page3_cont .page3_text {
             float: left;
             width: calc(55% - 131px);
             margin-right: 98px;
         }
     }
     /*1280*/
     
     @media screen and (max-width: 1280px) {
         .swiper-container2 .swiper-button-prev,
         .swiper-container2 .swiper-container-rtl .swiper-button-next {
             right: 0%;
             font-size: 20px;
         }
         .swiper-container2 .swiper-button-next,
         .swiper-container2 .swiper-container-rtl .swiper-button-prev {
             right: 0%;
             font-size: 20px;
         }
         .banPagin {
             position: absolute;
             z-index: 3;
             bottom: 90px;
             right: 26%;
             font-size: 0;
         }
         .navulli_con_r h2 {
             font-size: 30px
         }
         nav .navUl {
             width: 80%;
         }
         .navulli_con_img {
             height: 180px;
         }
         .navulli_con_fl {
             height: 180px;
         }
         .navulli_con_r {
             height: 180px;
         }
         .page3_ul {
             margin-top: 7%;
         }
         .page3_ul ul li {
             float: left;
             overflow: hidden;
             height: 137px;
         }
         .page5_huoban {
             padding-top: 14%;
         }
         .container_cl {
             width: 1024px;
         }
         .page2_cont_right h2 {
             font-size: 18px;
         }
         .page2_left i.xuxian {
             width: 211px;
             display: inline-block;
             border: 1px dashed rgba(255, 255, 255, .6);
             transform: rotate(120deg);
             margin-left: -57%;
             margin-top: 0px;
             -ms-transform: rotate(120deg);
             /* IE 9 */
             -webkit-transform: rotate(120deg);
             /* Safari and Chrome */
             -o-transform: rotate(120deg);
             /* Opera */
             -moz-transform: rotate(120deg);
         }
         .dpan1 {
             width: 5px;
             height: 5px;
             background: rgba(255, 255, 255, 1);
             border-radius: 50%;
             margin-top: -118px;
             margin-left: 41px;
         }
         .dpan1::before {
             width: 55px;
             height: 55px;
             background: rgba(18, 42, 136, 1);
             opacity: 0.8;
             border-radius: 50%;
             display: block;
             content: "";
             position: absolute;
             left: -25px;
             top: -30px;
             animation: banImg 3.5s ease 0s infinite;
         }
         .dpan1::after {
             width: 21px;
             height: 21px;
             background: rgba(18, 42, 136, 1);
             opacity: 0.5;
             border-radius: 50%;
             display: block;
             content: "";
             position: absolute;
             left: -9px;
             top: -9px;
         }
         .dpan2 {
             margin-top: 91%;
             margin-left: -36%;
         }
         .dpan2::after {
             left: -85px;
         }
         .page2_left h2 {
             top: -42px;
             right: -29%;
             z-index: 1;
         }
         .page3_cont .page3_text h3 {
             font-size: 18px;
         }
         .page3_cont .page3_text p.p {
             font-size: 16px;
         }
         .page3_cont .page3_text .teol h3 {
             font-size: 16px;
             margin-top: 0;
         }
         .page3_cont .page3_text p.p {
             margin-top: 0;
             margin-bottom: 20px;
         }
         .teol_bottm {
             margin-top: 1%;
             margin-bottom: 15%;
         }
         .contaet_text h3 {
             font-size: 18px;
         }
         /* 杞挱 */
         .swiper-container2 .swiper-wrapper .swiper-slide {
             height: 384px !important;
             overflow: hidden;
         }
         .swiper-container2 .swiper-wrapper .swiper-slide img {
             width: 100%;
             height: 100%;
         }
         .swiper-container2 .swiper-wrapper .swiper-slide-prev {
             height: 384px !important;
         }
         .swiper-container2 .swiper-wrapper .swiper-slide-prev img {
             height: 384px !important;
         }
         .swiper-container2 .swiper-wrapper .swiper-slide-next {
             height: 384px !important;
         }
         .swiper-container2 .swiper-wrapper .swiper-slide-next img {
             height: 384px !important;
         }
         .swiper-container2 .swiper-wrapper .swiper-slide-active {
             height: 384px !important;
         }
         .contaet_text p {
             font-size: 16px;
         }
         .contaet_text p {
             margin-bottom: 50px;
         }
         .contaet_text h3 {
             margin-bottom: 90px;
         }
         /* 鍚堜綔浼欎即 */
         .page5_huoban_list ul li .img7 {
             top: -14%;
             left: 45%;
         }
         .page5_huoban_list ul li .img8 {
             left: 48%;
             top: -41%;
         }
         .page5_huoban_list ul li .img9 {
             left: 80%;
             top: -13%;
         }
         .page5_huoban_list ul li .img10 {
             left: 108%;
             top: -36%
         }
         .page5_huoban_list ul li .img11 {
             left: 99%;
             top: 5%;
         }
         .page6_conton_title h3 {
             font-size: 28px;
         }
         .page6_conton_cont ul li:nth-child(1) {
             width: 20%;
         }
         .page6_conton_cont ul li:nth-child(3) {
             width: 30%;
         }
         .page2_left {
             position: absolute;
             top: 67%;
             left: 62%;
             cursor: pointer;
         }
     }
     /*1024*/
     
     @media screen and (max-width: 1024px) {
         body.fp-viewing-page2 #menu .active2 a i {
             position: absolute;
             bottom: -28px;
             left: 13px;
         }
         body.fp-viewing-page2 #menu .active0 a i {
             left: 17px;
         }
         body.fp-viewing-page3 #menu .active1 a i {
             left: -5px;
         }
         body.fp-viewing-page3 #menu .active3 a i {
             position: absolute;
             bottom: -32px;
             left: 14px;
         }
         body.fp-viewing-page5 #menu .active3 a i {
             left: 16px;
         }
         .page_2 .top,
         .page_4 .top,
         .page_3 .top,
         .page_5 .top,
         .page_6 .top {
             display: none;
         }
         .coures_higet {
             height: 446px;
             overflow: hidden;
         }
         .navulli_con_img,
         .navulli_con_fl,
         .navulli_con_r {
             height: 120px;
         }
         .banPagin {
             position: absolute;
             z-index: 3;
             bottom: 90px;
             right: 30%;
             font-size: 0;
         }
         .navulli_con_fl a {
             width: auto;
         }
         .nav .navUl {
             width: 77%;
         }
         .nav .navLi:hover .navUl {
             opacity: 0;
             visibility: hidden;
         }
         .page3_ul ul li {
             float: left;
             overflow: hidden;
             height: 120px;
         }
         .dpan1::before {
             width: 55px;
             height: 55px;
             background: rgba(18, 42, 136, 1);
             opacity: 0.8;
             border-radius: 50%;
             display: block;
             content: "";
             position: absolute;
             left: -25px;
             top: -27px;
             animation: banImg 3.5s ease 0s infinite;
         }
         .dpan1::after {
             width: 21px;
             height: 21px;
             background: rgba(18, 42, 136, 1);
             opacity: 0.5;
             border-radius: 50%;
             display: block;
             content: "";
             position: absolute;
             left: -8px;
             top: -10px;
         }
         .container_cl {
             width: 800px;
         }
         .banner .banner1,
         .banner1 .swiper-wrapper .swiper-slide img {
             height: 100%;
         }
         .swiper-num {
             left: -116px;
         }
         .ctline.vef {
             margin-left: 12.5%;
         }
         .brrtnr .swiper-pagination {
             left: -5%;
         }
         .brrtnr .swiper-pagination-bullet {
             width: 20px;
         }
         .page2_cont_right h2 {
             font-size: 16px;
             line-height: 26px;
         }
         .page2_cont_right p {
             font-size: 12px;
         }
         .headCont .logo {
             width: 180px;
         }
         .nav .navLi a {
             padding: 0 28px;
         }
         .nav .navLi:hover a {
             color: #122A88;
         }
         .cnenBox {
             width: 47px;
         }
         .nav {
             left: 56%;
         }
         .page2_cont_right {
             margin-top: 45%;
         }
         .page3_cont .page3_text h3 {
             font-size: 16px;
             line-height: 26px;
         }
         .page3_cont .page3_text p.p {
             font-size: 14px;
         }
         .page3_cont .page3_text .teol h3 {
             font-size: 14px;
         }
         .page3_ul {
             margin-top: 13%;
         }
         .page3_cont {
             margin-top: 0%;
         }
         .page3_img {
             width: 49%;
             float: right;
         }
         .page3_cont .page3_text .teol .teol_ing img {
             width: 50px;
             height: 50px;
         }
         .page3_cont .page3_text span {
             line-height: 20px;
         }
         /* 杞挱 */
         .swiper-container2 .swiper-wrapper .swiper-slide {
             height: 380px !important;
             overflow: hidden;
         }
         .swiper-container2 .swiper-wrapper .swiper-slide img {
             width: 100%;
             height: 100%;
         }
         .swiper-container2 .swiper-wrapper .swiper-slide-prev {
             height: 380px !important;
         }
         .swiper-container2 .swiper-wrapper .swiper-slide-prev img {
             height: 380px !important;
         }
         .swiper-container2 .swiper-wrapper .swiper-slide-next {
             height: 380px !important;
         }
         .swiper-container2 .swiper-wrapper .swiper-slide-next img {
             height: 380px !important;
         }
         .swiper-container2 .swiper-wrapper .swiper-slide-active {
             height: 380px !important;
         }
         .contaet .sweipr_img {
             width: 62%;
         }
         .contaet_text p {
             font-size: 16px;
         }
         .contaet_text p {
             margin-bottom: 50px;
         }
         .contaet_text h3 {
             margin-bottom: 90px;
         }
         .swiper-container-vertical>.swiper-pagination-bullets {
             right: 4.2%;
         }
         .swiper-container2 .swiper-button-prev,
         .swiper-container2 .swiper-container-rtl .swiper-button-next {
             right: 0%;
             font-size: 18px;
         }
         .swiper-container2 .swiper-button-next,
         .swiper-container2 .swiper-container-rtl .swiper-button-prev {
             right: 0%;
             font-size: 18px;
             top: 58%;
         }
         .swiper-container2 .swiper-pagination-bullet {
             width: 6px;
             height: 6px;
         }
         .contaet_text h3 {
             margin-bottom: 65px;
         }
         .page5_huoban {
             padding-top: 27%;
         }
         /* .page6_conton {
        padding-top: 26%;

    } */
         .page3_cont .page3_text {
             float: left;
             width: calc(50% - 131px);
             margin-right: 98px;
         }
         .page6_conton_title h3 {
             font-size: 24px;
         }
         .page6_conton_cont ul li h4 {
             font-size: 16px;
         }
         .page6_conton_cont ul li h4 {
             font-size: 16px;
             line-height: 26px;
             padding: 0;
         }
         .page6_conton_cont ul li {
             padding: 14px;
         }
         .page2_left {
             position: absolute;
             top: 73%;
             left: 65%;
             cursor: pointer;
         }
         .page6_conton_cont ul li span {
             padding: 0;
         }
         .page6_conton_cont ul li .img {
             padding: 0;
         }
         .page3_img {
             width: 54%;
             float: right;
         }
         .page3_cont .page3_text .ts span {
             top: 3px;
         }
         .page3_cont .page3_text {
             font-size: 12px;
         }
         .teol_bottm {
             margin-top: 15%;
         }
         .fh_top {
             position: absolute;
             bottom: 0;
             left: 74%;
         }
         .bshare-custom {
             position: fixed;
             bottom: 83px;
             right: 40px;
             z-index: 999;
             opacity: 0;
         }
     }
     
     @media screen and (max-width: 1022px) {
         .nav {
             display: none;
         }
     }
     /*768*/
     
     @media screen and (max-width: 768px) {
         .page_4 .ages_hr {
             left: 5%;
         }
         .page6_conton_cont ul li {
             padding: 14px 0;
         }
         .page6_conton {
             margin-top: 0%;
         }
         .fh_top {
             display: none;
         }
         .bshare-custom {
             position: fixed;
             bottom: 40px;
             right: 40px;
             z-index: 999;
             opacity: 0;
         }
         .page5_huoban {
             padding-top: 5%;
         }
         .page2_cont_right p {
             font-size: 20px;
         }
         .page2_cont_right h2 {
             font-size: 26px;
             line-height: 26px;
         }
         .dpan1::before {
             width: 55px;
             height: 55px;
             background: rgba(18, 42, 136, 1);
             opacity: 0.8;
             border-radius: 50%;
             display: block;
             content: "";
             position: absolute;
             left: -22px;
             top: -29px;
             animation: banImg 3.5s ease 0s infinite;
         }
         .dpan1::after {
             width: 21px;
             height: 21px;
             background: rgba(18, 42, 136, 1);
             opacity: 0.5;
             border-radius: 50%;
             display: block;
             content: "";
             position: absolute;
             left: -8px;
             top: -8px;
         }
         .page2_cont_right h2 {
             line-height: 28px;
         }
         .page2_cont_right a {
             font-size: 24px;
         }
         .bshare-custom a {
             width: 32px !important;
             height: 32px !important;
         }
         .bshare-custom .bshare-weixin,
         .bshare-custom .bshare-sinaminiblog {
             background-size: 50% !important;
         }
         .bshare-custom a.bshare-weixin {
             margin-bottom: 10px;
         }
         .m_nav {
             display: block;
         }
         .headCont .nav {
             display: none;
         }
         .container_cl {
             width: 90%;
         }
         .headCont .logo {
             width: auto;
         }
         .logo img {
             margin-top: 24px;
         }
         .cnenBox {
             width: auto;
             height: 65px;
         }
         .cnenBox .img,
         .cnenBox .cnenNav {
             height: 87px;
             line-height: 81px;
         }
         .headCont .logo {
             height: 80px;
         }
         .headCont .logo .logo2 {
             height: 65px;
             display: flex;
             justify-content: center;
             align-items: center;
         }
         body.fp-viewing-page2 .logo .logo1,
         body.fp-viewing-page4 .logo .logo1,
         body.fp-viewing-page6 .logo .logo1 {
             height: 65px;
             display: flex;
             justify-content: center;
             align-items: center;
         }
         .cnenBox .cnenNavLi {
             margin-right: 0;
         }
         .page2_cont_right {
             width: 90%;
             margin: auto;
             margin-top: 50%;
         }
         .page3_cont .page3_text {
             width: 100%;
         }
         .page3_img {
             width: 100%;
         }
         .page3_cont {
             margin-top: -11%;
         }
         .page3_cont .page3_text p.p {
             margin-bottom: 10px;
         }
         .page_3 .top {
             display: none;
         }
         .teol_bottm {
             margin-top: 1%;
             margin-bottom: 2%;
         }
         .page3_ul {
             margin: auto;
             margin-top: 2%;
             width: 100%;
             display: block;
         }
         .page3_ul ul {
             box-sizing: border-box;
             /* 涓嬮潰鏄疄鐜版í鍚戞粴鍔ㄧ殑鍏抽敭浠ｇ爜 */
             display: inline;
             float: left;
             white-space: nowrap;
             overflow-x: scroll;
             -webkit-overflow-scrolling: touch;
             /*瑙ｅ喅鍦╥os婊戝姩涓嶉『鐣呴棶棰?/
             overflow-y: hidden;
         }
         .page3_ul ul li {
             display: inline-block;
             width: 80%;
             float: none;
         }
         .page3_ul ul li:nth-child(1) {
             width: 80%;
         }
         .page3_ul ul li:nth-child(2) {
             width: 80%;
         }
         .page3_ul ul li:nth-child(3) {
             width: 80%;
         }
         .page3_ul ul li a .page3_ul_text p {
             font-size: 16px;
         }
         .page3_cont .page3_text h3 {
             line-height: 22px;
         }
         .page3_cont .page3_text span {
             line-height: 26px;
         }
         /* 杞挱 */
         .swiper-container2 .swiper-wrapper .swiper-slide {
             height: auto !important;
             overflow: hidden;
         }
         .swiper-container2 .swiper-wrapper .swiper-slide img {
             width: 100%;
             height: 100%;
         }
         .swiper-container2 .swiper-wrapper .swiper-slide-prev {
             height: auto !important;
         }
         .swiper-container2 .swiper-wrapper .swiper-slide-prev img {
             height: auto !important;
         }
         .swiper-container2 .swiper-wrapper .swiper-slide-next {
             height: auto !important;
         }
         .swiper-container2 .swiper-wrapper .swiper-slide-next img {
             height: auto !important;
         }
         .swiper-container2 .swiper-wrapper .swiper-slide-active {
             height: auto !important;
         }
         .contaet_text p {
             font-size: 16px;
         }
         .contaet_text p {
             margin-bottom: 50px;
         }
         .contaet_text h3 {
             margin-bottom: 90px;
         }
         .contaet_text h3 {
             font-size: 16px;
             line-height: 24px;
         }
         .swiper-container-vertical>.swiper-pagination-bullets {
             right: 4.2%;
         }
         .swiper-container2 .swiper-button-prev,
         .swiper-container2 .swiper-container-rtl .swiper-button-next {
             right: 0%;
             font-size: 18px;
         }
         .swiper-container2 .swiper-button-next,
         .swiper-container2 .swiper-container-rtl .swiper-button-prev {
             right: 0%;
             font-size: 18px;
         }
         .swiper-container2 .swiper-pagination-bullet {
             width: 6px;
             height: 6px;
         }
         .contaet .sweipr_img {
             width: 80%;
             margin: auto;
             margin-right: 0;
             margin-bottom: 10px;
         }
         .contaet .contaet_text {
             width: 100%;
         }
         .contaet .swiper-slide {
             display: block;
         }
         .contaet_text p {
             margin-bottom: 5px;
         }
         .contaet_text h3 {
             margin-bottom: 18px;
         }
         .swiper-container2,
         .contaet .swiper-container2 {
             height: auto;
         }
         .swiper-container2 .swiper-slide-active,
         .swiper-container2 .swiper-slide-duplicate-active {
             left: 0;
         }
         .swiper-container2 .swiper-button-next,
         .swiper-container2 .swiper-container-rtl .swiper-button-prev {
             display: none;
         }
         .swiper-container2 .swiper-button-prev,
         .swiper-container2 .swiper-container-rtl .swiper-button-next {
             display: none;
         }
         .contaet {
             padding-top: 28%;
         }
         .page5_huoban_list.list1 {
             display: none;
         }
         .page5_huoban_list.list2 {
             display: block;
         }
         .swiper-container3 .swiper-slide {
             text-align: center;
             font-size: 18px;
             background: #fff;
             height: calc((100% - 30px) / 2);
             /* Center slide text vertically */
             display: -webkit-box;
             display: -ms-flexbox;
             display: -webkit-flex;
             display: flex;
             -webkit-box-pack: center;
             -ms-flex-pack: center;
             -webkit-justify-content: center;
             justify-content: center;
             -webkit-box-align: center;
             -ms-flex-align: center;
             -webkit-align-items: center;
             align-items: center;
             margin-top: 5px;
             margin-bottom: 10px;
             height: 166px;
             overflow: hidden;
         }
         .page3_ul ul li {
             height: 110px;
         }
         .swiper-container3 {
             width: 100%;
             height: 100%;
             margin-left: auto;
             margin-right: auto;
             overflow: hidden;
         }
         /* .page5_huoban {
        padding-top: 40%;
    } */
         .page5_huoban h3 {
             margin-bottom: 30px;
         }
         .swiper-container3.swiper-container-multirow-column>.swiper-wrapper {
             flex-direction: inherit;
         }
         .page6_conton_cont ul li {
             width: 100%;
             padding-bottom: 10px;
             padding-top: 10px;
         }
         .page6_conton_title h3 {
             font-size: 18px;
         }
         .footer {
             bottom: 127px;
         }
         .page3_ul.ul_1 {
             display: none;
         }
         .page3_ul.ul_2 {
             display: block;
         }
         .banner {
             height: 100%;
         }
         .swiper-num {
             left: -204px;
         }
         .swiper-num .total {
             right: 31%;
         }
         .brrtnr .swiper-pagination {
             left: -20%;
         }
         .ctline.vef {
             margin-left: 14.5%;
         }
         .banner.mober {
             display: block;
         }
         .banner.pc_bu {
             display: none;
         }
         body.fp-viewing-page3 #menu .active3 a {
             color: #fff;
         }
         .contaet_text {
             visibility: visible;
         }
         body.fp-viewing-page1 #navToggle span,
         body.fp-viewing-page1 #navToggle span:before,
         body.fp-viewing-page1 #navToggle span:after {
             background: #000;
         }
         body.fp-viewing-page3 #navToggle span,
         body.fp-viewing-page3 #navToggle span:before,
         body.fp-viewing-page3 #navToggle span:after {
             background: #000;
         }
         body.fp-viewing-page5 #navToggle span,
         body.fp-viewing-page5 #navToggle span:before,
         body.fp-viewing-page5 #navToggle span:after {
             background: #000;
         }
         body.fp-viewing-page2 #navToggle span,
         body.fp-viewing-page2 #navToggle span:before,
         body.fp-viewing-page2 #navToggle span:after {
             background-color: #fff;
         }
         body.fp-viewing-page4 #navToggle span,
         body.fp-viewing-page4 #navToggle span:before,
         body.fp-viewing-page4 #navToggle span:after {
             background-color: #fff;
         }
         body.fp-viewing-page6 #navToggle span,
         body.fp-viewing-page6 #navToggle span:before,
         body.fp-viewing-page6 #navToggle span:after {
             background-color: #fff;
         }
         .page_2 .top,
         .page_4 .top,
         .page_5 .top,
         .page_6 .top {
             display: none;
         }
         .footer {
             bottom: 4%;
         }
         .fh_top {
             position: absolute;
             bottom: 22%;
             left: 85%;
         }
         .page6_conton_cont ul li h4 {
             font-size: 14px;
         }
         #menu {
             display: none !important;
         }
         .contaet_text_text {
             width: 100%;
         }
         .bshare-custom {
             right: 8px;
         }
         .footer p span {
             text-align: center;
             float: left;
         }
         .page3_cont .page3_text {
             margin-right: 0;
         }
         .page6_conton_cont ul li:nth-child(1) {
             width: 100%;
         }
         .page6_conton_cont ul li:nth-child(3) {
             width: 100%;
         }
         .cnenBox .cnenList {
             position: absolute;
             left: 30%;
             transform: translateX(-50%) translateY(30px);
             top: 34px;
         }
         .page2_left {
             position: absolute;
             top: 109%;
             left: 75%;
             cursor: pointer;
         }
         .cnenBox .cnenList {
             width: 72px;
         }
         .page3_cont .page3_text .ts a {
             margin-right: 23px;
         }
         .page3_cont .page3_text .ts span {
             top: -1px;
         }
     }
     
     @media screen and (max-width: 414px) {
         .index_swipert_page {
             bottom: 30px;
             top: auto;
             right: 0;
             left: 0;
             margin: auto;
         }
         .swiper-container2 .swiper-pagination-bullet {
             margin: 8px 8px;
         }
         .index_swipert_page .swiper-pagination {
             flex-direction: initial;
             justify-content: center;
         }
         .page3_ul ul li {
             height: 87px;
         }
         .page3_ul ul li:nth-child(1) {
             width: 60%;
         }
         .page3_ul ul li a .page3_ul_text p {
             font-size: 14px;
         }
         .page3_cont .page3_text .ts a {
             margin-right: 23px;
         }
         .page3_cont .page3_text .ts span {
             top: -1px;
         }
         .logo img {
             height: 32px;
             margin-top: 15px;
         }
         .headCont .logo {
             height: 64px;
         }
         #navToggle {
             height: 100%;
             padding: 14px 15px;
         }
         .cnenBox .img,
         .cnenBox .cnenNav {
             height: 64px;
             line-height: 64px;
         }
         .page5_huoban {
             padding: 0;
         }
         .page2_left i.xuxian {
             width: 209px;
             display: inline-block;
             border: 1px dashed rgba(255, 255, 255, .6);
             transform: rotate(96deg);
             margin-left: -34%;
             margin-top: 26px;
             -ms-transform: rotate(96deg);
             /* IE 9 */
             -webkit-transform: rotate(96deg);
             /* Safari and Chrome */
             -o-transform: rotate(96deg);
             /* Opera */
             -moz-transform: rotate(96deg)
         }
         .page2_cont_right p {
             font-size: 14px;
         }
         .page2_cont_right a {
             font-size: 14px;
         }
         .dpan1::before {
             width: 55px;
             height: 55px;
             background: rgba(18, 42, 136, 1);
             opacity: 0.8;
             border-radius: 50%;
             display: block;
             content: "";
             position: absolute;
             left: -26px;
             top: -27px;
             animation: banImg 3.5s ease 0s infinite;
         }
         .dpan2 {
             margin-top: 103%;
             margin-left: 5%;
         }
         .dpan2::after {
             left: 3px;
         }
         .page2_cont_right h2 {
             font-size: 16px;
         }
         .footer {
             position: absolute;
             bottom: 20px;
             width: 85%;
         }
         .contaet {
             padding-top: 49%;
         }
         .contaet .sweipr_img {
             width: 100%;
         }
         .page6_conton_cont ul li {
             padding: 0;
             margin-bottom: 15px;
         }
         .page6_conton_cont ul li .img {
             width: 68px;
             height: 68px;
         }
         .page6_conton_cont ul li span {
             line-height: 22px;
             margin-bottom: 2px;
         }
         .fh_top {
             display: none;
         }
         .page3_cont {
             margin-top: -17%;
         }
         .br_rt {
             display: none;
         }
         .page2_left {
             position: absolute;
             top: 53%;
             left: 63%;
             cursor: pointer;
         }
         .pagebg.pc {
             display: none;
         }
         .pagebg.mpber {
             display: block;
         }
     }
     
     @media screen and (max-width: 375px) {
         .headCont .logo {
             width: auto;
         }
         .page3_cont .page3_text {
             font-size: 0;
         }
         .page3_cont {
             margin-top: -1 8%;
         }
         .page2_left {
             position: absolute;
             top: 42%;
             left: 63%;
             cursor: pointer;
         }
     }
     
     @media screen and (max-width: 320px) {
         .headCont .logo {
             width: auto;
         }
         .page3_cont .page3_text {
             font-size: 0;
         }
         .page3_cont .page3_text h3 {
             font-size: 14px;
         }
         .teol_ing {
             display: none;
         }
         .page3_cont {
             margin-top: -17%;
         }
         .page6_conton_cont ul li {
             padding: 0;
             margin-bottom: 3px;
         }
         .footer p {
             font-size: 12px;
         }
         .page6_conton_cont ul li span {
             margin-bottom: 0;
         }
         .footer {
             position: absolute;
             bottom: 8px;
             width: 85%;
         }
         .page2_left {
             position: absolute;
             top: 33%;
             left: 59%;
             cursor: pointer;
         }
     }
     

.flexStart {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.contact_01 {
  margin-top: 54px;
}
.contact_01 .toggle ul li {
  cursor: pointer;
  font-size: 18px;
  min-width: 160px;
  line-height: 50px;
  border-radius: 80px;
  border: 1px solid #ddd;
  text-align: center;
  margin-right: 10px;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  padding: 0 0.3px;
}
.contact_01 .toggle ul li:hover {
  border-color: #122a88;
  color: #122a88;
}
.contact_01 .toggle ul .active {
  background: #122a88;
  color: #fff !important;
  border-color: #122a88;
}
.contact_01 .toggleMain {
  margin-top: 45px;
}
.contact_01 .toggleMain .banner {
  position: relative;
  display: none;
}
.contact_01 .toggleMain .banner.active {
  display: block;
}
/*.contact_01 .toggleMain .banner .swiper-wrapper {*/
/*  display: grid;*/
/*  grid-template-columns: repeat(3, 1fr);*/
/*  gap: 30px;*/
/*}*/

.contact_01 .toggleMain .banner .swiprev,
.contact_01 .toggleMain .banner .swinext{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    cursor: pointer;
}
.contact_01 .toggleMain .banner path{
    transition: .4s;
}
.contact_01 .toggleMain .banner .swiprev{
    left: -50px;
}

.contact_01 .toggleMain .banner .swinext{
    right: -50px;
    transform: rotate(180deg);
}
.contact_01 .toggleMain .banner .swiprev:hover path,
.contact_01 .toggleMain .banner .swinext:hover path{
    fill:#122a88 ;
    
}

@media screen and (max-width: 1200px) {
    .contact_01 .toggleMain .banner .swiprev,
    .contact_01 .toggleMain .banner .swinext{
        position: initial;
        display: inline-block;
        margin: 30px 0 0;
        transform: rotate(0deg) scale(0.8);
    }
    .contact_01 .toggleMain .banner{
        text-align: center;
    }
    .contact_01 .toggleMain .banner .swinext{
        margin: 0 0 0 20px;
    }
    .contact_01 .toggleMain .banner .swinext svg{
        transform: rotate(180deg);
    }
}






.contact_01 .toggleMain .banner .swiper .swiper-slide {
  height: auto;
  text-align: left;
  background: none;
  box-shadow: 0px 0px 12px rgba(18, 42, 136, 0.1);
  border-radius: 25px;
}
.contact_01 .toggleMain .banner .swiper .swiper-slide .item {
  border-radius: 25px;
  overflow: hidden;
  background: #fff;
  height: 100%;
  width: 100%;
}
.contact_01 .toggleMain .banner .swiper .swiper-slide .item figure {
  overflow: hidden;
  height: 240px;
}
.contact_01 .toggleMain .banner .swiper .swiper-slide .item figure img {
  width: 100%;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  object-fit: cover;
}
.contact_01 .toggleMain .banner .swiper .swiper-slide .item figcaption {
  padding: 40px 35px 35px;
}
.contact_01 .toggleMain .banner .swiper .swiper-slide .item figcaption .content1 {
  font-weight: bold;
  font-size: 28px;
}
.contact_01 .toggleMain .banner .swiper .swiper-slide .item figcaption .content2 {
  margin: 25px 0;
  height: 1px;
  background: #ddd;
}
.contact_01 .toggleMain .banner .swiper .swiper-slide .item figcaption .content5 li {
  margin-top: 15px;
}
.contact_01 .toggleMain .banner .swiper .swiper-slide .item figcaption .content5 li .top {
  font-size: 16px;
  color: #999;
}
.contact_01 .toggleMain .banner .swiper .swiper-slide .item figcaption .content5 li .bot {
  font-size: 18px;
  margin-top: 4px;
}
@media screen and (max-width: 1200px) {
  .contact_01 .toggleMain .banner .swiper-wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media screen and (max-width: 699px) {
  .contact_01 .toggle ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
  }
  .contact_01 .toggle ul li {
    text-align: center;
    margin: auto;
    font-size: 16px;
    line-height: 45px;
  }
  .contact_01 .toggleMain .banner .swiper .swiper-slide .item figcaption .content1 {
    font-size: 20px;
  }
  .contact_01 .toggleMain .banner .swiper .swiper-slide .item figcaption {
    padding: 30px 20px 25px;
  }
  .contact_01 .toggleMain .banner .swiper .swiper-slide .item figcaption .content5 li .bot {
    font-size: 13px;
  }
  .contact_01 .toggleMain .banner .swiper .swiper-slide .item figcaption .content2 {
    margin: 20px 0;
  }
}


 .footer_C{
        overflow: inherit !important;
    }
   
    .footer_c_fx>.bshare-custom .ite{
        display: inline-block;
        position: relative;
    }
    .footer_c_fx .bshare-custom a.bshare-weixin{
        margin-bottom: 0;
    }
    .bshare-custom .ite{
        position: relative;
    }
    
    .bshare-custom .ite p{
        position: absolute;
        right: 50px;
        top: 50%;
        transform: translateY(-50%);
        opacity: 0;
        transition: .4s;
        visibility: hidden;
        z-index: 5;
    }
    
    
    .bshare-custom .ite p img{
        max-width: 100px;
    }
    
    .footer_c_fx .bshare-custom .ite p{
        position: absolute;
        bottom:50px;
        left: 50%;
        right: auto;
        transform: translateX(-50%);
        top: auto;
        opacity: 0;
        transition: .4s;
        visibility: hidden;
        z-index: 5;
    }
    .bshare-custom .ite:hover p{
        opacity: 1;
        visibility: initial;
    }
    
    
      @media screen and (max-width: 699px) {
          .footer_c_fx>.bshare-custom .ite p img{
        width: 80px;
    }
    .footer_c_fx>.bshare-custom .ite p{
        left: 15%;
    }
      }