.bg-cover{ background-position: center; background-repeat: no-repeat; background-size: cover;}
.procolumn_banner{ position: relative;}
.procolumn_banner .txt{color:#fff;}
.procolumn_banner h2{font-weight: bold; margin-bottom:10px;}
.procolumn li{position: relative; padding: 6% 0; background: #ffffff; overflow: hidden;}
.procolumn li:nth-child(2n){ background: #f2f4fa;}
.procolumn li .img{ width:36.14%; left:auto; right:0;}
.procolumn li .txt{ width:60%; overflow: hidden;}
.procolumn li:nth-child(2n) .img{right:auto;left:0;}
.procolumn li:nth-child(2n) .txt{ float: right;}
.procolumn li h2{margin-bottom: 2%; color:#222222; line-height: 1.2;}
.procolumn li h3{ line-height: 1.5; color:#666666;}
.procolumn li dl{margin-top: 1.5%;}
.procolumn li dl dt{ color: #666666; font-weight: bold; margin-bottom: 2%;}
.procolumn li dl dd p{display: inline-block;  width:48%; position: relative;padding-left: 15px; margin-bottom: 4px;}
.procolumn li dl dd p::before{ content: ""; position: absolute; left:0; top:10px; width:6px; height: 6px; background: #c20019; border-radius: 50%;}
.procolumn li dl dd p a{  color:#666666;}
.procolumn li dl dd p:nth-child(2n){ float: right;}
@media only screen and (max-width: 1279px){
.procolumn li dl dd p{ width:100%;}
}
@media only screen and (max-width: 767px){
    .procolumn_banner{ height: 240px;}
    .procolumn_banner img{ display: none;}
    .procolumn_banner h2,.procolumn li h2{ font-size: 20px;}
    .procolumn_banner p,.procolumn li dl dt{ font-size: 16px;}
    .procolumn li h3,.procolumn li dl dd{ font-size: 14px;}
    .procolumn li dl dd p::before{ top:7px;}
    .procolumn li .txt,.procolumn li .img{ width:100%;}
    .procolumn li .txt{margin-bottom: 5%;}
    .procolumn li:nth-child(2n) .txt{ float: left;}
    .procolumn li .img,.procolumn li:nth-child(2n) .img{position: static;transform: translate(0,0); -webkit-transform: translate(0,0); -ms-transform: translate(0,0);}
}


.site_text .ptxt{ width:55%; padding: 1% 0 1.5%;}
.product_01 dt{ float: left; width:48%; margin-top:6px;text-align: center;}
.product_01 dd{ float: right; width:48%;}
.product_01 dd h2{ text-align: left;}
.function_list dl dd{ border-bottom: none; height: auto; padding-bottom: 20px;}
.function_list dl dd::after{ display: none;}
.function_list dl dt{padding-top: 0;}

.product_add01{padding:5% 0; background: #fff;text-align: center;}
.product_add02{padding:5% 0; background: #f1f3f9;}
.slider_btn{ display: none;}
.pro_scene{overflow: hidden;}
.pro_scene .pub_le{float: left;width: 245px;}
.pro_scene .pub_re{float: right;width: calc(100% - 265px);position: relative;}
.pub_le{position: relative;}
.pub_le li{line-height: 30px;margin-bottom: 40px;}
.pub_le li.on a{color: #e40201; font-size: 30px;}
.scene_cont{height: 410px;overflow: hidden;position: relative;    z-index: 2;}
.scene_line_gray{width: 1px;height: 100%;background: #c9ccd3;position: absolute;left: 1px;top:0;}
.scene_cont .mcsb_container{padding-left: 100px;}
.scene_cont li.iteam>h3{margin-bottom: 20px;}
.scene_cont li.iteam{position: relative;}
.scene_line{display: none; position: absolute;left:-100px;top:0; width:3px;height: 90px;background:#e40201;}
.scene_cont li.on .scene_line{display: block;}
.pub_re .mcsb_scrolltools{ visibility: hidden!important;}
.pub_re .iteam{margin-bottom: 5%;}
.pub_re .iteam:last-child{margin-bottom:0;}
@media only screen and (min-width:767px) {
.pub_le .swiper-wrapper{ display: block;}
}


@media only screen and (max-width:1279px) {
    .pub_le li.on a{ font-size: 18px;}
}
@media only screen and (max-width:1023px) {
.product_01 dt{width:100%; margin-top: 0; margin-bottom: 20px;}
.product_01 dd{ width:100%;}
}
@media only screen and (max-width:767px) {
.slider_btn{ margin-top: 8px;}
.pro_scene .pub_le,.pro_scene .pub_re{float: none;width: 100%;}
.scene_line_gray{display: none;}
.scene_cont li.iteam{display: none;}
.scene_cont li.iteam.on{display: block;}
.scene_cont{height: auto;}
.pub_le{padding: 0 30px;box-sizing:border-box;}
.pub_le li{margin-bottom: 0;height: 40px;}
.pro_scene .pub_le{border-bottom: 1px solid #ccc;margin-bottom: 20px;}
.pub_le li{text-align:center;}
.swiper-button-next, .swiper-button-prev{ width:24px; height: 24px; line-height: 24px; background-size: 24px 24px;}
}
@media only screen and (max-width:767px) {
.pub_le li.on,.pub_le li{font-size: 16px;font-weight: normal;}
}