@charset "utf-8";
html,body {margin: 0;padding:0;display:flex;flex-direction: column;max-width: 1920px}

body {display: flex;flex-direction: column;}
.x0 {width: 100%;height: 1020px;background: url("x01.png") no-repeat center bottom;display: flex;flex-direction: row;justify-content: center;}
.x0m {width: 1280px;height: 920px;display: flex;flex-direction: column;}
.x0m>.t {height: 120px;}
.x0m>.t {display: flex;flex-direction: row;justify-content: space-between;align-items: center;}
.x0m>.t>h1 {font-size: 25px;font-weight: 700;color: #4098EF}
.x0m>.t>div {display: flex;flex-direction: row;align-items: center}
.x0m>.t>div>a {margin-left: 50px;font-size: 18px;color: #555555;text-decoration: none;}
.x0m>.t>div>img {margin-left: 50px;}
.x0m>.t>div>.m {}
.x0m>.t>div>.r {}
.x0m>.m {flex-grow: 1;display: flex;flex-direction:row;justify-content: space-between;align-items: center}
.x0m>.m>.l {margin-right: 50px}
.x0m>.m>.l>img {width: 600px}
.x0m>.m>.r {}
.x0m>.m>.r>h1 {color: #4FDFDF;font-size: 28px;}
.x0m>.m>.r>h2 {font-size: 40px;text-shadow:#2D7DB8 1px 0 2px;color: #FFF}
.x0m>.m>.r>h3 {font-size: 36px;text-shadow:#2D7DB8 1px 0 2px;color: #FFF}
.x0m>.m>.r>h4 {font-size: 18px;color: #FFF;font-weight: 100;}

.x1 {display: flex;flex-direction: column;margin: 0 auto;width: 1280px;padding-bottom: 140px}
.x1>h1 {text-align: center;font-size: 46px;color: #444;margin: 115px 0}
.x1>div {display: flex;flex-direction: row;}
.x1>div>div {width: 25%;display: flex;flex-direction: column;justify-content: center;align-items: center}
.x1>div>div>div {width: 200px;height: 200px;display: flex;flex-direction: row;align-items: center;justify-content: center;box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);border-radius: 100px}
.x1>div>div>div>div {width: 140px;height: 140px;background: #F0F5FF;border-radius: 70px;display: flex;flex-direction: column;justify-content: center;align-items: center}
.x1>div>div>div>div>image {}
.x1>div>div>h3 {font-size: 24px;color: #444;margin-top: 43px;margin-bottom: 21px;}
.x1>div>div>p {font-size: 18px;color: #444;line-height: 24px;width: 260px}

.x2s {width: 100%;height: 560px;background: url("x20.png") no-repeat center bottom;display: flex;flex-direction: row;justify-content: center;}
.x2 {width: 1280px;height: 560px;display: flex;flex-direction: row;justify-content: space-between;align-items: center}
.x2>image {}
.x2>div {display: flex;flex-direction: column;}
.x2>div>h1 {font-size: 36px;color: #444444;}
.x2>div>div {color: #555555;font-size: 24px;display: flex;flex-direction: row;align-items: center;margin-bottom: 30px}
.x2>div>div>div {width: 34px;height: 34px;background: url("/home/static/x22.png") no-repeat center;display: flex;flex-direction: row;align-items: center;justify-content: center; }
.x2>div>div>div>image {filter: invert(0);}
.x2>div>div>span {font-size: 24px;color: #157EFF;}
.x2>.l>div {justify-content: flex-start;}
.x2>.l>div>div {margin-right: 24px}
.x2>.r>div {justify-content: flex-end;}
.x2>.r>div>div {margin-left: 24px}

.x3 {width: 100%;height: 140px;background: #2868F2;text-align: center;line-height: 140px;color: #FFF;font-size: 13px}
.x3 a {color: #FFF;font-size: 13px;text-decoration: none}