@charset "utf-8";
.solution_banner{
    width: 100%;
    height:300px;
    background: url(../images/solution_banner.jpg) no-repeat center;
}
.unav>li>a{font-family:"微软雅黑";}
.solution_banner img{width:100%;}
.content{}
.nav_now{ color: #0099ff !important; border-bottom: 3px solid #0099ff;}
.solution_content{max-width:100%;margin:0 auto;border-bottom: 1px solid #EEF1F6;}
.nav_bot{width:100%; display:block;margin:0 auto;border-bottom:0px;}
.unav{max-width:1200px;height: 40px;margin: 0 auto;}
.unav li{line-height: 40px;width:20%;margin:0px;padding:0px;width:20%;float:left;height: 40px;box-sizing:border-box;position:relative;font-family:"微软雅黑";}
.snav_now{background:#ECF6FF;}
.snav_now a{color:#3399FE !important;}
.snav_border{position:absolute;height: 3px;width:58%;left:21%;background:#0099FF;bottom:0px;display:none;}
.snav_now .snav_border{display:block;left: 50%;width: 90px;margin-left: -45px;}
.solution_list{max-width:1200px;margin:0 auto;margin-bottom:50px;}
.list_limg{position: absolute;float:left;width:38.5%;height: 100% !important;}
.list_limg img{width:100%;height:100%;}
.rig_cont{float:right;width:60%;}
.list_cont{/* max-height:400px; */box-shadow: 0px 0px 6px #E6E6E6;margin-top:50px;}
.zhe_img{font-family:"微软雅黑";width:100%;height:100%;background:url(../images/so_back_img.png) no-repeat;background-size:100% 100%;position:absolute;z-index:9;top:0px;left:0px;font-size: 36px;font-weight:500;color:#fff;text-align:center;line-height:410px;transition:0.4s;-webkit-transition:0.4s;}
.list_cont:hover .zhe_img{background:url(../images/soh_back_img.png) no-repeat;font-size:50px;font-weight:900;background-size:100% 100%;}
p.sn_title {font-family: "微软雅黑";font-size: 24px;text-align: center;height: 50px;line-height: 50px;}
p.scon_con {
    width: 100%;
    box-sizing: border-box;
    padding: 0 3%;
    line-height: 30px;
    font-size: 16px;
    color: #565656;
    font-family: "微软雅黑";
    height: 200px;
    padding-top: 15px;
    overflow: hidden;
    /* line-height:25px; */
    position:relative;
}
.sn_frtitle{padding-top:10px;margin-top: 10px;}
.sn_tabs p{
    float: left;
    margin: 5px;
    padding: 3px 20px;
    text-align: center;
    background: #ECF6FF;
    border-radius: 14px;
    /* height: 30px; */
    line-height: 25px;
    font-size: 16px;
    box-sizing: border-box;
    font-family: "微软雅黑";
    color: #9A9A9A;
}
.sn_tabs {
    padding-top: 5px;
}
.sn_tabs p{transition:0.4s;-webkit-transition:0.4s;}
.list_cont:hover .sn_tabs p{
    background: -webkit-linear-gradient(left, #7ac4ff , #399df6); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #7ac4ff, #399df6); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #7ac4ff, #399df6); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #7ac4ff , #399df6); /* 标准的语法（必须放在最后） */
    color:#fff;
}
.list_cont{transition:0.4s;-webkit-transition:0.4s;position: relative;cursor: pointer;overflow: hidden;min-height: 400px;}
.list_cont:hover{box-shadow:10px 10px 15px #E6E6E6;}
.fonts_banner{max-width:490px;min-height:150px;padding-top: 47px;}
.banner_title{color:#fff;font-size: 3.3rem;font-family:"微软雅黑";}
.banner_description{color:#fff;font-size: 1.4rem;line-height: 36px;font-family:"微软雅黑";padding-top: 10px;}
.font_wk{max-width:1200px;margin:0 auto;}
.service_banner{
    width: 100%;
    height:300px;
    background: url(../images/fwal.jpg) no-repeat center;
}
.hui_bg{width:100%;background:#fafafa;}
.bottom_border{/* border-bottom:2px solid #f4f4f4; */max-width: 1200px;margin:0 auto;padding-top: 45px;position: relative;}
.bottom_border p{font-size: 2rem;font-family:"微软雅黑";/* border-bottom:3px solid #0099ff; */display:block;float:left;position: relative;padding-left: 18px;}
.heis_congts{max-width: 1200px;margin:0 auto;padding-bottom:45px;}
.le_content{width: 48%;float:left;min-height: 350px;box-sizing: border-box;padding: 30px;margin-top: 45px;border: 1px solid #E2E2E2;background: #fff;}
.re_content{width: 48%;float:right;box-sizing: border-box;padding: 30px;margin-top: 45px;border: 1px solid #E2E2E2;background: #fff;}
.le_content img{display:block;margin:0 auto;}
.le_content p{line-height: 30px;font-family:"微软雅黑";font-size: 1.2rem;padding-top: 25px;color: #4A4A4A;}
.re_content img{display:block;margin:0 auto;}
.re_content p{line-height: 30px;font-family:"微软雅黑";font-size: 1.2rem;padding-top: 25px;color: #4A4A4A;}
.le_content{transition:0.4s;-webkit-transition:0.4s;position:relative;}
.re_content{transition:0.4s;-webkit-transition:0.4s;min-height: 350px;cursor: pointer;position:relative;}
.le_content:hover{/* box-shadow:0px 7px 20px #e6e6e6; */background: #FFFFFF;border: 1px solid #fff;box-shadow: 0 10px 30px 0 #BBBBBB;cursor: pointer;}
.re_content:hover{box-shadow:0px 7px 20px #e6e6e6;border: 1px solid #fff;box-shadow: 0 10px 30px 0 #BBBBBB;}
.hg_blue{width:0%;height:5px;background:#0099ff;position:absolute;top:0px;left:50%;transition:0.4s;-webkit-transition:0.4s;}
.le_content:hover .hg_blue{width:100%;left:0px;}
.re_content:hover .hg_blue{width:100%;left:0px;}
.list_logis{width:16.66%;box-sizing:border-box;float:left;cursor: pointer;box-sizing: border-box;border: 1px solid #eee;}
.logos_cont{max-width: 1200px;margin:0 auto;padding-top: 30px;padding-bottom: 50px;}
.list_logis:hover{box-shadow: 0px 0px 20px #ccc;position:relative;z-index:9;border: 1px solid #fff;}

@media screen and (max-width: 600px) {
    .list_limg{position:relative;float:none;width:100%;}
    .rig_cont{width:100%;float:none;padding-bottom:10px;}
    .solution_banner{box-sizing:border-box;padding:0 5%;height:150px;}
    .service_banner{box-sizing:border-box;padding:0 5%;height:150px;}
    .fonts_banner{padding-top:30px;}
    .banner_description{padding-top:0px;}
    .banner_title{font-size:20px;}
    .banner_description{font-size:13px;line-height:25px;}
    .list_cont{margin-top:25px;}
    p.sn_title{font-size:18px;height:30px;line-height:30px;}
    p.scon_con{font-size:13px;line-height:20px;height:155px;}
    .sn_frtitle{margin-top:0px;}
    .zhe_img{line-height:333px;}
    .le_content{width:95%;margin:0 auto;float:none;margin-top:15px;}
    .re_content{width:95%;margin:0 auto;float:none;margin-top:15px;}
    .bottom_border{padding-top:10px;width:95%;margin:0 auto;}
    .bottom_border p{font-size:18px;}
    .heis_congts{padding-bottom:10px;}
    .logos_cont{width:95%;margin:0 auto;}
    .list_logis{width:50%;}
}
@media screen and (max-width:425px) {
    .solution_list{max-width:94%;margin-bottom:30px;}
    .unav{width:100%;}
    .copy_right{padding:10px 0px;height:auto !important;width:96% !important;margin:0 auto;}
    .footer_change{padding-top:0px;}
    .footers_al{display:none;}
    .unav>li>a{font-size:1.1rem;}
}
@media screen and (max-width: 375px) {
    .zhe_img{line-height:333px;}
    .solution_banner{height:160px;}
    .service_banner{height:160px;}
    .sn_tabs p{padding:3px 15px;}

}
@media screen and (max-width: 320px) {
    .zhe_img{line-height:280px;}
    .sn_tabs p {
        padding: 3px 7px;
    }
}
.lef_border_fiv{width:5px;border-radius:5px;height:30px;background: #0099FF;position:absolute;top: 47px;left:0px;}