﻿/*====pro========*/
.tit h3{
    font-size: 36px;
    font-weight: bold;
    color: #2d3d54;
    text-align: center;
    line-height: 36px;
    padding: 50px 0 40px;
    position: relative;
}
.in_pro{
    background: #f3f6fb;
    padding-bottom: 60px;
}
.tit h3:after{
    content: '';
    width: 24px;
    height: 2px;
    background: #fba252;
    position: absolute;
    bottom: 32px;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
}
.inpro_list .box{
    display: none;
}
.inpro_tab{
    font-size: 0;
    text-align: center;
    padding-bottom: 46px;
}
.inpro_tab a{
    display: inline-block;
    color: #5f6a84;
    font-size: 16px;
    width: 219px;
    height: 56px;
    background: #fff;
    text-align: center;
    line-height: 56px;
    margin: 5px;
    margin-right: 10px;
}
.inpro_tab a:last-child{
    margin-right: 0;
}
.inpro_tab a.hover,.inpro_tab a:hover{
    background: #4f66c3;
    color:#fff;
}
.inpro_top{
    overflow: hidden;
}
.inpro_lf{
    width: 52.65%;
    background: #fff;
    position: relative;
}
.inpro_rt{
    width: 46.36%;
    background: #fff;
    position: relative;
}
.inpro_bot .inpro_lf,.inpro_bot .inpro_rt{
    background: #fff;
}
.inpro_bot{
    margin-top: 16px;
    overflow: hidden;
}
.inpro_desc{
    padding: 72px 44px 130px;
    box-sizing: border-box;
    float: left;
    height:340px;
}
.inpro_desc h3{
    color: #424c58;
    font-size: 24px;
    font-weight: bold;
    line-height: 24px;
    padding-bottom: 22px;
}
.inpro_desc p{
    color: #59666f;
    font-size: 18px;
    line-height: 18px;
    padding-bottom:60px;
}
.inpro_desc span{
    display: inline-block;
    color: #5f6a84;
    font-size: 15px;
    line-height: 15px;
    padding: 10px 24px;
    border: 1px solid #5f6a84;
    border-radius: 20px;
}
.inpro_top .inpro_rt .inpro_desc h3,.inpro_top .inpro_rt .inpro_desc p,.inpro_top .inpro_rt .inpro_desc span{
    color: #424c58;
}
.inpro_items .inpro_a{
    text-align: center;
    margin-top: 43px;
}
.inpro_a a{
    background: #5f6a84;
    border: none;
    text-align: left;
}
.inpro_pic{
    width: 230px;
    height:340px;
    position: absolute;
    right: 0;
    top: 0;
    overflow: hidden;
}
.inpro_pic img{
    width: 100%;
    height: auto;
    transition: all 0.5s;
    padding: 40px 0;
}
.inpro_rt:hover .inpro_pic img,.inpro_lf:hover .inpro_pic img{
    transform: scale(1.1);
}
@media all and (max-width:1400px){
    .inpro_desc{
        padding: 72px 36px 125px;
    }
}
.clear { clear: both; }
.right{float: right;}
.left{float: left;}
.inpro_items_2l_pic{width: 400px;height: 400px;overflow: hidden;margin:20px auto 0;}
.inpro_items_2l_pic img{transition: all 0.5s;width: 100%;display: block;transition: all 0.5s;}
.inpro_items_2l:hover .inpro_items_2l_pic img{transform: scale(1.1);}


