.index_bg{min-width: 1200px;  height: 988px; background: url(../images/index_bg.jpg) center top no-repeat;}

.banner{width: 100%;margin: 158px auto 0; position: relative; overflow: hidden;}
.banner img{width:1010px;}
.banner .text1{margin: 0 auto;text-align: left;padding-left: 39px;}
.banner .text2{margin: 55px auto 0;text-align: right;padding-right: 39px;}

/* .banner::after{content: "";position: absolute;top:0; left: 0;width: 100%;height: 100%;background: url(../images/text_bg.png);
    animation:bgmove 8s ease-out infinite; z-index: 899;}
@keyframes bgmove{
    0%{left:0;}
    100%{left: 100%;}
} */

.index_nav{width: 1155px;margin: 128px auto 0;}
.index_nav .layui-col-xs4:first-child{text-align: left;}
.index_nav .layui-col-xs4:last-child{text-align: right;}
.index_nav a{display: inline-block; width: 286px;color:var(--white);}
.index_nav img{transition: transform .2s ease-in;}

.index_nav a:hover img{transform: scale(1.1)}


.about{margin-top: 175px;}
.about .img{width: 500px;margin-left: 132px;}
.about .content{margin-top: 75px; font-size: 18px;line-height: 1.8em;}
.about .flex-1{position: relative;}
.btn-blue {position: absolute;bottom: 0;left: 0; background-color: var(--blue);font-size: 18px;}

.history{margin-top: 160px;}
.timeline{margin-top: 270px;margin-bottom: 270px;}
.timeline .layui-col-xs2{height: 240px;cursor: default;}
.timeline .timeline_item{ margin-top: 118px; position: relative;height: 4px; font-size: 0; background-color: #ddd;text-align: center;}
.timeline_move{position: absolute;left:-50%;top:0; width:0px; height: 4px; background-color: var(--blue);transition:width .4s ease-in;}
.timeline_axis{position: absolute;left: 50%;top:-2px;z-index: 100;width: 8px;height: 8px;margin-left: -4px;background-color: #a8a8a8;border-radius: 50%;cursor: pointer; transition:box-shadow .4s ease-in 0.1s;}
.timeline_date,.timeline_title{ position: absolute;left: 0;width: 100%;padding: 0 5px; box-sizing: border-box;}
.timeline_date{font-size: 24px; }
.timeline_title{font-size: 16px;line-height: 1.75;}
.timeline .layui-col-xs2:nth-child(odd) .timeline_date{bottom:0;padding-bottom: 40px;}
.timeline .layui-col-xs2:nth-child(odd) .timeline_title{top:0;padding-top:36px;}
.timeline .layui-col-xs2:nth-child(even) .timeline_date{top:0;padding-top:36px;}
.timeline .layui-col-xs2:nth-child(even) .timeline_title{bottom:0;padding-bottom: 40px;}
.timeline .timeline_item.hover{color: var(--blue)}
.timeline .timeline_item.hover .timeline_move{width: 100%;}
.timeline .layui-col-xs2:first-child .timeline_item.hover .timeline_move{left: 0; width: 50%;}
.timeline .timeline_item.hover .timeline_axis{background-color: var(--blue);box-shadow: 0 0 1px 15px rgba(0, 109, 232, 0.5), 0 0 1px 30px rgba(0, 109, 232, 0.2);}

.plate{margin-top: 124px;}
.plate .layui-row{margin-top: 125px;}
.plate .card{display:block; height:620px;color: var(--white);}

.plate .plate_item:nth-child(1) .card{background-color: #5e8bb4;box-shadow: 0 0 10px rgba(94,139,180,0.4);}
.plate .plate_item:nth-child(2) .card{background-color: #74839a;box-shadow: 0 0 10px rgba(116,131,154,0.4);}
.plate .plate_item:nth-child(3) .card{background-color: #5178c5;box-shadow: 0 0 10px rgba(80,120,197,0.4);}
.plate .plate_item:nth-child(1) .card:hover{box-shadow: 0 0 30px rgba(94,139,180,0.6);}
.plate .plate_item:nth-child(2) .card:hover{box-shadow: 0 0 30px rgba(116,131,154,0.6);}
.plate .plate_item:nth-child(3) .card:hover{box-shadow: 0 0 30px rgba(80,120,197,0.6);}
.plate .card_head{margin-top: 30px; font-size: 22px;padding: 0 18px;}
.plate .card_body{margin-top: 30px ; font-size: 17px;line-height: 2;padding: 0 18px;}

.contact{margin-top: 220px;padding:0 65px}
.contact .title{height: 66px;position: relative;}
.contact .title::after{content: "";position: absolute;left:0;bottom: 0; width: 60px;border-bottom: solid 5px var(--blue);}
.contact .layui-form{margin-top: 60px;}
.contact .layui-form .layui-form-item {margin-bottom: 30px;}
.contact .layui-form .layui-input{height: 48px;}
.contact .layui-textarea{height: 200px;}
.contact .layui-form-mid{width: 80px;}
.contact .item{padding-left: 104px; margin-bottom: 24px;line-height: 40px;font-size: 18px;}
.contact .item:first-child{margin-top: 90px;}
.contact .item .layui-icon{font-size: 40px;color: #000;margin-right: 20px;}
.contact .item .layui-icon, .contact .item p{display: inline-block; vertical-align: top;}
.contact .item .phone{padding-left: 60px; background: url(../images/telephone.svg) 4px center no-repeat; background-size: 32px 32px;}
.contact .submit{background-color: var(--blue);height: 48px;line-height: 48px;font-size: 18px;}

.honor{height: 352px; background: url(../images/honor.jpg) center center no-repeat;}
.layui-carousel>[carousel-item]:before{display: none;}
#carousel{width: 100%;height: 352px;background: none;}
#carousel .item{background: none;}
#carousel .item .layui-col-md3{padding:40px;height: 352px;box-sizing: border-box;text-align: center;}
#carousel img{max-width: 100%;max-height: 100%;}


@media screen and (max-width: 1441px) {
    .index_bg {
        height: 820px;
    }
    .banner {
        margin-top: 108px;
    }
    .index_nav {
        margin-top: 88px;
    }
    .plate {
        margin: 104px auto 0;
        width: 90%;
    }
    .plate .layui-row {
        margin-top: 80px;
    }
    .plate .card {
        height: 540px;
    }
    .plate .card_head {
        margin-top: 20px;
    }
    .plate .card_body {
        margin-top: 20px;
        line-height: 1.6;
    }
    .honor {
        height: 295px;
    }
    #carousel .item .layui-col-md3 {
        padding: 40px;
        height: 295px;
    }
}