@media only screen and (min-width: 996px) { .con3 {
            width: 100%;
            padding: 80px 0;
            background-image: url(../images/bg2.jpg);
            background-repeat: no-repeat;
            background-size: cover;
            background-position: center;
        }
        .con3con {
            width: 100%;
            padding: 0 8%;
        }
        .con3box {
            overflow: hidden;
        }
        .mySwiper_case {
            padding-bottom: 50px !important;
        }
        .mySwiper_case .swiper-slide {
            cursor: pointer;
        }
        .mySwiper_case .swiper-slide:hover img {
            transform: scale(1.1);
        }
        .mySwiper_case img {
            width: 100%;
            height: 340px;
            object-fit: cover;
            transition: var(--main-transition);
        }
        .con3txt {
            padding: 25px;
        }
        .con3txt strong {
            color: #151414;
            font-size: 24px;
            display: block;
            position: relative;
            text-align: left;
            margin-bottom: 25px;
        }
        .con3txt strong::after {
            position: absolute;
            width: 40px;
            height: 2px;
            content: ''; 
            left: 50%;
            transform: translateX(-50%);
            bottom: -15px;
        }
        .con3txt p {
             text-align: left;
            color: #151414;
            font-size: 18px;line-height:150%;
        }

	.con3txt a {
            display: block;margin-top:15px;
            color: #151414;
            border: 1px solid #151414;
         
            font-size: 16px;
            transition: var(--main-transition);
            width: 160px;
            height: 38px;
            line-height: 38px;
            text-align: center;
        }

    .con3txt a:hover {
            border: 1px solid var(--main-color);
            color: var(--main-color);
        }
		  }

		      @media only screen and (max-width: 996px) {  .con3 {
            width: 100%;
            padding: 30px 15px;
            background-image: url(../images/bg2.jpg);
            background-repeat: no-repeat;
            background-size: cover;
            background-position: center;
        }
        .con3con {
            width: 100%;
        }
        .con3box {
            overflow: hidden;
        }
        .mySwiper_case {
            padding-bottom: 30px !important;
        }
        .mySwiper_case .swiper-slide {
            cursor: pointer;
        }
        .mySwiper_case .swiper-slide:hover img {
            transform: scale(1.1);
        }
        .mySwiper_case img {
            width: 100%;
            object-fit: cover;
            transition: var(--main-transition);
        }
        .con3txt {
            padding: 25px;
        }
        .con3txt strong {
            color: #151414;
            font-size: 20px;
            display: block;
            position: relative;
        text-align: left;
            margin-bottom: 20px;
        }
        .con3txt strong::after {
            position: absolute;
            width: 40px;
            height: 2px;
            content: ''; 
            left: 50%;
            transform: translateX(-50%);
            bottom: -15px;
        }
        .con3txt p {
           text-align: left;
            color: #151414;
            font-size: 14px;line-height:150%;
        }
			.con3txt a {
            display: block;margin-top:15px;
            color: #151414;
            border: 1px solid #151414;         
            font-size: 15px;
            transition: var(--main-transition);
            width: 160px;
            height: 35px;
            line-height: 35px;
            text-align: center;
        }

    .con3txt a:hover {
            border: 1px solid var(--main-color);
            color: var(--main-color);
        }
		 }