@charset "utf-8";



.tbl{display:table;width:100%;table-layout:fixed;}
.cell{display:table-cell !important;}

.company_menu{position:fixed;top:50%;right:36px;-webkit-transform:translate3d(0px, -50%, 0);transform:translate3d(0px, -50%, 0);z-index:10;}
.company_menu li{position:relative;overflow:hidden;line-height:1em;margin:0;padding:15px 0;border-radius:0;background:transparent;opacity:1;font-size:16px;}
.company_menu li:before, .company_menu li:after{content:"";position:absolute;right:6px;width:1px;background:#666;}
.company_menu li:before{top:0;height:18px;}
.company_menu li:after{bottom:0;height:17px;}
.company_menu li:first-child::before{display:none;}
.company_menu li:last-child::after{display:none;}
.company_menu li a{display:block;position:relative;overflow:hidden;line-height:1em;padding-right:25px;text-align:right;text-transform:uppercase;color:#666;}
.company_menu li a span{opacity:0.5;transition:all 0.5s ease-out;}
.company_menu li a:after{content:"";position:absolute;top:50%;right:1px;width:11px;height:11px;margin-top:-5px;box-sizing:border-box;border:solid 1px #666;border-radius:100%;transition:all 0.5s ease-out;}
.company_menu li.active a:after{background:#666;}
.company_menu li.active span{opacity:1;}

.certificate{background:#f4f4f4;}
.certificate p{line-height:20px;font-size:16px;}
.ct_list{padding-top:100px;}
.ct_list .swiper-slide{position:relative;padding:0 20px 30px 20px;border-left:1px solid #ddd;}
.ct_list .swiper-slide:first-child{border-left:0;}
.ct_list .num{font-size:44px;padding-bottom:20px;font-weight:700;color:#888;transition:ease-in 0.3s;text-align:left;line-height:1.5;}
.ct_list .pr{padding:25px 0 30px;font-weight:500;font-size:18px;}
.ct_list .pr.pink_red{color:#d72d86;font-size:22px;font-weight:700;}
.ct_list .pr .og{color:#ef8200;}
.ct_list .pr .pr_blue{color:#005dab;}
.ct_list .img_num{padding-top:10px;}
.ct_list .img_num strong{font-weight:500;}
.ct_list .pr_img{padding-bottom:20px;}


.section{text-align:center;}
.section h1{position:relative;font-size:50px;padding:80px 0 35px;}
.section h1:after{content:"";display:block;width:32px;height:4px;background:#f5805a;position:absolute;bottom:0;left:50%;transform:translateX(-50%);}
.section .tit_txt{font-size:20px;padding-top:40px;line-height:26px;}
.map_frame{padding:50px 0;}
.map_wrap h2{position:relative;font-size:35px;text-align:left;padding-top:15px;}
.map_wrap h2:after{content:"";width:24px;height:3px;background-color:#333;position:absolute;top:0;left:0;}
.map_wrap h2 span{font-size:25px;}
.location_info{padding:30px 0 50px;}
.location_info:after{content:'';display:block;clear:both;}
.location_info div{position:relative;float:left;font-size:20px;font-weight:500;padding:10px 0 0 45px;}
.location_info div:after{content:'';display:block;width:30px;height:48px;position:absolute;top:0;left:0;background:url('../images/company/bg_icon1.png') center center no-repeat;background-size:30px 48px;}
.location_info ul{float:right;margin-top:-8px;}
.location_info ul li{text-align:left;font-size:18px;}
.location_info ul li:first-child{padding-bottom:3px;}
.location_info ul li strong{display:inline-block;width:80px;}
.location_info br{display:none;}

.main_cnt{transform:translate(0px, -100px);}
.main_cnt h3{line-height:1.25em;font-size:4em;color:#fff;}
.main_cnt .txt01{margin-top:2.0em;font-size:1.25em;color:#fff;}
.vis_txt_box{position:relative;padding:140px 12px 0;transition:all .5s;}
.vis_txt_box:before{content:"";position:absolute;left:50%;top:0;width:1px;height:0;background:#fff;transition:opacity .5s,height .5s;opacity:0;}
.company_vis.tbl{width:100%;height:100%;box-sizing:border-box;}
.company_vis .main_cnt.cell{width:100%;vertical-align:middle;}

.vis_wrap .swiper-slide .bg{position:absolute;left:0;top:0;width:100%;height:100%;}
.vis_slide [class*="vis_section"] .bg{background-position:center center;background-repeat:no-repeat;background-size:cover;}
.vis_slide, .vis_slide .swiper-slide{overflow:hidden;height:100%;}
/*.vis_slide .vis_section .bg{background-image:url('../images/company/company_vis1.jpg');}
.vis_slide .vis_section2 .bg{background-image:url('../images/company/company_vis2.jpg');}
.vis_slide .vis_section3 .bg{background-image:url('../images/company/company_vis3.jpg');}*/

.vis_slide .swiper-pagination-bullet p{display:none;}
.swiper-slide>div{height:100%;}

.vis_slide .swiper-pagination-bullets.vis_paging{bottom:40px;}
.vis_slide .swiper-pagination-bullets.vis_paging .swiper-pagination-bullet{width:80px;height:auto;margin:14px 10px 2px;font-size:1em;color:#fff;border-radius:0;background:transparent;vertical-align:top;opacity:1;}
.vis_slide .swiper-pagination-bullets.vis_paging .swiper-pagination-bullet p{display:none;}
.vis_slide .swiper-pagination-bullets.vis_paging .swiper-pagination-bullet .rect{position:relative;overflow:hidden;height:4px;margin-bottom:10px;background:#fff;box-sizing:border-box;opacity:0.55;}
.vis_slide .swiper-pagination-bullets.vis_paging .swiper-pagination-bullet .rect:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:#fff;transform:scaleX(0);transition:all 5s;transform-origin:left;opacity:1;}
.vis_slide .swiper-pagination-bullets.vis_paging .swiper-pagination-bullet-active .rect{opacity:1;background:transparent;}
.vis_slide .swiper-pagination-bullets.vis_paging .swiper-pagination-bullet-active .rect:before{transform:scaleX(1);}

.main_cnt .btns a.view_more,
.main_cnt .view_more a{position:relative;}
.main_cnt .btns a.view_more:before,
.main_cnt .view_more a:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:#f5805a;transform:translateX(-110%);transition:.2s cubic-bezier(0.25, 0.25, 0.75, 0.75);z-index:0;}
.main_cnt .btns a.view_more:hover,
.main_cnt .view_more a:hover{border:#f5805a;text-decoration:none !important;color:red;}
.main_cnt .btns a.view_more:hover::before,
.main_cnt .view_more a:hover::before{transform:translateX(0);}


.vis_slide [class*="vis_section"] .company_vis.tbl:after{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.1);transform:translateX(0);transition:ease 1.5s;transition-delay:1s;}
.vis_slide [class*="vis_section"].swiper-slide-active .company_vis.tbl:after{transform:translateX(100%);}
.vis_slide [class*="vis_section"].swiper-slide-prev .company_vis.tbl:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(51,51,51,.7);z-index:100;}
.vis_slide [class*="vis_section"].swiper-slide-prev .bg{transform:scale(1);}
.vis_slide [class*="vis_section"] .bg{transform:scale(1.2);transition:5s;}
.vis_slide [class*="vis_section"].swiper-slide-active .bg{transform:scale(1);transition-delay:1.5s;animation-name:main-bg-active;animation-duration:4.9s;animation-timing-function:linear;animation-delay:1s;animation-fill-mode:forwards;}

@keyframes main-bg-active{
	0%{transform:scale(1.2);}
	100%{transform:scale(1);}
}
.vis_wrap .swiper-slide-active .vis_txt_box:before{height:100px;transition-delay:.5s;opacity:1;}
.vis_wrap h3{transform:translate(0px, -30px);transition:opacity .75s ease-in-out, transform 1s ease-in-out;opacity:0;text-shadow:6px 2px 2px #000;}
.vis_wrap .swiper-slide-active .main_cnt h3{transform:translate(0px, 0px);opacity:1;transition-delay:1s;}
.vis_wrap .txt01{transform:translate(0px, -20px);transition:opacity .75s ease-in-out, transform 1s ease-in-out;opacity:0;}
.vis_wrap .swiper-slide-active .main_cnt .txt01{transform:translate(0px, 0px);opacity:1;transition-delay:1.5s;text-shadow:1px 1px 5px rgb(0 0 0 / 90%);font-size:18px;}
.vis_wrap .btns{opacity:0;transition:all .6s;transform:translateX(20%);}
.vis_wrap .swiper-slide-active .btns{opacity:1;transform:translateX(0);transition-delay:2.1s;}
.vis_wrap .swiper-slide-prev .btns{transform:translateX(0);}





.btns{margin-top:70px;}
.view_more{display:inline-block;position:relative;overflow:hidden;width:200px;height:56px;border:1px solid #fff;background:rgba(255,255,255,0.5);box-sizing:border-box;transition:all .3s ease;}
.view_more > span{display:inline-block;position:relative;line-height:54px;white-space:nowrap;color:#666;opacity:1;transition:all .3s ease;}
.view_more:hover > span{color:#fff;}
.view_more.small{width:160px;height:48px;}
.view_more.small > span{line-height:46px;}




.section footer h1{text-align:left;font-size:23px;padding:0;}
.section footer h1:after{display:none;}





@media all and (max-width:1400px){
	.info_wrap{padding:0 20px;}
	.certificate_wrap{padding:0 20px;}
}

@media all and (max-width:1280px){
	.company_menu{right:10px;}

	.section h1{padding-top:0;}
	.location_info br{display:block;}
	.location_info div{text-align:left;font-size:18px;padding:0 0 0 45px;}
	.location_info div:after{background-size:25px 40px;}
	.location_info ul{margin-top:-5px;}
	
	.bottom_f dl{text-align:left;}
}

@media all and (max-width:1080px){
	.company_vis{padding:0 24px;}
	.company_menu li a span,
	.company_menu li.active a span{opacity:0;}


	.btns{margin-top:50px;}
	.view_more{width:170px;height:46px;}
	.view_more > span{line-height:44px;}
	.view_more.small{width:150px;height:42px;}
	.view_more.small > span{line-height:40px;}

	a.newW:after, a.arrow:after{width:16px;height:16px;margin-left:7px;background-size:16px auto;}

	.swiper-container-horizontal > .swiper-pagination-bullets.vis_paging .swiper-pagination-bullet{height:4px;margin:13px 4px 0 4px;}
	.swiper-container-horizontal > .swiper-pagination-bullets.vis_paging .swiper-pagination-bullet .rect{margin:0 0 7px 0;}
	
}

@media all and (max-width:800px){

	
	/*.vis_slide .vis_section .bg{background:url('../images/company/company_vis1_m.jpg') center center no-repeat;background-size:cover;}
	.vis_slide .block02-slice01{background:url('../images/company/company_vis2_m.jpg') center center no-repeat;background-size:cover;}
	.vis_slide .block02-slice02{background:url('../images/company/company_vis3_m.jpg') center center no-repeat;background-size:cover;}*/

	.swiper-container-horizontal > .swiper-pagination-bullets.vis_paging{bottom:50px;}
	.swiper-container-horizontal > .swiper-pagination-bullets.vis_paging .swiper-pagination-bullet{width:50px;margin:10px}
	.swiper-container-horizontal > .swiper-pagination-bullets.vis_paging .swiper-pagination-bullet:first-child{margin-left:0;}
	.swiper-container-horizontal > .swiper-pagination-bullets.vis_paging .swiper-pagination-bullet .rect{margin:0;}

	.btns{margin-top:30px;}


	.news-main_cnt h3{font-size:2.5em;}
	.recent-news > div{padding:0 30px;}

	.view_more{width:150px;}
	.view_more.small{width:120px;}
	.view_more > span{opacity:1;}
	.company_menu{right:5px;}
	.company_menu li:before,
	.company_menu li:after{display:none;}
	.company_menu li{padding:5px 0;}

	.main_cnt{transform:translate(0px, -50px);}
	.main_cnt .bold + p, .main_cnt .txt01{margin-top:1.5em;font-size:1.125em;}
	.main_cnt h3{font-size:2.0em;}
	.main_cnt .btns a.view_more:active,
	.main_cnt .view_more a:active{color:#fff;background:#0018a8;}

	.main-block01 .bold{font-size:2.0em;}
	.vis_wrap .bold{font-size:2.0em;color:#fff;}
	.vis_wrap .bold > em{display:block;margin-top:-5px;font-size:1rem;}
	
	a.newW:after, a.arrow:after{width:12px;height:12px;margin-left:7px;background-size:12px auto;}

	.vis_txt_box{padding-top:70px;}
	.main-block01 .swiper-slide-active .vis_txt_box:before,
	.vis_wrap .swiper-slide-active .vis_txt_box:before,
	.vis_txt_box:before{height:50px;}

	.map_wrap h2{padding-top:10px;font-size:25px;}
	.map_wrap h2:after{width:17px;height:2px;}
	.location_info br{display:none;}
	.location_info div{float:none;padding:10px 0 0 35px;}
	.location_info ul{float:none;padding-top:30px;}


	.section footer h1{text-align:center;padding-top:20px;}
	
}

@media all and (max-width:600px){

	.section h1{font-size:35px;padding:50px 0 25px;}
	.certificate_wrap{padding:0 10px;}
	.section .tit_txt{padding-top:20px;font-size:18px;line-height:24px;}
	.ct_list{padding-top:30px;}
	.ct_list .num{padding-bottom:0;}
	.ct_list .pr{padding:15px 0 20px;}
	.ct_list .swiper-slide{border-left:0;padding:0;}
	
	.map_frame{padding:30px 0;}
	.map_frame iframe{height:200px;}
	.info_wrap{padding:0 10px;}
	.location_info{padding-top:10px;}
	.location_info div{font-size:16px;padding:0 0 0 35px;}
	.location_info ul{padding-top:20px;}
	.location_info ul li{font-size:16px;}


}

@media all and (max-width:400px){
	.swiper-container-horizontal > .swiper-pagination-bullets.vis_paging .swiper-pagination-bullet{width:40px;margin:10px 8px;}
}