.inpro_items_2l{
    width: 49%;
    height: 700px;
    float: left;
    background: #fff;
}
.inpro_items_2r{
    width: 49%;
    float: right;
}
.inpro_items_2l img{
    width: 100%;
    display: block;
}
.inpro_items_2 h3{
    color: #424c58;
    font-size: 24px;
    font-weight: bold;
    line-height: 24px;
    padding-bottom: 20px;
}
.inpro_items_2 p{
    color: #59666f;
    font-size: 18px;
    line-height: 18px;
}
.inpro_items_2l_info{
    padding: 62px;
    padding-bottom: 20px;
    box-sizing: border-box;
}
.inpro_items_2rt{
    position: relative;
    background: #fff;
    margin-bottom: 18px;
}
.inpro_items_2rt .inpro_desc h3,.inpro_items_2rt .inpro_desc p,.inpro_items_2rt .inpro_desc span{
    color: #424c58;
}
.inpro_items_2rt .inpro_desc span{
    border: 1px solid #424c58;
    display: inline-block;
    padding: 10px 20px;
    box-sizing: border-box;
}
.inpro_items_2rb{
    background: #fff;
}
.inpro_items_2r .inpro_desc{
    padding-bottom: 99px;
}
.inpro_items_2rb .inpro_desc h3{
    color: #424c58;
}
.inpro_items_2rb .inpro_desc p{
    color: #59666f;
}
.inpro_items_2rb .inpro_desc span{
    color: #5f6a84;
    border: 1px solid #797b92;
}
.inpro_items_2rt:hover .inpro_pic img{
    transform: scale(1.1);
}
.inpro_items_2rb:hover .inpro_pic img{
    transform: scale(1.1);
}

@media (max-width: 1400px){
    .inpro_desc h3{
    width: 70%;
    line-height: 31px;
    }
    .inpro_desc p{    width: 72%;
    line-height:26px;}
}
.in_pro  button
{
    
    width: 152px;
    display: block;
    height: 42px;
    line-height: 42px;
    margin: 36px auto 0 auto;
    color: #626262;
    border-radius: 20px;
    outline: none;
    border: none;
    background-color: transparent;
    border: 1px solid #767676;
    }
    .in_pro  button:hover{
    background-color: #e03139;
    color: white;
    transition: all 0.5s;
    border: none;
 }
