.banner{overflow: hidden;position: relative; width: 100%;}
.banner li{position: relative;text-align: center;}
.banner li img{width: 100%;}
.banner li .content{
    position: absolute;
    width: 1200px;
    left: 50%;
    margin-left: -600px;
    z-index: 9;
    top: 50%;
    transform: translateY(-50%);
}
.banner li .content .t1{color: #fff;font-size: 54px;margin-bottom: 8px;}
.banner li .content .t2{color: #fff;font-size: 30px;}
.banner .swiper-pagination{bottom: 36px;}
.banner .swiper-pagination-bullet{width: 138px;height: 5px;border-radius: 0;background-color: #fff;opacity: .4;}
.banner .swiper-pagination-bullet-active{background-color: #fff;opacity: 1;}

.main{overflow: hidden;width: 100%;}
.mbox1{padding: 54px 0 90px;}
.mbox1 .left{width: 50%;padding-right: 10px;}
.mbox1 .img{overflow: hidden;margin-top: 20px;padding-left: 20px;text-align: right;}
.mbox1 .title{margin-bottom: 66px;}
.mbox1 .title .en{text-transform: uppercase;color: #ededed;font-size: 42px;}
.mbox1 .title .cn{color: #333333;font-size: 40px;}
.mbox1 .state{
    color: #666666;
    font-size: 16px;
    line-height: 1.9;
    padding-bottom: 36px;
    margin-bottom: 40px;
    border-bottom: 1px solid #e4e4e4;
}
.mbox1 .list{display: flex;justify-content: space-between;margin-bottom: 68px;}
.mbox1 .list li{max-width: 45%;width: 295px;}
.mbox1 .list li .tt{height: 50px;line-height: 50px; color: #333333;font-size: 24px;margin-bottom: 20px;}
.mbox1 .list li .con{
    color: #333333;
    font-size: 16px;
}
.more{
    display: block;border: 1px solid #cccccc;text-align: center;width: 192px;height: 47px;line-height: 47px;
    color: #999999;transition: all .3s ease;font-size: 14px;border-radius: 4px;
}
.more:hover{background-color: #0264e9;color: #fff;border: 1px solid #0264e9;}
.mtitle{text-align: center;margin-bottom: 64px;}
.mtitle .en{text-transform: uppercase;color: #999999;font-size: 16px;}
.mtitle .cn{color: #333333;font-size: 30px;}
.mbox2{background-color: #fff;padding: 50px 0 60px;}

.imgnews{width: 65.9%;flex-shrink: 0;}
.mbox2 .right{overflow: hidden;flex: 1;padding-left: 30px;}
.mbox2 .more{margin: 46px auto 0;}
.mtabs{text-align: center;margin-bottom: 48px;}
.mtabs a{
    display: inline-block;
    background-color:rgba(214,214,214,.3);
    padding: 0 16px;
    height: 40px;
    line-height: 40px;
    color: #666666;
    margin: 0 10px;
    transition: all .3s ease;
    font-size: 18px;
}
.mtabs a.active, .mtabs a:hover{background-color: #0264e9;color: #fff;}
.mbox3{
    padding: 96px 0 310px;
    background-image: url(/public/images/abg1.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center bottom;
}
.company_wrap{background-color: #fff;padding: 54px 118px;position: relative;box-shadow: 0px 0px 15px 0px rgba(0,0,0,.2);}
.company_swiper{overflow: hidden;}
.company_swiper li .img{width: 304px;height: 190px;line-height: 190px;text-align: center; background-color: #f2f2f2; overflow: hidden;}
.company_swiper li .img img{max-width: 90%;max-height: 90%;}
.company_swiper li .con{overflow: hidden;padding-left: 48px;}
.company_swiper li .tt1{color: #333333;font-size: 26px;margin-bottom: 6px;}
.company_swiper li .state{color: #666666;font-size: 14px;margin-bottom: 30px;height: 64px;overflow: hidden;}
.company_wrap .prev{
    position: absolute;
    color: #fff;
    font-size: 24px;
    width: 46px;
    height: 46px;
    line-height: 46px;
    background-color: #cccccc;
    border-radius: 50%;
    text-align: center;
    left: 36px;
    top: 50%;
    margin-top: -25px;
    font-weight: bold;
}
.company_wrap .next{
    position: absolute;
    color: #fff;
    font-weight: bold;
    font-size: 24px;
    width: 46px;
    height: 46px;
    line-height: 46px;
    background-color: #cccccc;
    border-radius: 50%;
    text-align: center;
    right: 36px;
    top: 50%;
    margin-top: -25px;
}
.company_wrap .prev.my-button-disabled{opacity: .5;}
.company_wrap .next.my-button-disabled{opacity: .5;}
.mbox4{padding: 120px 0;}
.relation_swiper{overflow: hidden;}
.relation_swiper li a{display: flex;align-items: stretch;transition: all .3s ease;}
.relation_swiper li a:hover{box-shadow: 0px 0px 15px 0px rgba(0,0,0,.1);}
.relation_swiper li .img{width: 180px;flex-shrink: 0;overflow: hidden;}
.relation_swiper li .img img{width: 100%;height: 100%;transition: all ease .5s;}
.relation_swiper li a:hover .img img{transform: scale(1.1);}
.relation_swiper li .con{flex: 1;border: 1px solid #ededed;border-right: none;padding: 28px 25px;}
.relation_swiper li .t1{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #333333;
    font-size: 22px;
    margin-bottom: 16px;
}
.relation_swiper li .state{
    color: #666666;
    font-size: 16px;
    line-height: 1.8;
    margin-bottom: 24px;
}
.relation_swiper li .more2{
    display: block;
    width: 120px;
    height: 47px;
    border: 1px solid #ccc;
    color: #999999;
    text-align: center;
    line-height: 47px;
    border-radius: 5px;
    font-size: 14px;
}
.relation_swiper li a:hover .more2{background-color: #0264e9;border: 1px solid #0264e9;color: #fff;}
.relation_swiper .swiper-pagination{position: relative;bottom: 0;width: 100%;margin-top: 60px;}
.relation_swiper .swiper-pagination-bullet{
    width: 10px;
    height: 10px;
    background-color: #5180e8;
    opacity: .3;
    border-radius: 0;
    margin: 0 10px;
}
.relation_swiper .swiper-pagination-bullet-active{background-color: #5180e8;opacity: 1;}

.aboutimg{padding-top: 36px;border-top: 1px solid #e4e4e4;margin-top: 50px;}