* {padding: 0; margin: 0;}
a {text-decoration: none;}
body, html {min-width: 100%; width: 100%; height: 100%; overflow: hidden;}
.page {width: 100%; display: flex; flex-direction: column;}
.header {padding: 0 230px; height: 85px; display: flex; align-items: center; justify-content: space-between;}
.header .logo {width: 143px; height: 66px;}
.header ul {display: flex;}
.header ul .this {background-color: #6C77FF !important; border-radius: 6px;}
.header ul .this a {color: #FFF;}
.header ul li {width: 90px; height: 42px; line-height: 42px; text-align: center; list-style: none; margin-right: 33px;}
.header ul .pullDown {width: 120px; position: relative;}
.header ul .pullDown:hover {background-color: #F7F7FF; border-radius: 6px;}
.header ul .pullDown:hover .down {height: 284px; transition: height 0.3s; box-shadow: 0px 3px 16px 2px rgba(217,217,217,0.6);}
.header ul .pullDown::after {content: ''; width: 100%; height: 30px; position: absolute; left: 0; bottom: -30px;}
.header ul .down {width: 100%; height: 0; overflow: hidden; background-color: #FFF; position: absolute; left: 0; top: 52px; border-radius: 8px;}
.header ul .down .item {height: 40px; text-align: left; margin: 6px 6px; padding: 0 8px;}
.header ul .down .item:hover {background-color: #F7F7FF; border-radius: 6px;}
.header ul .down a {color: #2D2D2D; font-size: 14px;}
.header ul li a {width: 100%; height: 100%; display: block; color: #31383E; font-size: 18px; text-decoration: none;}
.home .main {flex: 1; display: flex; margin-top: 20px;}
.home .main .left {width: 1100px; display: flex; flex-direction: column; justify-content: center; align-items: center; background: url('../images/bg1.png') no-repeat; background-size: cover; background-position: center;}
.home .main .left .logo {width: 110px; height: 160px; margin-left: 26px;}
.home .main .left .text {width: 504px; height: 56px; margin-top: 70px; margin-left: 60px;}
.home .main .btnGroup {margin-top: 195px; display: flex; margin-left: 200px;}
.home .main .btnGroup a {display: flex; flex-direction: column; align-items: center; justify-content: center; width: 166.79px; height: 113px; margin-right: 46px; border-radius: 15px; color: #FFF; font-size: 16px; position: relative;}
.home .main .btnGroup a .icon {width: 32px; height: 32px; margin-bottom: 14px;}
.home .main .btnGroup a .border {width: 264px; height: 0; overflow: hidden; display: flex; align-items: center; justify-content: center; background: url("../images/border.png") no-repeat; background-position: 0 30px; position: absolute; left: 50%; bottom: 115px; margin-left: -132px; transition: height .3s;}
.home .main .btnGroup a:nth-child(1):hover .border {height: 274px;}
.home .main .btnGroup a .border img {width: 175px; height: 175px; margin-top: 30px;}
.home .main .btnGroup a:nth-child(1) {background-color: #232537;}
.home .main .btnGroup a:nth-child(2) {background-color: #6C77FF;}
.home .main .btnGroup a:nth-child(3) {background-color: #44B6F5;}
.home .main .btnGroup a:nth-child(4) {background-color: #0064F2;}
.home .main .right {flex: 1; display: flex; align-items: center; justify-content: center;}
.home .main .right .phone {width: 100%; height: 100%; background: url('../images/phone.png') no-repeat; background-size: contain; background-position: center;}

.footer {width: 100%; height: 100px;}
.footer p {color: #A9A9A9; font-size: 16px; text-align: center; margin-top: 10px;}
.footer p a {margin-left: 5px; color: #A9A9A9; font-size: 16px;}
.footer p a:hover {color: #08214C;}

.aboutUs .main {flex: 1; background: url('../images/bg1.png') no-repeat; background-size: contain; background-position: left; background-attachment: fixed;  overflow-y: scroll;}
.aboutUs .main .title {color: #333333; font-size: 30px; text-align: center;}
.aboutUs .main .content {width: 1400px; margin: 0 auto; margin-top: 52px;}
.aboutUs .main .content p {line-height: 32px;}