header{background-color: #fff;height: 65px;padding: 0 20px;position: fixed;top: 0;left: 0;width: 100%;z-index: 10;}
.new-icon{background-image: url('../img/icon.png');}
header nav{position: relative;width: 100%;max-width: 1200px;display: block;margin: 0 auto;height: 100%;}
header .pos{position: absolute;}
header .a1{width: 160px;height: 29px;background-position: -160px -89px;left: 0;top:15px;}
header .a2{width: 119px;height: 33px;background-position: -413px -89px;left: 190px;top:16px;}

header .div{position: absolute;right: 0;height: 100%;}
header .doc-a{color: #8a8a8a;display: inline-block;margin-left: 50px;font-size: 18px;font-weight: bold;margin-top: 22px;}    
header .doc-a-on{color: #000;}   

#m_menu_btn{display: none;width: 35px;height: 29px;background-position: -161px -229px;left: 0;top: 18px;}
#m_counse_btn{display: none;width: 48px;height: 42px;background-position: -320px -225px;right: 0;top: 12px;}
#m_menu_div{width: 60%;}
#m_menu_div_close{left: 62%;}
#m_menu_div .doc-a{display: block;font-size: 18px;font-weight: bold;color: #848484;margin:40px auto 0 20px;}
#m_menu_div .doc-a-on{color: #3066b0;}

.banner-div{background-repeat: no-repeat;height: 813px;width: 100%;max-width: 1920px;background-position: 50%;background-size: cover;margin: 0 auto;
position: relative;}
.banner-div img{display: none;}

.banner-div .a{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;}

.bottom-div{background-repeat: no-repeat;height: 592px;width: 100%;max-width: 1920px;background-position: 50%;background-size: cover;}
.bottom-div img{display: none;}

.body-div{max-width: 1200px;width: 100%;margin: 0 auto;position: relative;padding-bottom: 70px;}
.body-li1{width: 27%;padding-top: 70px;position: sticky;top:70px;padding-bottom: 70px;}
.body-li2{width: 73%;}




.body-li1 .nav-h4{margin-bottom: 20px;color: #9e9e9e;cursor: pointer;}
.body-li1 .nav-sub-on{color: #000;}

.doc-experi ul li{width: 23.5%;margin-left: 2%;border: 1px solid #ddd;height: 320px;    overflow: hidden;}
.doc-experi ul .img_li0{margin-left: 0;}
.doc-experi ul a{display: block; position: relative; width: 100%; height: 100%; background-position: 50%; top: auto; right: auto;}
.doc-experi ul a:hover{opacity: 1;}
.doc-experi ul a .s {
    position: absolute; width: 100%;height: 100%;top: 0;left: 0;background-color: rgba(0, 0, 0, 0.5);display: none;
}
.doc-experi ul a:hover .s{display: table;}
.doc-experi ul a .ss{display: table-cell;vertical-align: middle;text-align: center;}
.doc-experi ul a .sss{border: 1px solid #fff;color: #fff;display: inline-block;padding: 5px 10px;font-weight: bold;}
.doc-experi ul a .ssss{font-size: 13px;}


.sec-wrap{margin-top: 70px;position: relative;}
.sec-wrap .title-h4{color: #9f9f9f;position: absolute;top: 0;left: -50px;}
.sec-wrap .title-h4 span{display: none;}
.sec-wrap .h4-sub-on{color: #000;}

.doc-academic .h4{border-bottom: 1px solid #ddd;margin-bottom: 30px;padding-bottom: 5px;}
.doc-academic .img-div{margin-bottom: 40px;}


.yt-box-list .yt-item{float: left; width: 32%;margin-left: 2%;margin-bottom: 20px;cursor: pointer;}
.yt-box-list .yt-item0, .yt-box-list .yt-item3, .yt-box-list .yt-item6{margin-left: 0;}
.yt-box-list .thumb img{border-radius: 10px;}
.yt-box-list .txt{height: 50px;overflow: hidden;}

#doc-youtube .youtube_div{margin-bottom: 30px;}
/* .fixed-sub-menu{position: sticky;left: 200px;top: 131px;} */

.more-a-btn{width: 100%;border: 1px solid #000;color: #000;text-align: center;border-radius: 100px;padding: 10px;font-weight: bold;
margin-top: 30px;}
.more-a-btn .s{display: inline-block;background-position: -634px -99px;width: 8px;height: 14px;margin-left: 15px;vertical-align: -2px;}
#doc-youtube .more-a-btn{margin-top: 0px;}

#top-mv-icon{background-position: -744px -89px;width: 56px;height: 72px;position: absolute;bottom: 25px;right: 0;cursor: pointer;}

.bottom-doc-counsel{background-color: #5a524f;max-width: 640px;margin: 0 auto;padding: 30px 0;display: none;}
.bottom-doc-counsel .a{width: 60%;display: block;height: 45px;margin: 0 auto;background-color: #fff;color: #000;
text-align: center;border-radius: 5px;line-height: 44px;font-weight: bold;font-size: 22px;}
.bottom-doc-counsel .a span{display: inline-block;width: 12px;height: 22px;background-position: -490px -232px;vertical-align: -3px;
margin-left: 10px;}

.l_check{position: relative;}
.youtube_div{position: relative;}
.l_check_box{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 9;}

@media only screen and (max-width: 1200px) {
    
    header .doc-a{margin-left: 30px;}
    .banner-div{height: 670px;}
    .bottom-div{height: 470px;}

    .body-div{max-width: 640px;margin: 0 auto;padding: 0 20px 70px 20px;}
    .body-div .wrap-ul > li{float: none;}
    .body-li1{display: none;}
    .body-li2{width: 100%;}

    .sec-wrap{margin-top: 40px;}
    .more-a-btn{font-size: 14px;padding: 8px;}

    .sec-wrap .title-h4{position: relative;top: auto;left: auto;margin-bottom: 20px;}
    .sec-wrap .title-h4 span{display: inline;}

    .youtube_div iframe{height: 335px;}

    .doc-experi ul li{width: 49%;margin-bottom: 10px;height: 200px;}
    .doc-experi ul .img_li2{margin-left: 0;}

    .yt-box-list .yt-item{width: 49%;}
    .yt-box-list .yt-item0, .yt-box-list .yt-item3, .yt-box-list .yt-item6{margin-left: 2%;}
    .yt-box-list .yt-item0, .yt-box-list .yt-item2, .yt-box-list .yt-item4, .yt-box-list .yt-item6{margin-left: 0;}

    #top-mv-icon{bottom: 25px;right: 20px;}
}

@media only screen and (max-width: 1023px) {
    header nav{max-width: 640px;}
	header .div, header .a2{display: none;}
    header .a1{left: 50%;margin-left: -80px;}
    #m_menu_btn{display: block;}
    #m_counse_btn{display: block;}

    .banner-div{background-image: none !important;height: auto;max-width: 640px;}
    .banner-div img{display: block;}
    .bottom-div{background-image: none !important;height: auto;max-width: 640px;margin: 0 auto;}
    .bottom-div img{display: block;}

    .bottom-doc-counsel{display: block;}
}


@media only screen and (max-width: 640px) {
	.youtube_div iframe{height: 250px;}
}