﻿.banners img{animation: pic_m 2s;}
/*  */
.busi_nav{border-bottom:1px solid #ddd;}
.busi_nav .left {float:left;}
.busi_nav .left .list .item{float:left;margin-right:5px;line-height:60px;color:#666;font-size:14px;}
.busi_nav .left .list .item a{color:inherit;}
.busi_nav .left .list .item span{color:#333;font-weight:bold;}
.busi_nav .right{float:right;}
.busi_nav .right .list .item{float: left;font-size:14px;color:#333;font-weight:bold;line-height:60px;}
.busi_nav .right .list .item a{color:inherit;display:block;padding:0 20px;}
.busi_nav .right .list .item:hover ,.busi_nav .right .list .item.on{color:#E9001F}
/*  */
.busi1{width:1200px;margin:0 auto;padding:90px 0;}
.busi1 .title{font-weight:bold;color:#333;font-size:44px;text-align:center;}
.busi1 .subtitle{text-align:center;color:#bbb;font-size:20px;font-family: Arial;}
.busi1 .info{line-height:35px;color:#666;font-size:16px;margin-top:25px;}
/*  */
.busi2 .list .item{float:left;width:32%}
.busi2 .list .item + .item{margin-left:2%;}
.busi2 .list .item .img{position: relative;overflow:hidden;}
.busi2 .list .item .img img{transition:all 0.5s}
.busi2 .list .item .img .kuai{ position: absolute; top:50%; left:50%; height:auto; width:auto; color:#fff; font-weight:bold; text-align:center; border:2px solid #fff; overflow:hidden; max-width:80%; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; transform:translate(-50%,-50%) ; -webkit-transform:translate(-50%,-50%) ; -moz-transform:translate(-50%,-50%) ; -ms-transform:translate(-50%,-50%) ; -o-transform:translate(-50%,-50%) ; padding:15px;}
.busi2 .list .item .img .kuai .line_box{position: relative;height:100%;margin:0;}
.busi2 .list .item .img .kuai h4{font-size:30px;}
.busi2 .list .item .img .kuai p{font-size:13px;margin-top:0;}
.busi2 .list .item .img .kuai .line{position: absolute;transition: all 0.5s;background:#E62129;}
.busi2 .list .item .img .kuai .line1{left:-100%;width:0;height:2px;top:-2px;margin:0 -2px;}
.busi2 .list .item .img .kuai .line2{right:-2px;width:2px;height:0;top:100%;}
.busi2 .list .item .img .kuai .line3{right:-100%;width:0;height:2px;bottom:-2px;}
.busi2 .list .item .img .kuai .line4{left:-2px;width:2px;height:0;bottom:100%;}
.busi2 .list .item:hover .img .kuai{overflow:visible;transition: all 0.5s;}
.busi2 .list .item:hover .img .kuai .line1{width:100%;left:0;}
.busi2 .list .item:hover .img .kuai .line2{height:100%;top:0;}
.busi2 .list .item:hover .img .kuai .line3{width:100%;right:0;}
.busi2 .list .item:hover .img .kuai .line4{height:100%;bottom:0;}
.busi2 .list .item .title{padding:30px 0;text-align:center;color:#333;font-size:18px;border-bottom:1px solid #6B6B6F;}
.busi2 .list .item:hover img{transform: scale(1.1);transition:all 0.5s}
/*  */
.busi3{padding:75px 0 0;}
/*  */
.busi4 {background:#F2F2F2;padding:75px 0;}
.busi4 .lm_head .title{text-align:center;color:#333;font-weight:bold;font-size:40px}
.busi4 .lm_head .subtitle{font-size:20px;font-family: Arial;color:#bbb;font-weight:bold;text-align:center;;}
.busi4 .content{margin-top:35px}
.busi4 .content .list .item{width:20.04%;float:left;height:535px;background-repeat:no-repeat;background-position: center;background-size:cover;position: relative;transition:all 0.5s;overflow:hidden;}
.busi4 .content .list .item + .item{border-left:1px solid #fff}
.busi4 .content .list .item.on{width:39.88%;transition:all 0.5s}
.busi4 .content .list .item .defalute_show {border:2px solid #fff;padding:5px 20px;width:70%;margin-left:15%;margin-top:190px;}
.busi4 .content .list .item .defalute_show h4{font-weight:bold;color:#fff;font-size:30px;text-align:center;}
.busi4 .content .list .item .defalute_show p{text-align:center;margin-top:30px;color:#fff;font-size:13px;}
.busi4 .content .list .item.on .defalute_show{display:none;}
.busi4 .content .list .item .active_show{position: absolute;left:20px;right:20px;bottom:-100%;background:rgba(255,255,255,0.8);padding:30px;transition:all 0.5s}
.busi4 .content .list .item.on .active_show{bottom:20px;transition:all 0.5s}
.busi4 .content .list .item .active_show .title{font-size:24px;color:#333;font-weight: bold;margin-bottom:10px;}
.busi4 .content .list .item .active_show p{float:left;width: 100%;padding-right:0;color:#666;font-size:16px;line-height:30px;;}
.busi4 .content .list .item .active_show.hide{bottom:-100%;transition:all 0.5s}
/*  */
.busi_mask{position: absolute;top:0;left:0;bottom:0;right:0;filter: blur(3px);}
@media (max-width:767px){
  .busi_nav{width:100%;}
  .busi_nav .left{display:none;}
  .busi_nav .right{float:left;}
  .busi_nav .right .list .item a{padding:0 10px;font-size:12px;line-height:45px;}
  /*  */
  .busi1{width:90%;padding:30px 0;}
  .busi1 .title{font-size:22px;}
  .busi1 .subtitle{font-size:16px;}
  .busi1 .info{line-height:14px;line-height:25px;margin-top: 20px;}
  /*  */
  .busi2 .list .item{width:100%}
  .busi2 .list .item .title{padding:10px 0;font-size:12px;}
  .busi2 .list .item + .item{margin-left:0;margin-top:15px;}
  /*  */
  .busi4{padding:30px 0;}
  .busi4 .lm_head .title{font-size:22px;}
  .busi4 .lm_head .subtitle{font-size:16px;}
  .busi4 .content .list .item,.busi4 .content .list .item.on{width:100%}
  .busi4 .content .list .item+.item{margin-top:15px;}
  .busi4 .content .list .item{height:auto;}
  .busi4 .content .list .item .active_show{padding:20px 10px;top:15px;right:15px;bottom:15px;left:15px;position:static;display:block !important;}
  .busi4 .content .list .item .active_show .title{font-size:16px;}
  .busi4 .content .list .item .active_show p{font-size:11px;}
  .busi4 .content .list .item .defalute_show{display:none !important;}
}
@media (min-width:768px) and (max-width:991px){
  .busi_nav{width:100%;padding:0 15px}
  /*  */
  .busi1{width:87.5%;padding:50px 0}
  .busi1 .title{font-size:36px;}
  .busi1 .subtitle{font-size:18px;}
  /*  */
  .busi2 .list .item .title{font-size:14px;padding:10px 0;}
  .busi2 .list .item .img .kuai{width:85px;height:85px;}
  .busi2 .list .item .img .kuai h4{font-size:20px;}
  /*  */
  .busi3{padding-top:50px;}
  /*  */
  .busi4{padding:50px 0;}
  .busi4 .lm_head .title{font-size:36px;}
  .busi4 .lm_head .subtitle{font-size:18px;}
  .busi4 .content .list .item{height:360px;margin-bottom:2%}
  .busi4 .content .list .item.on,.busi4 .content .list .item{width:49%}
  .busi4 .content .list .item:nth-child(2n){float:right;}
  .busi4 .content .list .item .defalute_show{display:none;}
  .busi4 .content .list .item .active_show{display:block;top:15px;right:15px;left:15px;bottom:15px;padding:15px;}
  .busi4 .content .list .item .active_show .title{font-size:20px;}
  .busi4 .content .list .item .active_show p{width:100%;padding:0;}
}
@media (min-width:992px) and (max-width:1024px){
  .busi_nav{width:100%;padding:0 15px}
  /*  */
  .busi1{width:87.5%;padding:50px 0}
  .busi1 .title{font-size:36px;}
  .busi1 .subtitle{font-size:18px;}
  /*  */
  .busi2 .list .item .title{font-size:14px;padding:10px 0;}
  .busi2 .list .item .img .kuai{width:85px;height:85px;}
  .busi2 .list .item .img .kuai h4{font-size:20px;}
  /*  */
  .busi3{padding-top:50px;}
  /*  */
  .busi4{padding:50px 0;}
  .busi4 .lm_head .title{font-size:36px;}
  .busi4 .lm_head .subtitle{font-size:18px;}
  .busi4 .content .list .item{height:360px;margin-bottom:2%}
  .busi4 .content .list .item.on,.busi4 .content .list .item{width:49%}
  .busi4 .content .list .item:nth-child(2n){float:right;}
  .busi4 .content .list .item .defalute_show{display:none;}
  .busi4 .content .list .item .active_show{display:block;top:15px;right:15px;left:15px;bottom:15px;padding:15px;}
  .busi4 .content .list .item .active_show .title{font-size:20px;}
  .busi4 .content .list .item .active_show p{width:100%;padding:0;}
}
@media (min-width:1025px) and (max-width:1400px){
  .busi1{width:87.5%}
  .busi4 .content .list .item{height:325px;}
  .busi4 .content .list .item,.busi4 .content .list .item.on{width:24%}
  .busi4 .content .list .item + .item{margin-left:1.33%}
  .busi4 .content .list .item .active_show{padding:15px;top:15px;right:15px;left:15px;bottom:15px;}
  .busi4 .content .list .item .active_show .title{font-size:18px;}
  .busi4 .content .list .item .active_show p{width:100%;}
  .busi4 .content .list .item .defalute_show{margin-top:100px;}
  .busi4 .content .list .item .defalute_show h4{font-size:22px;}
}
@media (min-width:1401px) and (max-width:1600px){
  .busi4 .content .list .item{height:450px;}
  .busi4 .content .list .item .active_show{padding:20px 15px;}
  .busi4 .content .list .item .defalute_show{margin-top:180px;}
  .busi4 .content .list .item .defalute_show h4{font-size:20px;}
}