@charset "UTF-8";
.banner{
    width: 100%;position: relative;
    overflow: hidden;
}
.banner li{
    background-repeat: no-repeat;
    background-size: cover;
    height: 762px;
}
.banner li .img{width: 100%;display: none;}
.banner li .content{
    position: absolute;
    width: 1200px;
    left: 50%;
    margin-left: -600px;
    z-index: 9;
    top: 272px;
}
.banner li .line{
    width: 88px;height: 6px;
    background: rgba(255,255,255,.3);
    margin-bottom: 30px;
}
.banner li .state{
    color: #fff;font-size: 50px;
    max-width: 600px;line-height: 1.3;
}
.banner-tabs{
    position: absolute;
    bottom: 100px;
    width: 1200px;
    left: 50%;
    margin-left: -600px;
    height: 50px;
    z-index: 9;
}
.banner-tabs .wrap{position: absolute;left: 0;top: 0;border-bottom:1px solid rgba(255,255,255,.2);height: 50px;}
.banner-tabs a{
    display: inline-block;
    color: #51acff;font-size: 20px;
    padding-bottom: 20px;position: relative;
}
.banner-tabs a+a{margin-left: 80px;}
.banner-tabs a::after{
    content: "";
    height: 3px;background: #fff;
    left: 0;
    bottom: 0;
    position: absolute;
    width: 0;
    transition: all .3s ease;
}
.banner-tabs a.active::after, .banner-tabs a:hover::after{width: 34px;}
.banner-tabs a.active, .banner-tabs a:hover{color: #fff;}

.mbox1{
    background: #f5f5f5;
    padding: 72px 0 100px;
}
.mtitle{text-align: center;margin-bottom: 76px;}
.mtitle .entitle{
    text-transform: uppercase;
    color: rgba(3,60,136,.3);
    font-size: 50px;
    margin-bottom: 10px;
}
.mtitle .title{
    color: #333333;font-size: 28px;
    font-family: 'pingfangbold';
}
.mswrap{position: relative;}
.mswrap .btn{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: none;
}
.mswrap:hover .btn{display: block;}
.mswrap .prev{left: 0;}
.mswrap .next{right: 0;}
.mswiper1{overflow: hidden;max-width: 1200px;margin: 0 auto;}
.mswiper1 li{background: #fff;}
.mswiper1 .itemtitle{padding: 0 35px;}
.mswiper1 .itemtitle .img{margin-right: 34px;height: 80px;line-height: 80px;}
.mswiper1 .itemtitle .img img{max-height: 100%;}
.mswiper1 .itemtitle a{display: flex;align-items: center;border-bottom: 1px solid #cbcbcb;padding: 25px 0;}
.mswiper1 .itemtitle p{color: #5198ed;font-size: 24px;}
.mlist1 dd a{
    display: block;
    padding: 18px 35px;
    transition: all .3s ease;
}
.mlist1 dd .t1{
    color: #333;font-size: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: 'pingfangbold';
    margin-bottom: 15px;
}
.mlist1 dd .t2{
    color: #999;font-size: 14px;
    height: 42px;overflow: hidden;
}
.mlist1 dd a:hover{background: #205296;}
.mlist1 dd a:hover .t1{color: #fff;}
.mlist1 dd a:hover .t2{color: #fff;}
.mbox2{padding: 74px 0 160px;overflow: hidden;background: url(../images/bg1.png) no-repeat center top;background-size: 1920px auto;}
.mswiper-wrap{max-width: 1200px;margin: 0 auto;padding: 80px 110px 30px;background: #fff;box-shadow:0px 0px 8px 0px rgba(32,82,150,.3);}
.mswiper2{overflow: hidden;padding-bottom: 20px;}
.mlist2 li a{display: block;border: 1px solid #fff;}
.mlist2 li .pic{overflow: hidden;}
.mlist2 li .pic img{transition: all ease .5s;max-width: 100%;}
.mlist2 li a:hover .pic img{transform: scale(1.1);}
.mlist2 li .con{padding: 25px 0 35px;transition: all .3s ease;}
.mlist2 li .t1{color: #333333;font-size: 20px;margin-bottom: 12px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-family: 'pingfangbold';}
.mlist2 li .t2{color: #999999;font-size: 14px;line-height: 1.6;height: 44px;overflow: hidden;}
.mlist2 li a:hover{box-shadow:0px 5px 10px 0px rgba(32,82,150,.3);background: #205296;border: 1px solid #205296;}
.mlist2 li a:hover .t1{color: #fff;}
.mlist2 li a:hover .t2{color: rgba(255,255,255,.6);}
.mlist2 li a:hover .con{padding: 25px 15px 35px;}
.mbox2 .mtitle .entitle{color: rgba(255,255,255,.4);}
.mbox2 .mtitle .title{color: #fff;}
.mbox3{padding-bottom: 146px;}
.mswiper3{overflow: hidden;max-width: 1200px;margin: 0 auto;}
.mlist3 li{padding: 5px;}
.mlist3 li a{display: block;transition: all .3s ease;padding: 10px;}
.mlist3 li .pic{overflow: hidden;}
.mlist3 li .pic img{transition: all ease .5s;width: 100%;}
.mlist3 li a:hover .pic img{transform: scale(1.1);}
.mlist3 li .con{padding-top: 18px;}
.mlist3 li .t1{color: #333333;font-size: 20px;margin-bottom: 10px;overflow: hidden;height: 60px;font-family: 'pingfangbold';}
.mlist3 li .t2{color: #999;font-size: 14px;line-height: 1.6;height: 44px;overflow: hidden;margin-bottom: 10px;}
.mlist3 li .t3{
    background: url(../images/jt.png) no-repeat right center;
    color: #4593f4;font-size: 16px;
    padding: 16px 0;
    border-top: 1px solid #d1d1d1;
}
.mlist3 li a:hover{box-shadow:0px 0px 8px 0px rgba(32,82,150,.1);}
.m-more{text-align: center;margin-top: 88px;}
.m-more a{
    display: inline-block;
    border-radius: 4px;
    background: #205296;
    color: #fff;
    font-size: 14px;
    width: 114px;height: 39px;line-height: 39px;
    text-align: center;
    font-weight: bold;
    transition: all .3s ease;
}
.m-more a:hover{opacity: .8;}
.mbox4{
    background: url(../images/bg3.png) no-repeat center;
    background-size: cover;
    padding: 110px 0 140px;
}
.mbox4 .pic{overflow: hidden;}
.mbox4 .texts{
    overflow: hidden;
    padding: 0 10px 0 30px;
}
.mbox4 .texts .tt1{color: #ffffff;font-size: 30px;font-family: 'pingfangbold';}
.mbox4 .texts .con{
    color: #ffffff;font-size: 16px;
    line-height: 2;
    margin: 30px 0 36px;
}
.mbox4 .texts .con p{font-family: 'pingfang';}
.mbox4 .texts .more{
    display: block;
    background: #fff;
    color: #2261b8;
    width: 122px;height: 38px;
    text-align: center;line-height: 38px;
    border-radius: 3px;
    transition: all .3s ease;
}
.mbox4 .texts .more:hover{background: #2261b8;color: #fff;}
.mbox5{
    background: url(../images/bg2.png) no-repeat center;
    background-size: cover;
    padding: 115px 0 95px;
}
.mbox5 .content{
    background: #fff;
    padding: 10px;
    position: relative;
    margin: 0 auto 50px;
    max-width: 1280px;
}
.mbox5 .swiper-pagination{
    position: absolute;width: 100%;
    bottom: -50px;
}
.mbox5 .swiper-pagination-bullet{margin: 0 5px;background: #3f4ab5;}
.mswiper4{overflow: hidden;}
.mswiper4 li{padding: 5px;}
.mswiper4 li a{display: block;height: 120px;line-height: 120px;text-align: center;}
.mswiper4 li a img{max-height: 80%;max-width: 80%;}
.mswiper4 li a:hover{box-shadow:0px 0px 8px 0px rgba(0,0,0,.1);}
.partner{background: #f4f4f4;}
.partner .content{background: transparent;}
.partner .mswiper4 li a{background: #fff;}
.partner .mswiper4 li{padding: 10px;}