/* 初始化 */ *{margin: 0;padding: 0;border: 0;} a{text-decoration: none;} li{list-style: none;} button{outline: none;} html{font-size: 20px;} h4{font-size: 1rem;} img{display: block;width: 100%;} @font-face { font-family: 'youshe'; src: url(../fonts/ys.ttf); } @font-face { font-family: 'pangmen'; src: url(../fonts/pmcst.ttf); } @font-face { font-family: 'yanshi'; src: url(../fonts/YanShiQiuHongKai-2.ttf); } /* Go */ .page{width: 77%;margin: 0 auto;height: 100%;padding-top:6.21%;padding-bottom: 4.61%;position: relative;} .section1{width: 100%;max-height: 950px;background-size: 100%;} .section1 .logo{padding-left: 10.5%;} .section1 .de h3{ text-align: center;padding-top:6.21%;padding-bottom: 3.2%; font-size: 40px; } .section1 .de h4{font-size: 26px;text-align: center;font-weight: normal;padding-bottom: 1%;color: #000000;} .section1 .de h5{font-size: 26px;text-align: center;padding-top: 3.5%;padding-bottom:1%;font-weight: normal;font-weight: bold;} .section1 .de h6{font-size: 26px;text-align: center;padding-top: 15%;padding-bottom:1%;font-weight: normal; font-weight: bold;} .section1 .de .lang-en{padding-bottom: 20px; display: block;text-align: center;padding-top: 50px;} .section1 .de .lang-en a{text-align: center;color: #FFFFFF;background-color:#73deb4; padding: 10px 8px; border-radius: 50px;font-size: 26px;} .section1 .imgbox{flex: 0.9;} .section1 .words{flex: 1.1;} .section1 .imgbox .img{max-width: 560px;} .section1 .words{display: flex;justify-content: space-between; flex-direction: column; align-items: center;height: 720px;} .section1 .logo{width:78%;display: flex;justify-content: space-between;flex: 0 0 22.2%;} .section1 .logo_img{max-width: 25.5%;} .section1 h1{font-size: 70px;line-height: 200%;text-align: center;color: #2c2c2c;} .section1 .toptext{font-family: 'youshe';text-align: center;font-size:75px;font-weight: 700;color: #62c9c6;width: 100%;flex: 0 0 30.5%; line-height: 122%;} .section1 .downloadBox{width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;height: 33.3%;} .section1 .downloadBox a{display: block;background-color: #313131;text-align: center;height: 90px;width: 72%;color: #fff;line-height: 90px;border-radius: 30px;font-size: 30px;cursor: pointer;} .section1 .downloadBox .ios{width: 45%;position: relative;} .section1 .downloadBox .ios a{width: 100%;} .section1 .downloadBox .ios .code{width: 100%;position: absolute;top: -46px;opacity: 0;transition: 0.4s;} .section1 .downloadBox .ios .code img{cursor: pointer;} .section1 .downloadBox .ios:hover .code{opacity: 1;} .section1 .downloadBox a{background-image: linear-gradient(#1095c1 0 0), linear-gradient(#1095c1 0 0); background-repeat: no-repeat; background-size: 50% .08em; background-position: -100% 100%, 200% 0; transition: background-size .3s, background-position .3s .3s;} .section1 .downloadBox a:hover { background-size: 50% 100%; background-position: 0 100%, 99.8% 0; transition: background-size .3s .3s, background-position .3s; } .m{display: none !important;} /* SECTIONS2 */ .section2{width: 100%;max-height: 950px;background: url(../images/s2_bg.jpg)no-repeat center;background-size: 100%;} .container{width: 77%;margin: 0 auto;height: 100%;padding-bottom: 3.1%;} .container h2{font-size:65px;margin: 0 auto;width: 100%;display: block;text-align: center;padding-bottom: 3%;padding-top: 3%;} .container .content{display: flex;justify-content: space-between;} .wyImg_box{width: 50%;} .wyWord_box{ width: 43.2%; display: flex; flex-direction: column; align-items: center; justify-content: center;} .wyWord_box .wylettle{flex: 1;width: 100%;} .wyWord_box .wyP{flex: 1;} .wyWord_box h3{font-size: 115px;font-family: 'pangmen';font-weight: 500;text-align: center;background: url(../images/titlebg1.png)no-repeat center;height: 100%;line-height: 200%;background-size: 100%;background-position: 0 0;} .wyWord_box .wyP{font-family: 'yanshi';font-size:60px;} .wyWord_box .wyP b{font-size:76.5px;} /* SECTIONS3 */ .section3{background: url(../images/s3_bg.jpg) no-repeat center;background-size: 100%;} .second .container{padding-top: 3.81%;} .section4{background: url(../images/s4_bg.jpg) no-repeat center;background-size: 100%;} .section5{background: url(../images/s5_bg.jpg) no-repeat center;background-size: 100%;} .section4 h2{padding-top: 0;} .se{background: url(../images/titlebg2.png) no-repeat center !important; background-size: 100% !important;line-height: 310% !important;} /* botttom */ .footer{background: url(../images/bbg.jpg) no-repeat center;} .footer .container{padding: 0;} .footer .container h2{padding: 0;} .footer .container{display: flex;flex-direction: column;align-items: center;justify-content: space-between;padding-top:3%;padding-bottom:1%;} .footer h2{height: 200px;line-height: 160px;position: relative;background: url(../images/Many.png)no-repeat center;background-size:100%;width: 40%;} .footer .bq{ height: 240px;margin-top: 0%; line-height: 50px;color: #313131; display: flex; flex-wrap: wrap; justify-content: center; font-size: 22px; align-items: center; align-content: center;} .footer .bq li:first-child{margin-right: 6%;} .footer .bq li:last-child{padding-right: 0;width: 100%;text-align: center;} .footer .bq a{color: #313131;} .language{width: 12%;border: 1px #69c9c6 solid;font-size: 21px;text-align: center;height: 36px;line-height: 36px;position: absolute;right: 0;top: 8%;} .language a{ color: #69c9c6;} .language:hover{border: 1px #2695be solid;} .language:hover a{color: #2695be;} body{background: #e4f9f7;} .pword{width: 100%;} .pword p{text-align: center;font-size: 1.8vw !important;color:#2c2c2c;} /* se6 */ .section6 {background: url(../images/bbg.jpg) no-repeat center;} .section6 .container{padding: 0;} .section6 .container h2{padding: 0;} .section6 .container{display: flex;flex-direction: column;align-items: center;justify-content: space-between;padding-top:5%;padding-bottom:6%;} .section6 h2{height: 200px;line-height: 160px;position: relative;background: url(../images/Many.png)no-repeat center;background-size:100%;width: 40%;} .flex_m{ display: flex; flex-wrap: wrap; height: 200px; align-content: center; justify-content: space-around;} .flex_m p{padding-top: 30px;} /* 2022-9-15 */ .footer li:last-child a{padding-right: 30px;} .footer li:last-child a:hover{color: #69c9c6;} /* links 链接 */ .links .title{font-size: 1.3vw;font-weight: bold;padding-bottom: 2%;} .links a{color: #1095c1;} .links li{font-size: 1vw;}