html,body,div,span,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,a,address,em,img,ol,ul,li,fieldset,form,label,legend,table,tbody,tfoot,thead,tr,th,td,i,b,s{margin:0;padding:0;border:0;font-weight:250;font-style:inherit;font-family: 'Noto Sans SC', sans-serif;font-weight: 400;font-smooth:always;-webkit-font-smoothing: subpixel-antialiased;}
ul,ol{list-style:none}
a img{border:none;vertical-align:top}
a,a:hover,a:active,a:visited{text-decoration:none}
button{overflow:visible;padding:0;margin:0;border:0 none;background-color:transparent}
button::-moz-focus-inner{padding:0}
textarea,input{background:none;padding:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
input[type=password]{-webkit-text-security:disc}
textarea:focus,input:focus,button:focus{outline:none}
body{word-wrap:break-word;font-size:14px;color:#4c4c4c;line-height:1.5;}
*{-webkit-tap-highlight-color:rgba(0,0,0,0)}
.clearfix:after{content:".";display:block;height:0;visibility:hidden;clear:both}

header{position:fixed;width:100%;top:0;left:0;padding-top:0!important;padding-bottom:0!important;background-color: rgba(8, 4, 4, 0.35);box-shadow: 0 0 0 rgba(0, 0, 0, 0.4);z-index:100}
.logo-header{display:block;width:240px;height:60px;float:left}
.logo-header img{margin-top:0px;width:213px;height:60px}
header ul{display:block;float:right;margin-right:56px;}
header ul li{display:inline-block;position:relative;}
header ul li a{display:block;padding:10px 25px;text-align:center;}
header ul li a h4{color:#fff;font-size:14px;letter-spacing:2px;}
header ul li a h5{font-weight:100;color:#fff;font-size:10px;margin-top:5px;letter-spacing:1px;}
header ul li a:hover{color:#333;text-decoration:none}
header ul li ul{display:none;width:166px;position:absolute;box-shadow:2px 0 4px rgba(1,1,1,.2);background:#fff;left:50%;top:50px;margin-left:-83px;border-top:1px solid #b01d2d;z-index:5}
header ul li ul:before{content:'';display:block;width: 0;height: 0;border-left: 4px solid transparent;border-right:4px solid transparent;border-bottom:5px solid #b01d2d;position:absolute;top:-5px;left:50%;margin-left:-4px}
header ul li ul li{display:block;border-bottom:1px solid #efefef}
header ul li ul li a{display:block;font-size:14px;color:#999;text-align:center;}
header ul li ul li a:hover{color:#b01d2d;}

.burger-menu{position:fixed;top:0;right:0;display:block;width:60px;height:60px;background-image:url(../img/btn_menu.png);background-size:cover;-webkit-background-color:cover;z-index:9999;}
.burger-menu.on{background-image:url(../img/btn_menu_close.png);}
.bread{position:fixed;top:6px;right:0;width:36px;font-size:24px;text-align:center;color:#dabf62;z-index:9999}
header .mobi-menu{position:absolute;right:36px;top:5px;}
header .mobi-menu li{display:inline-block}
header .mobi-menu li a{padding:0;width:36px;height:36px;line-height:36px;font-size:24px;text-align:center;color:#dabf62}

.swiper-slide{background: #232526;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #414345, #232526);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #414345, #232526); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.splash{position:relative;height:690px;overflow:hidden;padding:0;}
.swiper-container{height:100%;}
.splash .img-wrapper{display:block;height:100%;background-size:cover;-webkit-background-size:cover;background-position:center center;background-repeat:no-repeat;}
.splash .inner{position:relative;height:260px;padding:60px 0;text-align:center;top: 30%;
    left: 50%;-webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);}
.splash .inner h1{color:#fff;font-size:64px;margin:15px 0;position:relative;text-shadow: 0 2px 4px rgba(0, 0, 0, 0.45);}
.splash .inner h4{color:#fff;font-size:16px;line-height:32px;position:relative;text-shadow: 0 2px 4px rgba(0, 0, 0, 0.45);}
.splash .inner .btn{font-size:16px;padding:8px 25px;height:auto;margin-top:35px}

.title-mega{position:relative;display:block;width:348px;height:38px;margin:75px auto 50px auto;border:1px solid #000;}
.title-mega h1{display:inline-block;background:#fff;padding:0 18px;position:absolute;top:-25px;left:50%;margin-left:-133px;}
.title-mega i{font-weight:100;display:inline-block;font-size:12px;color:#d78e96;vertical-align:middle;}
.title-mega span{font-size:28px;color:#000;position:relative;display:inline-block;vertical-align:middle;margin:0 0 2px 30px;}
.title-mega span:before{content:'';display:block;width:1px;height:30px;background:#d78e96;position:absolute;left:-17px;top:2px;transform:rotate(35deg)}
.index{padding:0}
.index h5{color:#666;margin-bottom:90px;}

.icon {width: 2em;height: 2em;vertical-align: -0.15em;fill: currentColor;overflow: hidden;}
.index-nav{background:#f7f7f7;padding:10px 0}
.index-nav li{background:#fff;}
.index-nav li a{display:block;padding:.35rem 0 .45rem 0;text-align:center}
.index-nav li a p{color:#999}
.index-nav li a:active{background:#f7f7f7}
.index-nav li a:active p{color:#b01d2d}

.ten-blocks .item{position:relative;display:block;height:125px;margin:10px 0;background-position:center center;background-size:cover;-webkit-background-size:cover;}
.ten-blocks .item:before{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.4);}
.ten-blocks .item h3.ttl{color:#fff;position:absolute;right:5px;top:5px;}
.ten-blocks .item h3.ttl span{display:block;font-size:12px;font-weight: 100}
.ten-blocks .item h4{position: absolute;top:5px;right:5px;font-size:14px;width:155px; color:#fff;}
.ten-blocks .item i{position:absolute;color:#fff;font-size:46px;left:5px;bottom:0px;font-family: Georgia;}

.ten-blocks .ten-01{background-image:url(../img/ten-01.jpg)}
.ten-blocks .ten-02{background-image:url(../img/ten-02.jpg)}
.ten-blocks .ten-03{background-image:url(../img/ten-03.jpg)}
.ten-blocks .ten-04{background-image:url(../img/ten-04.jpg)}
.ten-blocks .ten-05{background-image:url(../img/ten-05.jpg)}
.ten-blocks .ten-06{background-image:url(../img/ten-06.jpg)}
.ten-blocks .ten-07{background-image:url(../img/ten-07.jpg)}
.ten-blocks .ten-08{background-image:url(../img/ten-08.jpg)}
.ten-blocks .ten-09{background-image:url(../img/ten-09.jpg)}
.ten-blocks .ten-10{background-image:url(../img/ten-10.jpg)}

.index-events{margin:-150px auto 25px auto;width:84.8%;}
.index-events .column{float:left;width:100%;font-size:0;position:relative;z-index:5}
.index-events a{display:inline-block;width:50%;text-decoration:none}
.index-events a:last-child{margin-left:-1px}
.index-events a:hover{text-decoration: none}
.index-events a:hover .cont{background:#f7f7f7}
.index-events a dl{display:table;background:#fff;margin-bottom:0}
.index-events a .thumb{position:relative;display:table-cell;width:50%;overflow:hidden}
.index-events a .thumb img{-moz-transition: -moz-transform 0.3s linear;-webkit-transition: -webkit-transform 0.3s linear;-o-transition: -o-transform 0.3s linear;-ms-transition: -ms-transform 0.3s linear;transition: transform 0.3s linear;}
.index-events a:hover .thumb img{-webkit-transform: scale(1.1); -moz-transform: scale(1.1);-o-transform: scale(1.2);-ms-transform: scale(1.1); transform: scale(1.1);}
.index-events a .cont{display:table-cell;width:50%;box-sizing:border-box;padding:0 5.5%;vertical-align:middle;overflow:hidden}
.index-events span{display:block;font-size:12px;text-align:center;color:#999}
.index-events h3{font-size:22px;margin:20px 0;padding-left:8%;color:#666;}
.index-events p{font-size:14px;color:#666;padding-left:8%;}
.index-events .more{display:block;width:111px;height:11px;margin:80px auto 0 auto;background:url(../img/arrow_more_h.png)}
.index-events .row>div{min-height:300px;background-size:cover;-webkit-background-size:cover;background-color:#f7f7f7}
.index-events ul li {margin-bottom:25px}
.index-events ul li .event{background:#fff;padding:10px 15px;box-shadow:5px 0 15px rgba(1,1,1,.2);}
.index-events ul li .event .thumb{height:135px;background-size:cover;-webkit-background-size:cover;background-position:center center;background-repeat:no-repeat}
.index-events ul li .event h4{line-height:125%;margin:15px 0;height:45px;overflow:hidden;}
.index-events ul li .event p{font-size:16px;}

.index-news{width:84.8%;margin:auto}
.index-news.achieve{position:relative;padding:100px 50px 0 50px;background: url(../img/cont_bg01.gif) center top repeat-x #fff;}
.loading,
.index-news .loading{height:100px;background:url(../img/spinner.svg) center center no-repeat;}
.index-news.achieve .error-msg{position:absolute;left:0;top:0;width:100%;height:100%;min-height:250px;background:rgba(255,255,255,.85);z-index:100}
.index-news.achieve .error-msg .alert{position:absolute;top:10%;left:50%;margin-left:-25%;width:50%;box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.15) }
.index-news .content{margin:50px 0}
.index-news .author{color:#999;font-size:14px;letter-spacing:0.42px;line-height:25.2px;}
.index-news .author span{display:inline-block;margin-right:15px;color:#666}
.index-news .content p{margin-bottom:10px;font-size:15px;letter-spacing:0.42px;line-height:25.2px;}
.index-news .content ul li{float:none!important}
.index-news .content img{max-width:100%;height:auto}
.index-news .content h4.sub-title{margin-bottom: 25px;padding-bottom: 15px;background: url(../img/ttl01_bg.png) left bottom repeat-x;display: inline-block;padding-right: 50px;}
.index-news .content ul li{list-style: circle;padding:5px 0; width:100%;}
.index-news .content ol li{list-style: decimal;padding:5px 0; width:100%;}
.index-news h3.title{color:#000;border-bottom:1px solid #333;padding-bottom:20px;font-size:18px}
.index-news h3 span{color:#ddd;font-size:14px}
.index-news ul{margin-bottom:50px;}
.index-news ul li:nth-child(odd){float:left}
.index-news ul li:nth-child(even){float:right}
.index-news ul li{width:45%;}
.index-news ul li a{position:relative;font-size:14px;display:block;padding:25px 0;border-bottom:1px solid #ddd;perspective: 1000;}
.index-news ul li a:after{content:'';position:absolute;right:25px;top:50%;margin-top:-16px;width:32px;height:32px;background:url(../img/arrow_right.png);opacity:0}
.index-news ul li a i{color:#999;display:inline-block;vertical-align:middle;margin-right:25px}
.index-news ul li a p{color:#000;display:inline-block;vertical-align:middle}
.index-news ul li a i,
.index-news ul li a p{transition:all .15s linear;-webkit-transition:all .15s linear;transform:translateX(0);-webkit-transform:translateX(0)}
.index-news ul.side-list li a p{display:block;width:98%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.index-news ul li a:hover{background:#fbfbfb}
.index-news ul li a:hover i,
.index-news ul li a:hover p{transform:translateX(40px);-webkit-transform:translateX(40px)}
.index-news ul li a:hover:after{opacity:1}
.index-news .half-news{width:45%;float:left}
.index-news .half-news-r{width:45%;float:right}
.index-news ul.full-list li{float:none;width:100%}
.index-news ul.flag span{display:inline-block;width:64px;height:64px;position:absolute;top:4px;left:0;transform-style:preserve-3d;transition: all .15s linear;}
.index-news ul.flag li a:hover span{transform: rotateY(180deg);}
.index-news ul.flag p{padding-left:75px;}
.index-news ul.flag .flag{width:100%;height:100%;position:absolute;left:0;top:0;backface-visibility: hidden;background-size:cover;}
.index-news ul.flag .flag.back{display: block;transform: rotateY(180deg);box-sizing: border-box;}

.index-news .content-addon{position:relative;height:350px;background:#f7f7f7;margin-bottom:50px}
.index-news .content-addon:before{content:'';display:block;width:50%;height:350px;position:absolute;left:0;top:0;background-size:cover;-webkit-background-size:cover;background-position:center center;background-image:url(../img/edu_bg.jpg)}
.index-news .content-addon h4,
.index-news .content-addon .content{position:absolute;width:40%;right:45px;}
.index-news .content-addon h4{top:35px;}
.index-news .content-addon h4:before{content:'';display:block; width:100%;height:1px;background:#333;position:absolute;top:25px;left:-85px;}
.index-news .content-addon .content{top:45px;}

.guide-grid a{display:block;margin-bottom:30px;position:relative;}
.guide-grid a img{max-width:100%;height:auto}

.achieve-wrap{background-size:contain;-webkit-background-size:contain;background-position:top center;background-repeat:no-repeat;}
.achieve-title:before,
.achieve-title:after{content:'';display:block;height:100px;}
.achieve-title h2{text-align: center;width: 100%;height: 265px;color: #111111;background: url(../img/h2_bg.png) center top no-repeat;}
.achieve-title h2 span.en{display: block;margin-bottom: 15px;padding-top: 70px;font-size: 60px;font-weight:100;line-height: 1.0;letter-spacing: 0.06em;}
.achieve-title h2 span.cn{display: block;margin-bottom: 15px;font-size: 28px;line-height: 1.0;letter-spacing: 0.08em;}

.page-head{position:relative;height:500px;}
.page-head:before{content:'';position:absolute;left:0;bottom:-60px;width:50%;height:310px;background:rgba(221,221,221,.4);z-index: 1}
.page-head:after{content:'';position:absolute;top:0;right:0;width:70%;height:500px;z-index:2;background-size:cover;background-image:url(../img/main_about.jpg)}
.page-head h1{position:relative;z-index:3;top:160px;margin-left:40px;height:350px;}
.page-head-sub .en,
.page-head .en{font-weight:100;text-transform:uppercase;font-size:12px;-webkit-writing-mode: vertical-rl;-ms-writing-mode: tb-rl;writing-mode: vertical-rl;display: inline-block;margin-bottom: 120px;margin-left: 55px;position: relative;letter-spacing: 0.1rem;}
.page-head-sub .en:before,
.page-head .en:before{content:'';position:absolute;left:50%;bottom:-60px;width:1px;height:40px;background:#000}
.page-head .cn{position:absolute;left:0;bottom:0;background:#fff;font-size:64px;color:#000;letter-spacing:.3rem;}
.page-content{margin-top:100px}
.page-content .slogan{-webkit-writing-mode: vertical-rl;-ms-writing-mode: tb-rl;writing-mode: vertical-rl;display: inline-block;text-align:left;}
.page-content .slogan span{text-transform:uppercase;font-size:12px;display:block;margin-left:25px;}
.page-content .idea{margin-top:50px;}
.page-content .idea p{font-size:16px;text-align:left;text-indent:32px;letter-spacing: 0.42px;line-height: 25.2px;}
.history-head{position:relative;padding-bottom:150px;}
.history-head:before{content: "";position: absolute;left: 0;top: 0;max-width:780px;width: 35%;height: 500px;background: url(../img/history_img01.jpg);background-size: cover;}
.history-head table{margin-top:200px;}
.history-head table th{width:130px;color: #c59c00;font-size:18px;position:relative;text-align: left;margin-bottom:15px;height:45px;vertical-align:top}
.history-head table th:after{content: "";position: absolute;top:12px;right:5px;width: 30px;height: 1px;background: #333;}
.history-head table td{font-size:16px;letter-spacing: 0.42px;line-height: 25.2px;vertical-align:top}

.page-head-sub{text-align:center;padding:50px 0;background:rgba(211,211,211,.4)}
.page-head-sub h1{position:relative;}
.page-head-sub .en{position:absolute;left:50px;bottom:10px;margin:0;}
.page-head-sub small{display:block;font-size:14px;margin-bottom:10px;}
.page-head-sub .cn{display:inline-block;padding:5px 18px;background:#fff;font-size:48px;color:#000;letter-spacing:.3rem;}

.leader-wrap{padding:100px 0}
.leader-wrap .block{margin-bottom:90px;}
.leader-wrap .prof-area{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-pack: end;-webkit-justify-content: flex-end;-ms-flex-pack: end;justify-content: flex-end;-webkit-box-align: end;-webkit-align-items: flex-end;-ms-flex-align: end;align-items: flex-end;}
.leader-wrap .name{margin-bottom:30px;}
.leader-wrap .avatar{position:relative;}
.leader-wrap .avatar:after{content:'';position:absolute;right:-6px;bottom:-8px;width:235px;height:260px;background:url(../img/cont_bg01.gif) repeat;z-index:-1;}
.leader-wrap p{font-size:16px;text-align:left;letter-spacing: 0.42px;line-height: 25.2px;}

.table thead{background:#b01d2d}
.table thead th{color:#fff}
.table tbody td{font-size:14px;}
.table tbody td small{display:inline-block;text-indent:5px;font-size:12px;}
.mb30{margin-bottom:30px}
.table-word{width:100%;}
.table-word td{padding:8px 5px}

footer{padding-top:50px;text-align:center}
footer .logo{position:relative;display:block;width:210px;height:90px;margin:0 auto 50px auto;}
footer .logo:after{content:'';display:block;width:50px;height:1px;background:#ddd;position:absolute;bottom:0;left:50%;margin-left:-25px;}
footer p a{color:#666;font-size:14px;display:inline-block;padding:5px 15px}
footer p a:hover{color:#b01d2d}
footer .copy{background:#f3f2ed;margin-top:50px;padding:30px 0;text-align:center;}

.movie{margin:75px auto;padding:50px 0;position:relative;}
.movie h3{margin:20px 0}
.movie h5{margin-bottom:10px}
.movie .player{max-width: 1400px;margin: 0 auto -180px;background-color: #000;box-shadow: 0 2px 6px rgba(0, 0, 0, 0.45);}
.movie .player a{display:block;position:relative;}
.movie .text{position:absolute;top:0;left:0;width:100%;height:100%;display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;}
.movie .text p{margin-top: -20px;
    margin-bottom: 20px;
    color: #fff;
    font-family: "Montserrat", sans-serif;
    font-size: 2.38em;
    font-weight: 700;
    text-align: center;
    line-height: 1;}
.movie .text i{color:#fff;font-size:124px;}
.btn{position: relative;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    height: 52px;
    padding: 0 50px;
    font-size: 18px;
    text-align: center;
    line-height: 1;
    cursor: pointer;
    border: none;
    border-radius: 5px;
}
#js_sns{margin-top:180px;}
.sns-list{margin-top:40px;text-align:center;}
.sns-list li{display:inline-block;padding:0 25px;vertical-align:middle;}
.sns-list li a{display:block;width:50px;height:50px;border-radius:10px;overflow:hidden;-webkit-filter: drop-shadow(6px 6px 3px rgba(0, 0, 0, 0.3));filter: drop-shadow(6px 6px 3px rgba(0, 0, 0, 0.3))}
.sns-list li a img{width:100%;height:auto}
.btn--red{color: #fff !important;background-color: #b01d2d;-webkit-transition: background-color .2s;transition: background-color .2s;}
.i-right{position:absolute;top:50%;right:20px;-webkit-transform: translateY(-50%);transform: translateY(-50%);-webkit-transition: -webkit-transform .2s;transition: transform .2s;}
.btn--red:hover{background-color:#cd3748}
.btn--red:hover .i-right{-webkit-transform: translateX(5px) translateY(-50%);transform: translateX(5px) translateY(-50%);}

.major-table{display:table}
.major-table .col-sm-10,
.major-table .col-sm-2{display:table-cell;float:none;}
.major-grid .major-item{padding:0 25px 50px 0;}
.major-grid .deco{position:absolute;left:0;top:0;background:#e8463b;width:100%;height:100%;}
.major-grid .deco .icon{display:block;width:100px; position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.major-grid .major-item h1{color:#5a5655;font-size:46px;}
.major-grid .major-item h1 span{display:block;margin:10px 0;color:#e7443b;font-size:13px;text-transform:uppercase}
.major-grid .major-item p{color:#e7443b;font-size:14px;margin:5px 0}
.major-grid .major-list{font-size:0}
.major-grid .major-list a{display:inline-block;color:#221715;width:50%;font-size:16px;vertical-align: top; padding:10px 0}
.major-grid .major-list a:hover{color:#e8463b}

.table-like .head .row,
.table-like .item .row{margin:0}
.table-like .item .row{border-bottom:1px solid #f7f7f7}
.table-like .stripe .row:hover{background:#f7f7f7;}
.table-word thead th,
.table-like .head .row>div{background:#b01d2d;color:#fff;padding:10px 5px}
.table-like .item .row>div{padding:10px 5px}
.table-like .item small{display:inline-block;margin-left:10px}
.table-like .dept-title h2{writing-mode: vertical-rl;}
.table-like .major-link a{display:block;padding:5px;color:#333}
.table-like .major-link a:hover{color:#b01d2d;}
.row-eq-height{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;align-items: center;justify-content: center;}

.contact-grid .grid-item{border:1px solid #363634;border-radius:3px;padding:6px 0;margin-bottom:25px;}
.contact-grid .grid-item.red{border-color:#cb1f1f;background:#cb1f1f}
.contact-grid .grid-item h2{color:#c62020;margin:0 6px;padding-bottom:6px; border-bottom:1px solid #363634;}
.contact-grid .grid-item h4{color:#fff;margin:21px 6px}
.contact-grid .grid-item h4 a{color:#fff}
.contact-grid .grid-item.red h2{color:#fff;border-bottom:none;}
.contact-grid .grid-item span{display:block;color:#c62020;margin:0 6px;padding-bottom:6px; border-bottom:1px solid #363634;font-size:20px;line-height:32px;min-height:40px;}
.contact-grid .grid-item .detail{padding:6px 0;margin:0 6px;border-bottom:1px solid #363634;}
.contact-grid .grid-item .detail p{font-size:16px;margin-bottom:2px}
.contact-grid .grid-item .img{display:block;width:40%;float:right;margin:6px 6px 0 0}
.contact-grid .grid-item .addon{float:left;color:#c62020;margin:6px 6px 0 6px;max-width:50%;}

.side-nav{position:fixed;top:700px;right:-150px}
.side-nav li{margin-bottom:1px;transition:all .2s linear;-webkit-transition:all .2s linear;transform:translateX(0);-webkit-transform:translateX(0)}
.side-nav li.on{transform:translateX(-150px);-webkit-transform:translateX(-150px)}
.side-nav li span{display:block;float:left;width:64px;height:64px;background:#b9a048;margin-right:1px;color:#fff;font-size:32px;text-align:center;line-height:64px;}
.side-nav li a{display:block;float:left;width:150px;height:64px;background:#b9a048;color:#fff;text-indent:15px;}
.side-nav li a:hover{text-decoration:none}
.side-nav li a h4{line-height:64px;}

nav{width: 438px;margin: auto;}
nav button{display:block;width:64px;height:64px;background-position:center center;background-repeat:no-repeat;border:1px solid #f3f2ed;}
nav button:hover{border-color:#b01d2d;background-color:#f3f2ed;}
nav button.btn-prev{float:left;background-image:url(../img/arrow_left.png)}
nav button.btn-next{float:right;background-image:url(../img/arrow_right.png)}
nav .pager{font-family:'Georgia'; width:250px;height:64px;margin:auto;line-height:64px;text-align:center;font-size:32px;}
nav .pager span{font-family:'Georgia';font-size:66px}

.menu-cont{float: left; width: 640px;height: 835px;margin-left: 103px;padding-top: 65px;overflow: hidden;}
.menu-cont a{color:#222}
.menu-cont a:hover{color:#b01d2d}
.menu-cont .search-box{margin-bottom:50px}
.menu-cont input[type=text]{font-size:14px;width: 490px;height: 52px;padding: 0 20px!important;border: 1px solid #c2c2c2!important;background-position: 20px center!important;vertical-align: middle;}
.menu-cont input[type=submit]{cursor: pointer;width: 50px;height: 50px;margin-left: -52px;border: none;text-indent: -9999px;background: url(../img/btn_googlesearch02.gif) no-repeat 0 0;vertical-align: middle;}
.menu-cont .menu_01{width:600px;margin-bottom:70px}
.menu-cont .menu_01 li{float: left;width: 160px;height: 30px;font-size: 15px;}
.menu-cont .menu_01 li a{padding-left: 17px;background: url(../img/arrow_h13.png) left center no-repeat;background-size: auto 12px;}
.menu-cont .menu_02{width:640px;margin-bottom:45px}
.menu-cont .menu_02 li{width:320px;float:left;height:64px;position:relative;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.side-menu a p{padding-left: 19px;background: url(../img/arrow_h13.png) left 2px no-repeat;}
.menu-cont .menu_02 li a{display: block;padding-left: 19px;line-height: 0.8;font-size: 20px;background: url(../img/arrow_h13.png) left 2px no-repeat;}
.menu-cont .menu_02 li a span{font-style: italic;font-size: 11px;color: #959595;letter-spacing: 0.09em;}
.menu-cont .menu_02 li ul{position:absolute;left:4.5rem;top:0;opacity:0;visibility:hidden;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;transform:translateX(-.35rem);-webkit-transform:translateX(-.35rem)}
.menu-cont .menu_02 li.active ul{opacity:1;visibility:visible;transform:translateX(0);-webkit-transform:translateX(0)}
.menu-cont .menu_02 li.light a,
.menu-cont .menu_02 li.light span{color:#eee!important}
.menu-cont .menu_03 li{width:320px;float:left;height:28px;}
.menu-cont .menu_03 li a{padding-left: 18px;line-height: 1.0;font-size: 13px;background: url(../img/arrow_h13.png) left center no-repeat;background-size: auto 11px;}
.md-modal {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 900px;
    background:#fff;
	z-index: 2000;
	visibility: hidden;
	backface-visibility: hidden;
}

.md-show {
	visibility: visible;
}

.md-overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	visibility: hidden;
	top: 0;
	left: 0;
	z-index: 1000;
	opacity: 0;
	background: rgba(143,27,15,0.8);
	transition: all 0.3s;
}

.md-show ~ .md-overlay {
	opacity: 1;
	visibility: visible;
}
/* Effect 12:  Just me */
.md-effect-12 .md-content {
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-ms-transform: scale(0.8);
	transform: scale(0.8);
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.md-show.md-effect-12 ~ .md-overlay {
	background:rgba(255,255,255,.65);
} 

.md-effect-12 .md-content h3,
.md-effect-12 .md-content {
	background: transparent;
}

.md-show.md-effect-12 .md-content {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}
.swiper-container,
.swiper-wrapper,
.swiper-slide{z-index:0}

.query{-webkit-font-smoothing: auto;-webkit-perspective: 1000px;-moz-perspective: 1000px;perspective: 1000px;color: #666666;}
.query:after {background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.8) 0%, transparent 100%);background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.8) 0%, transparent 100%);background-image: linear-gradient(top, rgba(0, 0, 0, 0.8) 0%, transparent 100%);position: absolute;display: block;width: 100%;content: "";height: 5%;left: 0;top: 0;}
.wrapper{min-height: 460px;position: fixed;overflow: hidden;display: table;height: 100%;width: 100%;left: 0;top: 0;transition:all .35s ease-out;-webkit-transition:all .35s ease-out;}
/*.accelerate{-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);transform: translate3d(0,0,0);-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;transform-style: preserve-3d;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;backface-visibility: hidden;}*/
.wrapper.slide{transform:translateY(-100%);-webkit-transform:translateY(-100%);}
.cell{vertical-align: middle;display: table-cell;}
.query .panel, .query .cables {
    -webkit-transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1);
    -moz-transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1);
    transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1);
}
.query .cables {
    -webkit-transform-origin: 50% -100%;
    -moz-transform-origin: 50% -100%;
    transform-origin: 50% -100%;
}
.query .panel, .query .cables {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    position: relative;
}
.query .panel {
    -webkit-transform-origin: 50% 0%;
    -moz-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    background: #F2F2F2 url(../img/panel.jpg) -7px 0;
    background-size: 399px 357px;
    -webkit-box-shadow:rgba(0, 0, 0, 0.2) 0px 12px 30px 0px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 12px 30px 0px;
}
.query .panel:before {
    border-left: 1px dashed rgba(29, 31, 39, 0.2);
    position: absolute;
    display: block;
    height: 100%;
    content: "";
    left: 5%;
    top: 0;
}
.query .panel:after {
    -webkit-border-radius: 0 0 6px 0;
    -moz-border-radius: 0 0 6px 0;
    border-radius: 0 0 6px 0;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    background: transparent url(../img/compass.png) 0 0 no-repeat;
    background-size: 224px 224px;
    position: absolute;
    display: block;
    height: 160px;
    width: 120px;
    opacity: 0.2;
    content: "";
    bottom: 0;
    right: 0;
}
.center{max-width: 400px;margin: 0 auto;width: 88%;}
.query .cables:before {left: 10%;background: transparent url(../img/cable.png) 0 0 no-repeat;position: absolute;display: block;height: 860px;width: 30px;content: "";top: -837px;z-index: 1;}
.query .cables:after{right: 10%;background: transparent url(../img/cable.png) 0 0 no-repeat;position: absolute;display: block;height: 860px;width: 30px;content: "";top: -837px;z-index: 1;}
.query .panel .header {
    padding: 1em 0 1em;
}
.about .panel header:before {
    -webkit-border-radius: 6px 0 0 0;
    -moz-border-radius: 6px 0 0 0;
    border-radius: 6px 0 0 0;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    background: transparent url(../img/map.png) 0 0 no-repeat;
    background-size: 60.5px 82.5px;
    position: absolute;
    display: block;
    height: 150px;
    width: 110px;
    opacity: 0.8;
    content: "";
    left: 0;
    top: 0;
}
.query .panel h1 {
    font-weight: 100;
    color: #D92400;
    font-size:22px;
    line-height:36px;
    text-align:center
}
.query .panel p {
    margin: 0 8% .5em;
    position: relative;
    z-index: 1;
}
.query .panel .links {
    zoom: 1;
    -webkit-box-shadow: 0 0 8px 4px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 8px 4px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 8px 4px rgba(0, 0, 0, 0.1);
    border-top: 1px solid rgba(0, 0, 0, 0.2);
    position: relative;
    z-index: 1;
}
.query .panel .links:after, .query .panel .links:before {
    display: table;
    content: "";
}
.query .panel .links li {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    float: left;
    width: 50%;
}
.query .panel .links li a {
    -webkit-border-radius: 0 0 0 5px;
    -moz-border-radius: 0 0 0 5px;
    border-radius: 0 0 0 5px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
}
.query .panel .links a {
    -webkit-font-smoothing: antialiased;
    font-size: 18px;
    font-weight: 100;
    padding: .5em 0 .6em;
    display: block;
    color:#D92400;
    text-align:center
}
.query .panel .links li + li {
    border-left: 1px solid rgba(0, 0, 0, 0.2);
}
.query .panel .links a:hover {
    background-color: #D92400;
    color: #FFFFFF;
}
.query .form{margin: 0 8% .5em;position: relative;text-align:center;z-index: 1;}
.query .form-item label{font-size:16px;display:inline-block;width:49%;padding:10px 0;cursor:pointer}
.query .form-item input[type=text]{display:block;width:100%;height:45px;margin:5px;border:1px solid #bbb;text-indent:15px;font-size:22px;}
.query-room{position:relative;min-height:250px;}
.error-danger{color:#d92400;font-size:16px;text-align:center;padding:5px 0}
#js_reset{display:none}

.admit-wrap{width:400px;height:400px;background:rgba(255,255,255,.95);-webkit-box-shadow:rgba(0, 0, 0, 0.2) 0px 12px 30px 0px;box-shadow: rgba(0, 0, 0, 0.2) 0px 12px 30px 0px;position:fixed;left:50%;top:50%;margin:-225px auto auto -200px;border:1px solid #fff;transition:all .15s linear;-webkit-transition:all .15s linear;transform:translateY(20px);-webkit-transform:translateY(20px);overflow:hidden;visibility:hidden;opacity:0}
.admit-wrap.pop{visibility:visible;opacity:1; transform:translateY(0);-webkit-transform:translateY(0);}
.form-query{padding:25px 5px;}
.form-query input[type=text]{height:50px}
.pyramid-text{font-weight:100;color:#333;padding:25px}
.pyramid-text h2{font-size:22px}
.pyramid-text h2 em{display:block;font-size:16px}
.admit-wrap .content{position:relative}
.form-wrap,.result-wrap
{position:absolute;top:5px;left:0;width:100%;transition:transition:all .15s linear;-webkit-transition:all .15s linear;opacity:0;visibility:hidden;transform:translateY(15px);-webkit-transform:translateY(15px);}
.form-wrap.show,.result-wrap.show{opacity:1;visibility:visible;transform:translateY(0);-webkit-transform:translateY(0);}
.result-wrap ul{padding:0 20px;}
.result-wrap ul li{border-bottom:1px dotted #ccc;padding:5px}
.result-wrap ul li b{display:inline-block;width:85px;}
.result-wrap ul li span{display:inline-block;}
.btn-query{padding: 6px 25px;font-size: 14px;line-height: 1.5;border-radius: 3px; height:auto;margin-top:25px}
.admit-wrap .close{position:absolute;width:50px;height:50px;top:0;right:0;}
/*
.swiper-container-horizontal>.swiper-pagination-bullets, 
.swiper-pagination-custom, 
.swiper-pagination-fraction{bottom:180px}*/
/*****使用REM作为尺寸单位，媒体查询不同分辨率的浏览器设置相应根字号*****/
/*html{font-size:32px;-webkit-user-select:none;user-select:none}*/
html{font-size:32px;}
@media only screen and (min-width:320px){html{font-size:32px!important}}
@media only screen and (min-width:360px){html{font-size:36px!important}}
@media only screen and (min-width:375px){html{font-size:38px!important}}
@media only screen and (min-width:414px){html{font-size:41px!important}}
@media only screen and (max-width:1700px){
	.index-dept .dept-cont ul li a{width:70px;line-height:70px;}
}
@media only screen and (max-width:1295px){
	.menu-cont{width:560px;margin-left:15px; }
	.menu-cont .menu_02{width:50%}
	.menu-cont .menu_02 li{width:275px}
	.menu-cont .menu_02 .sub ul{width:120%}
    #query_content{margin-left:50%;width:50%;}
}
@media only screen and (max-width:1310px){
	.nav-top{display:none}
}
@media only screen and (min-width:1200px){
	.container{width: 1200px!important;}
	header{padding:25px 0;}
}
@media only screen and (max-width:414px) {
	header{position:fixed;height:1.3rem;width:100%;top:0;left:0;box-shadow:5px 0 15px rgba(1,1,1,.2);z-index:999;}
	.logo-header{width:4rem;height:1.13rem;margin-top:3px;background-size:cover;-webkit-background-size:cover;background-image:url(../img/logo.svg)}
	.burger-menu{width:1.3rem;height:1.3rem;}
	.burger-menu img{width:100%;height:auto}
	.splash .inner h1{font-size:32px;}
	.splash .inner h4{font-size:14px;}
	.index-news{width:95%;}
	.index-news.achieve{padding:50px 15px 0 15px}
	.index-news ul li{float:none;width:100%;}
	.index-news ul li a i{display:block;}
	.index-news ul li a p{display:block;width:98%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	.achieve-title:before, .achieve-title:after{height:0px}
	.achieve-title h2{height:220px;background-size:contain;-webkit-background-size:contain}
	.achieve-title h2 span.en{font-size:24px}
	.achieve-title h2 span.cn{font-size:20px}
    .ten-blocks .item{height:100px;}
    .ten-blocks .item h4{font-size:12px;text-align:right;margin:5px 0}
    .ten-blocks .item i{font-size:32px;}
    .major-grid .major-item p{font-size:11px}
	.btn--red{padding:0 30px;font-size:16px;}
	.movie .text p{font-size:18px;}
	.movie .text i{font-size:64px;}
	#js_sns h2{font-size:18px;}
	.sns-list li{padding:10px 30px}
	.sns-list li a{-webkit-filter: none;filter: none;box-shadow:6px 6px 3px rgba(0, 0, 0, 0.3)}
	.menu-cont{float:none;width:90%;height:auto;margin:auto}
	.menu-cont .menu_02 li{float:none;width:100%;}
    .table-like .dept-title h2{font-size:18px}
    .table-like .stripe .row:nth-child(even){background:#f7f7f7}
	.index-news .content-addon:before{width:100%;}
	.index-news .content-addon h4, 
	.index-news .content-addon .content {width:98%;right:0;left:1%}
	.index-news .content-addon h4:before{display:none}
	.index-news .content-addon .content{background:rgba(255,255,255,.9)}
	footer .copy p{font-size:10px;}
    .wrapper {min-height: 360px;}
}