@charset "utf-8";

.inner {width:1200px; margin:0 auto; box-sizing:border-box; position:relative;}
.top_area {width:100%; height:auto; position:relative;}
/* main */
.visual {padding:0;}
.visual .vis_lst {overflow:hidden; height:932px;}
.visual .vis_lst li {width:100%; height:inherit; font-size:0; position:absolute; overflow:hidden; background-size: cover !important;}
.visual .vis_lst li .inner {width:1200px; position:relative;}
.visual .vis_lst .vis1 {background:url("../image/main/img_vis01.png") top center no-repeat;}
.visual .vis_lst .vis2 {background:url("../image/main/img_vis01.png") top center no-repeat;}
.visual .vis_txt {float:left; width:40%; padding-top:300px;}
.visual .vis_txt h2 {font-size:54px; font-weight:300; color:#fff; letter-spacing:-0.07em; line-height:110%; animation: fadeup 1s cubic-bezier(.28,.06,.36,.86) forwards; opacity:0} 
.visual .vis_txt h2 strong {font-weight:500;} 
.visual .vis_txt .small {font-size:24px; line-height:135%; color:#fff; font-weight:300; animation: fadeup 1s cubic-bezier(.28,.06,.36,.86) .5s forwards; opacity:0} 
.visual .vis_txt .small:before {content:''; display:block; width:27px; height:2px; background:#fff; margin:30px 0;} 
.nb {display:block;} 

.visual .video {float:right; width:610px; height:306px; margin-top:284px; box-sizing:border-box; background: url("../image/main/movie_bg.png") center no-repeat; padding:52px 0 0 52px; position:relative;}
.visual .video p {font-size:20px; color:#fff; font-weight:300;  /*animation: fadeup 1s cubic-bezier(.28,.06,.36,.86) forwards; opacity:0;*/}
.visual .video h3 {font-size:52px; color:#fff; padding-top:16px; letter-spacing:-4px; font-weight:300; line-height:56px; /* animation: fadeup 1s cubic-bezier(.28,.06,.36,.86) .2s forwards; opacity:0;*/}
.visual .video h3 strong {font-weight:500;}
.visual .video .btn_more {width:216px; height:56px; line-height:56px; padding-left: 24px; background:#fff; color:#000; position:absolute; top:278px; right:50px; font-size:18px;/* animation: fadeup 1s cubic-bezier(.28,.06,.36,.86) .8s forwards; opacity:0;*/}
.visual .video .btn_more a {width:100%; height:100%; display:block; background: url("../image/main/main_movie_arrow.png") 85% center no-repeat;}

.study_quick {width:1200px; position:absolute; bottom:0px; left:50%; transform:translateX(-50%);}
.study_quick li {float:left; width:386px; height:180px; margin-left:21px;}
.study_quick li:nth-child(1) {margin-left:0;}
.study_quick .study1 {background:url("../image/main/main_ico1_bg.png") center no-repeat; animation: fadeup 1s cubic-bezier(.28,.06,.36,.86) forwards; opacity:0;     background-size:cover;}
.study_quick .study2 {background:url("../image/main/main_ico2_bg.png") center no-repeat; animation: fadeup 1s cubic-bezier(.28,.06,.36,.86) .5s forwards; opacity:0;     background-size:cover;}
.study_quick .study3 {background:url("../image/main/main_ico3_bg.png") center no-repeat; animation: fadeup 1s cubic-bezier(.28,.06,.36,.86) 1s forwards; opacity:0;     background-size:cover;}
.study_quick .study1:hover {background:url("../image/main/main_ico1_bg_over.png") center no-repeat; background-size:cover;}
.study_quick .study2:hover {background:url("../image/main/main_ico2_bg_over.png") center no-repeat; background-size:cover;}
.study_quick .study3:hover {background:url("../image/main/main_ico3_bg_over.png") center no-repeat; background-size:cover;}
.study_quick li a {display:block; width:100%; height:100%; line-height:60px; font-size:26px; color:#fff; box-sizing:border-box; margin-top: 28px;}
.study_quick li p {text-align:center;} 
.study_quick li div {font-size:17px; text-align:left; border:1px solid #fff; width:180px; height:44px; line-height:44px; margin:0 auto;    padding-left:16px;} 
.study_quick li div:after {content:''; display:inline-block; width:38px; height:13px; background:url("../image/main/study_arrow.png") center no-repeat; margin-left:32px;}


@media screen and (max-width: 1200px) {
	.visual .vis_lst li .inner {width:100%;}
	.visual .vis_lst {height:700px;}
	.visual .vis_txt {box-sizing:border-box; padding:178px 3% 0 3%;}
	.visual .vis_txt h2 {font-size:45px;}
	.visual .vis_txt .small {font-size:20px;} 
	.visual .vis_txt .small:before {margin:20px 0;}
	.visual .video {width:48%; margin-right:2%; margin-top:156px; padding:54px 0 0 52px;}
	.visual .video h3 {font-size:45px;}
	.study_quick {width:100%; left:51.4%;}
	.study_quick li {width:31%; margin-left:2%;}
}

@media screen and (max-width: 1024px) {
	.visual .vis_lst {height:620px;}
	.visual .vis_txt {top:200px;}
	.visual .vis_txt h2 {font-size:35px;}
	.visual .vis_txt:before {width:10px; height:40px;}
	.visual .vis_txt .small {font-size:16px;}
	.visual .video {margin-top:146px; height:230px; padding:50px 0 0 40px;}
	.visual .video h3 {font-size:32px; line-height:40px; padding-top:10px;}
	.visual .video .btn_more {top:201px;}
	.visual .video .btn_more a {font-size:17px;}
	.study_quick li {background-size: 100% 90%;}
	.study_quick li p {font-size:22px;}
	.study_quick li div {font-size:17px;}
}

@media screen and (max-width: 740px) {
	#max_header .login a {font-size:.8em;}
	.visual .vis_lst {height:555px;}
	.visual .vis_lst .vis1,
	.visual .vis_lst .vis2,
	.visual .vis_lst .vis3,
	.visual .vis_lst .vis4 {background-size:cover;}
	.visual .vis_txt {float:none; margin:30px auto 0; width:100%; text-align:center;}
	.visual .vis_txt:before {width:7px; height:25px; margin-left:0;}
	.visual .vis_txt p {width:100%; font-size:24px;}
	.visual .vis_txt p .nb {display:inline;}
	.visual .vis_txt .small:before {margin:20px auto;}
	.nb {display:block;}
	.visual .video {float:none; width:94%; height:220px; margin:27px 3% 0 3%; padding:50px 0 0 70px;}
	.visual .video .btn_more {top:186px;}
	.study_quick {position:relative; margin:0; width:100%; left:50%;}
	.study_quick li {margin-left:0; width:33.3333%;}
}
@media screen and (max-width: 568px) {
	.visual .vis_txt h2 {font-size:30px;}
	.visual .vis_txt .small {font-size:15px;}
	.visual .vis_lst {height:570px;}
	.visual .video {padding:40px 0 0 30px;}
	.visual .video h3 {font-size:28px;}
	.visual .video p {font-size:16px;}
	.study_quick li {width:100%; margin-left:0; }
	.study_quick .study1 {background-size: cover;}
	.study_quick .study2 {background-size: cover;}
	.study_quick .study3 {background-size: cover;}
}

#news_wp { /*width:1200px;*/ width:100%; padding:88px 0 60px; margin:0 auto; overflow:hidden;}
#news_wp .news_title {text-align:center; font-size:2.5em; color:#000; letter-spacing:-0.095em; font-weight:100;}
#news_wp .news_title span {font-weight:600;}
#news_wp .news_tab {width:100%; text-align:center; margin:55px 0;}
#news_wp .news_tab ul {display:inline-block;}
#news_wp .news_tab ul li {float:left;}

.pt1_list ul li.empty {width:100%; box-sizing:border-box; text-align:center; padding-top:9em;}
#news_wp .news_tab ul li a {border:1px solid #ddd; padding:15px 0; width:147px; display:block; margin:0 5px; border-radius:30px;}
#news_wp .news_tab ul li.active a {background:#333; color:#fff; font-weight:bold; border:1px solid #000;}
#news_wp .news_tab ul li a:hover {background:#333; color:#fff; font-weight:bold; border:1px solid #000;}
#news_wp .news_tab ul li.active a:hover {background:#333;}

#news_wp .pt1_list ul li {width:23.5%; margin-left:2%;}
#news_wp .pt1_list ul li:nth-child(1) {margin-left:0;}
#news_wp .card_box {border:1px solid #ddd; width:100%; height:350px; padding:30px; overflow:hidden; float:left;}
#news_wp .card_box:hover {border:1px solid #333;}
#news_wp .card_cate {border-bottom:1px solid #ddd; padding-bottom:20px; font-weight:bold; font-size:16px}
#news_wp .type1 .card_cate {color:#00a8d2;} 
#news_wp .type2 .card_cate {color:#333333;} 
#news_wp .card_content {margin:30px 0;}
#news_wp .card_content > h2 {font-size:1.25em; font-weight:500; color:#333; line-height:1.25em; height:2.5em; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
#news_wp .card_content > p {margin-top: 20px; white-space: normal; line-height: 1.5; height: 7.5em; text-align: left; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; margin-bottom:2em; color:#888}
#news_wp .card_content .date {color:#666;}
/* .news_btn  */

.swiper-button-next {width:28px; height:18px; background:url("../image/main/news_zone_next.png") center no-repeat; display: inline-block; margin-left:100px;}
.swiper-button-prev {width:28px; height:18px; background:url("../image/main/news_zone_prev.png") center no-repeat; display: inline-block; margin-right:68px;}

.swiper-button-play {width:14px; height:16px; background:url("../image/main/news_zone_play.png") center no-repeat; display: inline-block; margin-left:34px; top:417px; left:50%; display:none;} 
.swiper-button-stop {width:23px; height:16px; background:url("../image/main/news_zone_stop.png") center no-repeat; display: inline-block; margin-left:29px; top:417px; left:50%;} 

@media screen and (max-width: 1200px) {
	#news_wp {width:100%; padding:88px 3% 60px;}
	#news_wp .news_title {font-size:2.3em;}
}

@media screen and (max-width: 1024px) {
	#news_wp .news_title {font-size:2.1em;}
	#news_wp .news_tab {margin:35px 0;}
}

@media screen and (max-width: 740px) {
	#news_wp {padding:50px 3% 50px;}
	#news_wp .news_title {font-size:1.8em; line-height:32px;}
	#news_wp .news_tab {margin:30px 0;}
	#news_wp .pt1_list ul li {width:49%;}
}

@media screen and (max-width: 568px) {
	#news_wp .pt1_list ul li {width:100%;}
	#news_wp .news_tab ul li a {width:90px; border-radius:0; margin:0 2px;}
	#news_wp .card_content {margin:20px 0;}
	#news_wp .card_content > h2 {font-size:1.12em; height:1em;}
	#news_wp .card_content > p {font-size:15px; margin-bottom:0em; height:6.5em;}
	#news_wp .card_box {height:auto; padding:30px 30px 10px 30px;}
}

#gallery_wp {width:100%; height:auto; background:#f6f6f6 !important; overflow:hidden; padding:60px 0; clear:both;} 
#gallery_wp .inner {width:1200px; margin:0 auto;}
#gallery_wp .top {position:relative;}
#gallery_wp .top h2 {font-size:36px; font-weight:bold; padding-bottom:50px; float:left;}
#gallery_wp .top h2 span {font-size:18px; color:#d2d2d2; font-weight:500; margin-left:20px; letter-spacing:3px;}
#gallery_wp .top .more_btn {float:right; padding-top:15px;}
#gallery_wp .top .more_btn i {vertical-align: middle; padding-left:10px;}
#gallery_wp .top .more_btn a {width:100%; height:100%; display:block;}
#gallery_wp ul {width:100%; position:relative; overflow:hidden;}
#gallery_wp ul li {width:23.2%; float: left; margin-left:2%; overflow:hidden;}
#gallery_wp ul li:nth-child(1) {margin-left:0;}
#gallery_wp ul li a {width:100%; height:100%; display:block;}
#gallery_wp ul li a img {width:100%;}
#gallery_wp ul li a span.no_image {width:100%; display:block; height:0; padding-bottom:30.53%; text-align:center; padding-top:25%; background:#f1f1f1;}
#gallery_wp ul li p {font-size:17px; color:#111; overflow: hidden; text-overflow: ellipsis; line-height: 1.2em; height: 2.8em; display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient:vertical; word-wrap:break-word; word-break:break-all;}

#gallery_wp ul li p.tit {padding:10px 0;}
#gallery_wp ul li .date {color:#00a8d2; display:inline-block; padding-top:20px;}
#gallery_wp ul li .date::before {content:''; display:inline-block; width:17px; height:17px; background:url("../image/main/gallery_ico.png") center no-repeat; padding-right:10px; vertical-align: middle;} 

@media screen and (max-width: 1200px) {
	#gallery_wp .inner {width:100%; padding:0 3%;}
	#gallery_wp .top h2 {font-size:2.1em;}
}

@media screen and (max-width: 740px) {
	#gallery_wp {padding:50px 0 20px 0;}
	#gallery_wp ul li {width:48%; margin-bottom:5%;}
	#gallery_wp ul li:nth-child(3) {margin-left:0;}
	#gallery_wp ul li p strong {font-size:16px;}
	#gallery_wp ul li p {font-size:15px;}
	#gallery_wp .top h2 {font-size:1.8em; padding-bottom:25px;}
	#gallery_wp .top .more_btn {padding-top:10px;}
}
@media screen and (max-width: 568px) {
	#gallery_wp {padding: 50px 0 20px 0;}
	#gallery_wp .top h2 span {display:none;}
}

#partner_wp {width:100%; height:auto; overflow:hidden; padding:30px 0;}
#partner_wp .inner {width:1200px; margin:0 auto; position:relative;}
#partner_wp .bnn_button {float:left; padding:20px 0; margin-right:15px;}
#partner_wp .bnn_button a {display:inline-block; }
#partner_wp .bnt_prev {width:10px; height:16px; background:url("../image/main/gallery_prev.png") center no-repeat;}
#partner_wp .bnt_next {width:10px; height:16px; background:url("../image/main/gallery_next.png") center no-repeat;}
#partner_wp .bnt_stop {width:10px; height:16px; background:url("../image/main/gallery_stop.png") center no-repeat; padding:0 20px;}
/* #partner_wp .bnt_play {width:10px; height:16px; background:url("../image/main/gallery_play.png") center no-repeat; padding:0 20px;} */
#partner_wp ul {width:92%; position:relative; overflow:hidden; float:left;}
#partner_wp ul li {width:19.5%; float:left; margin-left:.5%; border:1px solid #ddd; box-sizing:border-box; overflow:hidden;}
#partner_wp ul li:nth-child(1) {margin-left:0;}
#partner_wp ul li a {width:100%; height:100%; display:block;}
#partner_wp ul li a img {max-width:100%;}

@media screen and (max-width: 1200px) {
	#partner_wp .inner {width:100%;}
	#partner_wp ul {width:100%;}
	#partner_wp .bnn_button {display:none;}
	#partner_wp ul {width:94%; float:none; margin:0 auto;}
}

@media screen and (max-width: 1024px) {
	#partner_wp ul {width: 94%;}
	#partner_wp ul li {width:16.5%;}
}

@media screen and (max-width: 740px) {
	#partner_wp ul {width:96%; height:auto;}
	#partner_wp ul li {width:19%; margin-bottom:0%;}	
}


/* family site */
.family_site {width:100%; max-width:1200px; height:86px; margin:0 auto; position:relative; overflow:hidden;}
.family_site ul {float:right; width:calc(100% - 120px); height:inherit; position:relative; overflow:hidden;}
.family_site ul li {float:left; position:absolute; width:16.6666%}
.family_site ul li a {display:block; padding:18px 0;}
.family_site ul li img {max-width:100%;}
@media screen and (max-width: 568px) {
	.family_site ul li img { width:100%; }
}

.family_site .slider-page {float:left; width:120px; margin-top:32px;}
.family_site .slider-page .bt_control {float:left; color:#797979}
.family_site .slider-page .stop {margin-left:8px;}



@keyframes fadeup { 
	from { opacity:0; -webkit-transform:translate3d(0,40px,0); transform:translate3d(0,40px,0); } 
	to { opacity:1; -webkit-transform:none; transform:none; } 
}