@charset"utf-8";
html,body{ 
/*更改ie内核滚动条颜色*/
    scrollbar-face-color:#000; 
    scrollbar-highlight-color:#000;
    scrollbar-shadow-color:#000; 
    scrollbar-3dlight-color:#000; 
    scrollbar-arrow-color:#222; 
    scrollbar-track-color:#222; 
    scrollbar-darkshadow-color:#000; 
}  
/*更改-webkit-内核滚动条样式*/
::-webkit-scrollbar { width:8px;  height: 8px; background-color: #fcfcfc;}  
::-webkit-scrollbar-track  { background-color: #fcfcfc;}  
::-webkit-scrollbar-thumb  {  background-color: #211F1F; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);}


* {
    margin: 0;
    padding: 0;
    outline: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 2;
}
body, ul, ol, dl, dt, dd, h1, h2, h3, h4, h5, h6 {
    list-style: none;
    text-decoration: none;
    margin: 0;
    font-weight: 400;
}
body {
    font-size: 14px;
    line-height: 1.7;
    font-family:Arial,"微软雅黑";
}



a {
    text-decoration: none;
    outline: none;
    color: #000;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color:transparent;
}


a:hover, a:focus {
    text-decoration: none;
}
em, i {
    font-style: normal;
}
a:focus, input, select {
    outline: none;
}
.clearfix {
    *zoom: 1;
}
.clearfix::after {
    content:"\200B";
    display: block;
    clear: both;
    height: 0;
}
.transform {
    transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    -webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
.fl{ float:left;}
.fr{ float:right;}

.wrap {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    position:relative;
}
@media (min-width: 576px){
    .wrap {max-width: 540px;}
}
@media (min-width: 768px){
    .wrap {max-width: 720px;}
}
@media (min-width: 992px){
    .wrap {max-width: 960px;}
}
@media (min-width: 1200px){ 
    .wrap {max-width: 1140px;}
}
@media (min-width: 1440px){
    .wrap {max-width: 1280px;}
}
@media (min-width: 1600px){
    .wrap {max-width: 1400px;}
}



/* ----------------------- 页首 ------------------------------*/
.header{ position:relative;}
.header .logo-menu{ position:fixed;z-index:999; top:0;left:0;height:90px; font-size: 0;transition: linear all .3s;-webkit-transition: linear all .3s;}
.header .logo-menu .logo{ align-items: center; display:flex; justify-content: center; height:100%; width:260px; background-color: #e51837;}
.header .logo-menu .logo img{ max-width: 160px;}
.header .logo-menu .menu{ height:100%; width:90px;background-color: #000;position: relative;}
.header .logo-menu .menu .btn {position: relative;border: 0;width: 100%;height: 100%;background: none; -webkit-appearance: none;}
.header .logo-menu .menu .btn .line {position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto;width: 34px;height: 4px; -webkit-transition: all 0.3s cubic-bezier(0.23, 1, 0.58, 1);transition: all 0.3s cubic-bezier(0.23, 1, 0.58, 1); background: #fff;font-size: 0;}
.header .logo-menu .menu .btn .line:nth-child(1) {-webkit-transform: translateY(-9px);-ms-transform: translateY(-9px);transform: translateY(-9px);}
.header .logo-menu .menu .btn .line:nth-child(3) {-webkit-transform: translateY(9px);-ms-transform: translateY(9px);transform: translateY(9px);}
.header .logo-menu .menu .btn.active .line:nth-child(1) {-webkit-transform: translateY(0) rotate(45deg);-ms-transform: translateY(0) rotate(45deg);transform: translateY(0) rotate(45deg);}
.header .logo-menu .menu .btn.active .line:nth-child(2) {opacity: 0;-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);}
.header .logo-menu .menu .btn.active .line:nth-child(3) {-webkit-transform: translateY(0) rotate(-45deg);-ms-transform: translateY(0) rotate(-45deg);transform: translateY(0) rotate(-45deg);}

.header .nav-wrap{ position:absolute;left:0;top:0;z-index: 998; width:100%; padding:0 5%;}
.header .nav-wrap .nav{ float:right;height:90px; line-height: 90px;}
.header .nav-wrap .nav a{ color:white; margin-left: 56px;transition: linear all .3s;-webkit-transition: linear all .3s;}
.header .nav-wrap .nav a i {width: 0;height: 0;display: inline-block;vertical-align: middle;border-top: 1px solid #fff;margin-right: 5px;transition: all .4s cubic-bezier(.35, .45, .55, 1);margin-top: -1px;}
.header .nav-wrap .nav a:hover i,
.header .nav-wrap .nav a.active i{width: 15px;}
.header .nav-wrap .nav.black a{ color:#333;}
.menu-fixed-wrap{ position: fixed;left: 0;top: 0;height: 100%;z-index: 998;transform: translateX(-540px);-webkit-transform: translateX(-540px);-moz-transform:translateX(-540px);transition: all .3s cubic-bezier(0.66, 0.53, 0.65, 1) 0s;-webkit-transition: all .3s cubic-bezier(0.66, 0.53, 0.65, 1) 0s;-moz-transition: all .3s cubic-bezier(0.66, 0.53, 0.65, 1) 0s;}
.menu-fixed-wrap.active{transform: translateX(0px);-webkit-transform: translateX(0px);-moz-transform: translateX(0px);transition: all .8s cubic-bezier(0.3, 0.8, 0.3, 1) 0.3s;-webkit-transition: all .8s cubic-bezier(0.3, 0.8, 0.3, 1) 0.3s;-moz-transition: all .8s cubic-bezier(0.3, 0.8, 0.3, 1) 0.3s;}
.menu-fixed-wrap .menu-layer{position: absolute;left: 0;top: 0;width: 530px;height: 100%;background-color:rgba(0,0,0,.9);box-sizing: border-box;-moz-box-sizing: border-box;transition: all .5s cubic-bezier(0.66, 0.53, 0.65, 1) .1s;-webkit-transition: all .5s cubic-bezier(0.66, 0.53, 0.65, 1) .1s;-moz-transition: all .5s cubic-bezier(0.66, 0.53, 0.65, 1) .1s;}
.menu-fixed-wrap .menu-layer.active{width: 100vw !important;}
.menu-fixed-wrap .menu-layer ul{ display:flex; justify-content: center; align-items: center;position:relative;}
.menu-fixed-wrap .menu-layer ul li{ border-right:1px solid #272422; height:100vh; width:25%; display:flex;align-items: center;}
.menu-fixed-wrap .menu-layer ul li:last-child{border-right:none;}
.menu-fixed-wrap .menu-layer ul li:nth-child(1),
.menu-fixed-wrap .menu-layer ul li:nth-child(5){width:14%;}
.menu-fixed-wrap .menu-layer ul li:nth-child(2){width:22%;}
.menu-fixed-wrap .menu-layer ul li:nth-child(3),
.menu-fixed-wrap .menu-layer ul li:nth-child(4){width:25%;}
.menu-fixed-wrap .menu-layer ul li:nth-child(4) .nav{ display:none;}
.menu-fixed-wrap .menu-layer ul li:nth-child(4) .nav.active{ display:block;}
.menu-fixed-wrap .menu-layer ul li .nav{ }
.menu-fixed-wrap .menu-layer ul li .nav a{ transition: linear all .3s;-webkit-transition: linear all .3s;line-height: 65px; margin-bottom:22px;font-size: 24px; display:block; color:rgba(255,255,255,.6);}
.menu-fixed-wrap .menu-layer ul li .nav a:last-child{margin-bottom:0px;}
.menu-fixed-wrap .menu-layer ul li .nav a.active,
.menu-fixed-wrap .menu-layer ul li .nav a:hover{ color:rgba(255,255,255,1);padding-left: 46px; background-image: url(../images/icon-nav-slash.png);background-repeat: no-repeat;background-size: auto 100%;}

@media (max-width: 1441px){
    .header .logo-menu{ height:70px;}
    .header .logo-menu .logo{width:240px;padding: 0 50px;}
    .header .logo-menu .menu{width:70px;}
    .header .logo-menu .menu .btn .line{width: 30px;height: 3px;}
    .header .nav-wrap .nav{height:70px;line-height: 70px;}
}
@media (max-width: 1201px){
    .header .nav-wrap .nav a{  margin-left: 32px;}
}
@media (max-width: 1024px){
    .header .logo-menu{ height:55px;}
    .header .logo-menu .logo{width:160px;padding: 0 30px;}
    .header .logo-menu .logo img{ max-width: 100%;}
    .header .logo-menu .menu{width:55px;}
    .header .logo-menu .menu .btn .line{width: 20px;height: 3px;}
    .header .nav-wrap .nav{height:55px;line-height: 55px;}
    .header .nav-wrap .nav a{  margin-left: 24px; font-size: 12px;}
    .header .logo-menu .menu .btn .line:nth-child(1) {-webkit-transform: translateY(-7px);-ms-transform: translateY(-7px);transform: translateY(-7px);}
    .header .logo-menu .menu .btn .line:nth-child(3) {-webkit-transform: translateY(7px);-ms-transform: translateY(7px);transform: translateY(7px);}

    .menu-fixed-wrap .menu-layer ul li .nav a{ line-height: 45px; margin-bottom:14px;font-size:18px; }
}
@media (max-width: 800px){
    .header .nav-wrap .nav a{  display:none;}
    .menu-fixed-wrap .menu-layer ul li:nth-child(1),
    .menu-fixed-wrap .menu-layer ul li:nth-child(5),
    .menu-fixed-wrap .menu-layer ul li:nth-child(2){width:10%;}
    .menu-fixed-wrap .menu-layer ul li:nth-child(3),
    .menu-fixed-wrap .menu-layer ul li:nth-child(4){width:35%;}
}
@media (max-width: 576px){
    /*.header .logo-menu{ height:60px;}
    .header .logo-menu .logo{ width:150px; padding:0 15px;}
    .header .logo-menu .menu{width:60px;}
    .header .logo-menu .menu .btn .line{width: 16px;height: 2px;}
    .header .logo-menu .menu .btn .line:nth-child(1) {-webkit-transform: translateY(-5px);-ms-transform: translateY(-5px);transform: translateY(-5px);}
    .header .logo-menu .menu .btn .line:nth-child(3) {-webkit-transform: translateY(5px);-ms-transform: translateY(5px);transform: translateY(5px);}*/
    .menu-fixed-wrap .menu-layer ul li:nth-child(1),
    .menu-fixed-wrap .menu-layer ul li:nth-child(5),
    .menu-fixed-wrap .menu-layer ul li:nth-child(2),
    .menu-fixed-wrap .menu-layer ul li:nth-child(4){width:10%;}
    .menu-fixed-wrap .menu-layer ul li:nth-child(3){width:60%;}
    .menu-fixed-wrap .menu-layer ul li:nth-child(4) .nav,
    .menu-fixed-wrap .menu-layer ul li:nth-child(4) .nav.active{ display:none;}
    .menu-fixed-wrap .menu-layer ul li .nav a {margin-bottom: 10px;}
    .menu-fixed-wrap .menu-layer ul li .nav a.active {padding-left: 26px;}

}



/* ----------------------- 首页幻灯片 ------------------------------*/
.index-banner{width:100%;overflow: hidden;position:relative;}
.index-banner .render-img{width:100%;max-height: 720px;min-height: 240px;}
.index-banner .swiper-banner{position:absolute;top: 0;left:0;z-index: 1;background:#333;width:100%;height:100%;}
.index-banner .swiper-banner .swiper-slide{background-color:#ddd;background-repeat: no-repeat;background-position: center;background-size:cover;position: relative;color: #000;}
.index-banner .swiper-banner .swiper-slide video{ position:absolute;top:0;left:0;width:100%; height:100%;object-fit:cover;}
.index-banner .swiper-banner .swiper-slide .item-box{height: 100%;position:relative;z-index:9;color: white;}
.index-banner .swiper-banner .swiper-slide .item-box .text{ transition: linear all .3s;-webkit-transition: linear all .3s;position:absolute;left:auto;bottom:85px; }
.index-banner .swiper-banner .swiper-slide .item-box .text p{font-size: 24px;}
.index-banner .swiper-banner .swiper-slide .item-box .text h1{ font-size: 56px;line-height: 90px;}

/* @========== animaton ==========@ */
.index-banner .swiper-banner .swiper-slide .item-box .text>* {
    opacity:0;
    -webkit-transform:translateY(288px); 
       -moz-transform:translateY(288px); 
         -o-transform:translateY(288px); 
            transform:translateY(288px); 
    -webkit-transition:-webkit-transform 1s,opacity 1s; 
       -moz-transition:-moz-transform 1s,opacity 1s;    
         -o-transition:-o-transform 1s,opacity 1s;  
            transition:transform 1s,opacity 1s; 
}
.index-banner .swiper-banner .swiper-slide .item-box .text>h1{
    -webkit-transition-delay:.3s;
       -moz-transition-delay:.3s;
         -o-transition-delay:.3s;
            transition-delay:.3s;   
}
.index-banner .swiper-banner .swiper-slide .item-box .text>p {
    -webkit-transition-delay:.9s;
       -moz-transition-delay:.9s;
         -o-transition-delay:.9s;
            transition-delay:.9s;       
}
.index-banner .swiper-banner .swiper-slide-active .item-box .text>* {
    opacity:1;
    -webkit-transform:translateY(0); 
       -moz-transform:translateY(0); 
         -o-transform:translateY(0); 
            transform:translateY(0); 
}

@media (max-width: 1441px){
    .index-banner .swiper-banner .swiper-slide .item-box .text {bottom: 105px;}
}
@media (max-width: 1441px){
    .index-banner .render-img{ height:630px;}
    .index-banner .swiper-banner .swiper-slide .item-box .text p{font-size: 18px;}
    .index-banner .swiper-banner .swiper-slide .item-box .text h1{ font-size: 42px; line-height: 64px;}
}
@media (max-width: 1200px){
    .index-banner .render-img{ height:auto;}
    .index-banner .swiper-banner .swiper-slide .item-box .text{ bottom:32px; }
}
@media (max-width: 1024px){
    .index-banner .swiper-banner .swiper-slide .item-box .text p{font-size: 16px;}
    .index-banner .swiper-banner .swiper-slide .item-box .text h1{ font-size: 36px; line-height: 56px;}
}
@media (max-width: 768px) {
    .index-banner .swiper-banner .swiper-slide .item-box .text{ bottom:24px; }
    .index-banner .swiper-banner .swiper-slide .item-box .text p{font-size: 12px;}
    .index-banner .swiper-banner .swiper-slide .item-box .text h1{font-size: 24px;line-height: 42px;}
}

/* ----------------------- 首页我们的工作 ------------------------------*/
.index-service{ padding: 100px 0 118px;}
.index-service .model-name{text-align: center; font-size: 36px;line-height: 36px;}
.index-service .list{display:flex; justify-content:space-between; align-items: baseline;margin-top: 100px;}
.index-service .list .item{ text-align: center; width: calc(25% - 80px);}
.index-service .list .item .thumb{ font-size: 0;}
.index-service .list .item .thumb img{ max-width: 100%;}
.index-service .list .item .title{ font-size:24px ; color:#000; position:relative; margin-top: 47px;}
.index-service .list .item .title:after{ content:'';position:absolute; left:calc(50% - 24px);bottom:-12px;background-color:#e51837;width:48px; height:1px;}
.index-service .list .item .describe{color:#666;margin-top: 34px;}
@media (max-width: 1440px){
   .index-service .list{ margin-top: 80px;} 
}

@media (max-width: 1200px){
    .index-service .model-name{font-size:32px;}
    .index-service .list .item{ width: calc(50% - 50px);}
    .index-service .list .item .title{ font-size:18px; }
}
@media (max-width: 768px){
    .index-service {padding: 90px 0 0px;}
    .index-service .model-name{font-size:28px;}
    .index-service .list{ flex-wrap: wrap;margin-top: 90px;}
    .index-service .list .item{ text-align: center; width:100%; margin-bottom: 37px;}
    .index-service .list .item .thumb img{ width:80px; }
    .index-service .list .item .title{margin-top: 17px;}
    .index-service .list .item .describe{font-size: 12px;}
}

/* ----------------------- 首页案例 ------------------------------*/
.index-case{ padding-top: 120px;}
.index-case .bottom-line{ padding-bottom:72px;border-bottom: 1px solid #efefef;}
.index-case .model-name{ text-align: center; font-size: 36px;line-height: 36px;}
.index-case .model-name .slash{ padding:0 14px; display:inline-block;color:#e51837; font-weight: 900;}
.index-case .nav{ text-align: center; padding:20px 0 4px;}
.index-case .nav .item{ color:#999;}
.index-case .nav .item.active{ color:#000; position:relative;}
.index-case .nav .item.active:after{ content: "";background-color: #000;height:2px;position: absolute;left: 0;bottom:-10px;width: 100%;}
.index-case .nav .slash{ padding:0 28px; display:inline-block;color:#999;}
.index-case .list{display:flex; justify-content:space-between; align-items: center; flex-wrap: wrap;}
.index-case .list .item{ width:33.333333%; margin-top: 45px;}
.index-case .list .item .thumb{position:relative;overflow:hidden;}
.index-case .list .item .thumb:after{ content:'';width:100%;height:100%;content: '';background-color: rgba(0,0,0,0);top: 0;left: 0;position: absolute;}
.index-case .list .item .thumb img{ width: 100%; display: block;background-size: cover;background-repeat: no-repeat;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.index-case .list .item:hover .thumb img{-webkit-filter: grayscale(100%);filter: grayscale(100%);}
.index-case .list .item:hover .thumb:after{background-color: rgba(0,0,0,0);}
.index-case .list .item .title{ margin-top: 12px;font-size: 20px; color: #333;}
.index-case .list .item .describe{ color: #999;margin-top: 6px;}
.index-case .more { text-align: center; margin-top: 78px;}
.index-case .more a .slash{ color: #999;margin-top: 6px;margin-right: 8px; display:inline-block;color:#e51837; font-weight: 900;}
.index-case .more a{color: #999;padding-left:20px;background-image: url(../images/icon-more-slash.png); background-size: 11px 14px; background-repeat: no-repeat; background-position:left center;}
@media (max-width: 1600px){
    .index-case .list .item .title{ font-size:18px; }
}
@media (max-width: 1440px){
    .index-case{padding-top: 0px;}
}
@media (max-width: 1200px){
    .index-case .model-name{font-size:32px;}
    .index-case .list .item .title{ font-size:16px; }
    .index-case .list .item .describe{font-size:12px;}
}
@media (max-width: 768px){
    .index-case {padding: 90px 0 0px;}
    .index-case .model-name{font-size:28px;}
    .index-case .list .item{ width:100%; margin-top: 40px;}
    .index-case .more {margin-top: 68px;}
}

/* ----------------------- 首页最新动态咨询 ------------------------------*/
.index-news{ padding:76px 0 120px;}
.index-news .model-name{ text-align: center; font-size: 36px;}
.index-news .nav{ text-align: center; padding:20px 0 4px;}
.index-news .nav .item{ color:#999;}
.index-news .nav .item.active{ color:#000; position:relative;}
.index-news .nav .item.active:after{ content: "";background-color: #000;height:2px;position: absolute;left: 0;bottom:-10px;width: 100%;}
.index-news .nav .slash{ padding:0 28px; display:inline-block;color:#999;}
.index-news .list.active{display:flex; }
.index-news .list{ display:none; justify-content:space-between; align-items: center; flex-wrap: wrap;}
.index-news .list .item{ width:calc(33.3% - 66.6px); margin-top: 82px;}
.index-news .list .item .title{ font-size: 20px; color:#000;padding-right:60px;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;}
.index-news .list .item .update{ color:#999999;padding-bottom:12px;}
.index-news .list .item .describe{color:#666666;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;}
.index-news .more { text-align: center; margin-top: 96px;}
.index-news .more a .slash{ color: #999;margin-top: 6px;margin-right: 8px; display:inline-block;color:#e51837; font-weight: 900;}
.index-news .more a{color: #999;padding-left:20px;background-image: url(../images/icon-more-slash.png); background-size: 11px 14px; background-repeat: no-repeat; background-position:left center;}

@media (max-width: 1200px){
    .index-news .model-name{font-size:32px;}
    .index-news .list .item .title{ font-size:18px; }
}
@media (max-width: 1024px){
    .index-news .list .item{ width:calc(33.3% - 26px); margin-top: 82px;}
}
@media (max-width: 768px){
    .index-news {padding: 90px 0;}
    .index-news .model-name{font-size:28px;}
    .index-news .list .item{ width:100%; margin-top: 40px;}
    .index-news .more {margin-top: 68px;}
}



/* ----------------------- 公用菜单 ------------------------------*/
.category_select{position: relative;padding: 20px 0 4px;clear:both;}
.category_select .label {display:none;line-height: 40px;height: 40px;background: #f6f6f6;border-radius: 28px;color: #444;padding: 0 20px;align-items: center;justify-content: space-between;cursor:pointer;}
.category_select .label .icon {background-image:url(../images/arrow-down.png) ;background-repeat: no-repeat;background-position: center;background-size: 16px;width: 16px;height: 16px;}
.category_select .label .icon.up {transform: rotate(180deg);}
.category_select .category {text-align: center;}
.category_select .category li {display: inline-block;float:unset;}
.category_select .category li .slash {padding: 8px 28px;display: inline-block;color: #999; vertical-align: top;}
.category_select .category a {line-height: 16px;padding: 8px 0px;color: #999;border: 1px solid #fff;display: inline-block;border-radius: 0px;transition: all 0.3s ease-out 0s;position:relative;overflow:hidden; vertical-align: text-top;}
.category_select .category a:after{content:"";width: 100%; height: 2px; display: block;background: #333;position:absolute; bottom:0; left:0;-webkit-transform: translateX(-200%);-moz-transform: translateX(-200%);-ms-transform: translateX(-200%);-o-transform: translateX(-200%);transform: translateX(-200%);}  
.category_select .category a.active:after,
.category_select .category a:hover:after{-webkit-transform: translateX(0);-moz-transform: translateX(0);-ms-transform: translateX(0);-o-transform: translateX(0);transform: translateX(0);-webkit-transition: all .3s linear;-moz-transition: all .3s linear;-ms-transition: all .3s linear;-o-transition: all .3s linear;transition: all .3s linear;}
.category_select .category a.active, 
.category_select .category a:hover {background: #fff;border-color: #fff;color: #333;}
.category_select .category li.hasmore div ul a.active, 
.category_select .category li.hasmore div ul a:hover {background: #7d7d7d;color: #fff;}
@media (max-width: 768px) {
    .category_select .label{display:flex;}
    .category_select .category{box-shadow: 0px 15px 40px rgba(0, 0, 0, 0.15);border-radius: 8px;margin-top: 10px;width: 90%;margin-left: 5%;background-color: #fff;height: 0;overflow-y: auto;position: absolute;z-index: 3;text-align: left;}
    .category_select .category li {display: block;}
    .category_select .category li .slash{ display:none;}
    .category_select .category li a {line-height: 40px;height: 40px;padding: 0 50px;color: #969595;display: block;background: #fff;margin: 0 ;}
    .category_select .category li a:after{height:0;}
    .category_select .category a.active, 
    .category_select .category a:hover {background: #f8f8f8;border-color:#f8f8f8;border-radius: 0px;}
}




/* ----------------------- 公用Banner ------------------------------*/
.public-banner{width:100%;overflow: hidden;font-size: 0; position:relative; background-color: #000;}
.public-banner img{max-width:100%; max-height: 720px;min-height: 240px; background-repeat: no-repeat; background-size: cover;}
.public-banner .banner {position: absolute;top: 0;left: 0;z-index: 1;width: 100%;height: 100%;}
.public-banner .banner .item-box{ height: 100%;z-index:9;}
.public-banner .banner .item-box .text{ position:absolute;z-index: 10; bottom:120px; left:auto; padding-left: 28px; }
.public-banner .banner .item-box .text h2{position:relative; color:white; line-height: 76px;  }
.public-banner .banner .item-box .text h2 span{position:relative;font-size: 56px;line-height: 56px;}
.public-banner .banner .item-box .text h2:before{ z-index:0;content:'';position:absolute;width:98px;height:75px;background-image: url(../images/icon-banner-slash.png);background-repeat: no-repeat; background-size: cover; top:-30px;left:-42px;}
.public-banner .banner .item-box .text p{margin-top:35px;font-size: 24px;color:white; }

.public-banner .banner .item-box .case-text{ width: 100%;position:absolute;z-index: 10; bottom:3px; left:0;text-align: center; }
.public-banner .banner .item-box .case-text h1{position:relative; color:white; background-image: url(../images/icon-banner-slash.png);background-repeat: no-repeat; background-position: center; background-size: auto; line-height: 76px;position:relative;font-size: 46px;}
.public-banner .banner .item-box .case-text p{font-size:18px;color:white; }
.public-banner .banner .item-box .case-text i{ margin-top:90px;background-color: #e51837; height:140px; width:1px;display:inline-block;}

.public-banner .header-nav{height:90px;width:100%;background-color: #fff;transition: linear all .3s;-webkit-transition: linear all .3s;}
.public-banner .banner-text{ background-color: #f4f4f4;padding: 170px 0 50px;}
.public-banner .banner-text h1{ font-size: 36px; color:#333; line-height: 42px;}
.public-banner .banner-text .describe{display:flex;align-items: center; justify-content:space-between; margin-top: 55px;}
.public-banner .banner-text .describe .share{width:60%;}
.public-banner .banner-text .describe .share img{ min-height:100px;}
.public-banner .banner-text .describe .social-share a{margin:0 26px 0 4px;}
.public-banner .banner-text .describe .social-share .social-share-icon{ transition: linear all .3s;
    -webkit-transition: linear all .3s;color:#e51837; width:45px;height:45px;line-height: 45px; background-color: #fff;border-color:#fff;}
.public-banner .banner-text .describe .social-share .social-share-icon:hover{ background-color: #e51837; color:#fff;}
.public-banner .banner-text .describe .time{width:40%;color:#999999; font-size: 14px;}

@media (max-width: 1600px){
    .public-banner .banner .item-box .text{ bottom:56px; }
    .public-banner .banner .item-box .case-text i{ margin-top:70px;height:100px;}
}
@media (max-width: 1441px){
    .public-banner .header-nav{height:70px;}
    .public-banner .banner .item-box .text p{font-size: 18px;    margin-top: 15px;}
    .public-banner .banner .item-box .text h2 span{ font-size: 42px; line-height: 64px;}
    .public-banner .banner .item-box .case-text h1{line-height: 66px;position:relative;font-size: 32px;}
    .public-banner .banner .item-box .case-text i{ margin-top:50px;height:80px;}
}
@media (max-width: 1200px){
    .public-banner .banner-text h1{ font-size: 32px;}
    .public-banner .banner .item-box .text{ bottom:32px; }
    .public-banner .banner .item-box .case-text h1{line-height:55px;position:relative;font-size:32px;}
    .public-banner .banner .item-box .case-text i{ margin-top:30px;height:50px;}
}
@media (max-width: 1024px){
    .public-banner .header-nav{height:55px;}
    .public-banner .banner .item-box .text p{font-size: 16px;}
    .public-banner .banner .item-box .text h2 span{ font-size: 36px; line-height: 56px;}
    .public-banner .banner .item-box .case-text h1{line-height:38px;position:relative;font-size:28px;}
    .public-banner .banner .item-box .case-text i{ margin-top:20px;height:40px;}
}
@media (max-width: 768px) {
    .public-banner .banner-text{padding: 100px 0 30px;}
    .public-banner .banner-text h1{ font-size: 28px;}
    .public-banner .banner .item-box .text{ bottom:24px; padding-left:5px;}
    .public-banner .banner .item-box .text p{font-size: 12px;margin-top:0;line-height: 16px;word-wrap:break-word;word-break:break-all; }
        .public-banner .banner .item-box .text h2{line-height:46px;}
    .public-banner .banner .item-box .text h2 span{font-size: 18px;line-height: 42px;}
    .public-banner .banner .item-box .text h2:before{width:45px;height:34px;top: -8px;left: -20px;}
    .public-banner .banner .item-box .case-text p{font-size:16px;color:white; }
    .public-banner .banner .item-box .case-text i{ margin-top:10px;height:30px;}
}
@media (max-width: 420px) {
    .public-banner .banner-text .describe .social-share .social-share-icon{ width:40px;height:40px;line-height: 40px;}
    .public-banner .banner-text .describe .social-share a{margin: 0 10px 0 0px;}
}

/* ----------------------- 关于 页面 ------------------------------*/
.about-wrap{padding-bottom: 90px;}
.about-wrap .describe{ padding:80px 30px 88px; background-image: url(../images/about-describe.png); background-position: center; background-size:auto; background-repeat: no-repeat; height:598px; background-color: #e51837;}
.about-wrap .describe .icon-marks{ background-image: url(../images/about-icon-blockquote.png); background-position: center; background-size: 49px 37px; height:37px; background-repeat: no-repeat;}
.about-wrap .describe .content{ color:white;font-size: 24px; text-align: center;padding:90px 0 84px;}
.about-wrap .describe .text-logo{text-align: center;}
.about-wrap .describe .squiggle{text-align: center; margin-top: 38px;}
.about-wrap .customer{ padding:120px 0 100px;}
.about-wrap .customer .model-name{text-align: center; font-size: 36px;}
.about-wrap .customer .list{ display:flex; justify-content:left; align-items: inherit; flex-wrap: wrap; margin-top: 78px;}
.about-wrap .customer .list .item{justify-content: center; width:25%; border-right:1px solid #efefef;height: 180px;display: flex;align-items: center;}
.about-wrap .customer .list .item:nth-child(4n+0){border-right:none;}
.about-wrap .customer .list .item img{ max-width:80%;}
.about-wrap .service{padding:120px 0 100px;}
.about-wrap .service .model-name{text-align: center; font-size: 36px;}
.about-wrap .service .list{ display:flex; justify-content:space-between; align-items: center; flex-wrap: wrap; margin-top: 78px;}
.about-wrap .service .list .item{height:412px;width:calc(25% - 30px); padding:82px 38px; background-color: #f7f8f8; text-align: center;}
.about-wrap .service .list .arrow{width:40px; height:40px;background-image: url(../images/icon-arrow-right.png); background-repeat: no-repeat; background-size:auto; background-position: center;}
.about-wrap .service .list .arrow:last-child{ display:none;}
.about-wrap .service .list .item .thumb{font-size: 0;}
.about-wrap .service .list .item h2{ position:relative; font-size: 24px;line-height: 24px; margin:28px 0 64px;}
.about-wrap .service .list .item h2:after{ content:'';position:absolute; left:calc(50% - 24px);bottom:-32px;background-color:#e51837;width:48px; height:2px;}

.about-wrap .service .list .item p{}
@media (max-width: 1400px){
    .about-wrap .describe .content{ font-size: 18px; }
}
@media (max-width: 1200px){
    .about-wrap .customer .model-name,
    .about-wrap .service .model-name{font-size: 32px;}
}
@media (max-width: 1024px){
    .about-wrap .service .list .item{height:392px;padding:62px 18px; }
    .about-wrap .service .list .item h2{ font-size: 18px;}
}
@media (max-width: 768px){
    .about-wrap .customer .model-name,
    .about-wrap .service .model-name{font-size: 28px;}
    .about-wrap .describe .content{ padding:45px 0 42px; }
    .about-wrap .customer .list .item{width:50%;}
    .about-wrap .customer .list .item:nth-child(2n+0){border-right:none;}
    .about-wrap .service .list .item{height:392px;width:100%;}
    .about-wrap .service .list .arrow{transform:rotate(90deg);width:100%;}
}
@media (max-width: 548px){
    .about-wrap .describe .content{ font-size: 14px;}
    .about-wrap .describe{ padding-left:0;padding-right:0;}
    .about-wrap .describe .squiggle{margin-top: 18px;}
}


/* -----------------------  服务单页 页面 ------------------------------*/
.page-wrap{padding-bottom: 90px;}
.page-wrap .describe{ padding:80px 30px 88px; height:400px; background-color: #e51837;}
.page-wrap .describe .icon-marks{ background-image: url(../images/page-icon-blockquote.png); background-position: center; background-size: 41px 40px; height:40px; background-repeat: no-repeat;}
.page-wrap .describe .title{ color:white;font-size: 48px; line-height: 48px; text-align: center;padding:58px 0 36px;}
.page-wrap .describe .text{color:white;font-size: 18px; line-height: 32px; text-align: center;}
.page-wrap .describe .text-logo{text-align: center;}
.page-wrap .describe .squiggle{text-align: center; margin-top: 38px;}

.page-wrap .page-service{overflow: hidden;padding-bottom: 30px;}
.page-wrap .page-service .list{ display:flex; justify-content:space-between; align-items: center; flex-wrap: wrap;}
.page-wrap .page-service .list .item{  z-index: 1; position:relative; width:50%; height:498px; padding:100px 120px 0 130px; text-align: left; border-right:1px solid #efefef;}
.page-wrap .page-service .list .item:nth-child(2n+0){border-right:none;}
.page-wrap .page-service .list .item:hover{box-shadow:0px 10px 20px 0px rgba(0,0,0,0.1);border:none;}
.page-wrap .page-service .list .item:after{content:"";border-bottom:1px solid #efefef; position:absolute;width:300%;bottom:0;left:-50%; z-index: 0;}
.page-wrap .page-service .list .item:nth-child(2n+0):after{bottom:0;right:-50%; left:auto;}
.page-wrap .page-service .list .item .thumb{font-size: 0;}
.page-wrap .page-service .list .item .thumb img{}
.page-wrap .page-service .list .item h2{ position:relative; font-size: 26px;line-height: 26px; margin:34px 0 40px;}
.page-wrap .page-service .list .item p{color:#999999;font-size: 18px;}

.page-wrap .page-case{ padding-top: 110px;}
.page-wrap .page-case .model-name{ text-align: center; font-size: 36px;}
.page-wrap .page-case .model-name .slash{ padding:0 14px; display:inline-block;color:#e51837; font-weight: 900;}
.page-wrap .page-case .list{display:flex; justify-content:space-between; align-items: center; flex-wrap: wrap;}
.page-wrap .page-case .list .item{ width:33.333333%; margin-top: 45px;}

.page-wrap .page-case .list .item .thumb{position:relative;overflow:hidden;}
.page-wrap .page-case .list .item .thumb:after{ content:'';width:100%;height:100%;content: '';background-color: rgba(0,0,0,0);top: 0;left: 0;position: absolute;}
.page-wrap .page-case .list .item .thumb img{ width: 100%; display: block;background-size: cover;background-repeat: no-repeat;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.page-wrap .page-case .list .item:hover .thumb img{-webkit-filter: grayscale(100%);filter: grayscale(100%);}
.page-wrap .page-case .list .item:hover .thumb:after{background-color: rgba(0,0,0,0);}

.page-wrap .page-case .list .item .title{ margin-top: 12px;font-size: 20px; color: #333;}
.page-wrap .page-case .list .item .desc{ color: #999;margin-top: 6px;}

@media (max-width: 1600px){
    .page-wrap .page-case .list .item .title{ font-size:18px; }
}
@media (max-width: 1400px){
    .page-wrap .describe .title{ font-size: 42px; line-height: 48px; }
    .page-wrap .page-service .list .item h2{ font-size: 24px;line-height: 24px; margin:32px 0 38px;}
    .page-wrap .page-service .list .item p{font-size: 16px;}
}
@media (max-width: 1200px){
    .page-wrap .page-case .model-name{font-size:32px;}
    .page-wrap .page-case .list .item .title{ font-size:16px; }
    .page-wrap .page-case .list .item .desc{font-size:12px;}
    .page-wrap .page-service .list .item{ padding: 100px 80px 0 90px;}
}
@media (max-width: 1024px){
    .page-wrap .describe .title{ font-size: 36px; line-height: 42px; }
    .page-wrap .page-service .list .item h2{ font-size: 22px;line-height: 22px; margin:30px 0 36px;}
    .page-wrap .page-service .list .item p{font-size: 14px;}
}
@media (max-width: 768px){
    .page-wrap .describe{ padding:50px 30px 58px;}
    .page-wrap .describe .title{ font-size: 28px; line-height: 34px; padding:36px 0;}
    .page-wrap .page-case {padding: 90px 0 0px;}
    .page-wrap .page-case .model-name{font-size:28px;}
    .page-wrap .page-case .list .item{ width:100%; margin-top: 40px;}
    .page-wrap .page-service .list .item{ text-align: center; height:auto;width:100%; border:none;padding:100px 20px; }
}
@media (max-width: 548px){
    .page-wrap .describe .title{ font-size: 24px; line-height: 28px;}
    .page-wrap .describe{ padding-left:0;padding-right:0;}
}

/* ----------------------- 案例/动态 页面 菜单 ------------------------------*/
.case-wrap .category-wrap,
.news-wrap .category-wrap{border-bottom: 1px solid #efefef;}
.case-wrap .category-wrap .category_select,
.news-wrap .category-wrap .category_select{padding:0; margin-bottom: -2px; }
.case-wrap .category-wrap .category_select .category,
.news-wrap .category-wrap .category_select .category{text-align: left;}
.case-wrap .category-wrap .category_select .category li,
.news-wrap .category-wrap .category_select .category li{margin-right: 50px;}
.case-wrap .category-wrap .category_select .category a,
.news-wrap .category-wrap .category_select .category a{padding:28px 0; font-size: 18px; border:none; background:none;}
.case-wrap .category-wrap .category_select .category a.active,
.case-wrap .category-wrap  .category_select .category a:hover,
.news-wrap .category-wrap .category_select .category a.active,
.news-wrap .category-wrap  .category_select .category a:hover {color: #e51837;}
.case-wrap .category-wrap .category_select .category a:after,
.news-wrap .category-wrap .category_select .category a:after{ background-color: #e51837;}

@media (max-width: 1600px){
    .case-wrap .category-wrap .category_select .category a,
    .news-wrap .category-wrap .category_select .category a{padding:24px 0; font-size: 16px;}
}
@media (max-width: 1024px){
    .case-wrap .category-wrap .category_select .category a,
    .news-wrap .category-wrap .category_select .category a{padding:18px 0; font-size: 14px;}
}
@media (max-width: 768px) {
    .case-wrap .category-wrap,
    .news-wrap .category-wrap{border-bottom:none; padding:40px 0 0;}
    .case-wrap .category-wrap .category_select .category li,
    .news-wrap .category-wrap .category_select .category li{margin-right:0;}
    .case-wrap .category-wrap .category_select .category a,
    .news-wrap .category-wrap .category_select .category a {padding: 0 50px;font-size: 14px;}
}


/* ----------------------- 案例 页面 ------------------------------*/
.case-wrap{padding-bottom: 90px ; }
.case-wrap .list{display:flex; justify-content:space-between; align-items: center; flex-wrap: wrap;}
.case-wrap .list .item{ width:33.333333%; margin-top: 45px;}

.case-wrap .list .item .thumb{position:relative;overflow:hidden;}
.case-wrap .list .item .thumb:after{ content:'';width:100%;height:100%;content: '';background-color: rgba(0,0,0,0);top: 0;left: 0;position: absolute;}
.case-wrap .list .item .thumb img{ width: 100%; display: block;background-size: cover;background-repeat: no-repeat;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.case-wrap .list .item:hover .thumb img{-webkit-filter: grayscale(100%);filter: grayscale(100%);}
.case-wrap .list .item:hover .thumb:after{background-color: rgba(0,0,0,0);}

.case-wrap .list .item .title{ margin-top: 12px;font-size: 20px; color: #333;}
.case-wrap .list .item .describe{ color: #999;margin-top: 6px;}
.case-wrap .more { text-align: center; margin-top: 78px;}
.case-wrap .more a .slash{ color: #999;margin-top: 6px;margin-right: 8px; display:inline-block;color:#e51837; font-weight: 900;}
.case-wrap .more a{color: #999;padding-left:20px;background-image: url(../images/icon-more-slash.png); background-size: 11px 14px; background-repeat: no-repeat; background-position:left center;}
@media (max-width: 1600px){
    .case-wrap .list .item .title{ font-size:18px; }
}
@media (max-width: 1200px){
    .case-wrap .list .item .title{ font-size:16px; }
    .case-wrap .list .item .describe{font-size:12px;}
}

@media (max-width: 768px) {
    .case-wrap .list .item{ width:100%; margin-top: 40px;}
    .case-wrap .more {margin-top: 68px;}
}

/* ----------------------- 案例详情 页面 ------------------------------*/
.case-detail-wrap{ padding:85px 0;}
.case-detail-wrap .box{padding:0 80px;}
.case-detail-wrap .describe{ display:flex;justify-content:space-between; align-items: center;}
.case-detail-wrap .describe .logo{ height:90px;display:flex;align-items: center;}
.case-detail-wrap .describe .logo img{ max-height:100%;}
.case-detail-wrap .describe .web-url{ height:52px; line-height:52px; width:152px; text-align: center; font-size: 18px; color:#fff; background-color:#e51837 ;}
.case-detail-wrap .content{ font-size: 18px; margin-top:52px;padding-bottom: 85px;}
.case-detail-wrap .content .detail{ margin-bottom:76px;}
.case-detail-wrap .content img{max-width: 100%;height:auto; }
.case-detail-wrap .pages{ border-top:1px solid #dcdddd; padding-top:78px;}
.case-detail-wrap .pages .label{ font-size: 18px; color:#333333;}
.case-detail-wrap .pages .con{font-size: 46px; color:#333333;}
@media (max-width: 1600px){
    .case-detail-wrap .pages .con{font-size: 36px; }
}
@media (max-width: 1200px){
    .case-detail-wrap .box{padding:0 15px;}
    .case-detail-wrap .describe .logo{ height:70px;}
    .case-detail-wrap .describe .web-url{ height:42px; line-height:42px; width:142px; text-align: center; font-size: 16px;}
    .case-detail-wrap .content{ font-size: 16px;}
    .case-detail-wrap .pages .con{font-size: 32px; }
}
@media (max-width: 1024px){
    .case-detail-wrap .describe .logo{ height:50px;}
    .case-detail-wrap .describe .web-url{ height:42px; line-height:42px; width:120px; text-align: center; font-size: 14px;}
    .case-detail-wrap .content{ font-size: 14px;}
    .case-detail-wrap .pages .label{ font-size: 16px;}
    .case-detail-wrap .pages .con{font-size: 28px; }
}
@media (max-width: 768px){
    .case-detail-wrap .pages .label{ font-size: 14px;}
    .case-detail-wrap .pages .con{font-size: 24px; }
}
@media (max-width: 450px){
    .case-detail-wrap .pages .con{font-size: 18px; }
}

/* ----------------------- 动态 页面 ------------------------------*/
.news-wrap{padding-bottom: 90px ; }
.news-wrap .list{ display:flex; justify-content:baseline; align-items: inherit; flex-wrap: wrap;}
.news-wrap .list .item{ width:33.333333%; padding: 82px 46px; border-bottom:1px solid #efefef;border-right:1px solid #efefef;}
.news-wrap .list .item:nth-child(3n+0){border-right:0;padding-right: 0;}
.news-wrap .list .item:nth-child(3n-2){padding-left: 0;}
.news-wrap .list .item .title{ font-size: 20px; color:#000;padding-right:60px;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;}
.news-wrap .list .item .update{ color:#999999;}
.news-wrap .list .item .describe{color:#666666;margin: 50px 0;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;}
.news-wrap .list .item .arrow {height: 2px;background-color: #b5b5b6;width: 10%;margin: 15px 0;transition: all 0.45s;}
.news-wrap .list .item .arrow:after {border-color: #b5b5b6;border-style: solid;border-width: 2px 2px 0 0;transform: rotate(45deg);margin-top: -6px;width: 12px;height: 12px;display: block;float: right;content: "";}
.news-wrap .list .item:hover .arrow {width:25%;transition: all 0.45s;}
.news-wrap .more { text-align: center; margin-top: 96px;}
.news-wrap .more a{color: #999;padding-left:20px;background-image: url(../images/icon-more-slash.png); background-size: 11px 14px; background-repeat: no-repeat; background-position:left center;}

@media (max-width: 1200px){
    .news-wrap .model-name{font-size:32px;}
    .news-wrap .list .item .title{ font-size:18px; }
}
@media (max-width: 1024px){
    .news-wrap .list .item{ width:calc(33.3% - 26px); margin-top: 82px;}
}
@media (max-width: 768px){
    .news-wrap .list .item{ width:100%; margin-top: 40px;padding:0 0 40px; border-right:0;}
    .news-wrap .more {margin-top: 68px;}
}

/* ----------------------- 动态详情 页面 ------------------------------*/
.news-detail-wrap{ padding:85px 0;}
.news-detail-wrap .box{display: flex;align-items: baseline;justify-content: space-between;}
.news-detail-wrap .detail{  width:calc(100% - 580px);}
.news-detail-wrap .detail .content{font-size: 16px; padding-bottom:85px;}
.news-detail-wrap .detail .content img{ max-width:100%;}
.news-detail-wrap .detail .other{ font-size: 16px; border-top: 1px solid #efefef; padding:35px 0; display:flex; align-items: flex-start;justify-content: space-between;}
.news-detail-wrap .detail .other .pages{}
.news-detail-wrap .detail .other .pages a{ line-height: 42px;display:block;}
.news-detail-wrap .detail .other .back{ }
.news-detail-wrap .detail .other .back a{line-height: 42px;background-image: url(../images/icon-back.png); background-size: 20px 16px; background-repeat: no-repeat;background-position: left center; color:#999999; padding-left:30px;}
.news-detail-wrap .aside{ width:435px;}
.news-detail-wrap .aside .aside-title{font-size:36px;color:#333;padding-left:49px; background-image:url(../images/icon-aside-slash.png);background-repeat: no-repeat;background-size: 16px 25px; background-position: left center;}
.news-detail-wrap .aside .list{ overflow:hidden;}
.news-detail-wrap .aside .list .item{ padding: 40px 0px;width:100%; border-bottom:1px solid #efefef; display: block;}
.news-detail-wrap .aside .list .item .title{ font-size: 20px; color:#333333; padding-right:20px;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;}
.news-detail-wrap .aside .list .item .update{ color:#999999; padding-bottom:12px;}
.news-detail-wrap .aside .list .item .describe{color:#666666;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;}

@media (max-width: 1441px){
    .news-detail-wrap .detail{  width:calc(100% - 500px);}
    .news-detail-wrap .aside{ width:355px;}
}
@media (max-width: 1200px){
    .news-detail-wrap .detail{  width:calc(100% - 400px);}
    .news-detail-wrap .aside .aside-title{font-size:32px;}
}
@media (max-width: 768px){
    .news-detail-wrap .box {display: inherit;}
    .news-detail-wrap .detail{  width:100%;}
    .news-detail-wrap .detail .content{font-size: 14px; }
    .news-detail-wrap .detail .other{display:inherit;font-size: 14px;}
    .news-detail-wrap .detail .other .pages a{white-space:nowrap;overflow: hidden;text-overflow: ellipsis;}
    .news-detail-wrap .aside{ width:100%;border-top: 1px solid #efefef;padding-top: 30px;}
    .news-detail-wrap .aside .aside-title{font-size:28px;}
}

/* ----------------------- 列表页面空值 页面 ------------------------------*/
.empty-wrap{text-align: center;padding: 150px 0 100px;}
.empty-wrap img{max-width: 100%;}
.empty-wrap p{font-size: 14px;color:#969696;line-height: 54px;}
@media (max-width: 768px){
    .empty-wrap {padding: 100px 0 50px;}
    .empty-wrap img{width: 80px;}
}


/* ----------------------- 联系我们 页面 ------------------------------*/
.contact-wrap{}
.contact-wrap .describe{ font-size: 18px;color:#333333; padding:82px 0;}
.contact-wrap .contact{border-top: 1px solid #efefef;border-bottom: 1px solid #efefef;}
.contact-wrap .contact dl{ overflow:hidden;}
.contact-wrap .contact dl dd{ width:50%; padding:112px 0; float:left;}
.contact-wrap .contact dl dd:last-child{ border-left:1px solid #efefef;}
.contact-wrap .contact dl dd .item{ padding-left:200px;}
.contact-wrap .contact dl dd .item:last-child{ margin-top: 80px;}
.contact-wrap .contact dl dd .item .label{ font-size: 24px; line-height: 24px;}
.contact-wrap .contact dl dd .item .label .slash{ line-height: 24px;font-size: 28px;width:32px;text-align: center; display:inline-block;color:#e51837; font-weight: 900;}
.contact-wrap .contact dl dd .item .con{ margin-top:18px;color:#666666;padding-left:32px; font-size: 18px;}
.contact-wrap .contact dl dd .item .qrcode{padding-left:32px;padding-right: 32px;vertical-align: middle;}
.contact-wrap .contact dl dd .item .text{ vertical-align: middle;font-size: 16px;color:#999999;}
.contact-wrap .map{padding:92px 0; text-align: center;}
.contact-wrap .map .map-image{ min-height:445px; max-width: 100%; background-position: center; background-repeat: no-repeat; background-size: cover;}


@media (max-width: 768px) {
    .contact-wrap .contact dl dd{ width:100%;}
    .contact-wrap .contact dl dd:first-child{ padding-bottom:50px;}
    .contact-wrap .contact dl dd:last-child{ border-left:none;padding-top:0;}
    .contact-wrap .contact dl dd .item{ padding-left:0px;}
    .contact-wrap .contact dl dd .item:last-child{ margin-top: 50px;}
    .contact-wrap .contact dl dd .item .label{ font-size: 16px; line-height: 16px;}
    .contact-wrap .contact dl dd .item .label .slash{font-size: 18px; line-height: 16px;}
    .contact-wrap .contact dl dd .item .con{font-size: 20px;}
}


/* ----------------------- 留言咨询 ------------------------------*/
.index-consult{ background-color: #e51837; color: #fff; padding: 55px 0 45px;}
.index-consult .p1{ font-size: 36px;}
.index-consult .p2{font-size: 16px;}
.index-consult .form{ margin-top: 35px;}
.index-consult .form ul{ align-items: center; justify-content:space-between ; display:flex;}
.index-consult .form ul li{ font-size:0; border:1px solid #f5a3af; position:relative; height:48px; line-height: 48px;}  
.index-consult .form ul li:nth-child(1){ width:calc(17.5% - 18px);}
.index-consult .form ul li:nth-child(2){ width:calc(17.5% - 18px);}
.index-consult .form ul li:nth-child(3){ width:calc(30% - 18px);}
.index-consult .form ul li:nth-child(4){ width:calc(17.5% - 18px);display: flex;align-items: center;justify-content: space-between;}
.index-consult .form ul li:nth-child(5){ width:17.5%;}
.index-consult .form ul li input[type="text"]{ background:none;border:none;height:100%;width:100% ;padding:0 15px;font-size:14px;color:white;}
.index-consult .form ul li input[type="text"]::-webkit-input-placeholder { color: #fafafa;}
.index-consult .form ul li input[type="text"]::-moz-placeholder {color: #fafafa;}
.index-consult .form ul li input[type="text"]:-ms-input-placeholder { color: #fafafa;}
.index-consult .form ul li input[type="button"]{background:white;border:none;height:100%;width:100% ;padding:0 15px;font-size:16px;color:#e51837;text-align: center;-webkit-appearance:none;transition: linear all .3s;-webkit-transition: linear all .3s; cursor:pointer;}
.index-consult .form ul li input[type="button"]:hover{ background-color: #333;color:#fff;}
.index-consult .form ul li:nth-child(4) input[type="text"]{width:calc(100% - 82px);}
.index-consult .form ul li:nth-child(5){ border:none;}
.index-consult .form ul li .verify{ width:82px; height:40px; margin-right: 4px;  cursor: pointer; }

@media (max-width: 1200px){
    .index-news .model-name{font-size:32px;}
    .index-news .list .item .title{ font-size:18px; }
}
@media (max-width: 768px){
    .index-consult .p1{ font-size: 28px;}
    .index-consult .p2{font-size: 14px;}
    .index-consult .form ul{flex-wrap: wrap;}
    .index-consult .form ul li:nth-child(1),
    .index-consult .form ul li:nth-child(2),
    .index-consult .form ul li:nth-child(3),
    .index-consult .form ul li:nth-child(4),
    .index-consult .form ul li:nth-child(5){ width:100%; margin-bottom: 10px;}
}


/*浮动窗口样式*/
.float-other{position:fixed;bottom:20px; right:0; height: 45px;z-index:99;transition: linear all .3s;-webkit-transition: linear all .3s;}
.float-other a{width: 45px;height: 45px; margin:0 5px;border-radius:22.5px;background-color:#000; display: inline-block;background-repeat: no-repeat; background-position: center center; vertical-align: middle; overflow: hidden; line-height: 45px; margin-bottom: 10px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 2px solid #000;position: relative;
    -webkit-transition: all .5s cubic-bezier(0.15, 0.65, 0.58, 0.99);
       -moz-transition: all .5s cubic-bezier(0.15, 0.65, 0.58, 0.99);
        -ms-transition: all .5s cubic-bezier(0.15, 0.65, 0.58, 0.99);
         -o-transition: all .5s cubic-bezier(0.15, 0.65, 0.58, 0.99);
            transition: all .5s cubic-bezier(0.15, 0.65, 0.58, 0.99);}
.float-other a.float-phone{background-image:url(../images/icon-phone-white.png);-webkit-background-size:19px 18px;background-size:19px 18px;}
.float-other a.float-qq{background-image:url(../images/icon-qq-white.png); -webkit-background-size: 18px auto; background-size: 18px auto;}
.float-other a.float-wxqr{overflow:inherit;background-image:url(../images/icon-weixin-white.png); -webkit-background-size: 20px auto; background-size: 20px auto;}
.float-other a span{color:white;margin-left: 42px;display: none;line-height: 42px;
    -webkit-transition: all .5s cubic-bezier(0.15, 0.65, 0.58, 0.99);
       -moz-transition: all .5s cubic-bezier(0.15, 0.65, 0.58, 0.99);
        -ms-transition: all .5s cubic-bezier(0.15, 0.65, 0.58, 0.99);
         -o-transition: all .5s cubic-bezier(0.15, 0.65, 0.58, 0.99);
            transition: all .5s cubic-bezier(0.15, 0.65, 0.58, 0.99);}
.float-other a.float-phone span{font-size: 16px;}
.float-other a.float-wxqr span{margin-top: -120px;margin-right: 15px;margin-left: 0px;}
.float-other a:hover{background-position: 15px center;}
.float-other a.float-qq:hover{width: 146px;}
.float-other a.float-wxqr:hover{background-position:center;}
.float-other a.float-wxqr:hover span {display:inline-block; width:116px;height:116px;background:#fff; border:2px solid #fff;position: absolute; z-index:99;bottom:55px;left:-35px; padding:5px;}
.float-other a.float-wxqr:hover img{ width:100%; }
.float-other a.float-phone:hover{width: 170px;}
.float-other a:hover span{display: block;}

/* ----------------------- 页尾 ------------------------------*/
.footer{ background-color: #000; color: #fff; padding:90px 0 45px;}
.footer .consult{ display:flex; align-items: center; justify-content:space-between ;}
.footer .consult .telephone{ display:inline-block;border-bottom: 1px solid white; padding-right: 25px;}
.footer .consult .telephone li{ display:inline-block; }
.footer .consult .telephone li:nth-child(1){ margin-right: 135px;}
.footer .consult .telephone li .label{ font-size: 18px;}
.footer .consult .telephone li .tel {font-size: 30px;}
/*浮动窗口样式*/
.footer .consult .other{height: 45px;}
.footer .consult .other a{width: 45px;height: 45px; margin:0 5px;border-radius:22.5px;background-color:#fff; display: inline-block;background-repeat: no-repeat; background-position: center center; vertical-align: middle; overflow: hidden; line-height: 45px; margin-bottom: 10px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 2px solid #fff;position: relative;
    -webkit-transition: all .5s cubic-bezier(0.15, 0.65, 0.58, 0.99);
       -moz-transition: all .5s cubic-bezier(0.15, 0.65, 0.58, 0.99);
        -ms-transition: all .5s cubic-bezier(0.15, 0.65, 0.58, 0.99);
         -o-transition: all .5s cubic-bezier(0.15, 0.65, 0.58, 0.99);
            transition: all .5s cubic-bezier(0.15, 0.65, 0.58, 0.99);}
.footer .consult .other a.float-phone{background-image:url(../images/icon-phone.png);-webkit-background-size:19px 18px;background-size:19px 18px;}
.footer .consult .other a.float-qq{background-image:url(../images/icon-qq.png); -webkit-background-size: 18px auto; background-size: 18px auto;}
.footer .consult .other a.float-wxqr{overflow:inherit;background-image:url(../images/icon-weixin.png); -webkit-background-size: 20px auto; background-size: 20px auto;}
.footer .consult .other a span{color:#000;margin-left: 42px;display: none;line-height: 42px;
    -webkit-transition: all .5s cubic-bezier(0.15, 0.65, 0.58, 0.99);
       -moz-transition: all .5s cubic-bezier(0.15, 0.65, 0.58, 0.99);
        -ms-transition: all .5s cubic-bezier(0.15, 0.65, 0.58, 0.99);
         -o-transition: all .5s cubic-bezier(0.15, 0.65, 0.58, 0.99);
            transition: all .5s cubic-bezier(0.15, 0.65, 0.58, 0.99);}
.footer .consult .other a.float-phone span{font-size: 16px;}
.footer .consult .other a.float-wxqr span{margin-top: -120px;margin-right: 15px;margin-left: 0px;}
.wxqr_mask {z-index: 999;width: 116px;height: 116px;padding: 4px;position: fixed;margin-left: -60px;margin-top: -60px;left: 50%;background: #fff;top: 50%;overflow: hidden;text-align: center;display: none;}
.wxqr_bg {background-color: #000;position: fixed;z-index: 99;left: 0;top: 0;display: none;width: 100%;height: 100%;opacity: 0.3;filter: alpha(opacity=30);-moz-opacity: 0.3;}

.footer .consult .other a:hover{background-position: 15px center;}
.footer .consult .other a.float-qq:hover{width: 146px;}
.footer .consult .other a.float-wxqr:hover{background-position:center;}
.footer .consult .other a.float-wxqr:hover span {display:inline-block; width:116px;height:116px;background:#fff; border:2px solid #fff;position: absolute; z-index:99;bottom:55px;left:-35px; padding:5px;}
.footer .consult .other a.float-wxqr:hover img{ width:100%; }
.footer .consult .other a.float-phone:hover{width: 170px;}
.footer .consult .other a:hover span{display: block;}

.footer .address{ padding:50px 0 64px;color:rgba(255, 255, 255, 0.7); font-size: 16px;}
.footer .address .icon-map{ display: inline-block; width: 14px; height: 18px; background-image: url(../images/icon-map.png); background-repeat: no-repeat; background-size: 100% auto; background-position: center; vertical-align: middle; margin-right: 8px;}
.footer .address .text{vertical-align: middle;}
.footer .copyright{color:rgba(255, 255, 255, 0.7);}
.footer .copyright a{ color:rgba(255, 255, 255, 0.7); margin-left: 10px;}
.footer .copyright .con{ overflow:hidden; margin-top: 16px;}
.footer .copyright .con .link1 a:first-child{margin-left: 0;}
.footer .copyright .con .link2 a:nth-child(2){margin-left: 0;}



@media (max-width: 768px){
    .footer .consult{ flex-wrap: wrap;}
    .footer .consult .telephone{padding-right:0;padding-bottom: 25px; width:100%;}
    .footer .consult .telephone li{ width:100%;}
    .footer .consult .telephone li:nth-child(1){margin-right:0;}
    .footer .consult .telephone li .label {font-size: 16px;}
    .footer .consult .telephone li .tel {font-size: 24px;}
    .footer .consult .other { margin-top: 35px;}
    .footer .consult .other{height: 40px;}
    .footer .consult .other a{width: 40px;height: 40px; line-height: 40px;}
    .footer .consult .other a.float-wxqr:hover span{ top: auto;right:auto;left:-35px; bottom:53px;}
    .footer .address {padding: 35px 0 0; }
    .footer .copyright .con .fl,
    .footer .copyright .con .fr{ float:left; display:block; width:100%;}
}
@media (max-width: 350px){
    .footer .address{font-size: 14px;}
}