/*.bx-wrapper{height: 100%;}
.bx-viewport {
  -webkit-transform: translatez(0);
  height: 100% !important;
}
.bx-has-pager{bottom: 15px; left: 50%; position: absolute; transform: translateX(-50%);}
.bx-has-pager .bx-pager{display: flex; justify-content: center; width: 60px; margin: 0 auto; justify-content: space-between;}
.bx-has-pager .bx-pager .bx-pager-item a{display: block; font-size: 0; width: 15px; height: 15px; border-radius: 50%; background: #fff;}
.bx-has-pager .bx-pager .bx-pager-item .bx-pager-link.active{background: #f35a05;}

.container{max-width: 1280px; margin: 0 auto;}
.main_wrap .banner{width: 100%; height: 700px; position: relative;}
.main_wrap .banner ul{width: 100%; height: 100%;}
.main_wrap .banner ul li{height: 100%; position: relative;}
.main_wrap .banner ul li .bg{-webkit-animation: zoom 9s ease; animation: zoom 9s ease; animation-fill-mode: backwards; animation-direction:alternate;}
.main_wrap .banner ul li .bg1{background: url("<?php echo G5_IMG_URL ?>/pages/main_b1.jpg") no-repeat; background-size: cover; background-position: center; width: 100%; height: 100%;}
.main_wrap .banner ul li .bg2{background: url("<?php echo G5_IMG_URL ?>/pages/main_b2.jpg") no-repeat; background-size: cover; background-position: center; width: 100%; height: 100%;}
.main_wrap .banner ul li .bg3{background: url("<?php echo G5_IMG_URL ?>/pages/main_b3.jpg") no-repeat; background-size: cover; background-position: center; width: 100%; height: 100%;}
.main_wrap .banner ul li.slide_1 img{display: block; margin: 0 auto; animation-delay: 0.5s;  padding-bottom: 60px; padding-right: 36px; -webkit-animation-name: fade1; animation-duration: 2s; animation-name: fade1; animation-fill-mode: both;}
.main_wrap .banner ul li.slide_1 .text{top: 51%;}
.main_wrap .banner ul li .text{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 1; }
.main_wrap .banner ul li .text p{color: #fff; font-size: 35px; text-align: center; opa -webkit-animation-name: fade1; animation-duration: 2s; animation-name: fade1; animation-delay: 1s; animation-fill-mode: both;}
.main_wrap .banner ul li .text .more{display: block; width: 210px;  height: 40px; line-height: 40px; font-size: 17px; border: 1px solid #fff; border-radius: 30px; text-align: center; margin: 0 auto; color: #fff; animation-delay: 1.5s; font-family: 'GmarketSansLight'; margin-top: 30px; -webkit-animation-name: fade1; animation-duration:2s; animation-name: fade1; animation-fill-mode: both;}
.main_wrap .banner ul li .text .more:hover{background: rgba(0,0,0,.8); color: #fff; border: 1px solid rgba(0,0,0,.8);}
@keyframes zoom{
    0%{transform: scale(1.3);}
   
    100% {
        transform: scale(1);
        }
  }
@keyframes fade1{
    0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 15px, 0);
    transform: translate3d(0, 15px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}


.main_wrap .main_section{padding: 100px 20px;}
.main_wrap .main_section_1 .section1_box ul{display: flex; justify-content: space-between;}
.main_wrap .main_section_1 .section1_box ul li{position: relative; width: 24%; height: 600px;padding: 20px;}
.main_wrap .main_section_1 .section1_box ul li:hover .box_text{opacity: 1; transition: all .3s;}
.main_wrap .main_section_1 .section1_box ul li .box_text{position: absolute; top: 0; left: 0; background: rgba(0,0,0,.7); width: 100%; height: 100%;  padding: 20px; font-family: 'GmarketSansLight';  border: 3px solid transparent; transition: all .2s; opacity: 0;}
.main_wrap .main_section_1 .section1_box ul li .box_text:hover{border:3px solid #f35a05}
.main_wrap .main_section_1 .section1_box ul li .box_text .text_more{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%;}
.main_wrap .main_section_1 .section1_box ul li.box_1{background: url("<?php echo G5_IMG_URL ?>/pages/poduct_img1.jpg") no-repeat; background-size: cover; background-position: center;}
.main_wrap .main_section_1 .section1_box ul li.box_2{background: url("<?php echo G5_IMG_URL ?>/pages/poduct_img2.jpg") no-repeat; background-size: cover; background-position: center;}
.main_wrap .main_section_1 .section1_box ul li.box_3{background: url("<?php echo G5_IMG_URL ?>/pages/poduct_img3.jpg") no-repeat; background-size: cover; background-position: center;}
.main_wrap .main_section_1 .section1_box ul li.box_4{background: url("<?php echo G5_IMG_URL ?>/pages/poduct_img4.jpg") no-repeat; background-size: cover; background-position: center;}
.main_wrap .main_section_1 .section1_box ul li h3{color: #fff; font-size: 30px;  letter-spacing: -1px; font-family: 'GmarketSansLight'; position: relative; z-index: 1;}
.main_wrap .main_section_1 .section1_box ul li h3:after{display: block; content: ""; position: absolute; bottom: 0; width: 84px; height: 2px; background: #fff;}
.main_wrap .main_section_1 .section1_box ul li.box_4 h3:after{display: block; content: ""; position: absolute; bottom: 0; width: 56px; height: 2px; background: #fff;}
.main_wrap .main_section_1 .section1_box ul li .box_text .text_more p{color: #fff; font-size: 22px; text-align: center;}
.main_wrap .main_section_1 .section1_box ul li .box_text .text_more a{display: block; width: 150px; height: 50px; line-height: 50px; font-size: 17px; border: 1px solid #fff; border-radius: 30px; text-align: center; margin: 0 auto; color: #fff; margin-top: 30px; transition: all .3s;}
.main_wrap .main_section_1 .section1_box ul li .box_text .text_more a:hover{background: #fff; color: #000;}

.main_wrap .main_section_2{background: url("<?php echo G5_IMG_URL ?>/pages/main_bg.jpg") no-repeat; width: 100%; background-size: 100% 100%; background-position: center; background-attachment: fixed; padding: 150px 20px;}
.main_wrap .main_section_2 .main_section2_box{display: flex; justify-content: space-between;}
.main_wrap .main_section_2 .main_section2_box .vd{width: 59%;}
.main_wrap .main_section_2 .main_section2_box .vd video{width: 100%;}
.main_wrap .main_section_2 .main_section2_box .box_right{width: 39%;}
.main_wrap .main_section_2 .main_section2_box .box_right .right_box{width: 100%;}
.main_wrap .main_section_2 .main_section2_box .box_right .right_box_1{margin-bottom: 10px;}
.main_wrap .main_section_2 .main_section2_box .box_right .right_box ul{display: flex;}
.main_wrap .main_section_2 .main_section2_box .box_right .right_box ul li{width: 50%; position: relative;}
.main_wrap .main_section_2 .main_section2_box .box_right .right_box_1 ul li{background: #fff;}
.main_wrap .main_section_2 .main_section2_box .box_right .right_box_2 ul li{background: #4f4845;}
.main_wrap .main_section_2 .main_section2_box .box_right .right_box_1 ul li.right_img1{background: url("<?php echo G5_IMG_URL ?>/pages/contactus_1.jpg") no-repeat; height: 205px; background-size: cover;}
.main_wrap .main_section_2 .main_section2_box .box_right .right_box_2 ul li.right_img2{background: url("<?php echo G5_IMG_URL ?>/pages/process_1.jpg") no-repeat; height: 205px; background-size: cover;}
.main_wrap .main_section_2 .main_section2_box .box_right .right_box ul li .right_box_text{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%;}
.main_wrap .main_section_2 .main_section2_box .box_right .right_box ul li .right_box_text p{font-size: 26px; text-align: center; line-height: 1.3; color: #2c2c2c; letter-spacing: -1px;}
.main_wrap .main_section_2 .main_section2_box .box_right .right_box_2 ul li .right_box_text p{color: #fff;}
.main_wrap .main_section_2 .main_section2_box .box_right .right_box ul li .right_box_text a{display: block; width: 145px; height: 45px; line-height: 45px; text-align: center; border: 1px solid #000; border-radius: 30px; margin: 0 auto; color: #000; font-size: 16px; margin-top: 10px; font-family: 'GmarketSansLight'; transition: all.3s;}
.main_wrap .main_section_2 .main_section2_box .box_right .right_box_2 ul li .right_box_text a{display: block; width: 145px; height: 45px; line-height: 45px; text-align: center; border: 1px solid #fff; border-radius: 30px; margin: 0 auto; color: #fff; font-size: 16px; margin-top: 10px; font-family: 'GmarketSansLight';}
.main_wrap .main_section_2 .main_section2_box .box_right .right_box_1 ul li .right_box_text a:hover{background: #000; color: #fff; border: 1px solid #000;}
.main_wrap .main_section_2 .main_section2_box .box_right .right_box_2 ul li .right_box_text a:hover{background: #fff; color: #4f4845; border: 1px solid #fff}*/
.side_tel {display:none}

