#main{width: 100%;margin: auto}
.weizhi{line-height: 70px;background-color: #fafafa}
.main_inner{max-width: 1400px;margin: auto  }
.weizhi p {max-width: 1400px;margin: auto;font-size: 16px}
.souyea{
    font-size: 16px;
}
.titl{text-align: center;color: #1A1A1A;font-size: 30px;margin-top: 60px}
.artic{line-height: 25px;font-size: 18px;margin-top: 30px}
.lx_tel{text-align: center;margin-top: 80px;color: #4D4D4D;font-size: 28px}
.serve{text-align: center;color: #999999;font-size: 16px;margin-top: 20px}
.tel{text-align: center;color: #4d4d4d;font-size: 24px;font-weight: bold;margin-top: 30px}
.other_lis{max-width:1200px;margin: auto ;overflow: hidden;margin-top: 30px}
.other_lis li{overflow: hidden;width: calc(100% / 3 - 0px);float: left;border: 1px solid rgba(238,238,238,1)}
.other_img{float: left;width: 60px;margin: 20px 0;margin-left: 80px}
.other_qq{float: left;margin: 30px 10px;font-size: 16px;color: #4d4d4d}
.deve_process{background-image: url(/static/template/canai/images/dld-bg.png);height: 680px;margin-top: 90px}
.deve_tit{text-align: center;color: white;}
.deve_tit p:nth-child(1){font-size: 30px;padding-top: 70px}
.deve_tit p:nth-child(2){font-size: 20px;padding-top: 36px}
.deve_img{max-width: 1000px;margin: auto}
.deve_img img{width: 100%;height: 450px; margin-top: 55px}
#guaran{max-width: 1400px;margin: auto;margin-top: 60px;padding-bottom: 80px}
#guaran h5:nth-child(1){text-align: center;font-size: 30px;color: #020202}
#guaran h5:nth-child(2){text-align: center;font-size: 20px;color: #000000;margin-top: 30px}
.guaran_lis{overflow: hidden;margin-top: 30px}
.guaran_lis li{width: calc(100% / 4 - 96px);float: left;margin: 0 48px;text-align: center}
.lis_img{margin: 30px 0;}
.guaran_lis li h6{font-size: 18px;color: #0D0D0D;font-weight: 400}
.guaran_lis li p{font-size: 16px;color: #4d4d4d}

.solve {background-color: #f5f5f5;width: 100%;padding-bottom: 80px; }
.solve_main{max-width: 1280px;margin: auto}
.solve h4 {  padding-top:50px;font-size: 30px; text-align: center;   }
.solve h5 { font-size: 20px;  padding-top: 30px;text-align: center;}
.slv { width: 100%;margin-top: 30px}
.slv li {overflow: hidden; float: left;height: 157px;position: relative;
    width: calc(100% / 4 - 40px ); margin:20px;   }
.slv li img {width: 100%;height: 158px; transition: all 0.6s; }

.slv li:hover img {transform: scale(1.2);  }
.slv li p{ font-size: 22px;color: #ffffff;text-align: center;position: absolute;top: 60px;right: 40%}
#banner{width: 100%;  background-image: url(../images/app.banner.png)  }
.title{width: calc(50% - 0px);margin: auto;color: white;text-align: center;padding-top: 179px;padding-bottom: 106px}

.title h5{font-size: 40px}
.title p{font-size: 22px;margin-top: 41px}
.title button{margin-top: 65px;width: 15%;border:1px solid rgba(255,255,255,1);
    border-radius:27px;line-height: 40px;background-color: transparent;outline: none;color: white}
.title button:hover  {color:black;background-color: #ffffff;transition: 0.6s}
.title .down{width: 100%;text-align: center}
@media(max-width: 980px){.title{padding-top: 100px}
    @media(max-width: 480px){.title{padding-top: 40px;width: 80%}}
    .title h5{font-size: 35px}
    .title button{width: 25%}}

#list6 {max-width: 1400px;margin: auto;overflow: hidden;padding-bottom: 120px}
#list6 h6{font-size: 28px;text-align: center;line-height: 50px;padding: 50px}
.probl{float: left;width: calc(100% / 3 - 150px);margin: 0 75px}
.titlee{overflow: hidden}
.titlee p{float: left;font-size: 17px;line-height: 25px}
.titlee a{float: right;color:black;font-size: 17px;line-height: 25px}
.probl_img{margin: 10px 0}
.probl_img img{width: 100%}
.probl_art li{overflow: hidden;line-height: 40px}
.probl_art li P{float: left;width: 60%;overflow: hidden;
    text-overflow:ellipsis;  white-space: nowrap;}
.souyea:hover{
    font-size: 16px;
}
.probl_art li span{float: right;color: #999999;width: 26%}
@media(max-width: 980px){
    #list6{width: 100%}
    .probl{width: calc(100% / 1 - 20px);margin:  0 10px}
}


@media(max-width: 980px){
    .weizhi p{margin-left: 10px}
    .titl{margin-top: 20px}
    .artic{margin: 20px 10px}
    .other_img{ text-align: center}
    .other_lis{width: calc(100% / 1 - 20px);margin: 20px 10px}
    .other_qq{text-align: center;float: none }
    .guaran_lis li{width: calc(100% / 2 - 50px);margin:  0 25px}
    .slv li{width: calc(100% / 2 - 20px);margin:  10px}
}

@media(max-width: 500px){
    .guaran_lis li{width: calc(100% / 1 - 50px);margin:  0 25px}
    .slv li{width: calc(100% / 1 - 20px);margin:  10px}
    .weizhi{line-height: 40px;background-color: #fafafa}
    .weizhi p {width: 100%;margin: auto;font-size: 14px;padding-left: 10px}
    .souyea{
        font-size: 14px;
    }
    .souyea:hover{
        font-size: 14px;
    }
    .titl,.lx_tel{
        font-size: 16px;
        font-weight: bold;
    }
    .lx_tel{
        margin-top: 40px;
    }
    .tel{
        font-size: 15px;
        margin-top: 10px;
    }
    .artic{
        font-size: 14px;
        text-indent: 2em;
    }
    .other_lis li{
        width: 100%;
        margin-top: 10px;
    }
    .deve_process{
        height: 340px;
        margin-top: 40px;
    }
    .deve_tit p:nth-child(1){font-size: 20px;padding-top: 30px}
    .deve_tit p:nth-child(2){font-size: 16px;padding-top: 15px}
    .deve_img img{width: 100%;height: 200px; margin-top: 25px}
    #guaran{width: 100%;margin: auto;margin-top: 30px;padding-bottom: 30px}
    #guaran h5:nth-child(1){text-align: center;font-size: 16px;color: #020202;font-weight: bold;}
    #guaran h5:nth-child(2){text-align: center;font-size: 14px;color: #000000;margin-top: 30px}
    .lis_img{margin: 15px 0;}
    .guaran_lis li h6{font-size: 16px;color: #0D0D0D;font-weight: 400}
    .guaran_lis li p{font-size: 14px;color: #4d4d4d}
    .lisImg{
        width: 60px;
        height: 60px;
    }
    .solve {background-color: #f5f5f5;width: 100%;padding-bottom: 30px; }
    .solve_main{max-width: 1280px;margin: auto}
    .solve h4 {  padding-top:25px;font-size: 16px; text-align: center;font-weight: bold;   }
    .solve h5 { font-size: 14px;  padding-top: 15px;text-align: center;}
}