@charset "utf-8";

/* common */

.section{
	text-align:center;
}
 /*�����ʸ޴�*/
nav.area_aside{position:fixed;top: 0; left:0; width:100px; display: flex;flex-wrap: wrap;justify-content: center;z-index: 20;bottom: 0;height: 100%;align-items: center;border-right: 1px solid rgba(255,255,255,0.1);}
nav.area_aside ul{}
nav.area_aside ul li{position: relative;  margin:70px 0; }
nav.area_aside ul li:before{content:''; display:none; position:absolute; top:50%; left:50%; width:32px; height:32px; border:1px solid #fff; opacity:0; border-radius:50%; transform:translate(-50% , -50%);transition:all 0.3s ease;}
nav.area_aside ul li a{display: block; text-align: left;}
nav.area_aside ul li .dot{display:block;  width:5px; height:5px; background:#fff; border-radius:50px; opacity:0.6;}
nav.area_aside ul li.active:before{display:block; opacity:1;}
nav.area_aside ul li p{display:inline-block; position:absolute; top:-9px; left:27px; width:75px; font-size:14px; vertical-align:middle; color:#fff; opacity:0; transition:all 0.3s ease;}
nav.area_aside ul li.active .dot{opacity:1;}

.fp-viewing-page02 nav.area_aside{border-right: 1px solid rgba(0,0,0,0.1);}
.fp-viewing-page05 nav.area_aside{border-right: 1px solid rgba(0,0,0,0.05);}
.fp-viewing-page02 nav.area_aside ul li:before,
.fp-viewing-page05 nav.area_aside ul li:before{border:1px solid #aaa;}
.fp-viewing-page02 nav.area_aside ul li .dot,
.fp-viewing-page05 nav.area_aside ul li .dot{background:#aaa;}

.tit_main{display:inline-block; opacity:0; font-weight:600; font-size:62px; color:#222; letter-spacing:-0.05rem; transition:all 800ms ease; transform:translateY(50px);}
.wrap{position:relative; width:1580px; margin:0 auto;}
.section{height:100vh;}


.top_bottom{margin-bottom: 8rem}



/* visual */
[data-slick-index="0"] .txt *{color:#fff;}
.area_visual{overflow:hidden;}
.area_visual .txt{display:flex; align-items:flex-start; position:absolute; top:36vh; left:0; text-align:left; flex-direction:column;}
/*
.area_visual .slick-track,
.area_visual .slick-track li,
.area_visual .bx-viewport{height:100vh !important; background-size:cover;}
*/
.area_visual .v01 .img{background:url(../img/main/img_visual01.jpg)no-repeat center; background-size:cover;}
.area_visual .v02 .img{background:url(../img/main/img_visual02.jpg)no-repeat center; background-size:cover;}
.area_visual .v03 .img{background:url(../img/main/img_visual03.jpg)no-repeat center; background-size:cover;}
#section0{z-index: 1; position:relative;}
#section0 .area_visual,
#section0 .list,
#section0 .slick-list,
#section0 .slick-track{width: 100%;height: 100%;outline:0; overflow:hidden;}
#section0 .list .item{outline:0;}
#section0 .list .item,
#section0 .list .img{width: 100%;height: 100%;}
#section0 .list .img{position:absolute;top: 0;left: 0;}
#section0 .list .item .img{opacity:1; transform:scale(1.08) rotate(0.001deg);}
#section0 .list .item.on .img{opacity:1; transform:scale(1);transition:transform 4s ease-in-out;}


.area_visual .list > li .txt *:not(a){color:#222; text-align:left;}
.area_visual .list > li:first-child .txt *:not(a){color:#fff;}
.area_visual .slick-active .txt *{animation:visualAniTitle 1.3s ease 0s forwards;}
.area_visual .txt > *{opacity:0; visibility:hidden;}
.area_visual .txt > strong{font-size:90px; letter-spacing:-0.05rem; text-indent:-1px;}
.area_visual .txt > em{line-height:1; margin-top:11px; font-weight:600; font-size:45px; text-indent:-3px; animation-delay:0.05s !important;}
.area_visual .txt > p{margin-top:18px; font-weight:300; font-size:18px; animation-delay:0.1s !important;}
.area_visual .txt > a{margin-top:38px; animation-delay:0.15s !important;}
.area_visual .bx-pager-item a{display:block; width:14px; height:14px; margin-right:11px; border:1px solid #fff; font-size:0; transition:all 300ms ease; border-radius:100px;}
.area_visual .bx-pager{display:flex; justify-content:flex-start; align-items:center; width:1580px; margin:0 auto;}
.area_visual .bx-controls{position:absolute; bottom:50px; z-index:999; width:100%;}
.area_visual .bx-pager-item a.active{width:40px; background:#fff;}
.main_txt{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); z-index:3; width:90%; }
.main_txt .title{overflow:hidden;}
/*.main_txt > *{animation:visualAniTitle 1.5s cubic-bezier(0.2, 0, 0.2, 1) both;}*/
.main_txt h3{font-size:70px; font-weight:bold; line-height:1.2em; color:#fff; }
.active .main_txt h3{animation: txtUp 1.0s 0.5s; animation-fill-mode: both;}
.main_txt > span{display:block; margin:30px 0; font-size:20px; font-weight:300; color:#fff; line-height:1.6em; word-break:keep-all; animation-delay:0.2s !important;}
.custom_paging{position:absolute; bottom:61px; left:180px; width:auto !important; z-index:3; }
.custom_paging li{display:none; color:#fff; font-size:17px; font-weight:500;}
.custom_paging li i{display:inline-block; position:relative; top:-1px; margin:0 10px; font-size:12px; font-weight:300; color:rgba(255,255,255,0.3);}
.custom_paging li.slick-active{display:block;}
.area_visual .slick-arrow{position:absolute; top:unset; bottom:64px; margin-top:0; width:15px; height:11px; border:none; background:url(../img/common/icon_arr_wt.svg)no-repeat center; background-size:contain; z-index:10; font-size:0;}
.area_visual .slick-prev{left:140px; transform:rotate(-180deg); }
.area_visual .slick-next{left:265px; right:unset;}
#scrolldown{position:absolute; right:0; bottom:90px; display:flex; align-items: center; justify-content: center;  z-index:3; text-transform:uppercase; cursor:pointer; transform:rotate(90deg);}
#scrolldown span{display:inline-block; font-size:13px; font-weight:400; margin:0 9px 0 0; letter-spacing:0; color:#fff; }
.iconScroll{position:relative; margin:0 auto; width:16px;height:10px; border:1.5px solid #fff; border-radius:50px}
.iconScroll:before{content:'';position:absolute;left:50%; width:3px;height:1px;background:#fff; margin-left:-3px; top:3.5px;border-radius:2px;-webkit-animation-duration:1.5s;animation-duration:1s;-webkit-animation-iteration-count: infinite;animation-iteration-count:infinite;-webkit-animation-name: scroll;animation-name:scroll}

@-webkit-keyframes scroll {
  0% {
  }
  100% {
    -webkit-transform: translateX(5px);
    transform: translateX(5px);
  }
}

@keyframes scroll {
  0% {
  }
  100% {
    -webkit-transform: translateX(5px);
    transform: translateX(5px);
  }
}
/* product */
#section1{position:relative; background:url(../img/main/bg_product.jpg)no-repeat center; background-size:cover; overflow:hidden;}
#section1:before{content:''; position:absolute; top:0; right:0; bottom:0; width:570px; height:100%; background:#123c8d;}
#section1 .bg_wt{position:absolute; top:0; left:0; bottom:0; width:100px; height:100%; background:#fff;}
#section1 .box{position:relative; width:1500px; margin: 0 auto;}
#section1 .box .tit_main{display:block; margin: 0 0 80px; text-align:left;}
.box_product{position:relative; display:flex; opacity:0; transition:all 800ms ease; transform:translateY(50px);}
.active .box_product{opacity:1; transform:translateY(0); transition-delay:0.5s;}
.box_left{width:470px; padding:0 90px 0 0; box-sizing:border-box; text-align:left;}
.box_left .pd_title{}
.box_left .pd_title em{display:block; font-size:18px; font-weight:bold; color:#123c8d; line-height:1em;}
.box_left .pd_title h3{display:block; margin:15px 0 0; font-size:45px; font-weight:bold; color:#222; line-height:1.1em; word-break:keep-all;}
.box_left .pd_title .slick-slide > span{display:block; margin:30px 0 0; font-size:16px; font-weight:400; color:#555; line-height:1.6em; word-break:keep-all;}
.box_left .pd_title .btn_more{display:block; margin:50px 0 0; width:190px; padding:25px 20px; box-sizing:border-box; border:1px solid #111; border-radius:5px; box-sizing:border-box; }
.box_left .pd_title .btn_more span{position:relative; display:block; font-size:16px; font-weight:bold; color:#222; line-height:1em;}
.box_left .pd_title .btn_more span:before{content:''; position:absolute; top:3px; right:0; width:15px; height:10px; background:url(../img/common/icon_arr_bk.svg)no-repeat center; background-size:contain;}
.box_right{ position: absolute; width:90%; height:450px; left:470px; top:0; overflow:hidden;}
.box_right .slick-list.draggable{margin:0 -30px;}
.box_right .pd_img,
.box_right .slick-track{height:450px;}
.box_right .slick-slide{position:relative; height:100%; margin:0 30px; padding:90px 10px 0; box-sizing:border-box; background:#fff; box-shadow: 0px 10px 21px 9px rgba(0, 0, 0, 0.04);}
.box_right .slick-slide h4{position:absolute; left:0; right:0; bottom:50px; display:block; font-size:24px; font-weight:bold; color:#222; line-height:1.2em; word-break:keep-all;}
.box_right .slick-slide img{margin:0 auto;}
.box_right .slick-slide i{position:absolute; top:0; left:0; padding:9px 15px; font-size:15px; font-style:normal; text-transform:uppercase; font-weight:bold; color:#fff; background:#222; box-sizing:border-box;}
.box_right img{width:auto; max-width:100%;}
.box_right .slick-slide.slick-current.slick-active i{background:#113b8c;}
#section1 .slick_arrow{position:absolute; top:30px; right:0; z-index:10; font-size:0;}
#section1 .slick-arrow{position:absolute; width:15px; height:11px; background:url(../img/common/icon_arr_wt.svg)no-repeat center; background-size:contain; border:none;}
#section1 .arrow_prev{right:60px; transform:rotate(-180deg); }
#section1 .arrow_next{position:relative; right:0;}
#section1 .arrow_next:before{content:''; position:absolute; top:1.5px; left:-22px; width:1px; height:10px; background:rgba(255,255,255,0.2);}


.section.active h3.tit_main{opacity:1; transform:translateY(0px); transition-delay:0.3s;}

#section2{background-image: url(../img/main/img_about01.jpg); transition: all 0.5s ease-out; overflow:hidden;}
#section2 .tit_main{z-index:900; color:#fff; position: absolute;top:18%; left: 50%;transform: translateX(-50%);}
.area_icon{position:absolute; top:0; left:100px; right:0; bottom:0; display:flex; width:calc(100% - 200px); width:-webkit-calc(100% - 200px); height:100%; text-align:center; z-index:10;}
.area_icon > li{display:inline-block; width:25%; height:100%; border-right:1px solid rgba(255,255,255,0.1); box-sizing:border-box; opacity:0; transition:all 800ms ease; transform:translateY(50px);}
.active .area_icon > li:nth-child(1){opacity:1; transform:translateY(0); transition-delay:0.3s;}
.active .area_icon > li:nth-child(2){opacity:1; transform:translateY(0); transition-delay:0.5s;}
.active .area_icon > li:nth-child(3){opacity:1; transform:translateY(0); transition-delay:0.7s;}
.active .area_icon > li:nth-child(4){opacity:1; transform:translateY(0); transition-delay:0.9s;}
.area_icon > li .box_wrap{display:flex; flex-direction: column; justify-content: center; align-items: center; width:100%; height:100%;}
.area_icon > li .box_icon{text-align:center;}
.area_icon > li .box_icon .icon{margin:0 auto; width:80px; height:80px; background:#fff; border-radius:50%; box-sizing:border-box;}
.area_icon > li.one .box_icon .icon{background:#fff url(../img/main/icon_about01.svg)no-repeat center; background-size:30px 30px;}
.area_icon > li.two .box_icon .icon{background:#fff url(../img/main/icon_about02.svg)no-repeat center; background-size:30px 30px;}
.area_icon > li.three .box_icon .icon{background:#fff url(../img/main/icon_about03.svg)no-repeat center; background-size:30px 30px;}
.area_icon > li.four .box_icon .icon{background:#fff url(../img/main/icon_about04.svg)no-repeat center; background-size:30px 30px;}
.area_icon > li .box_icon h3{display:block; margin:20px 0 0; font-size:20px; 
font-weight:300; color:#fff; line-height:1.2em; word-break:keep-all; text-transform:uppercase; height: 50px}
.area_icon > li .cont{display:block; margin:20px 0 0; height: 100px}
.area_icon > li .cont p{font-size: 16px; color: #fff; line-height: 25px; text-align: left}
.area_icon > li .cont span{display:inline-block; font-size:55px; font-weight:bold; color:#fff; line-height:1em; word-break:keep-all;}
.area_icon > li .cont i{display:inline-block; font-size:17px; font-weight:400; color:#fff; font-style:normal;}
.area_icon > li:nth-child(1){background:url(../images/main/icon_business01.svg)no-repeat center 36%; background-size:30%;}
.area_icon > li:nth-child(2){background:url(../images/main/icon_business02.svg)no-repeat center 36%; background-size:30%;}
/*.area_icon > li:nth-child(3){background:url(../images/main/icon_business03.svg)no-repeat center 36%; background-size:30%;}*/
.area_icon > li.four{background:url(../images/main/icon_business04.svg)no-repeat center 36%; background-size:30%;}
.area_icon > li.five{background:url(../images/main/icon_business06.svg)no-repeat center 36%; background-size:30%;}
.area_icon > li.six{background:url(../images/main/icon_business07.svg)no-repeat center 36%; background-size:30%;}
.area_icon > li.seven{background:url(../images/main/icon_business08.svg)no-repeat center 36%; background-size:30%;}
/*.area_icon > li:nth-child(5){margin:0; background:url(../images/main/icon_business05.svg)no-repeat center 36%; background-size:17%;}*/
body.ie .area_icon > li:nth-child(5){background-size:32%;}
.area_icon > li > a > p{padding-top:115px; font-size:20px; color:#fff;}
#bg, #bg_one, #bg_two, #bg_three, #bg_four{opacity: 0; transition: all 1s ease;}
#bg.visible, #bg_one.visible, #bg_two.visible, #bg_three.visible, #bg_four.visible{opacity: 1; transition: all 1s ease;}
.hero-bg {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-size: cover;
  background-position: top; 
  background-repeat: no-repeat;
  position: absolute;
}

#bg_one {
  z-index: 1;
  opacity: 0;
}

#bg_two {
  z-index: 2;
  opacity: 0;
}

#bg_three {
  z-index: 3;
  opacity: 0;
}

#bg_four {
  z-index: 4;
  opacity: 0;
}



/* partners */
#section3{position:relative; background:url(../img/main/bg_partner.jpg)no-repeat center; background-size:cover; overflow:hidden;}
#section3 .tit_main{display:block; text-align:left; color:#fff;}
#section3 .area_btn{position:absolute; top:28px; right:0;}
#section3 .area_btn .btn_more{display:block;}
#section3 .area_btn .btn_more span{position:relative; font-size:15px; color:#fff; font-weight:bold; padding-right:19px;}
#section3 .area_btn .btn_more span:before{content:''; position:absolute; top:4px; right:0; width:10px; height:10px; background:url(../img/main/icon_plus.svg)no-repeat center; background-size:contain;}
.partner_box{position:relative; padding:0 0 90px; overflow:hidden;}
.partnerSwiper {position:relative; width:100%; height:auto; margin:60px 0 0; background:#fff; opacity:0; transition:all 800ms ease; transform:translateY(50px);}
.active .partnerSwiper{opacity:1; transform:translateY(0); transition-delay:0.5s;}
.partnerSwiper .swiper-wrapper{}
.partnerSwiper .swiper-slide{position:relative; width:100%; height:285px; border-right:1px solid #eee; box-sizing:border-box;}
.partnerSwiper .swiper-slide > a{display:block; width:100%; height:100%;}
.partnerSwiper .swiper-slide > a img{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.partnerSwiper .box_scroll{position:relative; height:50px;}
.partnerSwiper.swiper-container-horizontal > .swiper-scrollbar{opacity:1 !important; position:absolute; left:100px; bottom:-77px; width:calc(100% - 100px); height:3px; background:rgba(255,255,255,0.2);}
.partnerSwiper .swiper-scrollbar{border-radius:0;}
.partnerSwiper .swiper-scrollbar-drag{background:#18bbe3; border-radius:0;}
.swiper-button-prev, .swiper-button-next{position:absolute; bottom:-81px; width:16px; height:10px; background:url(../img/common/icon_arr_wt.svg)no-repeat center; background-size:contain; z-index:999; cursor:pointer;}
.swiper-button-prev{transform:rotate(-180deg);}
.swiper-button-next{left:60px; right:unset;}
.swiper-button-next:before{content:''; position:absolute; top:0; left:-24px; width:1px; height:10px; background:rgba(255,255,255,0.2);}


/* bn */
#section4{position:relative; overflow:hidden;}
#section4:before{content:''; position:absolute; top:-229px; right:-154px; width:730px; height:640px; background:url(../img/common/icon_simbol_gray.svg)no-repeat center; background-size:contain;}
.list_bn{display:flex; margin:60px 0 0; opacity:0; transition:all 800ms ease; transform:translateY(50px);;}
.active .list_bn,
.fp-viewing-5 .list_bn{opacity:1; transform:translateY(0); transition-delay:0.5s;}

.list_bn > li{position:relative; overflow:hidden;  background:#fff; margin:0 80px 0 0; width:calc((100% / 3) - 20px); height:380px; box-sizing:border-box; transition:all 0.3s ease;}
.list_bn > li > a{display:block; width:100%; height:100%;}
.list_bn > li:last-child{margin:0;}
.list_bn > li > a .area_img{position:relative; display:block; width:100%; height:100%; transform:scale(1,1); transition:all 0.3s ease;}
.list_bn > li > a .area_img img{width:100%; height:100%; transform:scale(1,1); transition:all 0.3s ease;}
.list_bn > li.catalog > a .area_img{background:url(../img/main/img_catalog.jpg)no-repeat center; background-size:cover;}
.list_bn > li.video > a .area_img{background:url(../img/main/img_video.jpg)no-repeat center; background-size:cover;}
.list_bn > li.news > a .area_img{background:url(../img/main/img_news.jpg)no-repeat center; background-size:cover;}
.list_bn > li > a .area_txt{position:absolute; right:0; bottom:0; width:180px; background:#fff; padding:25px 30px 20px; box-sizing:border-box; text-align:left;}
.list_bn > li > a .area_txt > span{font-size:15px; font-weight:bold; color:#113b8c; text-transform:uppercase;} 
.list_bn > li > a .area_txt > h3{display:block; margin:5px 0 0; line-height:1.3em; font-size:20px; font-weight:bold; color:#222;}
.list_bn > li:hover{box-shadow: 0px 10px 21px 9px rgba(0, 0, 0, 0.04);}
.list_bn > li:hover > a .area_img{transform:scale(1.05,1.05);}
#section4 .obj_txt{position:absolute; left:50%; bottom:-18px; width:100%; transform:translateX(-50%); font-size:115px; font-weight:bold; text-transform:uppercase; color:#222; opacity:0.05; transition:all 0.3s ease; font-family: 'Poppins', sans-serif; line-height:1em;}



@-webkit-keyframes txtUp {
  from {
    -webkit-transform:translate3d(0, 250%, 0);
    transform:translate3d(0, 250%, 0);
    visibility:visible;
    opacity:0;
  }
  to {
    -webkit-transform:translate3d(0, 0, 0);
    transform:translate3d(0, 0, 0);
    opacity:1;
  }
}

@keyframes txtUp {
  from {
    -webkit-transform:translate3d(0, 250%, 0);
    transform:translate3d(0, 250%, 0);
    visibility:visible;
    opacity:0;
  }
  to {
    -webkit-transform:translate3d(0, 0, 0);
    transform:translate3d(0, 0, 0);
    opacity:1;
  }
}


@-webkit-keyframes txt_animation {
	from {
		transform:translate3d(0,0,0)
	}
	to {
		transform:translate3d(-51.54%,0,0)
	}
}
@keyframes txt_animation {
	from {
		transform:translate3d(0,0,0)
	}
	to {
		transform:translate3d(-51.54%,0,0)
	}
}

@keyframes dash {
  from {
    stroke-dashoffset: 916;    
  }
  to {
    stroke-dashoffset: 0;    
  }
}

@keyframes visualAniTitle{
	0%{transform: translate3d(0, 70px, 0);opacity: 0; visibility: hidden;}
	100%{transform: translate3d(0, 0, 0);opacity: 1;visibility: visible;}
}



#en .list_bn > li > a .area_txt > h3{margin:0;}
@media (max-width:1800px){
	#section1 .box{width:80%;}
}
@media (max-width:1700px){
	#section1:before{width:26%;}
}
@media (max-width:1600px){
	.box_right{left:415px;}
	.box_right .slick-list.draggable{margin:0 -25px;}
	.box_right .slick-slide{margin:0 25px;}
	.area_visual .slick-prev{left:120px;}
	.area_visual .slick-next{left:235px;}
	.custom_paging{left:155px;}

	.list_bn > li{margin:0 60px 0 0; width:calc((100% / 3) - 40px); width:-webkit-calc((100% / 3) - 40px);} 
}
@media (max-width:1500px){
	#section4 .obj_txt{font-size:100px;}
}
@media (max-width:1400px){
	#section1:before{width:19%;}
	.box_left .pd_title h3{font-size:40px;}
	.box_right{width:calc(100% + 20px);}
	.box_right .slick-list.draggable{margin:0 -20px;}
	.box_right .slick-slide{padding:60px 10px 0; margin:0 20px;}
	.box_right, .box_right .pd_img, .box_right .slick-track{height:400px;}
	.box_left .pd_title .btn_more{padding:20px;}

	.list_bn > li{margin:0 40px 0 0; width:calc((100% / 3) - 25px); width:-webkit-calc((100% / 3) - 25px); height:350px;} 
	.list_bn > li > a .area_txt{padding:20px 25px 15px;}
}
@media (max-width:1300px){
	nav.area_aside{width:80px;}
	#section1 .bg_wt{width:80px;}
	.main_txt h3{font-size:60px;}
	.area_visual .slick-prev{left:100px;}
	.area_visual .slick-next{left:215px;}
	.custom_paging{left:135px;}
	#section4 .obj_txt{font-size:90px;}
}

@media (max-width:1200px){
	nav.area_aside{display:none;}
	.area_visual .slick-arrow{bottom:40px;}
	.area_visual .slick-prev{left:30px;}
	.area_visual .slick-next{left:145px;}
	.custom_paging{bottom:37px; left:65px;}

	#section1 .box .tit_main{margin:0 0 55px; font-size:55px;}
	#section1 .bg_wt{display:none;}
	#section1 .box{width:90%;}
	.fp-viewing-page03 .box_product{opacity: 1; transform: translateY(0);}
	.box_right{left:40%;}
	.box_right .slick-list.draggable{margin:0 -15px;}
	.box_right .slick-slide{margin:0 15px; padding:45px 10px 0;}
	.box_left{width:40%; padding:0 60px 0 0;}
	.box_left .pd_title h3{font-size:33px;}
	.box_left .pd_title .slick-slide > span{margin:20px 0 0;}
	.box_left .pd_title .btn_more{width:175px; margin:35px 0 0;}
	
	.tit_main{font-size:55px;}
	.area_icon{left:0; width:100%;}
	.fp-viewing-page04 .area_icon > li{opacity: 1; transform: translateY(0);}
	.area_icon > li:last-child{border-right:none;}
	.area_icon > li .box_icon .icon{width:70px; height:70px;}
	.area_icon > li.four .box_icon .icon{background-size:25px 25px;}
	.area_icon > li .cont span{font-size:50px;}

	#section3,
	#section4{display: block; width: 100%; height: auto !important; table-layout: fixed;}
	#section3 .fp-tableCell,
	#section4 .fp-tableCell{display:block; height:auto !important;}
	#section3{padding:100px 0;}
	.partner_box{padding-bottom:50px;}
	.fp-viewing-page05 .partnerSwiper{opacity: 1; transform: translateY(0);}
	.swiper-button-prev, .swiper-button-next{bottom:-44px;}
	.partnerSwiper.swiper-container-horizontal > .swiper-scrollbar{bottom:-40px;}

	#section4{padding:100px 0;}
	.list_bn{margin:40px 0 0;}
	.list_bn > li{height:300px;}
	.list_bn > li > a .area_txt{padding:15px 0 10px 15px; width:150px;}
	.list_bn > li > a .area_txt > span{font-size:14px;}
	.list_bn > li > a .area_txt > h3{margin:2px 0 0; font-size:18px;}
}

@media (max-width:1100px){
	#section4 .obj_txt{font-size:80px;}
}
@media (max-width:1024px){
	nav.area_aside{width:70px;}
	.main_txt h3{font-size:55px;}
	#scrolldown{right:-20px;}
	.area_visual .img{background-position:30% 50%;}

	.box_product{flex-wrap: wrap; flex-direction: column-reverse;}
	.box_left{width:100%; padding:0;}
	.box_right{position:relative; left:0; width:100%;}
	#section1{display: block; width: 100%; height: auto !important; table-layout: fixed; padding:70px 0 80px;}
	#section1 .fp-tableCell{display:block; height:auto !important;}
	#section1 .box .tit_main{font-size:50px; margin:0 0 40px;}
	.box_right{margin:0 0 30px;}
	.box_right .slick-list.draggable{margin:0 -10px;}
	.box_right .slick-slide i{padding:7px 10px;}
	.box_right .slick-slide{margin:0 10px; padding:60px 10px 0;}
	.box_right img{width:auto; height:220px;}
	.box_right, .box_right .pd_img, .box_right .slick-track{height:350px;}
	.box_right .slick-slide h4{bottom:30px; font-size:20px;}

	.tit_main{font-size:50px;}
	.area_icon > li .box_icon .icon{width:60px; height:60px;}
	.area_icon > li.four .box_icon .icon{background-size:20px 20px;}
	.area_icon > li .cont span{font-size:45px;}

	.partnerSwiper{margin:40px 0 0;}
	.partnerSwiper .swiper-slide{height:245px;}
	
	.list_bn > li{margin:0 20px 0 0; width:calc((100% / 3) - 13px); width:-webkit-calc((100% / 3) - 13px); height:280px;}
	.list_bn > li > a .area_txt{width:130px;}
	#section4 .obj_txt{font-size:70px;}
	
	
	.top_bottom{margin-bottom: 4rem}

}

@media (max-width:850px){
	.box_right, .box_right .pd_img, .box_right .slick-track{height:330px;}
	.box_right img{width:auto; height:200px;}
	#section2{display: block; width: 100%; height: auto !important; table-layout: fixed; padding:50px 0 0;}
	#section2 .fp-tableCell{display:block; height:auto !important;}
	#section2 .tit_main{position:relative; top:unset; left:unset; transform:none; margin:0 0 40px;}
	.area_icon{position:relative; flex-wrap: wrap; border-top:1px solid rgba(255,255,255,0.1);}
	.area_icon > li{width:50%; height:300px;}
	.area_icon > li:nth-child(n+3){border-top:1px solid rgba(255,255,255,0.1);}
	.area_icon > li .cont{margin:15px 0 0;}
	
	.list_bn{flex-wrap: wrap; justify-content: center;}
	.list_bn > li{width:calc((100% / 2) - 10px); width:-webkit-calc((100% / 2) - 10px);}
	.list_bn > li:nth-child(1){margin-bottom:20px;}
	#section4 .obj_txt{display:none;}
}

@media (max-width:767px){
	.main_txt h3{font-size:45px;}
	.area_visual .slick-prev{left:20px;}
	.area_visual .slick-next{left:120px;}
	.custom_paging{left:50px;}
	#section1{padding:50px 0 60px;}
	#section1 .box .tit_main{margin:0 0 35px; font-size:45px;}	
	.tit_main{font-size:45px;}
	.partnerSwiper{margin:30px 0 0;}
	#section3{padding:60px 0;}
	.partnerSwiper{margin:20px 0 0;}
	#section2 .tit_main{margin:0 0 35px;}
}
@media (max-width:650px){
	.list_bn > li{height:260px;}
	.partnerSwiper .swiper-slide{height:210px;}
}
@media (max-width:600px){
	.main_txt h3{font-size:40px;}
}
@media (max-width:550px){
	.main_txt h3{font-size:35px;}
	.custom_paging{bottom:27px;}
	.custom_paging li{font-size:15px;}
	.area_visual .slick-arrow{bottom:30px;}
	#scrolldown{bottom:80px; right:-30px;}	
	.area_visual .img{background-position:28% 50% !important;}
	
	#section1{padding:40px 0 50px;}
	#section1:before{display:none;}
	#section1 .box .tit_main{font-size:40px; margin:0 0 20px;}
	.box_right, .box_right .pd_img, .box_right .slick-track{height:270px;}
	.box_right img{width:auto; height:170px;}	
	.box_right .slick-slide i{font-size:14px; padding:5px 7px;}
	.box_right .slick-list.draggable{margin:0 -5px;}
	.box_right .slick-slide{margin:0 5px; padding:45px 10px 0;}
	.box_right .slick-slide h4{font-size:17px; bottom:20px;}
	.box_left .pd_title h3{margin:7px 0 0;}
	.box_left .pd_title em{font-size:16px;}
	.box_left .pd_title .slick-slide > span{margin:10px 0 0;}
	.box_left .pd_title .btn_more{margin:25px 0 0; padding:15px; width:140px;}
	.box_left .pd_title .btn_more span{font-size:15px;}

	#section2{padding:40px 0 0;}
	#section2 .tit_main{margin:0 0 20px; }
	.area_icon > li{height:220px;}
	.area_icon > li .box_icon .icon{width:53px; height:53px; background-size:22px 22px !important;}
	.area_icon > li .box_icon h3{margin:12px 0 0; font-size:18px;}
	.area_icon > li .cont{margin:5px 0 0;}
	.area_icon > li .cont span{font-size:35px;}
	.area_icon > li .cont i{font-size:16px;}
	
	#section3{padding:40px 0;}
	.partnerSwiper.swiper-container-horizontal > .swiper-scrollbar{bottom:-30px;}
	.swiper-button-prev, .swiper-button-next{bottom:-34px;}
	.partner_box{padding-bottom:40px;}
	
	#section4{padding:40px 0;}
	.tit_main{font-size:40px;}
	.list_bn{margin:20px 0 0;}
	.list_bn > li{width:90%; margin:0 auto 20px;}
	.list_bn > li:last-child{margin-bottom:0;}

	

}
@media (max-width:450px){
	.main_txt h3{font-size:30px;}
	.tit_main{font-size:35px; line-height:0.8em;} 
	.area_icon > li .cont span{font-size:30px;}
	.box_right img{height:150px;}
	.box_right, .box_right .pd_img, 
	.box_right .slick-track{height:245px;}
	.box_right .slick-slide{padding:30px 10px 0;}
	.box_right .slick-slide i{font-size:13px;}
	.box_left .pd_title h3{font-size:30px;}
	.area_icon > li .box_icon h3{font-size:17px;}
	.partnerSwiper .swiper-slide{height:190px;}
	.list_bn > li{width:100%; margin:0 auto 10px;}
	.list_bn > li:nth-child(1){margin-bottom:10px;}
	.partnerSwiper .swiper-slide > a img{height:70px;}
	#section3 .area_btn{top:12px;}
	#section3 .area_btn .btn_more span{font-size:14px;}
	.list_bn > li > a .area_txt{padding:10px 0 10px 12px; width:100px;}
	.list_bn > li > a .area_txt > span{font-size:13px;}
	.list_bn > li > a .area_txt > h3{font-size:16px;}

}
@media (max-width:400px){
	.main_txt h3{font-size:25px;}
	.tit_main{font-size:30px;}
}
@media (max-width:370px){
	..partnerSwiper .swiper-slide{height:170px;}
	.list_bn > li{height:240px;}
}