#about-section{background-color: #171717;background-image: url('../img/about_bg.jpg'); background-size:auto; background-position:top right; background-repeat: no-repeat; position:relative;}
#about-section .txt-area{color:#fff; padding:220px 0 70px;}
#about-section .txt-area h1{font-family:'Montserrat'; font-size:56px; font-weight:700;}
#about-section .txt-area p{font-size:20px; margin-top:30px; line-height:1.5em;}

@media screen and (max-width:1240px){
	#about-section .cont-area{padding:0;}
	#about-section .txt-area{background:rgba(0,0,0,.7);padding:100px 100px 100px;}
	#about-section .txt-area h1{font-size:50px;}
	#about-section .txt-area p{font-size:18px;}
}

@media screen and (max-width:980px){
	#about-section .txt-area{padding:80px 80px;}
	#about-section .txt-area h1{font-size:42px;}
}

@media screen and (max-width:780px){
	#about-section{background-position:top right 10%;}
	#about-section .txt-area{padding:60px;}
	#about-section .txt-area h1{font-size:38px;}
	#about-section .txt-area p{font-size:16px; margin-top:20px;}
	#about-section .txt-area p br{display:none;}
}

@media screen and (max-width:640px){
	#about-section{background-position:top right 18%;}
	#about-section .txt-area{padding:60px 40px;}
	#about-section .txt-area h1{font-size:34px;}
	#about-section .txt-area p{font-size:14px;}
}

@media screen and (max-width:480px){
	#about-section{background-size:cover;background-position:top right 20%;}
	#about-section .txt-area{padding:60px 40px;}
	#about-section .txt-area h1{font-size:34px;}
	#about-section .txt-area p{font-size:14px;}
}



#vision-section{position:relative; padding:180px 0 150px; background:#ececec;}
#vision-section:before{
	display:block; content:"";
	width:100%;height:570px;
	background:url('../img/about_bottom_bg.jpg') #171717 no-repeat bottom center;
	background-size:100% auto;
	position:absolute;left:0;top:0;
}
#vision-section .cont-area{position:relative; z-index:10;}
#vision-section .tit-area{text-align:center; color:#fff;}
#vision-section ul{margin-top:90px;}
#vision-section ul:after{clear:both; display:block; content:"";}
#vision-section ul li{width:33.333%; float:left; padding:0 20px;}
#vision-section ul li .box{width:100%; height:420px; text-align:center; border:1px solid #c8c8c8; background:#fff; color:#091d4e; padding:90px 10px 40px;}
#vision-section ul li .box h1{font-size:40px; font-weight:700; margin:30px 0;}
#vision-section ul li .box p{font-size:20px; line-height:1.4em;}

@media screen and (max-width:1240px){
	#vision-section{padding:100px 0 100px;}
	#vision-section:before{height:450px;}
	#vision-section ul{margin-top:60px;}
	#vision-section ul li .box{height:380px; padding:60px 10px 40px;}
	#vision-section ul li .box .icon img{height:75px;}
	#vision-section ul li .box h1{font-size:34px; margin:20px 0;}
	#vision-section ul li .box p{font-size:18px;}
}

@media screen and (max-width:980px){
	#vision-section{padding:70px 0 100px;}
	#vision-section:before{height:450px;}
	#vision-section ul{margin-top:50px;}
	#vision-section ul li{padding:0 10px;}
	#vision-section ul li .box{height:320px; padding:40px 10px 40px;}
	#vision-section ul li .box .icon img{height:60px;}
	#vision-section ul li .box h1{font-size:30px; margin:20px 0;}
	#vision-section ul li .box p{font-size:17px;}
	#vision-section ul li:nth-child(2) .box p br{display:none;}
}

@media screen and (max-width:780px){
	#vision-section{padding:70px 0 80px;}
	#vision-section:before{height:400px;}
	#vision-section ul{margin-top:50px;}
	#vision-section ul li{width:100%; padding:5px 0;}
	#vision-section ul li .box{height:auto; padding:30px 10px;}
	#vision-section ul li .box .icon img{height:50px;}
	#vision-section ul li .box h1{font-size:24px; margin:15px 0;}
	#vision-section ul li .box p{font-size:16px;}
}

@media screen and (max-width:640px){
	#vision-section{padding:70px 0 50px;}
	#vision-section:before{height:400px;}
	#vision-section ul{margin-top:30px;}
	#vision-section ul li .box{padding:20px;}
	#vision-section ul li .box .icon img{height:40px;}
	#vision-section ul li .box h1{font-size:24px; margin:10px 0;}
	#vision-section ul li .box p{font-size:14px;}
}

