﻿*{    box-sizing: border-box;}
.gray{color:#727272;}
.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:#c82722;}
.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:#c82722;}

.video_appbox{ position:fixed; width:100%; height:100%; top:0; left:0; z-index:9999999;opacity: 0;visibility: hidden;transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;-ms-transition:all 0.6s;}
.video_appbox.show{visibility: visible;opacity:1;}


.video_appbox video{object-fit: contain;    width: 100%;}
.video_appbox .video_t{ 
 z-index:2; background:#000;width: 1035px;max-width:94%;height: 60%;
 transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%); position:absolute; left:50%; top:60%;
     transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;-ms-transition:all 0.6s;
visibility: hidden;opacity: 0;

}
.video_tbox,.video_tbox video{height: 100%;}
.video_appbox.show .video_t{
visibility: visible;opacity:1;
top:50%;
}
.video_appbox .mask{ position:absolute; z-index:1; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5);}
.lt9 .video_appbox .mask{filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr="#88000000", EndColorStr="#88000000");}
.vide0_close{ position:absolute; top:-40px; right:0px; cursor:pointer; z-index: 99999;}
.vide0_close i{color: #fff;font-size:30px;font-weight: bold;}


.site_mbx{overflow: hidden;padding:15px 0;border-bottom:1px solid #d7d7d7;}
.site_logo{float: left;padding: 6px 0 10px 0;border-right:1px solid #d7d7d7;padding-right: 30px;margin-right: 30px;}
.site_logo img{max-width:100%;}
.site{float: left;padding-top: 12px;}
.news_d .edit_con_original{color:#525252;line-height: 30px;}
.news_d .edit_con_original table{    border-collapse: collapse;}
.news_d .edit_con_original table td{ 
border: 1px solid #000;
padding: 5px 10px;
}
.d_title{margin-bottom:50px;padding-bottom: 30px; border-bottom:1px solid #d7d7d7;}
.d_title h1{color:#000000;margin-bottom: 30px;}
.d_span{overflow: hidden;line-height: 30px;color:#525252;margin-bottom: 5px;}
.d_span span{float: left;margin-right: 25px;float: left;}
.d_span span:last-child{margin-right: 0;}
.d_span i{font-size: 20px;color:#77603a;float: left;margin-right: 8px;}



.weixin{ position:fixed; width:300px; z-index:100000; background:#fff; border:1px solid #ddd; border-radius:2px; box-shadow:1px 1px 10px #666;transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%); left:50%; top:50%;}
.weixin .c{ position:absolute; width:40px; height:40px; overflow:hidden; right:0; top:0; font-size:20px; font-style:normal; text-align:center; cursor:pointer; z-index:2;}
.weixin h2{ position:relative; line-height:40px; font-size:16px; padding-left:20px; font-weight:normal;}
.weixin .img{ padding:10px 20px;text-align:center; border-top:1px solid #ddd;}
.weixin .img img{width:200px; height: 200px;}
.weixin p {margin:0 0 30px; text-align:center;}
@media only screen and (max-width:767px) {
.weixin{width:70%;}

.site_mbx{padding:10px 0;}
.site_logo,.site{float: none;width:100%;}
.site_logo{padding: 0;border:0;}
.site_logo img{width:90px;}
}

.d_share{overflow: hidden;line-height: 30px;}
.d_share a{color:#616161;float: left;margin-right: 25px;}
.d_share a i{font-size: 24px;}
.d_share a.share_wb{font-size: 26px;}
.d_share a:last-child{margin-right: 0;}

.news_d{overflow: hidden;padding: 20px 0 90px 0;}
.news_d .left{width:calc(100% - 460px);float: left;}
.news_d .right{width: 364px;float: right;background:#f6f6f6;padding:35px;padding-bottom: 50px;border-radius: 15px;}
.news_d .right li{padding: 15px 0;}
.news_d .right li:last-child{border:0;}
.news_d .right li span{display: block;margin-bottom: 10px;}
.news_d .right h2{border-bottom: 3px solid #c82722;padding-bottom: 20px;margin-bottom: 15px;}
.news_d .right h3{font-weight: normal;line-height:30px; max-height: 60px;  overflow: hidden;display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; /* 希望显示的行数 */
  overflow: hidden;
  text-overflow: ellipsis;}
.d_top{overflow: hidden;}
.d_bottom{overflow: hidden;border-top: 1px solid #d7d7d7;padding-top: 25px;margin-top: 50px;}
.d_page{overflow: hidden;}
.d_page span{display: block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;line-height: 30px;}
.d_page span,.d_page span a{color:#525252;}

.d_close{float: right;}
.d_close a{display: inline-block;width: 120px;height: 50px;line-height: 50px;background:#7f6333;color: #fff;text-align: center;border-radius: 30px;transition:inherit;}
.d_close{padding-top: 20px;overflow: hidden;}
.d_close a i{left: -10px;position: relative;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}

@media only screen and (max-width:1440px) {
.news_d .left{width:calc(100% - 400px);}

}
@media only screen and (max-width:1024px) {
.news_d{padding:50px 0;}
.d_close{display: none;}
.news_d .right h3{line-height: 24px; max-height: 48px;  }
.news_d .right li{padding: 10px 0;}
.news_d .left,.news_d .right{float: none;width: 100%;}
.news_d .left{padding-bottom:30px;}
.d_title h1{margin-bottom: 10px;}
.d_title{padding-bottom: 10px;margin-bottom: 10px;}
.d_bottom{padding-top: 20px;margin-top: 20px;}
.news_d .right{padding: 20px;padding-bottom: 40px;}
.news_d .right h2{padding-bottom: 10px;border-width: 2px}
}
@media only screen and (max-width:767px) {
.news_d{padding:20px 0;padding-bottom: 30px;}
.news_d .right{padding:20px;padding-bottom: 30px;border-radius: 5px;}
.d_page span,.d_page span:last-child{float: none;width: 100%;text-align:left;display: block;line-height: 30px;}
.d_title h1{margin-bottom: 10px;}
.d_title{margin-bottom: 20px;}
.d_span span{margin-right: 15px;}
.d_span i{font-size: 18px;margin-right:5px;}
.d_span .icon-liulan{font-size: 20px;}

}

/*服务*/
.ser_banner{position: relative;}
.ser_banner .inner_banner .txt{top:0; padding-top:4%;height:100%;    transform: translate(-50%,0%);
    -webkit-transform: translate(-50%,0%);
    -ms-transform: translate(-50%,0%);
    -moz-transform: translate(-50%,0%);
    -o-transform: translate(-50%,0%);}
.ser_banner .inner_banner p{position: absolute;left: 0;bottom:40%;width: 100%;color: #fff;}
.ser_flow{position: absolute;left: 0;bottom:-30px;width: 100%;}
.ser_flow ul{overflow: hidden;background: rgb(255, 255, 255); background-size: 100% 100%; border-radius:10px;box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);}
.ser_flow li{width: 33.33%;float: left;}
.ser_flow li a{display: block;padding:30px 0;}
.ser_flow dl{overflow: hidden;padding:20px 80px;padding-bottom: 5px; border-right:1px solid #d7d7d8;}
.ser_flow li:last-child dl{border: 0;}
.ser_flow dt{float: left;width: 60px;height: 60px;}
.ser_flow dt img{width:100%;height:100%;}
.ser_flow dd{float: right;width:calc(100% - 80px);}
.ser_flow dd p{line-height: 24px;height: 48px;  display: -webkit-box;overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.ser_p{color: #fff;margin-bottom: 90px;clear: both;}
.ser_flow h4{margin-bottom: 10px;overflow: hidden;}
.ser_flow h4 em{width: 120px;text-align: center; max-width:100%;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding:0 10px;line-height: 32px;height: 34px;border:1px solid #c3c3c3;border-radius: 4px;float: left;}
.ser_flow h4 i{float: left;margin-left: 15px;}

.ser_cont{background:#ecf2ff url(/home/static/images/ser_bg.jpg) no-repeat;background-size: cover;padding-top: 110px; overflow: hidden;}

.ser_01,.ser_02{margin-bottom: 90px;}
.ser_03{margin-bottom: 140px;}
.ser_04{margin-bottom: 70px;display: none;}
.ser_title{text-align: center;margin-bottom: 40px;}
.ser_title h3{margin-bottom: 10px;}

.ser_seek li{float: left;width: 50%;position: relative;}
.ser_seek li:after{content:"";position: absolute;left: 0;top:0;width: calc(100% + 1px);height: calc(100% + 1px);background:#fff;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
.ser_seek dl{padding:40px 50px; position: relative;background:#fff;height:272px; border-top:1px solid #cececf;border-right:1px solid #cececf;z-index: 5;}
.ser_seek dt{position: relative;z-index: 5}
.ser_seek dl .seek_p{line-height: 24px;height:72px;  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;margin-bottom: 20px;}
  .ser_seek.consult dl .seek_p{
    margin-right: 50%;
  }
  .ser_seek.consult .w_100 dl{
    height: auto;
    border: 0;
  }
  .ser_seek.consult .w_100 dd{
    right: auto;
    width: 50%;
    left: 50%;
    padding: 0.5rem;
    top: 0;
    z-index: 6;
  }
  html{
    font-size: calc(100vw / 19.20);
  }
  .ser_seek.consult .w_100 dd .icons{
    text-align: center;
  }
  .ser_seek.consult .w_100 dd .icons .item{
    border: 2px solid #eeeeee;
    border-radius: 500px;
    line-height: calc(1.5rem - 4px);
    display: inline-block;
    text-align: center;
    margin: 0 5%;
    padding: 9%;

position: relative;
  }
  .ser_seek.consult .w_100 dd .icons .item::after{
    content: '在线咨询';
    position: absolute;
    left: 50%;
    top: 100%;
    transform: translate(-50%,10px);
    line-height: 1.5;
    white-space: nowrap;
    font-size: 14px;
  }
  .ser_seek.consult .w_100 dd .icons .item+.item::after{
    content: '企业微信';
  }
  .ser_seek.consult .w_100 dd .icons .item+.item+.item::after{
    content: '关注我们';
  }
  .ser_seek.consult .w_100 dd .icons .item[data-accesstype="other"]{
    cursor: pointer;
  }
  .ser_seek.consult .w_100 dd .icons .item svg{
    width: 50%;
    height: 50%;
    vertical-align: middle;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
.ser_seek{border-radius: 10px;}
.ser_seek dd{position: absolute;right: 0;bottom: 0;width: 35%;}
.seek_title{position: relative;margin-bottom: 25px;
  /* padding-left: 18px; */
}
/* .seek_title:after{content:"";position: absolute;top:50%;left: 0;width: 5px;height: 22px;background:#c82722;margin-top:-11px;} */

.seek_a{overflow: hidden;}
.seek_a a,.seek_a em{float: left;line-height: 24px;color: #c82722;}
.seek_a em{margin: 0 10px;}
.seek_tel p{overflow: hidden;line-height: 24px;margin-bottom: 15px;}
.seek_tel p:last-child{margin-bottom: 0;}

.seek_tel p i{margin-right: 10px;}
.ser_seek li:nth-child(1) dl,.ser_seek li:nth-child(2) dl{border-top: 0}
.ser_seek li:nth-child(2n+1){clear: both;}
.ser_seek li:nth-child(2n) dl{border-right: 0;}
.seek_more{overflow: hidden;}
.seek_more a{float: left;width: 120px;height: 34px;line-height: 32px;background:#c82722;border:1px solid #c82722; color:#fff;text-align: center;border-radius: 5px;}
.seek_more i{position: relative;width: 12px;height: 12px;border-radius: 50%;border:1px solid #fff;display: inline-block;position: relative;left: 15px;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;top:1px;}
.seek_more b{width: 2px;height: 2px;background: #fff;border-radius: 50%;}
.seek_more .seek_more2{border-color: #c3c3c3;color:#000;background: none;margin-left: 20px;}
.seek_more .seek_more2 i{border-color:#000;}
.seek_more .seek_more2 b{background:#000;}

.ser_word{overflow: hidden;}
.ser_word .seek_a{float: left; }
.ser_word .seek_more{float: left;} 
.ser_seek .w_100{width: 100%;float: none;}
.ser_seek .w_100 dl{height: auto;}
.ser_seek .w_100 dd{width: 17.5%;width: 245px; right: 18%;}
.seek_wp{overflow: hidden;}
.seek_wp .seek_p{float: left;width: 350px;}
.seek_wp .seek_a{float: right;width:calc(100% - 370px)}
.seek_more3{text-align: center;padding-top: 10px;}
.seek_more3 a{float: none;display: inline-block;}

.ser_03 .active_list li dl{position: relative;}
.ser_03 .active_list li dt .act_v{display: block;}
.ser_btn{position: absolute;top:0;left: 0;width: 100%;height: 100%;/*background:rgba(0,0,0,0.4);*/z-index: 5;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s; }
.ser_btn i{width: 64px;height: 64px;line-height: 64px;text-align: center;background:#fff;border-radius:50%;color: #c82722;display: none;}
.ser_03 .active_list li.play .ser_btn{visibility: hidden;opacity: 0;}
.ser_03 .active_list li.play dt img{opacity: 0;visibility: hidden;}

.ser_case h3{line-height: 1.2em;margin-bottom: 10px;}
.ser_case p{line-height: 26px;}
.ser_case ul{overflow: hidden;    margin: 0 -1% 1%;}
.ser_case li{float: left;width: 31.33%;    margin: 0 1% 2.5%;}
.ser_case li dl{overflow: hidden;padding:40px 20px; background:#fff;    border-radius: 10px;position: relative;}
.ser_case li dt{width: 110px;transform: translate(0,-50%); -webkit-transform: translate(0,-50%);-ms-transform: translate(0,-50%);-moz-transform: translate(0,-50%);-o-transform: translate(0,-50%); position:absolute; left:20px; top:50%;}
.ser_case li dd{float: right;width: calc(100% - 130px);border-left: 1px solid #d8d8d9;padding-left: 30px; height: 190px;overflow: hidden;}
.seek_more4 a{border: 0;text-align: left;margin-left: 0 !important;width: auto;}

.ser_case .seek_more{padding-top: 10px;}
.ser_videoslider .seek_more a{border: 0;}
.ser_videoslider{position: relative;}
.ser_videoslider ul{margin: 0;display: block;}
/*.ser_videoslider li{margin: 0;}*/
.ser_videoslider li{margin-bottom: 2%;}
.active_btn div{width: 40px;height: 40px;line-height: 40px;font-size: 36px;font-weight: bold; text-align: center;color: #000;background:none!important}
.active_btn div i{font-size: 36px;}
.active_btn .swiper-button-prev{left:-50px;}
.active_btn .swiper-button-next{right:-50px;}

.ser_seek.consult .w_100 dd .icons .item .qrcode{
  position: absolute;
  width: 130%;
  height: 130%;
  background: #fff;
  left: 50%;
  top: 100%;
  transform: translate(-50%, 10px);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  display: none;
  z-index: 5;
}

.ser_seek.consult .w_100 dd .icons .item:hover .qrcode {
  display: block;
}
.ser_seek.consult .w_100 dd .icons .item .qrcode img{
  width: 100%;
  height: 100%;
}

@media only screen and (max-width:1440px) {
.ser_cont{padding-top: 80px;}
.ser_01,.ser_02{margin-bottom: 80px;}
.ser_03{margin-bottom: 80px;}
.ser_04{margin-bottom: 70px;}

.ser_p{margin-bottom: 20px;}
.ser_flow li a{padding:20px 0;}

.ser_btn i{width: 50px;height: 50px;line-height: 50px;}


.ser_case li dt{width: 90px;}
.ser_case li dd{padding-left: 20px;width: calc(100% - 110px)}
.active_btn .swiper-button-prev{left:-40px;}
.active_btn .swiper-button-next{right:-40px;}
}
@media only screen and (max-width:1200px) {
.ser_flow li a{padding:10px 0;}
.ser_flow dl{padding:10px 20px;padding-bottom: 5px;}
.ser_flow dt{width:45px;height: 45px;}
.ser_flow dd{width:calc(100% - 55px);}
}
@media only screen and (max-width:1150px) {
.ser_word .seek_a{margin-right: 40px;max-width: calc(100% - 160px);}

}
@media only screen and (max-width:1024px) {
  .ser_seek.consult .w_100 dd{width: auto;}
  .ser_seek.consult dl .seek_p{margin-right: 0;}
  .ser_seek.consult dd{position: static;}
.ser_cont{padding-top: 50px;}
.ser_01,.ser_02{margin-bottom: 50px;}
.ser_03{margin-bottom: 50px;}
.ser_04{margin-bottom: 50px;}
.ser_banner .a-m-c{
  position: relative;
}
.ser_flow{position: static;}
.ser_banner{background:#ecf2ff}
.ser_banner .inner_banner{margin-bottom: 20px;}
.ser_banner .inner_banner .txt{padding:30px 0;}
.ser_banner .inner_banner>img{display: none;}
.ser_p{color:#fff;margin-bottom: 0px;margin-top: 20px}
.ser_flow li{width: 50%;margin-bottom: 10px;}
.ser_flow ul{margin: 0 -5px;background:none;box-shadow: none;}
.ser_flow a{margin: 0 5px;background: #fff;}
.ser_flow dl{border:0;}

.ser_seek dl{padding:20px;}
.seek_title{margin-bottom: 20px;}
.ser_word .seek_a{width: 100%;max-width: 100%; margin-right: 0;float: none;margin-bottom: 20px;}
.ser_word .seek_more{float: none;}
.ser_seek dl .seek_p{margin-bottom: 10px;margin-right: 0;max-height: none;-webkit-line-clamp:initial;} 
.seek_more i{left: 0;margin-left: 5px;} 
.seek_more a{width: 90px;}

.ser_btn i{width: 40px;height: 40px;line-height: 40px;}
.ser_case li dt{transform: translate(0,0); -webkit-transform: translate(0,0);-ms-transform: translate(0,0);-moz-transform: translate(0,0);-o-transform: translate(0,0); position:static; left:20px; top:50%;margin: auto;margin-bottom: 20px;}
.ser_case li dd{padding-left: 0;float: none;width: 100%;border: 0;}
.ser_case p{line-height: 24px;height: 96px;}
.active_btn div{color:#fff;}
.active_btn .swiper-button-prev{left:0px;}
.active_btn .swiper-button-next{right:0px;}
}
@media only screen and (max-width:767px) {
.ser_cont{padding-top: 30px;}
.ser_01,.ser_02{margin-bottom: 30px;}
.ser_03{margin-bottom: 30px;}
.ser_04{margin-bottom: 30px;}

.ser_flow{position: static;}
.ser_banner{background:#ecf2ff}
.ser_banner .a-m-c{position: relative;}
.ser_banner .inner_banner{height:auto;}
.ser_banner .inner_banner .txt{padding:20px;    width: 100%;}

.ser_flow li{width: 100%;margin-bottom: 10px;}
.ser_flow ul{margin: 0;}
.ser_flow a{margin: 0 ;}
.ser_flow dd p{height: auto;max-height: 48px;}
.ser_flow dl{padding: 0;}
.ser_flow li a{padding:20px;}

.ser_seek li{float: none;width: 100%;margin-bottom: 10px;}
.ser_seek li dl{border:0;height: auto;}
.seek_wp .seek_p,.seek_wp .seek_a{float: none;width: 100%;}
.ser_seek .w_100 dl{height:auto;}
.ser_seek dd,.ser_seek .w_100 dd{width: 100px;right: 0;}
.seek_title{margin-bottom: 10px;}
.ser_title{margin-bottom: 20px;}

.ser_case ul{margin: 0 0 1%;}
.ser_case li{float: none;width: 100%;    margin: 0 0 2%;}
.ser_case p{height: auto;max-height: 96px;}
.ser_case h3{margin-bottom: 10px;}
.ser_case li dd{height: auto;}
}

@media only screen and (min-width:1025px) {
.ser_flow li,.ser_flow li h4 em{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
.ser_flow li:hover{background:url(/home/static/images/se_hover.png) no-repeat;background-size:100% 100%;}
.ser_flow li:hover h4 em{background:#c82722;border-color:#c82722;color: #fff;}
.ser_flow li:hover dl{border-right-color: transparent;}
.seek_tel p a:hover{color:#000 !important;cursor: default;}
.seek_more a:hover{color:#fff !important;}
.seek_more a:hover i{left:4px;}
.seek_more .seek_more2:hover{color:#c82722 !important;border-color:#c82722}
.seek_more .seek_more2:hover i{border-color:#c82722 }
.seek_more .seek_more2:hover i b{background:#c82722 }

.ser_seek li:hover{position: relative;z-index: 99;}
.ser_seek li:hover dl{border-right-color: transparent;}
.ser_seek li:hover:after{    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);}
.seek_a a:hover{opacity: 0.8;}

}

.seek_moreone {text-align: center;padding-top: 40px;}
.seek_moreone .seek_more2{margin-left: 0;float: none;display: inline-block;}
@media only screen and (min-width:1025px) {
.seek_moreone .seek_more2:hover{background:#c82722;color:#fff !important;}
.seek_moreone .seek_more2:hover i{border-color:#fff;}
.seek_moreone .seek_more2:hover i b{background:#fff;}
}