@charset "utf-8";

html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0); font-family: "Lucida Grande",Helvetica,Arial,"Microsoft YaHei",FreeSans,Arimo,"Droid Sans","wenquanyi micro hei","Hiragino Sans GB","Hiragino Sans GB W3",Roboto,Arial,sans-serif;}
body,ul,li,dt,dl,p,h1,h2,h3,h4,h5,h6,div,html,form,select,option,table,tr,td,dt,dl,dd,span,input,i,em,b,br,section,header,footer,nav,menu,aside,audio,video,canvas,svg,details,figure,figcaption,summary,hgroup,pre,sub,sup,button,textarea,input{margin:0;padding:0;color:inherit;}
body{ color: #666666; background-color: #fff;  word-break: break-all; word-wrap:break-word; font-weight: 400;  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
input,button{overflow: visible;vertical-align:middle;outline:none}
input[type="submit"],input[type="reset"],input[type="button"],input[type="text"],input[type="password"]{-webkit-appearance:none;outline:none}
a,a img{text-decoration:none; color: inherit;border:0;}
a:focus{outline:none;}
a:hover{ background: none;}
a:focus, a:hover{ color: inherit;}
ul,ul li{list-style:none}
fieldset,img,input,button{border: none; padding: 0;margin: 0; outline-style: none;}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight: normal;}
a{text-decoration:none;cursor: pointer;color:inherit; display: block; }
a:hover{text-decoration:none;outline:none; color: initial;}
a:focus{outline:none}
a:hover,a:active{outline:none}
a:focus{outline:none}
sub,sup{vertical-align:baseline}
a:link{text-decoration:none;   /* 指正常的未被访问过的链接*/}
a:visited{text-decoration:none; /*指已经访问过的链接*/}
a:hover{text-decoration:none;/*指鼠标在链接*/}
a:active{text-decoration:none;/* 指正在点的链接*/ }
img{max-width: 100%;height: auto;display: inline-block;vertical-align: top;}
.wrapper{ width: 1200px; margin: 0 auto; padding: 1px 0; box-sizing: border-box; }

@media screen and (max-width:1250px){
    .wrapper{ width: 100%; padding: 0 20px; }
}
@media screen and (max-width:1000px){
    .wrapper{ width: 100%; padding: 0 10px;}
}