@media screen and (max-width:480px){
	#vision-section:before{height:340px;}
	#vision-section ul{margin-top:20px;}
	#vision-section ul li .box{padding:20px;}
	#vision-section ul li .box .icon img{height:34px;}
	#vision-section ul li .box h1{font-size:20px;}
}

#history-section{background:url("../img/history_bg.png") no-repeat left bottom 200px #ececec; padding:0 0 100px;}
#history-section .tit-area h1{position:relative; line-height:1em;}
#history-section .tit-area h1:after{width:80%; height:1px; bottom:10px; left:265px; background:#1c1c1c; content:""; display:block; position:absolute;}
#history-section .tit-area p{font-weight:700;}
#history-section .tit-area p strong{font-weight:800;}
#history-section .history-area{margin-top:90px;}
#history-section .history-area:after{clear:both; display:block; content:"";}
#history-section .history-area .history-list{width:50%; float:right; position: relative; padding: 0 0 0 45px;}
#history-section .history-area .history-list:before {
	content: '';
	position: absolute;
	top: -30px;
	left: 0;
	width: 1px;
	height: calc(100% + 10px);
	background: #d6d6d6;
}
#history-section .history-area .history-list dl{margin-bottom:40px;}
#history-section .history-area .history-list dt{font-size:32px; font-weight:800; position:relative;}
#history-section .history-area .history-list dt:after{width:25px; height:25px; top:10px; left:-56px; background:#fff; border:4px solid #262c79; border-radius:50px; content:""; display:block; position:absolute;}
#history-section .history-area .history-list dd{font-size:22px; color:#333; margin:10px 0; position:relative;}
#history-section .history-area .history-list dd:after{width:9px; height:9px; top:10px; left:-49px; background:#d6d6d6; border-radius:50px; content:""; display:block; position:absolute;}
#history-section .history-area .history-list dd strong{font-weight:800; color:#222;}

@media screen and (max-width:1240px){
	#history-section{background:url("../img/history_bg.png") no-repeat left bottom 200px #ececec; padding:0 0 80px; background-size:50%;}
	#history-section .tit-area h1:after{width:50%;}
	#history-section .history-area{margin-top:70px;}
	#history-section .history-area .history-list{
		background: rgb(236,236,236);
		background: linear-gradient(90deg, rgba(236,236,236,0) 0%, rgba(236,236,236,1) 30%, rgba(236,236,236,1) 70%, rgba(236,236,236,0) 100%);
		width:60%;
	}
}

@media screen and (max-width:980px){
	#history-section .tit-area h1:after{width:0;}
	#history-section .history-area .history-list dl{margin-bottom:40px;}
	#history-section .history-area .history-list dt{font-size:30px; font-weight:800; position:relative;}
	#history-section .history-area .history-list dd{font-size:20px; color:#333; margin:10px 0; position:relative;}
}

@media screen and (max-width:780px){
	#history-section{background:url("../img/history_bg.png") no-repeat right bottom 100px #ececec; padding:0 0 60px; background-size:50%;}
	#history-section .history-area{margin-top:50px;}
	#history-section .history-area .history-list{width:100%; background: rgb(236,236,236, .8);}
	#history-section .history-area .history-list dl{margin-bottom:30px;}
	#history-section .history-area .history-list dt{font-size:26px;}
	#history-section .history-area .history-list dt:after{width:21px; height:21px; top:6px; left:-55px;}
	#history-section .history-area .history-list dd{font-size:18px;}
	#history-section .history-area .history-list dd:after{width:7px; height:7px; top:7px; left:-48px;}
}

@media screen and (max-width:640px){
	#history-section .history-area{margin-top:30px;}
	#history-section .history-area .history-list dl{margin-bottom:20px;}
	#history-section .history-area .history-list dt{font-size:22px;}
	#history-section .history-area .history-list dd{font-size:15px;}
	#history-section .history-area .history-list dd span img{height:24px;}
}

@media screen and (max-width:480px){
	#history-section{padding:0 0 40px;}
}

