@charset "utf-8";




.main-top-visual { height:1056px;padding-bottom:100px}
.main-top-visual  img{position:absolute;right:0;z-index:-2 }
.main-top-visual  .tit  { font-size:55px;font-weight:100;padding-top:290px;line-height:65px;;}
.main-top-visual  .tit  b { font-size:72px;font-weight:bold;display:block;}
.main-top-visual .con { margin-top:40px;font-size:23px;font-weight:300;}



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

.main-top-visual { height:auto;overflow:hidden;padding-bottom:50px;}
.main-top-visual  img { right:0;width:60%}
.main-top-visual  .tit  { font-size:20px;font-weight:100;padding-top:80px;line-height:25px;}
.main-top-visual  .tit  b { font-size:22px;font-weight:bold;display:block;}
.main-top-visual .con { margin-top:20px;font-size:14px;font-weight:300;width:50%;}
}
.main-wrap .tit { font-size:62px;font-weight:300;}
.main-wrap .tit b { font-weight:bold;}
.main-wrap .con { font-size:18px;font-weight:300;line-height:30px;color:#333}



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

.main-wrap .tit { font-size:20px;font-weight:300;}
.main-wrap .con { font-size:14px;font-weight:300;line-height:20px;color:#333}

}
.main-vision  { padding-top:85px;margin-bottom:180px;}
.main-vision:after { content:'';display:block;clear:both}
.main-vision .con {font-size:22px;font-weight:300;line-height:34px;color:#333;margin-top:40px;}
.main-vision .txt {width:45%;display:inline-block;vertical-align:middle;  }
.main-vision .img-box { width:50%;float:right;}
.main-vision .img-box p { text-align:center;color:#000;font-size:23px;font-weight:300;margin-bottom:40px;}


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


.main-vision  { padding-top:40px;margin-bottom:40px;}
.main-vision .con {font-size:14px;font-weight:300;line-height:20px;color:#333;margin-top:20px;}
.main-vision .txt {width:100%;display:inline-block;vertical-align:middle;  }
.main-vision .img-box { width:100%;float:none;margin-top:50px;}
.main-vision .img-box p { text-align:center;color:#000;font-size:14px;font-weight:300;margin-bottom:20px;}

}

.main-per  { padding-top:85px;margin-bottom:180px;}
.main-per:after { content:'';display:block;clear:both}
.main-per .con {font-size:18px;font-weight:300;line-height:30px;color:#333;margin-top:40px;width:80%;}
.main-per .txt {float:right;width:50%;}
.main-per .img-box { width:48%;;display:inline-block;vertical-align:middle;  }
.main-per .img-box p { text-align:center;color:#000;font-size:23px;font-weight:300;margin-bottom:40px;}
.main-per  .tit { font-size:60px;letter-spacing:-1px}

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

.main-per  { padding-top:40px;margin-bottom:40px;}
.main-per .con{font-size:14px;font-weight:300;line-height:20px;color:#333;margin-top:20px;width:100%;margin-bottom:50px;}
.main-per .txt {float:none;width:100%;}
.main-per .img-box { width:100%;;display:inline-block;vertical-align:middle;  }
.main-per .img-box p{ text-align:center;color:#000;font-size:14px;font-weight:300;margin-bottom:20px;}
.main-per  .tit { font-size:20px;letter-spacing:0px}

}
.main-schedule{  text-align:center;margin-bottom:50px;position:relative;}
.main-schedule .con {width:80%;margin:0 auto 100px;;}

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

.main-schedule{  text-align:center;margin-bottom:100px;padding-top:40px;}
.main-schedule .con {width:80%;margin:0 auto 30px;;}
}


.main-process{  text-align:center;margin-bottom:250px;}
.main-process .con {width:80%;margin:0 auto 100px;;}
.main-process ul {text-align:center;display:table;width:100%; }
.main-process ul li{display:table-cell;font-size:23px;font-weight:300;width:33.3%;}
.main-process ul li b  { display:block;font-size:28px;font-weight:bold;margin:20px 0;}

@media screen and (max-width:1000px){
.main-process  { margin-bottom:40px;}
.main-process .con{margin-bottom:40px; }
.main-process ul li { display:inline-block;width:48%;font-size:14px;padding:0 15px;box-sizing:border-box;margin-bottom:25px;}
.main-process ul li b { font-size:15px;margin:10px 0;}

}
.main-talk { background:#f6f6f6;padding:75px 0;}
.main-talk .img-box{  display:inline-block;margin-right:40px;vertical-align:top;}
.main-talk .txt{  display:inline-block;font-size:20px;font-weight:300;width:80%;vertical-align:middle;letter-spacing:-1px}
.main-talk .txt p { font-size:38px;padding-bottom:20px;}
.main-talk .txt  span { display:block;font-size:15px;text-align:right;margin-top:65px;}

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

.main-talk { background:#f6f6f6;padding:20px 0;}
.main-talk .img-box{  width:20%;margin-right:15px;}
.main-talk .txt { width:65%;font-size:13px;}
.main-talk .txt p  { font-size:16px;}
.main-talk .txt  span { margin-top:15px;font-size:13px;}
}
.main-tatistics  { margin:160px 0;}
.main-tatistics .img-box{ display:inline-block;width:46%; vertical-align:middle;}
.main-tatistics .con{ display:inline-block;width:45%; vertical-align:middle;margin-left:7%;}
.main-tatistics .con p  { font-size:26px;line-height:42px;font-weight:300;margin-bottom:80px;}
.main-tatistics li { display:inline-block;}
.main-tatistics li:first-child { margin-right:70px;}
.main-tatistics li img { display:inline-block;vertical-align:middle;}
.main-tatistics li .txt { display:inline-block;margin-left:18px;vertical-align:middle;}
.main-tatistics li .txt  b { font-size:36px;color:#222;display:block;}

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


.main-tatistics  { margin:40px 0;}
.main-tatistics .img-box{ display:inline-block;width:100%; vertical-align:middle;margin-bottom:40px;}
.main-tatistics .con{ display:inline-block;width:100%; vertical-align:middle;margin-left:0;}
.main-tatistics .con p  { font-size:14px;line-height:20px;font-weight:300;margin-bottom:40px;}
.main-tatistics li { display:inline-block;}
.main-tatistics li:first-child { margin-right:25px;}
.main-tatistics li img { display:inline-block;vertical-align:middle;height:30px;;}
.main-tatistics li .txt { display:inline-block;margin-left:14px;vertical-align:middle;}
.main-tatistics li .txt  b { font-size:20px;color:#222;display:block;}
}
.main-interview{  text-align:center;padding:135px 0 90px;background:#f6f6f6;}
.main-interview ul { margin-top:130px;}
.main-interview ul:after { content:'';display:block;clear:both}
.main-interview ul li { width:25%;float:left;padding:0 40px;box-sizing:border-box;text-align:left;font-size:17px;color:#8b8b8b;font-weight:300;}
.main-interview ul li p { font-size:23px;font-size:17px;text-align:left;padding-left:10px;}
.main-interview ul li p b{  display:block;margin-bottom:7px;}
.main-interview ul li .img-box{  position:relative;margin-bottom:30px;}
.main-interview ul li .img-box .btn-play {top:50%;left:50%;transform:translate(-50%,-50%) ;position:absolute; }
.main-interview ul li .img-box span { display:block;padding:10px;position:absolute;}
.main-interview ul li:nth-child(2n + 1)  { padding-top:80px;}

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


.main-interview{  text-align:center;padding:20px 0 20px;background:#f6f6f6;}
.main-interview ul { margin-top:30px;}
.main-interview ul:after { content:'';display:block;clear:both}
.main-interview ul li { width:48%;float:none;display:inline-block;padding:0 10px;box-sizing:border-box;text-align:left;font-size:13px;color:#8b8b8b;font-weight:300;vertical-align:top;}
.main-interview ul li p { font-size:13px;text-align:left;padding-left:10px;}
.main-interview ul li p b{  display:block;margin-bottom:7px;}
.main-interview ul li .img-box{  position:relative;margin-bottom:30px;}
.main-interview ul li .img-box .btn-play {top:50%;left:50%;transform:translate(-50%,-50%) ;position:absolute; }
.main-interview ul li .img-box span { display:block;padding:10px;position:absolute;}
.main-interview ul li:nth-child(2n + 1)  { padding-top:40px;}
}
.main-partners{  text-align:center;padding:120px 0;}
.main-partners .tit { margin-bottom:120px;}
.main-partners .swiper-slide { width:25%;text-align:center;}

.swiper-button-prev {background:url(../img/main/bt-pre.png) no-repeat;background-size:17px 32px;width:17px;height:32px;left:0}
.swiper-button-next  {background:url(../img/main/bt-next.png) no-repeat;background-size:17px 32px;width:17px;height:32px;right:0}


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

.main-partners{  text-align:center;padding:40px 0;}
.main-partners .tit { margin-bottom:40px;}
.main-partners .swiper-slide { width:33%;text-align:center;padding:0 20px;box-sizing:border-box}
}





/* Frame */
.frame {height:580px;	overflow: hidden;}
.frame ul {	list-style: none;	margin: 0;	padding: 0;	}
.frame ul li {	float: left;	width: 255px;	height: 100%;		padding: 0 15px;text-align: center;	cursor: pointer;box-sizing:border-box;word-break:keep-all}
.frame ul li img { width:165px;margin:0 auto 65px;opacity:0.4;display:block;}
.frame ul li p { font-size:20px;color:#666;font-weight:500;text-decoration:underline;margin-bottom:10px;display:inline-block;}
.frame ul li span { display:block;font-size:20px;color:#000;opacity:0.7}
.frame ul li.active img {width:215px;opacity:1;margin:0 auto 20px;}
.frame ul li.active p  {font-size:30px;color:#fff;font-weight:bold;text-decoration:none;margin-bottom:10px;display:inline-block;background:#34d3ce;line-height:35px;padding:0 10px;}
.frame ul li.active span { display:block;font-size:25px;color:#000;opacity:1}
.frame ul li .on { display:none;font-size:20px;color:#333;line-height:35px;margin-top:25px;}
.frame ul li.active .on { display:block;}


.main-schedule .prev { position:absolute;left:-20px;background:none;border:0;top:50%;transform:translateY(-50%) ;outline:0;cursor:pointer}
.main-schedule .next { position:absolute;right:-20px;background:none;border:0;top:50%;transform:translateY(-50%) ;outline:0;cursor:pointer}


@media screen and (max-width:1000px){
.frame {height:330px;	overflow: hidden;}
.frame ul {	list-style: none;	margin: 0;	padding: 0;	}
.frame ul li {	float: left;	width: 200px;	height: 100%;		padding: 0 10px;text-align: center;	cursor: pointer;box-sizing:border-box;word-break:keep-all}
.frame ul li img { width:100px;margin:0 auto 20px;opacity:0.4;display:block;}
.frame ul li p { font-size:14px;color:#666;font-weight:500;text-decoration:underline;margin-bottom:5px;display:inline-block;}
.frame ul li span { display:block;font-size:14px;color:#000;opacity:0.7}
.frame ul li.active img {width:150px;opacity:1;margin:0 auto 10px;}
.frame ul li.active p  {font-size:16px;color:#fff;font-weight:bold;text-decoration:none;margin-bottom:5px;display:inline-block;background:#34d3ce;line-height:20px;padding:0 10px;}
.frame ul li.active span { display:block;font-size:16px;color:#000;opacity:1}
.frame ul li .on { display:none;font-size:14px;color:#333;line-height:20px;margin-top:15px;}
.frame ul li.active .on { display:block;}


.main-schedule .prev { position:absolute;left:-20px;background:none;border:0;top:50%;transform:translateY(-50%) ;outline:0;cursor:pointer}
.main-schedule .next { position:absolute;right:-20px;background:none;border:0;top:50%;transform:translateY(-50%) ;outline:0;cursor:pointer}


}