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-style: inherit;
    font-family: 'Noto Sans SC', sans-serif;
    font-weight: 400;
    font-smooth: always;
    -webkit-font-smoothing: subpixel-antialiased;
}
:root{
/*    --menu-height:0px;*/
}
html {
    scroll-behavior: smooth;
}
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;
    -webkit-appearance: none
}
input[type=password] {
    -webkit-text-security: disc
}
textarea:focus,
input:focus,
button:focus {
    outline: none
}
html.is-menu-open{
    overflow:hidden;
    -ms-overflow-style:none;
}
body {
    word-wrap: break-word;
    font-size: 14px;
    color: #4c4c4c;
    line-height: 1.5;
    padding-top: 60px
}
.grayBody{
	filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -webkit-filter: grayscale(1);
}
* {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    clear: both
}
header {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 60px;
    background: #fff;
    padding-top: 0!important;
    padding-bottom: 0!important;
    z-index: 101
}
header.affix {
    -webkit-box-shadow: 0px 5px 25px -3px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 5px 25px -3px rgba(0, 0, 0, 0.3)
}
header .logo-header {
    display: block;
    position: absolute;
    left: 60px;
    top: 0;
    background-size: cover;
    -webkit-background-size: cover;
    background-position: center center;
    transition: all .15s linear;
    -webkit-transition: all .06s linear;
}
header.affix-top .logo-header {
    width: 120px;
    height: 115px;
    background-color: #b01d2d;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}
header.affix .logo-header {
    width: 120px;
    height: 52px;
    top: 3px;
    background-image: url(../img/logo-polus-full.png);
/*    background-image: url(../img/logo-foot-temp.png);*/
    background-repeat:no-repeat;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.page-scenic-area header.affix .logo-header{
	background-image: url(../img/logo-scenic.png);
	width:171px;
	height:40px;
}
header.affix .logo-header img {
    display: none
}
header .logo-header img {
    width: 100px;
    height: 100px;
    margin: 10px
}
header ul {
    display: block;
    float: right;
    margin-right: 56px;
}
header ul li {
    display: inline-block;
    position: relative;
}
header ul li a {
    display: block;
    font-size: 18px;
    width:145px;
/*    width: 166px;*/
    padding: 14px 0 13px 0;
    text-align: center;
}
header ul li.promote a.lt{

}
header ul li.promote a h4,
header ul li.promote a h5{
    color:#fff;
}
header ul li.promote a h5{
    transform:scale(.9);
    -webkit-transform:scale(.9);
    letter-spacing:0;
}
header ul li a h4 {
    color: #555;
    font-size: 14px;
    letter-spacing: 2px;
}
header ul li a h5 {
    font-family: 'Noto Sans SC', sans-serif;
    color: #aaa;
    font-size: 11px;
    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;
    background:#fff;
    display: flex;
    justify-content:center;
    align-items:center;
    flex-direction:column;
    cursor:pointer;
    width: 60px;
    height: 60px;
    transition:all .2s ease,background-color .8s ease .2s;
    z-index: 105;
}
.burger-menu:before{
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    background: #393939;
    transition: all 350ms ease-in-out 320ms;
    z-index: 105;
}
.is-menu-open .burger-menu:before{
    height:100%;
}
.burger-menu>span{
    position: relative;
    display: block;
    width: 28px;
    height: 3px;
    background: #a5202c;
    margin-top: 3px;
    transition: all 200ms ease;
    z-index:105
}
.burger-menu>span:first-child{
    margin-top:0;
}
.burger-menu>span:nth-child(1){
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
}
.burger-menu>i{
    position:relative;
    display:block;
    width:42px;
    height:14px;
    margin-top:6px;
    background:url(../img/btn_menu_txt_red_cn.png);
    background-size:cover;
    -webkit-background-size:cover;
    transition: all 200ms ease;
    z-index:105
}
.is-menu-open .burger-menu>i{
    background:url(../img/btn_menu_txt_white_cn.png);
    background-size:cover;
    -webkit-background-size:cover;
}
.is-menu-open .burger-menu>span:nth-child(1){
    -webkit-transform: translateY(10px) rotate(45deg);
    transform: translateY(2px) rotate(45deg);
    transition-delay: 200ms;
    background:#fff;
}
.is-menu-open .burger-menu>span:nth-child(2){
    -webkit-transform: scale(0.2, 0.2);
    transform: scale(0.2, 0.2);
    opacity: 0;
}
.is-menu-open .burger-menu>span:nth-child(3){
    -webkit-transform: translateY(-10px) rotate(-45deg);
    transform: translateY(-10px) rotate(-45deg);
    transition-delay: 200ms;
    background:#fff;
}
.burger-menu>span:nth-child(2){
    transition-delay:.1s;
}
.burger-menu>span:nth-child(3){
    -webkit-transform: translateY(2px);
    transform: translateY(2px);
}
.menu-wrapper{
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-image:url(../img/menu-wrapper-bg.jpeg);
    background-size:cover;
    -webkit-background-size:cover;
  /* background: linear-gradient(375deg, #1cc7d0, #2ede98); */
  /* clip-path: circle(25px at calc(0% + 45px) 45px); */
  clip-path: circle(25px at calc(100% - 30px) 30px);
  transition: all 0.3s ease-in-out;
  z-index:-10;
}
.is-menu-open .menu-wrapper{
    clip-path: circle(75%);
    z-index:102
}
.menu-wrapper .menu-container{
    max-height:100%;
    overflow-y: scroll;
    -ms-overflow-style: auto;
}
.menu-wrapper .menu-ul{
    width: 100%;
    padding: 5.9375vw 11.71875vw;
}
.menu-wrapper .menu-ul li.menu-disabled a{
    pointer-events:none;
}
.menu-wrapper .menu-ul li,
.menu-wrapper .side-menu{
    opacity: 0;
    -webkit-transform: translateX(-20px) scaleX(1.04);
    transform: translateX(-20px) scaleX(1.04);
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
    transition: all 200ms ease;
    border-bottom: 1px solid rgba(255,255,255,0.2);
}
.is-menu-open .menu-wrapper .menu-ul li,
.is-menu-open .menu-wrapper .side-menu{
    opacity: 1;
    transition: all 400ms ease;
    -webkit-transform: translateX(0px) scaleX(1);
    transform: translateX(0px) scaleX(1);
}
.is-menu-open .menu-wrapper .menu-ul .menu-item:nth-child(1){transition-delay: 70ms;}
.is-menu-open .menu-wrapper .menu-ul .menu-item:nth-child(2){transition-delay: 140ms;}
.is-menu-open .menu-wrapper .menu-ul .menu-item:nth-child(3){transition-delay: 210ms;}
.is-menu-open .menu-wrapper .menu-ul .menu-item:nth-child(4){transition-delay: 280ms;}
.is-menu-open .menu-wrapper .menu-ul .menu-item:nth-child(5){transition-delay: 350ms;}
.is-menu-open .menu-wrapper .menu-ul .menu-item:nth-child(6){transition-delay: 420ms;}
.is-menu-open .menu-wrapper .menu-ul .menu-item:nth-child(7){transition-delay: 490ms;}
.is-menu-open .menu-wrapper .menu-ul .menu-item:nth-child(8){transition-delay: 560ms;}
.is-menu-open .menu-wrapper .side-menu{transition-delay: 560ms;}
.menu-wrapper .menu-ul li>a{
    position: relative;
    display: block;
    padding: 25px 50px 20px 30px;
    transition: all 200ms ease;
    color:#000;
}
.menu-wrapper .menu-ul li>a:hover{
    background: rgba(255,255,255,.2);
}
.menu-wrapper .menu-ul li>a span{
    display: inline-block;
    font-size: 24px;
    letter-spacing: .12em;
    font-weight:100;
}
.menu-wrapper .menu-ul li>a:after{
    content: attr(data-title-en);
    display: inline-block;
    margin-left: 25px;
    font-size: 12px;
    font-weight:100;
    letter-spacing: .06em;
    opacity: .6;
}
.menu-wrapper .menu-ul .sub-menu{
    display:none;
    margin-bottom:15px;
    background: rgba(255,255,255,.2);
}

.menu-wrapper .menu-ul .sub-menu li{
    border:none;
}
.menu-wrapper .menu-ul .sub-menu a{
    position: relative;
    display: block;
    padding: 10px 40px 8px 72px;
    transition: all 200ms ease;
}
.menu-wrapper .menu-ul .sub-menu a span{
    display: inline-block;
    font-size: 14px;
    letter-spacing: .12em;
}
.menu-wrapper .menu-ul .sub-menu.dept a span{
    min-width: 110px;
}
.menu-wrapper .menu-ul .sub-menu a:after{
    content:attr(data-title-en);
    display: inline-block;
    margin-left: 25px;
    font-size: 12px;
    font-weight: 100;
    letter-spacing: .06em;
    opacity: .6;
}
.menu-wrapper .side-menu{
    padding: 5.9375vw 0;
    border-bottom:none;
}
.menu-wrapper .side-menu a{
    position:relative;
    display:block;
    color:#000;
    padding: 15px 40px 15px 48px;
}
.menu-wrapper .side-menu a:hover{
    background: rgba(255,255,255,.2);
}
.menu-wrapper .side-menu a>span{
    display: inline-block;
    font-size: 14px;
    font-weight:100;
    letter-spacing: .12em;
}
.menu-wrapper .side-menu a:after{
    content: attr(data-title-en);
    display: inline-block;
    margin-left: 25px;
    font-size: 12px;
    font-weight: 100;
    letter-spacing: .06em;
    opacity: .6;
}
.menu-wrapper .side-menu a i{
    position:absolute;
    display:block;
    width:32px;height:32px;
    left:3px;top:10px;
    background-size:cover;
    background-position:center center;
}
.side-menu i.icon-mail{background-image:url(../img/icon-svg-mail.svg)}
.side-menu i.icon-info{background-image:url(../img/icon-svg-info.svg)}
.side-menu i.icon-recruit{background-image:url(../img/icon-svg-recruit.svg)}
.side-menu i.icon-contact{background-image:url(../img/icon-svg-contact.svg)}
.side-menu i.icon-ccp{background-image:url(../img/icon-svg-ccp.svg)}
.side-menu i.icon-old{background-image:url(../img/icon-svg-old.svg)}
.side-menu i.icon-scholar{background-image:url(../img/icon-svg-scholar.svg)}
.side-menu i.icon-fund{background-image:url(../img/icon-svg-fund.svg)}
.sb-search{
    position: fixed;
    top:0;right:60px;
    width: 0%;
    min-width: 60px;
    height: 60px;
    overflow: hidden;
    -webkit-transition: width 0.3s;
    -moz-transition: width 0.3s;
    transition: width 0.3s;
    -webkit-backface-visibility: hidden;
    z-index:105;
}
.sb-search.bar-open{
    width:545px;
}
.sb-search-input {
	position: absolute;
	top: 0;
	right: 0;
	border: none;
	outline: none;
	background: rgba(255,255,255,.8);
	width: 100%;
	height: 60px;
	margin: 0;
	z-index: 10;
	padding: 20px 65px 20px 20px;
	font-family: inherit;
	font-size: 20px;
	color: #2c3e50;
}
.sb-search-input:focus{
    background: rgba(255,255,255,.95);
}
input[type="search"].sb-search-input {
	-webkit-appearance: none;
	-webkit-border-radius: 0px;
}
.sb-search-input::-webkit-input-placeholder,
.sb-search-input:-moz-placeholder,
.sb-search-input::-moz-placeholder,
.sb-search-input:-ms-input-placeholder{
	color: #efb480;
}
.sb-icon-search{
    position:absolute;
    top:0;right:0;
    width:60px;height:60px;
    background-color:#a5202c;
    background-image:url(../img/icon-svg-search.svg);
    background-size:45%;
    background-repeat:no-repeat;
    background-position:center center;
    cursor:pointer;
    z-index:105;
}
.sb-search-submit{
    display:none;
}
.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
}
.splash {
    max-width: 1440px;
    margin: 0 auto;
    height: 770px;
    border: 10px solid #fff;
    border-bottom-width: 0;
    position: relative;
    padding: 0;
}
#s_banner .swiper-slide {
    height: 770px;
    background-size: cover;
    -webkit-background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
#s_banner .swiper-button-prev {
    width: 40px;
    height: 66px;
    background-size: 40px 66px;
    background-image: url(../img/arrow-slider-left.png)
}
#s_banner .swiper-button-next {
    width: 40px;
    height: 66px;
    background-size: 40px 66px;
    background-image: url(../img/arrow-slider-right.png)
}
#s_banner .swiper-wrapper {
    -webkit-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
    transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
}
#s_banner .swiper-wrapper .swiper-slide .visual-item {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}
#s_banner .swiper-slide .image {
    width: 100%;
    height: 100%;
    position: relative;
    background: center no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    transition: all 7s 1.75s linear;
    -webkit-transition: all 7s 1.75s linear;
    transform: scale(1);
    -webkit-transform: scale(1);
}
#s_banner .swiper-slide.swiper-slide-active .image {
/*
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
*/
}
#s_banner .swiper-wrapper .swiper-slide-prev .visual-item {
    -webkit-transition: all .8s 7.3s ease;
    transition: all .8s 7.3s ease;
    -webkit-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
    transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
    /*
    -webkit-transform: translate3d(3%, 0, 0);
    transform: translate3d(3%, 0, 0);
*/
}
#s_banner .swiper-wrapper .swiper-slide-next .visual-item {
    -webkit-transition: all 1.5s 8.5s ease;
    transition: all 1.5s 8.5s ease;
    -webkit-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
    transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
    /*
    -webkit-transform: translate3d(-3%, 0, 0);
    transform: translate3d(-3%, 0, 0);
*/
}
.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 {
    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;
}
.top-news {
    position: absolute;
    z-index: 90;
    background: #fff;
    left: 50%;
    bottom: -10px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.top-news .news-in {
    padding-top: 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.top-news .news-in .block-link {
    display:block;
    font-size:29px;
    color:#333;
    font-weight: 100;
    text-transform: uppercase;
    border-right: 1px solid #111;
    margin-right: 30px;
    padding: 0 30px 0 40px;
    line-height: 1;
}
.top-news .news-in .block-link span {
    display: block;
    color:#d86238;
    font-size: 12px;
    letter-spacing:3px;
    text-align: center
}
.top-news .news-in .news-list {
    max-width: 835px
}
.top-news .news-in .news-list ul li {
    display: block;
    width: 835px;
}
.top-news .news-in .news-list time {
    color: #e8a02b;
    margin-right: 30px;
    font-size: 12px
}
.top-news .news-in .news-list a {
    color: #1e1109;
    font-size: 15px
}
.top-news .button-prev,
.top-news .button-next,
.top-news .news-all {
    position: absolute;
    top: 0;
    height: 69px;
    width: 52px;
    background: #111;
    color: #fff;
    -moz-transition: all 0.15s linear;
    -webkit-transition: all 0.15s linear;
    -o-transition: -o-all 0.15s linear;
    -ms-transition: all 0.15s linear;
    transition: all 0.15s linear;
}
.top-news .button-prev {
    right: 122px
}
.top-news .button-next {
    right: 70px
}
.top-news .news-all {
    right: 0;
    line-height: 74px;
    text-align: center;
    width: 70px
}
.top-news .button-prev:hover,
.top-news .button-next:hover,
.top-news .news-all:hover {
    background: #e8a02b
}
.index-dept {
    position: relative;
    height: 600px;
    width: 100%;
    overflow: hidden;
    background-size: cover;
    -webkit-background-size: cover;
    background-position: center center;
    -moz-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -o-transition: -o-all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
    opacity: 0.5
}
.dept-bg-0 {
    background-image: url(../img/school/index-dept-0-v2.jpeg);
    opacity: 1
}
.dept-bg-1 {
    background-image: url(../img/school/index-dept-1-v2.jpeg);
    opacity: 1
}
.dept-bg-2 {
    background-image: url(../img/school/index-dept-2-v2.jpeg);
    opacity: 1
}
.dept-bg-3 {
    background-image: url(../img/school/index-dept-3-v2.jpeg);
    opacity: 1
}
.dept-bg-4 {
    background-image: url(../img/school/index-dept-4-v2.jpeg);
    opacity: 1
}
.index-dept .dept-nav {
    width: 45%;
    height: 100%;
    float: left;
    padding-top: 25px;
    background: rgba(0, 0, 0, .2)
}
.index-dept .dept-nav ul {
    width: 320px;
    float: right
}
.index-dept .dept-nav ul li {
    background: rgba(0, 0, 0, .0);
    -moz-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -o-transition: -o-all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.1s linear;
}
.index-dept .dept-nav ul li a {
    display: block;
    height: 70px;
    padding: 0 15px;
    text-align: right;
}
.index-dept .dept-nav ul li a i {
    display: none;
    font-size: 12px;
    color: #aeb9c2;
}
.index-dept .dept-nav ul li a h3 {
    font-size: 18px;
    color: #fff;
    line-height: 70px;
}
.index-dept .dept-nav ul li.active {
    background: rgba(0, 0, 0, .2)
}
.index-dept .dept-nav ul li.active a i {
    display: block
}
.index-dept .dept-nav ul li.active a h3 {
    font-size: 24px;
    line-height: 40px;
}
.index-dept .dept-cont {
    position: relative;
    width: 55%;
    height: 100%;
    float: left;
    background: rgba(255, 255, 255, .85);
    backdrop-filter: blur(4px) saturate(150%);
}
.dept-list{
    display:block;
    padding:0 0 15px 25px;
    
}
.dept-list li{
    float:left;
    width:33.3%;
    height:600px;
    padding:0 15px;
    border-right:1px solid #ddd;
}
.dept-list .dept-section{
    font-size:0;
    margin-bottom:25px;
    padding:25px 0 0 0;
    min-height:225px;
}
.dept-list li h4{
    margin-bottom:15px;
    position:relative;
}
.dept-list li h4:before{
    content:'';
    position:absolute;
    left:-8px;
    top:2px;
    width:4px;
    height:16px;
}
.dept-list .dept-section[data-index="0"] h4:before,
.dept-list .dept-section[data-index="0"] span:before{
    background:#769e21
}
.dept-list .dept-section[data-index="1"] h4:before,
.dept-list .dept-section[data-index="1"] span:before{
    background:#fabd00
}
.dept-list .dept-section[data-index="2"] h4:before,
.dept-list .dept-section[data-index="2"] span:before{
    background:#4a5f8a
}
.dept-list .dept-section[data-index="3"] h4:before,
.dept-list .dept-section[data-index="3"] span:before{
    background:#8a1532
}
.dept-list .dept-section[data-index="4"] h4:before,
.dept-list .dept-section[data-index="4"] span:before{
    background:#28927d
}
.dept-list li h4 a{
    display:block;
    font-weight:400;
    color:#000;
    width:100%;
    font-size:18px;
    margin:0
}
.dept-list li h4 i{
    display:block;
    font-size:12px;
    font-weight:100;
}
.dept-list li a{
    display:inline-block;
    width:50%;
    font-size:14px;
    color:#000;
    margin:5px 0 10px 0;
    vertical-align:top;
}
.dept-list li a span{
    position:relative;
    display:inline-block;
    font-weight:100;
}
.dept-list li a span:before{
    content:'';
    position:absolute;
    bottom:-2px;
    left:0;
    height:1px;
    width:0;
    transition:width .3s linear;
    -webkit-transition:width .3s linear;
}
.dept-list li a:hover span:before{
    width:100%;
}

.index-bg {
    background-color: #f5f5f5;
    padding: 5px 0 25px 0;
    margin-top: 22px;
    background-image: url(../img/index_bg01.png);
    background-repeat: no-repeat;
    background-position: center -180px;
}
.index-events {
    margin: 22px 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 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 {
    position: relative;
    width: 50%;
    height: 21vw;
    overflow: hidden;
    float: right
}
.home-gallery-access .thumb img,
.index-events a .thumb img {
    -moz-transition: -moz-transform 0.15s linear;
    -webkit-transition: -webkit-transform 0.15s linear;
    -o-transition: -o-transform 0.15s linear;
    -ms-transition: -ms-transform 0.15s linear;
    transition: transform 0.15s linear;
    width:100%;
    height:auto;
}
.home-gallery-access .thumb img:hover,
.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 {
    width: 50%;
    height: 21vw;
    padding: 0 5.5%;
    vertical-align: middle;
    overflow: hidden;
    background: #fff;
    float: left
}
/*.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;
    margin-top: 25%
}
.index-events h3 {
    font-size: 22px;
    margin: 20px 0px;
    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;
}
.column a:nth-child(3) .cont,
.column a:nth-child(4) .cont{
    float:right
}
.column a:nth-child(3) .thumb,
.column a:nth-child(4) .thumb{
    float:left
}
.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: 14px;
    letter-spacing: 0.42px;
    line-height: 25.2px;
}
.index-news h3.title {
    color: #000;
    border-bottom: 1px solid #333;
    padding-bottom: 20px;
}
.index-news h3{
    position:relative;
}
.index-news h3 .more,
.major-ttl .more{
    position:absolute;
    right:0;
    top:10px;
    font-size:12px;
}
.major-ttl .more{
    top:50%
}
.index-news h3 .more b,
.major-ttl .more b{
    font-weight:100;
    color:#333;
    letter-spacing:1px;
}
.index-news h3 .more>i,
.major-ttl .more>i{
    position: relative;
    display: inline-block;
    top: -2px;
    margin-left: 18px;
    width: 29px;
    height: 1px;
    background: currentColor;
    transition: all 0.4s cubic-bezier(0.78, 0.07, 0, 1);
    pointer-events: none;
}
.index-news h3 .more>i:before,
.major-ttl .more>i:before{
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    border-top: 3px solid transparent;
    border-left: 3px solid currentColor;
    border-right: 3px solid transparent;
    border-bottom: 3px solid currentColor;
}
.index-news h3 .more:hover>i,
.major-ttl .more:hover>i{
    margin-left:10px;
}
.index-news h3 span {
    color: #ddd;
    font-size: 14px
}
.index-news ul,.index-news .row {
    margin-bottom: 50px;
}
.index-news .row{
    margin-top:25px;
}
.index-news.category ul {
    margin-top: 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 #efefef
}
.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,
.index-news ul li a figure {
    min-width: 70px;
    color: #999;
    display: inline-block;
    vertical-align: middle;
    margin-right: 25px
}
.index-news ul li a figure {
    width: 97px;
    height: 97px;
    overflow: hidden;
    border-radius: 50%;
    -webkit-border-radius: 50%;
}
.index-news ul li a figure img {
    width: 100%;
    height: auto
}
.index-news.category figure {
    border-radius: 0;
    -webkit-border-radius: 0;
}
.index-news ul li a p {
    color: #000;
    display: inline-block;
    vertical-align: middle;
    max-width:80%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.index-news ul li a i,
.index-news ul li a p {
    color: #888;
    transition: all .15s linear;
    -webkit-transition: all .15s linear;
    transform: translateX(0);
    -webkit-transform: translateX(0)
}
.index-news ul.search-result li a p{
    position:relative;
    text-indent:100px;
}
.index-news ul.search-result li a i:after{
    display:inline-block;
    padding:2px 5px;
    width:70px;
    text-align:center;   
    color:#fff;
    font-size:12px;
    position:absolute;
    left:0;
    top:20px;
    border-radius:2px;
}
.index-news ul.search-result li a i.site-id-1:after{content:'主站';background:#B01D31;}
.index-news ul.search-result li a i.site-id-2:after{content:'招办';background:#d2233a;}
.index-news ul.search-result li a i.site-id-3:after{content:'新闻';background:#f52743;}
.index-news ul.search-result li a i.site-id-5:after{content:'基金会';background:#5bc0de;}
.index-news ul li a i {
    color: #e8a02b
}
.index-news ul.search-result li a i{
    position:absolute;
    top:10px;
}
.index-news ul li a p span {
    font-weight: 400;
    color: #111;
    display: block;
    font-size: 22px;
}
.index-news ul li a:hover {
    background: #fbfbfb
}
.index-news ul li a:hover i,
.index-news ul li a:hover p {
    color: #111;
    transform: translateX(40px);
    -webkit-transform: translateX(40px)
}
.index-news ul li a:hover:after {
    opacity: 1
}
.index-news ul li a:hover figure {
    -webkit-box-shadow: 0px 5px 25px -3px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 5px 25px -3px rgba(0, 0, 0, 0.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%
}

.headline-box{
    margin:0 15px;
    background:#fff;
    border-radius:5px;
    overflow:hidden;
    transition-property: transform, box-shadow, opacity;
    transition-duration: 0.3s;
    box-sizing: border-box;
    cursor: pointer;
    animation: 0s ease 0s 1 normal none running none;
    box-shadow: rgb(0 0 0 / 8%) 0px 2px 5px 0px;
}
.headline-box:hover{
    box-shadow: rgb(0 0 0 / 20%) 0px 12px 30px 0px;
    transform: translateY(-4px);
}
.index-news .headline-box h4{
    display:block;
    font-size:14px;
    height:46px;
    overflow:hidden;
    padding:15px 15px 0 15px;
    color:#222;
/*    font-weight:100; */
}
.index-news .headline-box span{
    font-size:14px;
    display:block;
    padding:0 0 15px 15px;
    color:#e8a02b
}
.index-news .headline-box p{
    font-size:14px;
    color:#999;
    padding:0 15px 15px 15px;
    font-weight:100; 
}
.index-news .headline-box a img{
    display:block;
    width:100%;
    height:auto;
}
.index-news .headline-box span{
    
}
.achieve-wrap {
    background-size: cover;
    -webkit-background-size: cover;
    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: 66px;
    font-family: 'webfont-light';
    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;
}
.index-video {
    overflow: hidden;
    height: 550px;
    position: relative;
}
.index-video video {
    z-index: -100;
    width: 100%;
    background-position: center;
    background-size: cover;
    margin-top: -100px
}
.index-video .mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .45)
}
.index-video .request-border {
    border: 1px solid rgba(255, 255, 255, .4);
    padding: 60px 40px 40px 60px;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%)
}
.index-video .request-body p {
    font-size: 16px;
    margin: 5px 0
}
.trans-btn{
    display: inline-block;
    margin-top: 35px;
    margin-right:25px;
    padding: 10px 55px;
    color: #fff;
    font-size: 20px;
    background-size: 200% auto;
    background-image: -webkit-gradient(linear, left top, right top, from(#fda085), color-stop(51%, #ffd44d), to(#fda085));
    background-image: linear-gradient(to right, #fda085 0%, #ffd44d 51%, #fda085 100%);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.trans-btn:hover {
    background-position: right center;
    color: #fff
}
.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;
    left: 0;
    width: 100%;
    height: 500px;
    z-index: 2;
    background-size: cover;
    background-image: url(../img/main_about_colored.jpeg)
}
.page-head.scenic:after{
	background-image: url(../img/polus_scenic_top.jpg)
}
.page-head.diagnosis:after{
    background-image: url(../img/diagnosis_head_hd.jpeg)
}
.page-head h1 {
    position: relative;
    z-index: 3;
    top: 525px;
}
.page-head-sub .en,
.page-head .en {
    font-weight: 100;
    text-transform: uppercase;
    font-size: 14px;
    display: block;
    text-indent: 5px;
    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 {
    font-size: 64px;
    color: #333;
    font-weight: 100;
    letter-spacing: .3rem;
}
/*.page-about-polus .page-head .cn{background:#ccc}*/
/*.page-school-of-health .page-head .cn{background:#fabd00}*/
.page-school-of-health .unique-border {
    border-bottom: 2px solid #fabd00
}
.page-school-of-health .page-head:after {
    background-image: url(../img/school/index-dept-1.jpg)
}
/*.page-school-of-art-and-design .page-head .cn{background:#769e21}*/
.page-school-of-art-and-design .unique-border {
    border-bottom: 2px solid #769e21
}
.page-school-of-art-and-design .page-head:after {
    background-image: url(../img/school/cover_art.jpg)
}
/*.page-school-of-business .page-head .cn{background:#4a5f8a}*/
.page-school-of-business .unique-border {
    border-bottom: 2px solid #4a5f8a
}
.page-school-of-business .page-head:after {
    background-image: url(../img/school/index-dept-2.jpg)
}
/*.page-school-of-humanities-and-education .page-head .cn{background:#8a1532}*/
.page-school-of-humanities-and-education .unique-border {
    border-bottom: 2px solid #8a1532
}
.page-school-of-humanities-and-education .page-head:after {
    background-image: url(../img/school/index-dept-3.jpg)
}
/*.page-school-of-sports-and-tourism .page-head .cn{background:#2b71b7}*/
.page-school-of-sports-and-tourism .unique-border {
    border-bottom: 2px solid #2b71b7
}
.page-school-of-sports-and-tourism .page-head:after {
    background-image: url(../img/school/index-dept-4-v2.jpg)
}
.school-intro {
    margin: 200px auto 80px auto
}
.school-intro h2 {
    font-size: 32px;
    text-align: center;
    line-height: 1.5;
    margin-bottom: 50px
}
.school-intro p,
.school-intro ul li {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 2px;
    margin-bottom:16px;
}
.school-intro ul {
    padding-left: 32px;
}
.school-intro ul li {
    text-indent: 0px;
    list-style-type: disc;
    list-style-position: outside;
}
.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;
    font-weight: 100;
}
.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;
    font-weight: 100;
    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_img02.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;
    font-weight: 100;
    letter-spacing: 0.42px;
    line-height: 25.2px;
    vertical-align: top
}
.intro dl {
    margin-bottom: 60px;
}
.intro dl dt span {
    font-size: 22px;
    font-weight: 100;
    position: relative;
    display: inline-block;
    padding-bottom: 5px
}
.intro dl dt span:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 60px;
    height: 3px;
    background: #ddd
}
.intro dl dd p,
.intro dl dd ul li {
    font-size: 16px;
    font-weight: 100;
    text-align: left;
    letter-spacing: 0.42px;
    line-height: 25.2px;
    margin-bottom: 25px
}
.page-scenic-area .intro dl dd ul li span{
	color:#c59c00;
	font-size:16px;
	margin:5px 0;
}
.page-scenic-area .scenic-wrapper h4{
	margin:8px 0 15px 0;
}
.page-scenic-area ul.list-dot li{
	list-style-type:square;
}
.page-scenic-area ol li{
	font-size: 16px;
    font-weight: 100;
    text-align: left;
    letter-spacing: 0.42px;
    line-height: 25.2px;
    margin-bottom: 25px;
	list-style: decimal
}
.scenic-gallery>div{
	min-height:280px;
	margin-bottom:25px;
}
.page-scenic-area .ico-file{
	display:block;
	width:100px;
	margin:0 auto 15px auto;
}
.page-scenic-area .filename{
	font-size:13px;
	min-height:75px;
	font-weight:400;
	text-align:center;
}
.intro dl dd ul li span {
    display: block;
    font-size: 12px
}
.intro dl dd ul {
    margin-bottom: 25px
}
.intro dl dd ul li {
    margin-bottom: 5px
}
.intro dl a {
    color: #c59c00
}
.intro dl a:hover {
    color: #a2830f
}
.intro dl a.btn,.intro dl a.btn:hover{
	color:#fff;
}
.wpcf7{
    padding:25px 0
}
.wpcf7 label{
    font-size:14px;
    font-weight:100;
}
.wpcf7 input[type=text],
.wpcf7 input[type=tel],
.wpcf7 select,
.wpcf7 textarea{
    border:1px solid rgb(172,172,172);
    padding:5px;
    text-indent:10px;
    font-size:14px;
    background:#fff
}
.wpcf7 input[type=submit]{
    border:1px solid rgb(172,172,172);
    padding:5px 45px;
    font-size:14px;
}
.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;
    font-weight:100;
    color: #000;
    letter-spacing: .3rem;
}
.page-head-sub .cn.post_entry {
    font-size: 32px;
}
article.post {
    margin-bottom: 100px;
}
article.post h2.post_title {
    border-top: 1px solid #222;
    border-bottom: 1px solid #ccc;
    padding: 35px 0;
    position: relative;
    margin-bottom: 40px;
    font-weight: 500;
}
article.post h2.post_title a{
    position:absolute;
    right:0;
}
article.post h2.post_title a i{
    display:inline-block;
    width:32px;
    height:32px;
    background-size:cover;
    -webkit-background-size:cover;
    background-image:url(../img/qr-svg.svg);
}
article.post h2.post_title a img{
    position:absolute;
    right:25px;
    top:-55px;
    border:2px solid #000;
    display:none;
}
article.post h2.post_title a:hover img{
    display:block;
}
article.post .post_info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 50px;
}
article.post .post_info time {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 3px;
    padding-right: 60px;
    margin-right: 20px;
    display: inline-block;
    position: relative;
}
article.post .post_info time:before {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    width: 40px;
    height: 1px;
    background: #111;
}
article.post .post_info .author ul li {
    display: inline-block;
    font-size: 14px;
    font-weight: 100;
    color: #888;
    margin-right: 5px;
}
article.post .post_content p {
    font-size: 16px;
    font-weight:400;
    text-align: left;
    letter-spacing: 1.42px;
    line-height: 25.2px;
    margin-bottom: 25px
}
article.post .post_content img {
    max-width: 100%;
    height: auto
}
article.post .post_nav {
    margin: 40px 0;
    padding: 20px 0;
    text-align: center;
    overflow: hidden
}
article.post .post_nav .left,
article.post .post_nav .right {
    margin-top: 0;
    margin-bottom: 0;
    float: none;
    vertical-align: top;
    max-width: 40%;
    display: inline-block;
}
article.post .post_nav .center {
    margin: 0 10px;
    float: none;
    display: inline-block;
}
article.post .post_nav .left a,
article.post .post_nav .right a,
article.category .post_nav a {
    border: none;
    background: none;
    color: #888;
    font-weight: 100;
    font-size: 14px
}
article.post .post_nav a:hover {
    color: #111
}
article.category .post_nav a:first-child {
    display: block;
    width: 50%;
    float: left;
    text-align: left;
}
article.category .post_nav a:last-child {
    display: block;
    width: 50%;
    float: right;
    text-align: right;
}
.course-header .main-visual {
    height: 600px;
    background-size: cover;
    -webkit-background-size: cover;
    background-position: center center;
}
.course-header .title {
    height: 200px;
    display: table-cell;
    vertical-align: middle
}
.course-header .title h1 {
    color: #fff;
    font-size: 56px;
    font-weight: 100;
    margin:10px 0
}
.course-header .title h2 {
    color: #fff;
    font-size: 24px;
    font-weight: 100;
    text-transform:uppercase;
}
.course-header .title h3 {
    color: #fff;
    font-size: 16px;
    font-weight: 100;
}
.parent-pageid-17 .course-info {
    background: #769e21
}
.parent-pageid-10 .course-info {
    background: #fabd00
}
.parent-pageid-161 .course-info {
    background: #4a5f8a
}
.parent-pageid-163 .course-info {
    background: #8a1532
}
.parent-pageid-165 .course-info {
    background: #2b71b7
}
.course-info {
    padding: 25px 0
}
.course-info p {
    color: #fff;
    font-size: 16px;
    font-weight: 100;
    margin-bottom: 15px
}
.course-info h3 {
    color: #fff;
    font-weight: 100
}
.course-info ul {
    margin: 10px 0 25px 0;
}
.course-info ul li {
    float: left;
    margin: 0 10px 10px 0;
    color: #fff;
    border: 1px solid rgba(255,255,255,.4);
    padding: 5px 8px
}
.course-wrap {
    margin-bottom: 100px
}
.course-cont {
    padding: 25px 0;
}
.course-cont p {
    font-size: 20px;
    font-weight: 100;
    margin-bottom: 20px
}
.course-wrap p,
.extra-wrap .entry p,
.course-wrap .line-list li {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 1.42px;
    line-height: 25.2px;
    margin: 10px auto
}
.c-title {
    margin: 50px auto 35px auto;
    border-bottom: 1px solid #ba2338;
}
.c-title h3 {
    display: inline-block;
    min-width: 150px;
    padding-bottom: 15px;
    border-bottom: 5px solid #ba2338;
    font-size: 20px;
    font-weight: 400;
}
.course-wrap dl.line-list {
    margin-bottom: 30px
}
.course-wrap dl.line-list dt {
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: 1px dotted #a6a6a6;
    font-size: 17px;
    font-weight: 400;
}
.course-wrap dl.line-list dd {
    margin-bottom: 30px
}
.course-wrap dl.line-list dd strong {
    display: block;
    font-size: 16px;
}
.course-wrap dl.line-list dd p {
    font-size: 14px;
    font-weight: 100;
    margin: 10px auto 15px auto
}
.course-wrap .intro dl dt span,
.course-wrap .intro dl dd p {
    font-size: 16px;
    margin: 0px auto 25px auto;
    font-weight: 100
}
.course-employ h3 {
    font-weight: 100;
    margin-bottom: 25px
}
.course-employ ul {
    margin-bottom: 45px
}
.course-employ ul li {
    font-size: 16px;
    line-height: 30px;
    font-weight: 100;
    list-style: disc
}
.course-employ p {
    font-size: 16px;
    line-height: 30px;
    font-weight: 100;
    margin-bottom: 25px
}
.gray-bg {
    background: rgba(226, 245, 238, 0.5);
}
.major-wrap .major-box {
    padding: 45px 0;
    margin-bottom: 35px;
    position: relative;
}
.major-wrap .major-box.index-bg {
    background-position: 180px -168px;
}
.major-wrap .major-box:after {
    content: '';
    width: 0;
    height: 0;
    display: block;
    position: absolute;
    bottom: -90px;
    left: 50%;
    margin-left: -60px;
    border: 60px solid;
    border-color: #f5f5f5 transparent transparent;
}
.major-wrap .major-item {
    max-width: 910px;
    margin: 0 auto
}
.major-wrap h4 {
    margin: 25px 0
}
.major-wrap .panel h4{
    margin:10px 0;
}
.major-wrap .title-circle {
    width: 240px;
    height: 240px;
    border: 10px solid #e5f3ee;
    border-radius: 50%;
    background: #fff;
    overflow: hidden
}
.major-wrap .title-circle img {
    width: 100%;
    height: auto;
}
.major-wrap .major-item .title {}
.major-wrap .major-item .title .en {
    color: rgba(0, 0, 0, .25);
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 12px;
    display: block;
    margin-top: 5px;
}
.major-wrap .major-item .title .cn {
    letter-spacing: 5px;
}
.major-wrap .major-item .intro p {
    font-size: 18px;
    font-weight: 100;
    margin-bottom:15px;
}
.major-wrap .major-list .course {
    position: relative;
    display:block;
    padding-top: 220px;
    margin-bottom:105px;
}
.major-wrap .major-list .course .img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 245px;
    overflow: hidden;
    z-index: -1
}
.major-wrap .major-list .course .img img {
    width: 100%;
    height: auto;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}
