@charset "utf-8";
    * {
        margin: 0;
        padding: 0;
    }
    
    @font-face {
        font-family: 'FZZ';
        src: url('/_upload/tpl/00/67/103/template103/css/PoiretOne-Regular.ttf');
    }
    
    html,
    body {
        height: 100%;
        font-family: "Microsoft YaHei", ΢���ź�, sans-serif;
        -webkit-font-smoothing: antialiased;
 font-weight: 500;
    }
    
    h3 {
        font-weight: 500;
    }
    
    a {
        text-decoration: none;
        color: inherit;
        cursor: pointer;
        outline: none;
    }
    /*Begin:1、第一个上方标题区�?*/
    
    .head1 {
        position: relative;
        transition: all 1s ease-out 0s;
        overflow: hidden;
    }
    /*Begin:1.1、第一个标题的副标�?*/
    
    .head1 .d1,
    .d2 {
        z-index: 9999;
        position: relative;
    }
    
    .head1 #sh {
        /*副标�?*/
        font-size: 0.75vw;
        background: #7e0014;
        color: #FFFFFF;
        line-height: 45px;
        height: 45px;
        transition: all 0.2s ease-out 0s;
        overflow: hidden;
        display: flex;
        width: 100%;
        padding: 0 5% 0 5%;
        position: relative;
    }
    
    .nav_l {
        width: 45%;
        text-align: left;
    }
    
    .nav_l i {
        margin: 0 3vw;
        font-size: 0.8vw;
    }
    
    .nav_r {
        width: 40%;
        text-align: right;
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }
    /*End:1.1、第一个标题的副标�?*/
    /*Begin:1.2、第一个标题的主标�?*/
    
    .head1 #mh {
        z-index: 2;
        /*主标�?*/
        transition: all 0.3s ease-out 0s;
        height: 85px;
        height: 85px;
        background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0));
        display: flex;
        align-items: center;
        /*实现垂直居中*/
        position: relative;
    }
    
    .wp-search .search-btn input.search-submit {
        margin-top: 0;
    }
    /*logo*/
    
    .logo {
        height: 100%;
        width: 15%;
        display: flex;
        align-items: center;
        /*实现垂直居中*/
        text-align: left;
        margin-left: 10%;
    }
    
    .logo img {
        max-width: 90%;
        width: 300px;
        vertical-align: middle;
        display: inline-block;
    }
    /*导航区域*/
    
    .nav_main {
        width: 67%;
        text-align: right;
        display: flex;
        justify-content: end;
    }
    
    #mh .nav {
        -webkit-transition: 0.5s;
        -moz-transition: 0.5s;
        -o-transition: 0.5s;
        transition: 0.5s;
        line-height: 50px;
        display: block;
    }
    
    #mh .navbar_nav li {
        float: left;
        position: relative;
        display: block;
        line-height: 50px;
    }
    
    #mh .navbar_nav li:after {
        content: "";
        width: 0;
        height: 2px;
        background: #7e0014;
        position: absolute;
        bottom: 0;
        left: 0;
        transition: all 0.5s ease 0s;
    }
    
    #mh .navbar_nav li:hover:after {
        width: 100%;
    }
    
    #mh .navbar_nav li a {
        text-decoration: none;
        height: 100%;
        padding: 0 1.1vw;
        display: block;
        -webkit-transition: 0.5s;
        -moz-transition: 0.5s;
        -o-transition: 0.5s;
        transition: 0.5s;
        color: #fff;
        font-size: 1vw;
    }
    
    #mh .navbar_nav li:hover a {
        color: #7e0014;
    }
    
    #mh .navbar_nav li.dropdown {
        display: inherit;
        position: relative;
    }
        
    #mh .navbar_nav li.dropdown .dropdown_menu {
        display: none;
        position: absolute;
        top: 50px;
        width: 100%;
        background: #fff;
        box-shadow: 0 15px 27px 0 rgba(167, 165, 165, 0.38);
        width: 135%;
        left: -20%;
    }
    
    #mh .navbar_nav li.dropdown .dropdown_menu a {
        font-size: 0.8vw;
        color: #232323;
        padding: 0 10px;
        line-height: 2.5vw;
        text-align: center;
        background: #fff;
        margin-bottom: 2px;
    }
    
    #mh .navbar_nav li.dropdown:hover .dropdown_menu {
		z-inde: 9999;
        display: block;
        background: rgba(255, 255, 255, 0.9);
        -webkit-transition: 0.5s;
        -moz-transition: 0.5s;
        -o-transition: 0.5s;
        transition: 0.5s;
    }
    
    #mh .navbar_nav li.dropdown:hover .dropdown_menu a {
        color: #232323;
    }
    
    #mh .navbar_nav li.dropdown:hover .dropdown_menu a:hover {
        background-color: rgba(198, 198, 198, 0.8);
    }
    /*搜索区域*/
    
    .tools {
        width: 0%;
        color: #fff;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
    }
    
    .tools .a {
        border: 1px solid #fff;
        border-radius: 100%;
        margin-left: 20px;
        width: 34px;
        height: 34px;
        line-height: 34px;
        position: relative;
        font-size: 1.2vw;
        font-family: en;
        text-transform: uppercase;
        font-family: Arial;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    /*菜单项区�?*/
    
    .nav_child .item {
        display: -ms-flexbox;
        display: flex;
        border-top: 2px solid #7e0014;
        position: absolute;
        top: 65%;
        width: 140px;
        background: rgba(255, 255, 255, 0.9);
        background-size: contain;
        display: none;
        justify-content: center;
    }
    
    .nav_child .item {
        text-align: center;
        width: 100%;
    }
    
    .nav_child .item a:first-child {
        margin-top: 10px;
    }
    
    .nav_child .item a:last-child {
        margin-bottom: 10px;
    }
    
    .nav_child .item a {
        width: 100%;
        font-size: 0.8vw;
        font-weight: 500;
        line-height: 2vw;
        display: inline-block;
        cursor: pointer;
        border-bottom: 1px solid #ececec;
    }
    
    .nav_child .item a:hover {
        background-color: rgba(198, 198, 198, 0.8);
        color: #232323;
    }
    /*Begin:1.3、第一个标题区域Banner�?*/
    
    .head1 .banner {
        color: #fff;
        background-position: center center;
        position: absolute;
        overflow: hidden;
        background-color: #DCDCDC;
        top: 0;
        left: 0;
        z-index: 1;
        transform: translate3d(0%, 0px, 0px);
        transition: all 0.7s ease 0s;
        width: 500%;
        display: flex;
    }
    
    .head1 .banner .item {
        overflow: hidden;
        background-size: cover;
        width: 20%;
        position: relative;
        cursor: pointer;
    }
    
    .head1 .banner .item img {
        width: 100vw;
        background-size: cover;
    }
    
    .head1 .banner .l {
        position: absolute;
        left: 10vw;
        bottom: 5vw;
        color: #FFFFFF;
        font-size: 2vw;
    }
    
    .head1 .banner .r {
        color: #FFFFFF;
        font-size: 2vw;
        padding-left: 2vw;
    }
    
    .head1 .cIndex {
        z-index: 2;
        position: absolute;
        right: 10%;
        bottom: 10%;
        display: flex;
		text-shadow: 2px 1px black;
    }
    
    .head1 .cIndex .con {
        display: flex;
        align-items: center;
        /*实现垂直居中*/
        cursor: pointer;
        margin: 0 10px;
    }
    
    .head1 .cIndex .con .l {
        padding-right: 5px;
        color: #FFFFFF;
        font-size: 1vw;
    }
    
    .head1 .cIndex .con .lc {
        font-size: 2vw;
    }
    
    .head1 .cIndex .con .r {
        width: 0px;
        border-bottom: solid 1px #FFFFFF;
        position: relative;
        transition: all 0.8s ease-in-out 0s;
    }
    
    .head1 .cIndex .con .rc {
        width: 5vw;
        border-bottom: solid 1px #FFFFFF;
        position: relative;
    }
    /*End:1.3、第一个标题区域Banner�?*/
    /*Begin:1.4、第一个标题区的缩小版*/
    
    .head1 .d2 {
        padding: 0 0 0 5%;
        width: 100%;
        background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0));
        height: 60px;
        display: flex;
    }
    
    .head1 .d2 .logo {
        width: 40%;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        text-align: left;
    }
    
    .head1 .d2 .tools {
        width: 55%;
        height: 100%;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }
    
    .head1 .d2 .tools .menu {
        width: 24px;
        height: 22px;
        margin: -5px 20px 0 10px;
    }
    
    .head1 .d2 .tools .menu .i {
        width: 30px;
        border-bottom: 2px solid #FFFFFF;
        margin-bottom: 10px;
    }
    /*End:1.4、第一个标题区的缩小版*/
    /*End:1、第一个上方标题区�?*/
    /*Begin:2、第二个上方标题区域*/
    
    .head1 {
        position: relative;
        transition: all 1s ease-out 0s;
    }
    /*Begin:1.1、第一个标题的副标�?*/
    
    .head1 #sh {
        z-index: 2;
        /*副标�?*/
        font-size: 0.75vw;
        background: #7e0014;
        color: #FFFFFF;
        line-height: 45px;
        height: 45px;
        transition: all 0.2s ease-out 0s;
        overflow: hidden;
        display: flex;
        width: 100%;
        padding: 0 10%;
        position: relative;
    }
    
    .nav_l {
        width: 40%;
        text-align: left;
    }
    
    .nav_l i {
        margin: 0 3vw;
        font-size: 0.9vw;
    }
    
    .nav_r {
        width: 40%;
        text-align: right;
    }
    .nav_rs {
        width: 55%;
        text-align: right;
    }
    /*End:1.1、第一个标题的副标�?*/
    /*Begin:1.2、第一个标题的主标�?*/
    
    .head2 {
        position: fixed;
        top: 0;
        width: 100%;
        height: 130px;
        z-index: 2;
    }
    
    .head2 #sh {
        z-index: 2;
        /*副标�?*/
        font-size: 0.75vw;
        background: #7e0014;
        color: #FFFFFF;
        line-height: 45px;
        height: 45px;
        transition: all 0.2s ease-out 0s;
        overflow: hidden;
        display: flex;
        width: 100%;
        padding: 0 10%;
        position: relative;
    }
    
    .head2 #sh .nav_l a:hover {
        color: #898989 !important;
    }

    .head2 #mh {
        z-index: 2;
        /*主标�?*/
        transition: all 0.3s ease-out 0s;
        height: 85px;
        background-color:none;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
        display: flex;
        align-items: center;
        /*实现垂直居中*/
        position: relative;
    }
    
    .head2 #mh .nav a {
        color: #000000;
    }
    
    .head2 .d1 .tools .a {
        border: 1px solid #000;
    }
    
    .head2 .d2 .tools .a {
        border: 1px solid #fff;
    }
    
    .head2 .d2 {
        padding: 0 0 0 5%;
        width: 100%;
        background: #7e0014;
        height: 60px;
        display: flex;
    }
    
    .head2 .d2 .logo {
        width: 40%;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        text-align: left;
    }
    
    .head2 .d2 .tools {
        width: 55%;
        height: 100%;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }
    
    .head2 .d2 .tools .menu {
        width: 24px;
        height: 22px;
        margin: -5px 20px 0 10px;
    }
    
    .head2 .d2 .tools .menu .i {
        width: 30px;
        border-bottom: 2px solid #FFFFFF;
        margin-bottom: 10px;
    }
    /*End:2、第二个上方标题区域*/
    /*Begin:手机端的菜单项目*/
    
    .nav_mobile {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        background: rgba(0, 0, 0, 0.8);
        z-index: 10000;
        transition: all 0.3s ease-out 0s;
        display: -ms-flexbox;
        display: -ms-flexbox;
        display: flex;
        -ms--ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%;
    }
    
    .nav_mobile .head {
        display: flex;
        background-color: #FFFFFF;
        height: 60px;
        padding: 0 5%;
        position: relative;
        justify-content: center;
        align-items: center;
        align-content: center;
        flex-wrap: nowrap;
    }
    
    .nav_mobile .head .logo {
        width: 50%;
    }
    
    .nav_mobile .head .logo img {
        max-width: 100%;
        max-height: 60px;
    }
    
    .nav_mobile .head .tools {
        /* width: 50%; */
        /* display: flex; */
        /* align-items: center; */
        /* justify-content: flex-end; */
        color: #000000;
        float: right;
        display: block;
        position: absolute;
        right: 0;
        top: 50%;
        width: 50px;
        margin-top: -1px;
    }
    
    .nav_mobile .head .tools .a {
        border-radius: 100%;
        width: 25px;
        height: 25px;
        line-height: 22px;
        border: 1px solid #000000;
    }
    
    .nav_mobile .head .tools .x {
        margin-left: 20px;
        font-size: 20px;
        font-weight: 200;
        width: 20px;
        display: block;
        transform: scale(1.5, 1.2);
    }
    
    .nav_mobile .item {
	margin-top: 0;
	font-size: 3vw;
	background: #fafafa;
	background-size: auto 130px;
	align-content: flex-start;
	border-top: 1px solid rgba(0, 0, 0, 0.08);
	display:block;
	flex-wrap: wrap;
	}
    
    .nav_mobile .item a {
     
    }
