.section {position: sticky; top: 0; display: flex; align-items: center; justify-content: center; flex-flow: column; position: sticky; background: url(../img/sectionbg.jpg)no-repeat 50% 50%; width: 100%; height: 100vh; z-index: 1; overflow: hidden;}
.section:before {content:''; display: block; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.5); position: absolute; top: 0; left: 0; z-index: -1;}

.section p {width: 80%; margin: 0 auto; font-size: 25px; font-weight: bold; color: #fff; line-height: 1.5; word-break: keep-all; text-align: center;}
.title h2 {font-size: 30px; font-weight: bold; color: #fff; margin-top: 50px;}
.go_button {width: 100%;; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);}
.go_button ul {display: flex; align-items: center;}
.go_button ul li {width: calc(100% / 2); text-align: center;}
.go_button ul li a {position: relative; display: block; width: 100%; height: 100px; line-height: 98px; /*background: #fff;*/ font-size: 18px; font-weight: 500; color: #fff; box-sizing: border-box; border: 1px solid #131313; z-index: 1;}
.go_button ul li a:before {content:''; display: block; width: 0%; height: 100%; background: #fff; position: absolute; top: 0; z-index: -1; transition: all 0.3s;}
.go_button ul li a:first-child:before {left: 0;}
.go_button ul li a:nth-child(2):before {right: 0;}
.go_button ul li a:hover {color: #131313; transition: all 0.3s;}
.go_button ul li a:hover::before {width: 100%; transition: all 0.3s;}

/* section2 */
.section2 {position: sticky; top: 0; width: 100%; height: 100vh; background: url(../img/sectionbg2.jpg)no-repeat 50% 50%;}
.container {max-width: 800px; width: 100%; height: auto; margin: 0 auto;}
.section2 .title2 h2 {font-size: 45px; font-weight: bold; color: #fff; margin-bottom: 30px;}
.section2 ul li dl {margin-bottom: 20px;}
.section2 ul li dl > dt {font-size: 24px; font-weight: bold; color: #fff; margin-bottom: 10px;}
.section2 ul li dl > dd {font-size: 22px; font-weight: 400; color: #fff; word-break: keep-all;}