.wow{animation-name:fadeInDown;-webkit-animation-name:fadeInDown;animation-duration:1.5s;-webkit-animation-duration:1.5s;animation-fill-mode:both;-webkit-animation-fill-mode:both;animation-duration:1s;-webkit-animation-duration:1s}
/* sideNav2 */
#sideNav2 {
    margin-bottom: 50px;
}
#sideNav2 ul.Cate{text-align: center;font-size: 15px;color: #9e9e9e;display: flex;justify-content: center;}
#sideNav2 >ul >li {position: relative;display: inline-block;}
#sideNav2 >ul >li >h3 {display: block;}
#sideNav2 >ul >li >h3 a {letter-spacing: 2px;font-size: 15px;font-weight: 400;color: #35393a;display: block;padding: 10px 20px;transition: 0.9s;line-height: 0.8;text-align: center;}
#sideNav2 >ul >li >h3 a{color: #000000;border: 1px solid #9f9f9f;line-height:50px;padding:0 40px;border-radius:45px;display:inline-block;position:relative;overflow:hidden;-webkit-transition:0.6s;-o-transition:0.6s;transition:0.6s;letter-spacing:1px;margin:10px}
#sideNav2 >ul >li >h3 a:after{content:"";display:block;position:absolute;top:0;left:0;width:0%;height:100%;background: var(--primary);z-index: -1;-webkit-transition:0.6s;-o-transition:0.6s;transition:0.6s}
#sideNav2 >ul >li >h3 a:hover{color: #ffffff;}
#sideNav2 >ul >li >h3 a:hover:after{width:100%}


.titleBox2 .en{letter-spacing:2px;padding: 0 0 10px;font-size: 55px;line-height: 110%;color: var(--primary);position: relative;font-family: 'Cardo', serif;text-transform: uppercase;font-weight: 300;}
.titleBox2 .title{margin-bottom: 20px;position: relative;padding: 0 0 20px 0;font-size: 24px;color: var(--primary);font-weight: 600;letter-spacing: 0.5px;line-height: 160%;}
.titleBox2 .title:before {content: "";position: absolute;width: 35px;height: 2px;background: #2e2e2e;bottom: -20px;left: 0;}
.titleBox2 .text{padding-top: 22px;padding-bottom:25px;letter-spacing:0.07em;line-height:190%;width:100%}
.aboutArea1 .titleBox{margin-bottom:80px}
.aboutArea1 .titleBox2{}
.aboutArea1 .itemBox{position:relative;display:flex;align-items:flex-start;width:100%;margin-bottom: 80px;}
.aboutArea1 .leftBox{width: 53%;}
.aboutArea1 .rightBox{width:63%;position:relative}
.aboutArea1 .Img{width:100%}
.aboutArea1 .Img img{display:block;width:100%;border-radius: 0 0 0 150px;}
.aboutArea1 .Img1{position:relative;max-width:825px}
.aboutArea1 .Img2{max-width:240px;display: none;}
.aboutArea1 .Img3{position:absolute;max-width:212px}
.aboutArea1 .Img1::after{content:'';position:absolute;right:-50px;bottom:-50px;z-index:-1;width:100%;height:100%;background-image:url("../images/aboutBg.png")}


@media (max-width:1180px){
    #sideNav2 ul.Cate{display: flex;flex-wrap: wrap;}
 	.aboutArea1{padding-bottom:0}
	.aboutArea1 .titleBox{margin-bottom:30px}
	.aboutArea1 .itemBox{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
	.aboutArea1 .leftBox{width:100%;margin-bottom:0;text-align:center}
	.aboutArea1 .titleBox2{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
	.aboutArea1 .rightBox{width:100%;padding-left:0;}
	.aboutArea1 .Img1{width:100%;margin-left:auto;max-width:100%}
	.aboutArea1 .Img1::after{right:-15px;bottom:-15px}
	.aboutArea1 .Img2{position:relative;z-index:2;width:40%;margin-top:-8%;display:none}
	.aboutArea1 .Img3{right:0;bottom:50px}
}
@media (min-width:1181px){
	.aboutArea1 .Img2{position:absolute;right:-100px;bottom:10px}
	.aboutArea1 .Img3{left:40px;bottom:90px}
}
@media (max-width:767px){
	.aboutArea1 .Img1::after{display:none}
	.aboutArea1 .Img2{display:none}
	.aboutArea1 .Img3{position:static;margin-left:auto;margin-right:auto}
	.aboutArea1 .Img1{width:100%;margin-right:auto;}
    .aboutArea1 .Img img{
    border-radius: 0 0 0 70px;
}
}
@media (max-width:640px){
	#sideNav2 >ul >li >h3 a{padding: 0 15px;margin: 0 3px;}
	.aboutArea1 .titleBox{margin-bottom:0}
}

@media screen and (max-width: 960px) {
	.titleBox2 .en{font-size: 30px;}
}