.container {
    width: 100%;
    height: 100%;
    overflow: auto;
}



.container .main {
    margin-top: 120px;
    width: 100%;
}

.container .main .banner {
    width: 100%;
    height: 820px;
}

.container .main .banner img {
    width: 100%;
    height: 100%;
}
.container .main .banner .cimg{
    position: relative;
}
.container .main .banner .banner-box {
    position: absolute;
    left: 360px;
    top: 250px;
    z-index: 999;
}

.container .main .banner .banner-box .book {
    font-size: 20px;
    display: flex;
    flex-direction: column;
}
.container .main .banner .banner-box .book p{
    color: #000000;
    font-family: Source Han Sans CN-Medium, Source Han Sans CN;
}
.container .main .banner .banner-box .book p:nth-child(1){
    width: 225px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    color: #1363FF;
    background: #9ABCFF;
    font-size: 20px;
    font-weight: 500;
}
.container .main .banner .banner-box .book p:nth-child(2){
    margin-top: 20px;
    font-size: 60px;
    font-weight: 500;
}
.container .main .banner .banner-box .book p:nth-child(3){
    margin: 15px 0;
    font-size: 24px;
}
.container .main .banner .banner-box .memo {
    margin: 15px 0;
    font-size: 24px;
}

.container .main .banner .banner-box .info {
    width: 124px;
    color: #fff;
    cursor: pointer;
    height: 52px;
    line-height: 52px;
    text-align: center;
    background: #1363FF;
}

.container .main .banner .banner-box .banner-nav {
    margin-top: 130px;
    display: flex;
}

.container .main .banner .banner-box .banner-nav .banner-nav-item {
    width: 80px;
    margin: 0 5px;
    text-align: center;
    padding-bottom: 8px;
    border-bottom: 2px solid #D7DAE2;
}