.major-wrap .major-list .course:hover .img img {
    -webkit-transform: scale3d(1.2, 1.2, 1);
    transform: scale3d(1.1, 1.1, 1);
}
.major-wrap .major-list .course .title {
    background: rgba(255,255,255,.95);
    padding: 10px 20px;
    font-size: 22px;
    width: 280px;
    font-weight: bold;
    position: absolute;
    right: 0;
    bottom: -60px;
    -webkit-box-shadow: 0px 5px 25px -3px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 5px 25px -3px rgba(0, 0, 0, 0.1)
}
.major-wrap .major-list .course .title span {
    color: #333
}
.major-wrap .major-list .course:hover .title span {
    color: #999
}
.major-wrap .major-list .course p {
    font-size: 14px;
    margin-bottom: 20px;
    font-weight: 100
}
.major-wrap .major-list .title {
    font-size: 18px;
    text-align: center;
    margin-bottom: 25px;
}
.major-wrap.v2 {}
.major-ttl {
    text-align: center;
    position: relative;
}
.major-ttl h1 {
    padding-top: 10px;
    padding-bottom: 25px;
    margin: 45px 0;
    display: inline-block;
    position: relative;
    font-size: 12px
}
.major-ttl h1 span {
    display: block;
    font-size: 28px
}
.major-ttl h1:before,
.major-ttl h1:after {
    content: "";
    position: absolute;
    width: 40px;
    height: 3px;
}
.major-ttl h1:before {
    left: -25px;
    top: 0;
    background: #e8a02b;
}
.major-ttl h1:after {
    right: -25px;
    bottom: 15px;
    background: #1e1109;
}
.major-wrap.v2 .major-list .course {
    transition: all .15s ease-in-out;
    -webkit-transition: all .15s ease-in-out;
    padding: 0;
    -webkit-box-shadow: 0px 2px 10px -3px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 2px 10px -3px rgba(0, 0, 0, 0.1)
}
.major-wrap.v2 .major-list .course:hover {
    -webkit-box-shadow: 0px 5px 25px -3px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 5px 25px -3px rgba(0, 0, 0, 0.2)
}
.major-wrap.v2 .major-list .course:hover .img img {
    -webkit-transform: scale3d(1.2, 1.2, 1);
    transform: scale3d(1.2, 1.2, 1);
}
.major-wrap.v2 .major-list .course .img {
    position: relative;
    height: 245px;
    overflow: hidden
}
.major-wrap.v2 .major-list .course .img img {
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}
.major-wrap.v2 .major-list .course .title {
    padding: 0;
    margin: 0;
    display: block;
    max-width: 100%;
    -webkit-box-shadow: none;
    box-shadow: none
}
.major-wrap.v2 .major-list .course .title a {
    position: relative;
    padding: 20px;
    display: block;
    color: #000;
    font-weight: 100
}
.major-wrap.v2 .major-list .course .title a i {
    display: block;
    position: absolute;
    width: 12px;
    height: 22px;
    background: url(https://www.asairyo.com/img/index/arrow.svg);
    background-size: cover;
    right: 30%;
    top: 50%;
    margin-top: -11px;
    opacity: 0;
    transition: all .15s ease-in-out;
    -webkit-transition: all .15s ease-in-out;
}
.major-wrap.v2 .major-list .course:hover .title a i {
    opacity: 1;
    right: 15px
}
.course-feature .item figure {
    position: relative;
    width: 50%;
    height: 320px
}
.course-feature .item figure {
    background-size: cover;
    -webkit-background-size: cover;
    background-position: center center;
}
.course-feature .item figure:after {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -7px;
    display: block;
    width: 0;
    height: 0;
    border-top: 14px solid transparent;
    border-right: 19px solid #fff;
    border-bottom: 14px solid transparent;
    border-left: 19px solid transparent;
    content: "";
}
.course-feature .item:nth-child(even) figure:after {
    left: 0;
    border-top: 14px solid transparent;
    border-right: 19px solid transparent;
    border-bottom: 14px solid transparent;
    border-left: 19px solid #fff;
}
.course-feature .item:nth-child(odd) figure {
    float: left
}
.course-feature .item:nth-child(even) figure {
    float: right
}
.course-feature .item .text {
    display: table-cell;
    vertical-align: middle;
    height: 320px;
    overflow: hidden
}
.course-feature .item .text strong {
    display: block;
    font-size: 24px;
    margin-bottom: 20px
}
.course-feature .item .text p {
    font-weight: 100
}
.course-feature .item:nth-child(odd) .text {
    padding-left: 75px
}
.course-feature .item:nth-child(even) .text {
    padding-right: 75px
}
.course-obj .year {
    position: relative;
    font-size: 14px;
    padding-left: 15px;
    margin-bottom: 80px;
}
.course-obj .year:before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 4px solid #777;
    content: "";
    -ms-transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
}
.course-obj .inner {
    position: relative;
    padding-right: 25px;
    min-height: 380px
}
.course-obj .inner p {
    font-weight: 100
}
.course-obj .inner:after {
    content: "";
    position: absolute;
    top: 0;
    right: -10px;
    width: 1px;
    height: 93%;
    background-color: #ddd;
}
/*.course-obj .row>div:nth-of-type(2) .inner:after,*/
.course-obj .row > div:nth-of-type(even) .inner:after {
    display: none
}
.course-obj .row > div:nth-of-type(2) .inner:before,
.course-obj .row > div:nth-of-type(4) .inner:before {
    content: "";
    position: absolute;
    bottom: 5px;
    left: 1px;
    height: 1px;
    width: 93%;
    background-color: #ddd;
}
.course-obj .row > div:nth-of-type(3) .inner:before,
.course-obj .row > div:nth-of-type(5) .inner:before {
    content: "";
    position: absolute;
    top: -16px;
    left: 25px;
    height: 1px;
    width: 93%;
    background-color: #ddd;
}
.course-obj .row > div:before {
    position: absolute;
    top: 0;
    right: 50px;
    font-size: 90px;
    font-weight: 100;
    opacity: .3;
    filter: alpha(opacity=30);
    letter-spacing: -.02em;
}
.course-obj .row > div:nth-of-type(1):before {
    content: '01'
}
.course-obj .row > div:nth-of-type(2):before {
    content: '02'
}
.course-obj .row > div:nth-of-type(3):before {
    content: '03'
}
.course-obj .row > div:nth-of-type(4):before {
    content: '04'
}
.course-obj .row > div:nth-of-type(5):before {
    content: '05'
}
.course-obj .row > div:nth-of-type(6):before {
    content: '06'
}
.course-graduate .row {
    margin-bottom: 45px
}
.course-graduate .photo {
    position: relative
}
.course-graduate .name {
    position: absolute;
    right: 0;
    bottom: -15px;
    background: #fff;
    padding: 30px;
    font-size: 18px
}
.course-graduate .name span {
    display: block;
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 100
}
.course-graduate .text {
    height: 390px;
    display: table-cell;
    vertical-align: middle
}
.course-graduate .text h3 {
    margin-bottom: 25px;
    font-weight: 100
}
.course-graduate .text p {
    font-weight: 100
}
.extra-wrap {
    background: url(../img/report_bg@2x.jpg) repeat-x;
    background-size: contain;
    padding-top: 55px;
}
.extra-wrap .content {
    position: relative
}
.extra-wrap .img {
    position: absolute;
    right: 0
}
.extra-wrap .img img {
    max-width: 100%;
    height: auto
}
.extra-wrap .title-inner h1 {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    display: inline-block;
    text-align: left;
    font-weight: 100;
    margin-bottom: 55px
}
.extra-wrap .title-inner {
    max-width: 880px;
    margin-left: auto;
    margin-bottom: 50px;
    position: relative;
    z-index: 10
}
.extra-wrap .grade p span {
    background: -webkit-gradient(linear, left top, right top, from(#88afff), to(#dab6ff));
    background: linear-gradient(to right, #88afff, #dab6ff);
    font-size: 24px;
    font-weight: 400;
    color: #fff;
    display: inline-block;
    padding: 5px;
    margin-bottom: 5px;
}
.extra-wrap .entry {
    padding: 150px 150px 150px 0
}
.extra-wrap .entry p {
    font-weight: 100;
    text-indent: 35px
}
.ex-title-en {
    font-family: 'Dancing Script', cursive;
    color: #e3411e;
    position: absolute;
    left: -15px;
    top: 180px;
    z-index: -1;
    transform: rotate(-8deg)
}
#dept_06 .img {
    left: 0;
    right: auto
}
#dept_06 .title-inner {
    text-align: right
}
#dept_06 .ex-title-en {
    left: auto;
    right: -15px;
}
.table.association td {
    font-size: 16px;
    padding: 12px 8px
}
.table.association td.ttl {
    background: #f6f5f2;
    width: 180px;
    text-align: center
}
.acf-gallery {
    margin-bottom: 100px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.acf-gallery .thumb {
    margin-bottom: 140px;
    position: relative;
    z-index: 10;
    height: 150px;
    width: 16.66666%;
}
.acf-gallery .thumb:before {
    content: "";
    position: absolute;
    width: 140px;
    height: 160px;
    bottom: -43px;
    left: 10px;
    z-index: -1;
    background-image: -webkit-gradient(linear, left top, right top, from(#8fd3f4), to(#d6f0ab));
    background-image: linear-gradient(to right, #8fd3f4, #d6f0ab);
}
.acf-gallery.extra .thumb{
    width:50%
}
.acf-gallery.extra .thumb:before {
    bottom: -21px
}
.acf-gallery .thumb img {
    display: block;
    margin-bottom: 15px;
    max-width: 100%;
    height: auto
}
.acf-gallery .thumb h3 {
    font-size: 18px;
}
.acf-gallery .thumb p {
    height: 48px;
    font-weight:400;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 12px;
    margin:0;
    line-height:16px;
    letter-spacing:0;
}
.leader-wrap {
    padding: 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;
    margin-bottom: 15px;
}
.leader-wrap .name {
    min-width: 100px;
    margin-right: 30px;
    text-align: right
}
.leader-wrap .name h3 {
    font-family: 'Long Cang', cursive;
    font-size: 38px;
    font-weight: 400
}
.leader-wrap .name h3 span {
    font-size: 14px;
    display: block;
    margin-bottom: 5px;
    font-weight: 100
}
.leader-wrap .avatar {
    position: relative;
}
.leader-wrap article {
    font-weight: 100;
    margin-bottom: 30px;
    line-height: 24px;
    letter-spacing: 1px
}
.leader-wrap .img {
    position: relative
}
.leader-wrap .img: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;
}
.d-content {
    word-break: normal;
    word-wrap: break-word;
}
.d-main {
    line-height: 180%
}
.d-content article {
    display: block
}
.d-content section {
    display: block;
    margin-bottom: 40px
}
.d-tour .d-map {
    background: url(../img/tour/tour_bg@2x.png) repeat-y center top;
    background-size: 100%;
}
.d-tour .d-detail {
    padding-bottom: 40px;
    margin-bottom: 110px;
}
.d-tour .d-detail.first {
    background: rgba(232, 243, 228, 0.5);
}
.d-tour .d-detail.second {
    background: rgba(225, 235, 255, 0.5);
}
.d-tour .d-detail.third {
    background: rgba(249, 244, 255, 0.5);
}
.d-tour .d-detail h2 {
    display: inline-block;
    text-align: center;
    position: relative;
    top: -40px;
}
.d-tour .d-detail h2 .big {
    position: relative;
    font-weight: 100;
    font-style: italic;
    font-size: 64px;
    line-height: 0.7;
}
.d-tour .d-detail h2 .small {
    font-size: 14px;
    display: block;
    position: relative;
}
.d-tour .d-detail h2 .small:before {
    content: "";
    position: absolute;
    left: -260px;
    top: 50%;
    width: 270px;
    height: 1px;
    background: #111;
}
.d-tour .d-detail .img-area {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 40px;
}
.d-tour .d-detail .img-area.reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}
.d-tour .d-detail .img-area .img {
    width: 625px
}
.d-tour .d-detail .img-area .text {
    width: 445px;
    margin-top: 35px;
}
.d-tour .d-detail .img-area .text .flag {
    width: 120px;
    height: 120px;
    position: relative;
    margin-bottom: 20px;
    left: -50px;
    background: #8dc779;
}
.d-tour .d-detail .img-area.reverse .text .flag {
    right: -60px;
    left: auto;
    margin-left: auto
}
.d-tour .d-detail .img-area .text .flag span {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #fff;
    font-weight: 100;
    font-size: 36px;
    display: inline-block;
    width: 100%;
    text-align: center;
}
.d-tour .d-detail .img-area .text .bg-white {
    padding: 25px;
    background: #fff;
    -webkit-box-shadow: 0px 5px 25px -3px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 5px 25px -3px rgba(0, 0, 0, 0.1)
}
.d-tour .d-detail .img-area .text .bg-white h3 {
    font-size: 18px;
    margin-bottom: 20px;
    font-weight: 400;
}
.d-tour .d-detail .img-area .text .bg-white p {
    margin-bottom: 10px
}
.bread-crumb {
    padding: 20px 0 80px 0;
}
.page-template-page-course .bread-crumb {
    padding: 20px 0
}
.bread-crumb li {
    float: left
}
.bread-crumb li a {
    color: #222;
    font-weight: 100
}
.bread-crumb li a:hover {
    color: #b01d2d
}
.query h1 {
    font-size: 38px;
    font-weight: 100;
    margin-bottom: 75px
}
.query .tel {
    min-height: 75px
}
.query h2,
.query h5 {
    font-weight: 100;
    color: #e8a02b
}
.query h4 {
    margin-top: 15px;
}
.query h5 {
    font-size: 18px;
    margin-top: 15px
}
.query p,
.query-form p {
    font-size: 14px;
    margin: 10px 0
}
.query-form {
    background-color: #f2f8f8;
    padding: 50px 0
}
.phones>div{
    margin-bottom:65px;
}
.page-content.query-form {
    margin: 0
}
.query-form .border-box {
    border: 1px solid #e8a02b;
    padding: 40px;
    position: relative;
    margin-top: 50px;
    max-width: 780px;
}
.query-form .img {
    width: 300px;
    position: absolute;
    right: 10px;
    top: -40px;
}
.map-wrap {
    margin-top: 50px;
    background: #ccc
}
.map-info {
    height: 600px;
    padding: 25px;
    position: relative;
    z-index: 1000;
    box-shadow: 5px 0px 20px -5px rgba(0, 0, 0, .3), -5px 0px 20px -5px rgba(0, 0, 0, .3);
}
.map-info h3,
.map-info p {
    font-weight: 100;
    margin-bottom: 20px
}
.map-info p {
    font-size: 16px
}
.grident {
    background: rgba(255, 255, 255, 1);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(242, 248, 248, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(242, 248, 248, 1)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(242, 248, 248, 1) 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(242, 248, 248, 1) 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(242, 248, 248, 1) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(242, 248, 248, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f8f8', GradientType=0);
}
.recruit-desc{
    margin-bottom:75px;
}
.recruit-desc ul li{
    font-size: 16px;
    font-weight: 400;
    text-align: left;
    letter-spacing: 0.42px;
    line-height: 25.2px;
    margin-bottom:15px;
    list-style:outside;
}
.recruit-desc ul li ol{
    margin-top:15px;
    padding-left:15px;
}
.recruit-desc ul li ol li{
    list-style: decimal;
}
.recruit .row {
    margin-bottom: 45px
}
.recruit dl dt span {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
}
.recruit dl dt span:before {
    right: 0;
    top: 0;
    width: 3px;
    height: 60px
}
.recruit h4 {
    margin-block-start: .35em
}
.recruit small {
    font-size: 12px;
    color: #999;
    font-weight: 100
}
.recruit .detail {
    padding: 0 50px 50px 0
}
.recruit ol {
    margin-top: 15px;
    padding-left: 16px
}
.recruit ol li {
    font-size: 14px;
    font-weight: 100;
    list-style: decimal
}
.recruit .side-block{
    position: absolute;
    top: 0;
    right: 50px
}
.recruit .side-block h2{
    font-family:"Georgia","Noto Sans SC", sans-serif;
    margin-bottom:10px;
}
.recruit .side-block h2 small{
    color:#222
}
.recruit .trans-btn {
    color: #fff;
    font-size: 16px;
    padding: 5px 20px;
    margin-top: 0;   
}
.recruit .trans-btn:hover {
    color: #fff
}
.job-admin>div:nth-child(2) .detail{
    height:453px;
}
.more-btn {
    width: 300px;
    margin: 0 auto;
    text-align: center
}
.more-btn a {
    display: block;
    border: 3px solid #ba2338;
    color: #ba2338;
    background: #fff url(../img/more_arrow@2x.png) no-repeat center right 20px;
    background-size: 18px 7px;
    padding: 10px;
    border-radius: 30px;
    font-weight: 400;
    transition: all .3s ease;
}
.more-btn a:hover {
    background: #ba2338 url(../img/more_arrow@2x.png) no-repeat center right 20px;
    background-size: cover;
    background-size: 18px 7px;
    color: #fff;
}
.mb30 {
    margin-bottom: 30px
}
.mt30 {
    margin-top: 30px
}
.mt50 {
    margin-top: 50px
}
.arrow-list li a {
    display: block;
    padding: 15px 0 15px 10px;
    border-bottom: 1px solid #dedede;
    font-size: 18px;
    font-weight: 100;
    color: #333;
    position: relative
}
.arrow-list li a:before {
    content: '';
    display: block;
    width: 32px;
    height: 32px;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -16px;
    background: url(../img/arrow_right.png)
}
.arrow-list li a:hover {
    color: #ba2338
}

footer {
    padding-top: 50px;
    background:#f5f5f5;
/*    text-align: center*/
}
footer .footer-logo{
    max-width:160px!important;
}
footer .links a{
    display:block;
    color:rgb(46,46,46);
    font-size:16px;
    font-weight:100;
    margin-bottom:25px;
    -webkit-transition: .3s;
    transition: .3s;
}
footer .links a:hover{
    color:#c59c00
}
footer .img-links a{
    display:block
}
footer .logo {
    position: relative;
    display: block;
    width: 250px;
    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: #fff;
    margin-top: 50px;
    padding: 30px 0;
    text-align: center;
}
.index-dept-mobi {
    position: relative;
}
.index-dept-mobi .secondary {
    position:relative;
    min-height: 450px;
    background-size: cover;
    -webkit-background-size: cover;
    background-repeat: no-repeat;
    background-position: center center
}
.index-dept-mobi .cont {
    background: rgba(255, 255, 255, .9);
    width: 90%;
    min-height: 308px;
    position: absolute;
    left: 5%;
    bottom: 0;
    padding: 15px 10px 15px 25px
}
.index-dept-mobi .cont .label{
    display:inline-block;
    margin-left:5px;
    font-weight:400;
}
.index-dept-mobi .cont h1 {
    font-weight: 100;
    font-size: 30px
}
.index-dept-mobi .cont:before {
    position: absolute;
    left: 0;
    top: -65px;
    display: block;
    padding-bottom: 50px;
    font-size: 11px;
    letter-spacing: 2px;
    font-weight: 100;
    border-left: 1px solid #000;
    vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
}
.index-dept-mobi .secondary:nth-child(1) .cont:before {
    content: 'SCHOOL OF ART & DESIGN';
}
.index-dept-mobi .secondary:nth-child(2) .cont:before {
    content: 'SCHOOL OF HEALTH & MEDICINE';
}
.index-dept-mobi .secondary:nth-child(3) .cont:before {
    content: 'SCHOOL OF MANAGEMENT & DIGITAL ECONOMY';
}
.index-dept-mobi .secondary:nth-child(4) .cont:before {
    content: 'SCHOOL OF HUMANITIES & EDUCATION';
    padding: 0
}
.index-dept-mobi .secondary:nth-child(5) .cont:before {
    content: 'SCHOOL OF SPORTS & TOURISM';
}
.index-dept-mobi .cont ul li {
    border-bottom: 1px solid #efefef
}
.index-dept-mobi .cont ul.dual-column li{
    display:inline-block;
    width:49%;
}
.index-dept-mobi .cont ul.dual-column li a{
    padding: 15px 5px;
} 
.index-dept-mobi .cont ul li a {
    position: relative;
    font-size: 14px;
    color: #222;
    display: block;
    padding: 15px 20px;
}
.index-dept-mobi .cont ul li a b {
    display: block;
    width: 32px;
    height: 32px;
    position: absolute;
    right: 25px;
    top: 50%;
    margin-top: -16px;
    background: url(../img/arrow_right.png);
}
.swiper-container-horizontal > .swiper-scrollbar {
    top: 0;
    bottom: auto
}
.index-dept-mobi .mask {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .25)
}
.blur {
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -ms-filter: blur(5px);
    filter: blur(5px);
    filter: progid: DXImageTransform.Microsoft.Blur(PixelRadius=5, MakeShadow=false);
}
.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
}

.animated {
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
@-webkit-keyframes slideOutLeft {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}
@keyframes slideOutLeft {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}
.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft;
}
.swiper-container,
.swiper-wrapper,
.swiper-slide {
    z-index: 0
}
.swiper-slide .inner {
    position: absolute;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #fff;
}
.swiper-slide .inner.tl {
    top: 20%;
    left: 5%;
}
.swiper-slide .inner.bl {
    bottom: 10%;
    left: 5%;
}
.swiper-slide .inner.tr {
    top: 20%;
    right: 5%;
    text-align: right
}
.swiper-slide .inner.br {
    bottom: 10%;
    right: 5%;
    text-align: right
}
.swiper-slide .inner h2 {
    font-weight: 100;
    font-size: 48px;
    letter-spacing: 3px;
    text-shadow: 0 0 8px rgba(0, 0, 0, .3);
    position: relative;
    line-height: 68px;
    display: inline-block;
}
.swiper-slide .inner h2:after {
    content: '';
    width: 100%;
    height: 1px;
    background: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
    box-shadow: 0 0 8px rgba(0, 0, 0, .3);
}
.swiper-slide .inner h4 {
    font-weight: 100;
    letter-spacing: 1px;
    margin-top: 14px;
    font-size: 16px;
}
.swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 100px
}

.home-gallery-access{
    background: url(../img/home-gallery-bg.jpg) no-repeat left top;
    background-size: contain;
    padding: 120px 0 150px;
    margin:80px 0;
    position: relative;
}
.home-gallery-access:before{
    content: "";
    position: absolute;
    left: 0;
    top: -30px;
    width: 100%;
    height: 100%;
    background: url(../img/index_color_line.png) no-repeat right top;
    z-index: 0;
}
.home-gallery-ttl h2{
    margin-bottom: 120px;
    position: relative;
    z-index: 10;
}
.home-gallery-ttl p{
    margin-bottom:20px;
}
.home-gallery-ttl p span{
    display: inline-block;
    color:#000;
    font-weight: 400;
    margin-bottom: 10px;
    padding-bottom: 10px;
    position: relative;
    line-height: 1;
    letter-spacing: 2px;
}
.home-gallery-ttl p span:before{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: #111;
}
.home-gallery-access .more-btn{
    width:190px;
    margin:0;
}
.home-gallery-access .more-btn a{
    background: #fff url(../img/more_arrow@2x.png) no-repeat center right 20px;
    background-size: cover;
    background-size: 18px 7px;
    display: block;
    padding: 10px;
    border-radius: 30px;
    font-weight: 400;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    font-size: 16px;
    text-align: center;
    border: 2px solid #000;
}
.home-gallery-access .more-btn a:hover{
    background: #f5f5f5 url(../img/more_arrow@2x.png) no-repeat center right 20px;
    background-size: cover;
    background-size: 18px 7px;
}
.home-gallery-cover{
    position: relative;
    z-index: 100;
}
.home-gallery-cover .thumb{
    margin-bottom: 60px;
    position: relative;
/*    z-index: 10;*/
}
.home-gallery-cover .thumb:before{
    content: "";
    position: absolute;
    width: 240px;
    height: 160px;
    bottom: -10px;
    left: -10px;
    z-index: -1;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background: -webkit-gradient(linear, left top, right top, from(#8fd3f4), to(#d6f0ab));
    background: linear-gradient(to right, #8fd3f4, #d6f0ab);
}
.home-gallery-cover .txt{
    margin-bottom:60px;
}
.mag-wrapper{
    margin:50px 0 0 0
}
.mag-item{
    position:relative; 
    padding:0 0 25px 25px;
    margin-bottom:25px;
    -webkit-transition: all .15s ease;
    transition: all .15s ease;
}
.mag-item:before{
    content:'';
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:90%;
    background:#fff;
    z-index:-1;
    box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;
}
.mag-item .thumb{
    width:93%;
    padding-top:100%;
    background-size:cover;
    -webkit-background-size:cover;
    background-position:center center;
}
.mag-item .title{
    font-size: 15px;
    font-weight:400;
    line-height: 1.4;
    margin: 15px 0;
    min-height: 42px;
    padding-right:15px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.mag-item time{
    display:block;
    margin-bottom:15px;
}
.mag-custom-wrapper{
    position: relative;
    margin: 40px auto;
    text-align: center;
}
.mag-custom-wrapper h3{
    font-weight:100;
    letter-spacing:1px;
    margin: 75px 0 50px;
}
.mag-custom-wrapper .toolbar{
    max-width:1200px;
    margin:25px auto 0;
    text-align: center;
}
.mag-custom-wrapper .btn-group{
    padding:6px;
}
.mag-custom-wrapper .btn-default{
    padding:0;
    width:52px;
    height:52px;
    border-color:#dcdfe6;
    border-width:2px;
    background-color:#f5f7fa;
    background-repeat:no-repeat;
    background-position:center center;
}
.mag-custom-wrapper .btn-default:hover{
    background-color:#fff
}
.mag-custom-wrapper .btn.start{
    background-image:url(../img/icon_key_start.png)
}
.mag-custom-wrapper .btn.end{
    background-image:url(../img/icon_key_end.png)
}
.mag-custom-wrapper .btn.prev{
    background-image:url(../img/icon_key_prev.png)
}
.mag-custom-wrapper .btn.next{
    background-image:url(../img/icon_key_next.png)
}
.mag-custom-wrapper .btn.download{
    margin-top:6px;
    background-image:url(../img/icon_mag_download.png)
}
.mag-key.left{
    transform:rotate(-90deg);
    -webkit-transform:rotate(-90deg)
}
.mag-key.right{
    transform:rotate(90deg);
    -webkit-transform:rotate(90deg)
}

/*****使用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 {
        
    }
}
@media only screen and (min-width:1200px) {
    .container {
        width: 1200px!important;
    }
    header {
        padding: 25px 0;
    }
}
@media (min-width: 436px) and (max-width: 1440px){
    header .logo-header {
        left: 20px
    }
    .splash {
        width:1220px;
        height: 600px
    }
    .index{
        margin-top:98px
    }
/*
    .index-bg{
        margin-top:98px
    }
*/
    .top-news{
        bottom:-85px;
    }
    #s_banner .swiper-slide {
        height: 675px
    }
    .index-events h3 {
        font-size: 16px
    }
    .index-events p {
        display: none
    }
    .index-news ul li a p {
        width:80%
    }
    .index-news ul li a figure{
        width:80px;
        height:80px;
    }
    header ul li a {
        width: 120px
    }
    header ul li a h4{
        font-size:12px;
    }
    header ul li a h5{
        font-size:10px;
        transform:scale(.8);
        -webkit-transform:scale(.8);
    }
    header ul li ul {
        width: 140px;
        margin-left: -70px
    }
    header ul li ul li a {
        font-size: 12px
    }
    .index-dept {
        height: 600px
    }
    .index-dept .dept-nav{
        width:40%;
    }
    .index-dept .dept-cont{
        width:60%;
    }
    .dept-list li a{
        font-size:12px;
    }
    .home-gallery-access{
        padding:120px 0 0;
    }
}
@media only screen and (max-width:430px)
{
    body {
        padding-top: 50px
    }
    header {
        position: fixed;
        padding: 10px 0;
        width: 100%;
        height: 50px;
        top: 0;
        left: 0;
        background: rgba(255, 255, 255, 1);
        z-index: 101;
    }
    header.affix {
        background: rgba(255, 255, 255, .85)
    }
    .menu-wrapper{
        clip-path: circle(25px at calc(100% - 25px) 25px);
    }
    header.affix .logo-header,
    header.affix-top .logo-header{
        top:8px;
        left:9px;
        width: 2rem;
        height: .9rem;
        background-color:transparent;
        background-image: url(../img/logo-polus-full.png);
        background-size: 100%;
        background-repeat:no-repeat;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }
    .burger-menu>span:first-child {
        margin-top: 10px;
    }
    .splash,
    #s_banner .swiper-slide {
        width:100%;
        height: 220px
    }
    #s_banner .swiper-button-prev,
    #s_banner .swiper-button-next {
        background-size: 20px 33px
    }
    .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
        bottom: 5%
    }
    .burger-menu {
        width: 50px;
        height: 50px;
    }
    .menu-wrapper .menu-ul{
        padding:5.9375vw 0;
    }
    .menu-wrapper .menu-ul li>a span{
        font-size:20px
    }
    .menu-wrapper .menu-ul .sub-menu a{
        padding:10px 0px 8px 30px
    }
    .menu-wrapper .side-menu{
        padding: 5.9375vw 0 5.9375vw 9vw;
    }
    .menu-wrapper .side-menu a{
        padding: 15px 5px 15px 40px;
    }
    .menu-wrapper .side-menu a:after{
        display:block;
        margin-left:0;
        margin-top:-5px;
    }
    .menu-wrapper .side-menu a i{
        top:15px;
    }
    .menu-wrapper .menu-ul li>a:after,
    .menu-wrapper .menu-ul .sub-menu a:after,
    .menu-wrapper .side-menu a:after{
        font-size:10px;
    }
    
    .sb-search{
        right:50px;
        min-width:50px;
        height:50px;
    }
    .sb-search.bar-open{
        width:calc(100vw - 50px);
    }
    .sb-icon-search{
        width:50px;
        height:50px;
    }
    .sb-search-input{
        height:50px;
        font-size:16px;
    }
    .page-head-sub .en{
        width:100%;
        text-align:center;
        left:0;
        bottom:58px;
    }
    .top-news {
        bottom: -94px
    }
    .top-news .news-in .news-list {
        max-width: 414px;
        margin-top: 20px
    }
    .top-news .news-in h2 {
        position: absolute;
        left: 10px;
        top: 10px;
        border: none;
        padding: 0;
        font-size: 18px
    }
    .top-news .news-in h2 span {
        display: inline;
        font-size: 18px
    }
    .top-news .news-in .news-list time {
        display: block;
        padding-left: 10px
    }
    .top-news .news-in .news-list a {
        font-size: 13px;
        padding-left: 10px;
        display:block;
        width:97%;
        overflow:hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .top-news .button-prev,
    .top-news .button-next,
    .top-news .news-all {
        width: 40px;
        height: 40px
    }
    .top-news .button-prev {
        right: 50px
    }
    .top-news .button-next {
        right: 10px
    }
    .index{
        margin-top:98px;
    }
/*
    .index-bg {
        margin-top: 100px
    }
*/
    .index-events a {
        width: 100%
    }
    .index-events h3 {
        font-size: 15px;
        text-align: center
    }
    .index-events span {
        margin-top: 15%
    }
    .index-events .more {
        margin: 40px auto 0 auto;
        width: 80px;
        height: 8px;
        background-size: 80px 8px;
        background-repeat: no-repeat
    }
    .index-events a:last-child {
        margin-left: 0
    }
    .index-events .column a:nth-child(even) .thumb {
        float: left
    }
    .index-events .column a:nth-child(even) .cont {
        float: right
    }
    .index-events .column a:nth-child(odd) .thumb {
        float: right
    }
    .index-events .column a:nth-child(odd) .cont {
        float: left
    }
    .index-events a .thumb,
    .index-events a .cont {
        height: 42vw
    }
    .headline-box{
        margin-bottom:25px;
    }
    .index-news .headline-box h4{
        height:45px
    }
    .index-news ul li {
        width: 100%
    }
    .index-news ul li a i {
        display: block;
        color: #e8a02b
    }
    .index-news ul li a p {
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }
    .index-news ul.search-result li a{
        padding:25px 0 13px 0;
    }
    .index-news ul.search-result li a p{
        text-indent:0;
        padding-top:12px;
    }
    .index-news ul.search-result li a i:after{
        left:80px;
        top:0;
    }
    .index-news .half-news,
    .index-news .half-news-r {
        width: 100%;
        float: none
    }
    .index-news ul li a figure {
        width: 60px;
        height: 60px;
        min-width: 60px;
        margin-right: 10px
    }
    .index-news ul li a figure + p {
        width: 78%
    }
    .index-news ul li a p span {
        font-size: 18px;
    }
    .index-video {
        background-size: cover;
        -webkit-background-size: cover;
        background-position: center center;
        background-image: url(../img/query-bg.jpg)
    }
    .index-video .trans-btn {
        font-size: 18px;
        padding: 10px 20px
    }
    .request-body,
    .request-body .img {
        text-align: center
    }
    .request-body img {
        margin-top: 15px;
        width: 300px;
    }
    .index-video .request-border {
        border: none
    }
    .leader-wrap .img:after {
        width: 200px;
        height: 205px
    }
    .leader-wrap .img img {
        width: 200px;
        height: auto
    }
    .leader-wrap .name h3 {
        font-size: 30px
    }
    .page-head {
        height: 250px
    }
    .page-head h1 {
        height: 250px;
        top: 305px
    }
    .page-head:before {
        height: 150px
    }
    .page-head:after {
        height: 250px;
    }
    .page-school-of-sports-and-tourism .page-head:after{
        background-position:50% 0;
    }
    .page-head .cn {
        font-size: 36px;
        letter-spacing:.2rem;
    }
    .page-head-sub .en, .page-head .en{
        letter-spacing:2px;
    }
    .acf-gallery .thumb {
        width:48%;
    }
    .history-head:before {
        width: 90%;
        height: 250px;
        top: 10px
    }
    .history-head table {
        margin-top: 280px
    }
    .intro dl dt span {
        margin-bottom: 20px
    }
    .phones > div {
        padding: 15px 0
    }
    .phones > div:nth-child(2) {
        background: #f8f8f8
    }
    .course .thumb {
        width: 100%;
        height: 10rem;
    }
    .course .description {
        width: 100%;
        height: 8rem;
        left: 0;
        top: 2rem;
        padding-top: 55px;
        background: rgba(255, 255, 255, .85)
    }
    .course .title-en {
        display: none
    }
    .course .description h3 {
        margin-bottom: 25px;
    }
    .course .description h2 {
        margin: 15px 0 20px 0;
    }
    .major-wrap .major-list .course {
        padding-top: 155px
    }
    .major-wrap .major-item .title {
        margin-bottom: 20px
    }
    .major-wrap .major-item .intro p {
        font-size: 14px
    }
    .major-wrap .major-list .course .img {
        height: 167px
    }
    article.post .post_nav .center img {
        width: 16px;
        height: 16px
    }
    .course-header .main-visual{
        height:240px;
    }
    .course-header .title{
        height:160px;
    }
    .course-header .title h1{
        font-size:32px;
    }
    .course-cont p{
        font-size:15px;
    }
    .course-feature .item figure {
        float:none;
        width:100%;
    }
    .course-feature .item figure:after{
        display:none;
    }
    .course-feature .item .text{
/*        display:block;*/
        width:100%;
    }
    article.post .post_nav .left a,
    article.post .post_nav .right a,
    article.category .post_nav a {
        font-size: 12px
    }
    .splash {
        background-size: cover;
        -webkit-background-size: cover;
    }
    footer .footer-in {
        padding: 1rem;
    }
    .h5p-iframe-wrapper {
        width: 100%!important;
        height: 1000px!important;
    }
    .d-tour .d-detail h2 .big {
        font-size: 42px
    }
    .d-tour .d-detail .img-area {
        display: block
    }
    .d-tour .d-detail .img-area .img,
    .d-tour .d-detail .img-area .text {
        width: 100%;
    }
    .d-tour .d-detail .img-area .text .flag {
        width: 80px;
        height: 80px;
        bottom: 80px;
        left: -10px
    }
    .d-tour .d-detail .img-area.reverse .text .flag {
        right: -10px
    }
    .d-tour .d-detail .img-area .text .bg-white {
        margin-top: -60px
    }
    .menu-cont {
        float: none;
        width: 100%;
        height: auto;
        margin-left: 0;
        padding-top: 8%;
    }
    .menu-cont .search-box {
        width: 92%;
        margin: 0 auto 8.7%;
    }
    .menu-cont input[type=text] {
        width: 90%
    }
    .menu-cont .menu_01,
    .menu-cont .menu_02,
    .menu-cont .menu_03 {
        width: 92%;
        margin: 0 auto 6%
    }
    .menu-cont .menu_03 li {
        width: 45%;
    }
    .school-intro h2{
        font-size:18px
    }
    footer p {
        font-size: 12px;
        font-weight: 100
    }
    footer .logo{
        width:180px;
    }
    .page-head-sub .cn{
        font-size:24px;
    }
    .page-head-sub small{
        margin-bottom:0;
    }
    .recruit .side-block{
        right:0;
    }
    .recruit h4, .query h5{
        font-size:16px
    }
    .recruit .side-block h2{
        font-size:24px;
    }
    .mag-item{
        padding:0 0 5px 5px
    }
    .acf-gallery.extra .thumb{
        width:50%
    }
    footer .footer-logo{
        max-width:100px!important;
        display:block;
        margin:0 auto 35px auto
    }
}