.dn{display:none}
.message-box{background:url(../images/message-bg.jpg) no-repeat center;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;padding:105px 0 122px}
.msg-h3{font-size:36px;font-weight:700;color:#2b2b2b;line-height:46px;text-align:center}
.message-list{overflow:hidden;margin-left:-2%;margin-top:66px}
.message-list>li{float:left;width:31.3%;margin-left:2%;height:398px}
.message-list .top{font-size:24px;color:#fff;line-height:66px;font-weight:700;position:relative}
.message-list .top a{color:#fff;display:block;padding:0 50px}
.message-list .top::after{content:'';width:7px;height:12px;background:url(../images/nl-arr2.png) no-repeat center;position:absolute;right:66px;top:50%;margin-top:-6px}
.message-list .left .top{background:url(../images/message.jpg) no-repeat center;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover}
.message-list .center .top{background:url(../images/message1.jpg) no-repeat center;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover}
.message-list .right .top{background:url(../images/message2.jpg) no-repeat center;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover}
.message-list .left{background-color:#ddeaf8}
.message-list .center{background-color:#e2f1fa}
.message-list .right{background-color:#eceffc}
.side-item,.side-ul{padding:23px 0 29px;height:calc(100% - 66px);overflow:hidden}
.side-item ul,.side-ul ul{height:100%;overflow:hidden}
.side-item li,.side-ul li{padding:0 50px;overflow:hidden;font-size:16px;color:#999;line-height:40px}
.side-ul li span{float:right;margin-left:15px}
.side-ul li a{display:block;color:#222;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.side-ul li a:hover{color:#004ea2}
.side-item li .pic{display:none;float:left;width:120px;height:90px;margin-right:20px;overflow:hidden}
.side-item li .pic img{height:100%;object-fit:cover}
.side-item li .info{position:relative;overflow:hidden}
.side-item li .title{display:block;color:#222;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.side-item li span{float:right;margin-left:15px}
.side-item li.active{padding-top: 10px;padding-bottom: 10px;}
.side-item li.active .pic{display:block}
.side-item li.active .title{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;font-size:17px;color:#004ea2;font-weight:700;line-height:24px;white-space:normal;height:72px}
.side-item li.active .info{height:90px}
.side-item li.active span{float:none;margin-left:0;position:absolute;left:0;bottom:-6px;color:#222;line-height:26px}
.message-box1{background:url(../images/message-bg1.jpg) no-repeat center;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;padding:95px 0 90px}
.social-box{margin-top:45px}
.social-box .text{float:left;width:52%}
.social-box .text dl:first-child{margin-bottom:40px}
.social-box .text dl:nth-of-type(2){margin-bottom:66px}
.social-box .text dl:nth-of-type(3){margin-bottom:78px}
.social-box .text dt{font-size:20px;color:#333;line-height:30px;margin-bottom:9px}
.social-box .text dd{font-size:16px;color:#666;line-height:24px}
.social-box .pic{float:right;width:38%;position:relative;padding-left:46px;padding-bottom:252px}
.social-box .pic img{-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;}
.social-box .pic .img1{position:absolute;left:0;bottom:0;max-width:350px;width:100%;z-index: 2}
.social-box .pic .img2{max-width:503px;width:100%;position: relative;}
.social-box .img1:hover{-webkit-transform: scale(1.05, 1.05);
-ms-transform: scale(1.05, 1.05);
-o-transform: scale(1.05, 1.05);
transform: scale(1.05, 1.05);}
.social-box .img2:hover{-webkit-transform: scale(1.05, 1.05);
-ms-transform: scale(1.05, 1.05);
-o-transform: scale(1.05, 1.05);
transform: scale(1.05, 1.05);z-index: 3;}
.see-more{display:block;width:222px;height:63px;text-align:center;background-color:#d30216;font-size:18px;color:#fff;line-height:63px;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}
.see-more:hover{background-color:#004ea2;color:#fff}
.message-box2{background:url(../images/message-bg2.jpg) no-repeat center;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;padding:90px 0 98px}
.message-box2 .msg-h3{margin-bottom:74px}
.message-box2 .see-more,.message-box3 .see-more{margin:0 auto}
.info-list{margin-bottom:84px}
.info-list li{overflow:hidden;line-height:60px;font-size:18px;color:#4c4c4c;background-color:#fff;margin-bottom:20px;padding:0 50px 0 30px;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}
.info-list li span{display:block;float:right;margin-left:20px}
.info-list li a{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#4c4c4c}
.info-list li:hover{background-color:#004ea2;color:#fff}
.info-list li:hover a{color:#fff}
.message-box3{background:url(../images/message-bg3.jpg) no-repeat center;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;padding:92px 0 80px}
.help-list{margin-top:58px;margin-left:-2%;margin-bottom:50px}
.help-list li{float:left;width:31.3%;margin-left:2%;background-color:#fff;box-shadow:5px 0 25px rgba(51,51,51,.1);-webkit-transition:all .3s ease-out;transition:all .3s ease-out}
.help-list li .pic{display:block;width:100%;height:0;overflow:hidden;position:relative;padding-top:50.44%}
.help-list li .pic img{position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}
.help-list li .help-info{padding:25px 30px 45px}
.help-list li .help-info .tit{display:block;font-size:20px;color:#2b2b2b;line-height:30px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.help-list li .help-info span{display:block;font-size:14px;color:#666;line-height:24px;margin-bottom:14px}
.help-list li .help-info p{font-size:14px;line-height:24px;height:48px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}

.message-box4{background:url(../images/message-bg4.jpg) no-repeat center;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;padding:90px 0}
.card-area{overflow:hidden;margin-top:50px;margin-bottom:110px}
.card-area li{float:left;height:520px;width:20%;text-align:center;padding-top:160px;color:#fff;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}
.card-area li.card1{background:url(../images/card-pic.jpg) no-repeat center center;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover}
.card-area li.card2{background:url(../images/card-pic1.jpg) no-repeat center center;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover}
.card-area li.card3{background:url(../images/card-pic2.jpg) no-repeat center center;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover}
.card-area li.card4{background:url(../images/card-pic3.jpg) no-repeat center center;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover}
.card-area li img{display:inline-block;width:92px}
.card-area li strong{display:block;font-size:24px;line-height:34px;font-weight:700;margin-top:42px}
.card-area li a{display:none;font-size:18px;color:#fff;line-height:28px;margin-top:75px}
.card-area li.active{width:39.8%;padding-top:122px}
.card-area li.active img{width:104px}
.card-area li.active a{display:block}
.firm-box{margin-top:46px}
.tab-box{overflow:hidden;margin-bottom:60px}
.tab-firm{float:right;overflow:hidden}
.tab-firm li{float:left;margin-left:15px;border-radius:3px;background:url(../images/tab-bg.jpg) no-repeat center;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;color:#004ca0;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}
.tab-firm li span{display:block;cursor:pointer;font-size:22px;font-weight:700;line-height:58px;padding:0 54px}
.tab-firm li.on{background:url(../images/tab-bg1.jpg) no-repeat center;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;color:#fff}
.firm-content{overflow:hidden}
.firm-content .img{float:left;width:46%;height:480px;overflow:hidden}
.firm-content .img img{object-fit:cover;width: 100%;-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;}
.firm-content .text{float:right;width:54%;padding:0 12px 0 50px}
.firm-content .text strong{display:block;font-size:24px;color:#004ca0;line-height:34px;font-weight:bold;margin-bottom:30px}
.firm-content .text .con{height:380px;overflow-Y:scroll;padding-right:40px;text-align: justify;}
.firm-content .text .con p{font-size:16px;color:#666;line-height:24px;margin-bottom:24px}
.firm-content .text .con::-webkit-scrollbar{width:3px;background-color:#cecece;border-radius:1.5px}
.firm-content .text .con::-webkit-scrollbar-thumb{border-radius:1.5px;background:#004ca0}
.btn-a{text-align:right;margin-top:60px}
.btn-a a{display:inline-block;width:146px;line-height:42px;background:url(../images/mes-bj.jpg) no-repeat center;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;border-radius:3px;text-align:center;font-size:18px;color:#fff}
.pop-win1.yc{width:50.5%}
.pop-yc{background-color:#fff}
.pop-yc .tit{text-align:center;line-height:136px;font-size:24px;color:#fff;font-weight:700;background:url(../images/y-bg1.jpg) no-repeat center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}
.pop-yc .con{padding:50px 70px 70px;max-height: 470px;overflow-y: auto;}
.pop-yc .con p{font-size:16px;color:#666;margin-bottom:24px;line-height:28px}
.pop-yc .con p span{color:#333;font-weight:700}
.firm-content .img:hover img{transform:scale(1.08);-ms-transform:scale(1.08);-moz-transform:scale(1.08);-webkit-transform:scale(1.08);-o-transform:scale(1.08)}
img{transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s}

@media only screen and (max-width:1650px){
    .tab-box {
        margin-bottom: 45px;
    }
    .firm-content .img {
        height: 420px;
    }
    .firm-content .text .con {
        height: 320px;
    }
    .firm-content .text .con p {
        margin-bottom: 18px;
    }
}
@media only screen and (max-width:1440px){
    .message-box1 {
        padding: 50px 0;
    }
    .msg-h3 {
        font-size: 32px;
    }
    .social-box .pic {
        padding-bottom: 150px;
    }
    .social-box .pic .img1 {
        max-width: 249px;
    }
    .firm-box {
        margin-top: 36px;
    }
    .tab-box {
        margin-bottom: 36px;
    }
    .card-area{margin-bottom: 70px;}
    .tab-firm li span {
        font-size: 18px;
        font-weight: 700;
        line-height: 44px;
        padding: 0 42px;
    }
    .firm-content .img {
        height: 435px;
    }
    .firm-content .text .con {
        height: 280px;
    }
    .firm-content .text strong {
        margin-bottom: 12px;
    }
    .firm-content .text .con p {
        font-size: 14px;
        margin-bottom: 12px;
    }
    .btn-a {
        margin-top: 40px;
    }
    .firm-content .img {
        /* width: 35%; */
        height: 370px;
    }
    .firm-content .text {
        /* width: 65%; */
    }
    .message-box4 {
        padding: 70px 0 60px;
    }
.pop-yc .tit{line-height:80px}
.pop-yc .con{padding:30px}
.pop-yc .con p{margin-bottom:15px}
.pop-yc .con{max-height:440px;overflow-y:auto}
.pop-win1.yc{width:70%}
}
@media only screen and (max-width:1279px){
.message-list .top a{padding:0 20px}
.side-item li,.side-ul li{padding:0 20px}
.social-box .pic .img1{max-width:210px}
}
@media only screen and (max-width:959px){
.message-box,.message-box1,.message-box2,.message-box3,.message-box4{padding:50px 0}
.message-list{margin-left:0;margin-top:30px}
.message-list>li{width:100%;margin-left:0;margin-bottom:30px}
.social-box .text{width:100%}
.social-box .pic{width:100%;padding-left:0;padding-bottom:0;margin-top:30px}
.social-box .pic .img1{display:none}
.social-box .pic .img2{max-width:100%}
.social-box .text dl:first-child,.social-box .text dl:nth-of-type(2),.social-box .text dl:nth-of-type(3){margin-bottom:30px}
.side-item li.active .title{font-size:16px}
}
@media only screen and (max-width:767px){
.msg-h3{font-size:26px;line-height:36px}
.message-list .top{font-size:18px;line-height:50px}
.message-list .top::after{right:30px}
.side-item li .title{font-size:16px}
.social-box .text dt{font-size:18px;line-height:28px}
.social-box .text dd{font-size:14px}
.see-more{width:140px;height:50px;line-height:50px;font-size:14px}
.message-box2 .msg-h3{margin-bottom:30px}
.info-list{margin-bottom:30px}
.info-list li{padding:0 20px;font-size:14px;line-height:50px}
.help-list{margin-left:0;margin-bottom:30px}
.help-list li{width:100%;margin-left:0;margin-bottom:20px}
.help-list li .help-info{padding:20px}
.help-list li .help-info .tit{font-size:18px;line-height:28px}
.card-area{margin-bottom:50px}
.card-area li.active{padding-top:40px}
.card-area li.active img{width:auto}
.card-area li{float:none;width:auto!important;height:auto;margin-bottom:20px;padding:40px 0}
.card-area li a{display:block;margin-top:20px}
.card-area li strong{margin-top:20px}
.tab-firm li span{padding:0 20px;font-size:18px;line-height:45px}
.tab-box{margin-bottom:50px}
.firm-content .img{width:100%;height:auto}
.firm-content .img img{height:auto}
.firm-content .text{width:100%;padding-left:0;margin-top:30px}
.firm-content .text .con{padding-right:20px;height:280px}
.card-area li strong{font-size:20px;line-height:30px}
.card-area li a{font-size:16px;line-height:26px}
.btn-a{margin-top:45px}
.pop-win1.yc{width:90%}
.pop-yc .tit{font-size:18px;line-height:60px}
.pop-yc .con{padding:20px}
.pop-yc .con p{font-size:14px;line-height:24px;margin-bottom:12px}
}
@media only screen and (max-width:360px){
.info-list li{padding:0 10px}
.side-item li .pic{margin-right:10px}
}


@media screen and (min-width: 1260px){
    .help-list li:hover .pic img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}
    /* .help-list li:hover{background-color: rgba(0,78,162,.9);} */
    .help-list li:hover .help-info{background: url(../images/info-bg.jpg) no-repeat center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -ms-background-size: cover;
        -o-background-size: cover;
        background-size: cover;}
    
    .help-list li:hover .help-info .tit{color:#FFF;}
    .help-list li:hover .help-info span{color:#FFF;}
    .help-list li:hover .help-info p{color:#FFF;}
    
}