@charset "UTF-8";

.inlist1{margin: 0 -26px;}
.inlist1 li{
    float: left;
    width: 50%;
    padding: 0 26px;
    margin-bottom: 30px;
}
.inlist1 li a{display: block;border: 1px solid #d7e9f7;padding: 30px 25px;transition: all .3s ease;}
.inlist1 li .t1{
    color: #333333;font-size: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 20px;
    font-family: 'pingfangbold';
}
.inlist1 li .t2{
    font-size: 16px;
    color: #999;
    overflow: hidden;
    height: 54px;
    line-height: 1.7;
}
.inlist1 li a:hover{background: #033c88;}
.inlist1 li a:hover .t1{color: #fff;}
.inlist1 li a:hover .t2{color: rgba(255,255,255,.6);}

.pages{text-align: center;font-size: 0;}
.pages a{
    display: inline-block;
    color: #666666;font-size: 12px;
    width: 30px;height: 40px;
    line-height: 40px;
    text-align: center;
    margin: 0 4px;
    font-family: '微软雅黑';
}
.pages .active, .pages a:hover{background: #3f4ab5;color: #fff;}
.pages .sheng:hover{background: transparent;color: #666;}
.mlist03{margin: 0 -32px;}
.mlist03 li{float: left;width: 33.3%;margin-bottom: 30px;padding: 0 32px;}
.mlist03 li a{padding: 15px;}
.mlist03 li .t2{height: auto;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.mlist02{font-size: 0;}
.mlist02 li{display: inline-block;font-size: 12px;vertical-align: top;padding: 0 28px;width: 33.3%;margin-bottom: 100px;}
.mlist02{margin: 0 -28px;}
.location{color: #999999;font-size: 16px;margin-bottom: 35px;}
.location a{color: #999999;font-size: 16px;}
.location a:hover, .location a.on{color: #033c88;}

.incontent{display: flex;align-items: stretch;}
.leftcon{ flex: 1;margin-right: 30px;}
.left-content{
    background: #fff;padding: 70px 45px 95px;
}
.rightbar{
    background: #fff;
    width: 336px;
    padding: 68px 20px;
}
.intitle{color: #333333;font-size: 20px;margin-bottom: 28px;text-align: center;font-family: 'pingfangbold';}
.intitle2{
    text-align: center;
    color: #999999;font-size: 16px;
    margin-bottom: 40px;
}
.intitle2 span{display: inline-block;margin: 0 10px;}
.detail-content{
    color: #999999;font-size: 16px;
    line-height: 1.9;
}
.rightbar .tt{
    color: #333333;font-size: 24px;padding-bottom: 35px;border-bottom: 1px solid #c3c3c3;
}
.inlist2 li{border-bottom: 1px solid #c3c3c3;padding: 30px 0;}
.inlist2 li .t1{color: #333333;font-size: 20px;margin-bottom: 12px;max-height: 60px;overflow: hidden;}
.inlist2 li .t2{color: #999999;font-size: 16px;line-height: 1.7;max-height: 54px;overflow: hidden;;}
.inlist2 li a:hover .t1{color: #033c88;}
.switch{margin-top: 40px;}
.switch a{
    display: block;
    max-width: 45%;
    color: #999999;font-size: 18px;
}
.switch a:hover{color: #333333;}
.aboutus{overflow: hidden;width: 100%;background: #fff;}
.about-tabs{font-size: 0;border-bottom: 1px solid #ececec;padding: 0 15px;}
.about-tabs a{
    display: inline-block;
    height: 86px;line-height: 86px;
    position: relative;
    color: #999999;font-size: 20px;
    margin-right: 116px;
    font-family: 'pingfangbold';
}
.about-tabs a::after{
    content: "";
    position: absolute;
    left: -100%;
    width: 0;
    height: 4px;
    background: #73a8ff;
    transition: all .3s linear;
    bottom: 0;
}
.about-tabs a.active::after, .about-tabs a:hover::after{width: 100%;left: 0;}
.about-tabs a.active, .about-tabs a:hover{color: #333333;}
.aboutcon{padding: 120px 0;}
.aboutcon .pic{width: 50%;}
.aboutcon .pic img{max-width: 100%;}
.aboutcon .texts{overflow: hidden;padding-left: 20px;}
.aboutcon .texts .tt{color: #3f4ab5;font-size: 30px;font-family: 'pingfangbold';margin-bottom: 60px;}
.aboutcon .texts .state{
    color: #333333;font-size: 14px;
    line-height: 1.9;font-family: 'pingfangbold';
}
.ditu{width: 100%;height: 408px;}
.BMap_cpyCtrl, .anchorBL{display: none;}
.honor{overflow: hidden;padding: 50px 0 120px;}
.honor .wrap{
    max-width: 1340px;
    padding: 0 20px;
    margin: 0 auto;
    position: relative;
}
.honor-swiper{overflow: hidden;max-width: 1200px;margin: 0 auto;}
.honor-swiper li{padding: 10px;}
.honor-swiper li a{display: block;padding: 20px;}
.honor-swiper li .pic{overflow: hidden;}
.honor-swiper li .pic img{width: 100%;transition: all ease .5s;}
.honor-swiper li a:hover .pic img{transform: scale(1.1);}
.honor-swiper li .tt{color: #333333;font-size: 14px;text-align: center;margin-top: 12px;line-height: 1.8;padding: 0 10px;}
.honor-swiper li a:hover{box-shadow: 0px 0px 10px 0px rgba(0,0,0,.1);}
.honor .btn{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.honor .prev{left: 0;}
.honor .next{right: 0;}
.joinus{padding: 80px 15px 100px;}
.inlist3 li a{
    display: block;
    padding: 25px;
}
.inlist3 li a:hover, .inlist3 li.active a{background: #f4f4f4;}
.inlist3 li .t1{font-family: 'pingfangbold'; color: #333333;font-size: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding-bottom: 15px;border-bottom: 1px solid #e5e5e5;margin-bottom: 15px;}
.inlist3 li .t2{color: #999999;font-size: 14px;display: flex;justify-content: space-between;}
.joinus .fw{position: relative;padding-bottom: 50px;}
.join-swiper{position: relative;overflow: hidden;}
.joinus .swiper-pagination{position: absolute;width: 100%;bottom: 0;}
.joinus .swiper-pagination-bullet{background: #000;opacity: .5;margin: 0 5px;}
.joinus .swiper-pagination-bullet-active{background: #000;opacity: 1;}
.joinmask{
    position: fixed;
    top: 0;left: 0;
    width: 100%;
    height: 100%;z-index: 1010;
    display: none;
}
.joinmask .bg{
    position: absolute;
    top: 0;left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0,0,0,.6);
    z-index: 1;
}
.joinmask .content{
    background: #fff;
    width: 1200px;
    max-width: 90%;
    left: 50%;
    position: absolute;
    top: 50%;transform: translate(-50%,-50%);
    max-height: 80%;
    overflow: auto;
    z-index: 2;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,.2);
    padding: 50px 80px;
}
.joinmask .close{
    position: absolute;
    right: 10px;top: 10px;
    width: 50px;height: 50px;text-align: center;
    line-height: 50px;
    z-index: 9;
}
.joinmask .name{color: #000000;font-size: 30px;font-weight: bold;padding-bottom: 20px;border-bottom: 1px solid #b2b2b2;margin-bottom: 20px;}
.joinmask .price{color: #ff6d6d;font-size: 24px;}
.joinmask .brief{
    color: #000000;font-size: 16px;line-height: 2.5;
    max-height: 400px;overflow: auto;
}