@charset "UTF-8";
/*
@font-face{font-family:'Titillium Web';font-style:normal;font-weight:700;src:local('Titillium Web Bold'),local('TitilliumWeb-Bold'),url(https://fonts.gstatic.com/s/titilliumweb/v6/NaPDcZTIAOhVxoMyOr9n_E7ffHjDGItzZg.ttf) format('truetype')}
*/
.main_visual{position:relative;height:130vh}
.main_visual .text{position:absolute;top:45%;right:20%;-webkit-transform:translate(0,-50%);transform:translate(0,-50%);text-align:right;color:#fff}
.main_visual .swiper-slide{overflow:hidden}
.main_visual .img{-webkit-transform:scale(1.04);transform:scale(1.04);-webkit-transition:all 6s;transition:all 6s;overflow:hidden}
.main_visual .swiper-slide.on .img{-webkit-transform:scale(1);transform:scale(1)}
.main_visual .text .title1{font-family:Raleway,sans-serif;font-size:78px;letter-spacing:-1px;line-height:.95}
.main_visual .text .title2{font-family:'Microsoft Yahei',sans-serif; font-size:18px;letter-spacing:-.2px;font-weight:200;margin-top:25px;opacity:0;-webkit-transform:translate(0,10px);transform:translate(0,10px)}
.main_visual .text .title1 span{display:block}
.main_visual .swiper-slide .text span{display:block;opacity:0;-webkit-transform:translate(0,15px);transform:translate(0,15px);-webkit-transition:all 2s;transition:all 2s}
.main_visual .swiper-slide .text .t1{-webkit-transform:translate(-15px,15px);transform:translate(-15px,15px)}
.main_visual .swiper-slide .text .t2{-webkit-transform:translate(15px,15px);transform:translate(15px,15px)}
.main_visual .swiper-slide .text .t3{-webkit-transform:translate(15px,15px);transform:translate(15px,15px)}
.main_visual .swiper-slide.on span{opacity:1;-webkit-transform:translate(0,0);transform:translate(0,0);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}
.main_visual .swiper-slide.on .text span.t1{-webkit-transform:translate(0,0);transform:translate(0,0);-webkit-transition:all 3s .2s;transition:all 3s .2s}
.main_visual .swiper-slide.on .text span.t2{-webkit-transform:translate(0,0);transform:translate(0,0);-webkit-transition:all 2s .5s;transition:all 2s .5s}
.main_visual .swiper-slide.on .text span.t3{-webkit-transform:translate(0,0);transform:translate(0,0);-webkit-transition:all 2s .5s;transition:all 2s .5s}
.main_visual .swiper-slide.on .text .title2{-webkit-transform:translate(0,0);transform:translate(0,0);opacity:1;-webkit-transition:1s 2s;transition:1s 2s}
.main_visual .v01 .img{height:100%;background:url(/ezfiles/75/1075/img/1223/visual_img01.jpg) no-repeat center center;background-size:cover}
.main_visual .v02 .img{height:100%;background:url(/ezfiles/75/1075/img/1223/visual_img02.jpg) no-repeat center center;background-size:cover}
.main_visual .v03 .img{height:100%;background:url(/ezfiles/75/1075/img/1223/visual_img03.jpg) no-repeat center center;background-size:cover}
.main_visual .v04 .img{height:100%;background:url(/ezfiles/75/1075/img/1223/main/visual_img04.jpg) no-repeat center center;background-size:cover}
.main_visual div.swiper-button-prev{background:url(/ezfiles/75/1075/img/1223/lt.png) no-repeat center center;background-size:cover;width:39px;height:71px;left:5%}
.main_visual div.swiper-button-next{background:url(/ezfiles/75/1075/img/1223/gt.png) no-repeat center center;background-size:cover;width:39px;height:71px;right:5%}
[class*=con0] div.title{text-align:center;color:#fff}
[class*=con0] div.title h5.tit1{position:relative;padding-top:135px;font-family:Lato,sans-serif;font-weight:900;font-size:17px;letter-spacing:1.1px;color:#f15a24}
[class*=con0] div.title p.tit1{margin:10px auto 40px;font-weight:400;font-size:22px;letter-spacing:-.2px}
.con01{height:575px;top:-250px;left:0;position:relative;z-index:50}
.con01 ul.list{font-size:0}
.con01 ul.list li{width:33.33%;display:inline-block;vertical-align:top;position:relative;-webkit-transform:translate(0,300px);transform:translate(0,300px)}
.con01.in-view ul.list li:nth-child(1){-webkit-transform:translate(0,0);transform:translate(0,0);-webkit-transition:.5s ease-out;transition:.5s ease-out}
.con01.in-view ul.list li:nth-child(2){-webkit-transform:translate(0,0);transform:translate(0,0);-webkit-transition:.4s .1s ease-out;transition:.4s .1s ease-out}
.con01.in-view ul.list li:nth-child(3){-webkit-transform:translate(0,0);transform:translate(0,0);-webkit-transition:.8s .2s ease-out;transition:.8s .2s ease-out}
.con01 ul.list li:nth-child(1) a{margin-top:50px}
.con01 ul.list li:nth-child(2) a{margin-top:90px}
.con01 ul.list li div.img{width:100%;height:579px;overflow:hidden;position:relative}
.con01 ul.list li div.img:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.3)),to(transparent));background:linear-gradient(to top,rgba(0,0,0,.3),transparent);z-index:1;opacity:0;-webkit-transition:.4s;transition:.4s}
.con01 ul.list li:hover div.img:before{opacity:1}
.con01 ul.list li div.img img{-webkit-transform:scale(1.08);transform:scale(1.08);-webkit-transition:all .5s ease-out;transition:all .5s ease-out}
.con01 ul.list li:hover div.img img{-webkit-transform:scale(1);transform:scale(1)}
.con01 ul.list li div.text{color:#fff;font-size:15px;position:absolute;bottom:30px;left:30px;z-index:1;-webkit-transition:.4s;transition:.4s}
.con01 ul.list li:hover div.text{-webkit-transform:translate(0,-20px);transform:translate(0,-20px)}
.con01 ul.list li div.text p.txt1font-family:'Microsoft Yahei',sans-serif;{font-weight:300;-webkit-transform:translate(0,20px);transform:translate(0,20px)}
.con01 ul.list li div.text p.tit1{font-family:'Microsoft Yahei',sans-serif;font-weight:200; font-size:32px;-webkit-transform:translate(0,30px);transform:translate(0,30px)}
.con01.in-view ul.list li div.text p.txt1{-webkit-transform:translate(0,0);transform:translate(0,0);-webkit-transition:.8s .6s ease-out;transition:.8s .6s ease-out}
.con01.in-view ul.list li div.text p.tit1{-webkit-transform:translate(0,0);transform:translate(0,0);-webkit-transition:.8s .4s ease-out;transition:.8s .4s ease-out}
.con01 ul.list li a{display:block}
.con01 div.bg{position:absolute;top:250px;left:0;width:100%;height:100%}
.con01 div.bg span{position:absolute;top:0;width:1px;height:100%;background:#e6e6e6;display:block}
.con01 div.bg span.l1{left:0}
.con01 div.bg span.l2{left:33.33%}
.con01 div.bg span.l3{left:66.66%}
.con01 div.bg span.l4{right:0}
.con02{height:870px;background:url(/ezfiles/75/1075/img/1223/con02_bg.jpg) no-repeat center top;background-size:cover}
.con02 div.title p.tit1{font-family:'Microsoft Yahei',sans-serif; font-size:23px; font-weight:500; margin:10px auto 70px}
.con02 div.show-text{text-align:center;color:#fff;font-size:16px;font-weight:400;margin-top:20px}
.con02 div.show-text p.tit1{font-family:'Microsoft Yahei',sans-serif; font-size:20px;margin-bottom:8px}
.con02 div.show-text p.txt1{font-family:'Microsoft Yahei',sans-serif;font-size:16px; color:rgba(255,255,255,.8)}
.con03 *{opacity:0}
.con03.in-view *{opacity:1;-webkit-transition:all 1s 0s;transition:all 1s 0s}
.con03{position:relative;height:810px;background:#f6f6f6}
.con03 div.bg{position:absolute;top:0;width:100%;text-align:center;left:0}
.con03 div.title h4.tit1{font-family:'Microsoft Yahei',sans-serif;color:#000;font-size:39px;font-weight:300;letter-spacing:-1px;margin:14px auto;-webkit-transform:translate(0,25px);transform:translate(0,25px)}
.con03.in-view div.title h4.tit1{font-family:'Microsoft Yahei',sans-serif;-webkit-transform:translate(0,0);transform:translate(0,0);-webkit-transition:all .4s .4s ease-out;transition:all .4s .4s ease-out}
.con03 div.title h4.tit1 span{font-weight:500}
.con03 div.title p.tit1{color:#777;font-size:18px;-webkit-transform:translate(0,15px);transform:translate(0,15px)}
.con03.in-view div.title p.tit1{font-family:'Microsoft Yahei',sans-serif;-webkit-transform:translate(0,0);transform:translate(0,0);-webkit-transition:all .4s .5s ease-out;transition:all .4s .5s ease-out}
.con03 ul.list{font-size:0;margin:50px auto 0;width:1200px}
.con03 ul.list li{position:relative;font-size:15px;width:25%;display:inline-block;vertical-align:top;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box}
.con03 ul.list li+li{border-left:1px solid #c5c5c5}
.con03 ul.list li div.num{font-family:'Titillium Web',sans-serif;font-size:98px;font-weight:700;color:#f15a24;letter-spacing:-1px;position:relative;line-height:.95;margin-bottom:35px;-webkit-transform:translate(0,25px);transform:translate(0,25px)}
.con03.in-view ul.list li div.num{-webkit-transform:translate(0,0);transform:translate(0,0);-webkit-transition:all .6s .2s ease-out;transition:all .6s .2s ease-out}
.con03 ul.list li div.num:before{position:absolute;bottom:-25px;left:50%;-webkit-transform:translate(-50%,0);transform:translate(-50%,0);content:'';width:24px;height:1px;background:#000}
.con03 ul.list li p.tit1{color:#111;font-size:26px;letter-spacing:-1px;-webkit-transform:translate(0,20px);transform:translate(0,20px)}
.con03.in-view ul.list li p.tit1{-webkit-transform:translate(0,0);transform:translate(0,0);-webkit-transition:all .8s .4s ease-out;transition:all .8s .4s ease-out}
.con03 ul.list li p.txt1{color:#666;font-size:18px;letter-spacing: -0.6px;line-height:1.4;margin-top:8px;font-weight: 400;-webkit-transform:translate(0,20px);transform:translate(0,20px);}
.con03.in-view ul.list li p.txt1{font-family:'Microsoft Yahei',sans-serif; font-weight:500;-webkit-transform:translate(0,0);transform:translate(0,0);-webkit-transition:all .8s .6s ease-out;transition:all .8s .6s ease-out}
.con03.in-view ul.list li:nth-child(1) div.icon{-webkit-animation:con03_icon .8s .1s ease-in;animation:con03_icon .8s .1s ease-in;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}
.con03.in-view ul.list li:nth-child(2) div.icon{-webkit-animation:con03_icon 1s .3s ease-in;animation:con03_icon 1s .3s ease-in;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}
.con03.in-view ul.list li:nth-child(3) div.icon{-webkit-animation:con03_icon 1s .4s ease-in;animation:con03_icon 1s .4s ease-in;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}
.con03.in-view ul.list li:nth-child(4) div.icon{-webkit-animation:con03_icon 1s .5s ease-in;animation:con03_icon 1s .5s ease-in;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}
@-webkit-keyframes con03_icon{0%{opacity:0;-webkit-transform:translate(0,15px);transform:translate(0,15px)}
50%{-webkit-transform:translate(0,-15px);transform:translate(0,-15px)}
100%{-webkit-transform:translate(0,0);transform:translate(0,0);opacity:1}
}
@keyframes con03_icon{0%{opacity:0;-webkit-transform:translate(0,15px);transform:translate(0,15px)}
50%{-webkit-transform:translate(0,-15px);transform:translate(0,-15px)}
100%{-webkit-transform:translate(0,0);transform:translate(0,0);opacity:1}
}
.con03 div.more_btn{position:relative}
.con04{padding-bottom:110px;background:url(/ezfiles/75/1075/img/1223/con04_bg.jpg) no-repeat center top;background-size:cover}
.con04 div.img{position:relative}
.con04 div.img>img{overflow:hidden;margin:0 auto}
.con04 div.img:before{position:absolute;top:0;left:0;width:100%;height:100%;content:'';background:rgba(0,0,0,.5)}
.con04 .owl-item.center div.img:before{display:none}
.con04 div.img div.play_btn{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.con04 div.text{font-size:18px;font-weight:400;margin:40px auto 30px;text-align:center;letter-spacing:.2px;color:rgba(255,255,255,.8)}
.con05 *{opacity:0}
.con05.in-view *{opacity:1;-webkit-transition:all 1s 0s;transition:all 1s 0s}
.con05{position:relative;height:1780px}
.con05 div.bg{position:absolute;top:0;left:0;width:100%;height:100%}
.con05 div.bg span{position:absolute;top:0;width:1px;height:100%;background:#e6e6e6}
.con05 div.bg span.l1{left:0}
.con05 div.bg span.l2{left:33.33%}
.con05 div.bg span.l3{left:66.66%}
.con05 div.bg span.l4{right:0}
.con05 div[class*=box]{position:absolute}
.con05 div[class*=box] div.text{position:absolute;z-index:2;left:0;-webkit-box-sizing:border-box;box-sizing:border-box;padding:35px;border:1px solid #e6e6e6;background:#fff}
.con05 div[class*=box] div.img{position:absolute;top:0;overflow:hidden}
.con05 div[class*=box] div.img img{max-width:100%;max-height:100%;-webkit-transition:all .6s ease-out;transition:all .6s ease-out;-webkit-transform:scale(1.06);transform:scale(1.06)}
.con05 div[class*=box]:hover div.img img{-webkit-transform:scale(1);transform:scale(1);opacity:1}
.con05 div[class*=box] p.tit1{font-size:22px;letter-spacing:-1.5px;color:#333;-webkit-transform:translate(0,20px);transform:translate(0,20px)}
.con05 div[class*=box] p.txt1{font-size:15px;line-height:1.6;margin-top:15px;letter-spacing:-1px;color:#777;-webkit-transform:translate(0,15px);transform:translate(0,15px)}
.con05 div[class*=box].in-view p.tit1{-webkit-transform:translate(0,0);transform:translate(0,0);opacity:1;-webkit-transition:1.2s 1s;transition:1.2s 1s}
.con05 div[class*=box].in-view p.txt1{-webkit-transform:translate(0,0);transform:translate(0,0);opacity:1;-webkit-transition:1.2s 1.3s;transition:1.2s 1.3s}
.con05 div[class*=box].in-view div.more_view{-webkit-transform:translate(0,0);transform:translate(0,0);opacity:1;-webkit-transition:1.2s 1.6s;transition:1.2s 1.6s}
.con05 div.more_view{color:rgba(0,0,0,.6);text-align:left;margin-top:20px;-webkit-transform:translate(0,15px);transform:translate(0,15px)}
.con05 div.more_view a:before{background:url(/ezfiles/75/1075/img/1223/main/con05_more_view.png) no-repeat center}
.con05 div.box1,.con05 div.box5{top:190px;left:0;width:100%}
.con05 div.box2,.con05 div.box6{top:670px;left:0;width:450px}
.con05 div.box3,.con05 div.box7{top:725px;right:0;width:540px}
.con05 div.box4,.con05 div.box8{top:1190px;left:0;width:540px;height:384px}
.con05 div.box1 div.text,.con05 div.box5 div.text{width:400px;top:87px;min-height:270px;max-height:297px;opacity:0;-webkit-transform:translate(-100px,30px);transform:translate(-100px,30px)}
.con05 div.box2 div.text,.con05 div.box6 div.text{width:360px;top:215px;min-height:210px;max-height:230px;opacity:0;-webkit-transform:translate(50px,100px);transform:translate(50px,100px)}
.con05 div.box3 div.text,.con05 div.box7 div.text{width:240px;top:0;min-height:315px;max-height:330px;opacity:0;-webkit-transform:translate(-100px,0);transform:translate(-100px,0)}
.con05 div.box4 div.text,.con05 div.box8 div.text{width:405px;bottom:0;left:495px;min-height:210px;max-height:240px;opacity:0;-webkit-transform:translate(-10px,80px);transform:translate(-10px,80px)}
.con05 div.box1.in-view div.text,.con05 div.box5.in-view div.text{-webkit-transform:translate(0,0);transform:translate(0,0);opacity:1;-webkit-transition:1.5s .2s;transition:1.5s .2s}
.con05 div.box2.in-view div.text,.con05 div.box6.in-view div.text{-webkit-transform:translate(0,0);transform:translate(0,0);opacity:1;-webkit-transition:1.5s 0s;transition:1.5s 0s}
.con05 div.box3.in-view div.text,.con05 div.box7.in-view div.text{-webkit-transform:translate(0,0);transform:translate(0,0);opacity:1;-webkit-transition:1.5s .5s;transition:1.5s .5s}
.con05 div.box4.in-view div.text,.con05 div.box8.in-view div.text{-webkit-transform:translate(0,0);transform:translate(0,0);opacity:1;-webkit-transition:1.5s .2s;transition:1.5s .2s}
.con05 div.box1 div.img,.con05 div.box5 div.img{width:721px;height:384px;right:0}
.con05 div.box2 div.img,.con05 div.box6 div.img{width:450px;height:256px;left:0}
.con05 div.box3 div.img,.con05 div.box7 div.img{width:360px;height:541px;right:0}
.con05 div.box4 div.img,.con05 div.box8 div.img{width:539px;height:384px;left:0}
.con05 div.line{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}
.con05 div.line span{display:block;width:100%;height:4px;background:#fff;position:absolute;top:0;left:0;-webkit-transform:scale(0);transform:scale(0)}
.con05 div.line:hover span{-webkit-transform:scale(1);transform:scale(1)}
.con05 div.line span.l1{-webkit-transform-origin:left;transform-origin:left;height:4px;-webkit-transition:.4s 1.2s;transition:.4s 1.2s}
.con05 div.line span.l2{-webkit-transform-origin:bottom;transform-origin:bottom;width:4px;height:100%;-webkit-transition:.4s .1s;transition:.4s .1s}
.con05 div.line span.l3{-webkit-transform-origin:top;transform-origin:top;width:4px;height:100%;left:auto;right:0;-webkit-transition:.4s .8s;transition:.4s .8s}
.con05 div.line span.l4{-webkit-transform-origin:right;transform-origin:right;top:auto;bottom:0;-webkit-transition:.4s .5s;transition:.4s .5s}
.con05 div.line:hover span.l1{-webkit-transition:.3s .1s;transition:.3s .1s}
.con05 div.line:hover span.l2{-webkit-transition:.3s 1.2s;transition:.3s 1.2s}
.con05 div.line:hover span.l3{-webkit-transition:.3s .5s;transition:.3s .5s}
.con05 div.line:hover span.l4{-webkit-transition:.3s .8s;transition:.3s .8s}