.com-nav{text-align:center}
.com-nav-ul{display:inline-block;margin:50px 0 45px}
.com-nav-ul li{float:left;padding:0 10px}
.com-nav-item{}
.com-nav-item a{color:#006084;text-align:center;display:block;width:200px;height:40px;line-height:37px;border:1px solid #006084;border-radius:20px;position:relative;overflow:hidden}
.com-nav-item a span{position:relative;z-index:33}
.com-nav-item a::after{content:"";display:block;position:absolute;bottom:0;left:0;width:100%;height:0%;background:#fff;transition:all 0.5s}
.com-nav-item a:hover::after{height:100%;background:#006084}
.com-nav-item a:hover span{color:#fff!important}
.com-nav-item a.active span{color:#fff!important}
.com-nav-item a.active{background:#006084}
.com-ul{margin:0 -12px;font-size:0}
.com-ul li{width: 31.33%;padding:0 12px;display:inline-block;vertical-align:top;/* margin-top: 25px; */}
.com-ul-item{box-shadow:1px 1px 10px 10px rgba(0,0,0,.04)}
.com-ul-img{overflow:hidden}
.com-ul-img img{width:100%;transition:all 1s}
.com-ul-font{text-align:center;background-color:#fff}
.com-ul-font h4{}
.com-ul-font p{color:#333}
.com-ul-item:hover img{transform:scale(1.05)}
.com-ul-item:hover p{color:#006084}
.com-pag-ul{display:inline-block}
.com-pag-ul li{float:left;margin:0 5px}
.inon-wrap{/* margin-top:47px */}
.inon-wrap li{margin-bottom:40px}
.inon-wrap .swxt-font{color:#fff;text-align:left;padding: 17px 18px 10px;min-height: 140px;background-color:#fff;position:relative;box-shadow:0 2px 15px rgba(0,0,0,.08);display:block;transition:all 0.5s;margin-top: -50px;}
.inon-wrap .swxt-font::after{}
.inon-wrap .swxt-font dt a{color:#333;margin-bottom:11px;display:block;position:relative;z-index:33;transition:all 0.5s;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
.inon-wrap .swxt-font dd a{color:#666;margin-bottom: 5px;display:block;position:relative;z-index:33;transition:all 0.5s;}
.inon-wrap .swxt-font dd a span{width:94%;display:inline-block;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;line-height: 20px;height: 40px;}
.inon-wrap .swxt-font dd a em.icon-right{float:right}
.inon-wrap li:hover a{color:#fff}
.swxt-img{overflow:hidden}
.swxt-img img{width:100%;height: 260px;transition:all 1s;}
.swxt-font{text-align:center;color:#333}
.scrollbar{overflow-y:auto;padding-right:5px}
.scrollbar::-webkit-scrollbar{width:3px;background-color:#dcdbdb}
.scrollbar::-webkit-scrollbar-thumb{background-color:#006084;border-radius:10px}
.h3-size24 {font-size: 22px;}
.p-size16 {font-size: 14px;}
.com-hover{display:inline-block;position:relative;background:transparent;z-index:1}
.com-hover::before{content:"";width:100%;height:100%;background: linear-gradient(60deg,#0072b7,#51ade4);position:absolute;left:0;bottom:0;transform-origin:100%;-webkit-transform-origin:100%;-webkit-transition:-webkit-transform .4s cubic-bezier(.4,0,.2,1);transition:transform .4s cubic-bezier(.4,0,.2,1);transform:scaleX(0);-webkit-transform:scaleX(0);visibility:hidden\9;z-index:-1;}
.inon-wrap li:hover .com-hover::before,.com-hover.on::before,.com-hover:hover::before{transform:scaleX(1);-webkit-transform:scaleX(1);transform-origin:0%;-webkit-transform-origin:0%}
.com-hover:hover a,.com-hover.on a{color:#fff!important}
.btn{display:inline-block;*display:inline;*zoom:1;text-decoration:none;position:relative;color:#333}
.btn16{position:relative;color:#666;overflow:hidden;-webkit-transition:all .6s;transition:all .6s}
.btn16:hover span{color:#fff;border-color:#56aab7}
.btn16 .bgsqr1{background: linear-gradient(60deg,#0072b7,#51ade4);position:absolute;width:0;height:0;border-radius:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:width .6s,height .6s;transition:width .6s,height .6s;z-index:-1;left:0\9 !important;top:0\9 !important;}
.inon-wrap li:hover .btn16 .bgsqr1,.btn16:hover .bgsqr1{width:1000px;height:1000px}
.btn16 span{position:relative;z-index:33}
.com-line{position:relative}
.com-line::after{transition:all 1s;content:"";display:block;background-color:#006084;position:absolute;bottom:0;left:0;width:0%;height:1px}
.com-line:hover::after{width:100%}

/*解决方案页面*/
.con{
    width: 1200px;
    margin: 0 auto;
}
.ban{
    height: 400px;
    position: relative;
}
.top_con{
    width: 100%;
    position: absolute;
    bottom: 0;
    height: 58px;
    background: rgba(0,0,0,0.5);
    z-index: 9;
}
.bread{
    color: rgba(255,255,255,0.5);
    font-size: 15px;
    line-height: 58px;
    background: url(../images/bread-add.png) no-repeat left center;
    padding-left: 25px;
    float: left;
}
.bread a{
    color: rgba(255,255,255,0.5);
    font-size: 15px;
    line-height: 58px;
}
.bread a.on{
    color: rgba(255,255,255,0.8);
}
.target_con{
    position: relative;
    float: right;
}
.target{
    font-size:0;
}
.target>a{
    color: rgba(255,255,255,0.5);
    font-size: 15px;
    line-height: 58px;
    padding: 0 20px;
    display: inline-block;
    text-align: center;
}
.target>a.on,.target>a:hover{
    background: #0077d6;
    color: #fff;
}
.case_target{
    padding-right: 80px;

}
.case_target .target>a{
    padding: 0 10px;
}
.nei_anchor {
  text-align: center;
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  font-size:0;
  width: 100%;
  z-index: 1001;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.3);
  background: #2f374a;
}
.nei_anchor span {
  display: inline-block;
  *display: inline;
  *zoom: 1;
 
}
.nei_anchor span a {
  color: rgba(255,255,255,0.5);
    font-size: 15px;
    line-height: 58px;
    padding: 0 30px;
    display: inline-block;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
}
.nei_anchor span:hover a,
.nei_anchor span.on a {
  background: #0077d6;
    color: #fff;
}
.ab_poti {
  position: relative;
}
.abposi_ab {
  position: absolute;
  height: 1px;
  top: -60px;
}
.solu_one{
    box-sizing: border-box;
    background: #f3f6fb;
}
.solu h3{
    font-size: 24px;
    color: #2f374a;
    font-weight: bold;
    text-align: center;
    margin-bottom: 32px;
}
.solu p{
    font-size: 15px;
    color: #5f6a84;
    text-align: center;
    line-height: 30px;
    margin-bottom: 40px;
}
.sulo1_xtzc{
    width: 100%;
    height: 438px;
    background: #fff;
    padding: 43px 57px;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
}
.xtzc_lf{
    float: left;
    width: 50%;
}
.xtzc_lf img{width:100%;height: 350px;}
.xtzc_rt{
    width: 34%;
    padding-right: 90px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.xtzc_rt h3{
    font-size: 24px;
    color: #2f374a;
    font-weight: bold;
    text-align: left;
    margin-bottom: 20px;
}
.xtzc_rt p{
    text-align: left;
}


/*系统特点*/
.solu_two{
    height: 680px;
    background: url(../images/img19.jpg) no-repeat center;
    background-size: 100% 100%;
    padding-top: 64px;
    box-sizing: border-box;
}
.solu_two h3{
    color: #fff;
}
.solu_two p{
    color: rgba(255,255,255,0.6);
}
.solu2_top li{
    width: 300px;
    height: 369px;
    background: rgba(106,119,150,0.3);
    transition: all 0.5s;
}

.solu2_pic{
    width: 300px;
    height: 205px;
    background: #242a39;
}
.solu2_pic p{
    color: #fff;
    font-size: 18px;
    padding-top: 148px;
    box-sizing: border-box;
}
.solu2_pic1{
    background:#242a39 url(../images/img20.png) no-repeat top 50px center;
}
.solu2_pic2{
    background:#242a39 url(../images/img21.png) no-repeat top 50px center;
}
.solu2_pic3{
    background:#242a39 url(../images/img22.png) no-repeat top 50px center;
}
.solu2_pic4{
    background:#242a39 url(../images/img23.png) no-repeat top 50px center;
}
.solu2_desc{
    padding: 25px;
    box-sizing: border-box;
    text-align: center;
}
.solu2_desc p{
    color: rgba(255,255,255,0.4);
}
.solu2_top li:hover .solu2_pic{
    background-color: #5772d8
}
.solu2_top li:hover{
    background-color: #fff;
}
.solu2_top li:hover .solu2_desc p{
    color: #5f6a84;
}
.solu2_bot{
    text-align: center;
    margin-top: 35px;
}
.solu2_bot a{
    display: inline-block;
    width: 15px;
    height: 29px;
    position: relative;
    vertical-align: middle;
}
.solu2_bot a.next{
    background: transparent url(../images/solu-r.png)no-repeat center;
    margin-left: 40px;
}
.solu2_bot a.prev{
    background: transparent url(../images/solu-l.png)no-repeat center;
    margin-right: 40px;
}
.solu2_bot ul{
    display: inline-block;
}
.solu2_bot ul li{
    float: left;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 16px;
    text-indent: -999px;
    cursor: pointer;
    background: transparent;
    border: 1px solid rgba(255,255,255,0.6)
}
.solu2_bot ul li.on{
    background:rgba(255,255,255,0.6);
}
.solu2_bot ul li:last-child{
    margin-right: 0;
}
/*系统优势*/
.solu_three{
    background:#444d64;
    padding-top: 64px;
    padding-bottom: 86px;
}
.solu_three h3{
    color: #fff;
}
.solu_three p{
    color: rgba(255,255,255,0.6);
}
.solu3_list{
    text-align: center;
}
.solu3_list li{
    width: 194px;
    height: 194px;
    border-radius: 50%;
    border: 1px solid rgba(255,255,255,0.6);
    position: relative;
    margin-right: 74px;
    display: inline-block;
}
.solu3_list li:last-child{
    margin-right: 0;
}
.solu3_list li p{
    position: absolute;
    left: 50%;
    top: 50%;
    font-size: 16px;
    transform: translate(-50%,-50%);
}
.solu3_list li:hover{
    background: #5772d8;
    border: 1px solid #5772d8;
}
.solu3_list li:hover p{
    color: #fff;
}
/*应用案例*/
.solu_four{
    padding-top: 0px;
    background: #f3f6fb;
    padding-bottom: 25px;
}
.solu4_con h3{
    margin-bottom: 46px;
}
.solu4_list li{
    width: 377px;
    height: 377px;
    float: left;
    background: #fff;
    margin-right: 34px;
    transition: all 0.5s;
    margin-bottom: 33px;
}
.solu4_list li:nth-child(3n){
    margin-right: 0;
}
.solu4_pic{
    width: 377px;
    height: 204px;
    overflow: hidden;
}
.solu4_pic img{
    width: 377px;
    height: 204px;
    transition: all 0.5s;
}
.solu4_desc{
    padding: 20px 18px;
    box-sizing: border-box;
}
.solu4_desc span{
    color: rgba(66,76,88,0.6);
    font-size: 15px;
    font-family: arial;
}
.solu4_desc h3{
    color: #424c58;
    font-size: 16px;
    text-align: left;
    font-weight: normal;
    line-height: 24px;
    margin-bottom: 16px;
    margin-top: 8px;
    display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.solu4_desc p{
    text-align: left;
    font-size: 14px;
    color: rgba(66,76,88,0.8);
    line-height: 18px;
    overflow: hidden;
    text-overflow:ellipsis;
    /* white-space: nowrap; */
}
.solu4_list li:hover .solu4_pic img{
    transform: scale(1.1);
}
.solu4_list li:hover .solu4_desc h3{
    color: #0085e8;
}
.solu4_a{
    text-align: center;
    margin-top: 10px;
}
/*.solu4_a a{
    background: #0076d6;
}*/
.solu4_list li:hover{
    -webkit-box-shadow: 0px 5px 15px #e5e5e5;
    -moz-box-shadow: 0px 5px 15px #e5e5e5;
    box-shadow: 0px 5px 15px #e5e5e5;
}

/*推荐产品*/
.tjcp{
    background: #f3f6fb;
    padding-top: 40px;
    padding-bottom: 0px;
}
.tjcp_con h3{
    font-size: 24px;
    color: #2f374a;
    font-weight: bold;
    text-align: center;
    line-height: 24px;
    margin-bottom: 32px;
}
.nlist_items{
    width: 285px;
    height: auto;
    float: left;
    position: relative;
    margin-right: 15px;
    overflow:hidden;
    padding-bottom: 27px;
    border-bottom: 2px solid #d7d8da;
}

.n_front>img{
  width: 100%;
  height: auto;
  transition: all 0.5s;
}
.n_front{
  overflow: hidden;
}
.n_back{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: -350px;
    padding: 70px 45px 0;
    box-sizing: border-box;
    overflow: hidden;
    text-align: center;
}

.n_back p{
    color: #fff;
    font-size: 14px;
    line-height: 28px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    margin-bottom: 35px;
    text-align: left;
}
.n_back a{
    width: 100%;
    height: 100%;
    display: inline-block;
}
.n_back a img{
  margin:0 auto;
}
.section .rsp {
    width: 384px;
    height: 289px;
    overflow: hidden;
    position: absolute;
    background: rgb(0, 119, 214);
    top: 0px;
    left: 0px;
}
.nlist_items .front_p{
    width: 100%;
    height: 68px;
    text-align: left;
    line-height: 68px;
    padding: 20px 10px;
    box-sizing: border-box;
    transition: all 0.3s;
    padding: 0 24px;
    box-sizing: border-box;
    margin-bottom: 0;
    background:#bbbaba url(../images/jia.png)no-repeat right 25px center;
}
.front_p span{
  color: #fff;
  font-size: 16px;
  overflow: hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  width: 100%;
  display: inline-block;
}
.nlist_items:hover .front_p{
  background: rgb(0, 119, 214) url(../images/jiah.png)no-repeat right 25px center;
}
.nlist_items:hover .front_p span{
  color: #fff;
}
.cptj_ul{
    text-align: center;
    margin-top: 35px;
    display: none;
}
.cptj_ul li{
    width: 48px;
    height: 6px;
    display: inline-block;
    background: rgba(95,106,132,0.3);
    font-size: 0;
    margin: 0 9px;
}
.cptj_ul li.on{
    background: rgba(95,106,132,1);
}

/*详情列表*/
.contain{
    background: #f3f6fb;
}
.solu_list ul li{
    width: 576px;
    height: 660px;
    background:#fff;
    float: left;
    margin: 0 11px;
    padding: 25px 27px;
    box-sizing: border-box;
    transition: all 0.5s;
    margin-bottom: 25px;
}
.solu1{
    padding: 64px 0 90px;
    box-sizing: border-box;
}
.solu1_pic{
    width: 522px;
    height: 295px;
    overflow: hidden;
}
.solu1_p{
    padding: 0 110px;
}
.solu1_pic img{
    width: 522px;
    height: 295px;
    transition: all 0.5s;
}
.solu1_desc h3{
    text-align: left;
    color: #333;
    font-size: 22px;
    line-height: 22px;
    font-weight: normal;
    margin: 42px 0 17px;
}
.solu1_desc p{
    text-align: left;
    color: #666;
    font-size: 14px;
    line-height: 30px;
    margin-bottom: 54px;
}
.solu1_desc span{
    display: inline-block;
    width: 117px;
    height: 38px;
    background:#2f374a;
    color: #fff;
    font-size: 14px;
    text-align: center;
    line-height:38px;
    border-radius: 20px;
    transition: all 0.5s;
}
.solu_list li:hover{
    -webkit-box-shadow: 0px 5px 15px #e5e5e5;
    -moz-box-shadow: 0px 5px 15px #e5e5e5;
    box-shadow: 0px 5px 15px #e5e5e5;
}
.solu_list li:hover .solu1_desc h3{
    color: #348adb;
}
.solu_list li:hover .solu1_desc span{
    background: #0076d6;
}
.solu_list li:hover .solu1_pic img{
    transform: scale(1.1);
}
.solu2_top {max-height:370px;}
.contain{
    background: #f3f6fb;
}
.solu_list ul li{
    width: 378px;
    height: 500px;
    background:#fff;
    margin: 0 11px;
    padding: 15px 15px;
    box-sizing: border-box;
    transition: all 0.5s;
    margin-bottom: 25px;
    vertical-align: text-bottom;
}
.solu1{
    padding: 64px 0 90px;
    box-sizing: border-box;
}
.solu1_pic{
    width: 348px;
    height: 224px;
    overflow: hidden;
}
.solu1_p{
    padding: 0 110px;
}
.solu1_pic img{
    width: 100%;
    height: 220px;
    transition: all 0.5s;
}
.solu1_desc h3{
    text-align: left;
    color: #333;
    font-size: 20px;
    line-height: 28px;
    font-weight: normal;
    margin: 20px 0 10px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.solu1_desc p{
    text-align: left;
    color: #666;
    font-size: 14px;
    line-height: 26px;
    margin-bottom: 23px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    line-height: 24px;
    height: 120px;
}
.solu1_desc span{
    display: inline-block;
    width: 117px;
    height: 38px;
    background:#2f374a;
    color: #fff;
    font-size: 14px;
    text-align: center;
    line-height:38px;
    border-radius: 20px;
    transition: all 0.5s;
}
.solu_list li:hover{
    -webkit-box-shadow: 0px 5px 15px #e5e5e5;
    -moz-box-shadow: 0px 5px 15px #e5e5e5;
    box-shadow: 0px 5px 15px #e5e5e5;
}
.solu_list li:hover .solu1_desc h3{
    color: #348adb;
}
.solu_list li:hover .solu1_desc span{
    background: #0076d6;
}
.solu_list li:hover .solu1_pic img{
    transform: scale(1.1);
}
/*案例详情页面*/
.tab_btn {
    height: 58px;
    color: #666;
    text-align: center;
    position: absolute;
    right: 0;
    top: 0;
}