@charset "utf-8";
#footer{margin-top:0;}
.event-wrap {background-color:#fff; max-width:1800px;margin:0 auto;}
.sec01_img{background:url(images/sec01_bg.jpg) top center no-repeat; text-align:center;}

.sec01title{text-align:center;padding: 85px 0 78px;font-size: 25px;color: #212121;}
.sec01title .sec01_txt{text-align:center; }
.sec01title .sec01_txt span{font-size: 50px;font-weight: bold;color:#2e3d76;margin-bottom: 15px;padding-bottom: 15px;display: inline-block;letter-spacing: -0.5px;border-bottom: 1px solid #000;}

.movie{margin: 85px 0 0;}
.video-box{max-width: 1179px;margin:0 auto;}
.videoWrapper iframe{width: 100%;height: 637px;margin: 0 auto;}


#step-swipe {position:relative;overflow:hidden;max-width: 1126px;margin:0 auto;background:url(images/deco.png) no-repeat right top;}
#step-swipe .line {display:block;position:absolute;top:70px;left:38%;width:42%;height:1px;border-top:1px solid #e5e5e5;}
.swipe-wrap {position:relative;overflow:hidden;}
.swipe-wrap > div {position:relative;float:left;width:100%;}

.swipe-wrap > div:after {content:'';display:block;clear:both;}
.swipe-wrap .img {float:left;width: 38%;}
.swipe-wrap .con {float:left;width:42%;margin-left: 3%;padding: 18px 0 0;margin-top: 18px;text-align:left;background:url(images/line_black.jpg) left top no-repeat;}
.swipe-wrap .con .t {font-size:26px;font-weight:bold;color:#222;}
.swipe-wrap .con .d {line-height:1.5;font-size: 17px;color: #848484;}
.btn-swipe {position:absolute;bottom:0;left: 37.8%;margin-left:-115px;z-index:100;}
.btn-swipe:after {content:'';display:block;clear:both;}
.btn-swipe > a {float:left;}

#step-swipe .video-s {position:absolute;bottom:0;left: 40.3%;width: 60.21%;padding-top:20px;text-align: left;z-index:11;}
#step-swipe .video-s iframe {width:100%;}
#step-swipe .deco {display:none;position:absolute;top:0;right:0;z-index:10;}


.sec03{background-color:#d9eef6;padding: 100px 0 90px;}

.event-wrap .event-box {max-width: 1017px;margin: 0 auto;text-align:center;box-shadow:1px 1px 3px 0 rgba(0,0,0,0.2);background:#ffffff;padding: 0 55px;}
.event-wrap .event-box .sec03_title span{display: inline-block;font-size:30px;margin-bottom: 5px;font-weight: bold;color:#252525;padding-bottom: 15px;border-bottom:1px solid #000001;}
.event-wrap .event-box .sec03_subtitle{font-size:22px;color:#777;margin-top: 0;line-height: 1.5;}
.event-wrap .event-box .sec03_img{margin-top: 5%;}
.event-wrap .event-box .sec03_subImg{font-size:0;margin-top: 3%;}
.event-wrap .event-box .sec03_subImg > div{display:inline-block;text-align:center;width: 17.4%;}
.event-wrap .event-box  > ul > li{border-bottom: 1px solid #C3C3C3;padding-bottom: 72px;margin-bottom: 72px;}
.event-wrap .event-box  > ul > li:first-child{padding-top:72px;}
.event-wrap .event-box  > ul > li:last-child{border:none;margin-bottom: 0;}

.event-wrap .event-box.event-box2{margin-top:67px;}
.event-wrap .event-box.event-box2 .sec03_title2{font-size: 35px;color: #2564a2;font-weight:bold;margin-bottom:10px;}
.event-wrap .event-box.event-box2 .sec03_subtitle2{font-size: 22px;color: #272727;margin-top: 3%;line-height: 1.5;}
.event-wrap .event-box.event-box2 > ul > li{padding-bottom: 50px;margin-bottom: 50px;}
.event-wrap .event-box.event-box2 > ul > li:last-child{border:none;margin-bottom: 0;}

.sec03_pbtext{font-size:24px;color:#222;line-height:1.5;padding-top: 30px;}
.sec03_pbtext span{color:#1e4499;}

.event-wrap .event-box .tip_text{font-size: 16px;color: #636363;margin-top: 30px;line-height: 1.5;}

.sec02{padding: 0 0 145px;background:url(images/sec02_bg.jpg) center bottom no-repeat;}
.sec02_cont{max-width: 1170px;margin: 10% auto 0;}
.sec02_cont > div{display:inline-block; vertical-align:top;}
.sec02_cont > div.img{max-width: 713px;}
.sec02_cont > div.text{position:relative;font-size:18px;color:#626262;line-height:1.5;padding: 7% 0 0 3%;}
.sec02_cont > div.text strong{font-size:28px;font-weight:bold;color:#833b85;background:url(images/sec02_title_line.jpg) left top no-repeat;padding-top: 10px;display: inline-block;margin-bottom: 30px;}
.sec02_cont > div.text .sec02_deco{position:absolute;top: 10px;right: 0px;}

.sec02_bt{max-width:1126px;margin: 0 auto;}
.sec02_bt .sec02_bt_bar{margin: 110px auto 15px;}
.lookWrap_title{font-size:24px;color:#a3528f;font-weight:bold;text-align:center;line-height: 1.3;margin-bottom: 4%;}
.sec02_bt .lookWrap{font-size:0; text-align:center;}
.sec02_bt .lookWrap > div{width: 550px;display:inline-block;vertical-align:top;}
.sec02_bt .lookWrap > div:first-child{margin-right:26px;}
.sec02_bt .lookWrap .lookTitle{font-size:25px;color:#2a8aab;line-height:1.5;font-weight:bold;margin-bottom: 0;margin-top: 20px;}
.sec02_bt .lookWrap .lookTitle span{font-size:24px;color: #409cbc;}
.sec02_bt .lookWrap .lookDl{}
.sec02_bt .lookWrap .lookDl dt{display:inline-block;padding-bottom: 3px;m;margin-bottom: 10px;border-bottom: 1px solid #2a8aab;font-size: 30px;color:#2a8aab;font-weight: bold;}
.sec02_bt .lookWrap .lookDl dd{font-size:20px;color:#353535;line-height: 1.6;}

.video-box_s{max-width: 1179px;margin:0 auto;}
.video-box_s .videoWrapper iframe{width: 100%;height: 369px;margin: 0 auto;}
.sec03_top_title{text-align:center; line-height:1.5; font-size:35px; color:#2e3d76; font-weight:bold; padding-bottom:68px;}
.sec03_sub{font-size:22px; color:#777; line-height:1.5;}

.box-title {text-align:center;}
.box-title strong {display:inline-block; padding-left:18px; background:url(images/BG_titleL2.png) no-repeat left center;}
.box-title span {display:inline-block; padding-right:18px; background:url(images/BG_titleR2.png) no-repeat right center;}
.box-title em {display:block;width: 400px;text-align:center;font-weight: bold;line-height: 55px;font-size:30px;color:#ffffff;background: #2564A2;}
.box-title em.long {width: 735px;}
.bt_text{text-align:center;font-size:19px;padding-top: 4%;color:#373737;}

@media screen and (max-width: 1200px){
.sec02_cont > div.img{width:50%;margin:0 auto;margin-left: 3%;}
.sec02_cont > div.text{padding: 3% 0 0 2%;width: 44%;}
.sec02_cont > div.text .sec02_deco{top: -14%;right: 0;}
.movie{margin: 12% 5% 8%;}
.videoWrapper{position: relative;padding-bottom: 60%;margin: 0 auto 0;width: 90%;height: 0;overflow: hidden;}
.videoWrapper iframe{position: absolute;top: 0;left: 0;width: 100%;height: 100%;margin: 0 auto;}
}

@media screen and (max-width: 1150px){


.sec03 .in_cont{margin:0 5%;}
.videoWrapper {position: relative; padding-bottom: 56.25%; margin: 3% 0; width: auto; height: 0;overflow: hidden;}
.videoWrapper iframe{position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0 auto;}
.video-box_s .videoWrapper iframe{position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0 auto;}
.video-s iframe{width:100%;}
.video-box{margin: 3% auto;}
.sec02_bt .sec02_bt_bar {margin: 10% 0 8%;}
.sec02_bt .lookWrap .lookDl{margin-top:3%;}
.sec02_bt .lookWrap > div:first-child{margin-right:0;margin-bottom: 5%;}
.sec02_bt .lookWrap .lookTitle{font-size: 24px;margin-bottom: 3%;}
.sec02_bt .lookWrap > div{width: 46%;margin: 0 2%;}


}

@media screen and (max-width: 1100px){

.sec01{background-size: cover;}

.sec03{padding: 7% 0;}
.swipe-wrap .con{width:59%;margin-top: 1%;}
.swipe-wrap .con .d{font-size:14px;}

#step-swipe {padding-top:50px;-webkit-background-size:180px auto;background-size:180px auto;margin: 0 5%;}
#step-swipe .line {top:50px;}


.event-wrap .event-box{padding:0 5%;}
.event-wrap .event-box .sec03_title span{font-size:20px;}
.sec03_sub{font-size:14px;}
.event-wrap .event-box .sec03_subtitle{font-size:18px;}
.event-wrap .event-box.event-box2 .sec03_title2{font-size:20px;}
.event-wrap .event-box.event-box2 .sec03_subtitle2{font-size: 18px;}
.sec03_pbtext{font-size:16px;}
.event-wrap .event-box .tip_text{font-size:14px;}
.event-wrap .event-box .sec03_img{margin:5% 5% 0;}
.event-wrap .event-box > ul > li{padding-bottom: 8%;margin-bottom: 8%;}
.event-wrap .event-box > ul > li:first-child{padding-top:8%;}
.event-wrap .event-box.event-box2{margin-top:10%;}
.event-wrap .event-box.event-box2 > ul > li{padding-bottom: 8%;margin-bottom: 8%;}

.box-title em{font-size: 18px;line-height: 43px;width: 290px;}
.box-title em.long{width: 560px;}

}

@media screen and (max-width: 930px){
.swipe-wrap .con .d br{display:none;}

.sec01title .sec01_txt span{font-size:30px;}
.sec01title{font-size: 18px;padding:10% 6% 8%;}
.sec02{padding-bottom: 3%;}

.sec02_cont > div{display:block; margin:0 auto;}
.sec02_cont > div.img{width: 90%;margin:0 auto;}
.sec02_cont > div.text{width:100%; margin:4% auto 0; text-align:center; padding:0;}
.sec02_cont > div.text{font-size:16px;margin-top: 6%;}
.sec02_cont > div.text .sec02_deco{top:0;right: 5%;}

.sec03_top_title{font-size:23px; padding-bottom:6%;}
.sec02_cont > div.text strong{background-position:center top;font-size: 18px;margin-bottom: 5%;}
}

@media screen and (max-width: 768px){

.swipe-wrap .img{width: 60%;margin: 8% 20% 0;}

.event-wrap .line-3{margin:6% auto 5%;}
.swipe-wrap .con {width: 100%;padding: 4% 0 0;margin: 0 auto;margin-top: 5%;text-align: center;background-position: center top;}
.swipe-wrap .con .t {font-size:16px;}
.swipe-wrap .con .d {font-size: 16px;}
.btn-swipe {top:25%;bottom:auto;left:0;width:100%;margin-left:0;}
.btn-swipe a {position:absolute;top:0;right:0;width:35px;opacity:.7;}
.btn-swipe a:first-child {right:auto;left:0;}
#step-swipe {padding-top:30px;background:none;}
#step-swipe .line {top:30px;width: 100%;left: 0;}
#step-swipe .video-s {position:relative;width:100%;margin-top: 3%;padding-top: 5%;left: 0;}
.sec02{padding: 0 0 14%;}
.swipe-wrap .con .d br {display: block;}
.sec02_bt .lookWrap > div:first-child{margin-bottom: 8%;padding-bottom: 8%;border-bottom: 1px solid #e3e3e3;}
.sec02_bt .lookWrap > div{width: 90%;margin:0 auto;}
.sec02_bt .lookWrap .lookTitle span{font-size: 18px;}
.sec02_bt .lookWrap .lookDl dt{font-size:18px;}
.sec02_bt .lookWrap .lookDl dd{font-size:16px;}
.lookCont .video-s{margin:0 5%;}
.lookWrap_title{font-size: 19px;}

.event-wrap .event-box .sec03_title span{font-size:18px;letter-spacing: -1px;padding-bottom: 5%;margin-bottom: 3%;}
.event-wrap .event-box .sec03_subtitle{font-size:16px;letter-spacing: -0.5px;padding-bottom: 5%;}

p.sec03_subtitle {}
.event-wrap .event-box.event-box2 .sec03_title2{font-size: 17px;}
.event-wrap .event-box.event-box2 .sec03_subtitle2{font-size: 14px;margin-top: 6%;}
.sec03{padding: 8% 0 10%;}
.sec03_pbtext{font-size:14px;}
.event-wrap .event-box .tip_text{font-size: 13px;margin-top: 10%;}

.event-wrap .event-box .sec03_img{margin:8% 0 0;}
.event-wrap .event-box .sec03_subImg{margin-top:7%;}
.event-wrap .event-box .sec03_subImg > div{width:33.3%;}

.event-wrap .event-box > ul > li:first-child{padding-top:12%;}
.event-wrap .event-box > ul > li {padding-bottom: 12%; margin-bottom: 12%;}
.event-wrap .event-box.event-box2 > ul > li {padding-bottom: 12%; margin-bottom: 12%;}

.sec01title .sec01_txt span{font-size:30px;}
.sec02_bt .lookWrap .lookDl dt{font-size:15px;}
.sec02_bt .lookWrap .lookDl dd{font-size:13px;}
.sec03{padding:10% 0;}
.bt_text{font-size:15px; padding-top:8%;}
.box-title em.long{font-size:18px;}
.box-title em.long{width: 450px;}
}

@media screen and (max-width: 640px){
.sec03_top_title{font-size:18px;padding-bottom: 8%;letter-spacing: -0.5px;}
.sec01 .in_cont .sec01title{padding: 10% 6%;letter-spacing: -0.5px;font-size: 14px;line-height: 1.5;}
.swipe-wrap .con .d{font-size:13px;}
.sec01title{font-size: 16px;padding:10% 6% 8%;}
.sec01title .sec01_txt span{font-size: 21px;line-height: 1.5;}
.sec02_cont{margin: 10% 0;}
.sec02_cont > div.text{font-size:14px;margin-top: 7%;}
.sec02_cont > div.text .sec02_deco{display:none;}
.event-wrap .event-box .sec03_title span{font-size:16px;}
.lookWrap_title{font-size:16px;}
.box-title em{width:210px;font-size: 15px;}
.box-title em.long{width:210px;font-size: 15px;line-height: 1.2;padding: 4px 0;}
}

@media screen and (max-width: 360px){

}