.m_color .mCSB_scrollTools .mCSB_draggerRail{ width:1px; background: #ccc;} .m_color .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:3px;-webkit-border-radius:0;border-radius:0;background:#EA2F39;} .m_color .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.m_color .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.m_color .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag:hover .mCSB_dragger_bar{ background:#EA2F39;} .raw_cont{padding: 0.8rem 0 1.1rem 0;} .raw_title{text-align: center;margin-bottom: 0.6rem;} .raw_title h2{color: #2c2b2b;margin-bottom: 0.2rem;} .raw_title p{color: #686868;} .raw_cont{padding: 0.8rem 0 1.1rem 0;} .raw_title{text-align: center;margin-bottom: 0.6rem;} .raw_title h2{color: #2c2b2b;margin-bottom: 0.2rem;} .raw_title p{color: #686868;} .raw_list li{margin-bottom: 0.6rem;} .raw_list li:last-child{margin-bottom: 0;} .raw_list dl{overflow: hidden;position: relative;} .raw_list dt{float: left; width: 61.7%;} .raw_list dd{/*float: right;*/width: 38.3%; /*height: 100%;*/ padding: 0.5rem 0.6rem;position: absolute;right:0;top: 50%;transform:translateY(-50%) !important;} .raw_list li:nth-child(even) dd{right: auto;left: 0;} .raw_list h3{color: #2c2b2b;margin-bottom: 0.15rem;} .raw_scoll_p{height: calc(100% - 70px);overflow: hidden;padding-left: 0.18rem} .raw_scoll_p p{line-height: 24px;} .raw_scoll_p a{color: #686868;} .raw_list li:nth-child(2n) dt{float: right;} .raw_list li:nth-child(2n) dd{float: left;} @media only screen and (max-width:767px) { .raw_cont{padding: 30px 0;} .raw_title h2{margin-bottom: 10px;} .raw_title{margin-bottom: 20px;} .raw_list dt,.raw_list dd{float: none;width: 100%;position:static;transform:none !important;} .raw_list dl{height: auto !important;} .raw_list dd{padding: 10px;padding-top: 20px;height:100%} .raw_list li{margin-bottom: 20px;} .raw_scoll_p{padding-left:0px;} } .raw_d{padding: 0.8rem 0 1.3rem 0;} .raw_dtitle{margin-bottom: 0.35rem} .raw_dtitle h2{margin-bottom: 0.1rem} .raw_dtitle i{display: block;width: 0.7rem;height: 0.07rem;background:#cf1018;display: block;} .raw_intr{padding-top: 0.5rem} .raw_intr h3{margin-bottom: 0.3rem;} .raw_intr_p p{line-height: 24px;color: #686868;padding-left: 15px;position: relative;} .raw_intr_p p:before { content: ""; position: absolute; left: 0px; top: 9px; width: 6px; height: 6px; border-radius: 50%; background-color: #cf1018; } .raw_d02{padding: 1rem 0;background: url(../images/probg1.jpg) no-repeat left center;overflow: hidden;} .raw_d02 .left{float: left;width: 51.5%;} .raw_d02 .right{float: right;width: 44.9%;} .info-item { margin-top: 15px; border: 1px solid #eee; display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: center; } .info-item:first-child { margin-top: 0; } .item-num { flex: 0 0 auto; width: 70px; line-height: 76px; text-align: center; color: #fff; background-color: #cf1018; } .item-title { flex: 1 1 auto; overflow: hidden; padding: 14px 0.25rem; line-height: 28px; padding-top: 0.1rem; } .raw_d02 .raw_dtitle{margin-bottom: 0.7rem;} .raw_d03{margin-bottom: 1rem;} .raw_d03 h2{text-align: center;margin-bottom: 0.5rem;} .fancybox-button--zoom,.fancybox-button--thumbs{display: none !important;} .raw_slider{position: relative;} .row_btn {overflow: hidden; text-align: center; margin-top: 30px; display: flex; justify-content: center;display: none; } .row_btn div{margin: 0 15px; display: inline-block; background: none;position: static;width: 42px;height: 42px; line-height: 40px; text-align: center; border: 1px solid #cf1018;color: #cf1018; cursor: pointer; border-radius: 50%;opacity: 1 !important;font-weight: bold;} .row_btn .swiper-button-disabled{color: #333;border-color:#333;} .raw_d04{ max-width: 1440px; margin: 0 auto; width: 94%; padding:0.8rem; padding-bottom: 0.7rem; background: url(../images/probg2.jpg) no-repeat center; background-size: cover;} .raw_d04 h2{text-align: center;margin-bottom: 0.4rem;} .raw_ic{margin-bottom: 0.9rem;} .raw_ic ul{overflow: hidden;margin: 0 -10px;} .raw_ic li{float: left;width: 33.33%;text-align: center;} .raw_ic dl{margin: 0 10px;} .raw_ic dt{margin-bottom: 0.3rem;} .raw_ic dt img{width: 104px;height: 104px;} *{box-sizing:border-box;} input,textarea,button{outline: none;background: none;border: none;} .raw_form li{margin-bottom: 15px;} .raw_form li i{font-size: 22px;font-weight: bold;position: absolute;left: 10px;top:0;} .raw_form li i.icon-xingming{font-size: 20px;} .raw_form li b{color: #d3262d;position: absolute;left: -20px;top:0;} .raw_form .left{width: 38.7%;float: left;} .raw_form .right{width: 55.3%;float: right;} .raw_form .form_w{background:#fff;position: relative;} .raw_form .form_w input{width: 100%;padding-left: 45px;padding-right: 20px;} .raw_form .form_w textarea{padding:15px 20px; padding-left: 45px;width: 100%;height: 183px;vertical-align:top;} .raw_form .li_area .form_w {height: 180px;} .raw_form .rawcode .form_w {background: none} .raw_form .rawcode .form_w input{border: 1px solid #4b4b4c;padding: 0 10px;width: 37%;float: left;background: #fff;} .raw_form .rawcode span{margin-left: 1.2%; float: left;width: 25%; border: 1px solid #4b4b4c;cursor: pointer;} .raw_form .rawcode span img{width: 100%;height: 100%;} .raw_form .rawcode button{width: 31.4%;float: right;background:#cf1018;color: #fff;text-align: center;} .raw_form .form_w{line-height: 50px;} .raw_form .rawcode button,.raw_form .rawcode span,.raw_form .form_w input{height: 50px;line-height: 50px;} .raw_slider li span {width: 50px;height: 50px;line-height: 50px;text-align: center; background-color: rgba(236, 29, 37, 0.7);position: absolute;right: 3.937007874%;bottom: 2.9239766082%;color: #fff;font-size: 20px;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;visibility: hidden;opacity: 0;} .raw_slider li:hover span{visibility: visible;opacity: 1;} @media screen and (max-width: 1024px) { .raw_slider li span{width: 30px;height: 30px;line-height: 30px;visibility: visible;opacity: 1;font-size: 14px;} } @media screen and (max-width: 991px) { .row_btn{margin-top: 20px;} .row_btn div {width: 32px;height: 32px; line-height: 30px;font-size: 14px;} } @media screen and (max-width: 767px) { .raw_form .form_w textarea{height:150px;} .raw_d{padding: 30px 0;} .raw_intr{padding-top: 20px;} .raw_intr h3{margin-bottom: 10px;} .raw_d02{padding: 30px 0;} .raw_d02 .raw_dtitle{margin-bottom: 20px;} .raw_d02 .left,.raw_d02 .right{float: none;width: 100%;} .raw_d02 .right{margin-bottom: 20px;} .item-num{width: 60px;line-height: 66px;} .item-title{padding: 10px;line-height: 24px;} .raw_d03 h2{margin-bottom: 20px;} .raw_d04 h2{margin-bottom: 40px;} .raw_ic li{float: none;width: 100%;margin-bottom: 20px;} .raw_ic li:last-child{margin-bottom: 0;} .raw_ic{margin-bottom:30px;} .raw_d04{padding: 30px 20px;} .raw_ic dt{margin-bottom: 10px;} .raw_ic dt img{width: 80px;height: 80px;} .raw_form .left,.raw_form .right{float: none;width: 100%;} .raw_form .rawcode button{float: none;width: 100%;clear: both;} .raw_form .rawcode span{width: 100px;margin: 0;float: right;margin-bottom: 20px;} .raw_form .rawcode .form_w input{width: calc(100% - 110px)} .raw_form li b{left: -10px;} .raw_form li i{font-weight: normal;} } @media only screen and (min-width:1025px) { .row_btn div,.raw_form .rawcode button{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}.row_btn div:hover{ color: #cf1018;border-color:#cf1018;} .raw_ic .tel_link{cursor: default;color: #000 !important} .raw_form .rawcode button:hover{background:#ec1d25;} }