.nav_mobile .item li.menu-item {
    /* border-bottom: 1px solid rgba(0, 0, 0, 0.08); */
    /* border-right: 1px solid rgba(0, 0, 0, 0.08); */
    padding: 0;
    box-sizing: border-box;
    height: auto;
    display: inline-block;
    width: 100%;
    position: relative;
}
ul.sub-menu.col_menu_con2 {
    position: static;
    background: #7e0014;
    width: 100%;
    z-index: 999;
    /* transition: all 0.4s ease-in-out; */
    animation-delay: 0.25s;
}
em.menu-switch-arrow {
    background: url(/_upload/tpl/00/67/103/template103/images/jt2_up.png) no-repeat center left;
    position: absolute;
    width: 10px;
    height: 12px;
    right: 15px;
    background-size: 15px;
    top: 8px;
    transition:0.7s
}
em.menu-switch-arrow.active{transform:rotate(180deg)}    
    .nav_mobile .nav_l {
        font-size: 14px;
        background: #7e0014;
        color: #d39797;
        line-height: 45px;
        height: auto;
        font-size: 15px;
        transition: all 0.2s ease-out 0s;
        overflow: hidden;
        display: flex;
        width: 100%;
        padding: 0 2% 0 2%;
        position: relative;
        border-bottom: solid 1px #FFFFFF;
        flex-wrap: wrap;
    }