.container .main .main-nav {
    margin: 0 auto;
    width: 1000px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.container .main .main-nav .main-nav-item {
    width: 200px;
    display: flex;
    flex-direction: column;
    position: relative;
}

.container .main .main-nav .main-nav-item .img-line {
    position: absolute;
    right: 0;
    top: 0;
}
.container .main .main-nav .main-nav-item:nth-child(4) .img-line{
    display: none;
}
.container .main .main-nav .nav-title {
    font-size: 20px;
    line-height: 22px;
}

.container .main .main-nav .nav-memo {
    margin-top: 16px;
    font-size: 12px;
}

.container .main .main-nav .nav-title img {
    margin-left: 20px;
}

.container .main .main-wait {
    height: 635px;
    overflow-y: hidden;
    background: url('../../static/assets/banner2.png') no-repeat;
    background-size: cover;
}

.container .main .main-wait .box {
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.container .main .main-wait .box .title {
    margin-top: 97px;
    font-size: 44px;
}

.container .main .main-wait .box .memo {
    color: #EEEEEE;
    font-size: 24px;
    margin: 12px 0;
}

.container .main .main-wait .box .info {
    width: 188px;
    height: 48px;
    font-size: 24px;
    cursor: pointer;
    line-height: 48px;
    text-align: center;
    color: #1363FF;
    background: #FFFFFF;
    border-radius: 30px 30px 30px 30px;
}
.container .main .main-wait .box .info a{
    color: #1363FF;
}
.container .main .main-wait .foot {
    margin-top: 90px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.container .main .main-wait .foot .foot-item {
    text-align: center;
    width: 33.3%;
}

.container .main .main-wait .foot .foot-item p {
    font-size: 48px;
}

.container .main .main-wait .foot .foot-item .memo {
    margin-top: 10px;
    color: #D8D8D8;
    font-size: 14px;
}

.container .main .main-client {
    height: 685px;
    background: url('../../static/assets/client.png') no-repeat;
    background-size: cover;
}

.container .main .main-client p {
    text-align: center;
}

.container .main .main-client p:nth-child(1) {
    padding-top: 20px;
    color: #1363FF;
    font-size: 44px;
}

.container .main .main-client p:nth-child(2) {
    margin: 20px 0;
    color: #1363FF;
    font-size: 24px;
}

.container .main .main-client .client {
    display: flex;
    align-items: center;
    justify-content: center;
}

.container .main .main-client .client .client-item {
    margin: 10px;
    position: relative;
}

.container .main .main-client .client .client-item .box {
    position: absolute;
    left: 0px;
    top: 220px;
    padding: 0 20px;
    text-align: center;
}

.container .main .main-client .client .client-item .box .title {
    font-size: 20px;
}

.container .main .main-client .client .client-item .box .memo {
    font-size: 14px;
    margin: 20px 0 80px 0;
}

.container .main .main-client .client .client-item .info {
    margin: 0 auto;
    width: 80px;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    color: #3680FF;
    cursor: pointer;
    text-align: center;
    border: 1px solid #3680FF;
}

.container .main .main-client .client .client-item:nth-child(2) .info {
    color: #9D50FF;
    border: 1px solid #9D50FF;
}

.container .main .main-client .client .client-item:nth-child(3) .info {
    color: #FF7E00;
    border: 1px solid #FF7E00;
}

.container .main .main-client .client .client-item:nth-child(4) .info {
    color: #54C756;
    border: 1px solid #54C756;
}

.container .main .main-news {
    height: 800px;
    background: linear-gradient(to bottom, #D4E3FF 0%, #FFFFFF 30%, #FFFFFF 100%);
}

.container .main .main-news .title {
    text-align: center;
    font-size: 44px;
    padding-top: 80px;
}

.container .main .main-news .nav {
    margin: 30px 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.container .main .main-news .nav .nav-item {
    margin: 0 10px;
    width: 145px;
    font-size: 18px;
    text-align: center;
    padding-bottom: 15px;
    border-bottom: 2px solid #D7DAE2;
}

.container .main .main-news .box {
    display: flex;
    justify-content: center;
}

.container .main .main-news .box .top {
    padding: 30px 20px;
    background-color: #F4F7FC;
}

.container .main .main-news .box .left {
    width: 600px;
    overflow: hidden;
}

.container .main .main-news .box .top .titles {
    color: #1363FF;
    font-size: 22px;
}

.container .main .main-news .box .top .memos {
    margin: 20px 0;
    color: #5F5F5F;
}

.container .main .main-news .box .top .dates {
    color: #878787
}

.container .main .main-news .box .img {
    width: 100%;
    overflow: hidden;
    transition: all .7s;
}
.container .main .main-news .box .img:hover{
    transform: scale(1.1);
}
.container .main .main-news .box .img img {
    width: 100%;
    height: 100%;
}

.container .main .main-news .box .right {
    margin-left: 20px;
    width: 600px;
    display: flex;
    align-items: center;
    flex-direction: column;
}

.container .main .main-news .box .right .news-item {
    display: flex;
}

.container .main .main-news .box .right .news-item .news-left {
    width: 180px;
    height: 120px;
    overflow: hidden;
}

.container .main .main-news .box .right .news-item .news-left img {
    width: 100%;
    height: 100%;
    overflow: hidden;
    transition: all .7s;
}
.container .main .main-news .box .right .news-item .news-left img:hover{
    transform: scale(1.1);
}
.container .main .main-news .box .right .news-item .news-right {
    padding-left: 10px;
}

.container .main .main-news .box .right .news-item .news-right p:nth-child(1) {
    font-size: 18px;
}

.container .main .main-news .box .right .news-item .news-right p:nth-child(2) {
    margin: 25px 0;
}

.container .main .main-news .box .right .news-item .news-right p:nth-child(3) {
    color: #878787;
}

.container .main .main-news .box .right .line {
    margin: 10px 0;
    width: 100%;
    height: 1px;
    background-color: #f9f9f9;
}

.container .main .main-news .more {
    margin-top: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.container .main .main-news .more a{
    color: #1363FF;
    display: flex;
    align-items: center;
}

.container .main .main-news .more span {
    font-size: 24px;
    cursor: pointer;
}

.container .main .main-link {
    height: 1085px;
    background: url('../../static/assets/linkbg.png') no-repeat;
    background-size: cover;
}

.container .main .main-link .title {
    color: #1363FF;
    font-size: 30px;
    text-align: center;
    padding-top: 80px;
}

.container .main .main-link .box {
    margin-top: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.container .main .main-link .box .box-item {
    margin: 0 20px;
}

.container .main .main-link .box .box-item .img {
    width: 285px;
    height: 490px;
    overflow: hidden;
    position: relative;
}

.container .main .main-link .box .box-item .img img {
    width: 100%;
    height: 100%;
}

.container .main .main-link .box .box-item .img .op {
    position: absolute;
    left: 0;
    bottom: 0;
    color: #FFFFFF;
    cursor: pointer;
    width: 100%;
    height: 160px;
    transition: .25s, 1s;
    background: rgba(90, 146, 255, 0.5);
}

.container .main .main-link .box .box-item .img .op .titles {
    margin: 20px 10px;
    font-size: 25px;
}

.container .main .main-link .box .box-item .img .op .memo {
    font-size: 12px;
    line-height: 1.8;
    margin: 0px 10px;
}

.container .main .main-link .box .box-item .img:hover .op {
    height: 400px;
    background-color: #1363FF;
}

.container .main .main-link .coop {
    margin:40px auto 0 auto;
    width: 1300px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.container .main .main-link .coop .img {
    margin: 5px 0;
    width: 154px;
    height: 154px;
}

.container .main .main-link .coop .img img {
    width: 100%;
    height: 100%;
}
.container  .main-service{
    height: 50vh;
    /* 加载背景图 */
    background-image: url("../../static/assets/bgtu.jpg");
    /* 背景图垂直、水平均居中 */
    background-position: center center;
    /* 背景图不平铺 */
    background-repeat: no-repeat;
    /* 当内容高度大于图片高度时，背景图像的位置相对于viewport固定 */
    background-attachment: fixed;
    /* 让背景图基于容器大小伸缩 */
    background-size: cover;
    /* 设置背景颜色，背景图加载过程中会显示背景色 */
    background-color: #464646;
}
.container .main .main-phone {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #fff;
    height: 500px;
    background-color: #1363FF;
}

.container .main .main-phone p:nth-child(1) {
    font-size: 44px;
}

.container .main .main-phone p:nth-child(2) {
    margin: 30px 0;
    font-size: 22px;
}

.container .main .lxwm {
    cursor: pointer;
    border: 1px solid #fff;
    padding: 10px 25px;
    border-radius: 100px;
}

/*.container .layui-carousel-ind{*/
/*    top: -180px;*/
/*    left: -465px;*/
/*}*/
.container .layui-carousel-ind ul{
    background: none;
}
.container .layui-carousel-ind ul li{
    border-radius: 0;
    height: 5px;
    width: 80px;
    background: #D7DAE2;
}
.container .layui-carousel-ind ul .layui-this{
    background: #FFF;
}