.wow{
    opacity: 0;
}
.mobile {width:100%;}
.mobile-inner {margin-right:auto;margin-left:auto;background-color:;position:relative;}
.mobile-inner img {}
.mobile-inner p {color:#676767;line-height:25px;font-size:16px;padding-bottom:30px;padding-right:30px;padding-left:30px;margin:0px;}
.mobile-inner-header {/* background-color:rgb(255,255,255); */width:100%;height:50px;position:relative;top:0px;z-index:33;left:0px;}
.mobile-inner-header-icon {color:#ffffff;height:50px;font-size:25px;text-align:center;float:right;width:50px;position:relative;-webkit-transition:background 0.5s;-moz-transition:background 0.5s;-o-transition:background 0.5s;transition:background 0.5s;}
.mobile-inner-header-icon:hover {background-color:rgba(255,255,255,0.2);cursor:pointer;}
.mobile-inner-header-icon span {position:absolute;left:calc((100% - 25px) / 2);top:calc((100% - 1px) / 2);width:25px;height:1px;background-color:rgb(199,34,27);}
.mobile-inner-header-icon span:nth-child(1) {transform:translateY(4px) rotate(0deg);}
.mobile-inner-header-icon span:nth-child(2) {transform:translateY(-4px) rotate(0deg);}
.mobile-inner-header-icon-click span:nth-child(1) {animation-duration:0.5s;animation-fill-mode:both;animation-name:clickfirst;}
.mobile-inner-header-icon-click span:nth-child(2) {animation-duration:0.5s;animation-fill-mode:both;animation-name:clicksecond;}
@keyframes clickfirst {0% {transform:translateY(4px) rotate(0deg);}
100% {transform:translateY(0) rotate(45deg);}
}
@keyframes clicksecond {0% {transform:translateY(-4px) rotate(0deg);}
100% {transform:translateY(0) rotate(-45deg);}
}
.mobile-inner-header-icon-out span:nth-child(1) {animation-duration:0.5s;animation-fill-mode:both;animation-name:outfirst;}
.mobile-inner-header-icon-out span:nth-child(2) {animation-duration:0.5s;animation-fill-mode:both;animation-name:outsecond;}
@keyframes outfirst {0% {transform:translateY(0) rotate(-45deg);}
100% {transform:translateY(-4px) rotate(0deg);}
}
@keyframes outsecond {0% {transform:translateY(0) rotate(45deg);}
100% {transform:translateY(4px) rotate(0deg);}
}
.mobile-inner-nav{
    overflow: auto;
    max-height: calc(100vh - 50px);
}
.mobile-inner-nav {background-color:hsla(224,27%,35%,.6);width:100%;position:absolute;top:50px;padding-bottom:0%;display:none;z-index:444;}
.mobile-inner-nav  a {border-bottom:solid 1px rgba(255,255,255,0.3);-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;color:#fff;transition:all 0.5s;}
.mobile-inner-nav  dl {display:none;}
.mobile-inner-nav  dl dd {line-height:33px;text-decoration:none;text-indent:3em;font-size:16px;color:#FFFFFF;border-bottom:solid 1px rgba(255,255,255,0.3);-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;font-weight:300;font-size:14px;}
.mobile-inner-nav  li {border-bottom:solid 1px rgba(255,255,255,0.3);-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;line-height:53px;text-indent:20px;}
.mobile-inner-nav h2.h2tit {line-height:50px;text-decoration:none;text-indent:2em;font-size:16px;color:#FFFFFF;/* border-bottom:solid 1px rgba(255,255,255,0.3); */-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;font-weight:300;}
.mobile-inner-nav h2.h2tit a {color:#FFFFFF;}
.mobile-inner-nav a {border-bottom:none;}
.mobile-inner-nav li {-webkit-animation-duration:0.5s;animation-duration:0.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:returnToNormal;animation-name:returnToNormal;}
@-webkit-keyframes resize {from,60%,75%,90%,to {-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);}
0% {opacity:0;-webkit-transform:scale(5,5);transform:scale(5,5);}
100% {opacity:1;-webkit-transform:scale(1,1);transform:scale(1,1);}
}
@keyframes resize {from,60%,75%,90%,to {-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);}
0% {opacity:0;-webkit-transform:scale(5,5);transform:scale(5,5);}
100% {opacity:1;-webkit-transform:scale(1,1);transform:scale(1,1);}
}
@-webkit-keyframes returnToNormal {from {opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);}
to {opacity:1;-webkit-transform:none;transform:none;}
}
@keyframes returnToNormal {from {opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);}
to {opacity:1;-webkit-transform:none;transform:none;}
}
.mobile-inner-nav li:last-child h2.h2tit {border-bottom:none;}
.mobile-inner-nav li .h3tit {height:50px;position:relative;background:url(../images/51_icon_search@2x.png) no-repeat 30px center;background-size:17px;}
.mobile-inner-nav li  .words {display:block;width:100%;height:100%;border:none;background:none;text-indent:60px;font-size:15px;color:#fff;background:url(../images/search2.png) no-repeat 30px center;background-size:20px;}
.mobile-inner-nav li:last-child {border-bottom:none;}
.mobile-inner-nav li  form {display:block;width:100%;height:100%;}
@charset "utf-8";@charset "UTF-8";
.animated {animation-duration:1s;animation-fill-mode:both;}
.animated.infinite {animation-iteration-count:infinite;}
.animated.hinge {animation-duration:2s;}

/*
.fadeInUp {animation-duration:1.76s;animation-name:fadeInUp;}
@keyframes fadeInUp {from {opacity:0;transform:translate3d(0,40px,0);}
to {opacity:1;transform:none;}
}*/
*{font-family: 'Manrope';}
body, h1, h2, h3, h4, h5, h6, dl, dt, dd, ul, ol, li, th, td, p, blockquote, pre, form, fieldset, legend, input, button, textarea, hr, span {
    margin: 0;
    padding: 0;
}
html {font-size: 62.5%;}
body {font-size: 1.4rem;}
html,body{
   /* -moz-user-select: none; -khtml-user-select: none; user-select: none;*/
}
body {
    font-family: "Microsoft YaHei" ! important;
    color: #000000;
    background: #fff;
    margin: 0 auto;
    padding: 0px;
}
body{ -webkit-tap-highlight-color:rgba(0,0,0,0); }
}
input[type="button"], input[type="submit"], input[type="reset"], input[type="text"] {
-webkit-appearance: none;
}
input[type="button"], input[type="submit"], input[type="reset"] {
cursor: pointer;
}
input{
    -webkit-appearance: none;
}
input {-webkit-appearance:none!important; border-radius:0; }
button{
    cursor: pointer;
}
textarea { -webkit-appearance: none;} 
a {
    text-decoration: none;
    color: #235aa7;
    outline: none;
}
a:active {
star:expression(this.onFocus=this.blur());
}
img {
    border: 0px;
    vertical-align: middle;
}

li {
    list-style: none;
}

*{
    outline: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
a:link{text-decoration:none; } 

a:visited{text-decoration:none; }

a:hover{text-decoration:none;}

a:active{text-decoration:none;}


.loading {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 99999;
}
.loadingfa {
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 29px;
    color: #1f8adf;
    position: absolute;
    left: 50%;
    margin-top: -25px;
    margin-left: -25px;
    top: 50%;
}

html {
    -webkit-overflow-scrolling: touch;
    -webkit-tap-highlight-color: none;
}

html {
    -webkit-tap-highlight-color: transparent;
}

body {
    background: #000;
    -webkit-overflow-scrolling: touch;
}

* {
    padding: 0;
    margin: 0;
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   /* user-select: none;*/
}

@keyframes rotate{
from{-webkit-transform:rotate(0deg)}
to{-webkit-transform:rotate(360deg)}
}
@-webkit-keyframes rotate{
from{-webkit-transform:rotate(0deg)}
to{-webkit-transform:rotate(360deg)}
}
@-moz-keyframes rotate{
from{-moz-transform:rotate(0deg)}
to{-moz-transform:rotate(360deg)}
}
@-ms-keyframes rotate{
from{-ms-transform:rotate(0deg)}
to{-ms-transform:rotate(360deg)}
}
@-o-keyframes rotate{
from{-o-transform:rotate(0deg)}
to{-o-transform:rotate(360deg)}
}
.xuanzhuan {
    animation: 2s linear 0s normal forwards infinite rotate;
    -webkit-animation: 2s linear 0s normal forwards infinite rotate;
    -moz-animation: 2s linear 0s normal forwards infinite rotate;
    -o-animation: 2s linear 0s normal forwards infinite rotate;
}
.xuanzhuan img{
display: block;
width: 100%;
}

.pc{
    display: block;
}
.wap{
    display: none;
}
.clearflex:after{
    content: "";
    display: table;
    clear: both;
}


@font-face {
    font-family: 'Garavito';
    src: url('../fonts/Genty.ttf') format('truetype');
}



@font-face {
    font-family: 'Genty';
    src: url('../fonts/Genty.ttf') format('truetype');
}

@font-face {
    font-family: 'Manrope';
    src: url('../fonts/Genty.ttf') format('truetype');
}




.index,
.index *,
.head,
.head *{

-webkit-transition:all 0.4s;
-o-transition:all 0.4s;
-moz-transition:all 0.4s;
-ms-transition:all 0.4s;
transition:all 0.4s;
}




.head {position:fixed;left:0;top:0;z-index:999;width:100%;padding:0 calc(225 / 1920 * 100vw);padding-top:calc(38 / 1920 * 100vw);padding-bottom:calc(38 / 1920 * 100vw);}
.wrap:after {content:"";display:table;clear:both;}
.head .wrap {position:relative;}
.head .logo img {height:calc(51 / 1920 * 100vw);}
.head .logo {float:left;}
.head .logo a {}
.head .nav {padding-left:calc(71 / 1920 * 100vw);float:left;/* padding-top:calc(13 / 1920 * 100vw);*/  line-height:calc(51 / 1920 * 100vw);}
.head .nav ul {}
.head .nav ul li {display:inline-block;margin-right:calc(37 / 1920 * 100vw);position:relative;float:left;}
.head .nav ul li .h2tit {}
.head .nav ul li .h2tit a {font-size:calc(32 / 1920 * 100vw);font-family:Garavito;font-weight:400;color:#FFFFFF;display:block;text-shadow:0px calc(4 / 1920 * 100vw) calc(5 / 1920 * 100vw) #000000;}
.head .moreBase {position:absolute;right:calc(25 / 1920 * 100vw);top:calc(32 / 1920 * 100vw);width:calc(212 / 1920 * 100vw);
    background:#FFB46C;box-shadow:0px calc(4 / 1920 * 100vw) 0px 0px #CA6300;border-radius:calc(32 / 1920 * 100vw);line-height:calc(64 / 1920 * 100vw);text-align:center;font-size:calc(36 / 1920 * 100vw);font-family:Garavito;font-weight:400;color:#FFFFFF;}
.head .moreBase:hover{
box-shadow:0px calc(8 / 1920 * 100vw) calc(8 / 1920 * 100vw)  0px #CA6300;
}
.section1 {position:relative;overflow:hidden;text-align:center;z-index:76;}
.section1 .bg {height:calc(1144 / 1920 * 100vw);background:url("../images/003.jpg") no-repeat center bottom;background-size:cover;}
.section1 .content {/* CSS properties for .content */  position:absolute;width:100%;left:0;top:calc(0 / 1920 * 100vw);z-index:4;padding-top:calc(273 / 1920 * 100vw);}
.section1 .title {/* CSS properties for .title */font-size:calc(130 / 1920 * 100vw);font-family:Genty;font-weight:400;color:#FFFFFF;line-height:1;text-shadow:0px calc(4 / 1920 * 100vw) calc(24 / 1920 * 100vw) #000000;padding-bottom:calc(82 / 1920 * 100vw);display: inline-block;cursor: pointer;}
.section1 .link {/* CSS properties for .link */  font-size:0;}
.section1 .link a {/* CSS properties for .link a */margin:0px calc(54 / 1920 * 100vw);display: inline-block;border-radius: 300px;}
.section1 .link a img {/* CSS properties for .link a img */  width:calc(80 / 1920 * 100vw);}
.section2:before {background:url(../images/bg2.png) no-repeat center bottom;background-size:100%;content:"";position:absolute;width:100%;height:59%;left:0;bottom:calc(0 / 1920 * 100vw);z-index:2;}
.section2:after {background:#9fc938;content:"";position:absolute;width:100%;height:78%;left:0;top:0;z-index:1;}
.section2 {/* CSS properties for .section2 */  position:relative;overflow:hidden;margin-top:calc(-319 / 1920 * 100vw);padding-top:calc(320 / 1920 * 100vw);padding-left:calc(56 / 1920 * 100vw);padding-right:calc(56 / 1920 * 100vw);padding-bottom:calc(207 / 1920 * 100vw);z-index:6;}
.section2 .swiper-container {/* CSS properties for .swiper-container */}
.section2 .swiper-wrapper {/* CSS properties for .swiper-wrapper */}
.section2 .swiper-slide {/* CSS properties for .swiper-slide */}
.section2 .content {/* CSS properties for .content */  display:flex;align-items:center;justify-content:space-between;padding:0 calc(200 / 1920 * 100vw);}
.section2 .left {/* CSS properties for .left */  position:relative;}
.section2 .im1 {width:calc(444 / 1920 * 100vw);height:calc(444 / 1920 * 100vw);position:absolute;background:url(../images/img.png) no-repeat center center;background-size:100%;z-index:3;left:calc(643 / 1920 * 100vw);top:calc(180 / 1920 * 100vw);}
.section2 .im2 .s1 {background:url(../images/s1.png) no-repeat center center;background-size:100%;width:100%;height:100%;position:absolute;}
.section2 .im2 .s2 {background:url(../images/s2.png) no-repeat right center;background-size:calc(255/ 1920 * 100vw);width:100%;height:100%;position:absolute;}
.section2 .im2 {position:absolute;right:0;bottom:calc(70 / 1920 * 100vw);width:calc(382 / 1920 * 100vw);height:calc(468 / 1920 * 100vw);z-index:3;}
.section2 .left .poster {/* CSS properties for .poster */width:calc(508 / 1920 * 100vw);cursor: pointer;}
.section2 .left .icon {/* CSS properties for .icon */  width:calc(259 / 1920 * 100vw);height:calc(160 / 1920 * 100vw);z-index:4;position:absolute;background:url(../images/ic1.png) no-repeat center center;background-size:100%;left:calc(-184 / 1920 * 100vw);bottom:calc(100 / 1920 * 100vw);}
.section2 .list {/* padding:0px 200px;*/  position:relative;z-index:77;}
.section2 .right {/* CSS properties for .right */  width:calc(810 / 1920 * 100vw);}
.section2 .title {/* CSS properties for .title */  font-size:calc(92 / 1920 * 100vw);font-family:Garavito;font-weight:400;color:#FFFFFF;line-height:1;text-shadow:0px 4px 5px #000000;}
.section2 .dec {/* CSS properties for .dec */  font-size:calc(30 / 1920 * 100vw);font-family:Manrope;font-weight:400;color:#FFFFFF;line-height:1.3;text-shadow:0px 4px 5px #000000;padding-top:calc(100 / 1920 * 100vw);}
.section2 .swiper-button-next {/* CSS properties for .swiper-button-next */  width:calc(137 / 1920 * 100vw);height:calc(180 / 1920 * 100vw);margin-top:calc(-90 / 1920 * 100vw);background:url(../images/right.png) no-repeat center center;background-size:100%;right:0;}
.section2 .swiper-button-prev {/* CSS properties for .swiper-button-prev */  width:calc(137 / 1920 * 100vw);height:calc(180 / 1920 * 100vw);margin-top:calc(-90 / 1920 * 100vw);background:url(../images/left.png) no-repeat center center;background-size:100%;right:0;}
.section3 > * {position:relative;z-index:3;}
.section3:after {content:"";background:#3a77f7;position:absolute;left:0;top:0;width:100%;z-index:1;height:70%;}
.section3:before {content:"";background:url(../images/bg3.png) no-repeat center bottom;background-size:100%;position:absolute;left:0;top:0;width:100%;z-index:2;height:100%;}
.section3 {/* CSS properties for .section3 */  position:relative;margin-top:calc(-300 / 1920 * 100vw);padding-top:calc(320 / 1920 * 100vw);position:relative;overflow:hidden;padding-bottom:calc(177 / 1920 * 100vw);z-index:5;}
.titlemodel img.tit {max-height:calc(108 / 1920 * 100vw);}
.titlemodel {/* CSS properties for .titlemodel */  text-align:center;}
.section3 .item:nth-child(1){margin-top: calc(67 / 1920 * 100vw);}
.section3 .items {/* CSS properties for .items */  padding:0px calc(170 / 1920 * 100vw);z-index:6;}
.section3 .item:nth-child(2n) {padding-right:calc(567 / 1920 * 100vw);padding-left:0;}
.section3 .item:nth-child(2n) .imgbox {left:auto;right:0;}
.section3 .item:nth-child(2n) .imgbox img {}
.section3 .item:nth-child(2n) .line {right:calc(230 / 1920 * 100vw);bottom:calc(65 / 1920 * 100vw);left:auto;background:url(../images/line2.png) no-repeat center center;background-size: 100%;}
.section3 .item {/* CSS properties for .item */position:relative;padding-left:calc(567 / 1920 * 100vw);margin-bottom: calc(220 / 1920 * 100vw);/* padding-top:calc(100 / 1920 * 100vw); *//* padding-bottom:calc(100 / 1920 * 100vw); */margin-top: calc(220 / 1920 * 100vw);}
.section3 .imgbox {/* CSS properties for .imgbox */  position:absolute;top:50%;left:0%;-o-transform:translate(0%,-50%);-webkit-transform:translate(0%,-50%);-moz-transform:translate(0%,-50%);-ms-transform:translate(0%,-50%);transform:translate(0%,-50%);width:calc(543 / 1920 * 100vw);text-align:center;}
.section3 .imgbox img {/* CSS properties for .imgbox img */max-width: 90%;position:relative;z-index:4;}
.section3 .imgbox .line {/* CSS properties for .line */  position:absolute;width:calc(797 / 1920 * 100vw);height:calc(10 / 1920 * 100vw);background:url(../images/line1.png) no-repeat center center;background-size:100%;left:calc(230 / 1920 * 100vw);bottom:calc(65 / 1920 * 100vw);}
.section3 .content {/* CSS properties for .content */}
.section3 .title {/* CSS properties for .title */  font-size:calc(72 / 1920 * 100vw);font-family:Garavito;font-weight:400;color:#FFFFFF;line-height:1;}
.section3 .dec {/* CSS properties for .dec */  font-size:calc(30 / 1920 * 100vw);font-family:Manrope;font-weight:400;color:#FFFFFF;line-height:1.4;padding-top:calc(46 / 1920 * 100vw);}
.index {overflow:hidden;}
.section3 i.i1 {width:calc(677 / 1920 * 100vw);height:calc(1013 / 1920 * 100vw);position:absolute;right:0px;top:34%;background:url(../images/ur1.png) no-repeat center center;background-size:100%;}
.section3 i.i2 {width:calc(660 / 1920 * 100vw);height:calc(1004 / 1920 * 100vw);position:absolute;left:0px;bottom:calc(123/ 1920 * 100vw);background:url(../images/ur2.png) no-repeat center center;background-size:100%;}
.section4:after {content:"";}
.section4:before {content:"";position:absolute;width:100%;height:50%;left:0;top:0px;background:#e29394;}
.section4 > * {position:relative;z-index:5;}
.section4 {/* CSS properties for .section4 */  background:url(../images/bg4.png) no-repeat center bottom;background-size:100%;padding-top:calc(300 / 1920 * 100vw);margin-top:calc(-270 / 1920 * 100vw);padding-bottom:calc(300 / 1920 * 100vw);z-index:4;position:relative;}
.section4 .titlemodel {/* CSS properties for .titlemodel */  position:relative;}
.section4 .titlemodel .tit {/* CSS properties for .tit */}
.section4 .titlemodel .ico {/* CSS properties for .ico */  position:absolute;position:absolute;top:50%;left:10%;-o-transform:translate(0%,-50%);-webkit-transform:translate(0%,-50%);-moz-transform:translate(0%,-50%);-ms-transform:translate(0%,-50%);transform:translate(0%,-50%);width:calc(482 / 1920 * 100vw);}
.section4 .content {/* CSS properties for .content */padding-left:calc(210 / 1920 * 100vw);display:flex;align-items:center;justify-content:space-between;padding-right:calc(210 / 1920 * 100vw);margin-top: calc(150 / 1920 * 100vw);}
.section4 .left {/* CSS properties for .left */}
.section4 .dec1 {/* CSS properties for .dec1 */  font-size:calc(56 / 1920 * 100vw);font-family:Garavito;font-weight:400;color:#FFFFFF;line-height:1;padding-bottom:calc(118 / 1920 * 100vw);}
.section4 .dec2 {}
.section4 .dec2 p {line-height:1;margin-bottom:calc(46 / 1920 * 100vw);}
.section4 .dec2 p span {font-family:Garavito;font-weight:400;color:#3796C8;line-height:calc(49 / 1920 * 100vw);text-stroke:5px #FFFFFF;font-size:calc(50 / 1920 * 100vw);display:inline-block;vertical-align:middle;margin-right:calc(100 / 1920 * 100vw);}
.section4 .dec2 p:nth-child(1) span {-webkit-text-stroke: 1px #FFFFFF;}
.section4 .dec2 p:nth-child(2) span {color:#B637C8;-webkit-text-stroke: 1px #FFFFFF;}
.section4 .dec1 b {/* CSS properties for .dec1 b */font-family: 'Garavito';font-weight: normal;}
.section4 .dec2 {/* CSS properties for .dec2 */}
.section4 .dec2 b {/* CSS properties for .dec2 b */  font-size:calc(90 / 1920 * 100vw);font-family:Garavito;font-weight:400;color:#FFFFFF;vertical-align:middle;}
.section4 .right {/* CSS properties for .right */width:calc(586 / 1920 * 100vw);height:calc(586 / 1920 * 100vw);background: url(../images/ci1.png) no-repeat center center;background-size:100%;position:relative;opacity: 1;cursor: pointer;}
.section4 .cir {/* CSS properties for .cir */  font-size:calc(68 / 1920 * 100vw);font-family:Manrope;font-weight:400;color:#FFFFFF;}
.section4 .cuir{
    
width: calc(197 / 1920 * 100vw);
    
height: calc(193 / 1920 * 100vw);
    
background: url(../images/ci2.png) no-repeat center center;
    
background-size: 100%;
    
top: calc(337 / 1920 * 100vw);
    
position: absolute;
    
left: calc(47 / 1920 * 100vw);
    
font-size: calc(35/ 1920 * 100vw);
    
font-style: normal;
    
padding-left: calc(50 / 1920 * 100vw);
    
padding-top: calc(80 / 1920 * 100vw);
}
.section4 .cir .my {/* CSS properties for .my */  position:absolute;width:calc(300 / 1920 * 100vw);height:calc(427 / 1920 * 100vw);background:url(../images/my.png) no-repeat center 0;background-size:100%;left:calc(183 / 1920 * 100vw);top:calc(-28 / 1920 * 100vw);}
.section4 .cir .s1 {/* font-size:68px;*/font-family:Manrope;/* font-weight:400;*//* color:#FFFFFF;*/position:absolute;left:calc(50 / 1920 * 100vw);top:calc(149 / 1920 * 100vw);}
.section4 .cir .s2 {position:absolute;left:calc(98 / 1920 * 100vw);top:calc(416 / 1920 * 100vw);font-size:calc(35 / 1920 * 100vw);font-family: Manrope;}
.section5:after {content:"";position:absolute;left:0px;top:0px;width:100%;height:60%;background:#f73a3b;}
.section5 {position:relative;overflow:hidden;}
.section5:after {}
.section5:before {}
.section5>* {position:relative;z-index:4;}
.section5 {background:url(../images/bg5.png) no-repeat center bottom;background-size:100%;margin-top:calc(-300 / 1920 * 100vw);padding-top:calc(380 / 1920 * 100vw);padding-bottom:calc(320 / 1920 * 100vw);z-index:3;}
.section5 .titlemodel {}
.section5 .titlemodel .tit {/* CSS properties for .tit */}
.section5 .list {/* CSS properties for .list */  text-align:center;padding-top:calc(100 / 1920 * 100vw);}
.section5 .list ul {/* CSS properties for ul */}
.section5 .list ul li {/* CSS properties for li */  display:inline-block;vertical-align:top;padding:0px calc(110 / 1920 * 100vw);}
.section5 .list ul li .num {/* CSS properties for .num */}
.section5 .list ul li .num img {/* CSS properties for .num img */  height:calc(115 / 1920 * 100vw);}
.section5 .list ul li .card {/* CSS properties for .card */  height:calc(270 / 1920 * 100vw);position:relative;margin-top:calc(-61 / 1920 * 100vw);z-index:2;}
.section5 .list ul li .card img {/* CSS properties for .card img */  position:absolute;top:50%;left:50%;-o-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);max-height:100%;}
.section6 {background:url(../images/bg6.png) no-repeat center bottom;background-size:100%;position:relative;overflow:hidden;margin-top:calc(-258 / 1920 * 100vw);padding-top:calc(284 / 1920 * 100vw);padding-bottom:calc(200 / 1920 * 100vw);z-index: 2;}
.section6 >* {position:relative;z-index:5;}
.section6:after {content:"";position:absolute;left:0px;top:0px;width:100%;height:50%;background:#f7dc3a;}
.section6 .titlemodel .tit {}
.section6 .items .item .tit {font-size:calc(51/ 1920 * 100vw);font-family:Garavito;font-weight:400;color:#000000;}
.section6 .items .item .dec {font-size:calc(28/ 1920 * 100vw);font-family:Garavito;font-weight:400;color:#743900;line-height:1;padding-top:calc(10/ 1920 * 100vw);padding-bottom:calc(30/ 1920 * 100vw);}
.section6 .items .item .dec2 p:last-child {padding:0px;}
.section6 .items .item .dec2 p {padding-bottom:16px;font-family: Garavito;}
.section6 .items .item {padding:0px calc(171 / 1920 * 100vw);display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;flex-direction:column;justify-content:center;padding-top:calc(108 / 1920 * 100vw);float:left;line-height:1;opacity: 1;}
.section6 .items {padding-left:calc(150 / 1920 * 100vw);padding-right:calc(150 / 1920 * 100vw);padding-top:calc(60 / 1920 * 100vw);zoom:1;overflow:hidden;}
.section6 .items .item1 {width:calc(1025 / 1920 * 100vw);height:calc(820 / 1920 * 100vw);background:url(../images/yc1.png) no-repeat center center;background-size:100%;padding: 0px calc(120 / 1920 * 100vw);padding-top: calc(120 / 1920 * 100vw);padding-right: calc(290 / 1920 * 100vw);}
.section6 .items .item2 {width:calc(919 / 1920 * 100vw);height:calc(733 / 1920 * 100vw);background:url(../images/yc2.png) no-repeat center center;background-size:100%;padding-top:calc(8 / 1920 * 100vw);margin-top:calc(-463 / 1920 * 100vw);margin-right: calc(0 / 1920 * 100vw);}
.section6 .items .item3 {width:calc(876 / 1920 * 100vw);height:calc(593 / 1920 * 100vw);background:url(../images/yc3.png) no-repeat center center;background-size:100%;padding: 0px calc(196 / 1920 * 100vw);padding-right: calc(147 / 1920 * 100vw);margin-top:calc(-367 / 1920 * 100vw);}
.section6 .items .item4 {width:calc(986 / 1920 * 100vw);height:calc(663/ 1920 * 100vw);background:url(../images/yc4.png) no-repeat center center;background-size:100%;padding-bottom:calc(121 / 1920 * 100vw);padding-left:calc(267/ 1920 * 100vw);padding-right:calc(9/ 1920 * 100vw);margin-top:calc(-389/ 1920 * 100vw);margin-right: calc(29/ 1920 * 100vw);}
.section6 .items .item5 {width:calc(854/ 1920 * 100vw);height:calc(607/ 1920 * 100vw);background:url(../images/yc5.png) no-repeat center center;background-size:100%;padding-right:calc(113/ 1920 * 100vw);padding-bottom:calc(123/ 1920 * 100vw);margin-top:calc(-300/ 1920 * 100vw);margin-left:calc(120 / 1920 * 100vw);}
.section6 .items .dec2 {font-size: calc(23 / 1920 * 100vw);font-family:Garavito;font-weight:400;color:#000000;line-height: 1.1;}
.section6 .items .item.item4 .dec2 p {padding-bottom:0;}
.section6 .items .item:nth-child(2n) {float:right;}
.section6 .links {margin-left:calc(411 / 1920 * 100vw);margin-right:calc(199 / 1920 * 100vw);position:relative;padding-bottom:calc(30 / 1920 * 100vw);padding-top:calc(140 / 1920 * 100vw);}
.section6 .links img {width:calc(80 / 1920 * 100vw);margin-right:calc(60 / 1920 * 100vw);border-radius: 300px;}
.section6 .links .icon {position:absolute;bottom:0px;right:0px;width:calc(406 / 1920 * 100vw);height:calc(608 / 1920 * 100vw);background:url(../images/006.gif) no-repeat center center;background-size:100%;opacity: 0;}
.section7 .dec {width:calc(1333 / 1920 * 100vw);font-size:calc(30 / 1920 * 100vw);font-family:Manrope;font-weight:400;color:#000000;line-height:1.3;max-width:100%;margin:auto;/*text-align:center;*/padding-bottom:calc(30 / 1920 * 100vw);}
.section7 .dec p {padding-bottom:calc(40 / 1920 * 100vw);}
.section7 .titlemodel .tit {/* 样式规则 */}
.section7 .link {/* 样式规则 */  padding-top:calc(150/ 1920 * 100vw);margin-left:calc(260/ 1920 * 100vw);position:relative;margin-right:calc(130/ 1920 * 100vw);padding-bottom:calc(258 / 1920 * 100vw);}
.section7 .link a {
    display: inline-block;
    opacity: 1;
}
.section7 .link a img {/* 样式规则 */  height:calc(140 / 1920 * 100vw);margin-right:calc(55 / 1920 * 100vw);}
.section7 .link .icon 
{
opacity: 1;
  position:absolute;right:0;bottom:0px;width:calc(472 / 1920 * 100vw);height:calc(558/ 1920 * 100vw);background:url(../images/005.gif) no-repeat center center;background-size:100%;}
.section7 {background:#f79a3a;padding-top:calc(360 / 1920 * 100vw);margin-top:calc(-320 / 1920 * 100vw);}



.section4 .titlemodel .ico img,
.section3 i.i2,
.section3 i.i1{
animation: move2 .8s infinite;
    -moz-animation: move2 .8s infinite;
    -webkit-animation: move2 .8s infinite;
    -o-animation: move2 .8s infinite;
    animation-direction: alternate;
    -webkit-animation-direction: alternate;
    animation-timing-function: cubic-bezier(0.46, 0.02, 0.97, 0.36);
    -webkit-animation-timing-function: cubic-bezier(0.46, 0.02, 0.97, 0.36);
}

.section3 i.i2{
    animation-delay: 2s;
    animation-duration: 1s;
}

.section2 .im1{
animation: move 1.8s infinite;
    -moz-animation: move 1.8s infinite;
    -webkit-animation: move 1.8s infinite;
    -o-animation: move 1.8s infinite;
    animation-direction: alternate;
    -webkit-animation-direction: alternate;
    animation-timing-function: cubic-bezier(0.46, 0.02, 0.97, 0.36);
    -webkit-animation-timing-function: cubic-bezier(0.46, 0.02, 0.97, 0.36);
}


.section2 .im2 .s2{
        -webkit-animation: bubbleMover2 linear infinite 5s;
    -moz-animation: bubbleMover2 linear infinite 5s;
    -o-animation: bubbleMover2 linear infinite 5s;
    animation: bubbleMover2 linear infinite 5s;
}

.section2 .left .icon{
        -webkit-animation: bubbleMover2 linear infinite 4s;
        -moz-animation: bubbleMover2 linear infinite 4s;
        -o-animation: bubbleMover2 linear infinite 4s;
        animation: bubbleMover2 linear infinite 4s;
}

.section2 .im2 .s1,
.section3 .imgbox img{
        -webkit-animation: bubbleMover linear infinite 10s;
    -moz-animation: bubbleMover linear infinite 10s;
    -o-animation: bubbleMover linear infinite 10s;
    animation: bubbleMover linear infinite 10s;
}

.section3 .item:nth-child(1) .imgbox img{
    animation-delay: .4s !important;
}
.section3 .item:nth-child(2) .imgbox img{
        -webkit-animation: bubbleMover2 linear infinite 10s;
    -moz-animation: bubbleMover2 linear infinite 10s;
    -o-animation: bubbleMover2 linear infinite 10s;
    animation: bubbleMover2 linear infinite 10s;
    
}
.section3 .item:nth-child(3) .imgbox img{
    animation-delay: .2s !important
    
}
.section3 .item:nth-child(4) .imgbox img{
            -webkit-animation: bubbleMover2 linear infinite 10s;
    -moz-animation: bubbleMover2 linear infinite 10s;
    -o-animation: bubbleMover2 linear infinite 10s;
    animation: bubbleMover2 linear infinite 10s;
    animation-delay: .7s !important
    
}

@keyframes bubbleMover2 {
    0% {
        -webkit-transform: translateY(0px) translateX(0) rotate(0);
        transform: translateY(0px) translateX(0) rotate(0);
    }

    30% {
        transform: translateY(5px) translateX(4px) rotate(5deg);
        -webkit-transform-origin: center center;
        transform-origin: center center;

    }

    50% {
        transform: translateY(-7px) translateX(5px) rotate(-1deg);
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;

    }

    80% {
        transform: translateY(-3px) translateX(-3px) rotate(-3deg);
        -webkit-transform-origin: left top;
        transform-origin: left top;

    }

    100% {
        -webkit-transform: translateY(0px) translateX(0) rotate(0);
        transform: translateY(0px) translateX(0) rotate(0);
        -webkit-transform-origin: center center;
        transform-origin: center center;
    }
}




@keyframes bubbleMover {
    0% {
        transform: translateY(0px) translateX(0) rotate(0);
    }

    30% {
        transform: translateY(3px) translateX(5px) rotate(5deg);
        -webkit-transform-origin: center center;
        transform-origin: center center;
    }

    50% {
        transform: translateY(5px) translateX(10px) rotate(10deg);
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
    }

    80% {
        transform: translateY(3px) translateX(5px) rotate(4deg);
        -webkit-transform-origin: left top;
        transform-origin: left top;
    }

    100% {
        transform: translateY(0px) translateX(0) rotate(0);
        -webkit-transform-origin: center center;
        transform-origin: center center;
    }
}

@keyframes move{
from {
-o-transform: translate(0%, 0%);
-webkit-transform: translate(0%, 0%);
-moz-transform: translate(0%,0%);
-ms-transform: translate(0%, 0%);
transform: translate(0%, 0%);}
to {
    -o-transform: translate(0%, 10px);
-webkit-transform: translate(0%, 10px);
-moz-transform: translate(0%,10px);
-ms-transform: translate(0%, 10px);
transform: translate(0%, 10px);
}
}

@keyframes move2{
from {
-o-transform: translate(0%, 0%);
-webkit-transform: translate(0%, 0%);
-moz-transform: translate(0%,0%);
-ms-transform: translate(0%, 0%);
transform: translate(0%, 0%);}
to {
    -o-transform: translate(0%, 20px);
-webkit-transform: translate(0%, 20px);
-moz-transform: translate(0%,20px);
-ms-transform: translate(0%, 20px);
transform: translate(0%, 20px);
}
}


.section2 .title:hover,
.section3 .title:hover,
.head .nav ul li .h2tit a:hover{
    cursor: pointer;
    text-shadow: 0px 8px 10px #000000;
}
.section5 .list ul li{
    cursor: pointer;
}

.section1 .title:hover{
    text-shadow: 0px calc(14 / 1920 * 100vw) calc(34 / 1920 * 100vw) #000000;
}

.section6 .links a img:hover,
.section1 .link a:hover{
        box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.1);
    transform: translateY(-10px);
}

.section5 .list ul li:hover,
.section7 .link a img:hover{
        transform: translateY(-10px);
}


.section2 .left{
        transform: translateX(-50px);
        opacity: 0;

}
.section2 .right{
        transform: translateX(50px);
        opacity: 0;
}

.section2 .swiper-slide-active .left{
        transform: translateX(0px);
        opacity: 1;
        transition-delay: .4s;
}
.section2 .swiper-slide-active .right{
        transform: translateX(0px);
        opacity: 1;
        transition-delay:.4s;
}


.section3 .imgbox img:hover{
        transform: rotate(15deg);
        transform-origin: center center;

}

.section4 .content:hover .right .cir .my{
        transform: rotate(-15deg) translate(-20px,-10px);
        transform-origin: center center;
}
.section3 .item:hover .content,
.section4 .content:hover .dec1,
.section4 .content:hover .right .cir .s1{
    transform: translate(-20px);
}

.section3 .item:nth-child(2n):hover .content,
.section4 .content:hover .dec2,
.section4 .content:hover .right .cir .s2{
    transform: translate(20px);
}

.section3 .item,
.section4 .content{
    cursor: pointer;
}

.section6 .links a{
    display: inline-block;
    opacity: 1;
}




@keyframes launch {
  0% {
    transform: scale(1, 1) translateY(10%);
    opacity: 0;
  }
  30% {
    transform: scale(1.2, 0.8)translateY(10%);
  }
  50% {
    transform: scale(1, 1) translateY(10%);
    opacity: 1;
  }
  100% {
    transform: scale(1, 1) translateY(0px);
    opacity: 1;
  }
}
.launch {
    animation: launch 1.5s linear;
    animation-delay: 1s;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(0.55, 0.22, 0.41, 1.15);
}


.puffIn {
    -webkit-animation-name: puffIn;
    animation-name: puffIn;
}

@keyframes puffIn {
    0% {
        opacity: 0;
        transform-origin: 50% 50%;
        transform: scale(2, 2);
        filter: blur(2px);
    }

    100% {
        opacity: 1;
        transform-origin: 50% 50%;
        transform: scale(1, 1);
        filter: blur(0px);
    }
}


.section6 .items .item{
    cursor: pointer;
}
.section6 .items .item:hover>*{
    -webkit-transform: scale(1.05,1.05);
-o-transform: scale(1.05,1.05);
-moz-transform: scale(1.05,1.05);
-ms-transform: scale(1.05,1.05);
transform: scale(1.05,1.05);


}
.current .head{
    padding-top: calc(28 / 1920 * 100vw);
    padding-bottom: calc(28 / 1920 * 100vw);
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
    background-color: rgb(239 187 26 / 20%);
    box-shadow: 0px 20px 20px 20px rgb(239 187 26 / 20%);
}
.current .head .moreBase{
    top:calc(22 / 1920 * 100vw)
}



.calc {
  animation-duration:1.76s;
  animation-name: calc;

}

@keyframes calc {
    0% {
opacity: 0;
    transform: translate3d(0, -200px, 0);
    }

    100% {
    opacity: 1;
    transform: none;
    }
}
@keyframes rotate3 {
    0% {

    }

    100% {
transform: rotate(360deg);
transform-origin: center center;
    }
}

.section4 .cirs{

animation: rotate3 4.8s infinite;

-moz-animation: rotate3 24.8s infinite;

-webkit-animation: rotate3 4.8s infinite;

-o-animation: rotate3 4.8s infinite;
animation-timing-function: linear;
position: absolute;

width: 100%;

height: 100%;

left: 0;

top: 0px;
}