@charset "utf-8";
.clearfix:after{
    content: "020";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {
    /* 触发 hasLayout */
    zoom: 1;
}
/*新版产品与服务--Yingying Li 2018-9-28*/
/*.service_banner{*/
    /*width:100%;*/
    /*height:auto;*/
    /*background-image:url('../../image/home/service/service_banner.png');*/
    /*background-size:100% 100%;*/
    /*background-repeat:no-repeat; */
    /*margin-top:80px;*/
/*}*/
.service_banner {
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    align-items: center;
}




.service_banner>img{
    width: 1260px;
    height:auto;
    margin-top: 83px;
}
.service_content{
    width:1200px;
    margin:0 auto;
}
.intro{
    font-size: 18px;
    color: #333;
    line-height: 28px;
    margin: 70px auto;
}
.one_level{
    width:100%;
    height:460px;
    margin-bottom:50px;
}
.one_level_one{
    width:373px;
    height:460px;
    border:2px solid #eee;
    border-radius:5px;
    margin-right:40px;
    float:left;
}
.one_level_right{
    margin-right:0px;
}
.one_level_one img{
    margin-top:70px;
    margin-left:130px;
}
.img_left{
    margin-left:120px!important;
}
.one_level_title{
    font-size:26px;
    color:#444;
    text-align:center;
    margin-top:50px;
}
.one_level_ts{
    font-size:16px;
    color:#777;
    width:80%;
    margin:25px auto;
    line-height:25px;
    margin-bottom:40px;
}
.one_level_one a{
    text-decoration:none;
}
.more{
    width:80px;
    height:35px;
    border-radius:25px;
    color:#0099e9;
    border:1px solid #0099e9;
    font-size:18px;
    padding:7px 20px;
    margin-left:130px;
}
.more:hover{
    background:#0099e9;
    color:#fff;
}
.two_level{
    width:1200px;
    height:280px;
    background:#f8f8f8;
    border-radius:5px;
    margin-bottom:30px;
}
.two_level img{
    width:375px;
    height:280px;
    float:left;
}
.two_level_content{
    width:720px;
    height:200px;
    float:left;
    margin-left:35px;
    margin-top:40px;
}
.img_float{
    float:right!important;
}
.content_title{
    font-size:26px;
    color:#444;
}
.content_contents{
    font-size:16px;
    color:#777;
    margin:20px auto;
    margin-bottom:50px;
}
.content_more{
    width:80px;
    height:35px;
    border-radius:25px;
    color:#0099e9;
    border:1px solid #0099e9;
    font-size:18px;
    padding:7px 20px;
}
.two_level a{
    text-decoration:none;
}
.content_more:hover{
    background:#0099e9;
    color:#fff;
}
.third_level{
    width:1200px;
    height:450px;
    margin:50px auto;
}
.one_item{
    width:277px;
    height:210px;
    float:left;
    margin-right:30px;
    margin-bottom:25px;
    border-radius:8px;
}
.one_item img{
    width:277px;
    height:210px;
    border-radius:8px;
}
.right_item{
    margin-right:0px!important;
}
.item_title_before{
    color:#fff;
    font-size:24px;
    margin-top:-210px;
    text-align:center;
    width:277px;
    height:210px;
    line-height:210px;
}
.item_title{
    display:none;
    color:#fff;
    font-size:24px;
    margin-top:-210px;
    text-align:center;
    width:277px;
    height:210px;
    background:rgba(53,166,252,0.8);
    position:absolute;
}
.title_hover{
    margin-top:50px;
    margin-bottom:30px;
}
.third_level a{
    text-decoration:none;
    color:#fff;
}
.item_url{
    width:80px;
    height:35px;
    border-radius:25px;
    color:#fff;
    border:1px solid #fff;
    font-size:18px;
    padding:7px 20px;
}


/*新版css*/
.servicemodal_box{
    width: 30%;
    height: auto;
    margin: 40px auto;
    margin-right: 3.3%;
    float: left;
    overflow: hidden;
    -webkit-transition: transform 2s;
    -moz-transition: transform 2s;
    -ms-transition: transform 2s;
    -o-transition: transform 2s;
    transition: transform 2s;
}
.servicemodal_box:hover{
    transform: scale(1.3);
    /*background-color: #f9fafc;*/
}
.aboutmodal_box{
    width: 50%;
    height: auto;
    margin: 40px auto;
    /*margin-right: 3.3%;*/
    float: left;
    overflow: hidden;
    -webkit-transition: transform 2s;
    -moz-transition: transform 2s;
    -ms-transition: transform 2s;
    -o-transition: transform 2s;
    transition: transform 2s;
}
.aboutmodal_box:hover{
    transform: scale(1.3);
    /*background-color: #f9fafc;*/
}
.servicemodal_boximg{
    display: block;
    margin:0 auto;
    margin-top: 10px;
    height: 90px;
    transform: scale(0.8);
}
.servicemodal_boxp{
    text-align: center;
    height: 38px;
    line-height: 38px;
    color: #000;
    font-size: 18px;
}
.service_lead{
    margin:0 auto;
    margin-bottom: 94px;
}
.aboutmodal_lead{
    margin:94px auto;
}