.left{ float: left;}
.right{ float: right;}
.clearfix:after{content:"";height:0; line-height:0; display:block;clear:both; visibility:hidden;}    
.clearfix{ zoom:1;}
article p {font-size:14px; color:#333; line-height:30px;}
article img {max-width:100%;}
article p a,article p a:hover{ display:inline-block; color:#0899e0;}

.top {  z-index:999;   position: relative; } 
.top .icon-Language{cursor: pointer; font-size: 26px; color: #fff; display: block; margin-right: 10px;  }
.top .top_r { box-sizing:border-box;padding:0; margin:0 auto; display: none; position: absolute; top: 40px; left: -37px;}
.top .top_r a { display:block; width: auto; white-space: nowrap; font-size:14px;color:#666;padding: 0 25px; height: 40px;line-height: 40px; text-align: center; background:#fff;}
.top .top_r a:last-child { border-right:none;}
.top .top_r a:hover { color:#25459f; } 


input::-webkit-input-placeholder,textarea::-webkit-input-placeholder { /* WebKit browsers */  
    color: #333;  
  }  
  input:-moz-placeholder ,textarea:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */  
    color: #333;  
  }  
  input::-moz-placeholder ,  textarea::-moz-placeholder{ /* Mozilla Firefox 19+ */  
    color: #333;  
  }  
  input:-ms-input-placeholder, textarea:-ms-input-placeholder  { /* Internet Explorer 10+ */  
    color: #333;  
  }  

  input:focus::-webkit-input-placeholder,textarea:focus::-webkit-input-placeholder {
    color: transparent;
}

/* 滚动条style */
html:not(.isMobile) *::-webkit-scrollbar { width: 6px; height: 6px; background: none; }
html:not(.isMobile) *::-webkit-scrollbar-thumb { background: #f5bbd3; border-radius: 10px;
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);}


/* 常用felx弹性属性 */
.flex{  display: flex; display:-webkit-flex; flex-direction:row; flex-wrap: nowrap; justify-content:space-between;align-items:flex-start; align-content: flex-start; }  
.order{ order:0; flex: 0 1 auto; align-self: auto; } /* align-self: auto | flex-start | flex-end | center | baseline | stretch; */

/* 单行溢出-多行溢出 */
.row{text-overflow: ellipsis;overflow: hidden;white-space:nowrap;}
.multi_row{display: -webkit-box;overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp:3; }

/* 清除浮动 */
.clearfix:after{content:"";height:0; line-height:0; display:block;clear:both; visibility:hidden;}    
.clearfix{ zoom:1;}
/* 进度条
    video::-webkit-media-controls-timeline {
        display: none;
    } */
    /* //所有控件
    video::-webkit-media-controls-enclosure{ 
      display: none;
    } */
@media screen and (max-width:900px){

    .header nav.wrapper{ height: 60px; }
    .header nav .logo img{ max-height: 42px;max-width: 120px;}
    .header nav .navs-bottom{ padding-right: 0px;;flex-direction: column !important; margin-right: 0; position: fixed; top: 60px; right: 0; width: 65%; height: 100vh; flex-wrap:wrap; align-content:flex-start; z-index: 100; overflow-y: scroll;transform: translate3d(100%, 0px, 0px);  transition: all 0.65s ease-in-out 0s; background-color: rgba(255, 255, 255, 0.95); justify-content: start;}
    .header nav .navs-bottom.active{ transform: translate3d(0px,0px,0px)}
    .header nav .navs-bottom li{ width: 100%;margin: 10px 0;}
    .header nav .navs-bottom li a{ border-bottom: 1px solid #ccc; max-width: 100%; font-size: 18px !important;padding-left: 5px !important;line-height: 45px;}
    .header nav .navs-bottom li.active a{ color: #fb90b1 !important;}
        /*滚动条样式*/
        .menu::-webkit-scrollbar {/*滚动条整体样式*/
            width: 2px;     /*高宽分别对应横竖滚动条的尺寸*/
            height: 2px;
        }
        .menu::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
            border-radius: 5px;
            box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
            -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
            background: rgba(0,0,0,0.2);
        }
        .menu::-webkit-scrollbar-track {/*滚动条里面轨道*/
            box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
            -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
            border-radius: 0;
            background: rgba(0,0,0,0.1);
        }
    
    /* 下拉菜单 */
    .header nav .menu>li i.menuBtn{ display: none;}
    .header nav .menu li .Child1{ display: none; }

    /* 菜单按钮 */
    .navBtn{ display: block;}
    .header .navBtn{width:30px;height:20px;display:block;position:absolute;top: 0px;;right:10px;cursor:pointer;padding:20px 15px;}
    .header .navBtn span{width:26px;height:3px;background:#fb90b1;display:block;border-radius:2px;transition:all .5s ease-out;position:absolute;top:20px;}
    .header .navBtn span:nth-child(2){top:29px;}
    .header .navBtn span:nth-child(3){top:37px;}
    .header .navBtn span.active:nth-child(1){transform:rotate(45deg);transition:all .5s ease-out;top:29px;}
    .header .navBtn span.active:nth-child(3){transform:rotate(-45deg);transition:all .5s ease-out;top:29px;}
}
li.fake {
    height: 1px;
    background: none;
    opacity: 0;
    filter: alpha(opacity=0);
    margin: 0;
    padding: 0;
}

.ww-header {box-shadow: 0px 0px 10px #c1c1c1;position: fixed;z-index: 999;top: 0;width: 100%;background-color: #fff;}

/* 头部 */
.navigation {height: 80px; align-items: center;}

.navigation .navigation-right li a{font-size:16px;color:#444444;line-height:80px;display: block;padding: 0 30px;}
.navigation .navigation-right li a:hover {color: #fff;background:rgba(191,10,10,1);opacity:0.3;}
.navigation .navigation-right li.active a{color: #fff;background:rgba(191,10,10,1);opacity:0.3;}
.navigation .navigation-right .shuxian {font-size:16px;color:#444444;line-height:80px;}

/* 内容 */
.paddinsda {margin-top: 80px;}
.pulces {justify-content: space-around;padding: 56px 0 71px;}
.pulces .pilcse-item {text-align: center;margin: 0 10px;}
.pulces .pilcse-item figure {display: block;margin: 0 auto;max-width: 120px;}
.pulces .pilcse-item  h2 {font-size:24px;color: #444;margin-top: 8px;}
.pulces .pilcse-item  span{font-size:14px;font-weight:400;color:rgba(136,136,136,1);display: block;margin-top: 12px;}

/* 服务推荐 */

.puad-pading {padding-bottom: 74px;}
.sswervice .sswervice-wer .wer-text {font-size:24px;color:#444;text-align: center;margin-bottom: 11px;}
.sswervice .sswervice-wer .wer-title{justify-content: center;align-items: center;}
.sswervice .sswervice-wer .wer-title::after{content: ' ';width: 88px;height: 2px;display: block; background-color: #ccc;margin-left: 24px;}
.sswervice .sswervice-wer .wer-title::before{content: ' ';width: 88px;height: 2px;display: block; background-color: #ccc;margin-right: 24px;}
.sswervice .sswervice-wer .wer-title h2{font-size:28px;font-weight:bold;color:rgba(136,136,136,1);}
.overlist {flex-wrap: wrap;padding-bottom: 50px;margin-top: 48px;}
.overlist li {width: 23%;margin-bottom: 20px;background-color: #F5F5F5;margin-right: 26px;padding-bottom: 22px;}
.overlist li h3 {font-size:18px;color:#444;margin: 23px 0 12px;padding-left: 12px;box-sizing: border-box;}
.overlist li .list-time {padding: 0 12px;box-sizing: border-box;justify-content: space-between;}
.overlist li .list-time p {font-size:12px;color:#888;padding-top: 11px;width: 80%;}
.overlist li:nth-child(4n) {margin-right: 0;}
.overlist li .list-time figure {max-width: 32px;max-height: 32px;opacity: .5;}
.overlist li .list-time figure:hover {opacity: 1;}
.overlist li a figure {overflow: hidden;}
.overlist li a figure img {transition: all 0.6s;}
.overlist li a figure:hover img{transform: scale(1.1);z-index: 999;}
.pud-bottom {background: url(../img/lansebeij.png) no-repeat;height: 180px;background-size: 100% 100%;}
.pud-bottom .pud-weisd {justify-content: flex-start;align-items: center;height: 100%;}
.pud-bottom .pud-weisd span {font-size:48px;font-weight:bold;color:#fff;}
.pud-bottom .pud-weisd span:nth-child(1){margin-right: 40px;}
.pud-bottom .pud-weisd span:nth-child(2){margin-left: 40px;}
.pud-bottom .pud-weisd a {padding: 18px 46px;display: inline-block;background-color: #d90000;font-size:24px;font-weight:bold;color:#fff;margin-left: 151px;border-radius:10px;}

/* 我们的优势 */
.advantage {padding-bottom: 119px;padding-top: 100px;}
.advantage .advan-list li {width: 23%;position: relative;height: 364px;margin-right: 87px;}
.advantage .advan-list li figure{max-width: 100px;max-height: 100px;margin: 0 auto;}
.advantage .advan-list li h4 {text-align: center;font-size:20px;font-weight:bold;color:#434343;margin-top: 20px;margin-bottom: 13px;}
.advantage .advan-list li p {font-size:14px;color:#878787;line-height: 24px;-webkit-line-clamp:5;text-align: center;}
.advantage .advan-list li a {position: absolute; right: 0;bottom: 0;left: 0;margin: 0 auto;display: inline-block;width: 160px;height: 44px;text-align: center;line-height: 44px;font-size:14px;color:#fff;background:#d90000;border-radius:10px;opacity: .3;}
.advantage .advan-list li a:hover {opacity: 1;}
.advantage .advan-list li:last-child{margin-right: 0;}

/* 客户案例 */
.casetext {padding-bottom: 48px;}
.casetext .caselist {flex-wrap: wrap;margin-top: 52px;}
.casetext .caselist li{width: 48%;justify-content: start;padding: 24px;box-sizing: border-box;margin-bottom: 36px;position: relative;}
.casetext .caselist li .lisis-right{margin-left: 36px;}
.casetext .caselist li .lisis-right h4 {font-size: 20px;font-weight: bold;color: #333333;}
.casetext .caselist li .lisis-right p {margin: 12px 0;text-overflow: ellipsis;overflow: hidden;white-space:nowrap;width: 100%;font-size: 14px;color: #666666;line-height: 28px;}
.casetext .caselist li .lisis-right a {padding: 16px 51px ; display: inline-block;position: absolute; right: 24px; bottom: 24px;background: #D90000;opacity: 0.3;border-radius: 10px;font-size: 14px;color: #fff;}
.casetext .caselist li:hover a{opacity: 1;}
.casetext .caselist li:hover {background: #ccc;}

/* 新闻媒体 */
.newsedlist {margin-top: 50px;padding-bottom: 77px;}
/* .newsedlist li:nth-child(2) {margin: 0 30px;} */
.newsedlist li {width: 30%;transition: all 0.5s ease;}
.newsedlist li:hover {transform: translateY(-10px);transition: all 0.5s ease;box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2);}
.newsedlist li figure {position: relative;}
.newsedlist li figure .newsdata {position: absolute; left: 0;bottom: 0;width: 80px;height: 80px;background: rgba(255, 255, 255, .5);}
.newsedlist li figure .newsdata span {font-size: 36px;font-weight: bold;color: #444;display: block;margin: 15px 0 0; text-align: center;}
.newsedlist li figure .newsdata p {font-size: 12px;font-weight: bold;color: #444; text-align: center;}
.newsedlist li h4 {font-size: 18px;font-weight: bold;color: #444;margin: 23px 0 20px;width: 100%;}
.newsedlist li .newstext {font-size: 14px;font-weight: 400;color: #888;}




.casetext .caselist li img {width: 100%;}

.fontbg {background: #f5f5f5;}
.foot-tail {padding-bottom: 119px;padding-top: 72px;}
.foot-tail .tail-left {width: 40%;}
.foot-tail .tail-left .uicklinks {padding-bottom: 63px;}
.foot-tail .tail-left .uicklinks dl dt a{font-size: 18px;font-weight: bold;color: #444;margin-bottom: 10px;}
.foot-tail .tail-left .uicklinks dl dd a{font-size: 16px;color: #888;line-height: 36px;}
.linksed {justify-content: flex-start;font-size: 14px;color: #444; padding-bottom: 18px;border-bottom: 1px solid #ccc;position: relative;top: 90px;}
.linksed ul li {padding: 0 20px;border-left: 1px solid #444;}
.linksed ul li:nth-child(1) {padding-left: 0;border-left:0;}
.foot-tail .tail-right {width: 50%;}
.foot-tail .tail-right .qrcode p{font-size: 14px;font-weight: 400;color: #888;margin-top: 12px;text-align: center;}
.foot-tail .tail-right .customer div.flex {justify-content: flex-end;}
.foot-tail .tail-right .customer .contacts {margin-left: 16px;}
.foot-tail .tail-right .customer .contacts span {font-size: 24px;font-weight: bold;color: #444;}
.foot-tail .tail-right .customer .contacts p {font-size: 14px;color: #888;margin-top: 6px;}
.foot-tail .tail-right .customer .address {font-size: 14px;color: #888;margin-top: 23px;}
.foot-tail .tail-right .mation {font-size: 14px;color: #444;margin-top: 137px;line-height: 24px;text-align: right;}



@media screen and (max-width:1090px){ 
    .overlist li {width: 22%;}
    .pud-bottom .pud-weisd a {margin-left: 80px;}
    .pud-bottom .pud-weisd span {font-size:30px;}
    .pud-bottom .pud-weisd span:nth-child(1) {margin-right: 20px;}
    .pud-bottom .pud-weisd span:nth-child(2) {margin-left: 20px;}
    .advantage  .advan-list li  {margin-right: 50px;}
    .advantage  .advan-list li:last-child {margin-right: 0;}
}
@media screen and (max-width:1000px){ 
    .casetext .caselist li .lisis-right a {padding: 8px 25px ; }
}
@media screen and (max-width:900px){ 
    .casetext .caselist li {width: 100%;}
    .navigation {height: 60px;}
    .navigation .nav-logo {max-width:120px;}
    .paddinsda {margin-top: 60px;width: 100%;}
}
@media screen and (max-width:768px){
    .pulces {padding: 30px 0 35px;}
    .pulces .pilcse-item  h2{font-size:16px;}
    .pulces .pilcse-item  span {width: 80px;margin: 0 auto;text-overflow: ellipsis;overflow: hidden;white-space:nowrap;}
    .sswervice .sswervice-wer .wer-text {font-size: 14px;}
    .sswervice .sswervice-wer .wer-title h2{font-size:18px;}
    .overlist {padding-bottom: 0px;}
    .overlist li {width: 48%;margin-right: 10px;}
    .overlist li:nth-child(2n) {margin-right: 0;}
    .overlist li h3 {font-size: 16px;margin: 12px 0 8px;}
    .pud-bottom  {height: 100px;}
    .pud-bottom .pud-weisd span {font-size:24px;}
    .puad-pading {padding-bottom: 48px;}
    .pud-bottom .pud-weisd a {padding: 18px 46px;font-size: 18px;}
    .advantage  .advan-list {flex-wrap: wrap;}
    .advantage  .advan-list li {width: 48%;margin-right: 0;height: 300px;margin-bottom: 20px;}
    .advantage  .advan-list li a{width: 100px;height: 28px;line-height: 28px;}
    .advantage  .advan-list li p{padding: 0 10px;width: 100%;box-sizing: border-box;}
    .advantage  .advan-list li figure{max-width: 50px;max-height: 50px;}
    .advantage {padding-bottom: 48px;padding-top: 48px;}
    .advantage .advan-list li h4 {font-size: 18px;}
    .foot-tail {flex-direction: column;}
    .foot-tail .tail-left .uicklinks {display: none;}
    
    .foot-tail .tail-right {width: 100%;margin-top: 20px;}
    .foot-tail .tail-right .mation {margin-top: 60px; text-align: center;}
    .foot-tail .tail-right div.flex {justify-content: space-around;}
    .foot-tail {padding-bottom: 40px;padding-top: 36px;}
    .foot-tail .tail-left {width: 100%;}
    .linksed {top: 0;}
}
@media screen and (max-width:600px){ 
    .pud-bottom  {height: 100px;padding-top: 15px;box-sizing: border-box;}
    .pud-bottom .pud-weisd {flex-wrap: wrap;justify-content: center;align-items: center;}
    .pud-bottom .pud-weisd span {font-size:18px;}
    .pud-bottom .pud-weisd span:nth-child(1) {margin-right: 16px;}
    .pud-bottom .pud-weisd span:nth-child(2) {margin-left: 16px;}
    .pud-bottom .pud-weisd a {padding: 10px 20px;font-size: 16px;margin-left: 0px;}
    .pud-bottom .pud-weisd div {width: 100%;text-align: center;margin-top: 10px;}
    .casetext .caselist {margin-top: 10px;}
    .casetext {padding-bottom: 0px;}
    .newsedlist {flex-direction: column; align-items: center;}
    .newsedlist li {width: 90%;margin-top: 36px;}
    .qrcode {display: none;}
    .pulces .pilcse-item figure {max-width: 60px;}
}
@media screen and (max-width:460px){ 
    .casetext .caselist li {flex-direction: column;}
    .casetext .caselist li .lisis-right a{position: static;}
    .casetext .caselist li .lisis-right {width: 100%;margin-left: 12px;}
    .casetext .caselist li figure  {width: 91%;margin: 0 auto;}
    .casetext .caselist li .lisis-right h4 {margin-top: 20px;}
    .sswervice .sswervice-wer .wer-text {font-size: 12px;}
    .sswervice .sswervice-wer .wer-title h2{font-size:16px;}
    .sswervice .sswervice-wer .wer-title::before {width: 44px;}
    .sswervice .sswervice-wer .wer-title::after {width: 44px;}
    .foot-tail .tail-right .useflex {flex-direction: column;justify-content: center;align-items: center;}
    .foot-tail .tail-right .mation {margin-top: 30px;}
    .casetext .caselist li .lisis-right h4 {font-size: 16px;}
    .newsedlist li h4 {font-size: 16px;}
}

@media screen and (max-width:375px){
    .overlist li .list-time figure {max-width: 23px;max-height: 23px;}
    .overlist li .list-time p {padding-top: 3px;}
 }
 @media screen and (max-width:350px){
 .overlist li .list-time {padding: 0 6px; }
 .overlist li h3 {padding-left: 6px;}
}