﻿@charset "utf-8";
/* CSS Document */
/*2022.11.02*/

.ab-onecon{
	margin-top: 45px;
	
}
.ab-onecon p:first-child{
	margin-bottom: 35px;
}
.ab-onecon p{
	font-size: 18px;
	color: #333;
	line-height: 28px;
	margin: 25px 0;
}
.s-aboutone{
	margin-bottom: 55px;
}

.s-twoul{
	margin-top: 60px;
}
.s-twoul ul{
	margin: 0;
	padding: 0;
}
.s-twoul ul li{
margin-bottom: 120px;
position: relative;
cursor: pointer;
}
.s-twoul ul li .li-img{
position: absolute;
left: 0px;
top: 0px;
z-index: 1;

}
.s-twoul ul li .li-img img{

border: 3px solid transparent;
transition: all 1s; 
}
.s-twoul ul li:hover .li-img img{
	border: 3px solid #b31a21;
	transition: all 1s; 
}
.s-twoul ul li .li-tt{
	background: #fff;
	padding: 15px;
	box-shadow:-3px 7px 23px 5px #e7e7e7;
	width: 50%;
	float: right;
	margin-top: 65px;
}

.s-twoul ul li .li-ttcon{
	border: 1px solid #c8bf7e;
	padding: 30px 20px 30px 100px;
	background: url(../images/absan.png) no-repeat right bottom;
	
}
.s-twoul ul li .li-ttcon h5{
	font-size: 22px;
	color: #b31a21;
	font-weight: bold;
	margin-bottom: 25px;
}
.s-twoul ul li .li-ttcon p{
	font-size: 18px;
	color: #333;
	line-height: 28px;
	
}
.s-twoul ul li:nth-child(even){
	
}
.s-twoul ul li:nth-child(even) .li-tt{
	float: none;

}

.s-twoul ul li:nth-child(even) .li-tt .li-ttcon{
	padding-left: 30px;
	padding-right: 90px;
}
.s-twoul ul li:nth-child(even) .li-img{
	right: 0;
	left: auto;
	top: -65px;
}




.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	/*background: #333;*/
}

.mCSB_scrollTools .mCSB_draggerRail{
	/*background: #eee;*/
	background: none;

}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar:hover{
	 background: #ddd;
}

.ss1 {
    height: 27vh;
}




	@media (max-width: 1200px) {
		
		
		
										
								
										
		}
@media (max-width: 1550px) {
		
	.s-twoul ul li .li-img{
		width: 59%;
	}	
		
										
								
										
}
@media (max-width: 1300px) {
.s-twoul ul li .li-tt{
	width: 65%;
	margin-top: 26px;
}
.ss1 {
    height: 21vh;
}
.s-twoul ul li .li-img {
    width: 45%;
    
}
.s-twoul ul li:nth-child(even) .li-img{
	top: -30px;
}
.s-twoul ul li{
	margin-bottom: 70px;
	
}
.s-twoul ul li .li-ttcon p{
	font-size: 16px;
	line-height: 26px;
	
}

										
								
										
}




@media (max-width:991px) {
	
.s-twoul ul li .li-img{
	top: 19%;
}	
.s-twoul ul li .li-tt{
	margin-top: 0px;
}
.s-twoul ul li:nth-child(even) .li-img{
	top: 19%;
	
}
.s-twoul ul li .li-ttcon h5{
	margin-bottom: 15px;
	font-size: 20px;
}
.ab-onecon p{
	font-size: 16px;
	line-height: 25px;
}
.ab-onecon{
	margin-top: 25px;
}
.ab-onecon p:first-child{
	margin-bottom: 25px;
}
.ab-onecon p{
	margin: 20px 0;
}	
	
	
	
		
	}
	@media (max-width:767px) {
.s-twoul ul li .li-img{
	width: 100%;
	top: auto;
	position: relative;
	left: auto;
	right: auto;
	
}
.s-twoul{
	margin-top: 30px;
}
.s-twoul ul li{
	margin-bottom: 30px;
	
}
.s-twoul ul li .li-tt{
	width: 100%;
	box-shadow: 4px 6px 9px 1px #e7e7e7;
}
.s-twoul ul li .li-ttcon{
	padding: 15px 10px 40px 15px;
}
.s-twoul ul li:nth-child(even) .li-tt .li-ttcon{
	padding: 15px 10px 40px 15px;
}
.s-twoul ul li .li-ttcon h5{
	font-size: 18px;
	margin-bottom: 10px;
	
}
.s-aboutone{
	margin-bottom: 30px;
}







									
								
									
	}






