*{-webkit-box-sizing: border-box; box-sizing: border-box;}
.clearfix:after{content: ''; display: block; clear: both;}
.table{display: table;}
.table_cell{display: table-cell; vertical-align: middle;}
.blockbox{width: 1200px; margin: auto;}
.common{width: 100%; padding-top: 55px; text-align: center;}
.common_t{font-size: 42px; color: #333333; line-height: 42px;}
.common_dec{font-size: 18px; color: #666666; line-height: 18px; margin-top: 20px;}
.common_dec:after{content: ''; display: block; width: 34px; height: 2px; background: #f53b1c; margin: 17px auto auto auto;}
.banner{width: 100%; height: 508px; background: url("../kefu/banner.jpg") no-repeat center;}
.banner .blockbox{height: 100%; position: relative; padding: 180px 0 0 40px;}
.banner_person{position: absolute; bottom: 0; right: 0;}
.banner_t{font-size: 48px; color: #fff; line-height: 48px; margin-bottom: 18px;}
.banner_cinfo{font-size: 30px; color: #ffffff; line-height: 30px;}
.banner_cinfo span{color: #ff2300;}
.banner_einfo{font-size: 12px; color: #ffffff; line-height: 12px; text-transform: uppercase; margin: 18px 0 15px 0;}
.banner_btn{display: block; width: 162px; height: 38px; font-size: 20px; color: #ffffff; line-height: 38px; text-align: center; background: #f53b1c; margin-top: 30px; transition: 0.3s;}
.banner_btn:hover{opacity: 0.9;}
.choose{width: 100%; height: 632px; background: #f1f1f1; padding-top: 60px;}
.choose .blockbox{position: relative;}
.choose_mark{width: 185px; height: 267px; background: #f53b1c; position: absolute; top: -110px; left: 615px; z-index: 2; padding: 120px 0 0 15px; text-align: left; font-size: 20px; color: #ffffff; font-family: 'Arial'; font-weight: bold; text-transform: uppercase;}
.choose_plate{width: 369px; height: 523px; background: url("../kefu/choose_img2.png") no-repeat center; position: absolute; top: -50px; right: 0; border-radius: 22px; box-shadow: -12px 0 6px rgba(102, 102, 102, 0.35); padding: 44px 0 0 23px;}
.choose_plate_video{width: 325px; height: 433px; position: relative;}
.choose_plate_video video{width: 100%; height: 100%;}
.choose_plate_mask{width: 100%; height: 433px; position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 0.5) url("../kefu/choose_icon2.png") no-repeat center;}
.choose_form{width: 815px; height: 395px; border-radius: 10px; position: relative; margin: 50px 0 0 22px; background: #ffffff; box-shadow: 0 0 6px rgba(153, 153, 153, 0.35); padding: 44px 0 0 40px;}
.choose_form_pic{position: absolute; top: -44px; left: -24px;}
.choose_form_t{font-size: 40px; color: #333333; font-weight: bold; line-height: 40px; margin-bottom: 25px;}
.choose_form_t span{color: #f53d1f;}
.choose_form_info{font-size: 18px; color: #000000; line-height: 18px; margin-bottom: 20px;}
.choose_form_mark{width: 202px; height: 25px; background: #f53d1f; text-align: center; line-height: 25px; font-size: 14px; color: #ffffff; border-radius: 3px; margin-bottom: 65px;}
.choose_form_dec{font-size: 30px; color: #333333; margin-bottom: 15px;}
.choose_form_dec span{font-size: 48px; color: #f53d1f; line-height: 48px;}
.choose_form_select{display: none; width: 191px; max-height: 200px; border-radius: 3px; border: 1px solid #f39e90; position: absolute; top: 48px; left: -1px; background: #fff; overflow: hidden;}
.choose_form_select_in{overflow-y: scroll; width: 300px; max-height: 200px;}
.choose_form_select a{display: block; width: 100%; height: 50px; padding-left: 10px; transition: 0.3s;}
.choose_form_select a:hover{background: #f39e90; color: #fff;}
.choose_form_select a:active{background: #f39e90; color: #fff;}
.choose_form_li{height: 50px; border-radius: 3px; background: #fff; border: 1px solid #f39e90; float: left; line-height: 50px; margin-right: 14px; position: relative;}
.choose_form_li input{width: 100%; height: 100%; padding-left: 10px;}
.choose_form_li:first-child{width: 191px;}
.choose_form_li:first-child>a{display: block; width: 100%; height: 100%; color: #b5b5b6; padding-left: 10px; background: url("../kefu/choose_icon1.png") no-repeat center right 15px;}
.choose_form_li:nth-child(2){width: 139px;}
.choose_form_li:nth-child(3){width: 139px;}
.choose_form_li:last-child{width: 139px; text-align: center;}
.choose_form_li:last-child input{width: 100%; height: 100%; font-size: 18px; color: #ffffff; background: #f53b1c; display: block;}
.service_type{width: 100%; background: #fff;}
.service_type_titles{width: 505px; margin: 32px auto auto auto; overflow: hidden;}
.service_type_titles a{float: left; height: 38px; border-radius: 19px; padding: 9px 18px; background: #eeeeee; position: relative; font-size: 18px; color: #333333; line-height: 18px; transition: 0.3s; margin-right: 33px;}
.service_type_titles a:after{content: ''; display: block; position: absolute; top: 50%; right: -33px; width: 33px; height: 1px; background: #eeeeee;}
.service_type_titles a:last-child:after{content: none;}
.service_type_titles a.on{background: #f53b1c; color: #fff;}
.service_type_content{width: 100%; overflow: hidden; height: 583px; background: url("../kefu/service_type_bg.png") no-repeat center bottom; margin-top: 20px;}
.service_type_content_each{width: 100%; height: 583px; overflow: hidden; display: none;}
.service_type_content_each_img{width: 505px; height: 524px; float: left; margin-top: 17px;}
.service_type_content_each_img img{width: 100%; height: 100%; max-width: 100%; max-height: 100%;}
.service_type_content_each_dec{width: 630px; float: right; position: relative;}
.service_type_content_each_dec_t{font-size: 30px; color: #333333; line-height: 30px; margin-top: 58px;}
.service_type_content_each_dec_info{font-size: 14px; color: #333333; line-height: 14px; margin: 18px 0;}
.service_type_content_each_dec_price{font-size: 20px; color: #f33e21; margin-bottom: 40px;}
.service_type_content_each_dec_price span{font-size: 48px; color: #f53d1f; line-height: 48px; font-weight: bold; font-family: 'Arial';}
.service_type_content_each_dec_price span:before{content: '￥'; font-size: 24px; color: #f53d1f; font-weight: normal;}
.service_type_content_each_dec_n{font-size: 16px; color: #333333; font-weight: bold; line-height: 16px;}
.service_type_content_each_dec_q{font-size: 16px; color: #333333; line-height: 16px; margin: 15px 0 28px 0;}
.service_type_content_each_dec_btn{display: block; width: 144px; height: 40px; background: #f53d1f; font-size: 16px; color: #ffffff; line-height: 40px; text-align: center;}
.service_type_content_each_dec_num{width: 128px; height: 144px; background: #f53d1f; text-align: center; position: absolute; top: 0; right: 63px; padding-top: 50px;}
.service_type_content_each_dec_num:after{content: ''; display: block; width: 100%; border-top: 1px dashed #fff; position: absolute; top: 18px; left: 0;}
.service_type_content_each_dec_num p:first-child{font-size: 36px; color: #ffffff; font-weight: bold; line-height: 36px;}
.service_type_content_each_dec_num p:nth-child(2){font-size: 14px; color: #ffffff; font-family: 'Arial'; line-height: 14px; text-transform: uppercase; margin-top: 10px;}
.service_type_content_each.on{display: block; animation: fadeIn 0.3s ease;}
.service_type_plate{width: 100%; height: 140px; border: 1px dashed #999999; margin-top: 43px;}
.service_type_plate_l{width: 376px; float: left; padding: 37px 0 0 37px;}
.service_type_plate_l_t{font-size: 30px; color: #f53b1c; font-weight: bold; line-height: 30px; position: relative;}
.service_type_plate_l_t span{display: inline-block; width: 42px; height: 13px; background: url("../kefu/service_type_icon1.png") no-repeat center; vertical-align: middle;}
.service_type_plate_l_info{font-size: 16px; color: #666666; line-height: 16px; margin-top: 15px;}
.service_type_plate_r{width: 820px; float: right; overflow: hidden; padding-top: 33px;}
.service_type_plate_r_each{width: 132px; text-align: center; float: left; position: relative;}
.service_type_plate_r_each p{margin-top: 15px; font-size: 18px; color: #333333; line-height: 18px;}
.service_type_plate_r_each:not(:last-child):after{content: ''; display: block; width: 1px; height: 48px; background: #dddddd; position: absolute; top: 50%; right: 0; margin-top: -24px;}
@keyframes fadeIn{0%{opacity: 0; filter: alpha(opacity=0);} 100%{opacity: 1; filter: alpha(opacity=100);}}
@-webkit-keyframes floattext{100%{-webkit-transform: translateX(-6px); transform: translateX(-6px);}}
@keyframes floattext{100%{-webkit-transform: translateX(-6px); transform: translateX(-6px);}}
@-webkit-keyframes floattext2{100%{-webkit-transform: translateX(6px); transform: translateX(6px);}}
@keyframes floattext2{100%{-webkit-transform: translateX(6px); transform: translateX(6px);}}
.annoyance{width: 100%; height: 798px; background: url("../kefu/annoyance_bg.png") no-repeat center bottom; padding-top: 70px;}
.annoyance .blockbox{position: relative; height: 576px;}
.annoyance_licon1{width: 261px; height: 58px; line-height: 58px; position: absolute; top: 62px; left: 263px; text-align: left; font-size: 20px; color: #ffffff; background: url("../kefu/annoyance_sbg1.png") no-repeat center; padding-left: 56px; -webkit-animation: floattext 1s infinite alternate; animation: floattext 1s infinite alternate;}
.annoyance_licon2{width: 261px; height: 58px; line-height: 58px; position: absolute; top: 161px; left: 119px; text-align: left; font-size: 20px; color: #ffffff; background: url("../kefu/annoyance_sbg1.png") no-repeat center; padding-left: 56px; -webkit-animation: floattext 1s infinite alternate; animation: floattext 1s infinite alternate; -webkit-animation-delay: 0.2s !important; animation-delay: 0.2s !important;}
.annoyance_licon3{width: 261px; height: 58px; line-height: 58px; position: absolute; top: 267px; left: 30px; text-align: left; font-size: 20px; color: #ffffff; background: url("../kefu/annoyance_sbg1.png") no-repeat center; padding-left: 56px; -webkit-animation: floattext 1s infinite alternate; animation: floattext 1s infinite alternate; -webkit-animation-delay: 0.4s !important; animation-delay: 0.4s !important;}
.annoyance_licon4{width: 261px; height: 58px; line-height: 58px; position: absolute; top: 394px; left: 89px; text-align: left; font-size: 20px; color: #ffffff; background: url("../kefu/annoyance_sbg1.png") no-repeat center; padding-left: 56px; -webkit-animation: floattext 1s infinite alternate; animation: floattext 1s infinite alternate; -webkit-animation-delay: 0.6s !important; animation-delay: 0.6s !important;}
.annoyance_licon5{width: 261px; height: 58px; line-height: 58px; position: absolute; top: 90px; left: 716px; text-align: left; font-size: 20px; color: #ffffff; background: url("../kefu/annoyance_sbg2.png") no-repeat center; padding-left: 62px; -webkit-animation: floattext2 1s infinite alternate; animation: floattext2 1s infinite alternate;}
.annoyance_licon6{width: 261px; height: 58px; line-height: 58px; position: absolute; top: 197px; left: 802px; text-align: left; font-size: 20px; color: #ffffff; background: url("../kefu/annoyance_sbg2.png") no-repeat center; padding-left: 62px; -webkit-animation: floattext2 1s infinite alternate; animation: floattext2 1s infinite alternate; -webkit-animation-delay: 0.2s !important; animation-delay: 0.2s !important;}
.annoyance_licon7{width: 261px; height: 58px; line-height: 58px; position: absolute; top: 310px; left: 923px; text-align: left; font-size: 20px; color: #ffffff; background: url("../kefu/annoyance_sbg2.png") no-repeat center; padding-left: 62px; -webkit-animation: floattext2 1s infinite alternate; animation: floattext2 1s infinite alternate; -webkit-animation-delay: 0.4s !important; animation-delay: 0.4s !important;}
.annoyance_licon8{width: 261px; height: 58px; line-height: 58px; position: absolute; top: 432px; left: 829px; text-align: left; font-size: 20px; color: #ffffff; background: url("../kefu/annoyance_sbg2.png") no-repeat center; padding-left: 62px; -webkit-animation: floattext2 1s infinite alternate; animation: floattext2 1s infinite alternate; -webkit-animation-delay: 0.6s !important; animation-delay: 0.6s !important;}
.annoyance_per{position: absolute; bottom: 0; left: 50%; margin-left: -187px;}
.annoyance_btn{display: block; text-align: center; width: 316px; height: 70px; line-height: 70px; background: #f53d1f; font-size: 30px; color: #ffffff; position: absolute; bottom: 0; left: 50%; margin-left: -135px; transition: 0.3s;}
.annoyance_btn:hover{opacity: 0.95; filter: alpha(opacity=95);}
.reason{width: 100%; height: 784px; background: url("../kefu/reason_bg.jpg") no-repeat center;}
.reason .common_t,
.reason .common_dec{color: #fff;}
.reason_list{width: 100%; height: 522px; margin-top: 32px;}
.reason_list_li{width: 300px; height: 522px; padding-top: 30px; overflow: hidden; float: left; position: relative;}
.reason_list_li:after{content: ''; display: block; width: 1px; height: 492px; background: #eeeded; position: absolute; bottom: 0; right: 0;}
.reason_list_li_in{width: 100%; height: 522px; background: #fff; border-bottom: 1px solid #fff; transition: 0.3s;}
.reason_list_li_in_img{width: 100%; height: 253px; overflow: hidden;}
.reason_list_li_in_img img{max-width: 100%; max-height: 100%;}
.reason_list_li_in_num{font-size: 20px; color: #cccccc; line-height: 20px; text-align: center; text-transform: uppercase; margin-top: 30px; transition: 0.3s;}
.reason_list_li_in_seperateline{width: 100%; height: 19px; background: url("../kefu/reason_icon1.png") no-repeat center; margin: 18px 0 25px 0; transition: 0.3s;}
.reason_list_li_in_t{text-align: center; font-size: 18px; color: #333333; font-weight: bold; line-height: 18px; padding: 0 7px; margin-bottom: 18px; transition: 0.3s;}
.reason_list_li_in_info{font-size: 16px; color: #555555; line-height: 26px; padding: 0 7px; transition: 0.3s;}
.reason_list_li:hover .reason_list_li_in{background: #f53d1f; transform: translateY(-30px);}
.reason_list_li:hover .reason_list_li_in_num,
.reason_list_li:hover .reason_list_li_in_t,
.reason_list_li:hover .reason_list_li_in_info{color: #fff;}
.reason_list_li:hover .reason_list_li_in_seperateline{background: url("../kefu/reason_icon2.png") no-repeat center;}
.check_system{width: 100%; height: 680px; background: url("../kefu/check_system_bg.png") no-repeat center top;}
.check_system_table{width: 100%; margin-top: 65px;}
.check_system_head{width: 100%; height: 79px; background: #e74e35; text-align: center; font-size: 20px; color: #ffffff; font-weight: bold; line-height: 79px;}
.check_system_head>div{float: left;}
.check_system_head>div:first-child{width: 360px;}
.check_system_head>div:nth-child(2){width: 620px;}
.check_system_head>div:last-child{width: 220px;}
.check_system_body{width: 100%; border: 6px solid #e74e35;}
.check_system_body_col1{width: 355px; background: #fff6f5; border-right: 1px solid #ffc2b8; float: left;}
.check_system_body_col1 span{display: block; width: 100%; height: 72px; text-align: center; line-height: 71px; font-size: 20px; color: #333333;}
.check_system_body_col1 span:not(:last-child){border-bottom: 1px solid #ffc2b8;}
.check_system_body_col2{width: 622px; text-align: center; border-right: 1px solid #ffc2b8; background: #fff; float: left;}
.check_system_body_col2 span{display: block; width: 100%; height: 72px; text-align: left; line-height: 71px; font-size: 20px; color: #333333; padding-left: 45px;}
.check_system_body_col2 span:not(:last-child){border-bottom: 1px solid #ffc2b8;}
.check_system_body_col3{width: 211px; text-align: center; background: #fff; float: left;}
.check_system_body_col3 span{display: block; width: 100%; height: 72px; text-align: center; line-height: 71px; font-size: 20px; color: #333333;}
.check_system_body_col3 span i{color: #e74e35;}
.check_system_body_col3 span:not(:last-child){border-bottom: 1px solid #ffc2b8;}
/** 1:23.8%, 2:26.9%, 3:25.2%, 4:22.8% */
.workspace{width: 100%; background: #f5f5f5; padding-bottom: 64px;}
.workspace_pics{margin-top: 45px;}
.workspace_pics_col1{float: left; min-height: 407.59px; margin-right: 0.43%; width: 23.8%; position: relative;}
.workspace_pics_col1>div{overflow: hidden; width: 100%;}
.workspace_pics_col1>div:first-child{position: absolute; top: 0; left: 0;}
.workspace_pics_col1>div:nth-child(2){position: absolute; bottom: 0; left: 0;}
.workspace_pics_col1>div img{transition: 0.5s;}
.workspace_pics_col1>div img:hover{transform: scale(1.1);}
.workspace_pics_col2{float: left; min-height: 407.59px; margin-right: 0.43%; width: 26.9%; position: relative;}
.workspace_pics_col2>div{overflow: hidden; width: 100%;}
.workspace_pics_col2>div:first-child{position: absolute; top: 0; left: 0;}
.workspace_pics_col2>div:nth-child(2){position: absolute; bottom: 0; left: 0;}
.workspace_pics_col2>div img{transition: 0.5s;}
.workspace_pics_col2>div img:hover{transform: scale(1.1);}
.workspace_pics_col3{float: left; min-height: 407.59px; margin-right: 0.43%; width: 25.2%; position: relative;}
.workspace_pics_col3>div{width: 100%; overflow: hidden;}
.workspace_pics_col3>div:first-child{position: absolute; top: 0; left: 0;}
.workspace_pics_col3>div:nth-child(2){position: absolute; bottom: 0; left: 0;}
.workspace_pics_col3>div img{transition: 0.5s;}
.workspace_pics_col3>div img:hover{transform: scale(1.1);}
.workspace_pics_col4{float: left; min-height: 407.59px; width: 22.8%; position: relative;}
.workspace_pics_col4>div{overflow: hidden; width: 100%;}
.workspace_pics_col4>div:first-child{position: absolute; top: 0; left: 0;}
.workspace_pics_col4>div:nth-child(2){position: absolute; bottom: 0; left: 0;}
.workspace_pics_col4>div img{transition: 0.5s;}
.workspace_pics_col4>div img:hover{transform: scale(1.1);}
.workspace_pics img{max-width: 100%; width: 100%;}
.process{width: 100%; background: #fff; padding-bottom: 30px;}
.process_pic{margin: 60px 0 30px 0;}
.process_tip{text-align: center; font-size: 14px; color: #666666; line-height: 14px;}
.cooperation{width: 100%; background: #f4f4f4; padding-bottom: 100px; display: none;}
.cooperation table{width: 1151px; height: 338px; border: 1px solid #eaeaea; margin-top: 70px; position: relative; z-index: 2; background: #fff;}
.cooperation table tbody{position: relative;}
.cooperation table tr{border-bottom: 1px solid #eaeaea;}
.cooperation table td{text-align: center; table-layout: auto; width: 14.28%; background: #fff; transition: 0.3s;}
.cooperation table td:not(:nth-child(7n)){border-right: 1px solid #eaeaea;}
.cooperation table td img{max-width: 100%;}
.cooperation table td:hover{box-shadow: 0 0 8px rgba(0, 0, 0, 0.1) inset;}
.cooperation table:after{content: ''; display: block; width: 601px; height: 400px; background: url("../kefu/coo_img1.jpg") no-repeat center; position: absolute; top: -33px; right: -50px; z-index: -1;}
/*客服外包推广页*/
.headerbox{width: 100%; min-width: 1200px; background-color: #fff;}
.headerbox .header{width: 1200px; margin: 0 auto; height: 120px;}
.headerbox .header .logo{margin-top: 36px; width: 333px; height: 51px;}
.headerbox .header .kefu{margin-top: 26px; width: 158px; height: 67px;}
.service-platform{width: 100%; min-width: 1200px; height: 677px; background: url(../kefu/bg.png) center center no-repeat; background-size: cover;}
.service-platform-content{width: 1200px; height: 100%; margin: 0 auto;}
.service-platform-title{padding-top: 70px;}
.service-platform-title h3{font-size: 48px; color: #484747; line-height: 48px; text-align: center; font-weight: 500; margin-bottom: 18px;}
.service-platform-title p{font-size: 18px; color: #9c9c9c; font-weight: 400; line-height: 18px; text-align: center;}
.service-platform-title h3 span{color: #e62129;}
.service-platform-list{padding-top: 60px;}
.service-platform-item{width: 285px; height: 190px; margin: 0 20px 22px 0; transition: all .3s linear;}
.service-platform-item:hover{box-shadow: 0 0 12px 4px rgba(0,0,0,.04);}
.service-platform-item.last{margin-right: 0;}