body{
    background-color: #f4f4f4 !important;
}
.qyfw_active{ color: #3e63b3 !important;font-weight:700 !important;}
/*******banner*******/ 
.ad-nei { height: 421px;background: transparent url(/ciicsh/resource/cms/2019/03/2019032114342922696.jpg) center center no-repeat; background-size: cover; color: #fff;}
.ad-nei h3 { font-size: 38px; margin: 100px 0 10px;}
.ad-nei p {font-size: 26px;}
.ad-nei span { display: inline-block; background-color: #fff; width: 90px; height: 4px; overflow: hidden;}
@media screen and (max-width: 767px) and (min-width: 1px){
  .ad-nei {height: 250px;}
  .ad-nei h3 {font-size: 26px; margin: 50px 0 5px;}
  .ad-nei p {font-size: 18px;}
  
}
/*******企业服务解决方案*******/ 
.index-bt .post-meta span{background-color: #f4f4f4;}
.jjfaWrap{margin-right: -15px;margin-left: -15px;}
.jjfaItem{width: 25%;float: left;padding-right: 15px;padding-left: 15px;}
.wmfu-box {padding: 40px 50px;height: 250px;overflow: hidden;margin: 0 auto 20px auto;text-align: center;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
.wmfu-box i {color: #6f91d9;}
.jjfa-ico1 i {font-size: 56px;}
.wmfu-box h3,.wmfu-box h3 a{font-size: 22px;font-weight: 500;color: #000;margin-top: 8px;}
.jjfa-ico1 h3 {margin-top: -4px;}
.wmfu-box p,.wmfu-box p a{font-size: 16px;color: #797979;line-height: 20px;margin-top: 12px;}
.wmfu-box:hover{background-color:#d6b980;cursor:pointer;}
.wmfu-box:hover i,.wmfu-box:hover h3 a,.wmfu-box:hover p a{color:#fff;}

@media (min-width: 768px) and (max-width: 991px){
  .jjfaItem{width: 50%;float: left;padding-right: 15px;padding-left: 15px;}
}

@media (max-width: 767px) and (min-width: 1px){
  .jjfaItem{width: 50%;float: left;padding-right: 15px;padding-left: 15px;}
  .wmfu-box {padding: 10px;height: 140px;overflow: hidden;margin: 0 auto;}
  .jjfa-ico1 {margin-top: -5px;}
  .jjfa-ico1 i {font-size: 35px;}
  .wmfu-box h3,.wmfu-box h3 a{font-size: 14px;margin-top: 4px;}
  .jjfa-ico1 h3{margin-top: 0;}
  .wmfu-box p,.wmfu-box p a{font-size: 12px;line-height: 14px;margin-top: 10px;}
}
/*******案例分享*******/ 
.alfx {min-height: 779px;margin-top: 50px;padding: 70px 0 35px 0;background: transparent center center no-repeat;background-size: cover;
        background-image: url(/ciicsh/resource/cms/2019/03/2019032522203344621.jpg);}



/*******企业会员服务*******/
.hyfw{margin-bottom:60px;}
.qyhyfwWrap{margin-right: -15px;margin-left: -15px;}
.qyhyfwItem{width: 20%;float:left;}
.plr30 {padding-right: 25px;padding-left: 25px;}
.hyfw .thumbnail {background-color: transparent;margin-bottom: 30px;}
.thumbnail .top-img {display:inline-block;width:100%;height: 220px;overflow: hidden;background: transparent center center no-repeat;background-size: cover;
            -moz-border-radius: 8px;-webkit-border-radius: 8px;border-radius: 8px;}
.hyfw .thumbnail .caption {padding: 40px 30px;}
.hyfw .thumbnail h3,.hyfw .thumbnail h3 a {width: 100%;text-align: center;margin-top: 0; margin-bottom: 0;}
.hyfw .thumbnail p,.hyfw .thumbnail p a{margin-top: 7px;text-align: center;position: relative;line-height: 24px;max-height: 54px;display: block;display: -webkit-box;-webkit-line-clamp: 3; 
     -webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis; -webkit-line-clamp: 2;}
.qyhyfwItem:hover{cursor:pointer;}
.qyhyfwItem:hover .thumbnail{background-color:#d6b980;}
.qyhyfwItem:hover .thumbnail h3 a,.qyhyfwItem:hover .thumbnail p a{color:#fff;}

@media (min-width: 992px){
  .qyhyfwItem{width: 20%;float:left;}
}
@media (max-width: 991px){
   .qyhyfwItem{width: 50%;}
}
@media (max-width: 769px) and (min-width:1px){
   .hyfw{margin-bottom:30px;}
   .plr30 {padding-right: 10px;padding-left: 10px;}
   .hyfw .thumbnail .top-img {height: 110px;}
   .hyfw .thumbnail .caption {padding: 20px 15px;min-height: 115px;}
   .hyfw .thumbnail h3,.hyfw .thumbnail h3 a{font-size: 14px;}
   .hyfw .thumbnail p,.hyfw .thumbnail p a{font-size: 12px;}
}

/*******案例分享*******/ 
.alfx .index-bt h3 {
    color: #fff;
}
.alfx .index-bt span {
    background-color: #224269;
}
.alfx .carousel-inner {overflow: visible;box-sizing: content-box; padding-left: 11%;}
.alfx .carousel .item {background-color: transparent; height: 550px; overflow: hidden;}
.carousel-caption {
    top: 60%;
    left: 50%;
    right: 0;
    bottom: 0;
    z-index: 10;
    width: 70%;
    margin: 0 auto;
    padding-top: 0;
    padding-bottom: 0;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.alfx .carousel-caption {
    top: 0;
    left: 0;
    width: 80%;
    text-shadow: none;
    -webkit-transform: none;
    transform: none;
}
.plr30 {
    padding-right: 25px;
    padding-left: 25px;
}
.lunboConWrap{
    margin-right: -15px;
    margin-left: -15px;
}
.lunboConItem{
    width: 33.33333333%;
    float: left;
}
.alfx .thumbnail {
    background-color: #fff;
    margin-top: 2px;
    margin-bottom: 200px;
}
.alfx .thumbnail .caption {
    padding: 30px;    color: #333;
}
.alfx .thumbnail .left {
    font-size: 16px;
    margin-top:20px;
}
.alfx .thumbnail .right {
    color: #fff;
}
.alfx .thumbnail .left a {
    font-size: 16px;
    color:#282b31;
}
.alfx .thumbnail .left a:hover{color:#337ab7;}
.alfx .thumbnail .left i {
    font-size: 16px;
}
@media (min-width: 992px){
  .lunboConItem{
    width: 33.33333333%;
    float: left;
   }
}
@media (max-width: 991px){
  .lunboConItem{width: 100%;}
}
.alfx .thumbnail h3 {
    width: 100%;
    font-size: 18px;
    text-align: left;
    margin-top:0;
    margin-bottom:0;
}
.alfx .thumbnail p {
    text-align: left;
    position: relative;
    max-height: 72px;
    line-height: 24px;
    max-height: 120px;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 5;
    margin-bottom:0;
}
.alfx .thumbnail p::after {
    content: "";
    position: absolute;
    bottom: -3px;
    right: 5px;
}
.alfx .carousel-control {
    width: 10%;
    background-image: none !important;
    filter: alpha(opacity=0);
}
.carousel-control .glyphicon-chevron-left {
    font-size: 40px !important;
}
.carousel-control .glyphicon-chevron-right {
    font-size: 40px !important;
}
.alfx .carousel-control .glyphicon-chevron-right, .alfx .carousel-control .glyphicon-chevron-left {
    margin-top: -50px;
}
@media screen and (max-width: 1024px) and (min-width: 1px){
    .alfx { padding: 50px 0 35px 0;  min-height: 579px;}
    .alfx .carousel .item {  height: 410px;}
    
}
@media screen and (max-width: 992px) and (min-width: 1px){
   .thumbnail .top-img { height: 150px;}
}
@media screen and (max-width: 768px) and (min-width: 1px){
  .alfx .index-bt span { background-color: #23436a;}
  .plr30 { padding-right: 10px; padding-left: 10px;}
   .alfx .carousel-control .glyphicon-chevron-right, .alfx .carousel-control .glyphicon-chevron-left {font-size: 30px; margin-top: -10px;}
  .alfx .carousel-inner{padding-left:8%;}
}
