@charset "utf-8";

.main{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
.main#wrap{overflow-x:visible}
.main#wrap #container{width:100%; min-width:0}
.main#wrap #header{background:0 0; -webkit-box-shadow:none; box-shadow:none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
.main#wrap #header .header{position:fixed; top:0; left:0; right:0; -webkit-box-shadow:0 2px 6px 0 rgba(0,0,0,.1); box-shadow:0 2px 6px 0 rgba(0,0,0,.1); background:#fff}
.main .main_sec{box-sizing:border-box; display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -webkit-align-items:center; -moz-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -webkit-justify-content:center; -moz-box-pack:center; -ms-flex-pack:center; justify-content:center; padding-top:0; height:100vh; min-height:730px;word-break:keep-all}


@media (min-width:768px) and (max-width:1279px){
.main .main_sec{padding-top:0}
}

@media (min-width:0px) and (max-width:767px){
.main .main_sec{height:auto; padding-top:80px; padding-bottom:70px; min-height:0}
}
.main .main_sec.visual{margin-top:0}
.main .main_sec.visual .logo{color:#ff7f00; font-size:26px; font-weight:700; margin-top: 80px}
.main .main_sec.visual .main_txt{font-size:72px; font-weight:700; line-height:1.38889; letter-spacing:-3px; color:#222; margin-top:35px}
.main .main_sec.visual .sub_txt{font-size:20px; color:#555; line-height:1.7; letter-spacing:-1px; margin-top:37px}
.main .main_sec.visual .img{position:absolute; top:0; right:0; width:534px}
.main .main_sec.visual .inset{padding-top:60px}

@media (min-width:768px) and (max-width:1279px){
.main .main_sec.visual br{display:none}
.main .main_sec.visual .logo{font-size:20px; text-align:center}
.main .main_sec.visual .main_txt{font-size:50px; margin-top:20px; text-align:center}
.main .main_sec.visual .sub_txt{font-size:16px; margin-top:26px; text-align:center}
.main .main_sec.visual .img{position:static; text-align:center; width:auto; margin-top:20px}
.main .main_sec.visual .img img{width:50%}
.main .main_sec.visual .inset{padding-top:60px}
}

@media (min-width:0px) and (max-width:767px){
.main .main_sec.visual{text-align:center}
.main .main_sec.visual .logo{margin-top:60px; font-size:16px}
.main .main_sec.visual .main_txt{font-size:36px; font-weight:700; line-height:1.33333; letter-spacing:-1px; margin-top:10px}
.main .main_sec.visual .sub_txt{font-size:13px; line-height:1.7; margin-top:20px}
.main .main_sec.visual .img{position:static; width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding:0 40px}
.main .main_sec.visual .inset{padding-top:0}
}
.main .main_sec.solution{position:relative; overflow:hidden; text-align:center}
.main .main_sec.solution .main_txt{font-size:36px; color:#111; font-weight:700; position:relative; z-index:1}
.main .main_sec.solution .sub_txt{font-size:18px; color:#555; margin-top:17px; position:relative; z-index:1}
.main .main_sec.solution .solution_lists{margin-top:20px; position:relative}
.main .main_sec.solution .solution_lists ul{font-size:0; position:relative; z-index:1}
.main .main_sec.solution .solution_lists .title{margin-top:4px; font-size:22px; color:#111; letter-spacing:-1px; font-weight:700; -webkit-transition:all .4s; -moz-transition:all .4s; transition:all .4s}
.main .main_sec.solution .solution_lists .decs{font-size:16px; margin-top:14px; color:#777; position:relative; -webkit-transition:all .4s; -moz-transition:all .4s; transition:all .4s}
.main .main_sec.solution .solution_lists .ico{width:116px; display:inline-block}
.main .main_sec.solution .solution_lists .lists{display:inline-block; vertical-align:top; width:320px}
.main .main_sec.solution .solution_lists .list{font-size:18px; position:absolute; top:30px; left:0; right:0; -webkit-transition:top .4s; -moz-transition:top .4s; transition:top .4s}
.main .main_sec.solution .solution_lists .list li{margin-bottom:8px}
.main .main_sec.solution .solution_lists .list li a{text-decoration:none; color:transparent; -webkit-transition:top .4s; -moz-transition:top .4s; transition:top .4s}
.main .main_sec.solution .solution_lists .list li a:hover{color:#ff7f00; text-decoration:underline}
.main .main_sec.solution .solution_lists .box{padding-top:96px; height:420px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-transition:all .4s; -moz-transition:all .4s; transition:all .4s}

@media (min-width:1280px) and (max-width:3840px){
.main .main_sec.solution .solution_lists .box:hover{background:#fff; padding-top:67px; -webkit-box-shadow:4px 12px 40px 0 rgba(0,0,0,.2); box-shadow:4px 12px 40px 0 rgba(0,0,0,.2)}
.main .main_sec.solution .solution_lists .box:hover .title{margin-top:33px}
.main .main_sec.solution .solution_lists .box:hover .decs{color:transparent}
.main .main_sec.solution .solution_lists .box:hover .list{top:0}
.main .main_sec.solution .solution_lists .box:hover .list li a{color:#555}
.main .main_sec.solution .solution_lists .box:hover .list li a:hover{color:#ff7f00}
}
.main .main_sec.solution .solution_lists::after{content:''; display:block; background:#f7f7f7; position:absolute; top:-100%; left:-100%; right:-100%; bottom:174px}

@media (min-width:768px) and (max-width:1279px){
.main .main_sec.solution{background:#f7f7f7}
.main .main_sec.solution .main_txt{font-size:30px}
.main .main_sec.solution .sub_txt{font-size:16px; margin-top:10px}
.main .main_sec.solution .solution_lists .title{margin-top:4px; font-size:22px; color:#111; letter-spacing:-1px; font-weight:700; -webkit-transition:all .4s; -moz-transition:all .4s; transition:all .4s}
.main .main_sec.solution .solution_lists .decs{font-size:16px; margin-top:14px; color:#777; position:relative; -webkit-transition:all .4s; -moz-transition:all .4s; transition:all .4s}
.main .main_sec.solution .solution_lists .ico{width:116px; display:inline-block}
.main .main_sec.solution .solution_lists .lists{width:50%}
.main .main_sec.solution .solution_lists .list{display:none}
.main .main_sec.solution .solution_lists .box{padding-top:10px; height:200px}
.main .main_sec.solution .solution_lists::after{display:none}
}

@media (min-width:0px) and (max-width:767px){
.main .main_sec.solution .main_txt{font-size:24px; line-height:1.5}
.main .main_sec.solution .sub_txt{font-size:14px; margin-top:13px}
.main .main_sec.solution .solution_lists{margin-top:10px}
.main .main_sec.solution .solution_lists .title{margin-top:16px; font-size:16px}
.main .main_sec.solution .solution_lists .decs{font-size:14px; margin-top:20px; line-height:1.4}
.main .main_sec.solution .solution_lists .ico{width:80px}
.main .main_sec.solution .solution_lists .lists{width:50%; vertical-align:top}
.main .main_sec.solution .solution_lists .list{display:none}
.main .main_sec.solution .solution_lists .box{padding-top:32px; height:auto}
.main .main_sec.solution .solution_lists::after{bottom:336px}
}
.main .main_sec.movie{background:#fff6f4 url('/static/images/main/bg_video.png') no-repeat center}
.main .main_sec.movie .txt_sec{width:310px; float:left; padding-top:98px}
.main .main_sec.movie .main_txt{font-size:36px; font-weight:700; color:#111; letter-spacing:-1px; position:relative; padding-top:18px; line-height:1.4}
.main .main_sec.movie .main_txt::after{content:''; display:block; position:absolute; top:0; left:0; width:33px; height:5px; background:#ff7f00}
.main .main_sec.movie .sub_txt{font-size:18px; color:#555; margin-top:17px}
.main .main_sec.movie .movie{float:right;width:840px;height:472px}
.main .main_sec.movie .movie video{display:block;width:100%;max-width:100%;height:auto}
.main .main_sec.movie .more{text-decoration:none; color:#ff7f00; font-size:16px; margin-top:30px; display:inline-block}
.main .main_sec.movie .more::after{content:''; display:inline-block; width:6px; height:6px; border-top:1px solid #ff7f00; border-right:1px solid #ff7f00; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); transform:rotate(45deg); vertical-align:2px; margin-left:4px}

@media (min-width:768px) and (max-width:1279px){
    .main .main_sec.movie .txt_sec{width:auto; float:none; padding-top:40px; text-align:center}
    .main .main_sec.movie .main_txt{font-size:30px; font-weight:700}
    .main .main_sec.movie .main_txt::after{left:50%; -webkit-transform:translate(-50%,0); -moz-transform:translate(-50%,0); transform:translate(-50%,0)}
    .main .main_sec.movie .sub_txt{font-size:18px; color:#555; margin-top:17px}
}

@media (max-width:1279px){
    .main .main_sec.movie .movie{float:none;margin:20px auto;}
}

@media (max-width:897px){
    .main .main_sec.movie .movie{margin:32px 0;position:relative;padding-bottom:56%;width:auto;height:auto;}
    .main .main_sec.movie .movie #mov_area{position:absolute;left:0;top:0;display:block;width:100%;height:100%;}
}

@media (min-width:0px) and (max-width:767px){
.main .main_sec.movie{background:#fff6f4; text-align:center}
.main .main_sec.movie .txt_sec{width:auto; float:none; padding-top:0}
.main .main_sec.movie .main_txt{font-size:24px; padding-top:0; line-height:1.5}
.main .main_sec.movie .main_txt::after{display:none}
.main .main_sec.movie .sub_txt{font-size:14px; margin-top:10px; line-height:1.57143}
.main .main_sec.movie .more{font-size:14px; margin-top:16px;    margin-bottom: 20px;}
}
.main .main_sec.customer .txt_sec{text-align:center}
.main .main_sec.customer .txt_sec .main_txt{font-size:36px; color:#111; font-weight:700; letter-spacing:-1px}
.main .main_sec.customer .txt_sec .sub_txt{margin-top:17px; font-size:18px; line-height:1.55556; color:#555}
.main .main_sec.customer .customer_lists{margin-top:47px}
.main .main_sec.customer .customer_lists .box{padding:48px 50px 40px; border:1px solid #f0f0f2; width:620px; min-height:442px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
.main .main_sec.customer .customer_lists .box .box_top{padding-bottom:27px; border-bottom:1px solid #f0f0f2}
.main .main_sec.customer .customer_lists .box .box_top .logo1{float:left}
.main .main_sec.customer .customer_lists .box .box_top .logo2{float:right}
.main .main_sec.customer .customer_lists .box .box_top .title{clear:both; font-size:32px; line-height:1.3125; color:#282828; font-weight:700; padding-top:24px}
.main .main_sec.customer .customer_lists .box .box_top .logo1 img,.main .main_sec.customer .customer_lists .box .box_top .logo2 img{height:22px}
.main .main_sec.customer .customer_lists .box .box_cont{padding-top:26px; font-size:16px}
.main .main_sec.customer .customer_lists .box .box_cont .decs{line-height:1.625; color:#555}
.main .main_sec.customer .customer_lists .box .box_cont .from{line-height:2.25; margin-top:24px; color:#959595}

@media (min-width:768px) and (max-width:1279px){
.main .main_sec.customer .txt_sec .main_txt{font-size:30px}
.main .main_sec.customer .txt_sec .sub_txt{font-size:16px}
.main .main_sec.customer .customer_lists{margin-top:20px}
.main .main_sec.customer .customer_lists .box{padding:25px 20px 20px; width:auto; min-height:442px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
.main .main_sec.customer .customer_lists .box .box_top{padding-bottom:27px; border-bottom:1px solid #f0f0f2}
.main .main_sec.customer .customer_lists .box .box_top .logo1{float:left}
.main .main_sec.customer .customer_lists .box .box_top .logo2{float:right}
.main .main_sec.customer .customer_lists .box .box_top .title{clear:both; font-size:32px; line-height:1.3125; color:#282828; font-weight:700; padding-top:24px}
.main .main_sec.customer .customer_lists .box .box_top .logo1 img,.main .main_sec.customer .customer_lists .box .box_top .logo2 img{height:22px}
.main .main_sec.customer .customer_lists .box .box_cont{padding-top:26px; font-size:16px}
.main .main_sec.customer .customer_lists .box .box_cont .decs{line-height:1.625; color:#555}
.main .main_sec.customer .customer_lists .box .box_cont .from{line-height:2.25; margin-top:24px; color:#959595}
}

@media (min-width:0px) and (max-width:767px){
.main .main_sec.customer .txt_sec .main_txt{font-size:24px; line-height:1.5}
.main .main_sec.customer .txt_sec .sub_txt{margin-top:10px; font-size:14px; line-height:1.57143}
.main .main_sec.customer .customer_lists{margin-top:32px}
.main .main_sec.customer .customer_lists .box{padding:40px 30px 30px; width:auto; min-height:490px}
.main .main_sec.customer .customer_lists .box .box_top{padding-bottom:20px}
.main .main_sec.customer .customer_lists .box .box_top .title{font-size:22px; line-height:1.54545; padding-top:11px}
.main .main_sec.customer .customer_lists .box .box_top .logo1 img,.main .main_sec.customer .customer_lists .box .box_top .logo2 img{height:13px}
.main .main_sec.customer .customer_lists .box .box_cont{padding-top:20px}
.main .main_sec.customer .customer_lists .box .box_cont .from{line-height:2.28571; font-size:14px; margin-top:29px}
}
.main .main_sec.news{background:#f5f6f8}
.main .main_sec.news .txt_sec{text-align:center}
.main .main_sec.news .txt_sec .main_txt{font-size:36px; color:#111; font-weight:700; letter-spacing:-1px}
.main .main_sec.news .txt_sec .sub_txt{margin-top:17px; font-size:18px; line-height:1.55556; color:#555}
.main .main_sec.news .news_lists{margin-top:47px}
.main .main_sec.news .news_lists ul{font-size:0; margin:0 -20px}
.main .main_sec.news .news_lists .lists{display:inline-block; width:33.3333%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding:0 20px}
.main .main_sec.news .news_lists .lists:last-child{width:33.3334%}
.main .main_sec.news .news_lists .lists .box{display:block; -webkit-box-shadow:4px 12px 40px 0 rgba(0,0,0,.2); box-shadow:4px 12px 40px 0 rgba(0,0,0,.2); position:relative; text-decoration:none}
.main .main_sec.news .news_lists .lists .img{height:230px; overflow:hidden}
.main .main_sec.news .news_lists .lists .img img{height:100%}
.main .main_sec.news .news_lists .lists .label{position:absolute; top:20px; left:20px; width:65px; height:30px; background:#fff; border-radius:15px; font-size:14px; color:#ff7f00; text-align:center; line-height:30px}
.main .main_sec.news .news_lists .lists .txt_box{padding:32px 40px}
.main .main_sec.news .news_lists .lists .txt_box .decs{font-size:22px; line-height:24px; color:#333; font-weight:500; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp:2; /* ellipsis line */ -webkit-box-orient:vertical}
.main .main_sec.news .news_lists .lists .txt_box .from{margin-top:36px; font-size:14px; color:#999}
.main .main_sec.news .news_lists .lists .txt_box .from .date{display:inline-block; margin-right:10px; padding-right:11px; position:relative}
.main .main_sec.news .news_lists .lists .txt_box .from .date:after{content:''; display:block; width:1px; background:#d8d8d8; position:absolute; top:2px; right:0; bottom:2px}

@media (min-width:0px) and (max-width:767px){
.main .main_sec.news .txt_sec{text-align:center}
.main .main_sec.news .txt_sec .main_txt{font-size:24px; line-height:1.5}
.main .main_sec.news .txt_sec .sub_txt{margin-top:10px; font-size:14px; line-height:1.57143}
.main .main_sec.news .news_lists{margin-top:32px}
.main .main_sec.news .news_lists ul{margin:0}
.main .main_sec.news .news_lists .lists{width:100%; padding:0}
.main .main_sec.news .news_lists .lists~.lists{margin-top:10px}
.main .main_sec.news .news_lists .lists:last-child{width:100%}
.main .main_sec.news .news_lists .lists .box{-webkit-box-shadow:none; box-shadow:none; padding:30px; background:#fff}
.main .main_sec.news .news_lists .lists .img{display:none}
.main .main_sec.news .news_lists .lists .label{position:static; top:0; left:0; width:auto; height:auto; border-radius:0; line-height:100%}
.main .main_sec.news .news_lists .lists .txt_box{margin-top:10px; padding:0}
.main .main_sec.news .news_lists .lists .txt_box .decs{font-size:18px;height: 46px; font-size: 18px; line-height:24px; color:#333; font-weight:500; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp:2;  -webkit-box-orient:vertical;}
.main .main_sec.news .news_lists .lists .txt_box .from{margin-top:10px; font-size:14px; line-height:32px}
.main .main_sec.news .news_lists .lists .txt_box .from .date:after{top:10px; bottom:10px}
}
.main .main_sec .more{margin-top:40px; text-align:center}
.main .main_sec .more a{width:180px; height:50px; line-height:50px; border:1px solid #cacaca; display:inline-block; text-decoration:none}
.main .main_sec .more a::after{content:''; display:inline-block; width:6px; height:6px; border-top:2px solid #c8c8c8; border-right:2px solid #c8c8c8; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); transform:rotate(45deg); vertical-align:2px; margin-left:4px}

@media (min-width:0px) and (max-width:767px){
.main .main_sec .more{margin-top:30px}
}
.main .main_sec .inset{width:1280px; position:relative; z-index:1}
.main .main_sec .inset:after{content:""; display:block; clear:both; width:0; height:0; overflow:hidden}

@media (min-width:0px) and (max-width:1279px){
.main .main_sec .inset{width:100%}
}

@media (min-width:0px) and (max-width:1280px){
.main .main_sec{padding-left:20px; padding-right:20px}
}
.quick_menu{display:none}
.swiper_wrap{position:relative; padding-bottom:52px}
.swiper_wrap .swiper-button-next{right:-60px}

@media (min-width:0px) and (max-width:1279px){
.swiper_wrap .swiper-button-next{display:none}
}
.swiper_wrap .swiper-button-prev{left:-60px}

@media (min-width:0px) and (max-width:1279px){
.swiper_wrap .swiper-button-prev{display:none}
}
.swiper_wrap .swiper-button-next:after,.swiper_wrap .swiper-button-prev:after{color:#d1d1d1}
.swiper_wrap .swiper-pagination{text-align:center; position:absolute; bottom:0; left:50%; -webkit-transform:translate3d(-50%,0,0); -moz-transform:translate3d(-50%,0,0); transform:translate3d(-50%,0,0)}
.swiper_wrap .swiper-pagination .swiper-pagination-bullet{width:12px; height:12px; background:#d8d8d8; opacity:1; border-radius:6px; margin:0 5px; -webkit-transition:width .3s; -moz-transition:width .3s; transition:width .3s}
.swiper_wrap .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#ff7f00; width:34px}

@media (min-width:1280px) and (max-width:1400px){
.swiper_wrap .swiper-button-next{right:8px}
.swiper_wrap .swiper-button-prev{left:8px}
}
/*# sourceMappingURL=main.css.map */