
.nw_box2{
    margin-top: 3rem;
}

.qy_box{ clear:both; height:auto; overflow:hidden; border-bottom:1px solid #eaedf0; padding:30px 0 ;transition: all 1s ease;}

.qy_lo{ float:left; width:28%; height:auto; overflow:hidden;}

.qy_lo h1{ text-align:center; color:#e7131f; font-size:36px; font-weight:bold; line-height:36px; margin-bottom:30px;transition: all 1s ease;}

.plio{ width:148px; height:148px; border:1px solid #e1e6f0; border-radius:100px; position:relative; margin:0 auto;text-align:center;display: -webkit-box; display: -ms-flexbox;display: -webkit-flex;display: flex; -webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center; justify-content: center; -webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;}

.plio span{ display:block; width:100%; height:100%; position:absolute; left:0; top:0;text-align:center;display: -webkit-box; display: -ms-flexbox;display: -webkit-flex;display: flex; -webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center; justify-content: center; -webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;opacity:0;transition: all 1s ease; }

.qy_ro{ float:right; width:62%; height:auto; overflow:hidden; padding:10px 58px 0 0;}

.qy_ro h1{ color:#e7131f; font-size:18px; line-height:24px; font-weight:bold; margin-bottom:30px;transition: all 1s ease;}

.qy_ro p{ line-height:24px; color:#525252; font-size:14px;transition: all 1s ease;}

.qy_box:hover{ background:#e7131f;}

.qy_box:hover .qy_lo h1{ color:#fff;}

.qy_box:hover .plio span{ opacity:1;}

.qy_box:hover .qy_ro h1{ color:#fff;}

.qy_box:hover .qy_ro p{ color:#e5e5e5;}

.zoni{ clear:both; height:auto; overflow:hidden; background:url(../images/bg15.jpg) no-repeat center top; padding-top:50px; margin-top:-5px; text-align:center; color:#262626; font-size:16px; line-height:24px; font-weight:bold;}
.whtxt {
    margin-bottom:20px;
}
.whli .whtxt img{
display:inline-block;
    
}
.whli .whtxt>p{
    display:inline-block;
        margin-left: 20px;
        font-size:20px;

}
.zoni a{ display:block; color:#262626; font-size:16px; line-height:24px; font-weight:bold;}
.qywhbox{
   
    background-size: cover;
    padding: 50px 0 0px 0;
    width: 1280px;
    margin: auto;
}
.qywhbox .container{
    padding: 50px 60px;
}
.qywhbox .whleft{
    width: 40%;
}
.whli{
    width: 80%;
    padding-bottom: 30px;
}
.whli p{
    font-size: 18px;
    padding: 15px 0;
}
.whli div{
    color: #666666;
    line-height: 28px;
}
.whjs{
    padding-bottom: 50px;
}
.whjs:last-child{
    padding-bottom: 0;
}
.whjs .whbt{
    color: #50292b;
    font-size: 24px;
    padding-bottom: 35px;
}
.whjs p{
    color: #666666;
    line-height: 30px;
}
.qywhbox .whright{
    width: 50%;
}
.qywhbox .whright .whimg{
    width: 49%;
    height: 100%;
    overflow: hidden;
}
.whright .whimg img{
    width: 100%;
    display: none;
}
.whimg .whbjt{
    height: 100%;
    background-position: center;
    background-size: cover;
    transition: all 2s;
}
.qywhbox .whright .whimg:hover .whbjt{
    transform: scale(1.5);
    -ms-transform: scale(1.5);
}
@media screen and (max-width:1024px){

.qy_box{ clear:both; height:auto; overflow:hidden; border-bottom:1px solid #eaedf0; padding:30px 0 30px 0;transition: all 1s ease;}	

.qy_lo h1{ text-align:center; color:#e7131f; font-size:18px; font-weight:bold; line-height:28px; margin-bottom:30px;transition: all 1s ease;}

.plio{ width:128px; height:128px; border:1px solid #e1e6f0; border-radius:100px; position:relative; margin:0 auto;text-align:center;display: -webkit-box; display: -ms-flexbox;display: -webkit-flex;display: flex; -webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center; justify-content: center; -webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;}

.qy_ro{ float:right; width:66%; height:auto; overflow:hidden; padding:10px 0px 0 0;}

.qy_box:hover{ background:none;}

.qy_box:hover .qy_lo h1{ color:#e7131f;}

.qy_box:hover .plio span{ opacity:1;}

.qy_box:hover .qy_ro h1{ color:#e7131f;}

.qy_box:hover .qy_ro p{ color:#525252;}

}

@media screen and (max-width:414px){

.qy_box{ clear:both; height:auto; overflow:hidden; border-bottom:1px solid #eaedf0; padding:0px 15px;transition: all 1s ease;}	

.qy_lo h1{ text-align:center; color:#e7131f; font-size:16px; font-weight:bold; line-height:28px; margin-bottom:0px;transition: all 1s ease;}

.plio{ width:128px; height:128px; border:1px solid #e1e6f0; border-radius:100px; position:relative; margin:0 auto;text-align:center;display: -webkit-box; display: -ms-flexbox;display: -webkit-flex;display: flex; -webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center; justify-content: center; -webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;display: none;}

.qy_ro{ float:right; width:100%; height:auto; overflow:hidden; padding-bottom:10px; padding-top:0px;}

.qy_lo{ float:left; width:100%; height:auto; overflow:hidden;margin-top:10px;}

.qy_ro h1{ color:#e7131f; font-size:14px; line-height:28px; font-weight:bold; margin-bottom:0px;transition: all 1s ease;}

.zoni{ clear:both; height:auto; overflow:hidden; background:url(../images/bg15.jpg) no-repeat center top; padding-top:50px; margin-top:-5px; text-align:center; color:#262626; font-size:16px; line-height:28px; font-weight:bold; margin-bottom:10px;}

.qy_ro p{ line-height:28px; color:#525252; font-size:14px;transition: all 1s ease;}



}



.qywh_bc{display:none; width:88%; height:auto; margin:0 auto; position:relative; min-height:383px; padding-top:89px;}

.qywh_bic{ width:100%; height:auto; overflow:hidden;}

.qywh_bic img{ display:block; max-width:100%; border-radius:100%; margin:0 auto; float:right;}

.qywh_boc{ width:100%; height:383px; position:absolute; left:0; top:0; z-index:999; padding-top:0px;}

.qywh_boc img{ display:block; margin:0 auto;}

.qywh_bnd{ height:auto; overflow:hidden; position:absolute; width:100%; height:383px; z-index:99; left:0; top:0;}



.gy_bl4{ width:167px; height:168px; background:url(../images/bg6.png) no-repeat left center; position:absolute; left:382px; top:0; text-align:center; color:#525252; font-size:16px; line-height:26px; padding-top:53px; animation:yidong4 2s ease;}

.gy_bl4 img{ display:block; margin:0 auto; margin-bottom:8px;}



.gy_bl5{ width:167px; height:168px; background:url(../images/bg6.png) no-repeat left center; position:absolute; left:178px; top:81px; text-align:center; color:#525252; font-size:16px; line-height:26px; padding-top:53px; animation:yidong5 3s ease;}

.gy_bl5 img{ display:block; margin:0 auto; margin-bottom:8px;}



.gy_bl6{ width:167px; height:168px; background:url(../images/bg6.png) no-repeat left center; position:absolute; left:0px; top:214px; text-align:center; color:#525252; font-size:16px; line-height:26px; padding-top:53px; animation:yidong6 4s ease;}

.gy_bl6 img{ display:block; margin:0 auto; margin-bottom:8px;}

@media screen and (max-width:1024px){

.qywh_bc{ width:88%; height:auto; margin:0 auto; position:relative; min-height:383px; padding-top:89px; display:none;}	

}

.xwio1{ background:#fff; box-shadow:0px 0px 20px rgba(0,0,0,0.08); padding:110px 80px 20px;}

.xwic{ clear:both; height:auto; overflow:hidden; background:url(../images/bg16.jpg) no-repeat center center; text-align:center; color:#2b2b2b; font-size:24px; font-weight:bold; margin-bottom:30px;}

.liuj{ clear:both; height:auto; overflow:hidden; background:url(../images/bg17.jpg) no-repeat center center; line-height:60px; text-align:center; color:#ffffff; font-size:18px; margin-bottom:50px;}

.qysm{ clear:both; height:auto; overflow:hidden;margin-bottom:50px;}

.qysm h1{ line-height:24px; color:#404040; font-size:16px;}

.qysm h1 b{ color:#262626; font-size:16px;}

.qysm p{ line-height:24px; color:#666666; font-size:14px;}

.qysm p b{ color:#2b2b2b; font-size:14px;}





.tdjs{ clear:both; height:auto; overflow:hidden; padding-top:10px; margin-bottom:40px;}

.tdjs dl{ float:left; width:32%; height:auto; overflow:hidden; margin-right:2%;transition: all 1s ease; margin-bottom:30px;}

.tdjs dl.qcbj{ margin-right:0px}

.tdjs dt{ width:100%; height:auto; overflow:hidden;}

.tdjs dt img{ display:block; width:100%; height:230px;transition: all 1s ease;}

.tdjs dd{ width:100%; height:auto; overflow:hidden; padding:30px 25px; background:#fff; border:1px solid #ededed; border-top:none;}

.tdjs dd h1{ color:#212121; font-size:18px; line-height:20px;overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin-bottom:15px;transition: all 1s ease;}

.tdjs dd p{ line-height:20px; color:#7a7a7a; font-size:14px; height:40px; overflow:hidden; margin-bottom:0px;overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}

.tdjs dd span{ display:block; width:100px; height:28px; background:url(../images/bg18.jpg) no-repeat center top; line-height:28px; text-align:center; color:#164a95; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase;transition: all 1s ease;}

.tdjs dl:hover dt img{-moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}

.tdjs dl:hover dd span{ background:url(../images/bg19.jpg) no-repeat center center; color:#fff;}

.tdjs dl:hover dd h1{ color:#e7131f;}

.tdjs dl:hover{-moz-transform: translateY(-5px); -webkit-transform: translateY(-5px); -o-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px);}

.tdjs2{display:none;}

@media screen and (max-width:1024px){

.xwio1{padding:30px 30px;}

.tdjs1{display:none;}

.tdjs2{display:block;}

.tdjs dt img{ display:block; width:100%; height:180px;transition: all 1s ease;}	

.tdjs dd{ width:100%; height:auto; overflow:hidden; padding:20px 20px; background:#fff; border:1px solid #ededed; border-top:none;}

.tdjs dd p{ line-height:20px; color:#7a7a7a; font-size:14px; height:40px; overflow:hidden; margin-bottom:18px;}

.tdjs dd h1{ color:#212121; font-size:16px; line-height:20px;overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin-bottom:15px;transition: all 1s ease;}

}

@media screen and (max-width:768px){
    .qywhbox {
        width:100%;
        padding:20px 0 0;
    }
        .qywhbox .container {
            padding:10px;
            flex-direction: column;
        }
            .qywhbox .container .whli {
                width: 100%;
            }
.tdjs{padding-top:0px;margin-bottom:10px;}

.tdjs dt img{ display:block; width:100%; height:286px;transition: all 1s ease;}	

.tdjs dd{ width:100%; height:auto; overflow:hidden; padding:20px 20px; background:#fff; border:1px solid #ededed; border-top:none;}

.tdjs dd p{ line-height:20px; color:#7a7a7a; font-size:14px; height:40px; overflow:hidden; margin-bottom:18px;}

.tdjs dd h1{ color:#212121; font-size:16px; line-height:20px;overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin-bottom:15px;transition: all 1s ease;}

.tdjs dl{ float:left; width:48%; height:auto; overflow:hidden; margin-right:2%;transition: all 1s ease; margin-bottom:30px;}

.tdjs dl.qcbj{ margin-right:2%}

}

@media screen and (max-width:414px){

.xwio1{padding:20px 15px 10px 15px;}

.tdjs dl{width:100%;height:auto;overflow:hidden;background:#fff;padding:10px 15px;margin-bottom: 15px;}

.tdjs dt img{ display:block; width:100%; height:auto;transition: all 1s ease;}	

.tdjs dd{ width:100%; height:auto; overflow:hidden; padding:5px 0px; background:none; border:0px; border-top:none;}

.tdjs dd p{ line-height:28px; color:#7a7a7a; font-size:14px; height:56px; overflow:hidden; margin-bottom:0px;}

.tdjs dd h1{ color:#212121; font-size:16px; line-height:28px;overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin-bottom:0px;transition: all 1s ease;}

.tdjs dl{ float:left; width:100%; height:auto; overflow:hidden; margin-right:0%;transition: all 1s ease; margin-bottom:10px;}

.tdjs dl.qcbj{ margin-right:0%}

.tdjs dt{ width:100%; height:auto; overflow:hidden; margin-bottom:5px;}

.tdjs2{margin-bottom:0px;}

.qysm h1{ line-height:28px; color:#404040; font-size:16px;}

.qysm p{ line-height:28px; color:#666666; font-size:14px;}



}