#certifi-section{width:100%; padding:130px 0; background:url("../img/certifi_bg.jpg") no-repeat center top;}
#certifi-section .tit-area h1{color:#fff; font-size:46px; text-align:center;}
#certifi-section .certifi-area{margin-top:70px;}
#certifi-section .certifi-area:after{clear:both; display:block; content:"";}
#certifi-section .certifi-area li{float:left; width:33.333%; padding:0 25px;}
#certifi-section .certifi-area li .box{}
#certifi-section .certifi-area li .box .img img{max-width:100%;}
#certifi-section .certifi-area li .box .txt{text-align:center; margin-top:30px; display:none;}
#certifi-section .certifi-area li .box .txt h3{font-size:16px; font-weight:700;}
#certifi-section .certifi-area li .box .txt h1{font-size:20px; font-weight:800; color:#091d4e; margin:15px 0 0;}

@media screen and (max-width:1240px){
	#certifi-section{padding:120px 0; background:url("../img/certifi_bg.jpg") no-repeat center -30%;}
	#certifi-section .tit-area br{display:none;}
	#certifi-section .tit-area h1{font-size:40px;}
	#certifi-section .certifi-area{margin-top:50px;}
}

@media screen and (max-width:980px){
	#certifi-section{padding:90px 0; background:url("../img/certifi_bg.jpg") no-repeat center -50%;}
	#certifi-section .tit-area h1{font-size:36px;}
	#certifi-section .certifi-area{margin-top:40px;}
	#certifi-section .certifi-area li .box .txt h1{font-size:18px;}
}

@media screen and (max-width:780px){
	#certifi-section{padding:60px 0; background:url("../img/certifi_bg.jpg") no-repeat center -250px;}
	#certifi-section .tit-area h1{font-size:32px;}
	#certifi-section .certifi-area{margin-top:40px;}
	#certifi-section .certifi-area li{padding:0 15px;}
	#certifi-section .certifi-area li .box .txt h3{font-size:14px;}
	#certifi-section .certifi-area li .box .txt h1{margin:10px 0 0;}
}

@media screen and (max-width:640px){
	#certifi-section{padding:50px 0; background:url("../img/certifi_bg.jpg") no-repeat center -450px;}
	#certifi-section .tit-area{line-height:1.3em;}
	#certifi-section .tit-area h1{font-size:28px;}
	#certifi-section .certifi-area{margin-top:20px;}
	#certifi-section .certifi-area li{padding:0 10px;}
	#certifi-section .certifi-area li .box .txt h3{font-size:13px;}
	#certifi-section .certifi-area li .box .txt h1{font-size:17px; margin:10px 0 0; line-height:1.2em;}
}

@media screen and (max-width:480px){
	#certifi-section .tit-area h1{font-size:22px;}
	#certifi-section .certifi-area{margin-top:20px;}
	#certifi-section .certifi-area li{width:100%; padding:20px 25px;}
	#certifi-section .certifi-area li .box .txt{margin-top:10px;}
}


#area-section{background:#f3f7f9; padding:100px 0;}
#area-section .tit-area{text-align:center; color:#091d4e;}

#area-section .area-slider .swiper-slide{width:100%; overflow:hidden; margin-top:50px;}
#area-section .area-slider .swiper-slide:after{clear:both; display:block; content:"";}
#area-section .area-slider .swiper-slide .txt-area{float:left; width:44%; height:420px; background:#fff; padding:80px 50px 80px 80px; position:relative;}
#area-section .area-slider .swiper-slide .txt-area h3{font-size:40px; font-weight:900; color:#091d4e;}
#area-section .area-slider .swiper-slide .txt-area h1{font-size:20px; font-weight:700; margin-top:10px; line-height:1.2em; color:#666;}
#area-section .area-slider .swiper-slide .txt-area p{font-size:24px; font-weight:700; margin-top:40px; line-height:1.4em; color:#333;}
#area-section .area-slider .swiper-slide.bg2 .txt-area p span{margin-right:5px;}
#area-section .area-slider .swiper-slide.bg2 .txt-area p span img{height:33px;}

#area-section .area-slider .swiper-slide .img-area{float:left; width:56%; height:420px;}
#area-section .area-slider .swiper-slide.bg1 .img-area{background:url("../img/company_slide01.jpg") no-repeat center; background-size:cover;}
#area-section .area-slider .swiper-slide.bg2 .img-area{background:url("../img/company_slide02.jpg") no-repeat center; background-size:cover;}
#area-section .area-slider .swiper-slide.bg3 .img-area{background:url("../img/company_slide03.jpg") no-repeat center; background-size:cover;}
#area-section .area-slider .swiper-slide.bg4 .img-area{background:url("../img/company_slide04.jpg?v2") no-repeat center; background-size:cover;}
#area-section .area-slider .swiper-slide.bg5 .img-area{background:url("../img/company_slide05.jpg") no-repeat center; background-size:cover;}

