body {
    color: #333;
    font-size: 14px;
    font-family: "Arial","微软雅黑",Helvetica,"黑体",Arial,Tahoma;
	margin:0 auto;
	position:relative;
	overflow-x: hidden;

}
.img-hide{ overflow:hidden; }

.img-hide img{ transition: 0.5s all; transform: scale(1.05,1.05); }
.img-hide:hover img{ transform: scale(1,1); }
.txt-elise{overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;}
li{ list-style:none;}
a{ color: #333; }
ul{ padding:0; margin:0;}
a:hover{ text-decoration:none !important;}
a:focus{ text-decoration:none !important; outline: none !important;}
button:focus,button:hover,input:focus{ outline: none!important; }
img{ max-width:100%;}
.container{ width: 1430px; }
.header{ background: url(../images/header.jpg) center no-repeat; position: relative; z-index: 10000; background-size: cover; height: 165px; padding:0 5.2%; border-bottom: solid 5px #00325b; }
.logo{ line-height: 160px; width: 23%; }
.logo-a a{ color: #2a3f55; }
.logo-a p{ margin-bottom: 5px; }
.logo-a{ padding-top: 30px; margin-left: 4%; }
.header-a a{ display: inline-block; margin-right: 20px; line-height: 42px; padding-right: 20px; background: url(../images/down.png) right center no-repeat; color: #333; } 
.header-right{ padding-top: 38px; }
.search-box{ position: relative; padding-right: 53px; height: 42px; }
.btn-search{ padding:0; border:none; padding:0; background: none; position: absolute; right: 0; top: 0; }
.search-box .form-control{ height: 42px; border:none; box-shadow: 0 0 10px #ddd; border-radius: 42px; width: 100%; }
.search-width{ width: 0px;overflow:hidden; transition: 0.5s all; position: absolute; right: 100%; top: 0; }
.search-box:hover .search-width{ width: 356px; overflow:visible; }
.nav-list li{ float: left; margin-left: 26px; margin-top: 20px; padding-bottom: 15px; position: relative; }
.nav-list li a{ color: #00437c; font-size: 21px; }
.nav-list li.active a,.nav-list li a:hover{ color: #cc6633; }
.nav-down{ position: absolute; padding:20px 0; left: 50%; top: 100%; display: none; border-top: solid 2px #cf6c34; width: 186px; height: 540px; margin-left: -93px; background: url(../images/nav-down.png) center no-repeat; background-size: cover; }
.nav-down li{ float: none; margin:0; padding:0; }
.nav-down li a{ font-size: 14px!important; color: #99ccff!important; display: block; padding:10px 20px; text-align: center; }
.nav-down li a:hover{ color: #ffcc66!important; }
.nav-list li:hover .nav-down{ display: block; }
.banner .slick{ margin:0; }
.banner .slick .slick-dots{ bottom: 35px; }
.banner .slick .slick-dots li button{ border:solid 2px #fff; width: 12px; height: 12px; border-radius: 50%; padding:0; }
.banner .slick .slick-dots li button:before{ display: none; }
.banner .slick .slick-dots li.slick-active button{ background: #f39800; border-color: #f39800; }
.banner .slick .slick-dots li{ padding:0; margin:0 2px; }
.raw{ margin:25px 0 55px 0; }
.raw
{

position:relative;
animation-name:myfirst;
animation-duration:1s;
animation-timing-function:linear;
animation-iteration-count:infinite;
animation-direction:alternate;
animation-play-state:running;
/* Firefox: */
-moz-animation-name:myfirst;
-moz-animation-duration:1s;
-moz-animation-timing-function:linear;
-moz-animation-iteration-count:infinite;
-moz-animation-direction:alternate;
-moz-animation-play-state:running;
/* Safari and Chrome: */
-webkit-animation-name:myfirst;
-webkit-animation-duration:1s;
-webkit-animation-timing-function:linear;
-webkit-animation-iteration-count:infinite;
-webkit-animation-direction:alternate;
-webkit-animation-play-state:running;
/* Opera: */
-o-animation-name:myfirst;
-o-animation-duration:1s;
-o-animation-timing-function:linear;
-o-animation-iteration-count:infinite;
-o-animation-direction:alternate;
-o-animation-play-state:running;
}

@keyframes myfirst
{
0%   {transform: translate(0,-10px);}

100% {transform: translate(0,10px);}
}

@-moz-keyframes myfirst /* Firefox */
{
0%   {transform: translate(0,-10px);}

100% {transform: translate(0,10px);}
}

@-webkit-keyframes myfirst /* Safari and Chrome */
{
0%   {transform: translate(0,-10px);}

100% {transform: translate(0,10px);}
}

@-o-keyframes myfirst /* Opera */
{
0%   {transform: translate(0,-10px);}

100% {transform: translate(0,10px);}
}
.link-box{ position: relative; padding-left: 435px; margin-bottom: 65px; }
.link-box-left{ position: absolute; line-height: 52px; width: 350px; left: 0; top: 0; bottom: 0; font-family: "Mongolian Baiti"; font-size: 48px; color: #00437c; padding-right: 70px; border-right: solid 3px #00437c; }
.link-list li{ float: left; width: 20%; }
.link-list li a{ display: inline-block; font-size: 20px; color: #335979; }
.link-list li a span{ display: inline-block; height: 80px; transition: 0.3s all; }
.link-list li a:hover span{ transform: rotateY(360deg); }
.list-ul li{ float: left; width: 25%; padding:0 14px; margin-bottom: 20px; }
.list-ul{ margin:0 -14px; }
.list-ul li a{ border:solid 1px #dcdcdc; background: #f8f9fb; display: block; height: 74px; padding:10px 20px; font-size: 16px; color: #333; } 
.link-box-bottom .link-box-left{ bottom: 20px; line-height: 168px; }
.list-ul li a:hover{ color: #fff; background: #2982d3; }
.back-one{ box-shadow: 1px 2px 10px #efefef; margin-bottom: 100px; background: url(../images/back01.png) center top no-repeat; background-size: cover; }
.title{ font-size: 48px; margin-bottom: 60px; color: #00437c; line-height: 48px; font-family: "Mongolian Baiti"; }
.title a{font-family: "Arial"; font-size: 15px; color: #999; float: right;}
.news-box{ position: relative; margin-bottom: 80px; }
.news-box img{ width: 100%; height: 387px; }
.news-box a.pull-right{ width: 550px; }
.news-box-left{ position: absolute; left: 0; padding:60px; top: 15px; bottom: 15px; right: 505px; background: #fff; border-top: solid 5px #004076; box-shadow: 0 0 10px #ddd; }
.news-box-date{ font-size: 17px; color: #00437c; }
.news-box-tt a{ font-family: "Mongolian Baiti"; font-size: 30px; color: #000; }
.news-box-tt{ line-height: 35px; height: 70px; overflow:hidden; margin-top: 40px; }
.news-box-p{ font-size: 16px; color: #333; line-height: 30px; height: 90px; overflow:hidden; margin-top: 15px; }
.news-bottom-list li{ float: left; width: 50%; padding:0 22px; margin-bottom: 30px; }
.news-bottom-list{ margin:0 -22px; }
.news-bottom-box{ box-shadow: 0 0 10px rgba(0,0,0,0.1); height: 200px; position: relative; padding:80px 50px; }
.news-bottom-tt a{ font-size: 26px; color: #000; font-family: "Mongolian Baiti"; }
.news-bottom-tt{ line-height: 36px; height: 72px;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden; }
.news-bottom-date{ position: absolute; left: 80px; top: 0; width: 126px; height: 40px; line-height: 40px; text-align: center; color: #fff; font-size: 17px; background: #cf6c34; }
.notice-box-left{ font-family: "Mongolian Baiti"; font-size: 48px; line-height: 48px; color: #00437c; }
.notice-box{ margin-top: 80px; }
.notice-right{ width: 78.6%; overflow:hidden; }
.notice-date span{ display: inline-block; font-size: 17px; color: #00437c; padding-bottom: 5px; border-bottom: solid 2px #00437c; }
.notice-tt a{ font-size: 26px; color: #000; font-family: "Mongolian Baiti"; }
.notice-tt{ line-height: 36px; height: 72px;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden; margin-top: 28px; }
.notice-right li{ float: left; width: 50%; padding:0 40px; margin-bottom: 40px; }
.notice-right ul{ margin:0 -40px; }
.team-back{ height: 647px; margin-top: 65px; background: url(../images/team-back.png) center no-repeat; background-size: cover; padding-top: 80px; }
.team-left{ font-size: 48px; color: #fff; font-family: "Mongolian Baiti"; line-height: 55px; width: 250px; }
.slick-z1 .con {
    padding: 0 14px;
    box-sizing: content-box;
}
.slick-z1 .slick-list{padding-top:60px}
.slick-z1 .item .con{padding:0 14px;box-sizing:content-box}
.slick-z1 .pic{position:relative;height:0;padding-top:137%;overflow:hidden;margin-bottom:11px; transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;cursor:pointer}
.slick-z1 .pic img{position:absolute;top:50%;left:50%;display:block;min-width:100%;min-height:100%;transition:all .6s;-ms-transition:all .6s;-moz-transition:all .6s;-webkit-transition:all .6s;-o-transition:all .6s;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.slick-z1 .slick-current{margin-top:-26px}
.slick-z1 .slick-current .pic{border:6px solid #fff;box-sizing:border-box;transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);margin-bottom:26px}
.slick-z1 .tit{font-size:17px;text-align:center;color:#fff;font-weight:400}
.team-right{ width: 70%; }
.slick-z1 .slick-current .tit{ padding-top: 8px; }
.team-tt{ font-size: 26px; color: #fff; font-family: "Mongolian Baiti"; }
.team-p{ font-size: 16px; color: #fff; line-height: 30px; height: 60px;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden; margin-top: 30px;}
.slick-slide{ outline: 0!important; }
.slick-z2 .slick-prev{ width: 65px; height: 40px; background: url(../images/left.png) center no-repeat; left: -420px; top: -100px; }
.slick-z2 .slick-next{ width: 65px; height: 40px; background: url(../images/right.png) center no-repeat; left: -320px; top: -100px; }
.slick-prev:before, .slick-next:before{ display: none!important; }
.slick-z1{ height: 295px; }
.bottom-row .col-xs-4{ padding:0 36px; }
.bottom-row{ overflow:hidden; margin:100px auto; }
.bottom-row .row{ margin:0 -36px; }
.bottom-left{ background: #286dc0; padding:60px 65px 0 65px; height: 430px; }
.bottom-left-tt{ background: #fff; font-size: 30px; color: #000; font-family: "Mongolian Baiti"; line-height: 78px; }
.bottom-left-a{ padding:0 5px; margin-top: 115px; }
.bottom-left-a a{ display: block; margin-bottom: 20px; height: 55px; line-height: 53px; border:solid 1px #6697d2; font-size: 17px; color: #fff; text-align: center; }
.bottom-center{ height: 430px; background: #16afdb; padding:50px; }
.bottom-img{margin:50px 0;}
.bottom-center-tt{ font-size: 30px; color: #fff; margin-bottom: 20px; font-family: "Mongolian Baiti"; }
.bottom-center-a a{ font-size: 18px; color: #fff; font-family: "Mongolian Baiti"; }
.bottom-center-sm{ width: 240px; margin:0 auto; text-align: left; }
.jt{ margin-top: 5px; }
.footer-top{ padding:40px 0; }
.footer-top-p p{ margin:0; font-size: 17px; color: #c6cad3; line-height: 40px; }
.dropdown{ margin-left:30px; margin-top: 50px; }
.dropdown button{width: 292px; border:solid 1px #6a707d; background: url(../images/raw-b.png) 90% center no-repeat; font-size: 18px; color: #c6cad3;  padding:0 22px; line-height: 50px; text-align: left;}
.dropdown-menu{ width: 100%; top: auto; bottom: 100%; max-height: 280px; overflow-y: auto; background: rgba(26,36,56,0.87); border-top: solid 3px #cf6c34; border-radius: 0; }
.dropdown-menu li a{ display: block; line-height: 40px; color: #c6cad3; font-size: 16px; }
.footer-logo{ border-top: solid 1px #41495a; background: #1a2438; padding:40px 15px; }
.footer-b{ padding:55px 0; border-top:solid 1px #6a707d;  }
.dropdown-menu::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
/*正常情况下滑块的样式*/

.dropdown-menu::-webkit-scrollbar-thumb {
    background-color: #454d5d;
    border-radius: 10px;

}
/*鼠标悬浮在该类指向的控件上时滑块的样式*/

.dropdown-menu:hover::-webkit-scrollbar-thumb {
    background-color: #454d5d;
    border-radius: 10px;

}
/*鼠标悬浮在滑块上时滑块的样式*/

.dropdown-menu::-webkit-scrollbar-thumb:hover {
    background-color: #454d5d;
    -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1);
}
/*正常时候的主干部分*/


/*鼠标悬浮在滚动条上的主干部分*/

.dropdown-menu::-webkit-scrollbar-track:hover {
    background-color: #454d5d;
}
.menu-button { position: absolute; display: none; top: 18px; right: 15px; z-index: 1000; cursor: pointer; -webkit-transition: .3s; transition: .3s;}
.menu-button .bar:nth-of-type(1) { margin-top: 0px;}
.menu-button .bar:nth-of-type(3) { margin-bottom: 0px;}
.bar { position: relative; display: block; width: 24px; height: 2px; margin: 5px auto; background-color: #333; border-radius: 10px; -webkit-transition: .3s; transition: .3s; }
.cross{ margin-top: -8px; }
.cross .bar{ margin:13px auto; }
.cross .bar:nth-of-type(1) { -webkit-transform: translateY(15px) rotate(-45deg);-ms-transform: translateY(15px) rotate(-45deg); transform: translateY(15px) rotate(-45deg);}
.cross .bar:nth-of-type(2) {  opacity: 0;}
.cross .bar:nth-of-type(3) { -webkit-transform: translateY(-15px) rotate(45deg); -ms-transform: translateY(-15px) rotate(45deg); transform: translateY(-15px) rotate(45deg);}
.nav-click{ display: none; }
.notice-tt a:hover,.news-bottom-tt a:hover,.news-box-tt a:hover,.title a:hover{ color: #00437c; }
.bottom-left-a a:hover{ background: #6697d2; }
.footer{ background: url(../images/footer.png) center no-repeat; background-size: cover; }
.dropdown.open button{background: url(../images/raw-b02.png) 90% center no-repeat;}
.notice-box-left a{ display: none; }
/***************contact us****************/
.page-box{ background: #f5f7f8; padding:80px 0; }
.page-left{ width: 280px; background: #fff; padding:20px 0 50px 0; }
.nav-left li a{ display: block; position: relative; font-size: 20px; color: #333; line-height: 28px; padding:13px 10px 13px 27px; }
.nav-left li a:hover{ color: #00437c; }
.nav-left li.active a{color: #00437c;}
.nav-left li.active a:before{ display: block; content: ""; position: absolute; left: 0; top: 13px; bottom: 13px; width: 3px; background: #00437c; }
.page-right{ width: 1040px; background: #fff; border-left:solid 30px #236bc7; padding:60px 70px 140px 70px; }
.contact-txt{ font-size: 30px; color: #000; margin-bottom: 65px; font-family: "Mongolian Baiti"; }
.contact-p p{ font-size: 17px; color: #333; margin-bottom: 25px; background: url(../images/icon-p.png) left center no-repeat; padding-left: 38px; }
/***********Executive Board**************/
.board-list li{ background: #fff; font-family: "Mongolian Baiti"; margin-bottom: 20px; width: 100%; display: table; vertical-align: middle; height: 96px; border-right: solid 5px #0165b7; }
.board-list li:hover{ box-shadow: 0 0 20px rgba(0,0,0,0.2); }
.board-list{ width: 1040px; }
.board-list-left{ color: #000; font-size: 24px; display: table-cell; padding-left: 60px; width: 395px; padding-right: 28px; position: relative; vertical-align: middle; position: relative; }
.board-list-left:before{ display: block; content: ""; position: absolute; right: 0; top: 50%; border-right: solid 1px #d0d0d0; height: 34px; margin-top: -17px; }
.board-list-right{ display: table-cell; text-transform:uppercase; vertical-align: middle; position: relative; font-size: 36px; color: #000; padding:0 28px; }
.board-list-right:before{ display: block; content: ""; position: absolute; left: -50px; height: 6px; right: 0; top: 0; background: #0165b7; }
/*****************vison******************/
.vison-tt{ font-size: 36px; color: #000; margin-bottom: 50px; font-family: "Mongolian Baiti"; }
.vison-p{ font-size: 17px; color: #333; line-height: 35px; margin-bottom: 50px; }
/**********alumni************/
.alumni-right{ width: 1040px; background: #fff; position: relative; padding:100px 80px 130px 80px; }
.alumni-right:before{ display: block; content: ""; position: absolute; left: 0; top: 0; right: 0; background: url(../images/top.jpg) center top no-repeat; background-size: 100% auto; height: 20px; }
.table > tbody > tr > td{ font-size: 16px; color: #333; border-color: #e6e6e6; vertical-align: middle; padding:15px 8px; border-top:none!important; border-bottom: none!important; }
.table-bordered{ border:none; }
.table-hide{ position: relative;}
.table-hide:before{ display: block; content: ""; position: absolute; left: 0; top: 0; bottom: 0; border-right: solid 1px #fff; }
.table-hide:after{ display: block; content: ""; position: absolute; right: 0; top: 0; bottom: 0; border-right: solid 1px #fff; }
.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #ebebeb;
}
.table-bordered > thead > tr > th{ white-space: nowrap; text-align: center; border-color: transparent; padding:15px; font-size: 20px; color: #000; }
/************Departments**************/
.txt-box p{ font-size: 17px; color: #333; line-height: 30px; margin-bottom: 35px; }
.txt-box p:last-child{ margin:0; }
/**********Academic Journals***********/
.right-c{ width: 1040px; }
.right-top{ margin-right: 65px; height: 245px; background: #236ac6; padding:35px 55px; }
.right-top-tt{ font-size: 36px; color: #fff; background: url(../images/icon-tt.png) left center no-repeat; padding-left: 78px; }
.right-bottom{ background: #fff; position: relative; min-height: 450px; margin-left: 15px; margin-top: -135px; padding:50px 70px; }
.right-list li{ float: left; width: 50%; padding:0 50px; }
.right-list{ margin:0 -50px; }
.right-list li a{ display: block;overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap; font-size: 26px; position: relative; color: #333; padding:20px 0; padding-left: 45px; font-family: "Mongolian Baiti";  background: url(../images/icon-l.png) left center no-repeat; }
.right-list li a:before{ display: block; content: ""; left: 45px; bottom: 0; right: 0; position: absolute; border-bottom: solid 1px #c9c9c9; }
/*************Faculty by Name************/
.tabs-top li{ float: left; width: 33.333333%; padding:0 4px; margin-bottom: 8px; }
.tabs-top{ margin:0 -4px; margin-bottom: 60px; }
.tabs-top li a{ display: block; background: #fff; line-height: 56px; font-size: 21px; color: #666; }
.tabs-top li.active a,.tabs-top li a:hover{ background: #1e65b9; color: #fff; }
.table-name > tbody > tr > td{ font-size: 16px; }
.txt-sm{ font-size: 14px; }
.table-name > tbody > tr{ background: #fff; }
.table-name > tbody > tr:nth-of-type(odd){ background: #f7f7f7; }
.table-name > thead > tr > th{ font-size: 18px; font-weight: normal; }
.table-name > tbody > tr > td .text-left{ padding-left: 20px; }
/****************professors***************/
.table-professors > tbody > tr > td{ padding:20px 25px; }
.table-professors > tbody > tr:nth-of-type(odd){ background: #e6effa; }
.banner-page{ position: relative; }
.banner-page-box{ position: absolute; left: 50%; top: 50%; margin-left: -700px; font-family: "Mongolian Baiti"; font-size: 50px; color: #fff; margin-top: -30px; }
.banner-page-box:before{ display: block; content: ""; position: absolute; left: 50%; bottom: -20px; width: 120px; border-top: solid 1px #fff; margin-left: -60px; }
/*****************research centers*****************/
.table-list li{ float: left; width: 50%; padding:0 20px; margin-bottom: 40px; }
.table-list-box{ display: table; width: 100%; background: #fff; min-height: 170px; border-bottom: solid 2px #266ed0; }
.table-list-l{ display: table-cell; background: #fcfcfc; text-align: center; width: 160px; vertical-align: middle; }
.table-list-r{display: table-cell; vertical-align: middle; font-size: 24px; color: #333; padding:20px 10px 20px 30px; font-family: "Mongolian Baiti";}
.table-list{ margin:0 -20px; }
/**************news*************/
.news-ul li{ background: #fff; margin-bottom: 30px; height: 195px; position: relative; padding:80px 45px 0 45px; }
.news-ul-date{ width: 125px; height: 40px; font-size: 17px; color: #fff; line-height: 40px; text-align: center; background: #cf6c34; position: absolute; left: 45px; top: 0; }
.news-ul-tt a{ font-size: 26px; color: #000; font-family: "Mongolian Baiti"; }
.news-ul-tt { line-height: 38px; height: 76px; overflow:hidden; }
.page-box-ul{ margin:80px 0 100px 0; }
.article-box{ padding-right: 270px; position: relative; }

.article-tt{ font-size: 36px; color: #333; font-family: "Mongolian Baiti"; }
.article-date{ font-size: 16px; color: #999; margin:25px 0 60px 0; }
.article-date span{ display: inline-block; padding-left: 23px; margin-right: 48px; background: url(../images/icon-article01.png) left center no-repeat; }
.article-date span.r{ padding-left: 26px; background: url(../images/icon-article02.png) left center no-repeat;}
.article-p p{ font-size: 17px; color: #333; line-height: 30px; margin-bottom: 30px; }
.article-right{ position: absolute; right: -260px; padding:0 25px; top: 0; border-left:solid 1px #e9eaeb; }
.article-right a{ display:block; color: #666; margin-bottom: 30px; }
.article-p{ position: relative; }
.article-right a img{ margin-bottom: 5px; transition: 0.5s all; }
.article-right a:last-child{ margin:0; }
.article-right a:hover img{ transform: rotate(360deg); }
/************phd************/
.phd-title{ font-size: 36px; color: #000; font-family: "Mongolian Baiti"; margin-bottom: 50px; }
.phd-p{ font-size: 17px; color: #333; line-height: 36px; margin-bottom: 60px; }
.phd-table > thead > tr > th{ vertical-align: middle; background: #f4e9d3; }
.phd-table > tbody > tr:nth-of-type(odd){ background: #fff; }
.phd-table > tbody > tr td{ border-top: solid 1px #e6e6e6!important; background: #fdfdfd; }
.phd-table{ margin-bottom: 60px; }
.phd-tt-sm{font-family: "Mongolian Baiti"; font-size: 24px; color: #000; margin-top: -40px; margin-bottom: 50px;}
.phd-tt-sm span{ padding-left: 50px; }
.contact-p-sm{ padding-left: 30px; margin-top: -20px; }
.contact-p-sm p{ font-size: 21px; color: #000; font-family: "Mongolian Baiti"; margin-bottom: 10px; }
.lind{ border-top: solid 1px #ddd; margin:50px 0 90px 0; }
.right-list li a:hover,.news-ul-tt a:hover{ color: #00437c; }
.news-ul li:hover,.table-list-box:hover{ box-shadow: 0 0 15px rgba(0,0,0,0.2); }





@media( max-width: 1699px){
	.logo-a{ display: none; }
}
@media( max-width:1449px){
	.container{ width: 1230px; }
	.link-box-left{ width: 280px; padding-right: 20px; }
	.link-box{ padding-left: 320px; }
	.slick-z2 .slick-prev{ left: -360px; }
	.slick-z2 .slick-next{ left: -260px; }
	.bottom-left{ padding:50px 25px; height: 360px; }
	.bottom-left-a{ margin-top: 50px; }
	.bottom-center{ height: 360px; padding:1px 20px; }
	.nav-list li a{ font-size: 18px; }
	.page-right,.board-list,.alumni-right,.right-c{ width: 880px; }
	.banner-page-box{ margin-left: -600px; }
	.table-list-r{ font-size: 18px; }
}
@media( max-width: 1279px){
	.container{ width:970px;  }
	.list-ul li a{ font-size: 14px; padding:5px 10px; }
	.slick-z1{ height: 230px; }
	.slick-z2 .slick-prev{ left: -280px; }
	.slick-z2 .slick-next{ left: -180px; }
	.bottom-left{ padding:30px 25px; height: 272px; }
	.bottom-left-a{ margin-top: 30px; }
	.bottom-center{ height: 272px; padding:1px 0px; }
	.bottom-left-tt{ font-size: 24px; line-height: 65px; }
	.bottom-left-a a{ font-size: 12px; }
	.bottom-img{ margin:30px 0; }
	.bottom-img img{ width: 50px; }
	.dropdown button{ width: 170px; background: url(../images/raw-b.png) 90% center no-repeat;
    font-size: 16px; }
    .nav-list li a{ font-size: 16px; }
    .nav-list li{ margin-left: 15px; }
    .nav-down li{ margin-left: 0!important; }
    .page-right,.board-list,.alumni-right,.right-c{ width: 640px; }
	.board-list-right{ font-size:24px; }
	.board-list-left{ font-size: 16px; padding-left: 30px; width: 270px; }
	.right-list li{ width: 100%; }
	.right-top{ padding:35px; }
	.right-top-tt{ font-size: 28px; }
	.banner-page-box{ margin-left: -470px; font-size: 28px; }
	.table-list li{ width: 100%; margin-bottom: 20px; }
}
@media( max-width: 991px){
	.container{ width:750px;  }
	.header{ padding:0 15px; height: 52px; border-width: 2px; }
	.link-box-left{ width: 100%; position: static; padding:0; border:none; margin-bottom: 50px; }
	.link-box{ padding-left: 0; }
	.link-box-bottom .link-box-left{ line-height: 48px; }
	.news-box-left{ right: 200px; }
	.news-bottom-list li{ width: 100%; }
	.notice-box-left{ width: 100%; margin-bottom: 40px; }
	.notice-right{ width: 100%; }
	.notice-right li{ padding:0 20px; }
	.notice-right ul{ margin:0 -20px; }
	.team-left{ width: 100%; margin-bottom: 40px; }
	.team-right{ width: 100%; }

	.bottom-row .col-xs-4{ padding:0 10px; }
	.bottom-row .row{ margin:0 -10px; }
	.bottom-left-tt{ font-size: 18px; line-height: 50px; }
	.bottom-left{ padding:20px 15px; height: 232px; }
	.bottom-left-a a{ margin-bottom: 10px; }
	.bottom-left-a{ margin-top: 20px; }
	.bottom-center-tt{ font-size: 21px; }
	.bottom-center-a a{ font-size: 14px; }
	.bottom-center-sm{ width: 193px; }
	.bottom-center{ height: 232px; }
	.footer-top-p{ width: 100%; }
	.footer-top .pull-right{ width: 100%; }
    .bottom-row .col-xs-4:last-child img{ width: 100%; }
	.dropdown button{ width: 300px; }
	.dropdown{ margin-left:0; margin-right: 30px; }
	.logo{ width: auto; line-height: 50px; }
	.logo img{ height: 30px; }
	.header-right{ position: absolute; display: none; padding-top: 0; border-top: solid 1px #ddd; box-shadow: 1px 2px 3px #ddd; left: 0; top: 100%; right: 0; background: #fff; padding-bottom: 60px; }
	.nav-list li{ margin:0; float: none; width: 100%; padding:0; }
	.nav-list li a{ line-height: 40px; padding:0 15px; }
	.header-right .pull-right{ position: absolute; left: 50%; margin-left: -160px; bottom: 10px; }
	.search-width{ width: 200px!important; position: static; overflow:visible; }
    .nav-list li .nav-down{ height: auto; left: 0; top: 0; position: static; margin:0; text-align: left; width: 100%; }
    .nav-list li .nav-down li a{ color: #fff; padding-left: 25px; }
    .nav-list li:hover .nav-down{ display: none; }
    .nav-click { display: block; transition: 0.3s all; z-index: 10000; position: absolute; color: #333; right: 0; top: 0; width: 40px; height: 40px; text-align: center; line-height: 40px;}
    .nav-click.active{ transform: rotate(180deg); }
    .menu-button{ display: block; z-index: 1000; }
    .nav-list li .nav-down li a{ padding:0 15px; text-align: left; }
	.slick-z2 .slick-prev{ left: 50%; margin:0; bottom: -50px; margin-left: -80px; top: auto; }
	.slick-z2 .slick-next{ left: 50%; margin:0; bottom: -50px; margin-left: 20px; top: auto; }
	.page-right{ width: 420px; border-width: 10px; padding:35px; }
	.board-list,.right-c{ width: 420px; }
	.contact-txt{ font-size: 24px; }
	.board-list-right{ width: 100%; display: block; padding-top: 10px; }
	.board-list-right:before{ display: none; }
	.board-list-left{ width: 100%; display: block; }
	.board-list-left:before{ display: none; }
	.board-list li{ height: auto; padding:20px 0; }
	.alumni-right{ width: 420px; padding:25px; }
	.right-bottom{ margin-top: -100px; padding:35px; }
	.tabs-top li{ width: 50%; }
	.banner-page-box{ margin-left: -370px; }
	.article-box{ padding-right: 150px; }
	.article-right{ right: -150px; }
	.article-tt{ font-size: 24px; }
	}
	@media( max-width: 768px){
		.container{ width: 100%; }
		.slick-z1{ height: auto; }
		.link-box-left{ font-size: 24px; line-height: 24px; margin:20px 0; }
		.raw{ margin:20px 0 0 0; }
		.link-list li{ width: 33.333333%; margin-bottom: 15px; }
		.link-list li img{ height: 45px; }
		.link-list li a span{ height: 55px; }
		.link-list li a{ font-size: 16px; height: 99px; }
		.link-box{ margin-bottom: 0; }
		.link-box-bottom .link-box-left{ line-height: 24px; margin-top: 0; }
		.list-ul li{ width: 50%; }
		.back-one{ margin-bottom: 20px; padding-top: 15px; padding-bottom: 15px; }
		.title{ font-size: 24px; line-height: 24px; margin-bottom: 20px; }
		.news-box-left{ position: static; padding:20px; margin:-80px 10px 0 10px; }
		.news-box a.pull-right{ width: 100%; margin-bottom: 20px; display: block; float: none!important; }
		.news-box a.pull-right img{ height: auto; }
		.news-box-tt a{ font-size: 18px; }
		.news-box-tt{ line-height: 25px; height: 50px; margin-top: 15px; }
		.news-box-p{ font-size: 14px; line-height: 25px; height: 75px; }
		.news-box{ margin-bottom: 30px; }
		.news-bottom-box{ height: auto; padding:60px 20px 20px 20px; }
		.news-bottom-date{ left: 30px; }
		.news-bottom-tt a{ font-size: 16px; }
		.news-bottom-tt{ line-height: 25px; height: 50px; }
		.news-bottom-list li{ margin-bottom: 15px; }
		.notice-box{ margin-top: 20px; }
		.notice-box-left{ font-size: 24px; line-height: 24px; margin-bottom: 20px; }
		.notice-right li{ width: 100%; margin-bottom: 20px; }
		.notice-tt a{ font-size: 16px; }
		.notice-tt{ line-height: 25px; height: 50px; margin-top: 10px; }
		.team-back{ height: auto; padding:45px 0; margin-top: 20px; }
		.team-left{ font-size: 24px; margin-bottom: 20px; }
		.team-tt{ font-size: 18px; }
		.team-p{ font-size: 14px; margin-top: 15px; }
		.bottom-row .col-xs-4{ width: 100%; margin-bottom: 15px; }
		.bottom-row{ margin:20px auto 5px auto; }
		.dropdown{ margin:20px 0 0 0; }
		.dropdown,.dropdown button{ width: 100%; }
		.footer-logo{ padding:15px; }
		.footer-logo img{ width: 250px; }
		.footer-b{ padding:15px 0; }
		.raw{ display: none; }
		.back-one{ margin-bottom: 40px; }
		.notice-box-left a{ display: block; }
		.banner .slick .slick-dots{ bottom: 10px; }
		.bottom-link{ text-align: center; display: block; }
		.slick-z2{ padding-bottom: 30px; }
		.page-right,.page-left{ width: 100%; }
		.page-box{ padding:30px 0; }
		.nav-left li a{ font-size: 14px; padding:2px 20px; }
		.page-left{ padding:15px 0; margin-bottom: 20px; }
		.nav-left li.active a:before{ top: 0; bottom: 0; }
		.contact-txt{ font-size: 18px; }
		.page-right{ padding:20px; border-width:5px; }
		.contact-txt{ margin-bottom: 30px; }
		.contact-p p{ font-size: 16px; margin-bottom: 10px; }
		.board-list{ width: 100%; }
		.vison-tt{ font-size: 24px; margin-bottom: 20px; }
		.vison-p{ font-size: 14px; line-height: 25px; margin-bottom: 20px; }
		.table > tbody > tr > td{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
		.table-hide:before{ display: none; }
		.table-hide:after{ display: none; }
		.txt-box p{ font-size: 14px; line-height: 25px; margin-bottom: 10px; }
		.right-c{ width: 100%; }
		.right-top{ padding:20px; margin:0; height: auto }
		.right-bottom{ margin:0; padding:20px 20px 40px 20px; min-height: 10px; }
		.right-list li a{ font-size: 16px; }
		.right-top-tt{ font-size: 24px; }
		.tabs-top li a{ font-size: 16px; }
		.tabs-top{ margin-bottom: 20px; }
        .banner-page{ overflow:hidden; }
        .banner-page img{ width: 150%; max-width: 1000%; }
		.banner-page-box{ margin-left: 0px; left: 0; width: 60%; text-align: center; font-size: 18px; margin-top: -20px;  }
		.banner-page-box:before{ width: 80px; margin-left: -40px; bottom: -10px; }
		.table-list-l{ width: 100px; }
		.table-list-l img{ width: 50px; }
		.table-list-box{ min-height: 100px; }
		.news-ul-tt a{ font-size: 16px; }
		.news-ul-tt{ line-height: 25px; height: 50px; overflow:hidden; }
		.news-ul li{ padding:40px 20px 20px 20px; height: auto; margin-bottom: 15px; }
		.news-ul-date{ left: 20px; height: 30px; line-height: 30px; font-size: 14px; width: 100px; }
		.page-box-ul{ margin:30px 0; }
		.article-box{ padding-right: 0px; }
		.article-right{ display: none; }
		.article-date{ margin:25px 0; }
		.article-p p{ font-size: 14px; line-height: 25px; margin-bottom: 15px; }
		.alumni-right{ width: 100%; }
		.phd-title{ font-size: 24px; margin-bottom: 20px; }
		.phd-p{ font-size: 14px; line-height: 24px; margin-bottom: 20px; }
		.phd-tt-sm{ margin-top: 0; font-size: 18px; margin-bottom: 20px; }
		.phd-tt-sm span{ display: block; padding-left: 0; }
		.contact-p-sm{ padding-left: 0; margin-top: 0; }
		.lind{ margin:25px 0; }
		.phd-table{ margin-bottom: 0; }
	}