/*main-info*/
.main-info { overflow: hidden; }

.main-info::after { display: block; content: ""; clear: both; }

.main-info .mi-text-box, .main-info .mi-move-box { width: 50%; float: left; margin-top: 90px; margin-bottom: 120px; }

.main-info .mi-move-box { position: relative; }

.main-info .mi-move-box .btn-play { display: block; position: absolute; width: 100%; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100px; height: 100px; border: 0; padding: 0; overflow: hidden; font-size: 0; text-indent: -1000px; cursor: pointer; background: rgba(0, 0, 0, 0); }

.main-info .mi-move-box .btn-play:active span { -webkit-transform: scale(0.97); -moz-transform: scale(0.97); -o-transform: scale(0.97); -ms-transform: scale(0.97); transform: scale(0.97); }

.main-info .mi-move-box .btn-play span { -webkit-transition: background 0.2s ease-out, font-size 0.2s ease-out, transform 0.2s ease-out, box-shadow 0.2s ease-out; -moz-transition: background 0.2s ease-out, font-size 0.2s ease-out, transform 0.2s ease-out, box-shadow 0.2s ease-out; -o-transition: background 0.2s ease-out, font-size 0.2s ease-out, transform 0.2s ease-out, box-shadow 0.2s ease-out; -ms-transition: background 0.2s ease-out, font-size 0.2s ease-out, transform 0.2s ease-out, box-shadow 0.2s ease-out; transition: background 0.2s ease-out, font-size 0.2s ease-out, transform 0.2s ease-out, box-shadow 0.2s ease-out; display: block; width: 100px; height: 100px; background: rgba(0, 0, 0, 0) url(../images/main/main_video_play.png) no-repeat center center; background-size: contain; }

.main-info .mi-btn-box .btn { width: 270px; height: 100px; line-height: 100px; font-size: 20px; padding: 0; text-align: center; margin-right: 20px; box-shadow: 0 0 0; }

