/*banner*/ 
  
.banner .swiper-slide{ height:100vh;  position:relative; z-index:1; background-repeat:no-repeat; background-position:center; background-size:cover}
.banner video{ width:100%; height:100%;    object-fit: cover; display:block;} 
.banner a{ display:block; position:absolute; z-index:2; left:0; right:0;top:0; bottom:0;}

.plo{ position:absolute; z-index:5; left:0; right:0; text-align:center; padding:0 100px; bottom:5.4vw; color:#fff; line-height:1.1}
.plo .p1{ font-size:28px;letter-spacing:7px; text-indent:7px;  font-family:"syztb"; font-weight:bold; text-transform:uppercase; margin-bottom:20px}
.plo .p2{ font-size:31px; letter-spacing:35px; text-indent:35px; margin-bottom:25px}
.plo .p3 a,.plo .p3 span{ transition: all 0.3s;display:inline-block; width:124px; height:76px; line-height:40px; background:url(../images/morebg.png) no-repeat center; background-size:auto 100%; font-size:16px; color:#000; opacity:.3}
.plo .p3 a:hover,.plo .p3 span:hover{animation: opacity 3s  ease infinite both;  }

.index01{ padding:30px 0} 
.index01 .weap{ position:relative}
.index01Swiper .img{ overflow:hidden; background-color:#fff; height:29.2vw;}
.index01Swiper .img video{ width:100%; height:100%;    object-fit: cover; display:block;} 
.index01Swiper img{ width:100%;transition: all 0.3s; opacity:1;width:100%; height:100%;    object-fit: cover; display:block; }
.index01Swiper .a{ display:block; position:relative}
.index01Swiper h3 { position:absolute; z-index:1; left:0; right:0; bottom:30px; text-align:center; font-weight:normal}
.index01Swiper h3  a{font-size:30px; color:#fff; }
.index01 .swiper-button-next{ right:30px; color:#333}
.index01 .swiper-button-prev{ left:30px;color:#333}
.index01 .swiper.hover img,.index01 .swiper.hover video{ opacity:.5}
.index01 .swiper .a.on img,.index01 .swiper .a.on video{ opacity:1}
.index01 .swiper .pa{ display:block; position:absolute; z-index:1; left:0; right:0;top:0; bottom:0;}

.index02 { position:relative}
.index02 .video{ height:100vh}
.index02 video{ width:100%; height:100%;    object-fit: cover; display:block;} 

.index02 .img{ height:100vh; overflow:hidden}
.index02 img{ display:block; width:100%; transform:scale(1.3); height:100%;transition: all 1s;object-fit: cover; }
.index02.started img{transform:scale(1);}

.index03{ padding:30px 0}
.index03 ul{ padding:0 30px;}
.index03 li{ width:50%; float:left}
.index03 li a{ display:block; margin:0 30px; position:relative}
.index03 li .img{ overflow:hidden}
.index03 li .img img{ display:block; width:100%;transition: all 0.3s;}
.index03 .plo{ bottom:4vw}
.index03 ul.hover img{ opacity:.5}
.index03 li a.on img{ opacity:1}

.index04 img{ display:block; width:100%}
.index04 li{ overflow:hidden}

.index05{ padding:150px 180px; background-color:#000000;  color:#a0a3a3}
 
.index05 a{ color:#fff}
.index05 .bd{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-justify-content:space-between;justify-content:space-between;-moz-box-pack:space-between;-webkit--moz-box-pack:space-betweenr;box-pack:space-between;}
.index05 dl dt{ font-size:24px; margin-bottom:10px}
.index05 dl dd a{ font-size:24px}
.index05 .plo{ position:static; margin-bottom:0}
 
.index06 .bd{ overflow:hidden; position:relative; height:100vh}
.index06 img{ display:block; width:100%; height:100%;object-fit: cover;} 
.index06 .bd .txt{ position:absolute; z-index:2; left:0; right:0; text-align:center;top:50%; color:#333;top:50%; transform:translateY(-50%)}
.index06 .bd .txt .p1{ font-size:30px; letter-spacing:45px; text-indent:45px; font-family:"syztb"}
.index06 .bd .txt .p2{ font-size:20px;    transition: all .5s ease;}


.index01 img{transition: all 1s;}
.index01Swiper img{  transform:scale(1.3);}
.started .index01Swiper img{transform:scale(1);}

.index03 li .img img{transition: all 1s;}
.index03 img{  transform:scale(1.3);}
.started.index03 img{transform:scale(1);}

.index04 img{transition: all 1s;transform:scale(1.3);}
.started.index04 img{transform:scale(1);}

.index06 img{transition: all 1s;transform:scale(1.3);}
.started.index06 img{transform:scale(1);}

.index07 img{transition: all 1s;transform:scale(1.3);}
.started.index07 img{transform:scale(1);}

.index07{ position:relative;  }
.index07 .img { overflow:hidden}
.index07 .img img{ display:block; width:100%}

.ontrol{ position:absolute; z-index:3; left:30px; bottom:40px}
.ontrol span{  vertical-align:top; width:30px; height:30px; margin-right:10px; background-repeat:no-repeat; background-position:center;  background-size:60%; cursor:pointer; display:none}
.ontrol span.on{ display:inline-block;}
.ontrol .pay{  background-image:url(../images/ico-pay.png)}
.ontrol .puse{ background-image:url(../images/ico-puse.png)}
.ontrol .audioopen{ background-image:url(../images/ico-audioopen.png)}
.ontrol .audioclose{ background-image:url(../images/ico-audioclose.png)}


.index0{ background:url(../images/index0bg.jpg) no-repeat center; background-size:cover; }
.index0 .weap{ padding:80px 19vw; padding-bottom:130px }
.index0 .wrapper{ position:relative; }
.index0 .swiper-wrapper{ transition-timing-function:ease-out cubic-bezier(0,0,0.8,1)}
.item-bg{width:26vw;height:500px;position:absolute;top:30px;background:rgba(255,255,255,.4);border-radius:20px; opacity:0;transition:all 0.3s;left:-30px}
.item-bg {top:0;left:50%;transform:translateX(-50%);opacity:1}
.news-slider{z-index:2;max-width:100%;margin-left:auto;margin-right:auto;margin-top:60px}
.news-slider__wrp{display:flex;align-items:flex-start;position:relative;z-index:2}
.news-slider__item{width:22vw;flex-shrink:0}
.news-slider__item.swiper-slide{opacity:0;pointer-events:none;transition:all 0.3s; }

.news-slider__item.swiper-slide-active,.news-slider__item.swiper-slide-prev,.news-slider__item.swiper-slide-next{opacity:1;pointer-events:auto}
.news-slider__ctr{position:relative;z-index:12}
.news-slider__arrow{background:none;border:none;display:inline-flex;width:50px;height:50px;justify-content:center;align-items:center;position:absolute;top:50%;z-index:12;cursor:pointer;outline:none !important;background-repeat:no-repeat;background-position:center}
.news-slider__arrow:focus{outline:none !important}
.news-slider__arrow .icon-font{display:inline-flex}
.news-slider__arrow.news-slider-prev{left:-50px;transform:translateY(-50%);background-image:url(../images/ico-prev01.png)}
.news-slider__arrow.news-slider-next{right:-50px;transform:translateY(-50%);background-image:url(../images/ico-next01.png)}
.news-slider__pagination{text-align:center; left:10% !important; margin-top:80px; height:2px !important; background:rgba(255,255,255,.2); border-radius:2px; overflow:hidden; width:auto !important; right:10% }
.news-slider__pagination.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{ background:#fff}
.news-slider__pagination .swiper-pagination-bullet{width:13px;height:10px;display:inline-block;background:#fff;opacity:0.2;margin:0 5px;border-radius:20px;transition:opacity 0.5s,background-color 0.5s,width 0.5s;transition-delay:0.5s,0.5s,0s}
.news-slider__pagination .swiper-pagination-bullet-active{opacity:1;background:#ffffff;width:100px;transition-delay:0s}
.news__item{padding:40px; color:#fff;border-radius:10px;display:block;transition:all 0.3s;transform:scale(.8)}
.swiper-slide-active .news__item{transform:scale(1)}
.news__item:hover{ color:#fff}
.news__item.active{color:#222222}
.news__item.active .news-date,.news__item.active .news__title,.news__item.active .news__txt{opacity:1; color:#000}
.news__item.active .news__img{box-shadow:none}
.news-date{padding-bottom:20px;margin-bottom:20px;display:inline-block;font-size:26px;font-weight:bold}
 
 
.news-date__title{display:block;font-size:100px; font-family:"syztb";line-height:1;transition: all 0.3s;}
.news-date__txt{font-size:46px; font-family:"syztb";line-height:1}
.news__title{transition: all 0.3s;font-size:30px;font-weight:500;opacity:1;margin-top:10px;margin-bottom:25px;transition:opacity 0.3s;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.news__txt{margin:10px 0;line-height:1.6em;font-size:24px;opacity:0.7;transition:opacity 0.3s;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.news__img{border-radius:20px; margin-top:30px;width:100%;transition:all 0.3s;transform-origin:0% 0%}
.news__img img{max-width:100%;border-radius:20px;height:100%;width:100%;display:block; }

.index0 .nums{ position:absolute; z-index:13; right:4.5%; color:rgba(255,255,255,.5);top:65px;}
.index0 .nums span{ margin:0 3px}

.index08{ background-color:#000000; padding-top:120px; padding-bottom:85px; overflow:hidden} 
.index08 .bdbox{ position:relative;  }
.index08 a{ display:block;  position:relative;top:calc(50% - 3vw ); margin:0 auto; color:#fff;width:20vw;transition: all 0.6s; }
.index08 a .img{ overflow:hidden; width:18vw; height:11vw; position:relative; z-index:1}
.index08 a .img img{ display:block; position:absolute; z-index:1; width:98%; height:98%; left:1%;top:1%;object-fit:cover}
.index08 a .img:before{ content:""; display:block; background:url(../images/pngbg.png) no-repeat center; background-size:100%; position:absolute; z-index:2; bottom:0; right:0;top:0; left:0; transform:rotate(180deg);}
.index08 .swiper-slide{ height:45vw; position:relative; z-index:2;transition: all 1s;}
.index08 a h3{ text-align:center; font-size:18px; margin-top:10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; font-weight:normal}
.index08 a:hover h3{ font-weight:bold}
.index08 a .toptxt{ position:absolute ; z-index:2; left:20px;top:0; line-height:1.1}
.index08 a .toptxt .p1{ font-size:26px; margin-bottom:10px; display:none;font-family:"syztb"}
.index08 a .toptxt .p2{ font-size:32px; font-family:"syztb"}

.index08 .swiper-slide-active{ z-index:1}
.index08 .swiper-slide-active .img{  width:52vw; height:32vw; }
.index08 .swiper-slide-active a{  top:5vw; width:52vw; left:50%; transform:translateX(-50%) }
.index08 .swiper-slide-active .toptxt{top:-40px; left:-10px}
.index08 .swiper-slide-active .toptxt .p1{ font-size:45px; display:block}
.index08 .swiper-slide-active .toptxt .p2{ font-size:54px}
.index08 .swiper-slide-active h3{ display:none}
.index08 .swiper-slide-active .img:before{  transform:rotate(0deg);}
.index08 .swiper-pagination-progressbar{ bottom:0;top:auto; background:rgba(255,255,255,.2); border-radius:5px; width:70%; left:50%; margin-left:-35%; height:1px}
.index08 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{ background-color:#fff}

.index08 .swiper-button-next,.index08 .swiper-button-prev{background:none;border:none;display:inline-flex;width:50px;height:50px;justify-content:center;align-items:center;position:absolute;top:50%;z-index:12;cursor:pointer;outline:none !important;background-repeat:no-repeat;background-position:center}
 
.index08 .swiper-button-next{right:0;transform:translateY(-50%);background-image:url(../images/ico-next01.png)}
.index08 .swiper-button-prev{left:0;transform:translateY(-50%);background-image:url(../images/ico-prev01.png); }
.index08 .swiper-button-next:after,.index08 .swiper-button-prev:after{ display:none}
.index08 .numsbox{ position:relative}
.index08 .nums{ position:absolute; z-index:3; right:10%; color:rgba(255,255,255,.5);top:-15px;}
.index08 .nums i{ margin:0 3px}

.page0101{ background:url(../images/page0101bg.jpg) no-repeat center;    position: relative;
 
    background-size: cover;
    background-repeat: no-repeat; 
    background-position: center center;
    z-index: 1;background-attachment: fixed;}
.page0101 .weap{ height:100vh}
.page0101 .txt{ text-align:center; color:#fff; font-size:19px; position:relative;top:62%; transform:translateY(-50%); line-height:2.2}
.page0101.none .txt{ opacity:0}
.page0101 .txt .p1{ font-size:33px; margin-bottom:180px; color:#fff; }
.page0101 .txt .p2{ width:1200px; max-width:100%; margin:0 auto; font-size:24px;}
.page0101 .txt .p3{font-size:20px;}
.page0101 .txt span{-webkit-animation: opacity 3s infinite;
    animation: opacity 3s infinite;  position:relative;overflow:hidden;display:inline-block; vertical-align:middle; cursor:pointer; cursor:pointer;}
.page0101 .txt span:hover:before{ content:""; display:block; position:absolute; z-index:2;   bottom:4px; background-color:#fff; height:1px; -webkit-animation: width 3s cubic-bezier(0.16,1,0.3,1) infinite both;
    animation: width 3s cubic-bezier(0.16,1,0.3,1) infinite both; left:0; width:100%;  transform:translateX(-100%); }
.page0101 .txt span:after{content:""; display:block; position:absolute; z-index:2;   bottom:3px; background-color:#fff; height:1px; left:0; width:100%;-webkit-animation: opacity 3s infinite;
    animation: opacity 3s infinite;}
.page0101 .txt .p3{ margin-top:150px}	
.page0101 .txt .p3 i{ display:block; margin:0 auto; width:42px; height:25px; background:url(../images/morebg.png) no-repeat center; background-size:auto 100%; opacity:.3;-webkit-animation: MoveUpDown-data-v-daff45e2 2s linear infinite; animation: MoveUpDown-data-v-daff45e2 2s linear infinite; position:relative; margin-top:20px}	


.popbox{ position:fixed; z-index:999; left:0; right:0;top:0; bottom:0; display:none}
.popbox .closebg{ position:absolute; z-index:1; left:0; right:0;top:0; bottom:0; background:rgba(0,0,0,.5)}
.popbox.block{ display:block}
.popbox .box{ position:absolute; z-index:2; width:1150px; left:50%;top:50%; transform:translate(-50%,-50%); padding:30px; background-color: rgba(255,255,255,.7); border-radius:20px;}
.popbox .box .img img{ display:block; width:100%}
.popbox .box .img{ box-shadow:0 0 15px rgba(0,0,0,.5);border-radius:20px; overflow:hidden; margin-bottom:10px}

.page0101{ margin-bottom:30px}
.page0102{ margin-bottom:30px; height:50vw; padding-top:20px}
.page0102 .bd{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; padding-left:100px;}
.page0102 .on .fadeInUp{-webkit-animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-duration: 1s;
    animation-fill-mode: both;  
    animation-delay: 0s;
    animation-name: fadeInUp;}
.page0102 .bd .img{ width:35%;flex:0 0 35%;  overflow:hidden; position:relative}
.page0102 .bd .img video{ display:block; width:100%; height:100%;    object-fit: cover;}
.page0102 .bd .img img{ display:block; width:100%}
.page0102 .bd .txt{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; min-width:0; padding-left:50px}
.page0102 .bd .txt li{ position:relative;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; margin-bottom:15px;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.page0102 .bd .txt li .nums{ width:8vw; height:7vw; background-color:#1e3223; color:#fff; border-radius:5px; font-family:"syztb"; line-height:1.4; padding:0 15px}
.page0102 .bd .txt li .nums .num{ font-size:3.2vw}
.page0102 .bd .txt li .nums .p{ font-size:1.8vw}
.page0102 .bd .txt li .ms{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; min-width:0; }
.page0102 .bd .txt li .ms .ps{ font-size:1.8vw; line-height:1.4; margin-left:20px;}
.page0102.active .bd .txt li .ms .ps{transition: all .5s ease;}
.page0102 .bd .txt li:nth-child(1){-webkit-box-align: end;-ms-flex-align:end;-webkit-align-items: end;align-items: end;}
.page0102 .bd .txt li:nth-child(1) .nums{width:17.2vw; height:17.2vw;}
.page0102 .bd .txt li:nth-child(1) .nums .num{ font-size:7.1vw}
.page0102 .bd .txt li:nth-child(1) .nums .p{ font-size:4vw}
.page0102 .bd .txt li:nth-child(1)  .ps{ font-size:2vw}
.page0102 .bd li .engs{ color:#000; opacity:.1; font-size:7vw; text-transform:uppercase; font-family:"syztb"; position:absolute; z-index:3;top:0; margin-left:20px; line-height:1.4}
 
 
.page0103{ background:#000; padding-top:120px; padding-bottom:85px; overflow:hidden} 
.page0103 .bdbox{ position:relative;  }
.page0103 a{ display:block;  position:relative;top:calc(50% - 3vw ); margin:0 auto; color:#fff;width:20vw; }
.page0103 a .img{ overflow:hidden; width:18vw; height:11vw; position:relative; z-index:1}
.page0103 a .img img{ display:block; position:absolute; z-index:1; width:98%; height:98%; left:1%;top:1%;}
.page0103 a .img:before{ content:""; display:block; background:url(../images/pngbg.png) no-repeat center; background-size:cover; position:absolute; z-index:2; bottom:0; right:0;top:0; left:0; transform:rotate(180deg);}
.page0103 .swiper-slide{ height:45vw; position:relative; z-index:2}
.page0103 a h3{ text-align:center; font-size:26px; margin-top:15px; margin-bottom:10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; font-weight:normal}
.page0103 a:hover h3{ font-weight:bold}
.page0103 a .txt{ text-align:center; display:none}
.page0103 a .txt .p{ font-size:16px; max-width:70%; margin:0 auto}

.page0103 .swiper-slide-active{ z-index:1}
.page0103 .swiper-slide-active .img{  width:52vw; height:32vw;  }
.page0103 .swiper-slide-active a{  top:5vw; width:52vw; left:50%; transform:translateX(-50%) }
.page0103 .swiper-slide-active .txt{ display:block} 
.page0103 .swiper-slide-active .img:before{  transform:rotate(0deg);}
.page0103 .swiper-pagination-progressbar{ bottom:0;top:auto; background:rgba(255,255,255,.2); border-radius:5px; width:70%; left:50%; margin-left:-35%; height:1px}
.page0103 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{ background-color:#fff}
.page0103 .swiper-button-next,.page0103 .swiper-button-prev{background:none;border:none;display:inline-flex;width:50px;height:50px;justify-content:center;align-items:center;position:absolute;top:50%;z-index:12;cursor:pointer;outline:none !important;background-repeat:no-repeat;background-position:center}
.page0103 .swiper-button-next{right:0;transform:translateY(-50%);background-image:url(../images/ico-next01.png)}
.page0103 .swiper-button-prev{left:0;transform:translateY(-50%);background-image:url(../images/ico-prev01.png); }
.page0103 .swiper-button-next:after,.page0103 .swiper-button-prev:after{ display:none}

.page0103 .ps{ text-align:center; font-size:30px; color:#fff; letter-spacing:15px; text-indent:15px;}
.page0103 .swiper-pagination{ position:static;}
.page0103 a h3{ font-size:22px}
.page0103 .swiper-pagination-bullet{ background-color:#fff; opacity:1; border-radius:5px;transition: all 0.3s;}
.page0103 .swiper-pagination-bullet-active{ width:100px;}

.page0104{ position:relative; padding:130px 0; padding-bottom:0; background:#fff url(../images/page010401bg.jpg) no-repeat center bottom; background-size:100%; }
.page0104:before{ content:""; display:block; position:absolute; z-index:2; left:0; right:0;top:0; bottom:0; background:url(../images/page010401bg.png) no-repeat center bottom; background-size:cover; }
.page0104 .weap{ position:relative; z-index:3}
.page0104 .video{ position:absolute; z-index:1; left:0; right:0;top:0; bottom:0;overflow:hidden}
.page0104 .video:before{ content:""; display:block; position:absolute; z-index:2; left:0; right:0;top:0; bottom:0; background-color:rgba(255,255,255,.5)}
.page0104 .video video{ display:block; width:100%; object-fit: cover; height:100% }
.page0104 .video img{ width:100%; object-fit: cover;}

.page0104 .weap{ position:relative}
.page0104 .swiper-container{ overflow:hidden}
.page0104 .a{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.page0104 .a .imgbox{ width:39%;flex:0 0 39%;  padding:15px}
.page0104 .a .imgs{box-shadow:0 0 15px rgba(0,0,0,.5); overflow:hidden; width:100%; height:35.66vw}
.page0104 .a .imgs video{display:block; width:100%; height:100%;object-fit: cover; position:static}
.page0104 .a .imgs img{ display:block; width:100%; height:100%;object-fit: cover;}
.page0104 .a .txt{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; min-width:0; margin-left:130px}

.page0104 .swiper-button-next,.page0104 .swiper-button-prev{background:none;border:none;display:inline-flex;width:50px;height:50px;justify-content:center;align-items:center;position:absolute;top:50%;z-index:12;cursor:pointer;outline:none !important;background-repeat:no-repeat;background-position:center}
.page0104 .swiper-button-next{right:30px;transform:translateY(-50%);background-image:url(../images/ico-next02.png)}
.page0104 .swiper-button-prev{left:30px;transform:translateY(-50%);background-image:url(../images/ico-prev02.png); }
.page0104 .swiper-button-next:after,.page0104 .swiper-button-prev:after{ display:none}

.page0104 .swiper-pagination{ position:static; margin-top:100px;} 
.page0104 .swiper-pagination-bullet{ background-color:#000; opacity:1; border-radius:5px;transition: all 0.3s;}
.page0104 .swiper-pagination-bullet-active{ width:100px;}
.page0104 .ico{ margin-bottom:70px}
.page0104 .ico img{ height:258px;}
.page0104 .txt h3{ font-size:57px; color:#333; margin-bottom:10px}
.page0104 .txt .p{ font-size:38px; color:#333; margin-bottom:40px}
.page0104 .txt .ms{ font-size:28px; color:#333}
.page0104 .txt .line{ width:150px; height:2px; background-color:#000; margin-bottom:10px}
.page0104 .txtbox{ text-align:center; height:570px; margin-top:310px; font-size:21px; color:#333; line-height:2; position:relative; z-index:3}

.page0105{ background:url(../images/page0105bg.jpg) no-repeat center top; background-size:cover; padding-bottom:190px }
.page0105 .bd{ padding:0 50px }
.page0105 .bd ul{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.page0105 .bd ul li{flex:0 0 32.33%; width:32.33%; margin:0 .5%; position:relative}
.page0105 .bd ul li .img{ overflow:hidden; height:100%}
.page0105 .bd ul li .img video{ display:block; width:100%; height:100%;object-fit: cover;}
.page0105 .bd ul li .img img{ display:block; width:100%; height:100%;object-fit: cover;}
.page0105 .bd ul li h3{ position:absolute; z-index:3; left:0; right:0; bottom:0px; text-align:center; color:#fff; font-size:28px; font-weight:normal; background-color:rgba(0,0,0,.5); padding:20px 0}

.page0106 .video{ position:relative}
.page0106 .video:before{ content:""; display:block; position:absolute; z-index:1; left:0; right:0;top:0; bottom:0; background:rgba(0,0,0,.5)}
.page0106 .video video{object-fit: cover;
    display: block; width:100%; height:100vh}
.page0106 .bd{ position:relative}
.page0106 .txt{ position:absolute; z-index:2; left:0; right:0; text-align:center; color:#fff; bottom:475px;}
.page0106 .txt .p1 img{ height:110px}
.page0106 .txt .p1{ margin-bottom:80px;}
.page0106 .txt .p2{ font-size:29px; margin-bottom:20px}
.page0106 .txt .p3{ font-size:19px;}

.page0107{ padding:124px 0; position:relative; background:url(../images/page0107bg.jpg) no-repeat center; background-size:cover}
.page0107 .video{ position:absolute; z-index:1; left:0;  top:0; width:100%; height:100%; background:url(../images/mall001.jpg) no-repeat center; background-size:cover}
.page0107 .video:before{ content:""; display:block; position:absolute; z-index:2; left:0; right:0;top:0; bottom:0; background:rgba(0,0,0,.6)}
.page0107 .video video{object-fit: cover;  display: block; width:100%;  }
.page0107 .a{ text-align:center}
.page0107 .a h3{ font-size:19px; color:#fff}
.page0107 .a .img{ margin-bottom:10px; overflow:hidden}
.page0107 .a .img img{ display:block; width:100%;}
.page0107 .swiper-container{ overflow:hidden}

.page0107 .swiper-button-next,.page0107 .swiper-button-prev{background:none;border:none;display:inline-flex;width:50px;height:50px;justify-content:center;align-items:center;position:absolute;top:50%;z-index:12;cursor:pointer;outline:none !important;background-repeat:no-repeat;background-position:center}
.page0107 .swiper-button-next{right:30px;transform:translateY(-50%);background-image:url(../images/ico-next01.png)}
.page0107 .swiper-button-prev{left:30px;transform:translateY(-50%);background-image:url(../images/ico-prev01.png); }
.page0107 .swiper-button-next:after,.page0107 .swiper-button-prev:after{ display:none}

.page0108{ text-align:center; padding-top:140px; padding-bottom:60px; border-bottom:1px solid #ebebeb}
.page0108.blnone{ border-bottom:none}
.page0108 a{ text-align:center; transition: all 0.3s;display:inline-block; width:224px; height:136px; line-height:80px; background:url(../images/morebg02.png) no-repeat center; background-size:auto 100%; font-size:21px; color:#fff; opacity:1; }
.page0108 a:hover{-webkit-animation: opacity 3s infinite ; animation: opacity 3s infinite }

.page0201{ text-align:center; padding-top:120px; padding-bottom:100px;}
.page0201 .weap{transition: all 0.3s;}
.page0201 .weap:hover{ background-color:#fff}
.page0201 .fixed2{ position:fixed; z-index:3; left:0; right:0;  height:60px;top:100px; padding-top:15px;}
.page0201 .fixed2.fixed3{ background-color:#fff; border-top:1px solid #ccc}
.page0201 li{ display:inline-block; vertical-align:middle; margin:0 20px;}	
.page0201 li a{ font-size:21px; display:inline-block; }
.page0201 li.on a{border-bottom:1px solid #333}

.page0202{ padding-bottom:55px}
.page0202 .video{   position:relative; overflow:hidden; width:70vw; margin:0 auto; height:35vw  }
.page0202 .video video{ display:block; width:100%; height:100%;object-fit: cover;}
.page0202 .txt{ text-align:center; margin-top:74px}
.page0202 .txt .p1{ font-size:28px; letter-spacing:36px; text-indent:36px}
.page0202 .txt .p2{ font-size:21px; transition: all .5s ease;}

.page02hd{ text-align:center; margin-bottom:80px}
.page02hd .p1{ font-size:28px; letter-spacing:10px; text-indent:10px; margin-bottom:20px}
.page02hd .p2{ font-size:21px;transition: all .5s ease;}

.page0203{ padding-top:55px; margin-bottom:100px}
.page0203 ul{ padding:0 26px}
.page0203 li{ width:16.66%; float:left}
.page0203 li .a{ margin:0 13px; overflow:hidden}
.page0203 li .a img{ display:block; width:100%}
.page0203 .swiper-pagination-progressbar{ position:static !important; width:60%; margin:0 auto; margin-top:50px; height:2px}
.page0203 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{ background-color:#333}
.page0203 .swiper-slide{transition:1500ms; transform: scale(.8);  }
.page0203 .swiper-slide.swiper-slide-prev{    transform:scale(.8) translate(-1.3vw,0);}
.page0203 .swiper-slide.swiper-slide-next{    transform:scale(.8) translate(1.3vw,0);}
.page0203 .swiper-slide.swiper-slide-active{transform: scale(1); margin:0}
.page0203 .swiper-slide img{ display:block; width:100%; height:25.6vw;object-fit:cover}
.page0203 .bd{ overflow:hidden}

.page0203 .numsbox{ position:relative; padding-bottom:10px}
.page0203 .nums{ position:absolute; z-index:3; right:calc(20% - 70px); color:#333;top:-15px;}
.page0203 .nums i{ margin:0 3px}

.page0204 .bd{ padding:0 24px}
.page0204 .bd .left{ float:left; width:33.3%} 
.page0204 .bd .right{ width:66.7%; float:left}
.page0204 .bd li{ margin-bottom:24px;}
.page0204 .bd .a{margin:0 12px;  display:block; overflow:hidden;}
.page0204 .bd .a img{ display:block; width:100%;}
.page0204 .bd .right li{ float:left; width:100%}
.page0204 .bd .right li:nth-child(3){ width:64%}
.page0204 .bd .right li:nth-child(2){ width:36%}
.page0204 .bd .right .video{ height:42vw; position:relative}
.page0204 .bd .right .video video{ display:block; width:100%; height:100%;    object-fit: cover;}
.page0205 .bd{ padding:0 26px;}
.page0205 li{ float:left; width:25%}
.page0205 li .a{ margin:0 9px}
.page0205 li .img{ overflow:hidden}
.page0205 li .img img{ display:block; width:100%;}
.page0205 .as{ padding: 0 13px; margin-top:85px;}
.page0205 .as a{ font-size:21px;}

.page0204 .bd02 li{ margin-bottom:1vw}
.page0204 .bd02 img{ display:block; width:100%}
.page0204 .bd02 .left{ float:left; width:56.7%} 
.page0204 .bd02 .right{ width:42.3%; float:right}

.page0206{ padding-top:140px; text-align:center}
.page0206 .p1{ margin-bottom:60px}
.page0206 .p1 a{ display:inline-block;  width:645px; height:85px; line-height:83px; border:1px solid #333; font-size:28px; letter-spacing:30px; text-indent:30px}
.page0206 .p1 a:hover{ background-color:#000; color:#fff}
.page0206 .p2{ font-size:28px; letter-spacing:30px; text-indent:30px; margin-bottom:25px;}
.page0206 .p3 a{ display:inline-block; border-bottom:1px solid #666; font-size:21px}

.page0301{ padding-bottom:50px }
.page03hd{ padding:0 50px; margin-bottom:35px;}
.page03hd h3{ font-size:41px; font-weight:normal}

.page0301 .bd{ overflow:hidden; position:relative}
.page0301 .bd img{ display:block; width:100%}
.page0301 .txt{ position:absolute; z-index:2; left:14.8%;top:50%; transform:translateY(-50%)}
.page0301 .txt h3{ font-family:"syztb"; font-size:77px; color:#fff}

.page0302 .page03hd{ position:relative}

.page0302{ margin-bottom:30px}
.page0302 .bd .item{ width:25%; float:left; position:relative}
.page0302 .bd .item .txtbox{ position:absolute; z-index:2; left:0; right:0; bottom:25px; padding:0 35px}
.page0302 .bd .imgbox{ position:relative; overflow:hidden}
.page0302 .bd .imgbox img{ display:block; width:100%;background: url(../images/gradient_floor.svg) 0 0/cover no-repeat;}
.page0302 .swiper-button-next,.page0302 .swiper-button-prev{ position:static}
.page0302 .bd .item:hover .swiper-button-next,.page0302 .bd .item:hover .swiper-button-prev{  }
.page0302 .swiper-button-next{ background:url(../images/ico-next03.png) no-repeat center; }
.page0302 .swiper-button-prev{ background:url(../images/ico-prev03.png) no-repeat center; }
.page0302 .swiper-button-prev:after,.page0302 .swiper-button-next:after{ opacity:0;} 
.page0302 .colour{ position:absolute; z-index:3; right:0; bottom:25px}
.page0302 .colour span{ display:inline-block; vertical-align:top; margin-right:5px; cursor:pointer}
.page0302 .colour span img{ height:11px;}
.page0302 .colour span.on{ border-bottom:1px solid #333}
.page0302 .love{ width:22px; height:19px; background-image:url(../images/ico-love.png); background-repeat:no-repeat; background-position:center; background-size:100%;top:30px; right:10px; position:absolute; z-index:4; cursor:pointer}
.page0302 .love.on{ background-image:url(../images/ico-loveon.png);}

.page0303{ overflow:hidden; margin-bottom:40px;}
.page0303 img{ display:block; width:100%}

.page0302 .swiper-slide a{ display:block}
.page0302 .swiper-slide .img{ position:relative; overflow:hidden; border-radius:5px;  }
.page0302 .swiper-slide .img img{ display:block; width:100%; height:100%;}
.page0302 .swiper-slide img:nth-child(2){ position:absolute; z-index:2;top:0; left:0; visibility:hidden }
.page0302 .swiper-slide a .img:hover img{ visibility:hidden}
.page0302 .swiper-slide a .img:hover img:nth-child(2){ visibility:visible}

.page0302 .nextprev{ position:absolute; z-index:2; right:0;top:-60px;}
.page0302 .nextprev>div{ display:inline-block; margin:0 -4px}
 
.page0302 .bd{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; margin-bottom:100px}
.page0302 .bd .left{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; min-width:0; padding:0 26px}
.page0302 .swiper{ overflow:visible;}
.page0302 .bd .right{ background-color:#fff; position:relative; z-index:2; display:none}
.page0302 .bd.none .right{ display:block}
.page0302 .bd .right a{ display:block; padding:0 70px; line-height:1.1; position:relative;top:50%; transform:translateY(-70%)}

.page0109{ background:url(../images/page0109bg.jpg) no-repeat center center; background-size:cover; background-attachment:fixed; padding-top:140px; padding-bottom:190px; min-height:100vh}
.page0109 .title{ text-align:center; color:#fff; margin-bottom:70px;    transition: all .5s ease;}
.page0109 .title h3{ font-size:29px; letter-spacing:10px; text-indent:10px;}

.page0109 .bd{ padding: 15px}
.page0109 li{ float:left; width:33.33%; opacity:1}
.page0109 li .a{ margin:0 15px; position:relative; overflow:hidden}
.page0109 li .img{ overflow:hidden}
.page0109 li .img img{ display:block; width:100%}
.page0109 li .poptxt{  position:absolute; z-index:2; background:rgba(0,0,0,.8); color:#fff; left:50px;top:50px; bottom:50px; right:50px}
.page0109 li .poptxt .txt{ position:relative; z-index:2;top:50%; transform:translateY(-50%); width:360px; margin:0 auto; text-align:center; max-width:80%；}
.page0109 li .poptxt .txt h3{ font-size:30px; margin-bottom:20px}
.page0109 li .poptxt .txt .p{ font-size:20px;}

 
.page0110{background:url(../images/page0110bg.jpg) no-repeat center bottom; background-size:cover; background-attachment:fixed; padding-top:12vw; padding-bottom:9.4vw; min-height:40vw; padding-left:5vw; padding-right:5vw;min-height:45.4vw  }
.page0110 ul{ font-size:0;  }
.page0110 li{ text-align:center}
.page0110 li.l1{ width:23%;    }

.page0110 li.l1 .a{ width:80%; color:#415145}
.page0110 li h3{ color:#415145}
.page0110 li .a{ width:60%; margin:0 auto}
.page0110 li{  display:inline-block; vertical-align:top; text-align:center; width:19.25%; padding:0 3%; position:relative;}
.page0110 li .ico{ margin-bottom:10px; height:8vw; position:relative }
.page0110 li .ico img{ max-width:100%; max-height:100%; vertical-align:bottom; position:absolute; z-index:2; bottom:0; left:50%; transform:translateX(-50%)}
.page0110 li .p{ text-align:center; font-size:20px;  }
.page0110 li.l1 .p{ text-align:left}
.page0110 li h3{ font-size:16px}
.page0110 li h3{  text-align:center; margin:0 -40px}
.page0110 .title{ text-align:center; font-size:30px; letter-spacing:10px; text-indent:10px; position:relative; margin-bottom:135px}

.page0111{background:url(../images/page0111bg.jpg) no-repeat center top; background-size:cover;  background-size:cover; padding-bottom:110px; overflow:hidden; padding-top:100px; min-height:46.5vw}
.page0111 .weap{ padding-left:15.4vw; padding-right:15.4vw}
.page0111 .title{ text-align:center; font-size:30px; letter-spacing:10px; text-indent:10px; position:relative; margin-bottom:135px}
.page0111 ul{ padding:0 5%}
.page0111 li{ float:left; width:50%; margin-bottom:100px}
.page0111 li .a{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.page0111 li .img{ width:40%;flex:0 0 40%; margin-right:40px; }
.page0111 li .img img{ display:blockl; width:100%}
.page0111 li .txt{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; min-width:0; line-height:1.4; color:#415145}
.page0111 li .txt .ico{ margin-bottom:10px}
.page0111 li .txt .ico img{ width:6.41vw}
.page0111 li .txt h3{ font-size:41px;}
.page0111 li .txt .p{ font-size:30px;}
.page0111 .tistxt{ text-align:center; width:670px; margin:0 auto}
.page0111 .tistxt h3{ font-size:30px; letter-spacing:10px; text-indent:10px; margin-bottom:30px; color:#1e3223}
.page0111 .tistxt .p{ font-size:20px; letter-spacing:2.2px; text-align:left;transition: all .5s ease; color:#3b3b3b}

.page0112{ background:url(../images/page0112bg.jpg) no-repeat center; background-size:cover; text-align:center; color:#fff; padding-top:200px; padding-bottom:120px}
.page0112 .item{ padding:100px 0;}
.page0112 .item4 img{ height:110px}
.page0112 .item h3{ font-size:30px; margin-bottom:30px}
.page0112 .item .p{ font-size:20px; width:635px; margin:0 auto; line-height:2.5;transition: all .5s ease;}

.xlsoe{ width:25px; height:25px; position:absolute; z-index:2; right:8px;top:8px; background:url(../images/ico-close03.png) no-repeat center; cursor:pointer; background-size:100%}

.page0401 .img{ height:calc(100vh - 100px); position:relative}
.page0401 .img img{width:100%; height:100%; display:block;    object-fit: cover; display:block}
.page0401 .video{ height:calc(100vh - 100px); position:relative}
.page0401 video{ width:100%; height:100%; display:block;    object-fit: cover;}
.page0401 .txt{ position:absolute; z-index:2; left:0; right:0; text-align:center; font-size:30px; color:#fff; transform:translateY(-50%);top:50%}
.page0401 .tlogo{ position:absolute; z-index:2; bottom:150px; width:140px; text-align:center; left:50%; margin-left:-70px;}
.page0401 .tlogo img{ height:92px;}

.page0402{ background:url(../images/page0402bg.jpg) no-repeat center; background-size:cover; padding-top:540px; text-align:center; padding-bottom:60px; margin-bottom:30px}
.page0402 .bd{ height:755px; font-size:20px; line-height:2.2; font-weight:700}
.page0402 .bd span{ margin:0 20px}
.page0402 .title{ font-size:30px; margin-bottom:40px;font-weight:700}
.page0402 .hd li{ display:inline-block; vertical-align:top; font-size:20px; color:rgba(0,0,0,.5); cursor:pointer; margin:0 20px; padding:0 5px; border-bottom:1px solid rgba(0,0,0,0);}
.page0402 .hd li.on{ color:rgba(0,0,0,1);border-bottom:1px solid rgba(0,0,0,1);}

.page0403{ margin-bottom:60px}
.page0403 li{ float:left; width:33.33%;padding:0 5px;}
.page0403 li .a{ position:relative; cursor:pointer}
.page0403 li .big{ display:block; width:100%; height:100%; }
.page0403 li .txtlogo{ position:absolute; z-index:2; left:0; right:0;top:0; bottom:0; background-color:rgba(0,0,0,.3); text-align:center}
.page0403 li .a:hover .txtlogo{background-color:rgba(0,0,0,.8);transition: all .5s ease;}
.page0403 li .txtlogo img{ width:auto; height:140px;  position:relative; z-index:2;top:50%;  margin-top:-70px;transition: all .5s ease; }
.page0403 li .txtlogo img:hover{ transform:scale(1.1)}

.page0404 .img img{ display:block; width:100%;}
.page0404 { position:relative}
.page0404 .txt{ position:absolute; z-index:2; right:10%;top:50%; transform:translateY(-50%); width:530px; color:#fff}
.page0404 .txt .t{ font-size:30px; margin-bottom:20px}
.page0404 .txt .p{ font-size:20px;transition: all .5s ease;}

.page0405 .img img{ display:block; width:100%;}
.page0405 { position:relative}
.page0405 .txt{ position:absolute; z-index:2;  top:50%; transform:translateY(-50%); left:50%; width:924px; margin-left:-462px; color:#fff; text-align:center}
.page0405 .txt .ico{ margin-bottom:30px}
.page0405 .txt .ico img{ height:100px}
.page0405 .txt .t{ font-size:20px; margin-bottom:20px;transition: all .5s ease;}
.page0405 .txt .p{ font-size:20px;transition: all .5s ease;}

.page0406{ margin-bottom:90px}
.page0406 .img img{ display:block; width:100%;}
.page0406 { position:relative}
.page0406 .txt{ position:absolute; z-index:2;  top:50%; transform:translateY(-50%); left:50%; width:1008px; margin-left:-504px; color:#fff; text-align:center}
.page0406 .txt .ico{ margin-bottom:30px}
.page0406 .txt .ico img{ height:90px}
.page0406 .txt .t{ font-size:30px; margin-bottom:20px; letter-spacing:3px; text-indent:3px;}
.page0406 .txt .p{ font-size:20px;transition: all .5s ease;}

.page0407 .bd{ padding:0 140px}
.page0407 li{ float:left; width:33.33%;}
.page0407 li .a{ display:block; margin:0 45px; text-align:center}
.page0407 li .txt{ font-size:20px; margin-top:40px}
.page0407 li .txt h3{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.page0407 li .img{ overflow:hidden; border-radius:10px;}
.page0407 li .img img { display:block; width:100%;}

.page0501{ height:calc(100vh - 100px); background-repeat:no-repeat; background-position:center; background-size:cover; position:relative}
.page0501 .txt{ position:absolute; z-index:2; left:305px;top:50%; transform:translateY(-50%)}
.page0501 .txt h3{ font-size:77px; color:#fff; font-family:"syztb"}

.page0502{ background:url(../images/page0502bg.jpg) no-repeat center top; background-size:cover}
.page0502 .page02hd .p1{transition: all .5s ease;}
.page0502 .imgs{ text-align:center; margin-top:50px; margin-bottom:250px}
.page0502 .imgs .li{ display:inline-block; vertical-align:top; width:30%; text-align:center}
.page0502 .imgs .li .txt{text-align:left; display:inline-block; color:#415145} 
.page0502 .imgs .li .ico{ margin-bottom:30px}
.page0502 .imgs .li .ico img{ width:10.37vw}
.page0502 .imgs .li .txt h3{ font-size:30px; padding-left:15px}
.page0502 .imgs .li .txt .p{ font-size:20px; }

/**/
.page0601weap{ padding:0 13.5vw;}
.page06hd { font-size:30px; letter-spacing:12px; margin-bottom:45px }
.page0601{ padding-bottom:110px; margin-top:-35px}
.page0601 li a img{ display:block; width:100%}
.page0601 li .img{ overflow:hidden; margin-bottom:70px}
.page0601 li .txt{ text-align:center}
.page0601 li .txt h3{ font-size:30px; letter-spacing:14px; text-indent:14px}
.page0601 li .txt h4,.page0601 li .txt .p{ font-size:20px}

.page06list ul{ margin:0 -20px;}
.page06list li{ float:left; width:33.33%; margin-bottom:60px}
.page06list.li-2 li{ width:50%}
.page06list li a{ display:block; margin:0 20px;}
.page06list li .img{ overflow:hidden; margin-bottom:30px}
.page06list li .img img{ display:block; width:100%;}
.page06list li .txt{ font-size:20px}
.page06list li .txt h3{ margin-bottom:10px}
.page06list li .txt h3,.page06list li .txt h4{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.pmores{ text-align:center; transition: all 0.3s;display:block; width:224px; height:136px; line-height:80px; background:url(../images/morebg02.png) no-repeat center; background-size:auto 100%; font-size:21px; color:#fff; opacity:.3; margin:0 auto; margin-top:70px; }
.pmores:hover{-webkit-animation: opacity 3s infinite ; animation: opacity 3s infinite; color:#fff }

.page0602{ padding:65px 0; background-color:#f2f2f2}

.page0603{ padding-top:180px; padding-bottom:1px;}

.page0604{ padding-top:180px; padding-bottom:10px;}

.page0701{ padding-top:160px;}
.page0701 .page06hd{ text-align:center}

.page0701 li{ border-bottom:1px solid #d9d9d9; padding-bottom:150px; margin-bottom:150px}
.page0701 li:last-child{ border-bottom:none}
.page0701 li .img{ overflow:hidden}
.page0701 li img{ display:block; width:100%}
.page0701 li .txt{ text-align:center; margin-top:65px;font-size:20px;}
.page0701 li .txt h3{ font-size:30px; letter-spacing:16px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.page0701 li .txt .p{ overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.page0702{ padding-top:100px; padding-bottom:60px}

.page0801{ height:calc(100vh - 100px); position:relative}
.page0801 .img{ overflow:hidden; height:100%}
.page0801 .img img{ display:block; width:100%; height:100%;    object-fit: cover;}
.page0801 .txt{ position:absolute; z-index:2; left:0; right:0;top:80%; text-align:center; color:#fff; transform:translateY(-50%); font-size:30px; line-height:2.2}


.page0802 { padding-top:150px; padding-bottom:75px; padding-left:6vw; padding-right:6vw}
.page0802 .hd{ text-align:center; margin-bottom:60px }
.page0802 .hd h3{ font-size:30px; margin-bottom:10px}
.page0802 .hd h1{ font-size:41px; margin-bottom:65px; font-family:"syztm"}
.page0802 .hd .p{max-width:680px; margin:0 auto; font-size:20px; text-transform:uppercase;transition: all .5s ease;}
.page0802 .bd li{ float:left; width:33.33%}
.page0802 .bd li .a{ overflow:hidden; margin:0 10px;}
.page0802 .bd li .a img{ display:block; width:100%;}

.page0803{ padding:75px 0; margin-bottom:0;padding-left:6vw; padding-right:6vw}
.page0803 .hd{ text-align:center;margin-bottom:60px}
.page0803 .p{max-width:680px; margin:0 auto; font-size:20px; text-transform:uppercase;transition: all .5s ease;}

.page0804{ padding:75px 0}
.page0805{ padding-left:calc(6vw + 10px); padding-right:calc(6vw + 10px); padding-top:75px; padding-bottom:75px}
.page0805 .bd{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.page0805 .bd .img{ width:50%}
.page0805 .bd .img img{ width:100%}
.page0805 .bd .txt{ width:50%; font-size:20px; text-align:center}
.page0805 .bd .txt .p{ display:inline-block; text-align:left;transition: all .5s ease;}
.page0807 .bd{flex-direction:row-reverse }

.page0808{ padding:75px 0;}
.page0808 .hd{ text-align:center; margin-bottom:65px}
.page0808 .hd h3{ font-size:30px; margin-bottom:20px}
.page0808 .hd .p{ font-size:20px;transition: all .5s ease;}
.page0808 .bd .map{ width:55%; float:left}
.page0808 .bd .map img{ width:100%;}
.page0808 .bd{ padding-left:7.5vw}
.page0808 .right{ float:right; width:35%; background-color:#e5e5e5; padding:1.8vw; padding-bottom:0}
.page0808 .right .p1{ font-size:28px; margin-bottom:10px;}
.page0808 .right .p2{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-justify-content:space-between;justify-content:space-between;-moz-box-pack:space-between;-webkit--moz-box-pack:space-betweenr;box-pack:space-between; margin-bottom:15px}
.page0808 .right .p2 select{ width:48%; background-color:#f2f2f2; height:62px; border:none; padding:0 10px; font-size:19px;}
.page0808 .right .p3{ color:rgba(0,0,0,.5); font-size:19px; border-bottom:1px solid rgba(255,255,255,.5); padding-bottom:10px; margin-bottom:30px}
.page0808 .right .p3:before{ content:""; display:inline-block; vertical-align:middle; width:12px; height:20px; background:url(../images/ico-q01.png) no-repeat center; background-size:100%; margin-right:10px}
.page0808 .right .p4 li{ background-color:#f2f2f2; margin-bottom:55px; padding:20px}
.page0808 .right .p4 li h3{ font-size:28px}
.page0808 .right .p4 li .p{ font-size:20px}

.page0810{  text-align:center; font-size:20px; margin-top:0; padding:78px 0; line-height:2.2}
.page0810 .p1{ margin-bottom:40px}
.page0810 .p2{ font-size:30px}
.page0810 .p2 i{ display:block; width:32px; height:40px; margin:0 auto; background:url(../images/ico-q02.png) no-repeat center; background-size:100%}

.page0102.active .bd .txt li:nth-child(1) .nums{transition: all 0.3s;}
.page0102.active .bd .txt li:nth-child(1) .nums .p{transition: all 0.3s;}
.page0102.active .bd .txt li:nth-child(1) .nums .num{transition: all 0.3s;}
.page0102.active .bd .txt li .ms .ps{transition: all 0.3s ease;}
.page0109.active li .poptxt{transition: all .5s ease;}
.page0110.active li{transition: all .5s ease;}
.page0110 .title{transition: all .5s ease; }
.page0111 .title{transition: all .5s ease;}
.page0111 ul li .img{transition: all .5s ease;}


.page0901 .hd{ margin-bottom:75px}
.page0901 .hd h3{ letter-spacing:30px; text-indent:30px}

.page0902 { padding:60px 100px; background-color:#f7f7f7}
.page0902 .bd{ overflow:hidden;  }
.page0902 .bd ul{white-space:nowrap}
.page0902 .bd li{ display:inline-block; vertical-align:top; width:29.6vw; text-align:center; margin:0 25px}
.page0902 .bd li img{ width:100%}
.page0902 .bd li h3{ font-size:30px;}
.page0902 .bd li .p{ font-size:20px}

.page1001{ position:relative; margin-bottom:6.2vw}
.page1001 .img{ height:calc(100vh - 100px); overflow:hidden}
.page1001 .img img{ display:block; width:100%; height:100%;object-fit: cover;}
.page1001 .txt{ position:absolute; z-index:2; left:0; right:0; bottom:140px; text-align:center}
.page1001 .txt h3{ font-size:30px; color:#fff; letter-spacing:30px; text-indent:30px;}
.page1001 .txt .p{ font-size:20px} 
.page1001 .txt i {
    display: block;
    margin: 0 auto;
    width: 42px;
    height: 25px;
    background: url(../images/morebg.png) no-repeat center;
    background-size: auto 100%;
    opacity: .3;
    -webkit-animation: MoveUpDown-data-v-daff45e2 2s linear infinite;
    animation: MoveUpDown-data-v-daff45e2 2s linear infinite;
    position: relative;
    margin-top: 20px;}

.page1002 .bd{ padding:0 18vw}
.page1002 .bd li{ padding-bottom:2.6vw; border-bottom:1px solid #d1d1d1; margin-bottom:2.6vw; padding-left:45px; padding-right:45px;}
.page1002 .bd li:last-child{ border-bottom:none}
.page1002 .bd li h3{ font-size:30px; position:relative} 
.page1002 .bd li h3:before{ content:""; display:block; width:13px; height:21px; background:url(../images/ico-rowright.png) no-repeat center; background-size:100%; left:-20px;top:50%; margin-top:-10px; position:absolute;}
.page1002 .bd li .p{ font-size:20px; margin-bottom:20px;}
.page1002 .bd li .more{ font-size:20px}
.page1002 .bd li .more a{font-size:20px; display:inline-block; background-color:#333333; color:#fff; width:280px; height:72px; text-align:center; line-height:72px;}
.page1002 .bd li .more i{ display:inline-block; vertical-align:middle; width:27px; height:27px; background-repeat:no-repeat; background-position:center; background-size:100%; margin-right:15px;}
.page1002 .bd li .more .ico-y01{ background-image:url(../images/ico-y01.png)}
.page1002 .bd li .more .ico-y02{ background-image:url(../images/ico-y02.png)}
.page1002 .bd li .more .ico-y03{ background-image:url(../images/ico-y03.png)}
.page1002 .bd li .more .ico-y04{ background-image:url(../images/ico-y04.png)}

.page1101{ position:relative; margin-bottom:6.2vw}
.page1101 .img{ height:calc(100vh - 100px); overflow:hidden}
.page1101 .img img{ display:block; width:100%; height:100%;object-fit: cover;}
.page1101 .txt{ position:absolute; z-index:2; left:0; right:0; bottom:140px; text-align:center}
.page1101 .txt h3{ font-size:30px; color:#fff; letter-spacing:30px; text-indent:30px;}
.page1101 .txt i {
    display: block;
    margin: 0 auto;
    width: 42px;
    height: 25px;
    background: url(../images/morebg.png) no-repeat center;
    background-size: auto 100%;
    opacity: .3;
    -webkit-animation: MoveUpDown-data-v-daff45e2 2s linear infinite;
    animation: MoveUpDown-data-v-daff45e2 2s linear infinite;
    position: relative;
    margin-top: 20px;
}

.page1102{ padding:0 10.9vw}
.page1102 .boxs{ margin-bottom:145px}
.page1102 .hd{ margin-bottom:65px}
.page1102 .hd h3{ text-align:center; font-size:30px; letter-spacing:13px; text-indent:13px;}
.page1102 .conn{ font-size:20px; overflow:hidden}
.page1102 .conn a{ font-size:20px}
.page1102 .conn img{ max-width:100%; height:auto !important}

.page0204{ margin-bottom:76px}

.ploc{ bottom:auto;top:50%; transform:translateY(-50%)}
.plo .p4{ font-size:20px; line-height:2}

.page0809{ padding-top:0}
.page0800 img{ width:100%; display:block}
.page0800{ margin-bottom:100px}
.page0111-1{ padding-top:0}


.page0101 .txt .p1{ position:relative;top:-100px}
.page0107 .title{ font-size:26px; margin-bottom:45px}
 
.page0101 .txt .p1{ font-size:30px;top:0}
.page0107 .title{ text-align:center; font-family:"syztm"; font-size:32px; color:#000000; margin-bottom:65px }
.page0204 .bd02{ padding:0 36px; margin-bottom:40px;}
.page0204 .bd02 img{ width:100%}
.page0205 .page02hd .p2{ font-size:20px; margin-top:20px}
.page0205 .bd{ padding-left:70px; padding-right:70px}
.page0205 .bd img{ display:block; width:100%}
 
.page0902 .hd{ text-align:center; font-size:30px; font-family:"syztm"; margin-bottom:60px}

.page0702.col-2{ background-color:#f2f2f2}
.page0702.col-2 li{ width:50%}
.page0111.page0111-1{ background:none;min-height:0 }

.page0204 .bd05 ul{ overflow:hidden; padding:0 65px; font-size:0; text-align:left}
.page0204 .bd05 ul li{ display:inline-block; margin-bottom:10px; width:20%; vertical-align:top}
.page0204 .bd05 ul li a{ display:block; margin:0 5px}
.page0204 .bd05 ul li:nth-child(1){ width:42.9%}
.page0204 .bd05 ul li:nth-child(2){ width:57.1%}
.page0204 .bd05 ul li:nth-child(3){ width:30.2%}
.page0204 .bd05 ul li:nth-child(4){ width:32.8%}
.page0204 .bd05 ul li:nth-child(5){ width:18.9%}
.page0204 .bd05 ul li:nth-child(6){ width:18.1%}
.page0204 .bd05 ul img{ display:block; width:100%}

.page0204 .bd06{ overflow:hidden; padding:0 65px; font-size:0; text-align:left}
.page0204 .bd06 img{ display:block; width:100%}
.page0204 .bd06 ul.left{ float:left; width:33.4%}
.page0204 .bd06 ul.right{ float:left; width:66.6%}
.page0204 .bd06 ul li{ display:inline-block; margin-bottom:10px;  vertical-align:top}
.page0204 .bd06 ul a{ display:block; margin:0 5px}
.page0204 .bd06 ul.right li:nth-child(2){ width:35.8%}
.page0204 .bd06 ul.right li:nth-child(3){ width:64.2%} 

.page0204 .bd07{ overflow:hidden; padding:0 65px; font-size:0; text-align:left}
.page0204 .bd07 ul li{ float:left; margin-bottom:10px;  vertical-align:top; width:25%;}
.page0204 .bd07 img{ display:block; width:100%}
.page0204 .bd07 ul a{ display:block; margin:0 5px; position:relative}
.page0204 .bd07 ul a h3{ font-size:21px; position:absolute; z-index:2; left:0; right:0; color:#fff; bottom:0; line-height:60px; text-align:center; font-weight:normal}

.page0108 a.more2{    background: url(https://static.septwolves.com/web2024/upload/images/more2bg.png) no-repeat center;
    background-size: auto 100%;}
@media (max-width: 2560px){
.page0102 .bd .img{ height:48.8vw}
 
}
@media (max-width: 2000px){ 
/**/ 
.page0204 .bd07 ul a h3{ font-size:16px} 
.page0101 .title .p1{ font-size:18px}
.page0101 .txt .p1{ font-size:20px}
.page0101 .txt .p2{ font-size:14px}
.page1001 .txt i{ width:30px; height:18px}
.page0802 .hd h1{ font-size:28px; margin-bottom:42px}
.page0702{ padding-top:70px; padding-bottom:40px}
.page0902 .hd{ font-size:21px; margin-bottom:42px}
.page0205 .page02hd .p2{ font-size:16px}
.page0204 .bd02{ margin-bottom:30px}

.page0107{ padding:120px 0;}
.page0107 .title{ font-size:26px}

.page0111-1{ padding-top:0}
.page0111{ padding-top:70px}
.page0800{ margin-bottom:70px}
.page0809{ padding-top:0 !important; padding-bottom:0 !important}
.plo .p4{ font-size:16px;}
.page0902 .bd li h3{ font-size:21px;}
.page0902 .bd li .p{ font-size:16px}
.page0701 li{ padding-bottom:80px; margin-bottom:80px}
.page0101 .txt .p3 i{ width:30px; height:18px}
.page0101 .txt .p3{ font-size:13px}
.page0101 .txt .p2{ max-width:700px}
.page0101 .txt{ font-size:15px;}
.page02hd{ margin-bottom:60px}
.page0202{ padding-bottom:37px}
.page0203{ padding-top:37px;}
.page0202 .txt{ margin-top:40px}
.index08 a h3{ font-size:13px}
.index06 .bd .txt .p1{ font-size:21px; letter-spacing:31px; text-indent:31px;  }
.index06 .bd .txt .p2{ font-size:15px;}
.news-date{ margin-bottom:0}
.news-date__title{ font-size:72px;  }
.news-date__txt{font-size:34px; }
.news__title{ font-size:21px;}
.page1102 .hd h3{  font-size:21px; letter-spacing:9px; text-indent:9px;}
.page1102 .conn{ font-size:15px;}
.page1102 .conn a{ font-size:15px}
.page1102 .boxs{ margin-bottom:100px}
.page1102 .hd{ margin-bottom:45px}

.page1002 .bd li .more i{  width:20px; height:20px; }
.page1002 .bd li .more a{font-size:15px;  width:200px; height:54px; text-align:center; line-height:54px;}
.page1002 .bd li .more{ font-size:15px}
.page1002 .bd li .p{ font-size:15px; margin-bottom:14px;}
.page1002 .bd li h3{ font-size:21px;  } 
.page1002 .bd li{ padding-left:28px; padding-right:28px;}
.page1001 .txt h3{ font-size:21px;text-indent:21px;}
.page0902 .bd li .txt h3{ font-size:21px; }
.page0902 .bd li .txt .p{ font-size:16px}
.page0901 .hd h3 { letter-spacing:21px; text-indent:21px}
.page0810 .p2{ font-size:21px}
.page0810{ font-size:16px}
.page0808 .right .p4 li h3{ font-size:19px}
.page0808 .right .p4 li .p{ font-size:15px}
.page0808 .right .p3{ font-size:15px;}
.page0808 .right .p2 select{ font-size:15px; height:42px}
.page0808 .right .p1{ font-size:19px}
.page0808{ padding:50px 0}
.page0808 .hd{ text-align:center; margin-bottom:45px}
.page0808 .hd h3{ font-size:21px; margin-bottom:10px}
.page0808 .hd .p{ font-size:16px}
 
.page0805{ padding-top:50px; padding-bottom:50px}
.page0805 .bd .txt{ font-size:16px} 
.page0804{ padding:50px 0;padding-left:6vw; padding-right:6vw}
.page0803{ padding:50px 0; padding-left:6vw; padding-right:6vw }
.page0802 { padding-top:100px; padding-bottom:50px; }
.page0803 .p{max-width:540px; font-size:16px; }

.page0802 .hd h3{ font-size:21px}
.page0802 .hd .p{max-width:540px; font-size:16px;  }
.page0801 .txt{ font-size:21px}
.page06list li .txt h3{ margin-bottom:5px}
.page0701 li .txt{ margin-top:45px;font-size:16px;}
.page0701 li .txt h3{ font-size:21px; letter-spacing:10px; } 
.page0701{ padding-top:100px;}
.page0604{ padding-top:100px; padding-bottom:5px;}
.page0603{ padding-top:100px; padding-bottom:1px;}
.page06list li .txt{ font-size:16px}
.pmores{ width:124px; height:76px; line-height:40px; font-size:16px;margin-top:49px;  }
.page06hd { font-size:21px; margin-bottom:45px ;letter-spacing:6px;}
.page0601 li .img{  margin-bottom:49px} 
.page0601 li .txt h3{ font-size:21px; letter-spacing:10px; text-indent:10px}
.page0601 li .txt h4,.page0601 li .txt .p{ font-size:16px}
/**/

.page0502 .imgs .li .txt .p{ font-size:16px}
.page0502 .imgs .li .txt h3{ font-size:21px}
.page0502 .imgs{  margin-bottom:100px}
.page0502 .page02hd .p1{ letter-spacing:6px; text-indent:6px;}
.page0501 .txt{ left:210px;}
.page0501 .txt h3{ font-size:52px}
.page0202 .txt .p1,.page02hd .p1{ font-size:21px;letter-spacing: 26px;
    text-indent: 26px;}
.page0202 .txt .p2,.page02hd .p2{ font-size:16px}
.page0201 li a{ font-size:16px}
.page0407 li .txt{ font-size:15px; margin-top:30px} 

.page0407 .bd{ padding:0 100px}
.page0406 .txt{ width:700px; margin-left:-350px}
.page0406 .txt .t{ font-size:21px; margin-bottom:20px; letter-spacing:3px; text-indent:3px;}
.page0406 .txt .p{ font-size:15px}

.page0405 .txt{ width:620px; margin-left:-310px}
.page0405 .txt .t{ font-size:15px; margin-bottom:20px}
.page0405 .txt .p{ font-size:15px}
.page0404 .txt{ width:450px;}
.page0404 .txt .t{ font-size:21px;}
.page0404 .txt .p{ font-size:15px}
.page0403 li .txtlogo img{ height:98px; margin-top:-49px;}
.page0402{ padding-top:300px; padding-bottom:42px}
.page0402 .bd{ height:528px; font-size:15px}
.page0402 .bd span{ margin:0 15px}
.page0402 .title{ font-size:22px; margin-bottom:28px}
.page0402 .hd li{ font-size:15px;  }

.page0402 .title{ font-size:22px;}
.page0401 .txt{ font-size:21px}
.page0401 .tlogo{  bottom:100px;  }
.page0401 .tlogo img{ height:72px;}
.page0112 .item h3{ font-size:22px;}
.page0112 .item .p{ font-size:16px; width:500px; }
.page0105 .bd ul li h3{ font-size:22px;}
.page0111 .tistxt{ width:550px; }
.page0111 .tistxt h3{ font-size:22px;}
.page0111 .tistxt .p{ font-size:16px}
.page0111 li .txt h3{ font-size:28px;}
.page0111 li .txt .p{ font-size:21px;}
.page0111 .title{ font-size:22px; }
.page0110 .title{ font-size:22px; }

.page0111 .title h3{font-size: 22px;}
.page0110 .title h3{font-size: 22px;}
.page0110 li .p{ font-size:14px}
.page0110{  }
.page0109{ padding:100px}
 
.page0109 li .poptxt .txt{ width:220px}
.page0109 li .poptxt .txt h3{ font-size:22px}
.page0109 li .poptxt .txt .p{ font-size:15px;}

.index01Swiper h3 a{ font-size:20px}
.index01Swiper .a:hover h3 a{ font-weight:bold}
.plo .p1{ font-size:23px}
.plo .p2{ font-size:21px;letter-spacing:26px}
.plo .p3 a, .plo .p3 span{ width:180px; font-size:16px}
.index03 li a:hover .plo .p2{ font-weight:bold};
.news-date__title{ font-size:70px}
.news-date__txt{ font-size:35px}
.news-date:after{ width:60px}
.news__title{ font-size:21px}
.news__txt{ font-size:16px}

.index08 a .toptxt .p1{ font-size:20px;  }
.index08 a .toptxt .p2{ font-size:24px;  }
.index08 .swiper-slide-active .toptxt{top:-40px}
.index08 .swiper-slide-active .toptxt .p1{ font-size:36px}
.index08 .swiper-slide-active .toptxt .p2{ font-size:35px}

.popbox .box{ width:800px}
.popbox .txt{ color:#333}
.popbox .txt:before{ content:""; display:block; width:31px; height:16px; background:url(../images/ico-xd.png) no-repeat center;}

.page0102 .bd .txt .p101 .num{ font-size:91px;}
.page0102 .bd .txt .p101 .p{ font-size:51px;}
.page0102 .bd .txt .p102{ font-size:8vw; }

.page0102 .bd .txt .p2 h3{ font-size:24px; }
.page0102 .bd .txt .p2 .p{ font-size:16px; width:680px }
.page0102 .bd .txt .more a{ font-size:24px;}

.page0103 .ps{ font-size:21px; margin-top:10px}

.page0104 .ico{ margin-bottom:49px}
.page0104 .ico img{ height:180px;}
.page0104 .txt h3{ font-size:57px;  }
.page0104 .txt .p{ font-size:26px; margin-bottom:16px}
.page0104 .txt .ms{ font-size:19px;  }
.page0104 .txt .line{ width:105px;  }
.page0104 .a .txt{ margin-left:91px}

.page0104 .txtbox{ text-align:center; height:21.5vw; margin-top:11.6vw; font-size:18px}

.page0106 .txt{  bottom:332px;}
.page0106 .txt .p1 img{ height:77px}
.page0106 .txt .p1{ margin-bottom:56px;}
.page0106 .txt .p2{ font-size:20px; }
.page0106 .txt .p3{ font-size:16px;}

.page0108{ padding-top:98px; padding-bottom:42px; }
.page0108 a{ width:124px; height:76px; line-height:40px; font-size:16px  }


.page0201{ text-align:center; padding-top:84px; padding-bottom:70px;}

.page0205 .as{ margin-top:56px;}
.page0205 .as a{ font-size:16px;}

.page0206{ padding-top:98px; }
.page0206 .p1{ margin-bottom:42px}
.page0206 .p1 a{ width:451px; height:59px; line-height:59px; font-size:19px; letter-spacing:21px; text-indent:21px}
.page0206 .p2{ font-size:19px; letter-spacing:21px; text-indent:21px; margin-bottom:17px;}
.page0206 .p3 a{ font-size:16px}

 
.page03hd{   margin-bottom:24px;}
.page03hd h3{ font-size:21px;}

.page0301 .txt h3{ font-size:53px}
.page0302 .bd .right a{ padding:0 28px}
.page0109 .title{ margin-bottom:69px}
.page0109 .title h3{ font-size:21px;}

.page0108 a.more2{ font-size:14px}
}
@media (max-width: 1700px){  
 
.page0204 .right .video{ height:40.5vw;}
}


.menua{ font-family:"syztm"}
.news__title{font-family:"syztr"}
.index06 .bd .txt .p2{font-family:"syztr"}
.plo .p4{font-family:"syztr"}
.plo .p2{font-family:"syztr"}
.index08 a .toptxt .p1{ font-family:"syztm"}
.index08 a h3{font-family:"syztr"}
.footer,.footer a{font-family:"syztr"}
.page1102 .hd h3{font-family:"syztr"}
.page1102 .conn,.page1102 .conn a{font-family:"syztn"}
.page0101,.page0101 a {font-family:"syztr"}
.page0109 .title h3{ font-family:"syztm"}
.page0109 li .poptxt .txt .p{font-family:"syztn"}
.page0110 li .p{ font-family:"syztn"}
.page0110 .title{ font-family:"syztm"}
.page0111 .tistxt h3{ font-family:"syztm"}
.page0111 .title{ font-family:"syztm"}
.page0105 .bd ul li h3{font-family:"syztn"}
.page0112 .item h3{ font-family:"syztm"}
.page0901 .hd h3{ font-family:"syztm"}
.page0808 .right .p4 li .p,.page0808 .right .p4 li .p a{font-family:"syztn"}
.page0202 .txt .p2{font-family:"syztn"}
.page02hd .p2{font-family:"syztn"}
.page0801 .txt { font-family:"syztm"}
.page0402 .bd{font-family:"syztn"}
.page0206 .p1 a{font-family:"syztn"}
.page0601 li .txt h4,.page0601 li .txt .p{font-family:"syztn"}
.page0701 li .txt h4,.page0701 li .txt .p{font-family:"syztn"}
.page0501 .txt h3{ font-family:"syztm"}
.page0502 .page02hd .p1{ font-family:"syztm"}
.page0502 .imgs .li .txt .p{font-family:"syztn"}
.page0504 .plo .p2{ font-family:"syztm"}
.page0503 .plo .p2{ font-family:"syztm"}
.page0505 .plo .p2{ font-family:"syztm"}