.layout-pagetop .layout-bg {
width: 100%;
}

.layout-pagetop .mod-othercontent01 .mod-bg {
position: relative;
z-index: 2;
overflow: hidden;
height: 20vh;
}

.layout-pagetop .mod-othercontent01 .mod-title {
position: absolute;
left: 0;
top: 50%;
right: 0;
width: calc(100% - 2vw - 20px);
max-width: var(--width);
transform: translate(0, -50%);
margin: auto;
z-index: 2;
color: #fff;
text-align: center;
}

.layout-pagetop .mod-othercontent01 .mod-title h1 {
font-size: calc(2vw + 20px);
line-height: calc(2vw + 25px);
font-weight: 500;
text-transform: capitalize;
display: block;
text-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

.layout-pagetop .mod-othercontent01 .title-right {
padding-top: calc(0.5vw + 5px);
}

.layout-pagetop .mod-othercontent01 .title-right-span {
display: block;
}

.layout-pagetop .mod-othercontent01 .content-bg img {
display: block;
height: 100%;
width: auto !important;
max-width: inherit !important;
position: absolute;
top: 0;
left: 50%;
transform: translate(-50%, 0%);
}

@media(min-width:769px) {
.layout-pagetop .mod-othercontent01 .mod-bg {
min-height: 420px;
}
}

.layout-facOne {
padding: calc(3% + 30px) 0;
background: #f7f5f3;
}

.layout-facOne .mod-othercontent01 .mod-bg {
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: space-between;
}

.layout-facOne .mod-othercontent01 .mod-title {
width: calc(50% - 3vw - 10px);
}

.layout-facOne .mod-othercontent01 .title-left:after {
margin: calc(0.5vw + 5px) 0;
}

.layout-facOne .mod-othercontent01 .title-right {
font-size: calc(0.2vw + 14px);
line-height: calc(0.75vw + 20px);
}

.layout-facOne .mod-othercontent01 .mod-content {
width: 50%;
}

.layout-facOne .mod-othercontent01 .content-bg {
border-radius: calc(0.25vw + 5px);
}

@media(max-width:768px) {
.layout-facOne .mod-othercontent01 .mod-bg>div {
width: 100%;
}
}

.layout-facTwo {
padding: calc(2% + 20px) 0;
}

.layout-facTwo .mod-othercontent01 .content-bg {
display: flex;
align-items: stretch;
flex-wrap: wrap;
}

.layout-facTwo .mod-othercontent01 .content-bg * {
transition: All 0.3s ease-in-out;
}

.layout-facTwo .mod-othercontent01 .item {
width: calc(100%/3 - 0.5vw - 10px);
margin: calc(0.25vw + 5px);
}

.layout-facTwo .mod-othercontent01 .img {
border-radius: calc(0.25vw + 5px);
overflow: hidden;
}

.layout-facTwo .mod-othercontent01 .item h3 {
font-size: calc(0.3vw + 16px);
line-height: calc(0.5vw + 20px);
padding: 5px 0;
font-weight: 600;
}

@media(max-width:768px) {
.layout-facTwo .mod-othercontent01 .item {
width: calc(100%/2 - 0.5vw - 10px);
}
}

@media(max-width:480px) {
.layout-facTwo .mod-othercontent01 .item {
width: calc(100% - 0.5vw - 10px);
}
}

.layout-facThree {
padding: calc(2% + 20px) 0;
background: #f7f5f3;
}

.layout-facThree .mod-othercontent01 .content-bg {
display: flex;
align-items: stretch;
flex-wrap: wrap;
justify-content: space-between;
}

.layout-facThree .mod-othercontent01 .content-bg * {
transition: All 0.3s ease-in-out;
}

.layout-facThree .mod-othercontent01 .item {
width: 32.5%;
margin: calc(0.5vw + 5px) 0;
}

.layout-facThree .mod-othercontent01 .item-max {
width: calc(67.5% - 0.8vw - 5px);
}

.layout-facThree .mod-othercontent01 .img {
border-radius: calc(0.25vw + 5px);
overflow: hidden;
}

.layout-facThree .mod-othercontent01 .text {
padding: calc(0.25vw + 5px);
}

.layout-facThree .mod-othercontent01 .text span {
font-size: calc(0.2vw + 14px);
color: var(--main);
}

.layout-facThree .mod-othercontent01 .text h3 {
font-size: calc(0.5vw + 16px);
line-height: calc(0.5vw + 25px);
font-weight: 600;
padding: 5px 0;
}

@media(max-width:480px) {
.layout-facThree .mod-othercontent01 .item {
width: 100%;
}
.layout-facThree .mod-othercontent01 .item-max {
width: 100%;
}
}

.layout-facFour {
padding: calc(2% + 20px) 0;
}

.layout-facFour .mod-othercontent01 .content-bg {
display: flex;
align-items: stretch;
flex-wrap: wrap;
justify-content: space-between;
}

.layout-facFour .mod-othercontent01 .content-bg * {
transition: All 0.3s ease-in-out;
}

.layout-facFour .mod-othercontent01 .text {
padding: calc(0.5vw + 10px);
}

.layout-facFour .mod-othercontent01 .text h3 {
font-size: calc(0.5vw + 16px);
line-height: calc(0.5vw + 25px);
font-weight: 600;
padding-bottom: calc(0.25vw + 5px);
}

.layout-facFour .mod-othercontent01 .text li {
display: flex;
align-items: start;
padding: 2px 0;
}

.layout-facFour .mod-othercontent01 .text li:before {
content: "\f00c";
font-family: FontAwesome;
flex: 0 0 calc(0.25vw + 15px);
color: var(--main);
}

.layout-facFour .mod-othercontent01 .img {
border-radius: calc(0.25vw + 5px);
overflow: hidden;
}

.layout-facFour .mod-othercontent01 .item {
width: calc(50% - 1vw - 5px);
margin: calc(0.5vw + 5px) 0;
}

.layout-facFour .mod-othercontent01-titlecenter .mod-content {
padding-bottom: calc(1vw + 10px);
}

.layout-facFour .mod-othercontent01-titlecenter .content-bg {
flex-direction: row-reverse;
border-radius: calc(0.25vw + 5px);
background: #f7f5f3;
}

.layout-facFour .mod-othercontent01-titlecenter .img {
width: 50%;
}

.layout-facFour .mod-othercontent01-titlecenter .text {
width: 50%;
padding: calc(2.5vw + 10px);
box-sizing: border-box;
}

@media(max-width:768px) {
.layout-facFour .mod-othercontent01-titlecenter .img {
width: 100%;
}
.layout-facFour .mod-othercontent01-titlecenter .text {
width: 100%;
}
}

@media(max-width:480px) {
.layout-facFour .mod-othercontent01 .item {
width: 100%;
}
}

.layout-facFive {
padding: calc(2% + 20px) 0;
background: #f7f5f3;
}


.mod-othercontent01-title .mod-title {
padding-bottom: calc(1vw + 10px);
}

.mod-othercontent01-title .title-left:after {
content: "";
width: 35px;
height: 5px;
background: var(--main);
border-radius: 10vw;
display: block;
margin: calc(0.25vw + 5px) 0;
}

.mod-othercontent01-title .title-right-span {
display: block;
}

.mod-othercontent01-title .mod-title h2 {
font-size: calc(1.2vw + 20px);
line-height: calc(1.25vw + 25px);
color: var(--main);
font-weight: 600;
}

.mod-othercontent01-title .mod-title a {
font-weight: 500;
color: #fff;
background: var(--main);
padding: calc(0.25vw + 5px) calc(1vw + 10px);
border-radius: calc(0.25vw + 5px);
margin-top: calc(2vw + 10px);
}

.mod-othercontent01-title .mod-title a:hover {
background: var(--main);
color: #fff;
}

.mod-othercontent01-title .mod-bottom {
padding-top: calc(2vw + 10px);
}

.mod-othercontent01-title .mod-bottom a {
font-weight: 500;
color: #fff;
background: var(--main);
padding: calc(0.25vw + 5px) calc(1vw + 10px);
border-radius: calc(0.25vw + 5px);
margin-top: calc(2vw + 10px);
}

.mod-othercontent01-title .mod-bottom a:hover {
background: var(--main);
color: #fff;
}