@charset "utf-8";

@import "base.css";

.dot{display: block;white-space: nowrap; text-overflow: ellipsis;overflow: hidden;}
.Ispic{ background-repeat:no-repeat; background-position:center center; background-size:cover;}

.img-opacity{opacity: 0; width: 0; height: 0;  position: absolute;}

:after, :before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}

.center{ width: 96%;max-width:1200px; margin:0 auto;}




/*Top*/
.Top{ position:relative;z-index:100; width:100%; background:rgba(255,255,255,0.9);}
.Top .topCenter{width:96%;margin: 0 auto;max-width: 1400px;}
.Top .top-left{ float:left;width:210px;}

.Top .top-right{ float:right;padding-top:23px;}
.Top .top-right dt{ float:left;position:relative;}
.Top .top-right dt .open-search{ background:url(../images/btn_search.png) no-repeat center center; width:30px; height:22px; float:left;}
.Top .top-right dt::after{ display:inline-block; content:''; vertical-align:middle; width:1px; background:#d1d1d1; height:12px; margin:0 16px;}
.Top .top-right dd{ float:left;background:url(../images/icon_tel.png) no-repeat left center; padding-left:27px;width: 144px;}
.Top .search-box{position:absolute; right:15px; top:47px; width:300px; display:none; background:rgba(0,0,0,0.8);}
.Top .search-box::before{ position:absolute; content:''; border:10px solid transparent; border-bottom-color:rgba(0,0,0,0.8); right:20px; top:-20px;}
.Top .search-box .text{ width:100%; height:46px; line-height:46px; padding:0 46px 0 10px; border:none; background:none; color:#fff;}
.Top .search-box .btn{ position:absolute; right:0; top:0; height:100%; width:46px; background:url(../images/fangdajng.png) no-repeat center center;}
.Top .top-mid{ float:left;width: calc(100% - 545px);margin: 0 50px;}

.top-menu li{padding:0 24px;display: inline-block; }
.top-menu li > a{ display:block;line-height:68px;font-size:16px; border-bottom:2px solid transparent; }
.top-menu li > a:hover, .top-menu li.aon > a{ border-bottom-color:#c82f34;}
.top-menu li .top-sub{ position:absolute; left:0; top:100%; width:100%; background:#fff; display:none;}
.top-menu li .top-sub dl{ display:table; margin:0 auto; padding:30px 0 10px 0; overflow:hidden;}
.top-menu li .top-sub dl dt{padding:0 20px;font-size: 14px;display: inline-block;max-width: 150px;}
.top-menu li .top-sub dl dt figure{display:table;width:100%;}
.top-menu li .top-sub dl dt figcaption{ display:table-cell; vertical-align:bottom; }
.top-menu li .top-sub dl dt a{ color:#555; transition:0.3s;}
.top-menu li .top-sub dl dt a:hover{ color:#c82f34;}
.top-menu li .top-sub dl dt span.dot{ padding:10px 0;}
.top-menu li .top-sub dl dt img{ max-height:48px; max-width:150px; transition: ease-in-out 0.3s;}
.top-menu li .top-sub dl dt a:hover img{transform-style: preserve-3d;  transform:rotateY(180deg);}
.Bottomer {
  display: none;
  position: fixed;
  bottom: 0;
  width: 100%;
  background: #c81624;
  z-index: 999999;
  box-shadow: 0 0 10px rgba(0, 0, 0, .2);
}
.Bottomer .BottomList li {
  width: 25%;
  float: left;
  display: inline-block;
  text-align: center;
  position: relative;
  padding: 10px 0px;
}
.Bottomer .BottomList li img {
  vertical-align: middle;
  height: 20px;
}
.Bottomer .BottomList li span {
  font-size: 14px;
  color: #fff;
  display: block;
  margin-top: 5px;
}
.Bottomer .BottomList li p {
  font-size: 14px;
  color: #D5A334;
  margin: 0;
  position: absolute;
  right: 20px;
  top: 10px;
}

/*bottom*/
.foot_btn{padding: 20px 0;text-align: center}
.foot_btn a{display: inline-block;line-height: 3;font-size: 20px;padding: 0 30px;border: 1px solid #cccccc}

.bottom{padding-top:50px;background:#444;}
.bottom ol{ float:left;width:130px;margin-right:50px;font-size:12px;text-align:center;color:#828180;}
.bottom ol figure{margin: 40px 5px 0;background:#fff;position: relative}
.bottom ol figure::before{ width:4px; height:30px; top:-30px;left: 50%;transform: translateX(-50%);content:''; background:#c81623;position: absolute;}
.bottom ol figcaption{ padding:4px 0;  }

.bottom .bottom-menu{float: right }
.bottom-menu dl{padding:0 82px;margin-bottom: 20px;background:url(../images/bottom-dl-bg.png) no-repeat left 10px; float: left}
.bottom-menu dl dt{color:#fff; font-size:16px; padding-bottom:20px;}
.bottom-menu dl dt a:after{ background:url(../images/bottom-menu-dt.png) no-repeat; width:9px; height:13px; display:inline-block; vertical-align:middle; content:''; margin-left:10px;}
.bottom-menu dl dd{ line-height:19px; padding:8px 0;}
/*.bottom-menu dl.dl-row-2 dd{ float:left; width:50%;}*/
.bottom a{ color:#7c7c7c; transition:color 0.3s;}
.bottom a:hover{ color:#c82f34;}

.bottom .read-list{border-top:1px solid #4e4e4e; margin-top: 50px;padding:22px 0; line-height:25px;color:#fff;font-size:16px;}
.bottom .read-list a{ display: inline-block; margin-left:43px;}

.foot{ background:#383838; padding:22px;}
.foot-left{ float:left; line-height:28px;}
.foot-left i{ display:inline-block; width:2px; border-right:1px dotted #7c7c7c; height:10px; margin:0 14px; vertical-align:middle;}
.foot-right{ float:right; padding-top:12px;}
.foot-right .bdsharebuttonbox a{ margin:0 0 0 18px; padding:0; width:33px; height:33px; border-radius:50%; background:url(../images/bottom-share.png) no-repeat 0 0 #484848;}
.foot-right .bdsharebuttonbox a.bds_tqq{ background-position:-55px 0;}
.foot-right .bdsharebuttonbox a.bds_sqq{ background-position:-105px 0;}
.bd_weixin_popup,
.bd_weixin_popup *{ box-sizing:content-box;}
/*bottom end*/
@media screen  and  (max-width:1300px){
    .Top{ position:relative;}
    .Top .top-mid{ float:left;width:100%;margin:0;}
}

@media screen  and  (max-width:640px){
    body{font-size: 12px;}
   .no_mobile{display: none!important;}
    .Top .top-left{ float:none;margin: auto}
    .Top .top-right{ float:none;padding-top:10px;width: 175px;margin: auto}
    .top-menu li{width: 33.3%;float: left;padding: 0;}
    .top-menu li > a{ line-height:40px;font-size:14px;}

    .top-menu li .top-sub dl{padding:10px 0;}
    .top-menu li .top-sub dl dt{padding:0 15px;font-size: 12px;max-width: 150px;}


    .bottom{padding-top:20px;}
    .bottom ol{ float:none;margin:auto;}

    .bottom .bottom-menu{width:100%;margin-bottom: 10px;float: none;text-align: center}

    .bottom-menu dl{width:auto;padding:0;margin:5px;background:none; float: none;display: inline-block;}
    .bottom-menu dl dt{font-size:14px; padding-bottom:0px;}
    .bottom-menu dl dd{display: none}

    .bottom .read-list{margin:10px 0;padding:10px 0; font-size:12px;}
    .bottom .read-list a{margin:5px;}

    .foot{text-align: center}
    .foot-left{ float:none;}
    .foot-right{ float:none; padding-top:12px;}
    .Bottomer {display: block;}

}
/*Top end*/

/*banner*/





/*index*/
.index-banner .bx-viewport, .index-banner li, .index-banner li a{height:600px;}
.index-banner li{background-repeat: no-repeat;background-position: center;background-size:cover}
.index-banner .bx-pager, .index-banner .bx-controls-direction a{z-index:10; }
.index-banner .bx-pager{ position:absolute; left:0; width:100%; bottom:40px; text-align:center;}
.index-banner .bx-pager div{ display:inline-block; padding:0 5px;}
.index-banner .bx-pager div a{ display:block; width:22px; height:22px; line-height:1000px; overflow:hidden; background:url(../images/control.png) no-repeat right top;}
.index-banner .bx-pager div a.active{ background-position:left top;}
.index-banner .bx-controls-direction a{ transition:0.3s;}
.index-banner .bx-controls-direction a.bx-prev{ left:0;}
.index-banner .bx-controls-direction a.bx-next{ right:0;}
.index-banner .bx-controls-direction a{ top:0; margin:0; width:130px; height:100%;background:none; text-indent:-999em}
.index-banner .bx-controls-direction a::before{ width:42px; height:73px; background:url(../images/banner_btn.png) no-repeat left top; margin-left:0; left:42px; margin-top:-36px;}
.index-banner .bx-controls-direction a.bx-next::before{left: auto; right:42px; background-position: right top;}
/*index banner*/

@media screen  and  (max-width:640px){
    .index-banner .bx-viewport, .index-banner li, .index-banner li a{height:180px;}
    .index-banner li{background-size:cover;}
    .index-banner .bx-controls-direction a{display: none}
}


.index-floor .ani-things{ position:absolute; background:#c81623; transition:height ease-in-out 0.5s;}
.index-floor, .group-intro{ overflow:hidden;position:relative; z-index:1;}
.index-floor .title, .index-floor .center{ position:relative;}
.index-floor .title{ padding:80px 0 50px 0; text-align:center; font-size:30px; color:#333;}
.index-floor .title span{ display:block; font-size:16px; color:#555; padding-top:5px;}
.index-floor .title .ani-things{height:0; left:90px; top:0; width:4px;}
.index-floor .title .ani-things.show{ height:203px;}

.index-more{ background:url(../images/index-more.png) no-repeat left center; width:128px;line-height:30px; display:block; color:#fff; font-size:16px; padding-left:20px;}
.index-more:hover{color:#fff; background-image:url(../images/index-more-hover.jpg);}


.floor-1  .ani-things{ height:0; position:absolute; width:3px; right:-110px;}
.floor-1  .ani-things::before{ position:absolute; content:''; background:url(../images/things-1.png) no-repeat center top; width:60px; height:100%; left:50%; margin-left:-30px;}
.floor-1  .ani-things.show{height:378px;}

.floor-1 .icon-group{ position:relative;padding: 0 40px;min-height: 134px; margin-bottom:50px;text-align:center;}
.floor-1 .icon-group dd{height: 115px; padding-bottom:15px;}
.floor-1 .icon-group dd:hover .on, .floor-1 .icon-group dd.swiper-slide-thumb-active .on, .floor-1 .icon-group dd .off{ display:none;}
.floor-1 .icon-group dd:hover .off, .floor-1 .icon-group dd.swiper-slide-thumb-active .off{ display:inline-block;}
.floor-1 .icon-group dd::after{ position:absolute; content:''; bottom:0; left:50%; width:9px; height:14px; margin-left:-4px; background:url(../images/index_prod_dd_on.png) no-repeat right top;}
.floor-1 .icon-group dd:hover::after, .floor-1 .icon-group dd.swiper-slide-thumb-active::after{ background-position:left top;}
.floor-1 .icon-group dd p{ padding:10px 0; margin:0;}
.floor-1 .icon-group .pic{ display:table; height:60px; width:100%; transition:0.3s;}
.floor-1 .icon-group dd:hover .pic, .floor-1 .icon-group dd.swiper-slide-thumb-active .pic{ height:70px;}
.floor-1 .icon-group .pic-cell{ display:table-cell; vertical-align:bottom; transition:0.3s;}
.floor-1 .icon-group dd:hover .pic-cell, .floor-1 .icon-group a.on .pic-cell{vertical-align:middle;}
.floor-1 .icon-group .pic img{ max-width:130px; max-height:60px;}
/*.floor-1 .icon-group dd:hover .pic img, .floor-1 .icon-group dd.on .pic img{ max-height:75px; }*/

.floor-1 .btn,.floor-3 .btn,.floor-4 .btn{ position:absolute;top:50%;transform: translateY(-50%);width:50px; height:50px; cursor:pointer;z-index:10; background: url(../images/btn.png) no-repeat left bottom  #c81624;}
.floor-1 .icon-group .btn,.floor-3 .icon-group .btn,.floor-4 .icon-group .btn{ background-position:-6px -7px; margin-top:-18px;width:36px; height:36px;}
.floor-1 .btn.next,.floor-3 .btn.next,.floor-4 .btn.next{ right:0;background-position: -56px -57px;}
.floor-1 .icon-group .btn.prev,.floor-3 .icon-group .btn.prev,.floor-4 .icon-group .btn.prev{left:0;}
.floor-1 .btn.prevStop,.floor-1 .btn.nextStop{ background-color:#f9f9f9; cursor:default;}
.floor-1 .btn.prevStop{ background-position: left top;}
.floor-1 .btn.nextStop{background-position:right bottom;}
.floor-1 .icon-group .btn.prevStop{ background-position: -6px -56px;}
.floor-1 .icon-group .btn.nextStop{background-position: -56px -7px;}
.floor-4 .icon-group {
    padding: 0 40px;
    text-align: center;
    position: relative;
    line-height: 2;
}


.group-intro{ background:#f9f9f9;}
.group-intro .box{float:left; width:50%;}
.group-intro .left-img{ position:relative;}
.group-intro .left-img .btn{ top:auto; margin:0; bottom:0; right:0;transform: initial; background-color:#f9f9f9; background-position:left bottom;}
.group-intro .left-img .btn:hover{ background-color:#c81624;}
.group-intro .left-img .img-prev:hover{ background-position: left top;}
.group-intro .left-img .img-next{ margin-right:-50px;background-position: right top;}
.group-intro .left-img .img-next:hover{ background-position: right bottom;}
.group-intro .left-img img{ display:block; max-width:none; width:100%; max-height:600px;}
.group-intro .main{padding:50px;font-size:16px;line-height: 1.5}
.group-intro .main .name{ font-size:18px;padding-bottom:10px;}
.group-intro .main .open-con{ background:url(../images/more.png) no-repeat center center; width:24px; height:24px; display:inline-block; vertical-align:middle; cursor:pointer;}
.group-intro .main .open-con:hover{ background-image:url(../images/more_hover.png);}
.group-intro .main .youshi{overflow:hidden; position:relative; margin:10px 0 30px;}
.group-intro .main .hover{ position:absolute; left:0; top:0;border:1px solid #f0f0f0; background:rgba(255,255,255,0.95); border-radius:10px; padding:20px 12px; display:none; max-height:300px; overflow:auto;}
.group-intro .bx-viewport{ z-index:1;}
.group-intro .bx-controls-direction a{ z-index:10; left:50%; margin-left:-100px; top:auto; margin-top:0; bottom:0;}
.group-intro .bx-controls-direction a.bx-next{ margin-left:-50px;}

.group-intro .main .youshi li{ float:left; width:25%; text-align:center; padding-top:20px;}
.group-intro .main .youshi li .pic{ padding-bottom:8px;}
.group-intro .main .youshi li .pic img{ border:1px solid #e4e4e4; border-radius:10px; transition:0.3s;}
.group-intro .main .youshi li .pic img.off{ display:none;}
.group-intro .main .youshi li:hover .pic img{ display:none; background-color:#c81623;}
.group-intro .main .youshi li:hover .pic img.off{ display:inline-block;}


.floor-2 .center > .ani-things{  height:0;top:595px; right:62px; width:3px;}
.floor-2 .center > .ani-things.show{ height:140px;}
.floor-2 .title .ani-things.show{height:196px;}
.floor-2 .left-number{overflow:hidden;background: url(../images/pic.jpg) no-repeat center #ffffff;background-size: 300px;;padding:18px 45px 160px;}
.floor-2 .left-number ul{float:left;font-size:16px;width: 28%;}
.floor-2 .left-number ul:last-child{float: right}
.floor-2 .left-number ul li{ padding:23px 0;}
.floor-2 .left-number ul li span{font-size:20px; color:#c81623; font-weight:bold;}

.floor-3{ background:#f9f9f9; position:relative; overflow:hidden;padding-bottom: 50px;}
.floor-3 .icon-group{padding: 0 40px;text-align:center;position: relative;line-height: 2}
.floor-3 .icon-group dd .pic{background: #FFFFFF;}

.floor-4{padding-bottom: 50px;}
.floor-4 .center > .ani-things{ right:64px; top:663px; height:0; width:3px;}
.floor-4 .center > .ani-things.show{height:183px;}
.floor-4 .list{width: 31.3%;margin: 0 1% 20px;float: left}
.floor-4 .list h3{ line-height:40px;margin-bottom:5px; font-size:16px;text-align:center;background:#f3f3f3; display:block; }
.floor-4 .list .img{height:230px;overflow: hidden;text-align: center}
.floor-4 .list .img img{height: 100%;}
/*.floor-4 .list .img{max-height: 140px;overflow: hidden}*/
.floor-4 .list ul{border-top:1px dotted #e1e1e1; margin-bottom:33px;}
.floor-4 .list li{ line-height:3; border-bottom:1px dotted #e1e1e1;}
.floor-4 .list li span{ float:right; color:#999;}
.floor-4 .list li a::before{ display:inline-block; vertical-align:middle; margin-right:10px; width:3px; height:3px; content:''; background:#666;}


.floor-5 .edit-info{ overflow:hidden;color:#FFFFFF;font-size:16px;padding: 230px 0}




.floor-6{ padding-bottom:138px;}
.floor-6 .title .ani-things{left:68px; width:3px;}
.floor-6 .center > .ani-things{left:68px; height:0; top:502px;width:4px;}
.floor-6 .center > .ani-things.show{ height:377px;}
.floor-6 .center > .ani-things::before{position:absolute; content:''; left:50%; width:40px; height:0; background:url(../images/things-2.png) no-repeat 0 0; margin-left:-20px;  top:339px; opacity:0; transition:height ease-in-out 0.3s 0.3s;}
.floor-6 .center > .ani-things.show::before{height:40px; opacity:1;}

.floor-6 .title .ani-things{ top:0;}
.floor-6 .title .ani-things.show{ height:100%; }
.floor-6 .main{background: url("../images/infl6_bg.jpg") no-repeat right top #f9f9f9;padding: 60px 50px;}
.floor-6 .index-from{background: #f9f9f9;display: inline-block}
.floor-6 .index-from h2{ font-size:30px;}
.floor-6 .index-from h2::before, .floor-6 .index-from h2::after{ display:inline-block; content:''; width:23px; height:18px; vertical-align:middle; background:url(../images/icon_index_l.png) no-repeat;}
.floor-6 .index-from h2::before{ margin-right:10px;}
.floor-6 .index-from h2::after{ margin-left:10px; background-image:url(../images/icon_index_r.png);}
.floor-6 .index-from h2 span{ font-size:24px; margin-right:10px;}
.floor-6 .index-from .tel{ border:1px solid #e9e9e9; border-top:0; padding:19px 14px 22px 104px;background:url(../images/icon_index_tel.png) no-repeat 18px center; display:inline-block;color:#c81623;}
.floor-6 .index-from .tel h3{font-size: 32px;}
.floor-6 .index-from .tel div{ font-size:24px;position:relative;text-align: center;z-index: 0}
.floor-6 .index-from .tel div:before{width:100%;height: 2px;z-index: -1;background: #c81623;content:"" ;left: 0;top: 50%;transform: translateY(-50%);position:absolute;}
.floor-6 .index-from .tel div span{ background:#f9f9f9; padding:0 10px;}

/*index end*/
@media screen  and  (max-width:640px){
    .index-floor .ani-things.show{display: none}
    .index-floor .title{ padding:40px 0 20px 0;font-size:18px; }
    .index-floor .title span{font-size:12px;}

    .floor-1 .icon-group{margin: 0}
    .group-intro .box{float:none; width:100%;}
    .group-intro .left-img .btn{right: 50px;}
    .group-intro .main{padding: 10px;font-size: 12px;}
    .group-intro .main .name{font-size: 14px;}
    .group-intro .main .youshi li .pic img{width: 50px;height: 50px;}

    .floor-2 .left-number{background:none;padding:18px 15px 20px;}
    .floor-2 .left-number ul{float:none!important;font-size:14px;width:100%;}
    .floor-2 .left-number ul li{ padding:10px 0;}
    .floor-2 .left-number ul li span{font-size:16px;}

    .floor-3{padding-bottom:20px;}

    .floor-4{padding-bottom: 50px;}
    .floor-4 .list{width:98%;margin: 0 1% 10px;float: none}
    .floor-4 .list h3{font-size:14px;}
    .floor-4 .list ul{margin-bottom: 10px;}

    .floor-5 .edit-info{font-size:14px;padding:100px 0}
    .floor-6{padding-bottom: 30px;}
    .floor-6 .main{padding:10px;text-align: center}
    .floor-6 .index-from{padding: 10px;}
    .floor-6 .index-from h2{ font-size:18px;}
    .floor-6 .index-from h2 span{ font-size:16px;}
    .floor-6 .index-from .tel{padding:19px 14px 22px 60px;background-size: 40px;}
    .floor-6 .index-from .tel h3{font-size:24px;}
    .floor-6 .index-from .tel div{ font-size:20px;}

    /*index end*/

}



/**/
.pageBanner{height:300px; background-position:center bottom; background-repeat:no-repeat;background-size: cover;}

.column-menu{border-top:1px solid #e5e5e5; background:rgba(255,255,255,0.9); position:relative; z-index:20;}
.column-menu a{ display:inline-block;margin-right:42px; line-height:59px; border-bottom:2px solid transparent;}
.column-menu a:hover, .column-menu a.aon{ border-bottom-color:#c81623;}

.case-menu .column-menu{border-bottom:1px solid #e5e5e5;}
.case-content{  padding:40px 0;}

.case-search{ float:right;position:relative; z-index:20;  width:440px;margin: 18px 0 5px;}
.case-search .text{ width:calc(100% - 80px);line-height:32px; color:#999; float: left;border:0; border-bottom:1px solid #e5e5e5;}
.case-search .btn{ width:80px;line-height:32px; color:#fff; background:#c81623;border: 0}

.case-one-category{ padding:30px 0;}
.case-one-category li{ display:inline-block;margin: 10px 45px;}
.case-one-category li a{ display:table-cell; vertical-align:bottom; text-align:center;}
.case-one-category li aside img{ max-width:150px; max-height:48px; transition: ease-in-out 0.3s;}
.case-one-category li span{border-bottom:2px solid transparent; padding:15px 0 5px 0;}
.case-one-category li.on span{ border-bottom-color:#c81623; color:#c81623; font-weight:bold;}
.case-one-category li a:hover img{transform-style: preserve-3d;  transform:rotateY(180deg);}

.case-two-category{background:#f7f7f7;line-height:58px; border:1px solid #efefef; margin:20px 0;}
.case-two-category a{display:inline-block;padding:0 40px;border-top:2px solid transparent;}
.case-two-category a.current{ background:#fff;border-top:2px solid #c92a32; color:#c92a32; font-weight:bold; }


.caseList li{ float:left; width:23%; margin:20px 1%;}
/*.caseList li .img{max-height:183px;overflow: hidden}*/
.caseList li .name{ line-height:55px; padding:0 25px 0 10px;background:url(../images/case_title_icon.jpg) no-repeat 95% center;}
.caseList li a{ display:block; position:relative;}
.caseList li .hover{ position:absolute; display:table;left:0; top:0; width:100%; height: 100%; background:rgba(201,42,50,0.9); color:#fff; opacity:0; transition:0.3s;}
.caseList li .hover .con{ padding: 10px;display:table-cell; vertical-align:middle; text-align:center;word-break: break-all;}
.caseList li .hover .con h3{ font-size:18px;}
.caseList li .hover .con h3::after{ display:block; content:''; height:2px; background:#fff; width:23px; margin:15px auto;}
.caseList li a:hover  .hover{ opacity:1;}

@media screen  and  (max-width:640px){
    .pageBanner{height:180px;}
    .column-menu a{margin-right:15px; line-height:36px;}
    .case-content{  padding:20px 0;}

    .case-search{ float:none;width:100%;}

    .case-one-category{ padding:10px 0;}
    .case-one-category li{margin: 10px 15px;}

    .case-two-category{line-height:42px;margin:0;}
    .case-two-category a{padding:0 15px;}

    .caseList li{ float:left; width:48%; margin:20px 1% 0;}
    .caseList li .name{ line-height:40px; padding:0;background:none;}
    .caseList li .hover{display: none}
}

/*pages*/
.Pages{ text-align:center; padding:30px 0;}
.Pages a{ background-color:#fff;display:inline-block; padding:0 18px; line-height:33px; border:1px solid #edecec;}
.Pages a.active, .Pages a:hover{ background-color:#c81623; color:#fff;}

/*about*/
.aboutBox1{padding: 70px 0;font-size: 14px;line-height: 2.2;background:url(../images/about_bg2.jpg) no-repeat center bottom;}
.aboutBox1 .img{width: 35%;float: right;margin-left: 50px;}
.aboutBox1 .img img{width:60%;}
.aboutBox1 .img img:nth-child(2){margin-left: 30%}
.aboutBox1 .edit-info h3{font-size: 36px;padding-top: 80px;}

.aboutBox2{padding:50px 0;font-size:36px;line-height: 2.2;background:url(../images/about_bg3.jpg) no-repeat center bottom;}
.aboutBox2 img{width: 100%;max-width: 750px;}

.aboutImg{overflow: hidden}
.aboutImg ul li{ margin-top: 5px;height:290px;margin-right: 5px;width: calc((100% - 15px)/4);float:left;position: relative;overflow: hidden}
.aboutImg ul li::before{ position:absolute; content:''; width:100%; height:100%; background:rgba(0,0,0,0.38); transition:0.3s;}
.aboutImg ul li:hover::before{ opacity:0;}
.aboutImg ul li:nth-child(1){float: right;margin-right: 0;}
.aboutImg ul li:nth-child(1),.aboutImg ul li:nth-child(2){height:585px;}


@media screen  and  (max-width:640px){
    .aboutBox1{padding:20px 0;font-size: 12px;}
    .aboutBox1 .img{display: none}
    .aboutBox1 .edit-info h3{font-size:16px;padding-top:0;}

    .aboutBox2{padding:20px 0;font-size:16px;}

    .aboutImg ul li{height:auto;margin:5px 1%;width:48%;}
    .aboutImg ul li:nth-child(1){float: left;margin-right: 1%;}
    .aboutImg ul li:nth-child(1),.aboutImg ul li:nth-child(2){height:auto;}
}

/*hz*/
.coop-content{ margin-top:-61px;font-size:16px;}
.coop-floor .bg{ min-height:700px; background-position:center top; background-repeat:no-repeat;}
.coop-floor .center{ position:relative;}

.info-column-13{ position:absolute; background:url(../images/info-column-13.png) no-repeat center top;  right:0; top:0; height:0; overflow:hidden; transition:height 0.3s ease-in-out; }
.info-column-13 span{ display:block; line-height:37px;font-size:18px; padding-top:37px;}

.btn_90{ width:195px; line-height:50px; display:block; margin:20px auto 0; color:#fff; font-size:18px; background:url(../images/coop-btn.png) no-repeat; padding-left:50px; text-align:left;}
.btn_90:hover{ color:#fff;background-image:url(../images/coop-btn_hover.png)}

#coop-floor-1{background: url("../images/banner_hz.jpg") no-repeat center top;}
#coop-floor-1 .edit-info{padding:130px 0 150px;font-size:18px;color:#fff;}
#coop-floor-1 .edit-info .p1{padding-bottom: 60px;}
#coop-floor-1 .edit-info .p1:before{content: "";width: 1px;height: 30px;background: #FFFFFF;position: absolute;left: 50%;bottom: 0px;transform: translateY(-50%)}
#coop-floor-1 .edit-info h3{font-size: 48px;}
#coop-floor-1 .edit-info h3 span{font-size:60px;}
#coop-floor-1 .edit-info h4{font-size: 36px;margin-bottom: 50px;}


#coop-floor-2{background: url("../images/hz_bg.jpg") no-repeat center top;}
#coop-floor-2 .edit-info{padding: 100px 0;font-size: 18px;color:#333;background: url("../images/hz_bg.jpg") no-repeat center top;}
#coop-floor-2 h3,#coop-floor-3 h3{font-size: 36px;}
#coop-floor-2 h4,#coop-floor-3 h4{padding:20px 0}
#coop-floor-2 ul li{width: 33%;float: left;position: relative}
#coop-floor-2 ul li:nth-child(2){margin: 0 0.5%}
#coop-floor-2 ul li span{position:absolute;right:10px;line-height:45px;font-weight:bold;top:0;color:#fff;}

#coop-floor-3{background: url("../images/hz_bg2.jpg") no-repeat center top;color: #FFFFFF;}
#coop-floor-3 .edit-info{ float:left; width:46%;padding-top: 160px;}
#coop-floor-3 ul{ float:right; width:50%;}
#coop-floor-3 ul li{ float:left; width:50%;font-size:14px;text-align:center; overflow:hidden; position:relative;}
#coop-floor-3 ul li .hover{position:absolute;left:0;bottom:0;width:100%;background:rgba(0,0,0,0.5); color:#fff; line-height:40px;  z-index:11; }


#coop-floor-4{padding:85px 0;font-size:18px;background: url("../images/hz_bg3.jpg") no-repeat center top;}
#coop-floor-4 h3{font-size:36px;padding-bottom:20px;}
#coop-floor-4 h3 span{border-bottom:3px solid #c92a32;display:inline-block;}
#coop-floor-4 h4{text-align:center;padding-bottom:31px;color:#555;}
#coop-floor-4 .con{padding-left:34%;background: url("../images/hz_img2.jpg") no-repeat left center;}


#coop-floor-4 .con li{ width:23%;padding:0 1%;float:left;font-size:16px;}
#coop-floor-4 .con li:nth-child(odd){ background:#eee;}
#coop-floor-4 .con li:nth-child(5){margin-left: 25%;}
#coop-floor-4 .con li b{ display:block; color:#e9d9d9; line-height:100px; font-size:72px;font-family:dinbold;}
#coop-floor-4 .con li div{height: 90px;}
#coop-floor-4 .con li span{ color:#c92a32; font-size:18px; font-weight:bold;}
#coop-floor-4 .con li.b-txt b{ font-size:48px;}



@media screen  and  (max-width:640px){
    #coop-floor-1 .edit-info{padding:30px 0;font-size:14px;}
    #coop-floor-1 .edit-info h3,#coop-floor-2 h3,#coop-floor-3 h3,#coop-floor-4 h3{font-size:18px;}
    #coop-floor-1 .edit-info h3 span{font-size:20px;}
    #coop-floor-1 .edit-info h4{font-size:18px;margin-bottom: 30px;}


    #coop-floor-2 .edit-info{padding:50px 0;font-size: 14px;}
    #coop-floor-2 h4,#coop-floor-3 h4{padding:20px 0}
    #coop-floor-2 ul li{width:98%;float: none;margin: 5px 1%}
    #coop-floor-2 ul li:nth-child(2){margin: 0 1%}


    #coop-floor-3 .edit-info{ float:none; width:100%;padding-top:30px;}
    #coop-floor-3 ul{ float:none; width:100%;}
    #coop-floor-3 ul li .hover{line-height:30px; }


    #coop-floor-4{padding:30px 0;font-size:14px;}
    #coop-floor-4 h3{padding-bottom:20px;}
    #coop-floor-4 h4{padding-bottom:31px;color:#555;}
    #coop-floor-4 .con{padding-left:0%;background: none}


    #coop-floor-4 .con li{ width:98%;font-size:14px;padding: 10px 1%}
    #coop-floor-4 .con li:nth-child(5){margin-left: 0;}
    #coop-floor-4 .con li b{line-height: initial;font-size: 50px;}
    #coop-floor-4 .con li div{height:auto;}


}


#coop-floor-5 .bd ul{ z-index:1;}
/*#coop-floor-5 .bd ul, #coop-floor-5 .bd li{ width:100%  !important;}*/
#coop-floor-5 .bd li{ height:500px;padding: 90px 0; color: #FFFFFF;background-position:center top; background-repeat:no-repeat;}
#coop-floor-5 .bd li h3{font-size: 36px;padding: 15px 0 }


#coop-floor-5 .hd{ z-index:10;}
#coop-floor-5 .hd ul{ position:absolute; right:0; bottom:30px; width:200px;}
#coop-floor-5 .hd ul li{ margin-bottom:1px; background:rgba(0,0,0,0.5); color:#fff; position:relative;}
#coop-floor-5 .hd ul li img{ display:none; position:absolute; left:4px; top:4px; right:4px; bottom:4px; z-index:10; height:72px; width:192px;}
#coop-floor-5 .hd ul li.on img{ display:block;}
#coop-floor-5 .hd ul li .txt{ display:table; height:80px; width:100%;}
#coop-floor-5 .hd ul li .txt-cell{ display:table-cell; vertical-align:middle; padding:0 16px;}
#coop-floor-5 .edit-info{ height:700px; overflow:hidden;}

#coop-floor-6{background:url(../images/hz_bg4.jpg) no-repeat center top #f2f2f2;}
#coop-floor-6 h3{font-size: 36px;padding: 100px 0 45px;}
#coop-floor-6 li{ float:left; width:280px;margin-left: -70px;margin-bottom: 60px;height: 255px;background:url(../images/li.png) no-repeat center;overflow: hidden}
#coop-floor-6 li:first-child{ margin-left:0px;}
#coop-floor-6 li .table{display: table;margin: 0 50px;}
#coop-floor-6 li .table-cell{display:table-cell; vertical-align:middle; }
#coop-floor-6 li.li_2, #coop-floor-6 li.li_4{ margin-top:128px;}
#coop-floor-6 li .tit{ font-size:16px; color:#c81623; padding-bottom:12px; font-weight:bold;}
#coop-floor-6 li aside{ padding-top:35px;}
#coop-floor-6 li aside .off{ display:none;}
#coop-floor-6 li:hover{ background-image: url("../images/li_hover.png");}
#coop-floor-6 li:hover aside img{ display:none;}
#coop-floor-6 li:hover aside img.off{ display:inline-block;}
#coop-floor-6 li:hover, #coop-floor-6 li:hover p.tit{ color:#fff;}


#coop-floor-7{ background:url("../images/hz_bg5.jpg") no-repeat center top;}
#coop-floor-7 .center{padding:60px 0 50px;color:#fff;line-height:1.7}
#coop-floor-7 .img{width: 40%;float: left}
#coop-floor-7 .edit-info{width:57%;float: right;font-size: 18px}
#coop-floor-7 .edit-info h3{font-size:36px;padding-bottom:25px;}

#coop-floor-8{ background:url("../images/hz_bg3.jpg");}
#coop-floor-8 .con{padding:170px 0 75px 0;text-align: right; background:url("../images/hz_bg8.png") no-repeat left center;}
#coop-floor-8 .con h3{font-size: 36px;}
#coop-floor-8 .con p{padding: 10px 0 30px;}
#coop-floor-8 ul{ margin-top:24px;}
#coop-floor-8 ul li{color:#555; padding-bottom:10px;}
#coop-floor-8 ul li aside{color:#c81623;font-size:36px;font-weight:bold;}
#coop-floor-8 ul li aside span{ font-size:48px; }

#coop-floor-10{ overflow:hidden; background:url(../images/social-bg.jpg) no-repeat center top;}
#coop-floor-10 .small-pic{  width:100%;}
#coop-floor-10 .small-pic .bx-wrapper{ position:relative; margin:0 !important;}
#coop-floor-10 .small-pic .bx-controls-direction{ position:absolute; left:-105px; width:100px;  bottom:0; z-index:10; height:50px;}
#coop-floor-10 .small-pic .bx-controls-direction a{ margin:0; top:0; background-repeat:no-repeat; background-image:url(../images/btn.png);}
#coop-floor-10 .small-pic .bx-controls-direction a::before{ display:none;}
#coop-floor-10 .small-pic .bx-controls-direction a.bx-prev{ background-position:left bottom; background-color:#f9f9f9;}
#coop-floor-10 .small-pic .bx-controls-direction a.bx-next{ background-position:right bottom;}

#coop-floor-10 .box{ float:left; width:40%;}
#coop-floor-10 .big_img{ float:left; width:60%;}
#coop-floor-10 .big_img li{ display:none;}

#coop-floor-10 .main{ position:relative; padding:60px 50px; overflow:hidden;}
#coop-floor-10 .main .title-10{ font-size:30px; letter-spacing:5px;color:#333;}
#coop-floor-10 .main .title-10 span{border-bottom:3px solid #c81623;}

#coop-floor-10 .tab dl{ overflow:hidden; margin:16px 0;}
#coop-floor-10 .tab dd{ float:left; margin-right:35px;color:#ececec;   cursor:pointer; }
#coop-floor-10 .tab dd span{border-bottom:2px solid transparent; font-size:72px;line-height: 1;font-weight:bold;display:inline-block; font-family: "dinbold";}
#coop-floor-10 .tab dd:hover, #coop-floor-10 .tab dd.on{color:#efd8d9; }
#coop-floor-10 .tab dd:hover span,
#coop-floor-10 .tab dd.on span{border-bottom-color:#c81623;}
#coop-floor-10 .edit-info{ color:#555; line-height:24px;}

/*编辑器样式*/


.coop-floor-show .info-column-13{ height:177px;}
#coop-floor-3 .info-column-13, #coop-floor-7 .info-column-13, #coop-floor-5 .info-column-13{color:#fff; right:auto; left:0;}
#coop-floor-4.coop-floor-show .info-column-13{ height:158px;}
#coop-floor-5 .info-column-13{z-index:20; top:-700px;}
#coop-floor-6 .info-column-13{ right:25px;}
@media screen  and  (max-width:1200px){
    #coop-floor-6 li{width:18%;margin:10px 1%;height: 255px;background:#FFFFFF;}
    #coop-floor-6 li:first-child{ margin-left:1%;}
    #coop-floor-6 li .table{margin: 0 15px;}
    #coop-floor-6 li:hover{ background:#c81623;}
}
@media screen  and  (max-width:640px){
    #coop-floor-6 h3{font-size: 18px;}
    #coop-floor-6 li{width:48%;margin:10px 1%;height:210px;background:#FFFFFF;}
    #coop-floor-6 li aside{padding: 0}
    #coop-floor-6 li .table{margin: 0 15px;}
    #coop-floor-6 li:hover{ background:#c81623;}
    #coop-floor-6 li.li_2, #coop-floor-6 li.li_4{ margin-top:10px;}

    #coop-floor-7{ background:#77808f; text-align: center}
    #coop-floor-7 .img, #coop-floor-7 .edit-info{width:100%;float: none;font-size: 14px;}
    #coop-floor-7 .edit-info h3{font-size:18px;padding-bottom:25px;}


    #coop-floor-8 .con{padding:30px 0;text-align: center; background:url("../images/hz_bg8.png") no-repeat left center;}
    #coop-floor-8 .con h3{font-size:18px;}
    #coop-floor-8 .con p{padding: 10px 0;}

    #coop-floor-8 ul{ margin-top:24px;}
    #coop-floor-8 ul li aside{font-size:18px;}
    #coop-floor-8 ul li aside span{ font-size:20px; }

    .coop-floor-show .info-column-13{ display: none}
}



#Intro-content-5{ color:#333; background:url(../images/social-bg.jpg) repeat-y center top; padding-bottom:110px;}
#Intro-content-5 .title{ text-align:center; font-size:36px; padding:70px 0 61px 0; letter-spacing:6px;}
#Intro-content-5 .list .box{ float:left; width:50%;position:relative;font-size:18px; }
#Intro-content-5 .list:nth-child(odd) .box:first-child{ float:right }
#Intro-content-5 .list .box h3{ font-size: 24px;padding-bottom: 20px; }
#Intro-content-5 .list .box aside{ position:absolute; right:0; top:0; padding: 10px 20px;font-size:60px; color:#c81623;font-family: 'dinbold'; z-index:10;background:rgba(255,255,255,0.9);}
#Intro-content-5 .list:nth-child(odd) .box aside{ right:auto; left:0;}

#Intro-content-5 .box .edit-info{ padding:60px 95px 0; position:relative;}
#Intro-content-5 .list:nth-child(odd) .box .edit-info{ float:right;}
#Intro-content-5 .box .edit-info::before{ position:absolute; left:0; top:80px; width:80px; height:1px; background:#999; content:'';}
#Intro-content-5 .list:nth-child(odd) .box .edit-info::before{ left:auto; right:0;}

#Intro-content-5 .list .bx-viewport{ z-index:1;}
#Intro-content-5 .list .bx-pager{ position:absolute; left:0; width:100%; z-index:10; bottom:20px; text-align:center;}
#Intro-content-5 .list .bx-pager > div{ width:12px; height:12px; display:inline-block; margin:0 4px;}
#Intro-content-5 .list .bx-pager > div a{ display:block;height:12px; display:block; line-height:1000px; overflow:hidden; border-radius:50%; background:rgba(255,255,255,0.5);}
#Intro-content-5 .list .bx-pager > div a.active{ background:#c81623;}

@media screen  and  (max-width:640px){
    #Intro-content-5{padding-bottom:30px;}
    #Intro-content-5 .title{ font-size:18px; padding:20px 0; letter-spacing:0;}
    #Intro-content-5 .list .box{ float:none; width:100%;position:relative;font-size:14px; }
    #Intro-content-5 .list:nth-child(odd) .box:first-child{ float:none }

    #Intro-content-5 .list .box h3{ font-size:16px;padding-bottom: 10px; }
    #Intro-content-5 .list .box aside{ font-size:20px;}

    #Intro-content-5 .box .edit-info{ padding:20px 15px;}
    #Intro-content-5 .list:nth-child(odd) .box .edit-info{ float:right;}
    #Intro-content-5 .box .edit-info::before{display: none}

}


.history-Content{padding: 100px 0;color:#fff;position:relative; overflow:hidden;background: url("../images/fz_bg.jpg") no-repeat center bottom #000000}
.history-Content .history-con .tit{font-family: 'dinbold'; font-size:100px;}
.history-Content .history-con .edit-info{ height:374px; overflow:hidden;}


.history-Content .slider-nav{position: relative;}

.history-Content .slider-nav li{ cursor:pointer; position:relative;}
.history-Content .slider-nav::after{ position:absolute; content:''; width:100%; left:0; height:1px; background:#373737; bottom:20px;}
.history-Content .slider-nav::before{ position:absolute; content:''; width:100%; left:0; height:5px; background:url(../images/yearbg.png) repeat-x 6px center; bottom:18px;}
.history-Content .slider-nav li.on{ color:#c81623;}
.history-Content .slider-nav li span{font-size:16px; color:#555;font-family: 'dinbold'; padding-bottom:58px; position:relative; z-index:2;display: inline-block}
.history-Content .slider-nav li span::before, .history-Content .slider-nav li span::after{ position:absolute;  left:50%; background:#373737;bottom:0;}
.history-Content .slider-nav li span::before{ content:'';width:10px; height:10px; margin-left:-5px; bottom:16px; }
.history-Content .slider-nav li span::after{ width:1px; height:40px;margin-left:-1px;}
.history-Content .slider-nav li.on span::after{content:''; background:#c81623;}
.history-Content .slider-nav li.on span::before{ background:#c81623;}
.history-Content .slider-nav li.on span{ color:#c81623;}

.history-Content .slick-arrow{position:absolute;width:40px;height:40px;background:#505050;bottom:2px;border:none;font-size:0;z-index:15;padding:0;cursor:pointer;}
.history-Content .slick-arrow::before{ position:absolute; content:''; width:20px; height:20px; left:50%; top:50%; transform:rotate(-45deg); margin-top:-10px; margin-left:-14px;}
.history-Content .slick-prev{ left:0}
.history-Content .slick-next{ right:0}
.history-Content .slick-prev::before{border-left:3px solid #999; border-top:3px solid #999;  margin-left:-6px;}
.history-Content .slick-next::before{border-right:3px solid #999;border-bottom:3px solid #999;}
.history-Content .slick-arrow:hover{ background:#c81623;}
.history-Content .slick-arrow:hover::before{ border-color:#fff !important;}

@media screen  and  (max-width:640px){
    .history-Content{padding:30px 0;}
    .history-Content .history-con .tit{font-size:30px;}
    .history-Content .history-con .edit-info{ height:auto;padding-bottom: 30px;}

}


.bx-controls-direction a,
.bx-controls-direction a::before{position:absolute; top:50%;}
.bx-controls-direction a{ width:50px; height:50px; margin-top:-25px; background:#c92a32; overflow:hidden; line-height:1000px;}
.bx-controls-direction a.disabled{ background:#f9f9f9; cursor:default; display:none;}
.bx-controls-direction a::before{ content:'';width:12px; height:20px;margin-top:-10px;background:url(../images/btn_product.png) no-repeat left -21px; left:50%; margin-left:-6px;}
.bx-controls-direction a.bx-next::before{ background-position:right -21px;}
.bx-controls-direction a.bx-prev.disabled::before{ background-position: left top;}
.bx-controls-direction a.bx-next.disabled::before{ background-position: right top;}
.bx-controls-direction a.bx-prev{ left:0;}
.bx-controls-direction a.bx-next{ right:0;}



/*case*/
.case-info{ border-top:1px solid #e5e5e5;}
.case-info > .center{ position:relative; z-index:2;margin-bottom:70px;}
.get-back{ padding:20px 0 10px 0; overflow:hidden;}
.get-back a{ float:right; color:#fff; background:#c81623; padding:0 20px; line-height:40px;}
.get-back a::before{ display:inline-block; vertical-align:middle; content:'<'; font-family:'宋体'; font-size:14px; font-weight:bold; margin-right:10px;}

.case-info .prev_next{ position:absolute; right:-60px; width:50px; top:198px;}
.case-info .prev_next a{ display:block; height:50px; margin:10px 0; position:relative; background:#f5f5f5; text-align:center;}
.case-info .prev_next a::before{ width:11px; height:20px; background:url(../images/info_pn.gif) no-repeat 0 0; position:absolute; content:''; left:50%; top:50%;transform: translate(-50%, -50%);;}
.case-info .prev_next a.li_2::before{ background-position: right top;}
.case-info .prev_next a:hover{ background:#c81623;}
.case-info .prev_next a.li_1:hover::before{ background-position:left bottom;}
.case-info .prev_next a.li_2:hover::before{ background-position:right bottom;}


.case-info .bigImage{ position:relative; float:left; width:50%;}
.case-info .bigImage .big{ margin-bottom:10px;}
.case-info .bigImage .small .bd{ overflow:hidden;}
.case-info .bigImage .small .bd li{ float:left; width:131px;}
.case-info .bigImage .small .bd li img{ width:120px; height:80px; display:block;}
.case-info .bigImage .small .bd li.on img{ border:1px solid #fff;}
.case-info .bigImage .btn{ position:absolute; top:30%; background-color:#c81623; z-index:10; width:50px; height:50px; cursor:pointer;}
.case-info .bigImage .btn::before{ position:absolute; content:''; left:50%; top:50%; width:11px; height:20px; background:url(../images/info_pn.gif) no-repeat right bottom;transform: translate(-50%, -50%);}
.case-info .bigImage .prev::before{ background-position:left bottom;}
.case-info .bigImage .prevStop::before{background-position:left top;}
.case-info .bigImage .nextStop::before{background-position:right top;}
.case-info .bigImage .prevStop,
.case-info .bigImage .nextStop{background-color:#f8f8f8; cursor:default;}  .case-info .bigImage .prev{ left:0;}
.case-info .bigImage .next{ right:0;}
.case-info .intro{ width:46%;padding:0 1.5%;float:right;background:#fafafa;}
.case-info .intro dl > *{ border-bottom:1px solid #eee;}
.case-info .intro dt{ padding:25px 0; font-size:24px; color:#333;}
.case-info .intro dd{ line-height:20px; padding:10px 0;}
.case-info .intro .about{padding-top:20px;}
.case-info .intro .about table{margin:15px 0;}
.case-info .intro .about table td{padding: 0 5px;border: 1px solid #edecec;line-height: 2;}
.case-info .intro .about pre{ text-indent:25px; line-height:28px; margin:10px 0;}
.case-info .apply{padding: 10px 0}
.case-info .apply a{ display:inline-block; color:#fff; padding:0 26px; line-height:36px; background:#c81623;}
.case-info .apply a::after{ display:inline-block; vertical-align:middle; content:'>'; font-family:'宋体'; font-size:14px; font-weight:bold; margin-left:10px;}


.about-content .column-menu{ border-bottom:1px solid #e5e5e5;}
.about-category{ padding:48px 0 36px 0;}
.about-category a{ display:inline-block;padding:0 10px;margin:2px 5px; line-height:32px; border:1px solid #e5e5e5; background:#fff;}
.about-category a:hover, .about-category  a.aon{ background:#c81623; color:#fff; border-color:#c81623;}

.honor-list ul{ margin:35px 0; position:relative;background: url("../images/honor_bg.png") center repeat-y;}
.honor-list ul li{ float:left; line-height: 75px;width:25%; text-align:center;}
.honor-list ul li .img{height:185px;margin-bottom: 25px;overflow: hidden;position: relative}
.honor-list ul li .img img{max-height: 185px;max-width: 185px;box-shadow: 2px 2px 10px rgba(0,0,0,0.6);position: absolute;bottom: 0;left: 50%;transform: translateX(-50%)}
.honor-list ul li a:hover p{ color:#c81623;}

.honor-fancybox .fancybox-title-float-wrap{ bottom:-10px;}
.honor-fancybox .fancybox-title-float-wrap .child{ background:none; font-size:16px; font-weight:normal; }
.honor-fancybox .fancybox-title-float-wrap .child br{ display:none;}
.honor-fancybox .fancybox-overlay{background:rgba(0,0,0,0.95);}
.honor-fancybox .fancybox-nav span{ visibility:inherit; width:50px; height:50px; margin-top:-25px; border:1px solid #333;}
.honor-fancybox .fancybox-next span{ right:-100%; background:url(../images/fancybox-next.png) no-repeat center center; }
.honor-fancybox .fancybox-prev span{ left:-100%;background:url(../images/fancybox-prev.png) no-repeat center center;}
.honor-fancybox .fancybox-nav span:hover{background-color:#c81623;}
.honor-fancybox .fancybox-next span:hover{background-image:url(../images/fancybox-next_hover.png); }
.honor-fancybox .fancybox-prev span:hover{background-image:url(../images/fancybox-prev_hover.png) ;}
.honor-fancybox .fancybox-close{ width:26px; height:26px; background:url(../images/close.png) no-repeat; right:-30px; top:-30px;}

@media screen  and  (max-width:640px){
    .case-info .bigImage{float:none; width:100%;}
    .case-info .intro{float:none; width:97%;}
    .case-info .intro dt{font-size: 16px;padding: 10px 0}

    .about-category{ padding:20px 0;}
    .about-category a{margin:2px 5px;}

    .honor-list ul{background:none;}
    .honor-list ul li{line-height:36px;width:50%;}
    .honor-list ul li .img{height:130px;margin-bottom:5px;}
    .honor-list ul li .img img{max-height: 130px;max-width: 150px;}
}

.about-content{padding-bottom:70px;}

.news-top{ position:relative; z-index:1; background:#fff; }
.news-top li{ background-position:center top;height:500px; background-repeat:no-repeat;}


.news-list li{ margin-bottom:40px;}
.news-list li .pic{float:left; width:240px;height: 160px;overflow: hidden}
.news-list li .txt{float:right; width:calc(100% - 270px); padding:20px 0;overflow: hidden; border-bottom:1px dotted #c6c6c6;}
.news-list li .txt h3{ font-size:18px;margin-bottom: 20px; line-height: 18px;}
.news-list li .txt h3 span{font-size: 14px;float: right}
.news-list li .txt h3 b{ font-size:24px;}
.news-list li .txt p{height: 80px;overflow: hidden}


.news-info{ float:left; width:75%;}
.news-info .title{padding-bottom:20px; font-size:12px;color:#999; border-bottom:1px solid #f5f5f5;}
.news-info .title h1{ margin:15px 0; color:#000; font-size:24px;}
.news-info .singlepage{line-height: 1.6;margin:30px 0;font-size: 18px;}
.news-info .info_np{text-align:right;}
.news-info .info_np span a{margin:10px 0;display:inline-block;color:#999;}
.news-info .info_np span a:hover{color:#c81623;}



.Related-news{float:right; width:22%; background:#fafafa;}
.Related-news h4{border-top:1px solid #ccc; font-size:18px; text-align:center; color:#000; margin:25px 10px 0;}
.Related-news h4 span{ display:inline-block; padding:0 5px; background:#fafafa; position:relative; line-height:20px;top:-15px;}
.Related-news li{ border-bottom:1px solid #eee; padding:15px 0;margin: 0 10px;}
.Related-news li .dot{padding-top: 10px;}
.Related-news li time{ color:#999; font-size:12px;}
.Related-news li pre{color:#666;}

@media screen  and  (max-width:640px){
    .about-content{padding-bottom:30px;}

    .news-top li{background-size: cover;height: 180px;}


    .news-list li{ margin-bottom:10px;}
    .news-list li .pic{float:none; width:100%;height:auto;}
    .news-list li .txt{float:none; width:100%; padding:10px 0;overflow: hidden; border-bottom:1px dotted #c6c6c6;}
    .news-list li .txt h3{ font-size:14px;margin-bottom:0; line-height: 18px;}
    .news-list li .txt h3 span{display: none}
    .news-list li .txt p{display: none}


    .news-info,.Related-news{ float:none; width:100%;}
    .news-info .title{padding-bottom:10px;}
    .news-info .title h1{ margin:5px 0;font-size:16px;}
    .news-info .singlepage{margin:15px 0;font-size: 12px;}


    .Related-news h4{font-size:16px;}
    .Related-news li pre{display: none}

}

.before-service{padding: 50px 0;margin-bottom: 50px;position:relative; background-repeat:no-repeat; background-position:center top; width:100% !important;}
.before-service ul{float:right;color:#fff; width:240px;}
.before-service ul li{ margin-bottom:2px; padding:5px; background:rgba(0,0,0,0.1); position:relative; overflow: hidden;cursor: pointer;}
.before-service ul li::before{ border:9px solid transparent;border-top-color:#a8a4a0; left:17px; top:0;position:absolute; content:'';}
.before-service ul li .txt{height:140px; overflow:hidden; padding:0 15px;position:relative;}
.before-service ul li .txt h4{ font-size:18px;padding:20px 0 10px;}
.before-service ul li .txt .img{width: 100%;height: 100%;position: absolute;top: 0;left: 0;display: none}
.before-service ul li .txt .img span{position: absolute;font-size:50px;right:10px;bottom: 0;font-family: 'dinbold';font-weight: bold}
.before-service ul li.on::before{ display:none;}
.before-service ul li.on .txt .img{ display:block;}



.after-service .title_cn{ font-size:60px;}
.after-service .title_en{ font-size:30px; opacity:0.3; text-transform:uppercase}
.after-service .item1,.after-service .item3,.after-service .item5{color:#fff;padding:180px 0 160px;}

.after-service .item2{padding:20px 0;}
.after-service .item2 .center{ position:relative;}
.after-service .item2 .h3{ font-size:24px; color:#333333; padding:30px 0;}
.after-service .item2 ul li{ float:left;width:30%; height:408px;transition:all 0.5s ease-out 0s;}
.after-service .item2 ul li:nth-child(2){ margin:0 5%;}
.after-service .item2 ul li .txt{width:70%;padding:5% 10%; font-size:16px; background:#fff;margin: -45px auto 0;position: relative}
.after-service .item2 ul li:hover{transform:translate(0,-10px);box-shadow:0 5px 10px rgba(130,130,130,0.3);}
.after-service .item2 .box2{ padding-bottom: 40px;position:relative;border: solid 1px #eeeeee;background: url("../images/service_i2bg.jpg") no-repeat center bottom}
.after-service .item2 .box2 .pic{ width:156px;left: 50%;transform: translateX(-50%); position:absolute; top:-88px;}
.after-service .item2 .box2 .h4{ font-size:24px; color:#c92a32; padding-top:80px;}
.after-service .item2 .box2 .time{ font-weight:bold; color:#fff; font-size:36px; display:inline-block; line-height:2.5; padding-left:90px; padding-right:47px; background:#c92a32 url(../images/icon_time.png) no-repeat 47px center}



.after-service .item3_font{ margin-top:60px;color:#333333;font-size:18px; text-align:center}
.after-service .item3_font .h3{ font-size:24px;}
.after-service .item3_font .h4{ padding-bottom: 30px;}
.after-service .item3_font span{ color:#c92a32;}
.after-service .item3_font span.line{ display:block; width:3px; height:90px; margin:0 auto -16px; background-color:#cb333b; position:relative; z-index:5}

.after-service .item3 li{ display:inline-block; width:24%;font-size:20px;line-height: 2; text-align:center;}
.after-service .item3 li .img{ padding:30px;margin-bottom: 20px; background:url(../images/after-service-yuan.png) no-repeat center center;background-size: cover;display: inline-block;}
.after-service .item3 li .img img{ transition: ease-in-out 0.3s;}
.after-service .item3 li:hover .img img{transform-style: preserve-3d;  transform:rotateY(180deg);}



.after-service .item4{ padding:30px 0;}
.after-service .item4 ul li{ float:left; width:26%; height:229px; font-size:18px;}
.after-service .item4 ul li dl{ padding:20px 30px; height:160px; border:solid 1px #e5e5e5;}
.after-service .item4 ul li.icon{ width:11%; background:url(../images/after-service-icon.jpg) no-repeat center 65px}
.after-service .item4 ul li h5{ color:#c92a32; font-size:30px;margin-bottom: 20px;}
.after-service .item4 ul li h5:after{ margin-top:10px; content:''; width:20px; height:2px; display:block; background-color:#c92a32}


.after-service .item5 a{ color:#fff; margin-top: 20px;font-size:24px; border:solid 1px #ddd; display:inline-block; padding:0 26px; line-height:2; text-align:center}

@media screen  and  (max-width:640px){

    .before-service{padding:30px 0 20px;margin-bottom:20px;position:relative;background-size: cover}
    .before-service ul{float:none;width:98%;margin: auto}
    .before-service ul li{background: rgba(0,0,0,0.4);}
    .before-service ul li.on .txt .img{ display:none;}
    .before-service ul li .txt {height: auto;padding:0  15px 15px;}
    .before-service ul li .txt h4{ font-size:14px;padding:10px 0;}



    .after-service .title_cn{ font-size:26px;}
    .after-service .title_en{ font-size:22px;}
    .after-service .item1,.after-service .item3,.after-service .item5{padding:80px 0 60px;}

    .after-service .item2{padding:0;}
    .after-service .item2 .h3{ font-size:20px;padding:20px 0;}
    .after-service .item2 ul li{ float:none;width:100%; height:auto}
    .after-service .item2 ul li:nth-child(2){ margin:0;}
    .after-service .item2 ul li .txt{font-size:14px;}

    .after-service .item2 .box2{border:0;}
    .after-service .item2 .box2 .pic{ transform: translateX(0);position: initial;margin: auto;}
    .after-service .item2 .box2 .h4{ font-size:18px; padding-top:10px;}
    .after-service .item2 .box2 .time{ font-size:20px;}


    .after-service .item3_font{ margin-top:20px;font-size:16px;}
    .after-service .item3_font .h3{ font-size:20px;}
    .after-service .item3_font .h4{ padding-bottom: 20px;}

    .after-service .item3 li{width:48%;font-size:14px;line-height: 1.5;margin-bottom: 10px;}
    .after-service .item3 li .img{ padding:10px;margin-bottom: 10px;}
    .after-service .item3 li .img img{max-width: 60px;}



    .after-service .item4{ padding:30px 0;}
    .after-service .item4 ul li{ width:48%; height:auto;margin: 5px 1% 0; font-size:14px;}
    .after-service .item4 ul li dl{ padding:15px 10px; height:120px;}
    .after-service .item4 ul li.icon{display: none}

    .after-service .item4 ul li h5{font-size:20px;margin-bottom: 20px;}
    .after-service .item5 a{font-size:12px; }
}
.contact-content .map{ float:left; width:40%;height:600px; }
.contact-content .edit-info{float:right; width:60%;height:600px;display:table;background:url(../images/contact_bg.jpg) no-repeat right center;}
.contact-content .edit-info .con{ display:table-cell; vertical-align:middle;}
.contact-content .edit-info section{ padding:0 8%;font-size:18px; color:#999;line-height: 2}
.contact-content .edit-info h1{color:#333; font-size:36px; padding-bottom:47px;}
.contact-content .edit-info span a{ font-size:24px;}
.contact-content .edit-info span{ color:#555;}


.download-content {font-size:16px;color:#fff;padding: 50px 0;background:url("../images/down_bg.jpg") no-repeat center top;}
.download-content .name{ font-size:36px; }
.download-content h5{ font-size:18px;padding:40px 0 20px 0;}
.download-content li{ line-height:1.8;padding-left:33px; background:url(../images/down_libg.png) no-repeat left center;}
.download-content li a{ color:#999;}
.download-content li a:hover{ color:#c81623;}

.pass-download{ margin-top:45px;color:#fff; padding:0 27px; background:#c81623; line-height:2;display: inline-block}
.pass-download:hover{color: #FFFFFF}

@media screen  and  (max-width:640px){
    .contact-content .map{ float:none; width:100%;height:300px; }
    .contact-content .edit-info{float:none; width:100%;height:auto;background:none;}
    .contact-content .edit-info section{ padding:30px 8%;font-size:14px;}
    .contact-content .edit-info h1{font-size:16px; padding-bottom:10px;text-align: center}
    .contact-content .edit-info span a{ font-size:24px;}

    .download-content {font-size:14px;padding:30px 0;}
    .download-content .name{ font-size:20px; }

    .download-content h5{ font-size:16px;padding:20px 0;}

    .pass-download{ margin-top:20px;padding:0 15px;}

}



/*map*/
.Map{ background:url(../images/case_mapbg.jpg) no-repeat center top; height:970px; padding-top:61px; margin-top:-61px;}
.Map > .center{ position:relative;}
.Map .map_con{width: 230px;position: absolute;right: -80px;top: 0;transition: 0.3s;background: #f6f6f6;border-radius: 10px;padding: 10px;display: none}

.Map .global{ text-align:center; color:#fff; background:url(../images/case_mapl.png) no-repeat center top; width:130px; padding-top:130px; position:absolute; right:-13px; bottom:0; line-height:30px; transition:0.3s;}
.Map .global a{ position:absolute; left:0; top:0; width:100%; height:100%; background:transparent;}
.Map .global:hover{ font-size:16px; color:#c81623; background-image:url(../images/case_maphover.png);}

.Map .all-map{background:url(../images/case_map.png) no-repeat; width:860px; height:703px; margin:19px auto 0; position:relative;}
.Map .all-map dl{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:3;}
.Map .all-map dl .con{display: none}

.Map .all-map dl.map-hover{ z-index:1;}
.Map .all-map dl > *{ position:absolute;}
.Map .all-map dd a{ display:block; background:url(../images/case_mapselect.png) no-repeat center top; padding-top:20px;}
.Map .all-map dd.on a{ color:#fff; background:none;}
.Map .all-map dd.dd_3253, .Map .all-map dd.dt_3253{ display:none;}
.Map .all-map dd.dd_1{right: 26%;top: 35%;}
.Map .all-map dd.dd_2{right: 14.5%;bottom: 38%;}
.Map .all-map dd.dd_3{right: 23.5%;top: 38%;}
.Map .all-map dd.dd_4{bottom: 32%;left: 57%;}
.Map .all-map dd.dd_5{right: 16%;bottom: 32%;}
.Map .all-map dd.dd_6{bottom: 18%;left: 68%;}
.Map .all-map dd.dd_7{right: 17%;top: 53%;}
.Map .all-map dd.dd_8{right: 26%;top: 41%;}
.Map .all-map dd.dd_9{top: 43%;right: 31.5%;}
.Map .all-map dd.dd_10{left: 48%;bottom: 35%;}
.Map .all-map dd.dd_11{right: 28%;top: 50%;}
.Map .all-map dd.dd_12{right: 14%;top: 29%;}
.Map .all-map dd.dd_13{right: 10%;top: 23%;}
.Map .all-map dd.dd_14{right: 9%;top: 14%;}
.Map .all-map dd.dd_15{right: 22%;top: 45%;}
.Map .all-map dd.dd_16{top: 57%;right: 21%;}
.Map .all-map dd.dd_17{bottom: 24%;right: 19%;}
.Map .all-map dd.dd_18{right: 30%;bottom: 36%;}
.Map .all-map dd.dd_19{right: 31%;bottom: 27%;}
.Map .all-map dd.dd_20{bottom: 3%;right: 34%;}
.Map .all-map dd.dd_21{bottom: 28%;right: 24%;}
.Map .all-map dd.dd_22{bottom: 23%;right: 40%;}
.Map .all-map dd.dd_23{bottom: 17%;left: 45%;}
.Map .all-map dd.dd_24{right: 38%;top: 51%;}
.Map .all-map dd.dd_25{right: 47%;top: 44%;}
.Map .all-map dd.dd_26{bottom: 16%;right: 37%;}
.Map .all-map dd.dd_27{top: 45%;left: 53%;}
.Map .all-map dd.dd_28{left: 36%;top: 47%;}
.Map .all-map dd.dd_29{left: 19%;top: 32%;}
.Map .all-map dd.dd_30{left: 19%;top: 54%;}
.Map .all-map dd.dd_31{left: 57%;top: 34%;}
.Map .all-map dd.dd_32{bottom: 14%;right: 24%;}
.Map .all-map dd.dd_33{bottom: 12%;right: 28%;}
.Map .all-map dd.dd_34{right: 13%;bottom: 18%;}

.Map .all-map dt{ background-position:0 0; background-repeat:no-repeat;display: none}
.Map .all-map dt.dt_1{ width:27px; height:29px;left: 71%;top: 35%;}
.Map .all-map dt.dt_2{ width:18px; height:16px;right: 15%;bottom: 39.2%;}
.Map .all-map dt.dt_3{ width:20px; height:30px;right: 24.2%;top: 37.2%;}
.Map .all-map dt.dt_4{ width:71px; height:72px;bottom: 30%;left: 55%;}
.Map .all-map dt.dt_5{ width:61px; height:70px;right: 14.2%;bottom: 29.5%;}
.Map .all-map dt.dt_6{ width:126px; height:100px;bottom: 9.2%;left: 63.5%;}
.Map .all-map dt.dt_7{ width:94px; height:72px;right: 15.1%;top: 50.5%;}
.Map .all-map dt.dt_8{ width:88px; height:125px;right: 21.5%;top: 31%;}
.Map .all-map dt.dt_9{ width:55px; height:117px;top: 37%;right: 30.5%;}
.Map .all-map dt.dt_10{ width:174px; height:153px;left: 40%;bottom: 24%;}
.Map .all-map dt.dt_11{ width:92px; height:91px;right: 25.7%;top: 47.7%;}
.Map .all-map dt.dt_12{ width:94px; height:89px;right: 13%;top: 27.3%;}
.Map .all-map dt.dt_13{ width:133px; height:91px;right: 5.7%;top: 19.5%;}
.Map .all-map dt.dt_14{ width:178px; height:167px;right: 3.7%;top: 1.7%;}
.Map .all-map dt.dt_15{ width:108px; height:68px;right: 15.9%;top: 42.5%;}
.Map .all-map dt.dt_16{ width:76px; height:94px;top: 52%;right: 19.7%;}
.Map .all-map dt.dt_17{ width:72px; height:86px;bottom: 19.5%;right: 16.8%;}
.Map .all-map dt.dt_18{ width:122px; height:76px;right: 25.6%;bottom: 32.7%;}
.Map .all-map dt.dt_19{ width:86px; height:100px;right: 28.7%;bottom: 21.2%;}
.Map .all-map dt.dt_20{ width:40px; height:35px;bottom: 3.8%;right: 34%;}
.Map .all-map dt.dt_21{ width:76px; height:102px;bottom: 21.2%;right: 21.1%;}
.Map .all-map dt.dt_22{ width:96px; height:83px;bottom: 20.5%;right: 37.5%;}
.Map .all-map dt.dt_23{ width:141px; height:147px;bottom: 11.5%;left: 39.5%;}
.Map .all-map dt.dt_24{ width:81px; height:143px;right: 35.6%;top: 40%;}
.Map .all-map dt.dt_25{ width:226px; height:191px;right: 40%;top: 31.5%;}
.Map .all-map dt.dt_26{ width:124px; height:95px;bottom: 12%;right: 32.8%;}
.Map .all-map dt.dt_27{ width:46px; height:76px;top: 41%;left: 52.3%;}
.Map .all-map dt.dt_28{ width:201px; height:145px;left: 27%;top: 40%;}
.Map .all-map dt.dt_29{ width:322px; height:244px;left: 2.5%;top: 12.5%;}
.Map .all-map dt.dt_30{ width:312px; height:189px;left: 6.5%;top: 46%;}
.Map .all-map dt.dt_31{ width:353px; height:301px;left: 41.7%;top: 2.7%; background-image:url(../images/map/31_InnerMongolia.png) !important;}
.Map .all-map dt.dt_32, .Map .all-map dt.dt_33, .Map .all-map dt.dt_3253{ background:none !important;}
.Map .all-map dt.dt_34{ width:27px; height:64px;right: 13.5%;bottom: 16%;}

.map-search{ padding:47px 0 58px 0;}
.map-search dl > *{ float:left;}
.map-search dt{width:108px;  text-align:center;}
.map-search dt a{ display:block; line-height:50px; background:#c92a32; color:#FFF; transition:0.2s;}
.map-search dt a:hover{ background:#333;}
.map-search dd{ position:relative; width:344px; margin-right:20px; border-bottom:1px solid #888d8e; z-index:10;}
.map-search dd > a{ display:block; line-height:49px; color:#333; padding:0 30px 0 22px; position:relative;}
.map-search dd > a::after{ position:absolute; content:''; border:5px solid transparent; border-top-color:#333; right:20px; top:50%; margin-top:-2.5px;}
.map-search dd .text{ height:49px; line-height:49px; padding:0 10px; width:100%; background:none; border:none;}
.map-search dd .select-sub{ position:absolute; left:0; top:100%; width:100%;  background:rgba(0,0,0,0.9);display:none; padding:20px 10px;}
.map-search dd .scrollPane{overflow:auto; max-height:300px;width:100% !important;}
.map-search dd ul li{ line-height:30px; padding:0 20px; cursor:pointer; color:#fff;}
.map-search dd ul li:hover{ background:#333; font-size:18px; font-weight:bold; /*color:#c92a32;*/}



.hasData{ height:auto;}
.hasData .map-search{ background:#fff; padding-top:16px;}
.hasData .all-map{ margin-bottom:54px;}



/*map end*/