/*visual*/
    /*slide_btn*/
    .slide_btn {position: absolute;}
    .prev_btn {position: absolute; top:50%; left: 0px; cursor: pointer;}
    .next_btn {position: absolute; top:50%; right: 0px; cursor: pointer;}
    .slide_btn {top: 50%; left: 50%; z-index: 10; max-width: 1200px; width: 100%; margin-left: -600px;}
.wrap_visual {position: relative; overflow: hidden; width: 100%; height:auto;}
.visual{z-index: 5; padding-top: 70px; position: relative; width: 100%; height: auto;}
.slider li{ position: relative; z-index: 1}
.visual_text {z-index: 9; position: absolute; padding-top: 12%; margin-left: 22%; width: 1200px;text-align: left;}
.visual_text h1.m_vt02 {margin-bottom: 25px; font-size: 46px; color: #15b9b5; font-weight: 700;}
.visual_text h2.m_vt01 {margin-bottom: 5px; font-size: 55px; color: #fff; font-weight: 800;  text-shadow:1px 2px rgba(0,0,0,0.6);}
.m_txt01 {padding-bottom: 58px; width: 100%; font-size: 20px; line-height: 24px; color: #fff;text-shadow:1px 2px rgba(0,0,0,0.3);}
.m_btn_go01 {display: inline-block; width: 190px; height: 40px; line-height: 40px; font-size: 16px; border: 1px solid #fff; text-align: center; text-indent: -30px;}
.m_btn_go01:hover {background-color: #15b9b5; border-color: #15b9b5;}
.m_con03 .m_btn_go01:hover {background-color: #6b6b6b; border-color: #6b6b6b;}
.m_btn_go01 span {color:#fff;}
.m_btn_go01 img {position: absolute; top: 12px; right:30px; width: 7px !important; vertical-align: middle;}

.pass_go01 {z-index: 9; position: absolute; left: 50%; bottom: 0; margin-left: -600px; width: 1200px; height:140px;}
.pass_go01 .ch01 {width: 100%; height:38px; line-height:38px; font-size: 14px; color: #fff; background-color: rgba(0, 0, 0, 0.7); margin-top:102px;}
.pass_go01 .ch01 a span {display: inline-block; color: #fff;}
.pass_go01 .ch01 a span.title {padding-left: 30px; margin-left: 20px; margin-right: 20px; font-weight: 700;}
.pass_go01 .ch01 a span.date {margin-right: 10px; color: #838282;}
.pass_go01 .ch01 a span.list_title {font-weight: 700;}
.pass_go01 .ch02:after {content:""; display:block; clear:both;}
.pass_go01 .ch02 {width: 100%; height:102px; line-height:102px; font-size: 18px; color: #fff; background-color: rgba(0, 0, 0, 0.7);}
.pass_go01 .ch02 li {margin-bottom: 20px ; float: left; display: inline-block; width: 25%;}
.pass_go01 .ch02 li a {display: block; width: 100%; height:auto;}
.pass_go01 .ch02 li a:hover {background-color: rgba(21,185,181,0.7); transition: all 0.5s;}
.pass_go01 .ch02 li a img {float: right; vertical-align: middle; padding-right: 20px; border-right: 1px solid #757473;}
.pass_go01 .ch02 li a h1 {padding-left: 30px; padding-right: 20px; margin-top: 20px; height: 70px; line-height: 70px; color: #fff; font-weight: 700; border-left: 1px solid #757473;
background-position: 90% center !important;}
.pass_go01 .ch02 li a.to_go_01 h1 {border: none;}
/*con*/
    /*m_con02*/
    .m_con02:after {content:""; display:block; clear:both;}
    .m_con02 {position: relative; margin: 0 auto; width: 100%; max-width: 1200px; height: auto;}
    .m_con02 .m_tt01 {padding-top: 70px; padding-bottom: 40px; height: 30px; line-height: 30px; font-size: 34px; color: #000; font-weight: 800; text-indent: 40px; text-align: center;}
    .m_con02 .m_tt01 .a_more {margin-left: 15px; display: inline-block; font-size: 14px; color: #000; font-weight: 400; text-indent: 0; text-decoration: underline;}
    .m_con02 .m_tt01 .a_more:hover {color: #15b9b5;}
    .m_con02 .pass_go02 {padding-bottom: 60px; overflow: hidden; width: 100%; height: auto;}
    .m_con02 .pass_go02 li {margin-top:0; margin-left:15px; float: left; display: inline-block; width: 33.%;}
    .m_con02 .pass_go02 li a {position: relative; display: block; overflow: hidden; width: 100%; height:auto;}
    .m_con02 .pass_go02 li a img {position: relative; width: 100%; height: auto;}
    .m_con02 .pass_go02 li a span {z-index: 10; position: absolute; bottom:0; display: block; width: 100%; height: 60px; line-height: 60px; font-size: 20px; color: #fff; text-align: center; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden;}
    /*m_con03*/
    .m_con03 {position: relative; width: 100%; height: auto;}
    .m_con03 ul {position: relative; overflow: hidden; width: 100%;}
    .m_con03 ul:after {content:""; display:block; clear:both;}
    .m_con03 ul li {float: left; width: 100%;}
    .m_con03 ul li .con {position: relative; margin: 0 auto; width: 1200px; height: 660px; text-align: left;}
    .m_con03 ul li .con h1 {padding-top: 70px; height: 40px; line-height: 40px; font-size: 34px; color: #333; font-weight: 700; text-align: center;}
    .m_con03 ul li .con p {padding-top: 20px; padding-bottom: 28px; /* width: 370px; */ line-height: 25px; font-size: 18px; color: #555; text-align: center;}
    .m_con03 ul li .con .btn_con {padding-top: 20px;}
    .m_con03 ul li .con .btn_con:after {content:""; display:block; clear:both;}
    .m_con03 ul li .con .btn_con li {float: left; display: inline-block; width: 30px; height: 30px; border-right: 1px solid #666; border-top: 1px solid #666; border-bottom: 1px solid #666; border-left:1px solid #666;}
    .m_con03 ul li .con .btn_con li.btn_prev {border-left: 1px solid #666; margin-top:13%; background-color: #666;}
    .m_con03 ul li .con .btn_con li.btn_next {margin-top:13%;float:right;background-color: #666;}
    .m_con03 ul li .con .btn_con li:hover {background-color: #0d0f9a; border-color: #0d0f9a;}
    .m_con03 ul li .con .btn_con li.btn_prev img {position: absolute; top:8px; left: 10px; width: 7px;}
    .m_con03 ul li .con .btn_con li.btn_next img {position: absolute; top:8px; left: 10px; width: 7px;}
    .m_con03 ul li .con .btn_con li.btn_stop img {position: absolute; top:8px; left: 12px; width: 4px;}
    .m_con03 ul li .con .btn_con li.btn_play img {position: absolute; top:8px; left: 12px; width: 7px;}    
    .m_con03 ul li .con .btn_con li.btn_stop, .m_con03 ul li .con .btn_con.on li.btn_play {display: block;}
    .m_con03 ul li .con .btn_con.on li.btn_stop, .m_con03 ul li .con .btn_con li.btn_play {display: none;}

   
    .m_con03 {position: relative; width: 100%; height: auto; background: #f4f4f4; padding-top:30px; padding-bottom:90px; margin-top:50px;}
    .m_con03 .con {position: relative; margin: 0 auto; width: 100%; max-width: 1200px; height: auto;}
    .m_con03 .m_tt01 {padding-top: 40px; padding-bottom: 40px; margin: 0 auto; width: 100%; max-width: 1200px; height: 30px; line-height: 30px; font-size: 34px; color: #000; font-weight: 700; text-indent: 40px; text-align:center;}
    .m_con03 .m_tt01 .a_more {margin-left: 15px; display: inline-block; font-size: 14px; color: #000; font-weight: 400; text-indent: 0px; text-decoration: underline;}
    .m_con03 .m_tt01 .a_more:hover {color: #15b9b5;}

    /*m_con04*/
    .m_con04:after {content:""; display:block; clear:both;}
    .m_con04 {position: relative; width: 100%; height: 200px; background: #fff;margin-bottom:0px; margin-top:0px; border-top:1px solid #ddd;}
    .m_con04_con {position: relative; margin: 0 auto; width: 100%; max-width: 1200px; height: 200px;}
    .m_con04_slider {position: relative; width: 100%;}
    .m_con04 .m_tt01 {padding-top: 40px; padding-bottom: 40px; margin: 0 auto; width: 100%; max-width: 1200px; height: 30px; line-height: 30px; font-size: 34px; color: #000; font-weight: 700; text-indent: 40px; text-align:center;}
    .m_con04 .m_tt01 .a_more {margin-left: 15px; display: inline-block; font-size: 14px; color: #000; font-weight: 400; text-indent: 0px; text-decoration: underline;}
    .m_con04 .m_tt01 .a_more:hover {color: #15b9b5;}


    /*m_con05*/
    .m_con05:after {content:""; display:block; clear:both;}
    .m_con05 {position: relative; width: 100%; height: auto; background: #fff;margin-bottom:70px; margin-top:50px;   display:none;}
    .m_con05_con {position: relative; margin: 0 auto; width: 100%; max-width: 1200px; height: auto;}
    .m_con05_slider {position: relative; width: 100%;}
    .m_con05 .m_tt01 {padding-top: 40px; padding-bottom: 40px; margin: 0 auto; width: 100%; max-width: 1200px; height: 30px; line-height: 30px; font-size: 34px; color: #000; font-weight: 700; text-indent: 40px; text-align:center;}
    .m_con05 .m_tt01 .a_more {margin-left: 15px; display: inline-block; font-size: 14px; color: #000; font-weight: 400; text-indent: 0px; text-decoration: underline;}
    .m_con05 .m_tt01 .a_more:hover {color: #15b9b5;}
   
   
        /*swiper*/
        .swiper-container {margin: 0 auto; width: 100%; height: 200px;}
        .swiper-slide {/* Center slide text vertically */
            display: -webkit-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            -webkit-justify-content: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            -webkit-align-items: center;
            align-items: center;
        }
    .swiper-slide a h1 {padding-top: 20px; padding-bottom: 20px; font-size: 14px; color: #000; font-weight: 700;text-align:center;}

@media screen and (max-width: 1500px){
    /*visual*/
    .visual_text {margin-left: 15%;}
    .pass_go01 {position: relative; left: 0; margin: 0; width: 100%; background: #2b2b2b;}
    .pass_go01 .container {margin: 0 auto; width: 1200px; height: 100%;}
    .pass_go01 .ch01, .pass_go01 .ch02 {background: none;}
        /*slide*/
        .slide_btn {left: 0; margin: 0; max-width: none;}
        .prev_btn {left: 20px;}
        .next_btn {right: 20px;}
}
@media screen and (max-width: 1200px){
 /*visual*/
    .visual {padding-top: 0;}
    .visual_text {margin-left: 10%;}
    .pass_go01 .container {width: 100%;}
    .visual_text h2.m_vt01 {font-size: 20px; margin-top:20px;}    
    .visual_text h1.m_vt02 {font-size: 36px;}
    .m_txt01 {padding-bottom:38px; font-size: 16px;}
        /*slide*/
        .slide_btn {top: 45%;}
    /*.m_con03*/
    .m_con03 ul li .con {padding: 0  /*10px */; width: auto; /* box-shadow: inset 300px 0px 300px rgba(0,0,0,0.3); */}
    
    /*m_con04*/
    .m_con04 .m_tt01 {margin-left: 20px;}
    .m_con04 {width: 100%;}
}
@media screen and (max-width:960px) {
    /*visual*/
    .pass_go01 .ch02 li a h1 {padding: 0; padding-top: 70px; height: auto; line-height: 0; text-align: center; vertical-align: baseline; border-color:#fff; background-size: 34px auto !important; background-position: top center !important; -webkit-transition:all 0.5s; transition:all 0.5s;}
    .visual_text {padding-top: 10%; margin-left: 0; width: 100%; height: 100%; text-align: center; vertical-align: middle; background: rgba(0,0,0,0.3);}
    .m_txt01 {display: none;}
    .m_btn_go01 {display: none;}
        /*slide*/
        .slide_btn {display: none;}
    .pass_go01 .ch01 a span {float: left;}
    .pass_go01 .ch01 a span.title {padding: 0; margin-right: 0; overflow: hidden; width: 30px; text-indent: -10000px;}
    .pass_go01 .ch01 a span.list_title {text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; width:60%; overflow:hidden;}
    .pass_go01 .ch02 {background: #15b9b5;}
    /*m_con02*/
    .m_con02 .m_tt01 {margin-left: 10px; font-size: 20px; text-indent: 0;padding-top:30px;padding-bottom :20px;}
    /*m_con03*/
    .m_con03 ul li .con {height: auto; background-size: auto 100% !important; background-position: right bottom !important;}
    .m_con03 ul li .con h1 {padding-top: 20px; font-size: 28px;     bottom:6opx;     display:none;}

    .m_con03 ul li .con p {padding-top: 10px; width: 100%; font-size: 16px; line-height: 1.5em;  display:none;}
    .m_con03 ul li .con .btn_con {padding-top: 0; padding-bottom: 30px;}

.m_con03 .m_tt01 {font-size:22px;}
    .m_con03 {margin-top:0px;}

    /*m_con04*/
    .m_con04 .m_tt01 {margin-left: 10px; width: auto; font-size: 20px; text-indent: 0;}



.m_con04 {height:100px;}
.m_con04_con {height:100px;}

.swiper-container {margin: 0 auto; width: 100%; height: 100px;}

 .m_con02 .pass_go02 li a img {position: relative; width: 100%; height: auto;margin-bottom:30px;}

    .m_con05 .m_tt01 {padding-top: 00px; padding-bottom: 20px; margin: 0 auto; width: 100%;  height: 30px; line-height: 30px; font-size: 22px; color: #000; font-weight: 700; text-indent: 40px; text-align:center;}



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

.header .top_logo {top:15px; left:3px;}
.footer_logo {right:20px;}

    /*visual*/
    .pass_go01 .ch02 li a h1 {font-size: 14px;}
    /*m_con02*/
    .m_con02 .pass_go02 li {width: 100%; height: auto; overflow: hidden;margin-left:5px;}
    /*m_con04*/
    .swiper-container img {width: 100%;}
    .swiper-slide a h1 {text-align: center;}
}
@media screen and (max-width:360px) {
    /*visual*/
    .pass_go01 .ch01 a span.list_title {width: 54%;}
    .pass_go01 .ch02 li a h1 {font-size: 12px;}
    }