@charset "utf-8";
.Classic-cases{ width: 100%; background-color: #F6FAFD; }



.Classic-cases{ width: 100%; background-color: #F6FAFD;}

.Classic-cases .cases{ width: 100%; position: relative; margin-top: 10px; }
  .Classic-cases .cases .nav .list{ width: 100%; display: flex; justify-content: space-between; align-items: center; height: 70px; background-color: #fff;    position: relative;top: 35px; z-index: 800;}
  .Classic-cases .cases .nav .list li {cursor: pointer; padding: 8px; height: 20px; position: relative;}
  .Classic-cases .cases .nav .list li div{width: 42px; height: 3px; overflow: hidden; position: absolute;left: 20px; bottom: 14px; display: none;}
 

.Classic-cases .cases .container{ width: 100%; padding-top: 35px; padding: 62px 0 15px 0; background-image: url(../images/cases_backGround.png); }
  .Classic-cases .cases .container .item{ /*width: 30%;*/ color: #ffff; text-align: center; display: flex; justify-content: center; align-items: center; flex-direction: column;}
  .Classic-cases .cases .container .item p{ font-size: 18px; }
  .Classic-cases .cases .container .item span{ font-size: 14px; }
  .Classic-cases .cases .container .item i{width: 88px; height: 3px; background-color: #EC7648; display: block;} 

  .Classic-cases .cases .container .text{width: 90%; margin: 0 auto;}
  .Classic-cases .cases .container .text p{font-size: 16px; color: #fff;text-indent: 2em;}


.Classic-cases .cases .container .title .con{ display: flex; justify-content: center; flex-direction: column; align-items: center; }
  .Classic-cases .cases .container .title .con .item{ text-align: center; color: #fff; }
  .Classic-cases .cases .container .title .con .item p{ font-size: 24px; }
  .Classic-cases .cases .container .title .con .item span{ font-size: 14px; letter-spacing: 2px; letter-spacing: 1px; margin-top: 3px; }
  .Classic-cases .cases .container .title .con .item i{ width: 88px; height: 3px; background-color: #ED7948; display: block; margin-top: 4px; }

.Classic-cases .cases .container .text{width: 90%; padding: 23px 0; margin: 0 auto;}
  .Classic-cases .cases .container .text p{font-size: 14px; line-height: 24px;}


  .list .active{
		color: #FFFEFF; background-color: #0376B5;
	}
	.content li{
		display: none;
	}
	.content .show{
		display: block;
	}



/* swiper */


.Classic-cases .more{ width: 150px; height: 50px; background-color: #0161B8; color: #fff; font-weight: bold; font-size: 14px; text-align: center; line-height: 50px; position: absolute;right: 50%;bottom: -96px; margin-right: -550px;}
    .Classic-cases .more a{ width: 100%; height: 100%; display: block; cursor: pointer; color: #fff; }

    /* .Classic-cases .wper{ width: 100%; background-color: #F6FAFD; padding: 50px 0; display: block; margin: 0 0 352px 0; } */
    .Classic-cases .wper{ width: 100%; display: flex; justify-content: flex-start; margin-bottom: 316px; }
    .Classic-cases .image{ width: 186px; border: 1px solid #ccc; margin: 30px 22px 15px 22px; }
    .Classic-cases .image .imgbox{ width: 96%; height: 228px;    padding: 5px 0;margin: 0 2% 5px 2%;overflow: hidden;display: flex;align-items: center; }
    .Classic-cases .image .imgbox img{width:100%;}
   /* .Classic-cases .image img{ width: 96%; height: 228px; /*padding: 3px;*/ padding: 5px 0; margin: 0 auto 5px 2%; }*/
    .Classic-cases .image p{ font-size: 12px; padding: 0 0 5px 0; text-align: center; color: #333; }
.image p{ font-size: 12px; padding: 0 0 5px 0; text-align: center; color: #333; }


/* .wper .swiper-container {width: 86%; z-index: 666;
  background-color: #fff; padding:  0 15px; position: relative;}


  .next,.prev{position: absolute; bottom: -196px; font-size: 76px; }
    .prev,
    .swiper-container-rtl .next {
        right: 130px;
    }
    .next,
    .swiper-container-rtl .prev {
        right: 20px;
    } */



    /* .swiper-container{ display: none; }   */
  /* .swiper-container .swiper-wrapper .swiper-slide { width: 176px; height: 100%; background-color: #FFFFFF; border: 2px solid #D8DAD9; border-radius: 5px; }
  
    .swiper-container .swiper-wrapper{ width: 100%; height: 100%; padding-bottom: 15px; padding-top: 15px; } */

    /* .blok{
      display: block !important;
    } */
  
  /* .swiper-container .swiper-wrapper .swiper-slide a{width: 100%; height: 100%; display: block;}
    .swiper-container .swiper-wrapper .swiper-slide .img{width: 100%; height: 180px; display: flex; justify-content: center; align-items: center;}
    .swiper-container .swiper-wrapper .swiper-slide .img img{width: 90%; height: 100%; padding-top: 8px;}
    .swiper-container .swiper-wrapper .swiper-slide .msg{width: 100%; height: 15%; display: flex; align-items: center; justify-content: center; padding-bottom: 1%;}
    .swiper-container .swiper-wrapper .swiper-slide .msg p{color: #616161; font-size: 12px; letter-spacing: 1px; padding: 10px 0; }

    .btn1,.btn2{ position: absolute;top: 50%; font-weight: bold; width: 38px; height: 230px; background-color: #E1E1E1; color: #9A9790; margin-top: -115px; }

    .btn1{ position: absolute;right: -38px; }
    .btn2{ position: absolute;left: -38px; } */