.wrapper{position: relative;background: #fff;}
.container{width: 1400px;margin: 0 auto;}
.banner_btn span{color: #2981ff;font-size: 14px;}


/* 服务内容 */
.ca_one{padding: 75px 0;}
.ca_title{text-align: center;font-size: 24px;font-weight: bold;margin-bottom: 45px;}
.ca_one_list{width: 100%;display: flex;justify-content: space-between;}
.ca_one_item{width: 200px;text-align: center;cursor: default;}
.ca_one_icon{width: 72px;height: 72px;background-size: auto 100%!important;margin: 0 auto;animation: animateframeout .5s steps(23) forwards;}
.ca_one_icon img{display: none;}
.ca_one_item:hover .ca_one_icon{ animation: animateframe .5s steps(23) forwards; }
@keyframes animateframe {
    0% { background-position: 0 0; }
    100% { background-position: 100% 0; }
}
@keyframes animateframeout {
    0% { background-position: 100% 0; }
    100% { background-position: 0 0; }
}
.ca_one_bt{font-size: 18px;color: #1c1d1f;margin: 10px 0 10px;line-height: 28px;}
.ca_one_nr{line-height: 24px;color: #626266;}

/* 服务特性 */
.ca_two{padding: 75px 0 35px;background: #f5f7fa;}
.ca_two_list{position: relative;z-index: 2;width: 100%;display: flex;flex-wrap: wrap;}
.ca_two_list:after{content: "";display: block;clear: both;}
.ca_two_item{position: relative;padding-left: 52px;width: 350px;margin-bottom: 60px;width: 25%;float: left;margin-right: 12.5%;box-sizing: border-box;cursor: default;}
.ca_two_item:nth-child(3n){margin-right: 0;}
.ca_two_item:before{content: "";width: calc(100% + 50px);height: calc(100% + 45px);position: absolute;left: -24px;top: -24px;z-index: -1;transition: 300ms;}
.ca_two_icon{position: absolute;width: 37px;top: 0;left: 0;}
.ca_two_icon img{max-width: 100%;}
.ca_two_icon img.ca_sj_only{display: none;}
.ca_two_bt{font-size: 18px;line-height: 1;margin-bottom: 14px;}
.ca_two_nr{line-height: 24px;color: #626266;}
.ca_two_item:hover:before{background: #fff;box-shadow: 0px 6px 24px 0 rgba(18, 51, 100, .06);}

/* 审计对象 */
.ca_three{padding: 75px 0;}
.ca_three_list{width: 100%;display: flex;justify-content: space-between;}
.ca_three_item{background: url(../../images/new_website/code_audit/ca_three_bg1.jpg) right bottom no-repeat;background-size: cover;border: 1px solid #ebedf0;height: auto;width: 452px;width: 32.2%;transition: 300ms;box-sizing: border-box;line-height: 24px;color: #626266;padding: 50px 30px 70px;cursor: default;}
.ca_three_item:nth-child(2){background: url(../../images/new_website/code_audit/ca_three_bg2.jpg) right bottom no-repeat;background-size: cover;}
.ca_three_item:nth-child(3){background: url(../../images/new_website/code_audit/ca_three_bg3.jpg) right bottom no-repeat;background-size: cover;}
.ca_three_item:hover{transform: translateY(-16px);box-shadow: 0px 6px 24px 0 rgba(18, 51, 100, .06);}

/* 服务流程 */
.ca_four{padding: 75px 0;background: #f5f7fa;}
.ca_four_list{position: relative;}
.ca_four_above{width: 100%;display: flex;}
.ca_four_item{width: 222px;width: 15.8%;margin-right: 5.25%;padding: 0 20px 0 24px;box-sizing: border-box;display: flex;align-items: center;height: 60px;position: relative;background: #fff;font-size: 16px;transition: 300ms;cursor: default;}
.ca_four_item:hover{color: #2981ff;}
.ca_four_item:after{content: "";width: 32.8%;height: 100%;background: url(../../images/new_website/code_audit/ca_four_right.png) center center no-repeat;position: absolute;left: 100%;top: 0;}
.ca_four_item:nth-child(5n){margin-right: 0px;}
.ca_four_item:nth-child(5n):after{display: none;}
.ca_four_item img{margin-right: 16px;}
.ca_four_item img.ca_sj_only{display: none;}
.ca_four_item span{display: none;}
.ca_four_bellow{width: 100%;display: flex;flex-direction: row-reverse;margin-top: 4.5%;position: relative;}
.ca_four_bellow:after{content: "";width: 15.8%;height: 106%;background: url(../../images/new_website/code_audit/ca_four_down.png) center center no-repeat;position: absolute;right: 0;bottom: 100%;}
.ca_four_bellow .ca_four_item:first-child{margin: 0;}
.ca_four_bellow .ca_four_item:first-child:after{display: none;}
.ca_four_bellow .ca_four_item:after{background: url(../../images/new_website/code_audit/ca_four_left.png) center center no-repeat;}




@media screen and (max-width: 1499px){
    .container{width: 1200px;}
    .ca_one_icon{width: 68px;height: 68px;}
    .ca_two_item{width: 26.5%;margin-right: 10.25%;}
    .ca_four_item{font-size: 14px;padding: 0 16px 0 20px;}
    .ca_four_item img{margin-right: 12px;max-width: 26px;}
    .ca_four_item:after,.ca_four_bellow .ca_four_item:after{background-size: 38px;}
    .ca_four_bellow:after{height: 86%;background-size: auto 38px;}
}

@media screen and (max-width: 1299px){
    .container{width: 992px;}
    .ca_one_list{flex-wrap: wrap;justify-content: flex-start;margin-bottom: -40px;}
    .ca_one_item{width: 28%;margin-right: 8%;margin-bottom: 40px;}
    .ca_one_item:nth-child(3n){margin-right: 0;}
    .ca_one_icon{width: 60px;height: 60px;}
    .ca_two_item{width: 30%;margin-right: 5%;}
    .ca_three_item{padding: 30px 26px 32px;}
    .ca_four_item img{margin-right: 10px;}
}

@media screen and (max-width: 1024px){
    .container{width: 768px;}
    .banner-single .banner-ani{background-image: url(../../images/new_website/code_audit/banner_sj.jpg);}
    .banner_btn a{font-size: 14px;} 
    .ca_title{font-size: 20px;}
    .ca_one_icon{width: 50px;height: 50px;}
    .ca_one_bt {font-size: 16px;}
    .ca_two_item{width: 28%;margin-right: 8%;padding-left: 0px;margin-bottom: 45px;}
    .ca_two_item:before{width: calc(100% + 40px);height: calc(100% + 40px);left: -20px;top: -20px;}
    .ca_two_icon{width: 30px;}
    .ca_two_bt{font-size: 16px;line-height: 28px;text-indent: 45px;margin-bottom: 8px;}
    .ca_three_item {padding: 20px 20px 24px;}
    .ca_four_list{margin-bottom: -40px;}
    .ca_four_list:after{content: "";display: block;clear: both;}
    .ca_four_above{width: 46.4%;float: left; flex-direction: column;}
    .ca_four_bellow{width: 46.4%;float: right; flex-direction: column-reverse;}
    .ca_four_item{width: 100%;box-shadow: 0px 6px 24px 0 rgba(18, 51, 100, .06);padding: 0 30px;margin-right: 0px;margin-bottom: 40px;}
    .ca_four_item span{display: inline;}
    .ca_four_item:after{width: 100%;height: 40px;left: 0;top: 100%;background: url(../../images/new_website/code_audit/ca_four_down_m.png) center center no-repeat;background-size: 12px;}
    .ca_four_bellow .ca_four_item:after{background: url(../../images/new_website/code_audit/ca_four_up_m.png) center center no-repeat;background-size: 12px;}
    .ca_four_bellow{margin-top: 0px;}
    .ca_four_bellow:after{width: calc(50% + 12px);height: 58px;left: -6px;top: calc(100% + 20px);background: url(../../images/new_website/code_audit/ca_four_return.png) right bottom no-repeat;background-size: auto 100%;}
}

@media screen and (max-width: 768px){
    body{max-width: 100%;overflow-x: hidden;}
    .container{width: 100%;padding: 0 15px;box-sizing: border-box;}
    .banner_btn span{display: none;}

    .ca_one{padding: 40px 0 50px;}
    .ca_title{font-size: 18px;margin-bottom: 24px;line-height: 28px;}
    .ca_one_list{display: block;margin-bottom: 0px;}
    .ca_one_item{width: 100%;margin: 0;text-align: left;}
    .ca_one_above{border: 1px solid #e1e5eb;border-bottom: none;box-shadow: 0px 6px 16px 0px rgba(199,208,222,.25);background: #fff;display: flex;align-items: center;height: 50px;padding: 0 20px;position: relative;}
    .ca_one_above:after{content: "";width: 14px;height: 100%;background: url(../../images/new_website/code_audit/ca_one_down.png) center center no-repeat;background-size: 100%!important;position: absolute;right: 20px;top: 0;transition: 300ms;}
    .ca_one_icon{width: 26px;height: auto;margin: 0 12px 0 0;background: none!important;}
    .ca_one_icon img{display: block;max-width: 100%;}
    .ca_one_bt{margin: 0;font-size: 15px;}
    .ca_one_nr{border-top: 1px solid #e1e5eb;font-size: 13px;line-height: 22px;padding: 18px 15px;background: url(../../images/new_website/code_audit/ca_one_nr.png) right bottom no-repeat;background-size: cover;display: none;}
    .ca_one_item:last-child .ca_one_above{border-bottom: 1px solid #e1e5eb;}
    .ca_one_item:last-child .ca_one_nr{border-top: none;}
    .ca_one_item.open .ca_one_above{box-shadow: 0px 12px 30px 0 rgba(225,227,235,.65) inset;}
    .ca_one_item.open .ca_one_above:after{background: url(../../images/new_website/code_audit/ca_one_down_h.png) center center no-repeat;transform: rotate(-180deg);}
    .ca_one_item.open .ca_one_bt{font-weight: bold;}

    .ca_two{padding: 40px 0 50px;}
    .ca_two_list{display: block;margin-bottom: -24px;}
    .ca_two_item{width: 100%;margin-right: 0;margin-bottom: 24px;}
    .ca_two_item:before{display: none;}
    .ca_two_icon{width: 24px;top: 2px;}
    .ca_two_icon img.ca_pc_only{display: none;}
    .ca_two_icon img.ca_sj_only{display: block;}
    .ca_two_bt{font-weight: bold;text-indent: 36px;line-height: 24px;}
    .ca_two_nr{font-size: 13px;line-height: 22px;}

    .ca_three{padding: 45px 0;}
    .ca_three_list{display: block;}
    .ca_three_item{width: 100%;margin-bottom: 14px;box-shadow: 0px 6px 24px 0 rgba(18, 51, 100, .06);padding: 18px 16px 32px;}
    .ca_three_item:hover{transform: translateY(0);}

    .ca_four{padding: 45px 0 50px;}
    .ca_four_list{margin-bottom: -26px;}
    .ca_four_above,.ca_four_bellow{width: 47.8%;}
    .ca_four_item{padding: 0 5px 0 12px;height: 40px;margin-bottom: 26px;}
    .ca_four_item:after{height: 26px;background-size: 10px;}
    .ca_four_item img{width: 20px;margin-right: 8px;}
    .ca_four_item img.ca_pc_only{display: none;}
    .ca_four_item img.ca_sj_only{display: block;}
    .ca_four_item i{display: none;}
    .ca_four_bellow .ca_four_item:after{background-size: 10px;}
    .ca_four_bellow:after{height: 46px;top: calc(100% + 8px);}
}