.main-info .mi-btn-box .btn.btn-color-01:hover { box-shadow: 5px 5px 10px #91ade5; }

.main-info .mi-btn-box .btn.btn-color-02:hover { box-shadow: 5px 5px 10px #80c2ff; }

@media all and (max-width: 1219px) { .main-info { text-align: center; padding: 40px 0 70px; }
  .main-info .mi-text-box, .main-info .mi-move-box { display: inline-block; float: none; margin-left: auto; margin-right: auto; margin-top: 20px; margin-bottom: 20px; }
  .main-info .mi-text-box { width: 100%; max-width: 700px; }
  .main-info .mi-text-box p br { display: none; }
  .main-info .mi-text-box .mi-btn-box .btn { margin: 0 1%; }
  .main-info .mi-move-box { width: 95%; max-width: 650px; }
  /*main-info*/
  .main-info .mi-tit-box .mi-tit { margin-top: 30px; font-size: 52px; }
  .main-info .mi-tit-box img { height: 34px; }
  .main-info .mi-text-box p { font-size: 26px; }
  .main-info .mi-move-box .btn-play { width: 100px; height: 100px; }
  .main-info .mi-move-box .btn-play span { width: 100px; height: 100px; }
  .main-info .mi-btn-box { margin: 50px -45px 0; }
  .main-info .mi-btn-box .btn { width: 42%; max-width: 310px; height: 100px; line-height: 100px; font-size: 26px; }
  .main-info .mi-btn-box .btn.btn-color-01 { box-shadow: 5px 5px 10px #91ade5; }
  .main-info .mi-btn-box .btn.btn-color-02 { box-shadow: 5px 5px 10px #80c2ff; } }

@media all and (max-width: 768px) { /*main-info*/
  .main-info .mi-tit-box .mi-tit { margin-top: 23px; font-size: 39px; }
  .main-info .mi-tit-box img { height: 26px; }
  .main-info .mi-text-box p { font-size: 20px; }
  .main-info .mi-move-box .btn-play { width: 75px; height: 75px; }
  .main-info .mi-move-box .btn-play span { width: 75px; height: 75px; }
  .main-info .mi-btn-box { margin: 38px -34px 0; }
  .main-info .mi-btn-box .btn { width: 42%; max-width: 233px; height: 75px; line-height: 75px; font-size: 20px; }
  .main-info .mi-btn-box .btn.btn-color-01 { box-shadow: 4px 4px 8px #91ade5; }
  .main-info .mi-btn-box .btn.btn-color-02 { box-shadow: 4px 4px 8px #80c2ff; } }

@media all and (max-width: 500px) { /*main-info*/
  .main-info .mi-tit-box .mi-tit { margin-top: 20px; font-size: 34px; }
  .main-info .mi-tit-box img { height: 22px; }
  .main-info .mi-text-box p { font-size: 17px; }
  .main-info .mi-move-box .btn-play { width: 65px; height: 65px; }
  .main-info .mi-move-box .btn-play span { width: 65px; height: 65px; }
  .main-info .mi-btn-box { margin: 33px -29px 0; }
  .main-info .mi-btn-box .btn { width: 42%; max-width: 202px; height: 65px; line-height: 65px; font-size: 17px; }
  .main-info .mi-btn-box .btn.btn-color-01 { box-shadow: 3px 3px 7px #91ade5; }
  .main-info .mi-btn-box .btn.btn-color-02 { box-shadow: 3px 3px 7px #80c2ff; } }

@media all and (max-width: 375px) { /*main-info*/
  .main-info .mi-tit-box .mi-tit { margin-top: 15px; font-size: 26px; }
  .main-info .mi-tit-box img { height: 17px; }
  .main-info .mi-text-box p { font-size: 13px; }
  .main-info .mi-move-box .btn-play { width: 50px; height: 50px; }
  .main-info .mi-move-box .btn-play span { width: 50px; height: 50px; }
  .main-info .mi-btn-box { margin: 25px -23px 0; }
  .main-info .mi-btn-box .btn { width: 42%; max-width: 155px; height: 50px; line-height: 50px; font-size: 13px; }
  .main-info .mi-btn-box .btn.btn-color-01 { box-shadow: 3px 3px 5px #91ade5; }
  .main-info .mi-btn-box .btn.btn-color-02 { box-shadow: 3px 3px 5px #80c2ff; } }

/*main-info2*/
.main-info2 { overflow: hidden; padding: 130px 0; background: url(../images/main/main_info.jpg) no-repeat top center; background-size: cover; }

.main-info2 .mi2-item { display: block; text-align: center; color: #fff; width: 25%; float: left; }

@media all and (max-width: 1024px) { .main-info2 { background: url(../images/main/main_info_m.jpg) no-repeat top center; background-size: 100% 100%; }
  .main-info2 .mi2-item { padding: 2.5%; width: 50%; margin-bottom: 10%; } }

@media all and (max-width: 375px) { .main-info2 { background-size: 150% 100%; } }


/*main-youtube-box*/
.main-youtube-box { position: relative; margin-bottom: 10px;border:0px solid blue !important }
.main-youtube-box .my { margin-top: 1em; }
.main-youtube-box .my .my-item { text-align: center; outline: 0 !important; padding-bottom: 40px; }
.main-youtube-box .my .my-item img { width: 230px; }
.main-youtube-box .my .my-item a { outline: 0 !important; display: inline-block; text-align: center; color: #222; }
.main-youtube-box .my .my-item a span { margin-top: 1em; display: block; }
.main-youtube-box .my .my-item a i { vertical-align: middle; margin: 0 5px 5px 0; }
.main-youtube-box .my .my-item.slick-active img { border-radius: 0%; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3); }
.main-youtube-box .my .my-item:hover .myi-img { position: relative; }
/*.main-youtube-box .my .my-item:hover .myi-img:after { content: ''; display: block; background: url(../images/main/my_item_hover.png) no-repeat top center; background-size: cover; position: absolute; top: 0; border-radius: 100%; width: 100%; height: 100%; }
*/
.main-youtube-box .my .my-item.none .myi-img { position: relative; }
.main-youtube-box .my .my-item.none .myi-img:after { content: attr(data-day); display: block; background: url(../images/main/my_item_hover2.png) no-repeat top center; background-size: cover; position: absolute; top: 0; border-radius: 100%; width: 100%; height: 100%; line-height: 210px; color: #fff; font-weight: bold; border-radius: 100%; }
.main-youtube-box .my .slick-dots { text-align: center; }
.main-youtube-box .my .slick-dots li { display: inline-block; margin: 0 0.1em; }
.main-youtube-box .my .slick-dots button { background: transparent; width: 10px; height: 10px; border: 1px solid #235acb; border-radius: 100%; padding: 0; overflow: hidden; text-indent: -1000px; }
.main-youtube-box .my .slick-dots li.slick-active button { background: #235acb; }
.main-youtube-box .my-btn-box .btn-my-perv, .main-youtube-box .my-btn-box .btn-my-next { position: absolute; display: block !important; background: transparent; border: 0; cursor: pointer; position: absolute; top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); }
.main-youtube-box .my-btn-box .btn-my-perv { left: -50px; padding-bottom: 40px; }
.main-youtube-box .my-btn-box .btn-my-next { right: -50px; padding-bottom: 40px; }

@media all and (max-width: 1441px) { .main-youtube-box .my-btn-box .btn-my-perv, .main-youtube-box .my-btn-box .btn-my-next { display: none !important; } }

@media all and (max-width: 1219px) { /*main-youtube-box*/
  .main-youtube-box .my .my-item { width: 300px; }
  .main-youtube-box .my .my-item img { width: 233px; }
  .main-youtube-box .my .my-item.slick-active img { box-shadow: 0 0 0; }
  .main-youtube-box .my .my-item:hover a img, .main-youtube-box .my .my-item.slick-current img { box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3); }
  .main-youtube-box .my .my-item i { vertical-align: middle; margin: 0 4px 4px 0; }
  .main-youtube-box .my .my-item:hover .myi-img { position: relative; }
  .main-youtube-box .my .my-item:hover .myi-img:after { display: none; }
  .main-youtube-box .my .my-item.none .myi-img:after { display: block !important; }
  .main-youtube-box .my .slick-dots li { margin: 0 0.25em; }
  .main-youtube-box .my-btn-box .btn-my-perv, .main-youtube-box .my-btn-box .btn-my-next { display: none !important; } }

@media all and (max-width: 768px) { /*main-youtube-box*/
  .main-youtube-box .my .my-item { width: 300px; }
  .main-youtube-box .my .my-item img { width: 233px; }
  .main-youtube-box .my .my-item i { margin: 0 4px 4px 0; }
  .main-youtube-box .my .my-item.none .myi-img:after { line-height: 218px; } }

@media all and (max-width: 500px) { /*main-youtube-box*/
  .main-youtube-box .my .my-item { width: 260px; }
  .main-youtube-box .my .my-item img { width: 202px; }
  .main-youtube-box .my .my-item i { margin: 0 3px 3px 0; }
  .main-youtube-box .my .my-item.none .myi-img:after { line-height: 189px; } }

@media all and (max-width: 375px) { /*main-youtube-box*/
  .main-youtube-box .my .my-item { width: 200px; }
  .main-youtube-box .my .my-item img { width: 155px; }
  .main-youtube-box .my .my-item i { margin: 0 3px 3px 0; }
  .main-youtube-box .my .my-item.none .myi-img:after { line-height: 145px; } }




/*main-youtube-box*/
.main-youtube-box { position: relative; margin-bottom: 10px; }
.main-youtube-box .my2 { margin-top: 1em; }
.main-youtube-box .my2 { margin-top: 1em; }
.main-youtube-box .my2 .my-item { text-align: center; outline: 0 !important; padding-bottom: 40px; }
.main-youtube-box .my2 .my-item img { width: 230px; }
.main-youtube-box .my2 .my-item a { outline: 0 !important; display: inline-block; text-align: center; color: #222; }
.main-youtube-box .my2 .my-item a span { margin-top: 1em; display: block; }
.main-youtube-box .my2 .my-item a i { vertical-align: middle; margin: 0 5px 5px 0; }
.main-youtube-box .my2 .my-item.slick-active img { border-radius: 0%; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3); }
.main-youtube-box .my2 .my-item:hover .myi-img { position: relative; }
/*.main-youtube-box .my .my-item:hover .myi-img:after { content: ''; display: block; background: url(../images/main/my_item_hover.png) no-repeat top center; background-size: cover; position: absolute; top: 0; border-radius: 100%; width: 100%; height: 100%; }
*/
.main-youtube-box .my2 .my-item.none .myi-img { position: relative; }
.main-youtube-box .my2 .my-item.none .myi-img:after { content: attr(data-day); display: block; background: url(../images/main/my_item_hover2.png) no-repeat top center; background-size: cover; position: absolute; top: 0; border-radius: 100%; width: 100%; height: 100%; line-height: 210px; color: #fff; font-weight: bold; border-radius: 100%; }
.main-youtube-box .my2 .slick-dots { text-align: center; }
.main-youtube-box .my2 .slick-dots li { display: inline-block; margin: 0 0.1em; }
.main-youtube-box .my2 .slick-dots button { background: transparent; width: 10px; height: 10px; border: 1px solid #235acb; border-radius: 100%; padding: 0; overflow: hidden; text-indent: -1000px; }
.main-youtube-box .my2 .slick-dots li.slick-active button { background: #235acb; }
.main-youtube-box .my-btn-box .btn-my-perv, .main-youtube-box .my-btn-box .btn-my-next { position: absolute; display: block !important; background: transparent; border: 0; cursor: pointer; position: absolute; top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); }
.main-youtube-box .my-btn-box .btn-my-perv { left: -50px; padding-bottom: 40px; }
.main-youtube-box .my-btn-box .btn-my-next { right: -50px; padding-bottom: 40px; }

@media all and (max-width: 1441px) { .main-youtube-box .my-btn-box .btn-my-perv, .main-youtube-box .my-btn-box .btn-my-next { display: none !important; } }

@media all and (max-width: 1219px) { /*main-youtube-box*/
  .main-youtube-box .my2 .my-item { width: 300px; }
  .main-youtube-box .my2 .my-item img { width: 233px; }
  .main-youtube-box .my2 .my-item.slick-active img { box-shadow: 0 0 0; }
  .main-youtube-box .my2 .my-item:hover a img, .main-youtube-box .my .my-item.slick-current img { box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3); }
  .main-youtube-box .my2 .my-item i { vertical-align: middle; margin: 0 4px 4px 0; }
  .main-youtube-box .my2 .my-item:hover .myi-img { position: relative; }
  .main-youtube-box .my2 .my-item:hover .myi-img:after { display: none; }
  .main-youtube-box .my2 .my-item.none .myi-img:after { display: block !important; }
  .main-youtube-box .my2 .slick-dots li { margin: 0 0.25em; }
  .main-youtube-box .my-btn-box .btn-my-perv, .main-youtube-box .my-btn-box .btn-my-next { display: none !important; } }

@media all and (max-width: 768px) { /*main-youtube-box*/
  .main-youtube-box .my2 .my-item { width: 300px; }
  .main-youtube-box .my2 .my-item img { width: 233px; }
  .main-youtube-box .my2 .my-item i { margin: 0 4px 4px 0; }
  .main-youtube-box .my2 .my-item.none .myi-img:after { line-height: 218px; } }

@media all and (max-width: 500px) { /*main-youtube-box*/
  .main-youtube-box .my2 .my-item { width: 260px; }
  .main-youtube-box .my2 .my-item img { width: 202px; }
  .main-youtube-box .my2 .my-item i { margin: 0 3px 3px 0; }
  .main-youtube-box .my2 .my-item.none .myi-img:after { line-height: 189px; } }

@media all and (max-width: 375px) { /*main-youtube-box*/
  .main-youtube-box .my2 .my-item { width: 200px; }
  .main-youtube-box .my2 .my-item img { width: 155px; }
  .main-youtube-box .my2 .my-item i { margin: 0 3px 3px 0; }
  .main-youtube-box .my2 .my-item.none .myi-img:after { line-height: 145px; } }








/*main-event*/
.main-event { overflow: hidden; position: relative; padding: 100px 0; background: url(../images/main/main_event_bg.jpg) no-repeat top center; background-size: cover; }

.main-event .me-item { width: 798px; padding-bottom: 15px; outline: 0 !important; }

.main-event .me-item a { outline: 0 !important; position: relative; width: 760px; display: block; background: #fff; color: #222; }

.main-event .me-item a::after { display: block; content: ""; clear: both; }

.main-event .me-item img { display: block; }

.main-event .me-item .mei-img, .main-event .me-item .mei-text { float: left; width: 50%; }

.main-event .me-item .mei-text { padding: 40px; word-break: keep-all; }

.main-event .me-item .mei-text h3 { max-height: 7em; overflow: hidden; }

.main-event .me-item .mei-text .mei-link { display: inline-block; position: absolute; bottom: 40px; border-bottom: 1px solid #222; }

.main-event .me-item .mark { display: inline-block; padding: 0.5em; background: #222; color: #fff; line-height: 1em; font-weight: 200; margin-bottom: 0.5em; }

.main-event .me-item .mark.color-1 { background: #1e5ea5; }

.main-event .me-item .mark.color-2 { background: #f99104; }

.main-event .me-item:hover a, .main-event .me-item.slick-current a { box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1); }

.main-event .me-btn-box { top: -78px; right: 10%; position: absolute; }

.main-event .me-btn-box .btn-me-perv, .main-event .me-btn-box .btn-me-next { display: inline-block !important; background: transparent; border: 0; padding: 0; cursor: pointer; }

.main-event .me-btn-box .btn-me-perv { left: -50px; }

.main-event .me-btn-box .btn-me-next { right: -50px; }

@media all and (max-width: 1024px) { .main-event { background: url(../images/main/main_event_bg_m.jpg) no-repeat top center; background-size: cover; }
  .main-event .me-item a { width: 100%; }
  .main-event .me-item img { width: 100%; display: block; }
  .main-event .me-item .mei-img, .main-event .me-item .mei-text { float: none; width: 100%; }
  .main-event .me-item .mei-text h3 { max-height: none; overflow: inherit; }
  .main-event .me-item .mei-text .mei-link { position: static; }
  .main-event .me-btn-box .btn-me-perv, .main-event .me-btn-box .btn-me-next { display: none !important; }
  .main-event { padding: 64px 0; }
  .main-event .me-item { width: 458px; padding: 0 15px 11px; }
  .main-event .me-item .mei-text { padding: 30px; }
  .main-event .me-item .mei-text .mei-link { margin-top: 30px; font-size: 18px; }
  .main-event .me-item .mei-text mark { font-size: 18px; }
  .main-event .me-item .mei-text h3 { font-size: 27px; }
  .main-event .me-item .mei-text p { font-size: 20px; }
  .main-event .me-item:hover a, .main-event .me-item.slick-current a { box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.1); } }

@media all and (max-width: 768px) { .main-event { padding: 55px 0; }
  .main-event .me-item { width: 397px; padding: 0 13px 10px; }
  .main-event .me-item .mei-text { padding: 26px; }
  .main-event .me-item .mei-text .mei-link { margin-top: 26px; font-size: 16px; }
  .main-event .me-item .mei-text mark { font-size: 16px; }
  .main-event .me-item .mei-text h3 { font-size: 23px; }
  .main-event .me-item .mei-text p { font-size: 17px; }
  .main-event .me-item:hover a, .main-event .me-item.slick-current a { box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.1); } }

@media all and (max-width: 500px) { .main-event { padding: 43px 0; }
  .main-event .me-item { width: 305px; padding: 0 10px 8px; }
  .main-event .me-item .mei-text { padding: 20px; }
  .main-event .me-item .mei-text .mei-link { margin-top: 20px; font-size: 12px; }
  .main-event .me-item .mei-text mark { font-size: 12px; }
  .main-event .me-item .mei-text h3 { font-size: 18px; }
  .main-event .me-item .mei-text p { font-size: 13px; }
  .main-event .me-item:hover a, .main-event .me-item.slick-current a { box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.1); } }

.main-cheer-wrap { position: relative; overflow: hidden; width: 100%; padding: 100px 0; background: url(../images/main/cheer_bg.jpg) no-repeat top center; background-size: cover; }

.main-cheer-wrap .wrap { position: relative; }

.main-cheer-wrap .mc-more-btn { min-width: 5em; position: absolute; display: inline-block; top: 120px; right: 0; }

.main-cheer-wrap .mc-itme { width: 100%; outline: 0 !important; }

.main-cheer-wrap .mci-wrap a { outline: 0 !important; display: table; table-layout: fixed; width: 100%; max-width: 798px; margin: 0 auto; }

.main-cheer-wrap .mci-wrap a > .mci-img, .main-cheer-wrap .mci-wrap a > .mci-text { display: table-cell; vertical-align: middle; }

.main-cheer-wrap .mci-wrap a .mci-tit { position: relative; }

.main-cheer-wrap .mci-wrap a .mci-tit:before { content: ''; display: block; width: 35px; height: 28px; background: url(../images/main/mm_tit_img.png) no-repeat center center; background-size: contain; position: absolute; top: -40px; left: 0; }

.main-cheer-wrap .mci-wrap a > .mci-img { width: 45%; text-align: center; padding: 0 2%; }

.main-cheer-wrap .mci-wrap a > .mci-img .mci-img-con { position: relative; overflow: hidden; box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.3); }

.main-cheer-wrap .mci-wrap a > .mci-img .mci-img-con:before { content: ''; display: block; padding-top: 62%; background: #000; }

.main-cheer-wrap .mci-wrap a > .mci-img .mci-img-con img { display: block; position: absolute; width: 100%; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.main-cheer-wrap .mci-wrap a > .mci-text { width: 55%; word-break: keep-all; color: #fff; font-weight: 200; }

.main-cheer-wrap .mc-btn-box .btn-mc-perv, .main-cheer-wrap .mc-btn-box .btn-mc-next { position: absolute; display: block !important; background: transparent; border: 0; cursor: pointer; position: absolute; top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); }

.main-cheer-wrap .mc-btn-box .btn-mc-perv { left: -50px; }

.main-cheer-wrap .mc-btn-box .btn-mc-next { right: -50px; }

@media all and (max-width: 1219px) { .main-cheer-wrap { background: url(../images/main/cheer_bg_m.jpg) no-repeat center center; background-size: cover; }
  .main-cheer-wrap .wrap { position: relative; }
  .main-cheer-wrap .mc-more-btn { min-width: 5em; position: absolute; display: inline-block; left: 50%; right: auto; margin-left: -2.5em; }
  .main-cheer-wrap .mc-itme { width: 100%; }
  .main-cheer-wrap .mci-wrap a { display: block; width: 100%; margin: 0 auto; }
  .main-cheer-wrap .mci-wrap a > .mci-img, .main-cheer-wrap .mci-wrap a > .mci-text { display: block; }
  .main-cheer-wrap .mci-wrap a > .mci-img { width: 100%; padding: 0 2%; text-align: center; }
  .main-cheer-wrap .mci-wrap a > .mci-img .mci-img-con { margin: 0 auto; }
  .main-cheer-wrap .mci-wrap a > .mci-img img { display: inline-block; width: 100%; }
  .main-cheer-wrap .mci-wrap a > .mci-text { width: 100%; text-align: center; max-width: 580px; margin: 0 auto; }
  .main-cheer-wrap .mci-wrap a .mci-tit { width: 100%; }
  .main-cheer-wrap .mci-wrap a .mci-tit:before { left: 50%; }
  .main-cheer-wrap .mc-btn-box .btn-mc-perv { left: 2%; }
  .main-cheer-wrap .mc-btn-box .btn-mc-next { right: 2%; }
  .main-cheer-wrap { padding: 80px 0 100px; }
  .main-cheer-wrap .wrap.mc-wrap { padding: 0 100px; }
  .main-cheer-wrap .mc { margin-top: 50px; }
  .main-cheer-wrap .mc-more-btn { top: 220px; }
  .main-cheer-wrap .mci-wrap a > .mci-img { margin-bottom: 100px; }
  .main-cheer-wrap .mci-wrap a > .mci-img .mci-img-con { max-width: 370px; }
  .main-cheer-wrap .mci-wrap a .mci-tit:before { width: 40px; height: 35px; top: -70px; margin-left: -20px; } }

@media all and (max-width: 768px) { .main-cheer-wrap { padding: 60px 0 75px; }
  .main-cheer-wrap .wrap.mc-wrap { padding: 0 75px; }
  .main-cheer-wrap .mc { margin-top: 38px; }
  .main-cheer-wrap .mc-more-btn { top: 165px; }
  .main-cheer-wrap .mci-wrap a > .mci-img { margin-bottom: 75px; }
  .main-cheer-wrap .mci-wrap a > .mci-img .mci-img-con { max-width: 278px; }
  .main-cheer-wrap .mci-wrap a .mci-tit:before { width: 30px; height: 26px; top: -53px; margin-left: -15px; } }

@media all and (max-width: 500px) { .main-cheer-wrap { padding: 52px 0 65px; }
  .main-cheer-wrap .wrap.mc-wrap { padding: 0 65px; }
  .main-cheer-wrap .mc { margin-top: 33px; }
  .main-cheer-wrap .mc-more-btn { top: 143px; }
  .main-cheer-wrap .mci-wrap a > .mci-img { margin-bottom: 65px; }
  .main-cheer-wrap .mci-wrap a > .mci-img .mci-img-con { max-width: 241px; }
  .main-cheer-wrap .mci-wrap a .mci-tit:before { width: 26px; height: 23px; top: -46px; margin-left: -13px; } }

@media all and (max-width: 375px) { .main-cheer-wrap { padding: 40px 0 50px; }
  .main-cheer-wrap .wrap.mc-wrap { padding: 0 50px; }
  .main-cheer-wrap .mc { margin-top: 25px; }
  .main-cheer-wrap .mc-more-btn { top: 110px; }
  .main-cheer-wrap .mci-wrap a > .mci-img { margin-bottom: 50px; }
  .main-cheer-wrap .mci-wrap a > .mci-img .mci-img-con { max-width: 185px; }
  .main-cheer-wrap .mci-wrap a .mci-tit:before { width: 20px; height: 18px; top: -35px; margin-left: -10px; } }

.video_con2 { position: relative; overflow: hidden; max-width: 1200px; margin-right: auto; margin-left: auto; }

.video_con2:before { content: ''; display: block; padding-top: 56.5%; }

.video_con2 .video_box2 { position: absolute; top: 0; bottom: 0; left: 0; right: 0; }

.video_con2 .video_box2 iframe { position: absolute; width: 100%; height: 100%; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.popup{
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 6000;
  max-width: 830px;
  width: 90%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);

}
.popup img{
  width: 100%;
}
.popup .popup-con{
  position: absolute;
  display: block;
  overflow: hidden;
  top: 200px;
  left: 35px;
  right: 25px;
  bottom: 35px;
  text-align: justify;
  text-align-last: center;
  width: 95%;
  max-width: 770px;
  padding: 5%;
  overflow-y: auto;
}
.popup .popup-con ul:after{
  content: '';
  display: inline-block;
  min-width: 1em;
}
.popup .popup-con li{
  display: inline-block;
  margin-bottom: 1em;
  min-width: 5.5em;
  font-size: 17px;
}
@media all and (max-width: 940px) {
  .popup .popup-con{
    width: auto;
    top: 27%;
    left: 3%;
    right: 3%;
    bottom: 5.5%;
    padding: 2% 5%;
    overflow-y: auto;
  }
  .popup .popup-con li{
    font-size: 2vw;
    margin-bottom: 0.5em;
  }
}


.mainCutstr {
border:0px solid blue;
width:calc(100% - 20px);
overflow:hidden !important;
text-overflow:ellipsis !important;
white-space: nowrap !important;
}

/*  index */
.indexTitle {font-size:24px;font-weight:700}
.mgTop30 {width:100%;margin-top:30px}
.maintitleBox {width:auto;padding:30px 0 20px 0;text-align:center}

.recentSubject {letter-spacing:0.3px !important;vertical-align:middle}
.recentRegdate {letter-spacing:0.3px !important;vertical-align:middle}
.itemSubject {letter-spacing:0.3px !important;font-weight:500}

@media all and (max-width: 1250px) {
	#indexRecent   .indexRecentTR {height:48px !important}
  }
@media all and (max-width: 1100px) {
	#indexRecent   .indexRecentTR {height:44px !important}
	.recentRegdate {letter-spacing:0.3px !important;vertical-align:middle;font-size:14px !important}
  }
@media all and (max-width: 1000px) {
	.recentRegdate {letter-spacing:0.3px !important;vertical-align:middle;font-size:12px !important}
  }

@media all and (max-width: 700px) {
.indexTitle {font-size:24px;font-weight:700}
.mgTop30 {width:100%;margin-top:10px}
.maintitleBox {width:auto;padding:15px 0 10px 0;text-align:center}