.col_menu_con2 {
    display: none;
}
ul.sub-menu.col_menu_con2 li{margin-left: 17px;}
.nav_mobile .item a {
    padding: 12px 25px;
    display: inline-block;
    color: #000;
    font-size: 16px;
    font-weight: 400;
}
.nav_mobile .item .sub-item a{color:#fff;font-size: 15px;}
    .nav_mobile .nav_l a {
        padding: 0 10px;
    }
    /*End:手机端的菜单项目*/
	/*Begin: banner���ҿ��� */
	    .banner-click {
        z-index: 10;
        position: absolute;
        display: flex;
        top: 53%;
        font-size: 4vw;
        color: #fff;
        width: 100vw;
    }
    
    .banner-click .left,
    .banner-click .right {
        cursor: pointer;
        width: 30%;
        opacity: 0.4;
    }
    
    .banner-click .left:hover,
    .banner-click .right:hover {
        display: block;
        color: #7e0014;
        opacity: 1;
        -webkit-transition: all 0.5s linear;
        -moz-transition: all 0.5s linear;
        -o-transition: all 0.5s linear;
        transition: all 0.5s linear;
    }
    
    .banner-click .left {
        left: 0;
    }
    
    .banner-click .right {
        right: 0;
        margin-left: 93%;
    }
	/*End:banner���ҿ���*/
    /*Begin:校内要闻*/
    
    .maincontent {
        width: 100vw;
        background-color: #068358;
        margin-top: 130px;
    }
    
    .ytbu_news {
        padding: 2vw 0;
        background: #efebea;
        transition: all 0.8s ease-in-out 0s;
    }
    
    .ytbu_news .inner {
        width: 80vw;
        margin: auto;
    }
    
    .ytbu_news .inner .title {
        font-size: 2vw;
        margin: 3vw 0;
        color: #ccb280;
    }
    
    .ytbu_news .inner .title span {
        color: #000000;
        font-size: 1.2vw;
        font-weight: 400;
        border-left: 1px solid #000000;
        padding-left: 1vw;
        margin-left: 1vw;
    }
    
    .ytbu_news .top {
        display: flex;
        margin-bottom: 15px;
    }
    
    .ytbu_news .top .l {
        overflow: hidden;
        width: 40vw;
        height: 20vw;
        position: relative;
        cursor: pointer;
    }
    
    .ytbu_news .top .l img {
        width: 100%;
    }
    
    .ytbu_news .top .l h3 {
     position: absolute;
    bottom: 10%;
    left: 10%;
    font-size: 1vw;
    color: #FFFFFF;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 80%;

    }
    
    .ytbu_news .top .r {
        width: 40vw;
        height: 20vw;
        display: flex;
        flex-wrap: wrap;
        padding: 0 0 0 1vw;
    }
    
    .ytbu_news .top .r .con {
        width: calc(38.5vw / 2);
        border-bottom: 5px solid #7e0014;
        box-shadow: 5px 5px 5px #DCDCDC;
        background-color: #FFFFFF;
        word-wrap: break-word;
        height: calc(18.4vw / 2);
    }
    
    .ytbu_news .top .r .con div {
        line-height: 30px;
    font-size: 1vw;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 76px;
    margin: 10% 10% 0 10%;
    }
    
    .ytbu_news .top .r .n1 {
        margin: 0 1vw 1vw 0;
        background-image: url(/_upload/tpl/00/67/103/images/newModel/news/index-news-bg1.jpg);
        background-size: cover;
    }
    
    .ytbu_news .top .r .n2 {
        margin: 0 0 1vw 0;
    }
    
    .ytbu_news .top .r .n3 {
        margin: 0 1vw 0 0;
    }
    
    .ytbu_news .top .r .n4 {
        margin: 0 0 0 0;
        background-image: url(/_upload/tpl/00/67/103/images/newModel/news/index-news-bg2.jpg);
        background-size: cover;
    }
    
    .ytbu_news .btm {
        display: flex;
    }
    
    .ytbu_news .btm .l {
        overflow: hidden;
        width: 40vw;
        height: 20vw;
        position: relative;
        padding: 0 0 0 1vw;
        cursor: pointer;
    }
    
    .ytbu_news .btm .l img {
        width: 100%;
    }
    
    .ytbu_news .btm .l h3 {
          position: absolute;
    bottom: 10%;
    left: 10%;
    font-size: 1vw;
    color: #FFFFFF;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 80%;
    }
    .wp_articlecontent img {
    max-width: 100%;
}
    .ytbu_news .btm .r {
        width: 40vw;
        height: 20vw;
        display: flex;
        flex-wrap: wrap;
    }
    
    .ytbu_news .btm .r .con {
        width: calc(38.5vw / 2);
        border-bottom: 5px solid #7e0014;
        box-shadow: 5px 5px 5px #DCDCDC;
        background-color: #FFFFFF;
        word-wrap: break-word;
        height: calc(18.4vw / 2);
    }
    
    .ytbu_news .btm .r .con div {
          margin: 10% 10% 0 10%;
    line-height: 30px;
    font-size: 1vw;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 76px;

    }
    
    .ytbu_news .btm .r .n1,
    .ytbu_news .btm .r .n2,
    .ytbu_news .btm .r .n3,
    .ytbu_news .btm .r .n4 {
        display: none;
    }
    
    .ytbu_news .btm .r .n5 {
        margin: 0 1vw 1vw 0;
        background-image: url(/_upload/tpl/00/67/103/images/newModel/news/index-news-bg1.jpg);
        background-size: cover;
    }
    
    .ytbu_news .btm .r .n6 {
        margin: 0 0 1vw 0;
    }
    
    .ytbu_news .btm .r .n7 {
        margin: 0 1vw 0 0;
    }
    
    .ytbu_news .btm .r .n8 {
        margin: 0 0 0 0;
        background-image: url(/_upload/tpl/00/67/103/images/newModel/news/index-news-bg2.jpg);
        background-size: cover;
    }
    
    .ytbu_news .btns {
        text-align: center;
        padding: 40px 0;
        font-size: 1vw;
    }
    
    .ytbu_news .btns a {
        margin: 0 20px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    /*End:校内要闻*/
    /*Begin:工商数据*/
    
    .ytbu_number {
        padding: 6vw 0;
        background: #7e0014;
        background-image: url(/_upload/tpl/00/67/103/images/newModel/numbers/bgm.jpg);
        background-size: 100% 100%;
        background-repeat: no-repeat;
        transition: all 0.8s ease-in-out 0s;
    }
    
    .ytbu_number .inner {
        width: 80vw;
        margin: auto;
    }
    
    .ytbu_number .inner .title {
        color: #FFFFFF;
        font-size: 2vw;
        width: 80vw;
        text-align: center;
        display: none;
        margin-bottom: 3vw;
    }
    
    .ytbu_number .inner .content {
        color: #FFFFFF;
        font-size: 2vw;
        width: 80vw;
        display: flex;
    }
    
    .ytbu_number .inner .content .item {
        width: 20vw;
    }
    
    .ytbu_number .inner .content .item .number {
        font-family: FZZ;
        text-align: center;
        font-weight: bold;
        margin-bottom: 4vw;
        font-size: 4vw;
        animation: numberMove 2s infinite alternate;
    }
    
    @keyframes numberMove {
        from {
            color: #FFFFFF;
            font-weight: 200;
        }
        to {
            color: #ccb280;
            font-weight: 600;
        }
    }
    
    .ytbu_number .inner .content .item .declare {
        text-align: center;
        font-size: 1.2vw;
    }
    
    .ytbu_number .inner .content .item a:hover {
        color: #ccb280;
    }
    
    .ytbu_number .inner .content .item .tag {
        text-align: center;
        width: 10vw;
        height: 10vw;
        margin: auto;
        display: flex;
        align-items: center;
        justify-content: center;
        background-size: 50% 50%;
        background-repeat: no-repeat;
        background-position: center;
        transition: all 0.5s ease-in-out 0s;
    }
    
    .ytbu_number .inner .content .n1 .tag {
        background-image: url(/_upload/tpl/00/67/103/images/newModel/numbers/zxsB.png);
    }
    /*
.ytbu_number .inner .content .n1:hover .tag {
    background-image: url(/_upload/tpl/00/67/103/images/newModel/numbers/zxsA.png);
    transform: scale(1.2);
    border-color: #ccb280;
}
*/
    
    .ytbu_number .inner .content .n2 .tag {
        background-image: url(/_upload/tpl/00/67/103/images/newModel/numbers/tsB.png);
    }
    /*
.ytbu_number .inner .content .n2:hover .tag {
    background-image: url(/_upload/tpl/00/67/103/images/newModel/numbers/tsA.png);
    transform: scale(1.2);
    border-color: #ccb280;
}
*/
    
    .ytbu_number .inner .content .n3 .tag {
        background-image: url(/_upload/tpl/00/67/103/images/newModel/numbers/hjB.png);
    }
    /*
.ytbu_number .inner .content .n3:hover .tag {
    background-image: url(/_upload/tpl/00/67/103/images/newModel/numbers/hjA.png);
    transform: scale(1.2);
    border-color: #ccb280;
}
*/
    
    .ytbu_number .inner .content .n4 .tag {
        background-image: url(/_upload/tpl/00/67/103/images/newModel/numbers/lxsB.png);
    }
    /*
.ytbu_number .inner .content .n4:hover .tag {
    background-image: url(/_upload/tpl/00/67/103/images/newModel/numbers/lxsA.png);
    transform: scale(1.2);
    border-color: #ccb280;
}
*/
    /*End:工商数据*/
    /*Begin:专题网站*/
    
    .ytbu_special {
        padding: 3vw 0;
        background: #FFFFFF;
        transition: all 0.8s ease-in-out 0s;
    }
    
    .ytbu_special .inner {
        width: 80vw;
        margin: auto;
        display: flex;
        max-height: 100%;
    }
    
    .ytbu_special .l {
        width: 10%;
        text-align: center;
        padding-top: 150px;
    }
    
    .ytbu_special .l .text {
        font-size: 2vw;
        writing-mode: vertical-lr;
        color: #ccb280;
        letter-spacing: 0.2vw;
    }
    
    .ytbu_special .l .more a {
        writing-mode: vertical-lr;
        font-size: 1vw;
        margin-top: 4vw;
        visibility: hidden;
    }
    
    .ytbu_special .r {
        width: 90%;
        display: flex;
    }
    
    .ytbu_special .r div {
        cursor: pointer;
        height: 35vw;
        overflow: hidden;
        margin: 0 1vw;
        background-color: #000000;
        position: relative;
        transition: all 1s ease-in-out 0s;
        width: 16vw;
    }
    
    .ytbu_special .r div img {
        width: 16vw;
        height: 35vw;
        transition: all 0.8s ease 0s;
    }
    
    .ytbu_special .r div h3 {
        writing-mode: vertical-lr;
        color: #FFFFFF;
        position: absolute;
        top: 2vw;
        left: 2vw;
        font-size: 1.5vw;
    }
    
    .ytbu_special .r div span {
        writing-mode: vertical-lr;
        color: #FFFFFF;
        position: absolute;
        font-size: 0.8vw;
        bottom: 0vw;
        right: 0vw;
        width: 3vw;
        height: 8vw;
        padding-left: 0.5vw;
        border-left: 1px solid #FFFFFF;
        letter-spacing: 0.15vw;
    }
    
    .ytbu_special .r div img:hover {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);
    }
    /*End:专题网站*/
    /*Begin:学术研究*/
    
    .ytbu_research {
        padding: 3vw 0;
        background: #efebea;
        transition: all 0.8s ease-in-out 0s;
    }
    
    .ytbu_research .inner {
        width: 80%;
        margin: auto;
        display: flex;
        z-index: 1;
        position: relative;
        height: 45vw;
        overflow: hidden;
    }
    
    .ytbu_research .inner .top {
        color: #fff;
        background-position: center center;
        position: absolute;
        overflow: hidden;
        background-color: #DCDCDC;
        top: 0;
        left: 0;
        z-index: 1;
        transform: translate3d(0vw, 0px, 0px);
        transition: all 0.7s ease 0s;
        width: calc(80vw * 5);
        height: 32vw;
        display: flex;
    }
    
    .ytbu_research .inner .top .item {
        overflow: hidden;
        background-size: cover;
        width: 80vw;
        position: relative;
    }
    
    .ytbu_research .inner .left {
        left: 0;
    }
    
    .ytbu_research .inner .right {
        right: 0;
    }
    
    .ytbu_research .inner .left,
    .ytbu_research .inner .right {
        position: absolute;
        top: 16vw;
        z-index: 2;
        font-size: 2vw;
        color: #FFFFFF;
        background: rgba(0, 33, 71, 0.2);
        cursor: pointer;
    }
    
    .ytbu_research .inner .top .item img {
        width: 100%;
        background-size: cover;
    }
    
    .ytbu_research .inner .btm {
        position: absolute;
        left: 5vw;
        bottom: 2vw;
    }
    
    .ytbu_research .inner .btm .text {
        font-size: 2vw;
        padding-bottom: 1.5vw;
        color: #ccb280;
    }
    
    .ytbu_research .inner .btm a {
        font-size: 2vw;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .ytbu_research .inner .list {
        position: absolute;
        bottom: 0;
        right: 4vw;
        height: 10vw;
        width: 32vw;
        display: flex;
        z-index: 2;
        padding: 3vw 3.5vw;
        background-color: #7e0014;
    }
    
    .ytbu_research .inner .list .l {
        width: 30%;
        overflow: hidden;
        margin-right: 30px;
        cursor: pointer;
    }
    
    .ytbu_research .inner .list .l img {
        width: 100%;
    }
    
    .ytbu_research .inner .list .r {
        width: 70%;
    }
    
    .ytbu_research .inner .list .r h3 {
        font-size: 1.2vw;
        color: #FFFFFF;
        font-weight: 200;
        line-height: 1.2;
        cursor: pointer;
        line-height: 1.5;
    }
    
    .ytbu_research .inner .list .r h4 {
        margin-top: 1.5vw;
        font-size: 0.8vw;
        line-height: 1.2;
        color: #FFFFFF;
        font-weight: 200;
        line-height: 2;
    }
    /*End:学术研究*/
    /*Begin:人物*/
    
    .ytbu_human {
        padding: 5vw 0;
        background: #efebea;
        transition: all 0.8s ease-in-out 0s;
        position: relative;
    }
    
    .ytbu_human .inner {
        width: 80%;
        margin: auto;
        z-index: 1;
        height: 35vw;
        overflow: hidden;
        position: relative;
    }
    
    .ytbu_human .inner .title {
        width: 40vw;
        position: absolute;
        top: 3vw;
        right: 0;
        text-align: center;
    }
    
    .ytbu_human .inner .title .text {
        font-size: 2vw;
        padding-bottom: 2vw;
        color: #ccb280;
    }
    
    .ytbu_human .inner .top {
        width: 39vw;
        height: 20vw;
        position: absolute;
        top: 0;
        left: 0;
        overflow: hidden;
        transition: all 0.8s ease 0s;
    }
    
    .ytbu_human .inner .top img {
        width: 100%;
    }
    
    .ytbu_human .inner h3 {
        color: #FFFFFF;
        position: absolute;
        bottom: 2vw;
        left: 2vw;
        font-size: 1.1vw;
        line-height: normal;
    }
    
    .ytbu_human .inner .btm {
        width: 39vw;
        height: 20vw;
        position: absolute;
        bottom: 0;
        right: 0;
        overflow: hidden;
        transition: all 0.8s ease 0s;
    }
    
    .ytbu_human .inner .btm .n1 {
        display: none;
    }
    
    .ytbu_human .inner .btm img {
        width: 100%;
    }
    /*End:人物*/
    /*Begin：校园风�?*/
    
    .ytbu_scene {
        background-color: #382e2f;
        padding: 5vw 0;
        transition: all 0.8s ease-in-out 0s;
        position: relative;
    }
    
    .ytbu_scene .inner {
        width: 80%;
        margin: auto;
        z-index: 1;
        height: 75vw;
        overflow: hidden;
        position: relative;
    }
    
    .ytbu_scene .inner .top {
        position: absolute;
        top: 0;
        right: 0;
        width: 55%;
        height: 70%;
        overflow: hidden;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .ytbu_scene .inner .top img {
        width: 100%;
        height: 100%;
    }
    
    .ytbu_scene .inner .top .title {
        position: absolute;
        color: #FFFFFF;
        margin-bottom: 10vw;
        width: 100%;
    }
    
    .ytbu_scene .inner .top .title .btns {
        font-size: 1vw;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 10%;
        width: 100%;
        position: absolute;
    }
    
    .ytbu_scene .inner .top .title .btns a:hover {
        color: #FFFFFF;
    }
    
    .ytbu_scene .inner .top div h3 {
        font-size: 2vw;
        margin-bottom: 2vw;
        text-align: center;
    }
    
    .ytbu_scene .inner .top div h4 {
        font-size: 1.5vw;
    }
    
    .ytbu_scene .inner .middle {
        overflow: hidden;
    }
    
    .ytbu_scene .inner .middle .n1,
    .ytbu_scene .inner .middle .n2,
    .ytbu_scene .inner .middle .n3,
    .ytbu_scene .inner .middle .n4,
    .ytbu_scene .inner .middle .n5,
    .ytbu_scene .inner .middle .n6 {
        width: 18vw;
        height: 16vw;
        overflow: hidden;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .ytbu_scene .inner .middle .n1 .title,
    .ytbu_scene .inner .middle .n2 .title,
    .ytbu_scene .inner .middle .n3 .title,
    .ytbu_scene .inner .middle .n4 .title,
    .ytbu_scene .inner .middle .n5 .title,
    .ytbu_scene .inner .middle .n6 .title {
        position: absolute;
        color: #FFFFFF;
        text-align: center;
        font-size: 1.5vw;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }
    
    .ytbu_scene .inner .middle .n1 {
        position: absolute;
        top: 10vw;
        left: 4vw;
        transition: all 0.8s ease 0s;
    }
    
    .ytbu_scene .inner .middle .n1 .icon {}
    
    .ytbu_scene .inner .middle .n2 {
        position: absolute;
        top: 10vw;
        left: calc(18vw + 4vw);
        transition: all 1.2s ease 0s;
    }
    
    .ytbu_scene .inner .middle .n3 {
        position: absolute;
        top: calc(16vw + 10vw);
        left: 22vw;
        transition: all 1.6s ease 0s;
    }
    
    .ytbu_scene .inner .middle .n4 {
        position: absolute;
        bottom: 17vw;
        right: calc(18vw + 4vw);
        transition: all 0.8s ease 0s;
    }
    
    .ytbu_scene .inner .middle .n5 {
        position: absolute;
        bottom: 17vw;
        right: 4vw;
        transition: all 1.2s ease 0s;
    }
    
    .ytbu_scene .inner .middle .n6 {
        position: absolute;
        bottom: 1vw;
        right: 4vw;
        transition: all 1.4s ease 0s;
    }
    
    .ytbu_scene .inner .middle .n1 img,
    .ytbu_scene .inner .middle .n2 img,
    .ytbu_scene .inner .middle .n3 img,
    .ytbu_scene .inner .middle .n4 img,
    .ytbu_scene .inner .middle .n5 img,
    .ytbu_scene .inner .middle .n6 img {
        width: 100%;
        height: 100%;
    }
    
    .ytbu_scene .inner .middle .n1 .icon,
    .ytbu_scene .inner .middle .n2 .icon,
    .ytbu_scene .inner .middle .n3 .icon,
    .ytbu_scene .inner .middle .n4 .icon,
    .ytbu_scene .inner .middle .n5 .icon,
    .ytbu_scene .inner .middle .n6 .icon {
        width: 3vw;
        height: 3vw;
        transition: all 1s ease 0s;
        margin-bottom: 1vw;
        background-size: 100% 100%;
    }
    
    .ytbu_scene .inner .middle .n1 .title .icon {
        background-image: url(/_upload/tpl/00/67/103/images/newModel/scene/shB.png);
    }
    
    .ytbu_scene .inner .middle .n1 .title:hover .icon {
        background-image: url(/_upload/tpl/00/67/103/images/newModel/scene/shA.png);
    }
    
    .ytbu_scene .inner .middle .n2 .title .icon {
        background-image: url(/_upload/tpl/00/67/103/images/newModel/scene/xxB.png);
    }
    
    .ytbu_scene .inner .middle .n2 .title:hover .icon {
        background-image: url(/_upload/tpl/00/67/103/images/newModel/scene/xxA.png);
    }
    
    .ytbu_scene .inner .middle .n3 {
        background-color: #9f9998;
    }
    
    .ytbu_scene .inner .middle .n4 {
        background-color: #261819;
    }
    
    .ytbu_scene .inner .middle .n5 .title .icon {
        background-image: url(/_upload/tpl/00/67/103/images/newModel/scene/hdB.png);
    }
    
    .ytbu_scene .inner .middle .n5 .title:hover .icon {
        background-image: url(/_upload/tpl/00/67/103/images/newModel/scene/hdA.png);
    }
    
    .ytbu_scene .inner .middle .n6 {
        background-color: #843900;
    }
    
    .ytbu_scene .inner .bottom {
        position: absolute;
        bottom: 5vw;
        width: 50%;
        height: 40%;
        overflow: hidden;
    }
    
    .ytbu_scene .inner .bottom .images {
        color: #fff;
        background-position: center center;
        position: absolute;
        overflow: hidden;
        background-color: #DCDCDC;
        top: 0;
        left: 0;
        z-index: 1;
        transform: translate3d(0%, 0px, 0px);
        transition: all 0.7s ease 0s;
        width: calc(100% * 5);
        height: 100%;
        display: flex;
    }
    
    .ytbu_scene .inner .bottom .item {
        overflow: hidden;
        background-size: cover;
        width: 40vw;
        position: relative;
    }
    
    .ytbu_scene .inner .bottom .item img {
        width: 100%;
    }
    /*End:校园风景*/
    /*Begin:多彩校园*/
    
    .ytbu_sceneN {
        background-color: #FFFFFF;
        padding-bottom: 5vw;
        transition: all 0.8s ease-in-out 0s;
        position: relative;
        width: 100vw;
        height: 42vw;
    }
    
    .ytbu_sceneN .inner {
        width: 100vw;
        height: 30vw;
        background-color: #7e0014;
    }
    
    .ytbu_sceneN .inner .p1 .left,
    .ytbu_sceneN .inner .p2 .left,
    .ytbu_sceneN .inner .p3 .left,
    .ytbu_sceneN .inner .p4 .left,
    .ytbu_sceneN .inner .p5 .left {
        width: 10vw;
        height: 4vw;
        position: absolute;
        left: 1vw;
        bottom: 0;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .ytbu_sceneN .inner .p1 .left img,
    .ytbu_sceneN .inner .p2 .left img,
    .ytbu_sceneN .inner .p3 .left img,
    .ytbu_sceneN .inner .p4 .left img,
    .ytbu_sceneN .inner .p5 .left img {
        height: 3vw;
    }
    
    .ytbu_sceneN .inner .p1 .left h3,
    .ytbu_sceneN .inner .p2 .left h3,
    .ytbu_sceneN .inner .p3 .left h3,
    .ytbu_sceneN .inner .p4 .left h3,
    .ytbu_sceneN .inner .p5 .left h3 {
        color: #FFFFFF;
        font-size: 1vw;
        font-weight: 400;
        padding-left: 0.5vw;
    }
    
    .ytbu_sceneN .inner .p1 .img,
    .ytbu_sceneN .inner .p2 .img,
    .ytbu_sceneN .inner .p3 .img,
    .ytbu_sceneN .inner .p4 .img,
    .ytbu_sceneN .inner .p5 .img {
        width: 100%;
        transition: all 0.5s ease 0s;
    }
    
    .ytbu_sceneN .inner .p1:hover .img,
    .ytbu_sceneN .inner .p2:hover .img,
    .ytbu_sceneN .inner .p3:hover .img,
    .ytbu_sceneN .inner .p4:hover .img,
    .ytbu_sceneN .inner .p5:hover .img {
        transform: scale(1.3);
    }
    
    .ytbu_sceneN .inner .p1 {
        width: 20vw;
        height: 22.5vw;
        background-color: #001752;
        position: absolute;
        top: 0;
        left: 10vw;
        overflow: hidden;
        transition: all 0.7s ease 0s;
    }
    
    .ytbu_sceneN .inner .p2 {
        width: 20vw;
        height: 22.5vw;
        background-color: #001952;
        position: absolute;
        top: 0;
        left: 30vw;
        overflow: hidden;
        transition: all 1.2s ease 0s;
    }
    
    .ytbu_sceneN .inner .p3 {
        width: 20vw;
        height: 22.5vw;
        background-color: #001652;
        position: absolute;
        top: 22.5vw;
        left: 50vw;
        overflow: hidden;
        transition: all 1.7s ease 0s;
    }
    
    .ytbu_sceneN .inner .p4 {
        width: 20vw;
        height: 22.5vw;
        background-color: #001552;
        position: absolute;
        top: 22.5vw;
        left: 70vw;
        overflow: hidden;
        transition: all 2.2s ease 0s;
    }
    
    .ytbu_sceneN .inner .p5 {
        width: 40vw;
        height: 22.5vw;
        background-color: #FFFFFF;
        position: absolute;
        top: 0vw;
        left: calc(10vw + 40vw);
        overflow: hidden;
        transition: all 0.5s ease 0s;
    }
    
    .ytbu_sceneN .inner .video1 {
        width: 40vw;
        height: 22.5vw;
        position: absolute;
        top: 22.5vw;
        left: 10vw;
        overflow: hidden;
    }
    
    .ytbu_sceneN .inner .video1 video {
        width: 100%;
    }
    /*End:多彩校园*/
    /*Begin:新闻和媒体关�?*/
    
    .ytbu_notice {
        padding: 5vw 0;
        background: #efebea;
        transition: all 0.8s ease-in-out 0s;
        position: relative;
    }
    
    .ytbu_notice .inner {
        width: 80vw;
        margin: auto;
        z-index: 1;
        height: 25vw;
        overflow: hidden;
        position: relative;
        display: flex;
        transition: all 0.8s ease 0s;
    }
    
    .ytbu_notice .inner .l {
        width: 40%;
        transition: all 0.8s ease 0s;
    }
    
    .ytbu_notice .inner .l .top {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 5vw;
    }
    
    .ytbu_notice .inner .l .top .title {
        width: 50%;
        font-size: 2vw;
        text-align: left;
    }
    
    .ytbu_notice .inner .l .top .title .l {
        font-size: 2vw;
        color: #7e0014;
    }
    
    .ytbu_notice .inner .l .top .title .r {
        margin-left: 0;
        visibility: hidden;
    }
    
    .ytbu_notice .inner .l .top .more {
        width: 50%;
        text-align: right;
        display: flex;
        justify-content: flex-end;
        align-items: flex-end;
        position: relative;
    }
    
    .ytbu_notice .inner .l .top .more .text {
        color: #ccb280;
        position: absolute;
        right: 5vw;
        bottom: -1vw;
        font-size: 1vw;
    }
    
    .ytbu_notice .inner .l .top .more .tag {
        width: 5vw;
        position: absolute;
        bottom: -1.5vw;
        right: 0;
    }
    
    .ytbu_notice .inner .l .bottom {
        margin-top: 2vw;
        height: calc(18vw - 0.2vw - 1vw - 1.2vw);
        padding: 1vw 1.5vw 1.2vw 1.5vw;
        background-color: #FFFFFF;
        box-shadow: 2px -2px 5px #DFDFDF;
        border-bottom: 0.2vw solid #7e0014;
    }
    
    .ytbu_notice .inner .l .bottom ul li {
        position: relative;
        height: calc((18vw - 1vw - 1.2vw)/3);border-bottom: 1px solid #D5D5D5;
    }
    
    .ytbu_notice .inner .l .bottom ul li:hover h3 {
        color: #7e0014;
    }
    
    .ytbu_notice .inner .l .bottom ul li:hover {
        cursor: pointer;
    }
    
    .ytbu_notice .inner .l .bottom ul li:hover .line {
        border-bottom: 1px solid #7e0014;
    }
    
    .ytbu_notice .inner .l .bottom h3 {
        padding: 1vw 0;
        font-size: 1vw;
        line-height: 3.2vw;white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    position: absolute;
    left: 0;
    right: 95px;
    }
    
    .ytbu_notice .inner .l .bottom span {
        color: #7e0014;
        font-style: italic;
        font-size: 0.9vw;
        background-color: #FFFFFF;
        position: relative;
        z-index: 2;
        padding-right: 0.5vw;
    }
    
    .ytbu_notice .inner .l .bottom .time {
        position: relative;float: right;
    padding: 1vw 0;
    line-height: 3.2vw;
    }
    
    .ytbu_notice .inner .l .bottom .line {
        position: absolute;
        width: 100%;
        bottom: 50%;
        right: 0;
        border-bottom: 1px solid #D5D5D5;
    }
    
    .ytbu_notice .inner .r {
        width: calc(60% - 3vw);
        margin-left: 3vw;
    }
    
    .ytbu_notice .inner .r .top {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 5vw;
    }
    
    .ytbu_notice .inner .r .top .title {
        width: 50%;
        font-size: 2vw;
        text-align: left;
        color: #7e0014;
    }
    
    .ytbu_notice .inner .r .top .more {
        width: 50%;
        text-align: right;
        display: flex;
        justify-content: flex-end;
        align-items: flex-end;
        position: relative;
    }
    
    .ytbu_notice .inner .r .top .more .text {
        color: #ccb280;
        position: absolute;
        right: 5vw;
        bottom: -1vw;
        font-size: 1vw;
    }
    
    .ytbu_notice .inner .r .top .more .tag {
        width: 5vw;
        position: absolute;
        bottom: -1.5vw;
        right: 0;
    }
    
    .ytbu_notice .inner .r .bottom {
        margin-top: 2vw;
        height: 18vw;
        background-color: #FFFFFF;
        box-shadow: 2px -2px 5px #DFDFDF;
    }
    
    .ytbu_notice .inner .r .bottom .item {
        border-bottom: 0.2vw solid #efebea;
        ;
        display: flex;
        height: calc((18vw - 0.6vw)/3);
        cursor: pointer;
    }
    
    .ytbu_notice .inner .r .bottom .item .img {
        border-left: 1px solid #D5D5D5;
        border-right: 1px solid #D5D5D5;
        padding: 0.5vw;
        width: 20%;
        overflow: hidden;
        background-image: url(/_upload/tpl/00/67/103/images/newModel/notice/notice-bg.jpg);
        background-size: 100% 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .ytbu_notice .inner .r .bottom .item .img h3 {
        font-size: 1.1vw;
        color: #ccb280;
    }
    
    .ytbu_notice .inner .r .bottom .item .img img {
        width: 100%;
        height: 100%;
    }
    
    .ytbu_notice .inner .r .bottom .n1,
    .ytbu_notice .inner .r .bottom .n2 {}
    
    .ytbu_notice .inner .r .bottom .n3 {
        border-bottom: 0.2vw solid #7e0014;
        ;
    }
    
    .ytbu_notice .inner .r .bottom .item .title {
        display: flex;
        align-items: center;
        font-size: 1vw;
        padding-left: 1vw;
    }
    /*End:新闻和媒体关�?*/
    /*Begin:合作交流*/
    
    .ytbu_cooperate {
        padding: 5vw 0;
        background: #FFFFFF;
        transition: all 0.8s ease-in-out 0s;
        position: relative;
    }
    
    .ytbu_cooperate .inner {
        width: 80vw;
        margin: auto;
        z-index: 1;
        height: 45vw;
        overflow: hidden;
        position: relative;
        display: flex;
    }
    
    .ytbu_cooperate .inner .title {
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 2vw;
        height: 10%;
        width: 100%;
        color: #7e0014;
    }
    
    .ytbu_cooperate .inner .top {
        position: absolute;
        top: 4.5vw;
        left: -1vw;
        width: 50%;
        height: 80%;
        overflow: hidden;
        margin: 0.5vw;
        transition: all 0.8s ease-in-out 0s;
    }
    
    .ytbu_cooperate .inner .top .images {
        color: #fff;
        background-position: center center;
        position: absolute;
        overflow: hidden;
        background-color: #DCDCDC;
        top: 0;
        left: 0;
        z-index: 1;
        transform: translate3d(0%, 0px, 0px);
        transition: all 1s ease 0s;
        width: calc(100% * 5);
        height: 34vw;
        display: flex;
    }
    
    .ytbu_cooperate .inner .top .images .item img {
        transition: all 0.7s ease 0s;
        cursor: pointer;
        width: 100%;
    }
    
    .ytbu_cooperate .inner .top .images .item h3 {
        cursor: pointer;
        position: absolute;
        bottom: 2vw;
        left: 2vw;
        font-size: 1vw;
    }
    
    .ytbu_cooperate .inner .top .images .item img:hover {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);
    }
    
    .ytbu_cooperate .inner .top .item {
        overflow: hidden;
        background-size: cover;
        width: 40vw;
        position: relative;
    }
    
    .ytbu_cooperate .inner .bottom {
        width: 50%;
        position: absolute;
        right: 0;
        top: 10%;
        flex-wrap: wrap;
        display: flex;
    }
    
    .ytbu_cooperate .inner .bottom .p1,
    .ytbu_cooperate .inner .bottom .p2,
    .ytbu_cooperate .inner .bottom .p3,
    .ytbu_cooperate .inner .bottom .p4 {
        width: calc((40vw - 2vw) / 2);
        height: calc((35vw - 2vw) / 2);
        overflow: hidden;
        margin: 0.5vw;
        position: relative;
    }
    
    .ytbu_cooperate .inner .bottom .p1 {
        transition: all 0.8s ease 0s;
    }
    
    .ytbu_cooperate .inner .bottom .p2 {
        transition: all 1s ease 0s;
    }
    
    .ytbu_cooperate .inner .bottom .p3 {
        transition: all 1.2s ease 0s;
    }
    
    .ytbu_cooperate .inner .bottom .p4 {
        transition: all 1.4s ease 0s;
    }
    
    .ytbu_cooperate .inner .bottom img {
        transition: all 0.7s ease 0s;
        cursor: pointer;
        width: 100%;
    }
    
    .ytbu_cooperate .inner .bottom h3 {
        cursor: pointer;
        position: absolute;
        bottom: 2vw;
        text-align: center;
        width: 100%;
        font-size: 1vw;
        text-align: center;
        color: #FFFFFF;
    }
    
    .ytbu_cooperate .inner .bottom img:hover {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);
    }
    
    .ytbu_cooperate .inner .btns {
        font-size: 1vw;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 10%;
        width: 100%;
        position: absolute;
        bottom: 0;
    }
    /*End:合作交流*/
    /*Begin:校内参观*/
    
    .ytbu_guide {
        padding: 5vw 0 0 0;
        background: #FFFFFF;
        transition: all 0.8s ease-in-out 0s;
        position: relative;
    }
    
    .ytbu_guide .inner {
        width: 80vw;
        margin: auto;
        z-index: 1;
        height: 15vw;
        overflow: hidden;
        position: relative;
    }
    
    .ytbu_guide .inner .top {
        text-align: center;
        font-size: 2vw;
        height: 2vw;
        margin-bottom: 20px;
        color: #7e0014;
    }
    
    .ytbu_guide .inner .bottom {
        display: flex;
    }
    
    .ytbu_guide .inner .bottom .item {
        width: 20%;
        padding: 0 5%;
        text-align: center;
    }
    
    .ytbu_guide .inner .bottom .item div {
        width: 3vw;
        margin: auto;
        height: 3vw;
        transition: all 1s ease 0s;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }
    
    .ytbu_guide .inner .bottom .n1 .tag {
        transition: all 0.5s ease-in-out 0s;
        background-image: url(/_upload/tpl/00/67/103/images/newModel/guide/sqB.png);
    }
    
    .ytbu_guide .inner .bottom .n1:hover .tag {
        background-image: url(/_upload/tpl/00/67/103/images/newModel/guide/sqA.png);
    }
    
    .ytbu_guide .inner .bottom .n2 .tag {
        transition: all 0.5s ease-in-out 0s;
        background-image: url(/_upload/tpl/00/67/103/images/newModel/guide/qjB.png);
    }
    
    .ytbu_guide .inner .bottom .n2:hover .tag {
        background-image: url(/_upload/tpl/00/67/103/images/newModel/guide/qjA.png);
    }
    
    .ytbu_guide .inner .bottom .n3 .tag {
        transition: all 0.5s ease-in-out 0s;
        background-image: url(/_upload/tpl/00/67/103/images/newModel/guide/dtB.png);
    }
    
    .ytbu_guide .inner .bottom .n3:hover .tag {
        background-image: url(/_upload/tpl/00/67/103/images/newModel/guide/dtA.png);
    }
    
    .ytbu_guide .inner .bottom .n4 .tag {
        transition: all 0.5s ease-in-out 0s;
        background-image: url(/_upload/tpl/00/67/103/images/newModel/guide/bgB.png);
    }
    
    .ytbu_guide .inner .bottom .n4:hover .tag {
        background-image: url(/_upload/tpl/00/67/103/images/newModel/guide/bgA.png);
    }
    
    .ytbu_guide .inner .bottom .item h3 {
        height: 2vw;
        font-size: 1vw;
        text-align: center;
        margin-top: 1.5vw;
    }
    
    .ytbu_guide:hover,
    .ytbu_guide .inner:hover,
    .ytbu_guide .inner .bottom:hover,
    .ytbu_guide .inner .bottom .item:hover,
    .ytbu_guide .inner .bottom .item h3:hover {
        color: #7e0014 !important;
    }
    /*Begin:校内参观*/
    /*Begin:底部*/
    

    /*End:底部*/
    .top_e {
            position:fixed;right:10px;bottom:40px;
            cursor:pointer;
            display:none;
            width:40px;
            height:40px;
     }
    .hidediv {
        opacity: 1;
    }
    
    .more_all a {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .more_all a .icon {
        margin-right: 0.5vw;
        width: 10vw;
        height: 2vw;
        background-size: cover;
        background-image: url(/_upload/tpl/00/67/103/images/newModel/more/before.png);
    }
    
    .more {
        font-size: 0.8vw;
    }
    
    .more_all:hover .icon {
        background-image: url(/_upload/tpl/00/67/103/images/newModel/more/after.png);
    }
    
    a {
        cursor: pointer;
    }
    
    .imgScale {
        animation: HumanimgMove 20s infinite alternate;
    }
    
    @keyframes HumanimgMove {
        from {
            transform: scale(1);
        }
        to {
            transform: scale(1.2);
        }
    }
.ytbu_contact {
    padding-bottom: 5vw;
     background-color: #fff;
}