#area-section .area-slider .area-control{bottom:40px; left:80px; z-index:99; position:absolute;}
#area-section .area-slider .area-control:after{clear:both; display:block; content:"";}
#area-section .area-slider .area-next,
#area-section .area-slider .area-prev{font-size:20px; z-index:99; line-height:50px; width:50px; height:50px; border:1px solid #999; border-radius:50px; text-align:center; color:#333; cursor:pointer; display:inline-block; float:left;}
#area-section .area-slider .area-prev{}
#area-section .area-slider .area-next{margin-left:5px;}


@media all and (max-width:1240px){
	#area-section .area-slider .swiper-slide{margin-top:40px;}
	#area-section .area-slider .swiper-slide .txt-area{padding:50px;}
	#area-section .area-slider .swiper-slide .txt-area h3{font-size:32px;}
	#area-section .area-slider .swiper-slide .txt-area h1{font-size:20px;}
	#area-section .area-slider .swiper-slide .txt-area p{font-size:20px;}
	#area-section .area-slider .area-control{bottom:30px; left:50px;}
}

@media all and (max-width:980px){
	#area-section{padding:80px 0;}
	#area-section .area-slider .swiper-slide .txt-area h3{font-size:28px;}
	#area-section .area-slider .swiper-slide .txt-area h1{font-size:18px;}
	#area-section .area-slider .swiper-slide .txt-area p{font-size:18px;}
	#area-section .area-slider .area-control{bottom:30px; left:50px;}
	#area-section .area-slider .area-next,
	#area-section .area-slider .area-prev{font-size:16px; line-height:40px; width:40px; height:40px;}
}

@media all and (max-width:780px){
	#area-section{padding:70px 0;}
	#area-section .area-slider{margin-top:30px;}

	#area-section .area-slider .swiper-slide{margin-top:20px;}
	#area-section .area-slider .swiper-slide .txt-area{width:100%; height:170px; padding:30px;}

	#area-section .area-slider .swiper-slide .txt-area h3{font-size:24px;}
	#area-section .area-slider .swiper-slide .txt-area h1{font-size:16px;}
	#area-section .area-slider .swiper-slide .txt-area p{font-size:17px; margin-top:20px;}
	#area-section .area-slider .swiper-slide .txt-area p br{display:none;}

	#area-section .area-slider .swiper-slide .img-area{width:100%; height:400px;}
	#area-section .area-slider .area-control{top:30px; right:20px; left:auto; bottom:auto;}
}

@media all and (max-width:640px){
	#area-section{padding:60px 0;}
	#area-section .area-slider .swiper-slide .txt-area{width:100%; height:140px; padding:20px;}

	#area-section .area-slider .swiper-slide .txt-area h3{font-size:22px;}
	#area-section .area-slider .swiper-slide .txt-area h3 img{height:24px;}
	#area-section .area-slider .swiper-slide .txt-area h1{font-size:14px;}
	#area-section .area-slider .swiper-slide .txt-area p{font-size:16px; margin-top:10px;}
	#area-section .area-slider .swiper-slide .img-area{height:260px;}
	#area-section .area-slider .area-control{top:20px; right:10px; left:auto; bottom:auto;}
	#area-section .area-slider .area-next,
	#area-section .area-slider .area-prev{font-size:16px; line-height:34px; width:34px; height:34px;}
}

@media all and (max-width:480px){
	#area-section .area-slider{margin-top:20px;}

	#area-section .area-slider .swiper-slide{margin-top:15px;}
	#area-section .area-slider .swiper-slide .img-area{height:200px;}
}



#partner-section{padding:100px 0; background:#091d4e; max-width:100%; overflow:hidden;}
#partner-section .tit-area{text-align:center; color:#fff;}
#partner-section .patner-slider{margin-top:50px;}
#partner-section .swiper-slide img{border:1px solid #dedede; max-width:100%;}

@media screen and (max-width:1240px){
	#partner-section{padding:80px 0;}
}

@media screen and (max-width:980px){
	#partner-section{padding:70px 0;}
	#partner-section .patner-slider{margin-top:40px;}
}

@media screen and (max-width:780px){
	#partner-section{padding:60px 0;}
}

@media screen and (max-width:640px){
	#partner-section{padding:50px 0;}
	#partner-section .patner-slider{margin-top:30px;}
}