@charset 'utf-8';
@import 'reset.css';
#particles-js,#particles-js2,#particles-js3{position:absolute;width:100%;height:100%;background:#004E92;z-index:-1;}
#particles-js2,#particles-js3{background: #ffffff;}
html,body{color:#333;font-size:15px;position:relative;font-family:'Microsoft JhengHei';}
.bs{box-shadow:0px -5px 5px 0px rgba(0,0,0,0.05),-5px 0px 5px 0px rgba(0,0,0,0),5px 0px 5px 0px rgba(0,0,0,0),0px 5px 5px 0px rgba(0,0,0,0.3);}
div[class^='fl'],.header,.footer,.head,.foot,.banner_inner,.layout{width:100%;float:left;overflow:hidden;}
.wrapper{width:1210px;}
.fz12{font-size:12px;}
.fz14{font-size:14px;}
.fz16{font-size:16px;}
.fz18{font-size:18px;}
.fz20{font-size:20px;}
.fz24{font-size:24px;}
.fz30{font-size:30px;}
.fz36{font-size:36px;}
.fz48{font-size:48px;}
.fgo{font-family:go;}
.fjs{font-family:js;}
.fwb{font-weight:bold;}
.tuc{text-transform:uppercase;}
.swiper-slide img{width:100%;}
.more1{min-width:230px;height:57px;text-align:center;font-size:20px;background:#369829;display:inline-block;border-radius:50px;position:relative;color:#fff;transition:all .3s;}
.more1 a{display:block;width:100%;height:100%;line-height:57px;z-index:5;position:relative;}
.more1:before{content:'';position:absolute;width:100%;height:100%;border:solid 2px #000;border-radius:50px;top:-5px;left:-3px;z-index:0;transition:all .3s;}
.more1:after{content:'';width:37px;height:38px;background:url('../img/mouse.png') no-repeat;position:absolute;right:-30px;bottom:-20px;transition:all .3s;}
.more1:hover:before{top:0;left:0;}
.more1:hover:after{bottom:-8px;right:-8px;}
.more1:hover{background:#05827F;font-weight:bold;}
@keyframes twinkling{
    0%{opacity:0.2;}
    100%{opacity:1;}
}
.twinkling{animation:twinkling 1.2s infinite ease-in-out;}
.cake{animation:move 3s 0s infinite;transform-origin:bottom;}
@keyframes move{
    0%,65%{transform:rotate(0deg);}
    70%{transform:rotate(6deg);}
    75%{transform:rotate(-6deg);}
    80%{transform:rotate(6deg);}
    85%{transform:rotate(-6deg);}
    90%{transform:rotate(6deg);}
    95%{transform:rotate(-6deg);}
    100%{transform:rotate(0deg);}
}
.swiper-banner{position:relative;overflow:hidden;}
.swiper-banner img{float:left;width:auto;}
.swiper-banner .swiper-pagination{position:absolute;bottom:12px;}
.swiper-banner .swiper-pagination .swiper-pagination-bullet{width:12px;height:12px;background:#fff;margin:0 5px;}
.swiper-banner .swiper-pagination .swiper-pagination-bullet-active{opacity:1;}
.scrolltop{position:fixed;right:50px;bottom:110px;z-index:1000;cursor:pointer;opacity:0;transition:all .3s;}
.scrolltop.on{opacity:1;}
.side_menu{position:fixed;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,0.44);z-index:99999;width:0;transition:all .3s;overflow:hidden;opacity:0;}
.side_menu.on{width:100%;opacity:1;}
.side_menu .box{width:50%;background:#9E8B69;position:absolute;top:0;bottom:0;padding:30px;}
.side_menu .top{overflow:hidden;margin-bottom:30px;}
.side_menu .top .close{float:left;cursor:pointer;}
.side_menu .top .button{float:right;border:solid 1px #fff;padding:8px 25px;color:#fff;cursor:pointer;}
.side_menu .left{position:absolute;bottom:30px;color:#FFFDFB;}
.side_menu .left .logo{margin-bottom:50px;}
.side_menu .left .t1,.side_menu .left .t2{margin-bottom:20px;}
.side_menu .left .sns{margin-top:50px;}
.side_menu .left .sns a{margin-right:30px;display:inline-block;}
.side_menu .left .sns i{font-size:21px;}
.side_menu .navication{color:#fff;text-align:right;}
.side_menu .navication>li{margin-bottom:15px;position:relative;}
.side_menu .navication>li>ul>li{color:#c5b9a5;}
.side_menu .navication>li>ul:before{content:'';display:inline-block;position:absolute;width:15px;height:15px;left:-25px;top:18px;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:8px solid #fff;}
.side_menu .copy{color:#c5b9a5;margin-top:55px;}
.header{transition: all 0.3s}
.header.sticky{position: fixed;top:0;left:0;background: #fff;z-index: 99999;border-bottom: 1px solid #ccc}
.header .wrapper{width:1560px;padding-top:10px;}
.header .left{width:50%;}
.header .left .t1{margin-right:17px;}
.header .left .t2{margin-right:5px;margin-left:30px;}
.header .left a{margin-right:8px;}
.header .left>*{float:left;display:block;color:#000;font-size:14px;}
.header .right{width:50%;text-align:right;}
.header .right .fb{margin-top:17px;}
.navication{margin-right:30px;font-size:16px;margin-top:10px;}
.navication ul li{float:left;padding:8px 20px 0 20px;}
.navication ul li a{display:block;position:relative;height:58px;}
.navication ul li.on a{color:#004E92;}
.navication ul li.on a:after{content:'';display:block;position:absolute;left:0;right:0;height:5px;bottom:0;background:#004E92;}
.fl1 .box{width:37%;float:right;font-size:72px;color:#fff;line-height:1.2;}
.fl1 .swiper-slide .img img{width:100%;}
.more{font-size:16px;color:#001116;background:#fff;display:inline-block;min-width:177px;height:45px;transform:skewX(-25deg);line-height:45px;text-align:center;position:relative;transition:all .3s;}
.more a{display:block;}
.more:before{content:'';display:block;position:absolute;width:100%;height:100%;top:8px;left:8px;background:none;border:solid 1px #fff;z-index:-1;transition:all .3s;}
.more:hover{transform:skewX(-10deg);}
.more:hover:before{top:0;left:0;box-shadow:0 0 8px #666;top:-5px;top:3px;left:3px;}
.fl2{position: relative;}
.fl2 .h3{text-align:center;font-size:24px;font-weight:bold;margin-top:25px;}
.fl2 .h3 span{border-bottom:solid 8px #004E92;padding-bottom:10px;}
.fl2 .img{width:29%;float:left;}
.fl2 .txt{width:71%;float:right;padding-left:50px;}
.fl2 .swiper{margin-top:80px;position:relative;overflow:hidden;}
.fl2 .shadow{position:relative;padding-bottom:35px;margin-bottom:30px;padding-top:0;background: #fff;}
.fl2 .shadow:before{content:'';position:absolute;top:-20px;bottom:0;left:-20px;right:-20px;box-shadow:0px -5px 0px 0px rgba(0,0,0,0),-5px 0px 0px 0px rgba(0,0,0,0),5px 0px 0px 0px rgba(0,0,0,0),0px 5px 10px 0px rgba(0,0,0,0.3);}
.fl2 .txt .tit{font-size:20px;font-weight:bold;border-bottom:solid 1px #707070;}
.fl2 .txt .box{margin-top:30px;font-size:16px;line-height:1.3;}
.fl2 .txt .box p{margin-bottom:20px;}
.fl2 .more{background:#004E92;color:#fff;margin-top:25px;margin-bottom: 10px;}
.fl2 .more:before{border:solid 1px #004E92;}
.fl2 .btns{position:absolute;bottom:0;right:0;width:120px;height:45px;}
.fl2 .btns>span{width:45px;height:45px;overflow:hidden;top:0;margin:auto;background-size:30%;background-position:center;background-color:#909090;}
.fl3{margin-top:60px;background:#f5f5f5;padding-bottom:35px;}
.fl3 .wrapper{padding-bottom:38px;width:90%;overflow:hidden;}
.fl3 .h3{text-align:center;font-size:24px;font-weight:bold;margin-top:25px;}
.fl3 .h3 span{border-bottom:solid 8px #004E92;padding-bottom:10px;}
.fl3 .swiper{margin-top:50px;}
.fl3 .swiper-slide{overflow:hidden;padding-top:85px;opacity:0.9;}
.fl3 .swiper-slide .img{height:0;position:relative;padding-bottom:45%;overflow:visible;left:0;right:0;background:#000;}
.fl3 .swiper-slide .txt{width:100%;text-align:center;font-size:14px;font-weight:bold;margin-top:15px;visibility:hidden;}
.fl3 .swiper-slide img{position:absolute;left:0;right:0;bottom:0;max-width:999px!important;}
.fl3 .swiper-slide-active{opacity:1;}
.fl3 .swiper-slide-active img{width:120%;}
.fl3 .swiper-slide-active .txt{visibility:visible;}
.fl3 .swiper .swiper-pagination{}
.fl3 .swiper-pagination-bullet{width:12px;height:12px;}
.fl3 .swiper-pagination-bullet-active{background:#004E92;}
.fl4{margin-top:50px;margin-bottom:31px;position: relative;}
.fl4 .wrapper{width:1300px;background: #fff;}
.fl4 .h3{font-size:24px;font-weight:bold;overflow:hidden;}
.fl4 .h3 span{padding-bottom:10px;border-bottom:solid 8px #004E92;font-weight:bold;display:inline-block;}
.fl4 .left{width:55%;}
.fl4 .left .ul{height:1200px;overflow-y:auto;padding-left:3px;padding-bottom:15px;padding-right: 15px;padding-top: 10px}
.fl4 .left .img{width:25%;float:left;}
.fl4 .left .img img{width:100%;}
.fl4 .left .txt{width:75%;float:left;padding-left:10px;}
.fl4 .left .txt h3{font-size:20px;font-weight:bold;color:#004E92;}
.fl4 .left .txt .info{font-size:16px;font-weight:bold;}
.fl4 .left li{width:100%;overflow:hidden;box-shadow:0px -5px 5px 0px rgba(0,0,0,0.05),-5px 0px 5px 0px rgba(0,0,0,0),5px 0px 5px 0px rgba(0,0,0,0),0px 5px 5px 0px rgba(0,0,0,0.3);margin:10px 0;float:left;}
.fl4 .left li.out{background: #eee}
.fl4 .left li .wrap{margin:15px 20px;overflow:hidden;}
.fl4 .right{padding-left:55px;width: 45%}
.fl4 .viewer{margin-top:20px;position:relative;}
.fl4 .viewer .img img{width:100%;}
.fl4 .viewer .play{text-align:center;cursor:pointer;display: none;}
.fl4 .swiper-video{overflow:hidden;margin-left:15px;margin-right:15px;}
.fl4 .swiper-button-next,.fl4 .swiper-button-prev{top:auto;bottom:25px;width:20px;height:50px;background:none;}
.fl4 .btns i{font-size:40px;}
.fl4 .swiper-video{margin-top:15px;}
.fl4 .swiper-video .swiper-slide .img img{}
.fl4 .swiper-button-next{right:-10px;}
.fl4 .swiper-button-prev{left:0px;}
.fl4 .fb{min-height:200px;padding-top: 20px}
.fl4 .fb iframe{width: 100%;}
.fl4 .swiper-video .swiper-slide .img{border:solid 2px #fff;margin-left:6px;margin-right:6px;}
.fl4 .swiper-video .swiper-slide .img img{width:100%;}
.fl4 .swiper-video .swiper-slide-active .img{border:solid 2px #004E92;}
.fl4 .sns{margin-top:20px;}
.xtitle{font-size:24px;font-weight:bold;overflow:hidden;}
.xtitle span{padding-bottom:10px;border-bottom:solid 8px #004E92;font-weight:bold;display:inline-block;}
.ul::-webkit-scrollbar{width:5px;height:16px;background-color:#C4C4C4;}
.ul::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);border-radius:10px;background-color:#c4c4c4;}
.ul::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#004E92;}
.footer{min-height:137px;background:#001116;color:#fff;line-height:1.3;font-size:12px;}
.footer .wrapper{width:1550px;}
.footer .t1{max-width:684px;margin-top:30px;}
.footer .t2{max-width:490px;margin-top:15px;}
.banner_inner{position:relative;}
.banner_inner .img img{width:100%;}
.banner_inner .vac{font-size:36px;font-weight:bold;color:#fff;}
.about .left{width:25.8%;position: relative;}
.about .right{width:74.2%;background:#fff;padding:30px 20px 50px 125px;}
.about .left .side{width:230px;margin-left:auto;margin:auto;color:#fff;}
.about .left .side .title{font-weight:bold;font-size:20px;margin-top:66px;border-bottom:solid 1px #FFFFFF;padding-bottom:7px;}
.about .left .side h3{font-size:16px;font-weight:bold;margin-top:30px;}
.about .left .side ul{font-size:16px;margin-top:20px;margin-left:30px;margin-bottom:28px;}
.about .left .side ul li{list-style:disc outside;margin-bottom:5px;}
.about .left .side ul li.on{font-weight:bold;text-decoration:underline;}
.about .left .side h4{font-size:16px;font-weight:normal;margin-top:15px;}
.about .right .faq .item{box-shadow:0px -5px 5px 0px rgba(0,0,0,0.05),-5px 0px 5px 0px rgba(0,0,0,0),5px 0px 5px 0px rgba(0,0,0,0),0px 5px 5px 0px rgba(0,0,0,0.3);padding:20px;margin-bottom:20px;}
.about .right .faq .tit{font-weight:bold;font-size:20px;border-bottom:solid 2px #004E92;padding-bottom:10px;position:relative;cursor:pointer;}
.about .right .faq .tit:after{content:"\f067";display:inline-block;font-family:'FontAwesome';position:absolute;right:10px;}
.about .right .faq .item.on .tit:after{content:"\f068"}
.about .right .faq .box{padding-top:20px;display:none;}
.about .right .txt1{margin-top:20px;margin-bottom:20px;}
.about .right .xtitle{margin-bottom:20px;margin-top:40px;}
.about .school .x2:before{content:'';position:absolute;top:0;bottom:0;left:15px;right:15px;box-shadow:0px -5px 5px 0px rgba(0,0,0,0.05),-5px 0px 5px 0px rgba(0,0,0,0),5px 0px 5px 0px rgba(0,0,0,0),0px 5px 5px 0px rgba(0,0,0,0.3);}
.about .school .x2 .wrap{padding:30px 50px;}
.about .school .tit{font-weight:bold;font-size:20px;}
.about .school .txt{font-size:16px;margin-top:10px;}
.about .team .x3{text-align:center;}
.about .team .img{margin-top:20px;border-radius:50%;overflow:hidden;max-width:286px;margin-left:auto;margin-right:auto;}
.about .team .img img{width:100%;}
.about .team .t1{font-weight:bold;font-size:24px;margin-top:10px;}
.about .team .t2{font-size:16px;}
.about .logos>*{margin-right:15px;}
.news .ul{padding-left:3px;padding-bottom:15px;}
.news .ul .img{width:150px;float:left;}
.news .ul .img img{width:150px;}
.news .ul .txt{width:calc(100%-150px);float:left;padding-left:10px;}
.news .ul .txt h3{font-size:20px;font-weight:bold;color:#004E92;}
.news .ul .txt .info{font-size:16px;font-weight:bold;}
.news .ul li{width:100%;overflow:hidden;box-shadow:0px -5px 5px 0px rgba(0,0,0,0.05),-5px 0px 5px 0px rgba(0,0,0,0),5px 0px 5px 0px rgba(0,0,0,0),0px 5px 5px 0px rgba(0,0,0,0.3);margin:10px 0;float:left;}
.news .ul li .wrap{margin:15px 20px;overflow:hidden;}
.news2 .main{padding:30px;}
.news2 .title{font-weight:bold;font-size:24px;}
.news2 .date{font-size:14px;font-weight:bold;color:#004E92;margin-bottom:20px;margin-top:10px;}
.news2 .article{font-size:16px;}
.news2 .article p{margin-bottom:15px;}
.news2 .right .img{width:100%;text-align:center;}
.news2 .return{font-size:14px;font-weight:bold;margin-top:30px;}
.news2 .return i{font-size:20px;}
.report .main ul li{width:100%;overflow:hidden;margin-bottom:40px;}
.report .main ul li .img{width:30%;float:left;}
.report .main ul li .img:hover img{transform:scale(1.05);}
.report .main ul li .txt{width:70%;float:left;padding:0 15px 0 35px;}
.report .main ul li .txt .t1{color:#004E92;font-weight:bold;font-size:24px;line-height:1.2;}
.report .main ul li .txt .t2{font-size:16px;font-weight:bold;color:#858585;margin-top:8px;}
.report .main ul li .txt .t3{color:#272727;font-size:16px;margin-top:8px;line-height:1.2;}
.report .more{background:#004E92;color:#fff;margin-top:25px;margin-right:30px;}
.report .more:before{border:solid 1px #004E92;}
.event .more{background:#004E92;color:#fff;margin-top:25px;margin-right:30px;}
.event .more:before{border:solid 1px #004E92;}
.event .mainx{text-align:center;margin-top:50px;}
.event .mainx .x2{margin-bottom:50px;}
.event .mainx img{width:100%;}
.event2 .more{background:#004E92;color:#fff;margin-top:25px;margin-right:30px;}
.event2 .more:before{border:solid 1px #004E92;}
.event2 .mainx{text-align:center;margin-top:50px;}
.location a:last-child{color:#004E92;}
.waterfall{column-count:2;column-gap:0;}
.waterfall .item{box-sizing:border-box;break-inside:avoid;padding:10px;}
.waterfall .wrap{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:10px;height:auto;box-sizing:border-box;}
.waterfall .wrap .img{width:100%;}
.waterfall .wrap img{width:100%;}
.waterfall .wrap .img .open{content:'';position:absolute;top:0;bottom:0;left:0;right:0;background:url('../img/open.png') no-repeat center;opacity:0;transition:all .3s;}
.waterfall .wrap:hover .open{opacity:1;}
.contact .img{width:100%;}
.contact .img img{width:100%;}
.contact .main{font-size:16px;}
.contact .t1 span{position:relative;top:5px;}
.contact .icon{margin-top:15px;}
.contact .icon span{display:inline-block;position:relative;margin-right:5px;text-align:center;}
.contact .icon span img{width:18px;}

/*phone*/
.menuBar{color: #003e75;position: absolute;top: 10px;right: 15px;z-index: 99999;font-size: 32px;text-shadow: 0 0 3px #000;display: none;}
#navication{position: fixed;top: 10px;bottom:10px;left: 10px;right: 10px;background:rgba(255,255,255,1);z-index: 999999;text-align: center;color: #333;padding: 20px;box-shadow: 0 0 5px #ddd;border-radius: 3px;display: none;}
#navication .language{width: 100%;margin-bottom: 15px;}
#navication .language ul li{display: inline-block;font-weight: bold;padding: 3px 15px;cursor: pointer;background: #009ade;color: #fff;margin-left: 5px;margin-right: 5px;border-radius: 3px;width: 65px;text-align: center;}
#navication #logo{margin-top: 80px;margin-bottom: 30px;}
#navication #logo img{width:120px;}
#navication .logo{font-weight: bold;}
#navication ul a{color: #666 !important;margin-top: 20px;display: block;font-weight: bold;}
#navication .close{position: absolute;right: 15px;top: 0px;z-index: 10;font-size: 36px;}


/*wking s*/

.team>.row{position: relative;}
.team-info{width:80%;position: absolute!important;left: 0;right:0;margin:0 auto;clear: both;z-index: 99;background: #fff}
.team-info .-info{display: none;}
.team-info .-info .-name{width: 20%;padding-right: 15px;}
.team-info .-info .-intro{width: 80%;}
.team-info .-info .-name .t1{margin-top: 0}
.team-info .-info.active{max-height:300px;height:auto;overflow-y: scroll;display:flex;border-radius: 4px;padding:15px;min-height: 100px;box-shadow:0px -5px 5px 0px rgba(0,0,0,0.05),-5px 0px 5px 0px rgba(0,0,0,0),5px 0px 5px 0px rgba(0,0,0,0),0px 5px 5px 0px rgba(0,0,0,0.3);}
.team .x3{cursor: pointer;position: unset}
.team .x3 .sg{position: relative;}
.team .x3 .sg::after{content: '';display: none;bottom:0;left:0;right:0;   width: 0;margin:0 auto;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #ccc;}
.team .x3.active .sg::after{display: block}
.team .x3 .team-info  {text-align: left!important;}

.team-info .-info::-webkit-scrollbar {
    width: 4px;
}

.team-info .-info::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #eee;
}

.team-info .-info::-webkit-scrollbar-thumb {
    background: #ddd;
}
.team-info .-info::-webkit-scrollbar-thumb:hover {
    background: #ddd;
}

@media all and (max-width: 1200px)
{
    .team-info{width: 100%}
    .team-info .-info.active{display:block;}
    .team-info .-info .-name{width: 100%;border-bottom: 1px solid #ccc;margin-bottom: 20px}
    .team-info .-info .-intro{width: 100%;}
}

@media all and (max-width: 767px)
{
    .fl4 .left .ul{min-height: 33px;height: auto}
    .school .x2{width: 100%;float:unset;margin-bottom: 20px}
    .team-info .-info.active{max-height:240px;}
}
/*wking e*/


@media all and (max-width: 1600px)
{
    .wrapper{max-width: 95% !important;}
}

@media all and (max-width: 1500px)
{
    .menuBar{display: block;position: fixed}
    .header .left{width: 80%;}
    .header .right{display: none;}
}
@media all and (max-width: 1500px)
{
    .fl1 .box{font-size: 30px;}
    .fl1 .more{margin-top: 15px;}
    .more{height: 38px;line-height: 38px;min-width: 130px;}
    .about .right{padding: 50px;}
}

@media all and (max-width: 850px)
{
    .wrapper{max-width: 93% !important;}
    .fl1 .box{font-size: 20px;}
    .fl1 .more{height: 30px;line-height: 30px;min-width: 100px;font-size: 15px;}
    .about .right{padding: 30px;}
    .about .left .side{width: 100%;padding-left: 30px;}
    .about .left .side .title{margin-top: 20px;}

    .ubs{box-shadow: unset}

}

@media all and (max-width: 760px)
{
    .header img{height: 40px;width: auto;}
    .menuBar{top: 25px;}
    .fl4{margin-top: 10px;}
    .fl4 .x2{width: 100%;}
    .fl4 .left li{width: 99%;}
    .fl4 .right{padding: 0;}
    .fl1 .swiper-slide .img img{min-height: 200px;object-fit: cover;}
    .header .both{width: 100%;}
    .header .left .t2{margin-left: 0;}
}

@media all and (max-width: 640px)
{
    .about .right{padding: 20px;}
    .banner_inner .img img{min-height: 200px;object-fit:cover; }
    .fl2 .img{width: 100%;}
    .fl2 .txt{width: 100%;padding: 0;margin-top: 15px;}
    .fl2 .more{margin-left: 20px;}
    .about .left {width: 100%;}
    .about .right{width: 100%;margin-top: 15px;}
    .about .right .xtitle{margin-top: 15px;}
    .news2 .main{padding: 0;}
    .report .main ul li{margin-bottom: 50px;}
    .report .main ul li .img{width: 100%;}
    .report .main ul li .img img{width: 100%;}
    .report .main ul li .txt{width: 100%;padding: 0;margin-top: 10px;}
    .report .main ul li .txt .t4{margin-left: 15px;}
    .waterfall .item{padding: 0;}
    .waterfall{margin-left: -10px;margin-right: -10px;}
    .contact .icon{margin-left: 10px;}
    .contact .main{padding-bottom: 20px;}

}