.sa_banner>img{width: 100%;height: 500px;object-fit: cover;}

.sa_cate{background-color: var(--base);color: #fff;width: 1200px;margin: -66px auto 0;height: 66px;border-radius: 10px 10px 0 0;padding: 0 40px;position: relative;z-index: 1;}
.sa_cate_m{display: flex;}
.sa_cate_m>a{height: 66px;line-height: 66px;margin-right: 46px;cursor: pointer;}
.sa_cate_m>.sa_cate_a{border-bottom: 2px solid #fff;}

.sa_intr{width: 1200px;margin: 0 auto;padding: 60px 0;}
.sa_title{text-align: center;}
.sa_title>h1{font-size:30px;color: #333;}
.sa_title>span{display: inline-block;width: 20px;height: 6px;background-color: var(--base);}
.sa_i0_cont{display: flex;margin-top: 66px;justify-content: space-between;}
.sa_i0_l{position: relative;margin-right: 28px;}
.sa_i0_l:before{position: absolute;left: 0;top: 15px;width: 43px;height: 13px;background-color: var(--base);content: '';}
.sa_i0_l>h1{color: #666;font-size: 24px;padding-left: 20px;z-index: 1;font-weight: bold;position: relative;margin-bottom: 34px;}
.sa_i0_l>h1>span{font-size: 16px;font-weight: lighter;}
.sa_i0_l>p{font-size: 16px;line-height: 2;text-indent: 2em;}
.sa_i0_img{overflow: hidden;border-radius: 10px;}
.sa_i0_img>img{transition: .3s;transform-origin: 0 0;}
.sa_i0_img:hover img{transform: scale(1.1);}
.sa_i0_rl{display: flex;justify-content: space-around;margin-top: 40px;}
.sa_i0_rl>span{text-align: center;font-size: 16px;color: #666;line-height: 40px;border-right: 1px solid #f2f2f2;flex: 1;}
.sa_i0_rl>span:last-child{border-right: 0;}
.sa_i0_rl>span>b{color: var(--base);font-size: 30px;}

.sa_cul{background-color: #f4f4f4;}
.sa_cul_cont{width: 1200px;margin: 0 auto;padding: 52px 0;}
.sa_cul_zc{display: flex;justify-content: space-between;margin-top: 52px;}
.sa_cul_l{flex: 1;margin-right: 30px;}
.sa_cul_l>p{font-size: 16px;line-height: 2;}
.sa_cul_r{flex: 1;display: flex;justify-content: space-between;flex-wrap: wrap;}
.sa_cul_r>img{margin-bottom: 25px;}

.si_tact{background: url('/images/22.jpg') no-repeat center;background-size: cover;height: 300px;color: #fff;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.si_tact>h1{font-size: 50px;font-weight: bold;}
.si_tact>a{width: 220px;height: 46px;line-height: 46px;text-align: center;color: #fff;display: inline-block;border: 2px solid #fff;margin-top: 40px;}
.si_tact>a:hover{background-color: #fff;color: var(--base);font-weight: bold;}

.sa_i1{width: 1200px;margin: 0 auto;padding: 60px 0 100px;text-align: center;}
.sa_i1>img{margin: 38px 0 40px;}
.sa_i1>p{text-align: left;font-size: 18px;line-height: 50px;color: #404040;text-indent: 2em;}
.sa_i1>b{display: block;text-align: right;margin-top: 60px;font-size: 18px;color: #404040;font-weight: lighter;}
.sa_i1>b>img{vertical-align: middle;margin-left: 20px;}


.sa_qua{width: 1000px;margin: 0 auto;padding: 50px 0 ;}
.sa_qua_l{display: flex;flex-wrap: wrap;margin-top: 80px;}
.sa_qua_i{width: 184px;margin-right: 85px;margin-bottom: 80px;}
.sa_qua_i:hover >img{box-shadow: 0 0 20px 1px #ddd;transform: translateY(-5px);}
.sa_qua_i:nth-child(4n){margin-right: 0;}
.sa_qua_i>img{width: 100%;transition: .3s;}

.sa_stru{width: 1200px;margin: 0 auto;padding: 50px 0 100px;}
.sa_stru>img{width: 100%;margin-top: 80px;}

.sa_i4{padding-top: 50px;}
.sa_proc{width: 1200px;margin: 0 auto;display: flex;padding: 50px 0 100px;}
.sa_proc_i{position: relative;margin-top: 20px;}
.sa_proc_line{height: 1500px;width: 10px;background: url('/images/54.png') repeat;animation: line .3s infinite linear;}
.sa_proc_l{flex: 1}
.sa_proc_r{flex: 1}
.sa_proc_dot{position: absolute;top: 5%;width: 20px;height: 20px;transition: .3s;border: 8px solid var(--base);border-radius: 50%;background-color: #fff;}
.sa_proc_l .sa_proc_dot{right: -15px;}
.sa_proc_r .sa_proc_dot{left: -15px;}
.sa_proc_c{padding: 20px;margin: 0 50px;border: 1px solid #ddd;border-radius: 5px;transition: .3s;}
.sa_proc_c>p{margin-bottom: 10px;line-height: 2;font-size: 12px;}
.sa_proc_c>p:last-child{margin-bottom: 0;}
.sa_proc_c>p:before{content: '·';font-weight: bold;padding: 0 5px;color: #666;}

/* .sa_proc_i:hover .sa_proc_dot{background-color: var(--base);} */
.sa_proc_i:hover .sa_proc_c{background-color: var(--base);color: #fff;}
.sa_proc_i:hover .sa_proc_dot{border-width: 4px;}
.sa_proc_i:hover .sa_proc_c>p::before{color: #fff;}

@keyframes line {
    from {background-position: 0 0;}
    to {background-position: 0 20px;}
}
@media screen and (max-width: 766px) {
    .sa_banner>img{height: 150px;}   

    .sa_cate{margin: 0 auto;border-radius: 0;white-space: nowrap;overflow-x: auto;}
    .sa_cate::-webkit-scrollbar{ display:none; }     
    .sa_cate_m{width: 120vw;}
    .sa_cate_m>a{margin-right: 30px;}

    .sa_title>h1{font-size: 2.6rem;}
    .sa_i0_cont{margin-top: 30px;flex-direction: column-reverse;}
    .sa_i0_img>img{width: 100%;}
    .sa_i0_rl{margin-top: 20px;}
    .sa_i0_rl>span{font-size: 1.2rem;line-height: 2;}
    .sa_i0_rl>span>b{font-size: 2.4rem;}
    .sa_i0_l{margin: 0;margin-top: 30px;}
    .sa_i0_l>p{font-size: 1.4rem;line-height: 2;}
    
    .sa_cul_zc{flex-direction: column-reverse;}
    .sa_cul_r{flex-direction: column;}
    .sa_cul_l{margin-right: 0;}
    .sa_cul_l>p{font-size: 1.4rem;line-height: 2;}

    .si_tact{height: 20rem;}
    .si_tact>h1{font-size: 3rem;}
    .si_tact>a{margin-top: 3rem;line-height: 4rem;height: 4rem;}

    .sa_i1>img{width: 100%;}
    .sa_i1>p{font-size: 1.6rem;line-height: 2;}
    .sa_i1>b{font-size: 1.4rem;}
    .sa_i1>b>img{width: 20vw;margin-left: 10px;}

    .sa_qua_l{margin-top: 40px;}
    .sa_qua_i{width: 100%;margin-right: 0;margin-bottom: 30px;;}
    .sa_stru>img{margin-top: 40px;}

    .sa_proc{padding: 20px 0;}
    .sa_proc_i{margin: 0 0 15px!important;}
    .sa_proc_c{margin: 0;padding: 15px;}
    .sa_proc_c>p{font-size: 1.2rem;}
    .sa_proc_dot{display: none;}
}