/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jan 26 2024 | 03:01:23 */
.f1 {
/*     margin-top: -40px; */
}
.home-f-title{text-align: center;}
.home-h2{background: none;color: #1e2021;margin-bottom: 0;padding: 0;border-bottom: none;text-transform: uppercase;}
.home-h2-small1{color: #b0b0b0;font-size: 14px;}
.home-h2-small1 p{display: inline-block;margin-bottom: 0}
.home-h2-line{background: #194c8b;width:33px;height: 1px;display: inline-block;vertical-align: middle}

.f1-banner{--swiper-theme-color: #fff;--swiper-pagination-color: #ffe400;}
.f1-banner .swiper-pagination{right: 114px;bottom: 57px;left: initial !important;width: auto !important;}
.f1-banner .swiper-pagination .swiper-pagination-bullet{display: block;margin-bottom:16px !important; }
.f1-banner .swiper-pagination-bullet{--swiper-pagination-bullet-height:15px;--swiper-pagination-bullet-width:15px;--swiper-pagination-bullet-inactive-color:#fff;--swiper-pagination-bullet-inactive-opacity:1}
.f1-banner{height: 925px;}
.f1-banner .swiper-slide a{
   display: inline-block;
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   font-size: 0;
   line-height: 0;
   background: none;
   text-decoration: none;
   padding: 0;
   margin: 0;
}
.f2-title{width: 1400px;margin: 110px auto 120px;display: flex;align-items: center;justify-content: space-between}
.f2-title .home-f-title{text-align: left;width: 45%;}
.f2-title .f2-title-p{width: 50%;font-size: 16px;color: #1e2021}
.f2-title .home-h2-line{margin-right: 11px;}
.f2-title .home-h2{margin-top: 15px;}

.f2-banner{height: 1100px;width: 95%}
.f2-banner img{width: 100%;}
.f2-1-banner{position: absolute !important;top: 0;left: 50%;transform: translateX(-50%)}
.f2-1-banner,.f2-2-banner{width: 80%;margin-top: 445px;}
.f2-1-banner .swiper-slide:after,.f2-2-banner .swiper-slide:after{content: ' ';position: absolute;left: 0;top: 0;background: rgba(0,0,0,0.1);z-index: 5;width: 100%;height: 100%;transition: all 0.3s}
.f2-1-banner .swiper-slide:hover:after,.f2-2-banner .swiper-slide:hover:after{opacity: 0}
.f2-1-banner .swiper-slide:hover .f2-text,.f2-2-banner .swiper-slide:hover .f2-text{background: rgba(29,78,129,0.9);}
.f2-banner > .swiper-wrapper > .swiper-slide:nth-child(1){}
.f2-banner > .swiper-wrapper > .swiper-slide:nth-child(2){background: url('../images/f2-swiper-slide-bg2.jpg') no-repeat left top;background-size: 100% auto;}
.f2-text{position: absolute;bottom: 0;left: 0;width: 100%;color: #fff;z-index: 10;padding: 50px 40px;z-index: 10;background: none;transition: all 0.3s}
.f2-text .f2-text-h1{margin-bottom: 12px;min-height:72px;}
.f2-text .f2-text-h1 a{font-size: 24px;font-weight: bold;color: #fff;}
.f2-text .f2-text-h1 a:hover{text-decoration: underline}
.f2-text .f2-text-p{font-size: 16px;margin-top: 10px;}
.f2-2-tabs{display: flex;justify-content: space-between;width: 80%;margin: 0 auto;margin-top: 64px;list-style: none}
.f2-2-tabs li{background: #f0f0f0;font-size: 16px;color: #313131;padding: 5px 20px;border-radius: 50px;}
.f2-banner .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after,.swiper-button-next:after, .swiper-button-prev:after{display: none}
.f2-banner .swiper-button-next,.f2-banner .swiper-button-prev {opacity: 1;cursor: pointer;pointer-events: auto;width: 51px;height: 51px;top: 34%;}
.f2-banner .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {opacity: 1;cursor: pointer;pointer-events: auto;}
.f2-banner .swiper-button-prev{background: url("../images/f2-btn-left1.png") no-repeat;left: 70px;}
.f2-banner .swiper-button-prev:hover{background: url("../images/f2-btn-left2.png") no-repeat;}
.f2-banner .swiper-button-next{background: url("../images/f2-btn-right1.png") no-repeat;right: 70px;}
.f2-banner .swiper-button-next:hover{background: url("../images/f1-btn-right-2.png") no-repeat;}
.f2-video-box{position: relative}
.f2-video-box video{width: 100% !important;height: 730px !important;object-fit: fill !important;vertical-align: middle}
.f2-video-box:after{content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: rgba(0,0,0,0.5)}
.f2-1-banner .swiper-slide > p,.f2-2-banner .swiper-slide > p{margin-bottom:0}

.f3{background: #1c4e81;list-style: none;padding: 117px 0;margin-top: 85px;margin-left: 0;}
.f3 li{width: 1400px;margin: 0 auto;display: flex;list-style: none;position: relative;overflow: hidden}
.f3 li .f3-text{padding: 81px;background: #fff;width: 50%;}
.f3 li .f3-text a{margin-top: 39px;display: inline-block;width: 56px;height: 57px;background-image: url("../images/home-f3-icon3.png");background-repeat: no-repeat;background-position: center}
.f3 li .f3-text a:hover{background-image: url("../images/home-f3-icon2.png");}
.f3 .f3-text .f3-h1{font-size: 46px;color: #1e2021;margin-bottom: 5px}
.f3 .f3-text .f3-p1,.f3 li .f3-h4,.f3 li .f3-p2{font-size: 15px;}
.f3 .f3-text .f3-h4,.f3 li .f3-p2{color: #696969;}
.f3 .f3-text .f3-p1{line-height: 25px;color: #040404;margin-bottom: 35px;}
.f3 .f3-text .f3-h4{margin-top: 30px;}
.f3 .f3-text .f3-p2{margin-top: 5px}
.f3 li .f3-img{width: 50%;}
.f3 li .f3-img .f3-view-big:hover + .big-picture{height: calc(100% - 100px) ;width: calc(100% - 100px);opacity:1;}
.f3 .f3-img img,.f3 .f3-img > p{height: 100%}
.f3 .f3-img .f3-view-big{padding: 0 20px;display: flex;color: #999;align-items: center;position: absolute;right: 20px;top: 20px;transition: color 0.3s;cursor: pointer;z-index: 5;background: rgba(255,255,255,0.8);border: 1px solid rgba(255,255,255,0.8);border-radius: 50px;font-size: 14px;color: #404040;height: 38px;line-height: 38px;}
.f3 li:nth-child(2n) .f3-img .f3-view-big{left: 20px;bottom: 20px;right: initial}
.f3 .f3-img .f3-view-big:hover{color: #1c4e81}
.f3 .f3-img .f3-view-big img{margin-left: 22px;width: 22px;height: auto;}
.f3 li .big-picture{text-align: center;transition: all 0.6s;opacity: 1;position: absolute;right: 0;top: 0;height: 0 ;width: 0;background: rgba(252,252,252,0.95);z-index: 10;margin: 50px;opacity:0;}
.f3 li:nth-child(2n) .big-picture{left: 0;top: 0;right: initial;}
.f3 li .big-picture img{width: 100%;height: 100%}
.f3 li .big-picture .big-picture-text{font-size: 90px;color: rgba(0,0,0,0.1);position: absolute;right: 30px;top: 50px}
.f3 li .big-picture p{width: 100%;height: 100%}

.f4{position: relative;padding-top: 56px;background: #fafafa;padding-bottom: 80px;}
.f4:after{content: 'PROCESS';font-size: 145px;color: rgba(96,96,96,0.1);position: absolute;left: -207px;top: 400px;transform: rotate(90deg);font-weight: bold}

.f4 .f4-swiper{margin-top: 65px;width: 90%;padding-bottom: 30px;}
.f4 .f4-swiper .swiper-slide > p{display:none;}
.f4 .f4-swiper .swiper-slide:before{content: ' ';height: 1px;width: 107%;position: absolute;bottom: 0;left: 0;}
.f4 .f4-swiper .swiper-slide:after{transition: background-color 0.3s;content: ' ';height: 18px;width: 18px;position: absolute;bottom: -8px;left: 50%;background-color: #d5d5d5;border-radius: 50%;transform: translateX(-100%)}
.f4 .f4-swiper .swiper-slide[data-swiper-slide-index="0"]:before{background: linear-gradient(to right, #d5d5d5, #c2c2c2);border: 1px dashed #fafafa;background-origin: border-box;}
.f4 .f4-swiper .swiper-slide[data-swiper-slide-index="1"]:before{background: linear-gradient(to right, #c2c2c2, #929292);border: 1px dashed #fafafa;background-origin: border-box;}
.f4 .f4-swiper .swiper-slide[data-swiper-slide-index="2"]:before{background: linear-gradient(to right, #929292, #5e5e5e);border: 1px dashed #fafafa;background-origin: border-box;}
.f4 .f4-swiper .swiper-slide[data-swiper-slide-index="3"]:before{background: linear-gradient(to right, #5e5e5e, #333333);border: 1px dashed #fafafa;background-origin: border-box;}
.f4 .f4-swiper .swiper-slide[data-swiper-slide-index="4"]:before{background: linear-gradient(to right, #333333, #000000);border: 1px dashed #fafafa;background-origin: border-box;}

.f4 .f4-swiper .swiper-slide[data-swiper-slide-index="5"]:before{background: linear-gradient(to right, #000000, #333333);border: 1px dashed #fafafa;background-origin: border-box;}
.f4 .f4-swiper .swiper-slide[data-swiper-slide-index="6"]:before{background: linear-gradient(to right, #333333, #5e5e5e);border: 1px dashed #fafafa;background-origin: border-box;}
.f4 .f4-swiper .swiper-slide[data-swiper-slide-index="7"]:before{background: linear-gradient(to right, #5e5e5e, #929292);border: 1px dashed #fafafa;background-origin: border-box;}
.f4 .f4-swiper .swiper-slide[data-swiper-slide-index="8"]:before{background: linear-gradient(to right, #929292, #c2c2c2);border: 1px dashed #fafafa;background-origin: border-box;}
.f4 .f4-swiper .swiper-slide[data-swiper-slide-index="9"]:before{background: linear-gradient(to right, #c2c2c2, #d5d5d5);border: 1px dashed #fafafa;background-origin: border-box;}


.f4 .f4-swiper .swiper-slide[data-swiper-slide-index="0"]:after,.f4 .f4-swiper .swiper-slide[data-swiper-slide-index="6"]:after{background-color: #d5d5d5;}
.f4 .f4-swiper .swiper-slide[data-swiper-slide-index="1"]:after,.f4 .f4-swiper .swiper-slide[data-swiper-slide-index="5"]:after{background-color: #adadad;}
.f4 .f4-swiper .swiper-slide[data-swiper-slide-index="2"]:after,.f4 .f4-swiper .swiper-slide[data-swiper-slide-index="4"]:after{background-color: #797778;}
.f4 .f4-swiper .swiper-slide[data-swiper-slide-index="3"]:after{background-color: #494748;}
.f4 .f4-swiper .swiper-wrapper .swiper-slide:first-child:before{width: 57%;left: 50%}
.f4 .f4-swiper .swiper-wrapper .swiper-slide:last-child:before{width: 50%;left: 0}
.f4 .f4-swiper .swiper-slide:hover:after{background-color: #1d4e81;}
.f4 .f4-swiper .swiper-slide:hover .f4-h1{color: #1d4e81;}

.f4 .f4-button{text-align: center;margin-top: 56px;}
.f4 .f4-button-next,.f4 .f4-button-prev {cursor: pointer;width: 70px;height: 70px;display: inline-block;margin: 0 32px;vertical-align:middle;}
.f4 .f4-button-next.swiper-button-disabled, .f4-button-prev.swiper-button-disabled {opacity: 1;cursor: pointer;pointer-events: auto;}
.f4 .f4-button-prev{background: url("../images/home-f4-left1.png") no-repeat;}
.f4 .f4-button-prev:hover{background: url("../images/home-f4-left2.png") no-repeat;}
.f4 .f4-button-next{background: url("../images/home-f4-right1.png") no-repeat;}
.f4 .f4-button-next:hover{background: url("../images/home-f4-right2.png") no-repeat;}
.f4 .f4-img{border-radius: 30px;}
.f4 .f4-img img{width: 100%}
.f4 .f4-h1{font-size: 20px;color: #333132;text-align: center;margin-top: 22px;}
.f4 .f4-p{font-size: 14px;color: #333132;text-align: center;margin-top: 10px;margin-bottom: 50px;}
.f4 .f4-swiper2{text-align: center;font-size: 16px;color: #1e2021;line-height: 30px;margin-top: 25px;}
.f4 .f4-swiper2 .swiper-slide:after,.f4 .f4-swiper2 .swiper-slide:before{display:none;}
.f4 .f4-pagination{display: inline-block;position: initial;vertical-align:middle;padding-left:25px;}
.f4 .f4-pagination ul{margin: 0;padding: 0;list-style: none;}
.f4 .f4-pagination ul li{position: absolute;left: 0;list-style: none;top: 0;}

.f5{background: #e7ebec;position: relative}
.f5 > .home-f-title{background: url("../images/f5-f-title-bg.jpg") no-repeat;display: flex;align-items: center;height: 570px;justify-content: center}
.f5 > .home-f-title .home-h2{font-size:100px;color: #fff; }
h2.home-h2:before {
    background: none!important;
}
.f5 > .home-f-title .home-h2-small1{font-size:18px;color: #fff;}
.f5-list{list-style: none;border-bottom: 1px solid rgba(112,112,112,0.2);position: relative;margin: 0}
.f5-list li{margin: 0 auto;display: flex;list-style: none;position: relative;overflow: hidden}
.f5-list li .f5-text{padding: 81px;width: 50%;}
.f5-list1 li .f5-text{padding-right: 15%;}
.f5-list2 li .f5-text{padding-left: 15%;}
.f5-list1 li .f5-text{text-align: right}
.f5-list1 li .f5-text a{margin-top: 39px;display: inline-block;width: 56px;height: 57px;background-image: url("../images/home-f3-icon3.png");background-repeat: no-repeat;background-position: center}
.f5-list1 li .f5-text a:hover{background-image: url("../images/home-f3-icon2.png");}
.f5-list .f5-text .f5-p1,.f5 li .f5-p2{font-size: 16px;}
.f5-list1 .f5-text .f5-h4,.f5-list1 li .f5-p2{color: #1e2021;}
.f5-list2 .f5-text .f5-h4,.f5-list1 li .f5-p2{color: #696969;font-size: 15px !important;}
.f5-list .f5-text .f5-p1{line-height: 25px;color: #606060;margin-bottom: 35px;}
.f5-list .f5-text .f5-h4{margin-top: 25px;font-size: 60px;font-weight: bold;line-height: 1}
.f5-list .f5-text .f5-p2{margin-top: 5px}
.f5-list .f5-text .home-f-title{margin-bottom: 30px;}
.f5-list1 .f5-text .home-f-title{text-align: right;}
.f5-list2 .f5-text .home-f-title{text-align: left;}
.f5-list li .f5-video{width: 50%;position: relative}
.f5-list li .f5-video:hover .f5-video-icon img{transform: rotate(45deg)}
.f5-list .f5-video img,.f5-list .f5-video > p{height: 100%}
.f5-list .f5-video .f5-video-icon{cursor: pointer;height: 100%;width: 100%;position: absolute;left: 0;top: 0;background: rgba(0,0,0,0.7);text-align: center;display: flex;align-items: center;justify-content: center;opacity:0.7}
.f5-list .f5-video .f5-video-icon img{transition: all 0.3s;}
.f5-list .f5-video .f5-video-icon svg,.f5-list .f5-video .f5-video-icon img{width: auto;height: auto}
.f5 .f5-list1:after{content: 'ABOUT US';font-size: 120px;color: rgba(96,96,96,0.1);position: absolute;right: -207px;top: 400px;transform: rotate(90deg);font-weight: bold}
.f5 .f5-list2:after{content: 'OVERSEAS';font-size: 120px;color: rgba(96,96,96,0.1);position: absolute;left: -207px;top: 400px;transform: rotate(90deg);font-weight: bold}
.f5 .f5-list2 .f5-contry{display: flex;align-items: center;margin-top: 52px;}
.f5 .f5-list2 .f5-contry img{width: 46px;height: 46px;margin-right: 24px;}
.f5 .f5-list2 .f5-contry .f5-h4{margin-top: 0;margin-bottom: 10px;}
.f5 .f5-list2{background: url("../images/home-f5-img1.png") no-repeat right bottom;padding-top: 20px;padding-bottom: 100px;}

.f5-video-box{display: none;position: fixed;left:50%;top: 50%;z-index: 2000;max-width:1600px;transform: translate(-50%,-50%);width: 80%}
.f5-video-box p{margin: 0;}
.f5-video-box iframe{vertical-align: middle;width: 100% !important;}
#f5-video{width: 100%;vertical-align: middle;}
.f5-video-box .video-close{transition: all 0.3s;cursor: pointer;position: absolute;right: 0;top: 0;width: 48px;height: 48px;background:url("../images/home-video-close.png") no-repeat;z-index: 10}
.f5-video-box .video-close:hover{ transform: scale(1.1);}
#f5-video-showdo{display: none;position:fixed;width: 100%;height: 100%;left: 0;top: 0;background: rgba(0,0,0,0.1);z-index: 1999}

.f6 .home-f-title{background: #292c31;color: #fff;padding: 60px 0;}
.f6 .home-f-title .home-h2{color: #fff}
.f6 .home-f-title .home-h2-line{background: #fff}

.f6-list{display: flex;margin: 0}
.f6-list li{position: relative;width: 25vw;transition: all 0.3s;overflow: hidden;height: 960px;}
.f6-list li > div{position: relative;width: 39.7vw;transition: all 0.3s;overflow: hidden;height: 100%;}
.f6-list li img{width: 100%;height: 100%}
.f6-list li:hover{width: 50vw;}
.f6-list li:hover > div{transition: all 0.3s;}

.f6-list .f6-text1{opacity: 1;transition: all 0.1s;color: #fff;position: absolute;bottom: 90px;left: 0;width: 100%;padding-left: 37px;padding-right: 37px;box-sizing: border-box}
.f6-list .f6-text1 .f6-t1{font-size: 51px;text-transform: uppercase;margin-bottom: 20px;}
.f6-list .f6-text1 .f6-p{font-size: 24px;text-transform: uppercase}
.f6-list .f6-text2{opacity: 0;transition: all 0.2s;position: absolute;bottom: 0;left: 0;width: 100%;box-sizing: border-box;padding: 15px}
.f6-list .f6-text2 > div{background: rgba(255,255,255,0.8);width: 100%;padding: 55px;box-sizing: border-box;}
.f6-list .f6-img{height: 60%}
.f6-list .f6-img:after{content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.5);transition: all 0.3s;opacity: 1}
.f6-list li:hover .f6-img:after{opacity: 0;}
.f6-list li:hover .f6-text1{display: none}
.f6-list li:hover .f6-text2{opacity: 1;}

.f6-list .f6-text2 .f6-t1{margin-bottom: 25px;}
.f6-list .f6-text2 .f6-t1 a{font-size: 24px;text-transform: uppercase;margin-bottom: 20px;font-weight: bold;color: #292c31}
.f6-list .f6-text2 .f6-p{font-size: 16px;text-transform: uppercase;font-weight: bold;color: #696969;margin-bottom: 20px;}
.f6-list .f6-text2 .f6-p div{display: inline-block;text-transform: none;font-weight: normal;word-break: break-all;}

.f7{position: relative;margin-top: 50px;margin-bottom: 96px;}
.f7:after {content: 'FEEDBACK';font-size: 120px;color: rgba(96,96,96,0.1);position: absolute;left: -207px;top: 400px;transform: rotate(90deg);font-weight: bold;}
.f7 .f7-lists{display: flex;list-style: none;margin: 0 -20px;max-width: 70%;margin:0  auto;margin-top: 100px;}
.f7 .f7-lists li{width: 25%;text-align: center;}
.f7 .f7-lists li .f7-t1{font-size: 24px;color: #1e2021;margin-top: 36px;margin-bottom: 15px;text-transform: uppercase}
.f7 .f7-lists li .f7-p1{font-size: 16px;color: #1e2021}
.f7 .f7-lists li .f7-p2{font-size: 16px;color: #606060;margin-top: 57px;}
.f7 .f7-lists li > div{margin: 0 20px;border: 1px dashed #d2d2d2;border-radius: 30px;padding: 72px 20px 65px;transition: all 0.3s;height: 100%}
.f7 .f7-lists li:hover > div{border-color:#fff ;box-shadow: 0 0 20px rgba(0,0,0,0.07)}
.f7 .f7-lists li:hover .f7-t1,.f7 .f7-lists li:hover .f7-p1{color: #1d4e81}
.f7 .f7-lists li .f7-line{width: 30px;height: 4px;display: inline-block;background: #dadada;transition: background-color 0.3s;margin-top: 45px;}
.f7 .f7-lists li:hover .f7-line{background: #1d4e81}

@media (max-width: 1700px) {
	.f2-2-tabs li{font-size: 14px;padding: 5px 10px;}
}

@media (max-width: 1600px) {
	
	.f2-banner{height:966px;}
	.f2-2-tabs{margin-top:35px}
}

@media (max-width: 1440px) {
	.f2-2-tabs li{font-size: 12px;padding: 5px 7px;}
	.f2-banner{height:920px;}
	.f2-2-tabs{margin-top:35px}
}

@media (max-width: 1400px) {
    .f2-title,.f3 li {
        width:100%;
    }
}