body{ background: #151E32;}
.module-name-spe{ color: #fff;}
.module1{ position: relative; height: calc(100vh - 0.6em);}
.module1 .prev,.module1 .next{ position: absolute; top: 50%; margin-top:-0.35em;  width: 0.7em; height: 0.69em;  background:  center no-repeat; background-size: cover; opacity: 0; transition: opacity linear 0.5s;  z-index: 3; cursor: pointer; }
.module1 .prev{ left: 1.4em; background-image: url(../images/banner_prev.png);}
.module1 .next{ right: 1.4em; background-image: url(../images/banner_next.png);}
.module1:hover .prev,.module1:hover .next{ opacity: 1;}
.module1 .banner{ position: relative; height: 100%;}
.module1 .banner1,.module1 .banner2,.module1 .banner3{ position: absolute; left: 0; top: 0;width: 100%; opacity: 0; transition: all linear 0.5s; transition-property:opacity;}
.module1 .banner1{ height: 100%; background: url(../images/gs/banner1.jpg) top center no-repeat; background-size: cover;}
.module1 .banner2{ height: 100%; background: url(../images/gs/banner2.jpg) top center no-repeat; background-size: cover;}
.module1 .banner3{ height: 100%; background: url(../images/gs/banner3.jpg) top center no-repeat; background-size: cover;}
.module1 .content p span{font-size: 0.48em; color: #fff; font-weight: 600; text-align: center;}
/* .module1 .banner1 .content{ display:flex; justify-content: center; align-items: center; } */

.module1 .banner2 p,.module1 .banner3 p{ display:flex; align-items: center; justify-content: center;}

.module1 .banner1 p span{ line-height: 2.16667;}
.module1 .banner1 .figure { margin-left: 1.28em;}
.module1 .banner1 .figure img{ width: 5.49em; height: 3.46em;}
.module1 .btn{ display: flex; align-items: center; justify-content: center; position: absolute; left: 50%; margin-left: -0.855em; bottom: 1.5em; width:1.71em; height: .4em; background: linear-gradient(38deg,#3183b4,#39b791); border-radius: 0.2em; transform: translateY(1em); opacity: 0; transition: all linear 0.5s; transition-property: transform,opacity; cursor: pointer; z-index: 2;}
.module1 .btn::after{ content: '立即合作';font-size: 0.14em; color: #fff;font-weight: 700;cursor: pointer;}
.module1 .dolls{ display: flex; align-items: center; justify-content: center; position: absolute; bottom: 0.93em; width: 100%; text-align: center; z-index: 2;}
.module1 .dolls i{ margin: 0 .1em; width: 0.5em; height: 4px; border-radius:4px; overflow: hidden;  background: #DBDBDB;  cursor: pointer; position: relative; }
.module1 .dolls i::before{ content:''; position: absolute; left: 0; top: 0; width: 0%; height: 100%; background-color: #3183B4; }
.module1 .dolls i.on::before{animation: move 3s linear forwards}
@keyframes move{
  0%{ width: 0%; }
  100%{ width: 100%;}
}
.module1 .banner .content{ display: flex; align-items: center; justify-content: center; position: relative; height: 100%; transform: translateY(1em); opacity:0; transition: all linear 0.5s;transition-property:transform,opacity;}
.module1 .banner .on { opacity: 1; z-index: 1;}
.module1 .banner .on .content{ transform: translateY(0); opacity: 1;}
.module1.on .btn{transform: translateY(0); opacity: 1;}
/* .module1 .banner .on p{ transform: translateY(0); opacity: 1;} */


.content-box{ margin: 0 auto; width: 12.18em;}
.module2{padding-top: 1.02em; }
.module2 .content {  margin-top: 0.84em; }
.module2 .line-content{ display: flex; align-items: center; justify-content: space-between;}
.module2 .content .figure{ width: 5em; height:5.11em;}

.module2 .content .describe{  flex: 1; font-size: 0.24em; color: #fff; line-height: 1.8333;}
.module2 .content .describe p{ margin-bottom: 1em; text-align: center;}
.module2 .content .describe p:last-child{margin-bottom: 0;}
.module2 .content .describe span{ padding: 0 0.5em; color:#fff;font-weight: 700;}
.module2 .content .describe .spe{padding-left: 0;}

.module2 .line2-content{ display: table; table-layout: fixed; border-collapse: collapse; margin-top: .77em; width: 100%;}
.module2 .line2-content .type-tr{ display: table-row;}
.module2 .line2-content p{ display: table-cell; text-align: center;vertical-align: middle; font-size: 0.22em; color: #fff; position: relative; box-sizing: border-box;height: 2.681818em; }
.module2 .line2-content .type-tr:first-child p{ padding-bottom: 0.31818em; border-bottom: 2px solid #7e7e7e;}
.module2 .line2-content .type-tr p:not(:last-child)::after{ content: ''; position: absolute; right: 0; top: 0; width: 2px; height: 2.3636em; background: #7e7e7e; }
.module2 .line2-content .type-tr:last-child{padding-top: 0.31818em;}
.module2 .line2-content .type-tr:last-child p::after{ top: 0.31818em;}


.module3 { margin-top: 1.09em;}
.module3 .line1-content{ display: flex; padding-top: 0.61em; }
.module3 .line1-content .figure{ width: 5.19em;}
.module3 .line1-content .text{flex: 1; }
.module3 .line1-content .trait { display: flex; margin: 0 auto;  font-weight: 700;}
.module3 .line1-content .trait p{ display: flex; flex-direction: column; align-items: center;color: #fff; }
.module3 .line1-content .trait span{ display: block; font-size: 0.21em;   }

.module3 .line1-content .mb{ margin-bottom: .32em; width: 4.34em; align-items: flex-end; justify-content: space-between;}
.module3 .line1-content .mb p:first-child img{ width:0.48em; padding-bottom: 0.45em;}
.module3 .line1-content .mb p:nth-child(2) img{ width: 0.55em; padding-bottom: 0.47em;}
.module3 .line1-content .mb p:nth-child(3) img{ width: 0.43em; padding-bottom: 0.4em; }
.module3 .line1-content .mb2{padding-left: .8em; padding-right: .48em; box-sizing: border-box; margin-bottom: 0;}
.module3 .line1-content .mb2 p:nth-child(1) img{ width: 0.48em; padding-bottom: 0.38em;}
.module3 .line1-content .mb2 p:nth-child(2) img{ width: 0.52em;padding-bottom: 0.39em;}

.module3 .line2-content{padding-top: 0.71em;}
.module3 .line2-content  .describe{ font-size: 0.24em; color: #fff; text-align: center; line-height: 2.4; }
.module3 .line1-content .text .figure{ margin:0.21em auto 0.8em; width: 6.24em; height: 1.16em;}





.module4{margin-top: 1.6em;}
.module4 .content{ display: flex;  flex-direction: column; align-items: center;  justify-content: center; margin-top: 1.56em;}
.module4 .content .figure{ padding-bottom: 0.36em;  width: 8.61em;}
.module4 .content .describe { text-align: center; font-size: 0.24em; line-height: 1.8333; color: #fff; }
.module5{ margin-top: 1.78em;  position: relative; ;}
.module5::after{ content: ''; background: url(../images//gs/bg.png) left top no-repeat; position: absolute; left: 0.8em; bottom: 0.93em; background-size: contain; z-index: -1; width: 5.71em; height: 5em;}

.module5 .content{   padding-bottom: 1.32em;}
.module5 .content > p { margin-top: 1.2em; padding-bottom: 0.92em;}
.module5 .content > p span{  display: block; font-size: 0.32em; font-weight: 600; color: #fff; text-align: center; line-height: 1.5;}
.module5 .line-content { display: flex; align-items: center; justify-content: space-between; padding: 0 1.2em;}
.module5 .line-content .source{ display: flex; align-items: center; }
.module5 .line-content .source::before{ content: ''; background: url(../images/gs/icon.png) top center no-repeat; background-size: contain; width: 0.53em; height: 0.58em; margin-right: 0.28em; }
.module5 .line-content .source span{font-size: 0.24em; font-weight: 600; color: #fff;}
.module5 .line-content .border{ display: flex; align-items: center; justify-content: center;  width: 3.55em; height: 1.85em; background: url(../images/gs/border.png) left center no-repeat; background-size: contain; }
.module5 .line-content .border p{ font-size: 0.24em; line-height: 1.5; font-weight: 600; color: #fff; text-align: center;}
.module2 .content,.module3 .content,.module4 .content,.module5 .content{
  opacity: 0; transform: translateY(2em); transition: all linear 0.5s; transition-property:transform,opacity;
}
.active .content{ opacity: 1; transform: translateY(0);}