.main_wrap h2 {font-size:3.2rem;margin-bottom:3rem}
.main_wrap .more {width:15rem;height:5rem;line-height:5rem;border:1px solid #1b1b1b;font-weight:700;text-align:center;display:inline-block;transition:.4s}
.main_wrap .more:hover,.main_wrap .more:focus {background:#1b1b1b;color:#fff;border-color:transparent}
.main_wrap .slick-dots:after {display:block;clear:both;content:''}
.main_wrap .slick-dots > li {float:left;}
.main_wrap .slick-dots > li + li {margin-left:.8rem}
.main_wrap .slick-dots button {width:8px;height:8px;border:1px solid #1b1b1b;border-radius:50%;transition:.4s;text-indent:-999999px;display:block;}
.main_wrap .slick-dots .slick-active button {background:#1b1b1b}
.main_wrap .slick-dots {margin-top:-11px;position:relative;z-index:61}
.main_wrap #visual {width:100vw;height:calc(100vh - 11rem)}
.main_wrap #visual .visual_slider {height:100%}
.main_wrap #visual .item {width:100%;height:100%;background:url(/img/main/visual01.jpg) no-repeat center/cover;position:relative}
.main_wrap #visual .item .desc {position:absolute;left:50%;transform:translateX(-50%);top:15.5rem;width:120rem;max-width:95%}
.main_wrap #visual .desc h2 {font-size:3.2rem;font-weight:400;margin-bottom:6.5rem}
.main_wrap #visual .desc h2 strong {display:block;font-size:5.5rem;font-weight:700}
.main_wrap #section1 {padding:10rem 0 17rem;display:none}
.main_wrap #section1 .container:after {display:block;clear:both;content:''}
.main_wrap #section1 .box {float:left;width:25%;text-align:center}
.main_wrap #section1 strong {color:#9f1413;display:block;font-size:4rem;font-weight:700}
.main_wrap #section1 p {font-size:2.4rem}
.main_wrap #section2 {background:#fcfcfc;position:relative;padding:9.5rem 0}
.main_wrap #section2:after {position:absolute;top:0;right:0;width:49.21875%;height:100%;background:url(/img/main/sec2_img01.jpg) no-repeat center/cover;content:''}
.main_wrap #section2 h2 {color:#9f1413}
.main_wrap #section2 .more {margin-top:6rem}
.main_wrap #section3 {text-align:center;padding:17rem 0 18rem;display:none}
.main_wrap #section3 .row {margin:0 0 0 -3rem}
.main_wrap #section3 .col-xs-12 {padding:3rem 0 0 3rem}
.main_wrap #section3 .box {background:#ddd;height:0;padding-bottom:125.26315%;width:100%;position:relative}
.main_wrap #section3 .box .desc {text-align:center;}
.main_wrap #section3 .desc {padding-top:7rem}
.main_wrap #section3 .desc h3 {font-size:3.2rem}
.main_wrap #section3 .desc p {padding-top:0;opacity:0;transition:.4s}
.main_wrap #section3 .box:hover p {padding-top:5rem;opacity:1}
.main_wrap #section4 {background:#fcfcfc;position:relative;padding:14rem 0 8.2rem}
.main_wrap #section4:after {position:absolute;top:0;right:0;width:43.90625%;height:100%;background:url(/img/main/sec4_bg.jpg) no-repeat center/cover;content:''}
.main_wrap #section4 .container {position:relative}
.main_wrap #section4 h2 {color:#9f1413;margin-bottom:1.5rem;font-size:1.7rem;position:relative;z-index:1}
.main_wrap #section4 .desc {position:absolute;left:0;top:0;width:100%}
.main_wrap #section4 .slider_wrap {z-index:1}
.main_wrap #section4 .item {width:120rem;max-width:95%}
.main_wrap #section4 .item:after {display:block;clear:both;content:''}
.main_wrap #section4 .item > * {float:left}
.main_wrap #section4 .more {margin:5rem 0 6rem}
.main_wrap #section4 .txt {padding-top:27rem;width:42.666667%}
.main_wrap #section4 .txt h3 {font-size:3.2rem;opacity:0;transition:.5s}
.main_wrap #section4 .txt p {margin-top:0;opacity:0;transition:.5s .4s}
.main_wrap #section4 .txt .more {margin-top:0;opacity:0;transition:.5s}
.main_wrap #section4 .slick-active .txt h3 {opacity:1}
.main_wrap #section4 .slick-active .txt p {margin-top:3rem;opacity:1}
.main_wrap #section4 .slick-active .txt .more {margin-top:5rem;opacity:1}
.main_wrap #section4 .img {width:0%;display:block;height:0;padding-bottom:560px;transition:1.5s}
.main_wrap #section4 .item .img {background-position:center;background-repeat:no-repeat;background-size:cover}
.main_wrap #section4 .item1 .img {background-image:url(/img/pages/sub0201_03.jpg)}
.main_wrap #section4 .item2 .img {background-image:url(/img/pages/sub0202_03.jpg)}
.main_wrap #section4 .item3 .img {background-image:url(/img/pages/sub0203_03.jpg)}
.main_wrap #section4 .item4 .img {background-image:url(/img/pages/sub0204_03.jpg)}
.main_wrap #section4 .slick-active .img {width:57.333333%}
.main_wrap #section5 {padding-top:17rem;text-align:center}
.main_wrap #section5 .txt_center {margin:9rem 0}
.main_wrap #section5 .row {margin:-3rem 0 0 -3rem}
.main_wrap #section5 .col-xs-12 {padding:3rem 0 0 3rem}
.main_wrap #section5 .col-xs-12 .box {background-position:center;background-size:cover;background-repeat:no-repeat;height:0;padding-bottom:87.5%;position:relative}
.main_wrap #section5 .col-xs-12 .box p {position:absolute;left:50%;transform:translateX(-50%);bottom:5rem;font-size:2.4rem;color:#fff;width:100%;z-index:1}
.main_wrap #section5 .col-xs-12 .box:after{background:linear-gradient(0deg, rgba(17, 17, 17, 0.8) 0%, rgba(255, 255, 255, 0));content:'';position:absolute;left:0;bottom:0;width:100%;height:12rem}
.main_wrap #section5 .col-xs-12:nth-of-type(1) .box {background-image:url(/img/main/sec5_img01.jpg)}
.main_wrap #section5 .col-xs-12:nth-of-type(2) .box {background-image:url(/img/main/sec5_img02.jpg)}
.main_wrap #section5 .col-xs-12:nth-of-type(3) .box {background-image:url(/img/main/sec5_img03.jpg)}

.main_wrap #section6 {text-align:center;padding:17rem 0 14rem}
.main_wrap #section6 .row {margin:0 0 0 -3rem}
.main_wrap #section6 .col-xs-12 {padding:3rem 0 0 3rem}
.main_wrap #section6 .img {border:1px solid #ddd;display:block;}
.main_wrap #section6 p {font-size:2.4rem;margin-top:1rem}

@media(max-width:1025px){
	.main_wrap #section2 .desc {display:inline-block;position:relative;z-index:1;background:#fff;padding:4rem}
	.main_wrap #section2:after {width:75%}
	.main_wrap {word-break:keep-all}
}
@media(max-width:915px){
	.main_wrap #section2,.main_wrap #section4 {padding:6rem 0}
	.main_wrap #section5 {padding-top:6rem}
	.main_wrap #section6 {padding:6rem 0 8rem}
	.main_wrap #section4:after {width:100%}
	.main_wrap #section4 .desc {position:relative;left:inherit;top:inherit;margin-bottom:5rem;z-index:1;padding:4rem 2rem;background:#fff}
	.main_wrap #section4 .item > * {float:none;}
	.main_wrap #section4 .item .txt {padding-top:0;width:100%}
	.main_wrap #section4 .txt h3 {color:#fff}
	.main_wrap #section4 .txt p {color:#fff}
	.main_wrap #section4 .txt .more {color:#fff;border-color:#fff}
	.main_wrap #section4 .txt .more:hover,.main_wrap #section4 .txt .more:focus {background:#fff;color:#1b1b1b;border-color:transparent}
	.main_wrap #section4 .item .img {width:100%;padding-bottom:56.25%}

	.main_wrap #section5 .col-xs-12 .box p {font-size:1.8rem}
}
@media(max-width:640px){
	.main_wrap #visual .item .desc {background:rgba(0,0,0,.4);color:#fff;padding:4rem 2rem;top:50%;transform:translate(-50%,-50%)}
	.main_wrap #visual {height:56.25vh}
	.main_wrap #section1 {padding:5rem 0 7rem}
	.main_wrap #section1 .box {width:50%;padding-top:2rem}
	.main_wrap #section3 .box {padding-bottom:50%}
	.main_wrap #section5 .col-xs-12 .box {padding-bottom:56.25%}
	.main_wrap #section5 .txt_center {margin:4.5rem 0}
}
@media(max-width:500px){
	.main_wrap #section2 .desc {display:inline-block;position:relative;z-index:1;background:#fff;padding:4rem 2rem;word-break:keep-all}
	.main_wrap #section2:after {width:100%}
}
@media(max-width:400px){
	.main_wrap #visual .desc h2 strong {font-size:4rem}
	.main_wrap #visual .desc h2 {font-size:2.6rem}
}