﻿@font-face {
    font-family: 'GeneratePress';
    src: url('../fonts/generatepress.eot');
    src: url('../fonts/generatepress.eot?#iefix') format('embedded-opentype'),
        url('../fonts/generatepress.woff2') format('woff2'),
        url('../fonts/generatepress.woff') format('woff'),
        url('../fonts/generatepress.ttf') format('truetype'),
        url('../fonts/generatepress.svg#GeneratePress') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {



    font-family: 'gotham_book';



    src: url('fonts/gotham_book.ttf');



}

@font-face {



    font-family: 'gotham_black';



    src: url('fonts/gothamblack.ttf');



}

@font-face {



    font-family: 'gotham_book_regular';



    src: url('fonts/gotham_book_regular.ttf');



}

@font-face {



    font-family: 'frutiger_light';



    src: url('fonts/frutiger_light.ttf');



}

@font-face {



    font-family: 'gotham_black_regular';



    src: url('fonts/gotham_black_regular.ttf');



}



@-webkit-keyframes transform {

  0%,

  to {

    border-radius: 63% 37% 54% 46%/55% 48% 52% 45%;

  }

  14% {

    border-radius: 40% 60% 54% 46%/49% 60% 40% 51%;

  }

  28% {

    border-radius: 54% 46% 38% 62%/49% 70% 30% 51%;

  }

  42% {

    border-radius: 61% 39% 55% 45%/61% 38% 62% 39%;

  }

  56% {

    border-radius: 61% 39% 67% 33%/70% 50% 50% 30%;

  }

  70% {

    border-radius: 50% 50% 34% 66%/56% 68% 32% 44%;

  }

  84% {

    border-radius: 46% 54% 50% 50%/35% 61% 39% 65%;

  }

}



@keyframes transform {

  0%,

  to {

    border-radius: 63% 37% 54% 46%/55% 48% 52% 45%;

  }

  14% {

    border-radius: 40% 60% 54% 46%/49% 60% 40% 51%;

  }

  28% {

    border-radius: 54% 46% 38% 62%/49% 70% 30% 51%;

  }

  42% {

    border-radius: 61% 39% 55% 45%/61% 38% 62% 39%;

  }

  56% {

    border-radius: 61% 39% 67% 33%/70% 50% 50% 30%;

  }

  70% {

    border-radius: 50% 50% 34% 66%/56% 68% 32% 44%;

  }

  84% {

    border-radius: 46% 54% 50% 50%/35% 61% 39% 65%;

  }

}



*{ touch-action: pan-y; } 

html{ height:100%;}

body{ background: none !important; overflow-x:hidden;  font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif,Roboto,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol; background-color:#f7f8f9;}

h1, h2, h3, h4, h5, h6, a{ font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif,Roboto,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;}

.site-header{ z-index:9999; position:fixed; width:100%;}

.shrink-header{ background-color:#222222;}

.shrink-header .inside-header{ padding:10px 60px;}

.shrink-header .main-navigation .main-nav ul li a{ line-height:40px; text-shadow:none;}

.site-header .header-image{ width:220px !important;}

.shrink-header .header-image{ width:120px !important;}

.ms-parent-id-1 .master-slider,.header_slider .master-slider{z-index:1; width:100% !important; }

.ms-inner-controls-cont,.ms-view{position: relative; margin: 0 auto; max-width: none !important; left: 0px !important;}

.ms-parent-id-1 .ms-slide-layers,.header_slider .ms-slide-layers{max-width: 100% !important; left: 0px !important;}

.main-navigation{ margin:0; display:flex; flex-direction:column; justify-content: center; width: calc(100% - 130px);}

.main-navigation, .main-navigation ul ul{ background: none !important;}

.main-navigation .main-nav ul li[class*="current-menu-"] > a{ background: none !important; color:#cccccc;}

.site-header a, .site-header a:visited{ color:#D60012 !important;}

.main-navigation .main-nav ul li a{font-size:100%; padding-left:1rem; padding-right:1rem; font-family:"pingfang SC","Microsoft YaHei";}

.main-navigation .main-nav ul li a:hover{ color:#D60012;}

/*.main-navigation .main-nav ul li.current-menu-item a:before,.main-navigation .main-nav ul li:hover a:before{bottom: 11px!important;content: ""; display: block; height: 2px; position: absolute; width:calc(100% - 3rem);  background-color: #ffffff;}*/

.entry-content .post_content{ width:75%; max-width:100%; margin:0 auto; padding:3em 0;}

.entry-content .post_content .post_content_detail{ width:80%; margin:0px auto; max-width:1200px;}

.entry-content .post_content .post_content_detail h2{ font-size:220%;}

.entry-content .post_content .post_content_detail p{ margin-bottom:0.6em;}

.entry-content .entry-title{ margin-bottom:2.5em; font-size:1.5em; width:100%;}

.post_content header:after{ content:""; clear:both;}

.entry-content .gallery{ width:75%; margin:0px auto 2em auto;}

.entry-content .gallery .first-type,.entry-content .gallery .second-type{ padding:1.2% 0 !important; clear:both;}

.entry-content .gallery .col-lg-4{ float:left; width:33.33333333%; padding:0px !important;}

.entry-content .gallery .col-lg-8{ float:left; width:66.66666667%; padding:0px !important;}

.entry-content .gallery .first-type .first{ margin:0 6% 6.5% 0;}

.entry-content .gallery .first-type .second{ margin:6% 6% 0 0;}

.entry-content .gallery .second-type .first{ margin:0 0 6.5% 6%;}

.entry-content .gallery .second-type .second{ margin:6% 0 0 6%;}

.entry-content .gallery img{ width:100%;}

.entry-content .contact-left{ float:left; width:70%; overflow:hidden;}

.entry-content .contact-right{ float:right; width:30%; overflow:hidden; max-width:280px; text-align:center;}

.entry-content .contact-right img{ width:100%;}

.entry-content select{ padding:5px 5px;}

#content_box{ margin:2em 0 2em 0 !important;}

.entry-content .post_content .common_button img{ max-width: 220px;}

.entry-content .search_list .page,.entry-content .search_list .post{ margin-top:2em;}

.entry-content .search_list h2{ margin-bottom:10px;}



.page_menu{ width:50%; float:right; text-align:right}

.page_menu ul{ margin:0; padding:0; float:right; line-height:2.2em;}

.page_menu ul li{ list-style:none; float:left; margin-left:10px;}

.page_menu a{ padding:5px 10px; width:100%; background-color:#3c3b39;color:#fff; font-size:0.8em;}

.page_menu ul li.current-menu-item a{ background-color: #ffff01; color:#3c3b39;}



.graduates ul{ margin:0; padding:0;}

.graduates ul li{ list-style:none; width:23.5%; margin-left:2%; margin-bottom:16px;box-shadow: 0 0px 5px 0 rgba(0, 0, 0, 0.1), 0 4px 22px 0 rgba(0, 0, 0, 0.1); font-size:0px; display:inline-block;}

.graduates ul li .graduates_item{ display:block; width:100%;}

.graduates ul li .graduates_item .item_cover,.graduates ul li .graduates_item .item_cover_content{background-color:#000; color:#fff !important; opacity:0.7; height:100%; margin-top:-100%; position:absolute; display:none;}

.graduates ul li .graduates_item .item_cover_content{ background-color: transparent; opacity: 1; font-size:14px;}

.graduates ul li .graduates_item .item_cover_content_wrap{ margin:10px;}

.graduates ul li .graduates_item .item_cover_content .item_cover_content_wrap .info{ display:flex; position:absolute; bottom:0;}

.graduates ul li .graduates_item .item_cover_content .item_cover_content_wrap .info .avatar{ width:33%; margin-right:10px;}

.graduates ul li .graduates_item .item_cover_content .item_cover_content_wrap .info .info_detail{ margin-right:10px;}

.graduates ul li .graduates_item .item_cover_content .item_cover_content_wrap .info .avatar img{ width:100%; border-radius:50%;}

.graduates ul li img{ width:100%;}

.graduates ul li.no-margin-left{ margin-left:0px;}

.graduates ul li h5{ line-height:25px; font-weight:bold; font-size:1.5em; margin:0.5em 10px; }

.newslist ul li h5{ line-height:20px !important; font-weight:normal; height:60px; font-size:1.2em; margin:1em 10px;}

.videolist ul li h5{ height:60px; display:block; overflow:hidden; margin-bottom:10px; font-size:1.1em; line-height:30px;}

.videolist ul li{ padding-bottom:3%; margin-bottom:4em;}

.videolist ul li span{ width:100% !important; position:absolute; margin-left: 13%;}

.videolist ul li span img{ width:10%;}

.newslist ul li h5 a{color:#3c3b39;}

.graduates ul li p{ height:25px; line-height:25px; overflow:hidden; margin:0 10px 10px 10px;}

.graduates ul li p.words{ height:50px;}

.schedule{ text-align:center;}

.schedule ul li{ width:32%; }

.schedule .item_cover_content_wrap{ height:100%;}

.schedule .item_cover_content_wrap .words{display: flex; flex-direction: column; justify-content: center; height:100%; text-align:center;}

.schedule ul li p{ height:auto !important; margin:0 0 5px 0 !important;}

.schedule ul li .graduates_item .item_cover_content_wrap{ margin:0px;}



.main-navigation .main-nav ul li:hover > a, .main-navigation .main-nav ul li:focus > a, .main-navigation .main-nav ul li.sfHover > a{ background:none !important;}



.navigation-search input{ border-radius:5px;}



.brand_product_link{ margin:4% 0 0; animation-name: fromright;}

.brand_product_link img{ width:40%;}

.brand_wtb_link{ clear:both;text-align:right;margin-top:3%; }

.brand_wtb_link img{ float:right; width:1rem;}

.brand_wtb_link a,.brand_wtb_link a:hover{ margin-right:0.5rem; padding-right:3rem; width: auto;font-size: 100%; background: url(/wp-content/uploads/2018/06/next-btn.png) right center no-repeat; background-size: auto 80%; font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif,Roboto,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;}



.brand_info{ font-size:50%;}

.brand_info,.brand_info a,.brand_info a:hover{ color:#fff; width:100%;}

.brand_logo{ text-align:center; margin-top:10% }

.brand_logo img{ width:80%;}

.brand_title{ font-size:500%; line-height:150%; height:300%; margin:5% 0;  overflow: auto; overflow-x: hidden; font-family:gotham_black_regular,"pingfang SC","Microsoft YaHei" !important; font-weight:bold;}

.brand_title p{ margin-bottom:0px;}

.banner_title{ font-size:500%;}

.brand_description{ height:5em; display:block; overflow: auto; overflow-x: hidden; font-size:150%; line-height:100%; font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif,Roboto,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol; margin-top:1em;}

.banner_description{ height:10em; line-height:2em; font-size:200%; display: inline-block}



.brand_description::-webkit-scrollbar {

	width: 4px; 

}

.brand_description::-webkit-scrollbar-track{

	-webkit-box-shadow: inset 0 0 6px #ffffff;

	background-color: #ffffff;

	border-radius: 2px;

}

.brand_description::-webkit-scrollbar-thumb{

	border-radius: 2px;

	-webkit-box-shadow: inset 0 0 6px #bbbbbb;

	background-color: #ccccccc;

}

.brand_product_link{ margin:4% 0 0; animation-name: fromright;}

.brand_product_link img{ width:40%;}

.brand_wtb_link{ clear:both;text-align:right;margin-top:3%; }

.brand_wtb_link img{ float:right; width:1rem;}

.brand_wtb_link a,.brand_wtb_link a:hover{ margin-right:0.5rem; padding-right:3rem; width: auto;font-size: 100%; background: url(/wp-content/uploads/2018/06/next-btn.png) right center no-repeat; background-size: auto 80%; font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif,Roboto,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;}

.slick_box{ width:75%; margin:0px auto;}

.home_slick .slick-slide{margin: 20px 15px 70px 15px !important;box-shadow: 0 0px 5px 0 rgba(0, 0, 0, 0.1), 0 4px 22px 0 rgba(0, 0, 0, 0.1); padding-bottom:3%;}

.home_slick .slick-slide .video_description{ height:70px; line-height:25px; overflow:hidden; display:block;}

.home_slick .slick-slide p{ margin:10px 20px;line-height:25px; overflow:hidden;}

.home_slick .slick-slide img{ margin:0px auto;}

.home_slick .slick-slide p a{ color:#333333}

.home_slick .slick-slide span{ width:40%; position:absolute; margin-left:55%;}

.home_slick .slick-slide .readmore{ text-align:right;}

.home_slick .slick-slide .readmore a{ color:#333333}

.home_slick .slick-track{ width:auto;}

.videos-image-overlay {

    transition: .5s ease;

    opacity: 0;

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%, -50%);

    -moz-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    -o-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    text-align: center;

}

.slick_box h2{ padding:0px 15px;}

.slick_box h2 .head_line,.brand_info h2 .head_line, .entry-title .head_line{ display:inline-block; width:120px; border-bottom:2px solid #333; height:34px; margin-left:10px;}

.brand_info h2{ margin-bottom:2em; font-size:2.5em;}

.brand_info h2 .head_line{ border-color:#fff;}

.slick_box h2 .more{ float:right; font-size:20px; line-height:36px; border:1px solid #ccc; color:#666; text-align:center; display:inline-block; padding:0 20px;}

.slick_box h2 .more:hover{ background-color: #333; color:#fff;}

.awords{ margin:4em 0;}

.awords img{ width:10%; margin-left:1.25%;}

.awords img:nth-child(1),.awords img:nth-child(10){ margin-left:0px;}



.body .grid-container{ width:100% !important;}

.grid-container{ max-width:100% !important;}



.site-footer{color:#ffffff; line-height:30px; background-color:#1F2325; padding:30px 0; text-align:left;}

.footer-widgets{ padding:0; margin:0px auto; width:90%; max-width:1600px; background:none; color:#a7a7a7;}

.footer-widgets a{ color:#a7a7a7;}

.footer-widgets .widget-title{ color:#fff; line-height:40px;}

.footer-widgets .footer-widget-1{ width: 30%;}

.footer-widgets .footer-widget-1 span a:after{ border-left:1px solid #fff; margin:0px 2%; content:""; height:15px;}

.footer-widgets .footer-widget-1 .zuru-last-span a:after{border:none; margin:0px;}

.footer-widgets .footer-widget-2{ width:20% !important;}

.footer-widgets .footer-widget-2 .textwidget p{ margin-bottom:0.5em;}

.footer-widgets .footer-widget-2 ul{ float:right;}

.footer-widgets .footer-widget-2 ul li{ display:inline-block; margin-left:30px;}

.footer-widgets .footer-widget-3 .textwidget p{ font-size:1em;}

.footer-widgets .footer-widget-3 .textwidget p img{ width:100%; max-width:280px;}

.footer-widgets .widget{ font-size:90%;}

.site-info,#divout{ background-color:#222222 !important;}

.site-info{ display:none;}

#layer{width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; background-color: rgb(51, 51, 51); opacity: 0.8; z-index:9998; display:none;}

#modal_box{display:none;}

#modal_wrap{ width:100%; height:100%; display: flex; flex-direction: column; justify-content: center; position: absolute; top:0px; z-index:9999; }

#modal{ width:40%;background-color:#fff; margin:0px auto;border-radius:20px;}

#modal .msg_box{ margin:20px;}

#modal .msg_box h3{ margin-bottom:10px;}

#modal .msg_box .msg_box_email{ color:#BE272D; }

#modal .msg_box h4{ margin-bottom:10px; margin-top:20px;}

#modal .close_modal{  position:absolute; color:#000; width:30px; margin-left:calc(40% - 30px ); line-height:40px; font-size:28px;}

#modal .close_modal_video{ margin-top:-73px; background-color:#fff; height:40px; line-height:40px; position:absolute; width:100%;}

#modal .close_modal span{ cursor:pointer;}

#main .ms-skin-default .ms-bullet{ background:#fff !important}

#main .ms-skin-default .ms-bullet-selected{ background:#FFF234 !important}

.banner_mobile{ display:none;}

.main-navigation li img{ max-height: 40px; display:block; margin-top:10px;}

.site-navigation-background{position: absolute; width: 100%; height: 100%; background-color: #fff; opacity: 0.9;backdrop-filter: blur(24px);}

.home-layout{ height:100%; background-color:#f8f8f8;}

.home-layout.page-layout{ height:auto; min-height:100%; background-color:#ffffff;}

.content-home{ height:auto; padding: 0;  box-sizing: border-box; width:100%;}

.content-home-layer{ min-height:100%; height:100%; width:100%; background:rgba(0,0,0,.3);position:fixed; z-index:4;}

.content-home-layer-text{position: absolute;width: 100%; height: 100%; top: 0; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; text-align: center; z-index:5; overflow:hidden;}

.content-home-layer-text .home-title{ color:#fff; font-size:20px; margin:0px auto; position:relative; margin-bottom:10px; font-weight:600;}

/*.content-home-layer-text .overlay-content span { display:inline-block; -webkit-animation: slideInDown 0.4s backwards; -moz-animation: slideInDown 0.4s; animation: slideInDown 0.4s backwards ; font-family:"gotham_black";}*/

.content-home-layer-text .overlay-content span { display:inline-block; font-family:"gotham_black";}

.content-home-layer-text .overlay-content span.t{ font-size:20px;}



/*.content-home-layer-text .home-slogan span:nth-child(1){animation-delay:0s; -webkit-animation-delay:0s;}

.content-home-layer-text .home-slogan span:nth-child(2){animation-delay:0.1s; -webkit-animation-delay:0.1;}

.content-home-layer-text .home-slogan span:nth-child(3){animation-delay:0.2s; -webkit-animation-delay:0.2s;}

.content-home-layer-text .home-slogan span:nth-child(4){animation-delay:0.3s; -webkit-animation-delay:0.3s;}

.content-home-layer-text .home-slogan span:nth-child(5){animation-delay:0.4s; -webkit-animation-delay:0.4s;}

.content-home-layer-text .home-slogan span:nth-child(6){animation-delay:0.5s; -webkit-animation-delay:0.5s;}

.content-home-layer-text .home-slogan span:nth-child(7){animation-delay:0.6s; -webkit-animation-delay:0.6s;}

.content-home-layer-text .home-slogan span:nth-child(8){animation-delay:0.7s; -webkit-animation-delay:0.7s;}

.content-home-layer-text .home-slogan span:nth-child(9){animation-delay:0.8s; -webkit-animation-delay:0.8s;}

.content-home-layer-text .home-slogan span:nth-child(10){animation-delay:0.9s; -webkit-animation-delay:0.9s;}

.content-home-layer-text .home-slogan span:nth-child(11){animation-delay:1s; -webkit-animation-delay:1s;}

.content-home-layer-text .home-slogan span:nth-child(12){animation-delay:1.1; -webkit-animation-delay:1.1s;}

.content-home-layer-text .home-slogan span:nth-child(13){animation-delay:1.2s; -webkit-animation-delay:1.2s;}

.content-home-layer-text .home-slogan span:nth-child(14){animation-delay:1.3s; -webkit-animation-delay:1.3s;}

.content-home-layer-text .home-slogan span:nth-child(15){animation-delay:1.4s; -webkit-animation-delay:1.4s;}

.content-home-layer-text .home-slogan span:nth-child(16){animation-delay:1.5s; -webkit-animation-delay:1.5s;}

.content-home-layer-text .home-slogan span:nth-child(17){animation-delay:1.6s; -webkit-animation-delay:1.6s;}

.content-home-layer-text .home-slogan span:nth-child(18){animation-delay:1.7s; -webkit-animation-delay:1.7s;}

.content-home-layer-text .home-slogan span:nth-child(19){animation-delay:1.8s; -webkit-animation-delay:1.8s;}

.content-home-layer-text .home-slogan span:nth-child(20){animation-delay:1.9s; -webkit-animation-delay:1.9s;}

.content-home-layer-text .home-slogan span:nth-child(21){animation-delay:2s; -webkit-animation-delay:2s;}

.content-home-layer-text .home-slogan span:nth-child(22){animation-delay:2.1s; -webkit-animation-delay:2.1s;}

.content-home-layer-text .home-slogan span:nth-child(23){animation-delay:2.2s; -webkit-animation-delay:2.2s;}

.content-home-layer-text .home-slogan span:nth-child(24){animation-delay:2.3s; -webkit-animation-delay:2.3s;}

.content-home-layer-text .home-slogan span:nth-child(25){animation-delay:2.4s; -webkit-animation-delay:2.4s;}

.content-home-layer-text .home-slogan span:nth-child(26){animation-delay:2.5s; -webkit-animation-delay:2.5s;}

.content-home-layer-text .home-slogan span:nth-child(27){animation-delay:2.6s; -webkit-animation-delay:2.6s;}

.content-home-layer-text .home-slogan span:nth-child(28){animation-delay:2.7s; -webkit-animation-delay:2.7s;}

.content-home-layer-text .home-slogan span:nth-child(29){animation-delay:2.8s; -webkit-animation-delay:2.8s;}

*/



.content-home-layer-text .home-slogan{ color:#fff; font-size:56px; margin:0px auto; font-weight:600; margin-bottom:25px; line-height:1.2;}

.home-banner-new{ width:100%; height:auto; position:relative;}

.home-learnmore{ text-align:center; position: absolute; left: calc(50% - 165px); bottom:25%;}

.home-learnmore .home-layer{ position:absolute; top:0px; left:0; width:100%; height:100%;}

.home-learnmore a{ display:inline-block; color:#fff; font-size:1.3rem; margin:0px auto; background-color:#333; padding:6px 0px; color:#fff; border-radius:30px; width:180px; box-shadow: 0 0px 5px 0 rgba(102, 102, 102, 0.1), 0 4px 22px 0 rgba(102, 102, 102, 0.1);}
#open_video{ margin-left:10px;}
.home-learnmore a:hover{background-color:#d50012;}

.home-arrow{ display:inline-block; width:25px; height:22px; background:url(../images/arrow-down.png) no-repeat; background-size:100% 100%; position:absolute;left: calc(50% - 12.5px); bottom:calc(12% + 70px);}

/*.content-home-layer-text .home-learnmore a.init{ -webkit-animation: slideInUp 1s backwards; -moz-animation: slideInUp 1s; animation: slideInUp 1s backwards ; animation-delay:2.8s; -webkit-animation-delay:2.8s;}*/

.content-home-layer-text .home-learnmore a:hover{ background-color:#fff;}

.content-home-layer-text .home-learnmore a:after{content:"";  background-color:#eee109;width: 32px; height: 32px; background: url(../images/right.png) no-repeat; position:absolute; display:block; top:1px; right:12px;}

.content-home-layer-text .home-learnmore a:hover::before{transform:translate3d(0, 0, 0) scale3d(1, 1, 1); transition:transform .4s cubic-bezier(0.1, 0, 0.3, 1)}

.content-home-layer-text .home-learnmore a:hover::after{transform:translate3d(0, 0, 0); transition-duration:.05s; transition-delay:.4s; transition-timing-function:linear}

.home-banner{ height:100%; background: top center url("/wp-content/uploads/2020/08/home-bg.jpg")  ;background-position: center top; background-size: 100% auto; background-repeat: no-repeat;}

.home-banner-new img{ width:100%;}

.home-banner-video{ height:100%; width:100%; object-fit: cover;}

.home-banner-narrow{background-size:auto 100%; }

.campus-banner{ background-image:url(/wp-content/uploads/2020/08/campus-banner.jpg); display: flex; flex-direction: column; justify-content: center; }

.campus-banner .campus-text{ margin-left:20%; }

.campus-banner .campus-text img{ width:25%;}

.campus-banner .campus-text .learn-more{ height:30px; line-height:30px; color:#fff; border-radius:15px; border: 1px solid #fff; width:120px; text-align:center; display:block;}

#site-navigation-layout{ position: relative; width:100%; z-index:1000; top:0; backdrop-filter: blur(5px);box-shadow: 0 0px 5px 0 rgba(102, 102, 102, 0.2), 0 4px 22px 0 rgba(102, 102, 102, 0.2);}

#site-navigation-layout:before{ width:100%; height:60px; background-color:#000; opacity:0.3; content:""; position:absolute; }

.home #site-navigation-layout:before{ display:none;}

#site-navigation-layout .header-layout{ width:90%; margin:0px auto; display: flex; z-index:3;}

#site-navigation-layout .header-layout .site-logo{ width:130px; height:60px; display:flex; flex-direction:column; justify-content: center; font-size:0; z-index:10;}

#site-navigation-layout .header-layout .site-logo img{ width:100%;}

.campus-banner .campus-text .learn-more:hover{ background-color:#FFFFFF; color:#D60012 ;}

.campus-content{ width:75%; margin:70px auto 30px auto;}
#zuru-history{ margin-top:70px;}

.project-detail-content{ max-width:1400px; padding:30px 0px; margin:0px auto;}

.campus-content ul li img{ width:40%; height:auto;}

.campus-content .campus-content-left{ width:25%; margin-right:1%; background-color:#f7f8f9;}

.campus-content .campus-content-right{ background-color:#fff; padding:16px; color:#3f3f3f; width:74%;}

#campus-sidebar ul{ margin:0px; padding:0px; list-style:none;}

#campus-sidebar ul li{ margin-bottom:1px; width:100%;}

#campus-sidebar ul li a{ background-color:#fff; color:#727272; width:100%; height:42px; line-height:42px; display:block; text-align:center;}

#campus-sidebar ul li a:hover{ color:#e96464;}

#campus-sidebar ul li.current-menu-item a{ background-color:#fff; color:#e96464;}

.campus-content .campus-content-right h2{ font-size:24px;}

.campus-content .campus-content-right h2,.campus-content .campus-content-right h3,.campus-content .campus-content-right h4{ margin-bottom:20px; margin-top:20px; color:#000;}

.campus-content .campus-content-right .class-list{ line-height:40px;}

.campus-content .campus-content-right .position_filter{ margin-bottom:20px;}

.campus-content .campus-content-right hr{ margin:10px auto 20px auto !important;}

.campus-content .campus-content-right .position_search{ text-align:right; margin:0 0 0 auto; border:1px solid #ccc; border-radius:8px; width:30%; display:flex;}

.campus-content .campus-content-right .position_search .search_icon{}

#keyword{ width: calc(100% - 40px); border:none; background-color:#fff; border-radius:8px; font-size:13px;}

#keyword:focus{ border:none;}



.search_icon:before{ content: "\f002"; font-family: GeneratePress; width: 40px; height:100%; font-size:20px; line-height:44px; text-align: center; display: inline-block; cursor:pointer;}

.search_icon span{ width:1px; height:1px;}



.campus-content .campus-content-right .class-list a{ margin-left:10px; color:#000; cursor:pointer;}

.campus-content .campus-content-right .class-list a.current{ color:#D60012;}

.campus-content .campus-content-right .job-list{ margin:0; padding:0; list-style:none;}

.campus-content .campus-content-right .job-list li{ border-bottom:1px solid #f5f5f5; line-height:45px; width:100%; display:inline-flex;}

.campus-content .campus-content-right .job-list li.list-title{ background-color:#f5f5f5; border-bottom:none;}

.campus-content .campus-content-right .job-list li span{ padding:0 5px;}

.campus-content .campus-content-right .job-list li a{ color:#000;}

.campus-content .campus-content-right .job-list li span{ text-align:center;}

.campus-content .campus-content-right .job-list li span.job-title{ width:50%; text-align:left;}

.job-class{ width:10%;}

.job-city{ width:10%;}

.publish-time{ width:20%;}

.job-operation{ width:10%;}

.wp-pagenavi{ margin:20px auto; text-align:center;}

.campus-content .campus-content-right.faqs h2{ color:#e96464; margin-top:30px;}

.campus-content .campus-content-right.faqs h2:first-child{ margin-top:14px;}



.single ol{ margin-left:1.2em;}

.single .single_head h1{ font-size:26px;}

.single .single_head .single_meta{ margin-bottom:20px; padding-bottom:10px; border-bottom:1px solid #ccc;}

.single .single_head .single_meta span{ margin-right:50px;}

.faqs p,.single p{ margin-bottom:5px;}

.faqs .faq_title{ margin-top:20px;}

#about-fullpage{ z-index:2; background-color:#f7f8f9;}

.about-menu{ position: fixed; top:40%; z-index:4; left:10px;}

.about-menu ul{ list-style:none; margin:0px; padding:0px;}

.about-menu ul li{ border-left:2px solid #ddd; padding-left:10px;}

.about-menu ul li.current{ border-left:2px solid #e96464;}

.about-menu ul li a{ color:#666666;text-shadow: #333333;}

.about-menu ul li.current a{ color: #e96464;}

.slide_about{ width:100% !important; height:100% !important; background-position:0 0 !important; background-size: 100% auto !important; background-repeat:no-repeat !important; display:flex;flex-direction: column; justify-content: center; padding: 30px 0;}

.slide_text p{ margin-bottom:10px;}

.slide_about .slide_text{ width:40%; margin-left:15%;}



.slide_value{ width:100% !important; height:100% !important; background-position: right center !important; background-size: 50% 100% !important; background-repeat:no-repeat !important; display:flex;flex-direction: column; justify-content: center; background-color:#f7f8fa;}

.slide_value .slide_text{ width:30%; margin-left:15%; text-align:center;}



.slide_contact{ width:100% !important; height:100% !important; background-position: left center !important; background-size: 50% 100% !important; background-repeat:no-repeat !important; display:flex;flex-direction: column; justify-content: center; background-color:#f7f8fa;}

.slide_contact .slide_text{ width:50%; margin-left:50%; text-align:center;}

.slide_contact .slide_text img{ max-width:220px;}



.slide_industry{ width:60%; margin-left:20%;display: flex !important; flex-direction: column; justify-content: center; height:100%;}

.slide_industry ul{ margin:0px; padding:0px; list-style:none; width:100%;}

.slide_industry ul li{ display:flex; background-color:#ffffff; margin-bottom:10px;}

.slide_industry ul li .slide_img{ width:25%; margin-right:2%; font-size:0;}

.slide_industry ul li .slide_text{ width:73%;}

.slide_industry ul li .slide_text h3{ margin-top:10px; margin-bottom:10px;}

.slide_industry ul li .slide_img img{ width:100%;}



#send_resume{ background-color:#333; color:#fff; height:36px; line-height:36px; display:block; width:120px; text-align:center; border-radius:18px; cursor:pointer;}

.wpcf7-form-control-wrap { margin-top:5px;}

.send_fields{ width:100%;}

.send_fields p{ width:48%; display: inline-block;}

.wpcf7-form-control-wrap input{ padding:5px; width:98%;}

.wpcf7-submit{ background-color:#333 !important; border-radius:18px !important; padding:5px 20px !important; margin:0px auto;}

div.wpcf7-response-output{ margin:5px 0 0 !important; }

.wpcf7-not-valid-tip{ display:none !important;}

.wpcf7-not-valid{ border:1px solid #FF0000 !important;}

.codedropz-upload-inner h3 { font-size:20px !important; line-height:28px !important;}

.wechat_img{ position:absolute; width:200px; height:200px; margin-top:-260px; margin-left:-60px;}

.wechat_img img{ width:100%;}

.industry_desktop{ display:block;}

.industry_mobile{ display:none;}

.main-navigation .main-nav ul li a{ color:#000;}

.menu-toggle, .main-navigation .main-nav ul li[class*="current-menu-"] > a,.main-navigation .main-nav ul li a:hover,.home .site-header a, .site-header a:visited{ color:#c5021c !important;}

.home #site-navigation-layout{}

.home .main-navigation .main-nav ul li a:hover{ color:#c5021c;}

.home .main-navigation .main-nav ul li.current-menu-item a:after,.home .main-navigation .main-nav ul li:hover a:after{ background-color:#D60012;}

.home .main-navigation .main-nav ul li.current-menu-item a:after{ display:none;}

.campus_menu ul{ margin:25px auto 20px auto; display:flex; justify-content:center; border-bottom:1px solid #ccc;}

.campus_menu ul li{ list-style:none; cursor:pointer; height:50px; line-height:50px; padding:10px 16px; text-transform:uppercase;}
.campus_menu ul li.current{ color:#d50012; }
.campus_menu ul li.current:after{content: "";

    display: block;

    width: 100%;

    height: 3px;

    background-color: #d50012;

    margin: 10px auto 0 auto;}



.custom-banner-container{ position: relative; background-position: 50%; background-repeat: no-repeat;  background-size: cover; font-size:0; margin-bottom:-10px;}



/*.custom-banner-container:before{ content:""; width:100%; height:100%; display:block; background-color:#000; opacity:0; position:relative;}*/

.custom-banner-container img{ width:100%;}

.custom-banner{display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; text-align:center; height:100%; position:absolute; z-index:3; width:100%; top:30px;}

.no-layer:before{ background:none; opacity:0;}

.custom-banner h2{ margin-top:20px; font-size:300%; max-width:600px; font-family:"gotham_black";}

.custom-banner h3{ font-size:150%; max-width:600px; margin-bottom:10px;}





#campus-progress,#campus-xjh,#xjh-faqs,#campus-share,.yuyue-container{ text-align:center; margin: 0px auto;}

#campus-progress ul li{ display:block; cursor:pointer;}

#campus-progress ul li:hover{ animation:fadeInLeft; animation-duration:1s;}

.campus-content h2,.campus-life-content .campus-life-header h2{ padding:20px 0 20px 0; margin-bottom:0px; font-weight:600; text-align:center;}

/*.campus-content h2:after{ content:""; display:block; width:30px; height:3px; background-color: #D60012; margin:10px auto 0 auto;}
*/
.campus-life-content .campus-life-header h2:after{ content:""; display:block; width:30px; height:3px; background-color: #76c4db; margin:10px auto 0 auto;}

.campus-life-content .campus-life-header h3{ text-align:center;}

#campus-wish h2,#campus-share h2{ text-align:center;}

#campus-wish h2:after,#campus-share h2:after,.page-template-campus-graduates .campus-tab-content h2:after{ content: ""; display: block; width: 30px; height: 3px; background-color: #353d90; margin: 10px auto 0 auto;}

#campus-wish{}

#campus-wish ul{margin: 0px auto; display: flex; justify-content: center; flex-flow: wrap; justify-content: flex-start;}

#campus-wish ul li { list-style: none; width: calc(25% - 50px); position: relative; padding:10px 0; margin: 0 20px 30px 0px; text-align:center; border-radius:10px; padding:15px;}

#campus-wish ul li img{ width:100%; border-radius:10px;}

#campus-wish ul li p{ margin:10px 0;}

#campus-wish ul li:hover{box-shadow: 0 0px 5px 0 rgb(102 102 102 / 10%), 0 4px 22px 0 rgb(102 102 102 / 10%); background-color:#fff;}

#campus-wish ul li video{}

.playbox{ position:relative; line-height:1 !important;}

.video_btn {width: 40px;height: 40px;background-image: url(../images/play-button.png);background-size: cover; transition: 0.2s; position:absolute; bottom: calc( 50% - 20px); left:calc(50% - 20px); cursor:pointer;}

.video-model-bg {

    position: fixed;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    z-index: 10;

    background: rgba(0, 0, 0, 0.8);

    display: none;

}

.video-model {

    width: 720px;

    height: auto;

    position: fixed;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

    margin: 0;

    background: #fff;

    z-index: 11;

    display: none;

}

.mobile-video {

    width: 320px;

    height: auto;

    position: fixed;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

    margin: 0;

    background: #fff;

    z-index: 11;

    display: none;

}

.video-model video{ width:100% !important;}

#mod_player{ line-height:0 !important; position:relative;}

#mod_player .cancel{ position:absolute; width:36px; height:36px; right:-42px; top:0px; display:block; background:url(../images/cancel.png); background-size: cover; cursor:pointer;}

#mod_player .w-poster{ position:absolute; top:0; left:0; width:100%; height:100%; z-index:5; background:#000; display:none; pointer-events:none;}
#mod_player .w-poster img{ width:100%; height:100%; object-fit:cover; display:block;}

/* 首页 banner 视频封面图（视频加载前显示，播放后由 JS 隐藏） */
.home-banner-cover{ position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; z-index:1;}
.home-banner-video .video-layer{ z-index:2;}
.home-banner-video .home-arrow{ z-index:3;}
.home-banner-video .home-learnmore{ z-index:3;}



.allvideos ul{ display:none !important;}

.allvideos ul.current{ display: flex !important;}

.video-menu{  margin-bottom:20px;}

.video-menu span{margin-right:15px; position:relative; cursor:pointer; }

.video-menu span.current{ color:#353d90;}







.page-template-campus .campus-content h2:after{ content:""; display:block; width:30px; height:3px; background-color: #d50012; margin:10px auto 0 auto;}

.page-template-futuretech .campus-content h2:after{ content:""; display:block; width:30px; height:3px; background-color: #d50012; margin:10px auto 0 auto;}

.page-template-superstar .campus-content h2:after{ content:""; display:block; width:30px; height:3px; background-color: #d80a1b; margin:10px auto 0 auto;}

#campus-progress ul, #campus-xjh ul{ margin:60px auto; display:flex; justify-content:center;align-items: center;}

#campus-progress ul li, #campus-xjh ul li{ list-style:none; flex:1 1 33.33%; position:relative; }

#campus-progress ul li h3{ margin: 35px auto; margin-bottom: 0px;  padding: 0 10px 0 15px; width: 100%; max-width:120px;  height: 50px; line-height: 47px; background: url(../images/arrow.png) no-repeat; background-size: contain; font-size:16px; color:#fff;}

#campus-progress ul li:first-child h3{ text-align:left; margin-left;}

#campus-progress ul li:first-child h3{ background: url(../images/arrow-first.png) no-repeat;background-size: contain;}

#campus-progress ul li:last-child h3{ background: url(../images/arrow-last.png) no-repeat;background-size: contain;}

#campus-progress ul li .progress-icon{ position: relative;}

#campus-progress ul li .progress-icon p{ height: 40px; line-height: 20px; display: block; width: 100%; overflow: hidden; margin-top:10px;}

#campus-progress ul li .progress-tips{ color:#666; font-size:12px; position:absolute; bottom:-25px; display: block; text-align: center; width: 100%;}

/*#campus-progress ul li:nth-child(1) h3{ background: url(../images/arrow-first.png) no-repeat; background-size: contain;}

#campus-progress ul li:nth-child(6) h3{ background: url(../images/arrow-last.png) no-repeat; background-size: contain;}

#campus-progress ul li .progress-icon:after{content: "";display: block; height: 48px; width:48px; top: calc(50% - 24px); right:-24px;  position: absolute; background:url(../images/icon-right.png) no-repeat;background-size:contain;}*/

#campus-progress ul li:nth-child(n) .progress-icon:after{content: "";display: block; height: 48px; width: 30%; max-width: 120px; top: 20% ; right:-15%;;  position: absolute; background:url(../images/arrow1.png) no-repeat;background-size:contain;}

#campus-progress ul li:nth-child(2n) .progress-icon:after{content: "";display: block; height: 48px;width: 30%; max-width: 120px; top: 30%; right:-15%;;  position: absolute; background:url(../images/arrow2.png) no-repeat;background-size:contain;}

#campus-progress ul li.no-arrow:after{ display:none;}

#campus-progress ul li:nth-child(6) .progress-icon:after{ display:none;}



#campus-xjh ul{margin: 90px auto;}

#campus-xjh h3{ font-size:18px; max-width:800px; margin:10px auto;}

.yuyue{ background-color:#D60012; border-radius:20px; padding:5px 15px; color:#fff;}

.yuyue:hover{ color:#fff; background-color:#ecc243; }

.yuyue:visited,.yuyue:active{ background-color:#D60012; color:#fff;}

.xjh-list{ text-align:left;}

.xjh-list table{ margin:3em auto; max-width:800px;}

.xjh-list .xjh-item .xjh-item-header{ margin-top:40px; margin-bottom:10px; position:relative; display:flex; text-align:center;}

.xjh-list .xjh-item .xjh-item-header .xjh-icon{ width:60px; height:60px; margin-right:10px;}

.xjh-list .xjh-item .xjh-item-header .xjh-info{ width:100% ;}

.xjh-list .xjh-item .xjh-item-header .xjh-info .xjh-name{ font-size:130%;}

.xjh-list .xjh-item .xjh-item-header .xjh-info .tag{ margin-left:10px; background-color:#dddddd; padding:2px 6px; border-radius:5px; font-size:70%;}

.xjh-list .xjh-item .xjh-item-header .xjh-info .xjh-description{ font-size:100%; color:#666;}

.xjh-list .xjh-item .xjh-item-header .xjh-info .xhj-name-title{ margin-right:5px; color: #333333;}

.xjh-item-list tr td:nth-child(6),.xjh-item-list tr th:nth-child(6){ display:none;}

.xjh-list .xjh-item .xjh-item-header .xjh-info .xjh-description{ margin-top:10px;}

#campus-share ul li .share-word{ }
.xjh-list h3{ text-align��center !important; font-weight:bold;}
.xjh_table,.xjh_table_faq{border:1px solid #e8e8e8 !important}



table,th,td{ border-width:0 !important;}

table thead{ background-color:#eaeaea;}

table tbody tr:nth-child(2n){background: #f1f3f4;}

table th:nth-child(1){ width:33.33%;}

table th:nth-child(2){ width:17.33%;}

table th:nth-child(2),table th:nth-child(3),table th:nth-child(4),table th:nth-child(5),table tr td:nth-child(2),table tr td:nth-child(3),table tr td:nth-child(4),table tr td:nth-child(5){ text-align:center;}



#xjh-faqs h2 span{ position:relative;}

/*#xjh-faqs h2 span:before{ width:28px; height:28px; margin-right:5px; background:url(../images/wing-left.png) no-repeat; background-size:contain; content:""; position:absolute; left: -44px; top: 8px;}

#xjh-faqs h2 span:after{ width:28px; height:28px; margin-right:5px; background:url(../images/wing-right.png) no-repeat; background-size:contain; content:""; position:absolute; right: -48px; top: 8px;}*/

#xjh-faqs .faq_list{ text-align:left; margin-bottom:40px; line-height:28px; color:#333;}

#xjh-faqs .faq_list .faq_title{ margin:40px 0px 20px; font-size:133%; color:#000; font-weight:bold;}

.faq_title,.faq_answer{ position:relative; padding-left:35px;}

.faq_title:before{ width:28px; height:28px; margin-right:5px; background:url(../images/question.png) no-repeat; background-size:contain; content:""; position:absolute; left:0px; }

.faq_title:hover:before{ opacity:1;}

.faq_title:hover:before{background:url(../images/question.png) no-repeat; background-size: contain;animation: bounceIn; animation-duration: 1s;}

.faq_answer:before{background:url(../images/answer_90aedf.png) no-repeat; background-size: contain;}

.faq_answer:hover:before{background:url(../images/answer.png) no-repeat; background-size: contain; animation: bounceIn; animation-duration: 1s;}

.faq-tab{ position:fixed; left: 100px; top:280px; width:auto; padding:10px;}

.faq-tab ul{ list-style:none; margin:0px; padding:0px; background-color:#ffffff; border-radius:10px; display:block; overflow:hidden;}

.faq-tab ul li{ cursor:pointer; height:35px; line-height:35px; position:relative; text-align: left; padding:0 20px;}

.faq-tab ul li.doge{ display:none;}

.faq-tab ul li:hover{ color:#d50012;}

.faq-tab ul li.cur{color:#d50012;}

.faq-tab ul li.cur:before{ content:""; width:2px; height:12px; display:block; background-color:#d50012; position:absolute; top:12px; left:10px;animation: bounceIn; animation-duration: 1s;}

.faq-tab-fixed{ position:fixed; top:300px;}

#campus-share ul{ margin:40px auto; display:flex; justify-content:center; flex-flow: wrap; justify-content: flex-start;}

#campus-share ul li{ list-style:none; width: calc(25% - 40px); position:relative; padding:10px;box-shadow: 0 0px 5px 0 rgba(102, 102, 102, 0.1), 0 4px 22px 0 rgba(102, 102, 102, 0.1); margin:0 10px 30px 10px;}

#campus-share ul li img{ width:100%; height:auto;}

#campus-share ul li div{ margin-top:10px; text-align:left; color:#333;}

#campus-share ul li .share-college span{ padding-left:24px; height:24px;}

.site-footer .footer-widgets-container .inner-padding{ padding:0 0 0 0;}

.site-footer .footer-widgets-container .inside-footer-widgets{ margin-left:0px;}



.life-item{ width: 75%; margin: 0px auto; display:flex; padding:65px 0px; max-width:1600px;}

.life-item .life-text,.life-item .life-gallery{ width:50%;}

.life-item .life-gallery{ display: -ms-flexbox !important; display: flex !important; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; text-align: center;}

/*.life-item .life-gallery{ display:flex; align-items: center; -ms-flex-pack: center; justify-content: center;}*/

.life-item .item-left{ margin-left:0px; margin-right:30px; display:block;}

.life-item .item-right{ margin-left:30px; margin-right:0px;}

.life-item .life-text .item_header span{color:#fff;}

.life-item .life-text .item_header span:before{ content:"";background-color:#D60012;}

.life-item .life-text .item_header span:after{ content:"";background-color:#D60012;}

.life-item .life-text h4{ line-height:40px; font-size:20px; letter-spacing:1px; width: 100%;position: relative; padding:0px 6px; text-align:left; z-index:4}

.life-item-loop:nth-child(odd) .life-item .life-text h4:after{content: ""; width: 100%; height: 6px; background: url(../images/border-top-bg-gray.png) top left no-repeat; background-size: auto 100%; display: block; margin-bottom: 10px;}

.life-item-loop:nth-child(even) .life-item .life-text h4:after{content: ""; width: 100%; height: 6px; background: url(../images/border-top-bg-gray.png) top left no-repeat; background-size: auto 100%; display: block; margin-bottom: 10px;}

.life-item .life-text .life-content{ font-size:100%;}

.item_header{

	height:20px;

	width: 36px;

	position: relative;

	background-color:#D60012;

	margin-top:10px;

	margin-bottom:10px;

}

.item_header .common{

	position: absolute;

	height: 100%;

	width: 100%;

	overflow: hidden;

	left:0;



}

.item_header .common:before{

	content:'';

	position: absolute;

	background-color:#D60012;

	background-size: auto 220px;

	width: 190px;

	height: 220px;

}

.item_header .common.left{

	transform: rotate(60deg);

}

.item_header .common.left:before{

	transform: rotate(-60deg) translate(48px,-28px);

}

.item_header .common.right{

	transform: rotate(-60deg);

}

.item_header .common.right:before{

	 transform: rotate(60deg) translate(48px,28px);

	 bottom: 0;

}

.item_header .num{ position:absolute; width:100%; display:block; text-align:center; color:#fff; z-index:9; font-size:125%; top:-4px;}

	

/*.life-item .life-text h4:before{ content:""; width: 40px; height: 40px; display: inline-block; margin-right: -25px; border-radius: 50%; opacity: 0.5; float:left;}*/



.life-item .life-text p{ margin-bottom:15px;}

.life-item .life-gallery img{ width:100%; border-radius:20px;}

/*.life-item .life-gallery .swiper-slide-active img{  -webkit-animation: bounceIn 6.5s infinite; -moz-animation: bounceIn 6.5s infinite; animation: bounceIn 6.5s infinite;}

.life-item .life-gallery .swiper-slide-active img{  -webkit-animation: transform 25s infinite; -moz-animation: transform 25s infinite; animation: transform 25s infinite; opacity:1;}*/

.life-item .life-gallery .swiper-slide{ width:100% !important;}

.site-footer .footer-widgets-container .inside-footer-widgets{ display:flex;}

/*.site-footer .footer-widgets-container .inside-footer-widgets .grid-33{ flex:1 1 33.33%;}*/

.footer-widgets .widget-title{ position:relative; width:fit-content; margin-bottom:10px;}

.footer-widgets img{ max-width:140px !important;}

.mobile-gallery{ display:none; }

.main-navigation .main-nav ul li[class*="current-menu-"] > a{ color:#D60012;}

.share-name-college{ display: flex; border-bottom:1px solid #cccccc; padding-bottom:10px;}

.share-name{ text-align:left; width:40%; }

.share-college{ text-align:right; width:60%; position:relative;}

.share-department{ font-weight:600; color:#000;}



.xjh-item-list tr td:nth-child(5),.xjh-item-list tr th:nth-child(5){ width: 66px; }

.wish-video{ width:90%;}

.wish-video-container .swiper-slide{ text-align:center;}

.swiper-button-next{ right:0;}

.swiper-button-prev{ left:0;}



.home-projects{ position:relative; width:80%; margin:30px auto; display:flex;justify-content: center;}
.home-projects h2{ font-weight:bold; text-transform: uppercase;}

/*.item_0{ background:url(/wp-content/uploads/2022/06/project1-bg.jpg) no-repeat;background-size: cover;}*/

.project_item{ background-color:#fff; padding:30px; margin:30px; border-radius:20px; width:33.33333%; color:#fff; background-size:contain; position:relative; padding-bottom:80px; max-width:450px;}

.project_item .project_submit{ position:absolute; bottom:30px; right:30px;}

.project_item .card_link a{ color:#fff; margin:20px 0 0 0; display:block;}

.project_item .card_link a:hover{ color:#DCDDDD;}

.project_item .project_submit a{  color:#333; margin:20px 0 0 0; background-color:#fff; display:inline-block;}

.project_item .project_submit a:hover{ background-color:#DCDDDD; }

.project_item:hover{box-shadow: 0 0px 5px 0 rgba(102, 102, 102, 0.2), 0 4px 22px 0 rgba(102, 102, 102, 0.2);}

.project_item_cover{ width:220px; text-align:center; font-weight:bold; font-size:18px; cursor:pointer;}

.project_item_card{ padding:30px; width:600px; }

.project_item_card .card_title{ color:#333; font-weight:bold; font-size:28px; margin-bottom:30px;}

.project_item_card .card_description{ font-size:16px;}

.project_item_card .card_link{ text-align:right; margin-top:30px;}

.job_submit{ border-radius:100px; padding:5px 15px;}


.project-detail .job_submit{ margin:30px auto; padding:5px 25px;display: block; width: 80px; text-align: center; background-color:#333; border-radius:100px; padding:5px 15px; color:#fff !important;}


.project_item_card .card_link .project_detail{ float:left;}

.project_item_card{ display:none;}

.project-detail-content h3{ font-size:18px; font-weight: normal;}

.project-detail-content .project-detail{ margin-top:20px;}

.project-detail-content .project-detail p{ margin-top:10px;}

.project-detail-content .project-detail ul{ margin:20px;}

.project-detail-content .project-detail h3{ margin-top:30px;}

.project-detail-content .project-detail h3:before{ content:""; width:100%; height:6px; background:url(../images/border-top-bg-red.png)  top left no-repeat; background-size:auto 100%; display:block; margin-bottom: 10px;}

.future-tech-content .project-detail h3:before{background:url(../images/border-top-bg.png)  top left no-repeat; background-size:auto 100%; }

.swiper-container{ border-radius:20px;}



/* ������ѯ */

.livechat{ width:260px; overflow:hidden; position:fixed; bottom:10px; right:10px; background-color:#fff; border-radius:5px; z-index:9999; box-shadow: 0 0px 5px 0 rgb(102 102 102 / 10%), 0 4px 22px 0 rgb(102 102 102 / 20%);}

.livechat-header{ background-color:#333; height:35px; line-height:35px;}

.livechat-header img{ height:25px; margin-top:5px; margin-left:5px;}

.livechat-content{ width:100%; height:250px; overflow:scroll; overflow-x:hidden; display:block; padding:10px;}

.livechat-content p{ margin-bottom:10px;}

.livechat-content a{ color:#FF6633; text-decoration:underline;}

.livechat-content::-webkit-scrollbar{ display:none;}

.livechat-sendbox{ display:flex; border-top:1px solid #eeeeee;}

.livechat-sendbox input{ width:70%; padding:5px;}

.livechat-sendbox button{ width:30%; padding: 5px 0; font-size:13px;}



.chat-answer{ width:100%; display:flex; margin-top:10px; border:none;}

.chat-answer .touxiiang{ width:40px; height:40px; overflow:hidden;}

.chat-answer .touxiiang img{ width:40px; height:40px; border-radius:50%;}

.chat-answer .chat-message{ width:180px; margin-left:10px; font-size:13px; background-color:#eeeeee; border-radius:5px; padding:5px;}

.chat-answer .chat-guest{ margin-left:0px; margin-right:10px;}



#replying{ width:100%; margin:10px 0; display:block;}

#replying img{ height:20px; margin:0px auto; display:block;}



.livechat-close{ float:right; width:35px; height:35px; display:block; text-align:center; line-height:35px; color:#fff; font-weight:bold; cursor:pointer;}

.livechat-icon{ width:50px; height:40px; display:block; position:fixed; bottom:100px; border-radius:50%; right:10px; cursor:pointer; z-index:99999; }

.livechat-icon img{ width:100%; }

/* ������ѯ */

.wpcf7 p{ margin-top:10px;}

.message-content .entry-content .post_content{ max-width:50%;}
.content_box_white{ background-color:#fff; padding:10px 0;}
.content_box_gray{ background-color:#f8f8f8; padding:10px 0;}
.graduates_swiper{ margin-top:0px;}
.graduates_swiper .swiper-slide{ display:flex;}
.graduates_swiper .swiper-slide .info,.graduates_swiper .swiper-slide .photo{ width:50%;}
.graduates_swiper .swiper-slide .info{ text-align:left; margin-right:20px;}
.graduates_swiper .swiper-slide .info .name{ font-size:140%; font-weight:bold; color:#000;}
.graduates_swiper .swiper-slide .info .college{ font-size:110%; color:#999999;}
.graduates_swiper .swiper-slide .info .word{ font-size:300%; margin: 68px 0; color:#444444;}
.graduates_swiper .swiper-slide .info .position{color:#999999; text-align:right;}
.campus-life-content{ max-width:1000px; margin:50px auto;}
.life_swiper_content{ margin-top:30px; text-align:center;}
.life_swiper_content h2{ margin: 30px 0 10px 0 !important; font-size: 130%;}
.life_swiper_content p{ margin-top:8px;}
@media (max-width:1769px) {

	#campus-share ul li{ width: calc(33.333333% - 40px);}

}

@media (max-width:1330px) {

	#campus-share ul li{ width: calc(50% - 40px);}

}

@media (min-width:1600px) {

	.content-home-layer-text .overlay-content span.t{ font-size:25px;}

	.content-home-layer-text .home-slogan{ font-size: 70px;}

	.content-home-layer-text .home-learnmore a{ font-size:20px;}

	.content-home-layer-text .home-learnmore a:after { content: ""; background: url(../images/right.png) no-repeat; width: 38px; height: 38px; background-size: 100% 100%;}

}

@media (min-width:1650px) {

	.life-item .life-text .life-content{ font-size:120%;}

	.life-item .life-text .life-content h2{ font-size:160%;}

}

@media (min-width:1800px) {

	.content-home-layer-text .overlay-content span.t{ font-size:30px;}

	.content-home-layer-text .home-slogan{ font-size: 80px;}

	.content-home-layer-text .home-learnmore a{ font-size:24px;}

	.content-home-layer-text .home-learnmore a:after { content: ""; background: url(../images/right.png) no-repeat; width: 38px; height: 38px; background-size: 100% 100%;top: 5px;}

	.life-item .life-text .life-content{ font-size:130%;}

	.life-item .life-text .life-content h2{ font-size:170%;}

}

@media (min-width:2000px) {

	.content-home-layer-text .overlay-content span.t{ font-size:35px;}

	.content-home-layer-text .home-slogan{ font-size: 90px;}

	.content-home-layer-text .home-learnmore a{ font-size:28px; padding:5px 50px 5px 30px;}

	.content-home-layer-text .home-learnmore a:after { content: ""; background: url(../images/right.png) no-repeat;width: 38px; height: 38px; background-size: 100% 100%; top: 8px; right:12px;}

	.life-item .life-text .life-content{ font-size:130%;}

	.life-item .life-text .life-content h2{ font-size:170%;}

	

}

@media (min-width:2200px) {

	.content-home-layer-text .overlay-content span.t{ font-size:40px;}

	.content-home-layer-text .home-slogan{ font-size: 100px;}

	.content-home-layer-text .home-learnmore a{ font-size:32px; padding: 3px 60px 5px 40px;}

	.content-home-layer-text .home-learnmore a:after { content: ""; background: url(../images/right.png) no-repeat; width: 38px; height: 38px; background-size: 100% 100%; top: 10px; right:20px;}

}



@media (min-width:1920px) {

	.main-navigation .main-nav ul li a{  font-size:110%; padding-left:1rem; padding-right:1rem;}

	.about-menu{ font-size:22px;}

	.slide_text{ font-size:22px;}

	.slide_text h3{ font-size:30px;}

}



@media (max-width:1000px) {

.message-content .entry-content .post_content{ max-width:80%;}

.wish-video{ width:90%; height:auto;}

}
.banner_background_mobile{ display:none;}
.banner_background{ display: block;}
.home-icon img{ width:40px; margin:0px auto; display: block;}
.campus-tab-content h2, .campus-tab-content h3{ text-align:center; margin:0px auto;}
.home_introduce{ margin-top:30px; color:#666; text-align:left; max-width:960px; margin:30px auto 0 auto;}
.home_introduce_item{ display:flex; margin:50px 0;justify-content: center; flex-flow: wrap; justify-content: flex-start;}
.home_introduce_item div{ width:25%; text-align:center; color:#666;}
.home_introduce_item h3{ color:#d40112; font-size:35px; font-weight:bold;}
.home_about_swiper{ width:100%; margin:30px auto; background-color:#fff; font-size:15px; color:#666; border-radius:10px;}
.home_about_swiper .swiper-slide{ display:flex;}
.home_about_swiper .swiper-slide div{ width:50%; padding:25px;}
.home_about_swiper .swiper-slide div.full{ width:100%;}
.home_about_swiper .swiper-slide div td{ text-align:left;}
.home_about_swiper h3{ font-size:25px; color:#d40112; text-align:left;}
.home_about_swiper h4{ font-size:18px; color:#000; margin-bottom:5px; margin-top:20px;}

#zuru-history-container{ display:flex; margin-top:0;}
#zuru-history-container .zuru-history-header{ margin-bottom:30px; border-left:1px solid #f35248; padding-left:10px;}
#zuru-history-container h3{ text-align:left; position:relative; font-weight:bold;}
#zuru-history-container .zuru-history-left{ width:calc(45% - 20px); padding:0px 20px 0 0; display:flex; flex-direction:column; }
#zuru-history-container .zuru-history-left .timeline{ scrollbar-width: none; /* Firefox */ height:300px;-ms-overflow-style: none; /* IE 10+ */ overflow-y:scroll;}
#zuru-history-container .zuru-history-left ul{ padding:0px; margin:0px;list-style:none; display:block; position:relative;}
#zuru-history-container .zuru-history-left ul:before{ content:""; width:1px; height:100%; display:block; background-color:#f35248; position: absolute; margin-top: 5px; margin-left:6px;}
#zuru-history-container .zuru-history-left ul li{ padding-left:20px; padding-bottom:20px; cursor:pointer;}
#zuru-history-container .zuru-history-left ul li.current{ color:#d40112;}
#zuru-history-container .zuru-history-left ul li:before{ content:""; width:10px; height:10px; border:1px solid #f35248; border-radius:5px; display:block; background-color:#fff; left: 1px; margin-top: 5px; position:absolute;}
#zuru-history-container .zuru-history-left ul li.current h3:before{ content:""; width:4px; height:4px; border:1px solid #f35248; border-radius:50%; display:block; background-color:#f35248; left: -16px; top:8px;position:absolute;}
#zuru-history-container .zuru-history-right{ width:55%; overflow: hidden;}

.home-products{ display:flex; margin-top:30px; text-align:left;justify-content: center; flex-flow: wrap; justify-content: flex-start;}
.home-products .item{ width:calc(33.33333% - 40px); margin:40px 20px; position:relative;}
.home-products .item .item_layer,.home-products .item .item_text{width:100%; height:100%; left:0; top:0;}
.home-products .item .item_bg,.home-products .item .item_bg img{line-height:0 !important;}
.home-products .item .item_content{ position: relative; height: calc(100% - 260px);}
.home-products .item .item_text{ padding:20px 40px; width:calc( 100% - 80px); height:100%; color:#fff; margin-top: 0;margin-bottom: 25px; border-radius: 10px; }
.item_text_box{ position:relative; height:100%;}
.home-products .item .item_layer{ background-color:#d40112; opacity:0.9; position: absolute;}
.home-products div h3{ text-align:center; margin:20px 0 10px 0; font-weight:bold;}
.home-products .gowebsite{ text-align:right;display: block; width:calc(100% - 20px); margin-top:20px; position:absolute; bottom:50px; right:-28px;}
.home-products .gowebsite img{width:auto !important; height:20px; display:inherit;}
.home-project-box,.home-product-box{background-color: #ffffff; padding: 30px 0;}
.home-product-box
.home-about-box,.home-about-box .project-detail-content,.home-journey-box{ background-color:#f8f8f8;}
.home-journey-box{ border-radius:0 20px 20px 0;}
.home-about-box .campus-content{margin: 0px auto; padding: 70px 0 140px 0;}
.home-about-slider-box{ margin-top:-180px; position:relative;}
.swiper-pagination{ display:none !important;}
.home-about-slider-box .swiper-pagination span{ margin:0px 5px;}
.home_about_slider table{ margin-bottom:0px !important;}
.home_about_slider table tbody tr:nth-child(2n){ background:none;}
.home_about_slider{ max-width:1000px; margin:0px auto; box-shadow: 0 0px 5px 0 rgba(102, 102, 102, 0.2), 0 4px 22px 0 rgba(102, 102, 102, 0.2); border-radius:10px;}
::-webkit-scrollbar {
  display: none; /* Chrome Safari */

}
.home_history_swiper{ position:relative; height:400px;}
.home_history_swiper .swiper-wrapper{ margin-left:50px; display:block;}
.home_history_swiper .swiper-slide img{ height:100%; width:auto;border-radius:10px;}
.home_history_swiper .swiper-scrollbar{ left:4px; right:auto;}
.swiper-button-next-banner{ right:40px;}
.swiper-button-prev-banner{ left:40px;}
.swiper-button-next-banner:after, .swiper-button-prev-banner:after{ content:""; width:81px; height:132px;}
.swiper-button-next:after{ background:url(../images/a-right.png) no-repeat; background-size: contain;}
.swiper-button-prev:after{ background:url(../images/a-left.png) no-repeat; background-size: contain;}
.life-swiper-container{ position:relative;}
.swiper-button-next-life{ right:-90px; width:54px; height:88px;}
.swiper-button-prev-life{ left:-90px; width:54px; height:88px;}
.swiper-button-next-life:after{ background:url(../images/gray-arrow-right.png) no-repeat; background-size: contain; }
.swiper-button-prev-life:after{ background:url(../images/gray-arrow-left.png) no-repeat; background-size: contain;}


.swiper-button-next-life_menu{ right: 0px; width: 24px; height: 24px; top: 66px;}
.swiper-button-prev-life_menu{ left: 0px; width: 24px; height: 24px; top: 66px;}
.swiper-button-next-life_menu:after{content:"";  background:url(../images/gray-arrow-right.png) no-repeat; background-size: contain; width:24px; height:24px;}
.swiper-button-prev-life_menu:after{ content:""; background:url(../images/gray-arrow-left.png) no-repeat; background-size: contain; width:24px; height:24px;}


.swiper-button-next-life:after,.swiper-button-next-graduates:after{ content:""; background:url(../images/gray-arrow-right.png) no-repeat; background-size: contain; width:27px; height:44px;}
.swiper-button-prev-life:after,.swiper-button-prev-graduates:after{ content:""; background:url(../images/gray-arrow-left.png) no-repeat; background-size: contain; width:27px; height:44px;}
.swiper-button-next-life:after{ width:54px; height:88px;}
.swiper-button-prev-life:after{ width:54px; height:88px;}

.swiper-button-next-graduates{right: calc(50% - 70px); top: calc(100% + 40px);}
.swiper-button-prev-graduates{left: calc(50% - 70px); top: calc(100% + 40px);}
.campus_menu{ margin:50px auto; width:1000px; text-align: center; position:relative;}
.life_menu_desktop{ display:block;}
.life_menu_mobile{ display:none;}
.video-layer{ position:absolute; left:0; top:0; background-color:#000; opacity:0.3; width:100%; height:100%; display:block;}
.home-banner-video .home-learnmore a{ height:50px; line-height:48px; padding:0 0; background-color:#fff; color:#333; width:155px;}
.home-banner-video .home-arrow{ bottom:calc(25% + 75px);}
#home-video-box{ position: fixed; width:100%; height:100%; left:0; top:0; z-index:999; display:none;}
#home-video-box .video-layer{ opacity:1;}
.home-video-box-container{ position:relative; width:100%; height:100%; display:flex;align-items: center; flex-wrap: wrap; justify-content: center;}
.home-video-out{height: 56.25vw; width: 100vw; max-width: 1000px; max-height: 675px; z-index:9;}
.home-video-box-close{ position: absolute; right:25px; top:65px; color:#fff; font-size:48px; cursor:pointer; z-index:10;}
#home-banner-video-popup::-webkit-media-controls-start-playback-button { position: absolute; width: 50px; height: 50px; left: 10px; top: 10px;}
.home-video-player{ background-color:#000; width:60px; height:60px; border-radius:50%; z-index: 10; position: absolute; top: 50%; left: 50%; width: 80px; height: 80px; margin-left: -40px; margin-top: -40px;cursor: pointer;}
.home-video-player svg{ fill:#fff;}

.mb_image{ display:none;}

@media (max-width:1600px) {
.item_text_box p{overflow-y: scroll; height:calc(100% - 80px);}
}
@media (max-width:768px) {
.home-products .gowebsite{ bottom:0;}
.home-products .item{ margin:20px 0; widt}
.item_text_box{}
.swiper-button-next-life{ right: -30px; width: 24px; height: 24px; top: 78%;}
.swiper-button-prev-life{ left: -30px; width: 24px; height: 24px; top: 78%;}
.swiper-button-next-life:after{content:"";  background:url(../images/gray-arrow-right.png) no-repeat; background-size: contain; width:24px; height:24px;}
.swiper-button-prev-life:after{ content:""; background:url(../images/gray-arrow-left.png) no-repeat; background-size: contain; width:24px; height:24px;}
.life_menu_desktop{ display: none !important;}
.life_menu_mobile{ display:block;}
.campus_menu{ width:300px; }
#zuru-history-container{ display:block;}
#zuru-history-container .zuru-history-left{ width:calc(100% - 40px); margin-bottom: 30px;}
#zuru-history-container .zuru-history-right{ width:98%;}
.home_history_swiper .swiper-wrapper{ margin-left:20px;}
.home_history_swiper .swiper-slide img{ width:100%; height:auto;}
.home_about_swiper .swiper-slide div td{word-break: break-all;}
.home_history_swiper{ height:225px;}
.home_introduce_item div{ width:50%; margin-bottom:30px;}
.home_about_swiper .swiper-slide,.home-products,.graduates_swiper .swiper-slide{ display:block;}
.home_about_swiper .swiper-slide div,.home-products .item,.graduates_swiper .swiper-slide .info,.graduates_swiper .swiper-slide .photo{width: calc(100% - 20px); padding: 20px 10px; margin:0 0;}

.page-template-campus-graduates .project-detail-content{ padding:20px 0 !important;}
.graduates_swiper .swiper-slide .info .word{ margin:30px 0; font-size:200%;}


.banner_background_mobile{ display:block;}
.banner_background{ display: none;}
.home-projects{ position:relative; width:95%; margin:30px auto; display: block;justify-content: center;}

/*.livechat{ bottom:240px;}
.livechat-icon{ bottom:540px;}.item_0{ background:url(/wp-content/uploads/2022/06/project1-bg.jpg) no-repeat;background-size: cover;}*/

.project_item{ background-color:#fff; padding:30px; margin:30px auto; color:#fff; width:calc(100% - 60px);padding-bottom: 80px;}
.project_item a{ color:#fff;}

.project_item:hover{box-shadow: 0 0px 5px 0 rgba(102, 102, 102, 0.2), 0 4px 22px 0 rgba(102, 102, 102, 0.2);}

.project_item_cover{ width:100%; text-align:center; font-weight:bold; font-size:18px; cursor:pointer;}

.project_item_card{ padding:10px; width: calc(100% - 20px); }

.project_item_card .card_title{ color:#333; font-weight:bold; font-size:28px; margin-bottom:30px;}

.project_item_card .card_description{ font-size:16px;}

.project_item_card .card_link{ text-align:right; margin-top:30px;}

.project_item_card .card_link .project_detail{ float:left;}

.project_item_card{ display:none;}

.project-detail-content h3{ font-size:18px; font-weight:bold;}

.project-detail-content .project-detail{ margin-top:20px;}
.project-detail-content .project-detail p{ margin-top:10px;}

.project-detail-content .project-detail ul{ margin:20px;}

.project-detail-content .project-detail h3{ margin-top:30px;}

.project-detail-content .project-detail h3:before{ content:""; width:100%; height:6px; background:url(../images/border-top-bg-red.png)  top left no-repeat; background-size:auto 100%; display:block; margin-bottom: 10px;}

.future-tech-content .project-detail h3:before{background:url(../images/border-top-bg.png)  top left no-repeat; background-size:auto 100%; }

.message-content .entry-content .post_content{ max-width:90%;}
#content{ margin-top:50px;}

.banner_desktop{ display: none;}

.banner_mobile{ display:block;}

.site-header{background-color:#222222;}

.inside-header,.shrink-header .inside-header{ padding:5px 5px;}

.site-logo{width: 30%; display:flex; flex-direction:column; justify-content: center; }

#site-navigation-layout .header-layout .site-logo img{width: 70%; height:auto;}

.inside-header>:not(:last-child):not(.main-navigation){ margin-bottom:0px;}

.nav-float-right .inside-header .main-navigation { width: 65%; display: inline-block;}

button.menu-toggle{ width:50%;}

.main-navigation ul{ background-color:#303030; opacity:0.9; border-radius:5px; line-height:25px; width:70%;padding-top: 10px;padding-bottom: 10px; position:absolute; max-width:150px; text-align:center; margin-left:30%;}

.main-navigation ul:before{content:" "; width: 0; height:0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #303030; font-size: 0; line-height: 0;  position: absolute;margin-top: -16px; right:12px;}

.main-navigation ul li{ text-align:center !important;}

.main-navigation.toggled .main-nav li{ text-align:center !important;}

.main-navigation ul li img{ width:100%; margin:0px auto;}

.main-navigation .main-nav ul li a{ line-height:35px; color:#fff; font-size:100%;}



.inside-article{ padding:0px 10px 10px 10px !important;}

.menu-toggle,.main-navigation .mobile-bar-items a{ line-height:40px !important;}

.navigation-search input{ height:40px;}

.banner_description{ height:auto !important; margin-bottom:1em;}

.slick_box{ width:100%;}

.slick_box h2{ padding:0 0; font-size:20px;}

.slick_box h2 .more{ font-size:16px;border:none; margin-top:0.5em;}

.slick-next,.slick-prev{ width:10px !important; height:10px !important; color:#cccccc !important; display:none !important;}

.home_slick .slick-slide{ padding-bottom:2%;}

.slick-slider{ margin-bottom:0px !important;}

.home_slick .slick-slide{ margin-bottom:30px !important;}

.slick-next{ right:0 !important;}

.slick-prev{ left:0 !important;}

.awords{ margin:2em auto;}

.awords img,.awords img:nth-child(10){ width:15%; margin-left:2%;}

.awords img:nth-child(1),.awords img:nth-child(7),.awords img:nth-child(13){ margin-left:0px;}

.footer-widgets{ width:90%;}

.footer-widgets .footer-widget-1,.footer-widgets .footer-widget-2,.footer-widgets .footer-widget-3{ width:100% !important;;}

.footer-widgets .widget-title{ max-width:100% !important;}



.entry-content .post_content{ width:100%; margin:1em auto;}

.entry-content .entry-title{ margin-bottom:1em; font-size:1.5em; width:100%;}

.page_menu{ width:100% !important; float:none; margin:0.8em auto; text-align:left;}

.page_menu ul{ float: none; line-height:1em;}

.page_menu ul li{margin:5px 0 0 0 !important;}

.page_menu ul li a{ margin:0px 5px 0 0 !important; font-size:1rem !important;}

.entry-content .post_content .post_content_detail{ width:100%; clear:both;}



.graduates ul{ margin:0 0 0 0; padding:0;}

.graduates ul li{width:100%; float: none; margin-left:0%;margin-bottom:16px; box-shadow: 0 0px 5px 0 rgba(0, 0, 0, 0.1), 0 4px 22px 0 rgba(0, 0, 0, 0.1);}

.graduates ul li img{ width:100%;}

.graduates ul li.no-margin-left{ margin-left:0px;}

.graduates ul li h5{ margin-bottom:0px; line-height:30px; font-weight:bold; font-size:1em; margin:0.5em 10px;}



.newslist ul li h5{ line-height:20px !important; font-weight:normal; height:60px; font-size:1em; margin:1em 10px;}

.videolist ul li h5{ height:60px; display:block; overflow:hidden; margin-bottom:10px; font-size:1.1em; line-height:30px;}

.videolist ul li{ padding-bottom:35px; margin-bottom:3em;}

.videolist ul li span{ width:40% !important; position:absolute; margin-left: 50%;}

.videolist ul li span img{ width:100%;}

.newslist ul li h5 a{color:#3c3b39;}

.graduates ul li p{ height:25px; line-height:25px; overflow:hidden; margin:0 10px 10px 10px;}

.schedule ul li p{ height:auto !important; margin:0 0 5px 0 !important;}

.graduates ul li p.words{ height:50px;}

.videolist ul li p{ height:50px;}

.entry-content .post_content .common_button img{ max-width:40% !important;}

#modal{ width:95%; position:fixed; top:100px; background-color:#fff; margin:0px 2.5%; z-index:9999; border-radius:10px; padding-bottom:0px;}

#modal .close_modal_video{ margin-top:0px; line-height:20px; height:20px; position:relative}

.entry-content .gallery{ width:100%; clear:both; margin-top:4em;}

.entry-content .gallery .row{ clear:both; padding:1.2% 0 0 0 !important;}

.entry-content .gallery .col-lg-4,.entry-content .gallery .col-lg-8{ width:100%; float:none;}

.entry-content .gallery .first-type .first,.entry-content .gallery .first-type .second,.entry-content .gallery .second-type .first,.entry-content .gallery .second-type .second{ margin:0 0 0 0 !important;}

#site-navigation-layout .header-layout{ width:90%;}

button.menu-toggle{ text-align:right; width:100%; padding:0 0;}

#primary-menu{ width:220px; text-align:center;}

.campus-banner .campus-text img{ width:75%;}

.campus-banner .campus-text{ margin-left:10%;}

.campus-content{ width:96%; display:block;}

.campus-content .campus-content-left{ width:100%;}

.campus-content .campus-content-right{ width: auto;}

#campus-sidebar ul{ margin-bottom:10px;}

#campus-sidebar ul li{ width:20%; display:inline-block; text-align:center; overflow:hidden; margin:0 0 5px 0; font-size: 12px; float:left;}

#campus-sidebar ul:after{ clear:both;}

.graduates ul li .graduates_item .item_cover_content .item_cover_content_wrap .info .avatar{ width:25%;}

.campus-content .campus-content-right .class-list{ line-height:20px; font-size:12px; margin-bottom:6px;}

.campus-content .campus-content-right .job-list li span.job-title{ width:70%;}

.campus-content .campus-content-right .position_search{ width:100%;}

.job-class,.job-city,.publish-time{ display: none;}

.job-operation{ width:30%;}

#modal .close_modal{ margin-left: calc(100% - 30px );}



.about-menu{ display:none;}

.slide_about{ width:100% !important; height:100% !important; background-position:left top !important; background-size: auto 100% !important; background-repeat:no-repeat !important; display:flex;flex-direction: column; justify-content: center;}

.slide_text p{ margin-bottom:10px;}

.slide_about .slide_text{ width:80%; margin-left:10%; font-size:13px;}



.slide_value{ width:100% !important; height:100% !important; background-position: center bottom !important; background-size: 100% 50% !important; background-repeat:no-repeat !important; display:flex;flex-direction: column; justify-content: center; background-color:#f7f8fa;}

.slide_value .slide_text{ width:80%; margin-left:10%; height:calc( 50% - 60px ); margin-bottom:50%; text-align:center; font-size:12px;}



.slide_contact{ width:100% !important; height:100% !important; background-position: center bottom !important; background-size: 100% 50%  !important; background-repeat:no-repeat !important; display:flex;flex-direction: column; justify-content: center; background-color: #f7f8fa; background:none !important;}

.slide_contact .slide_text{ width:80%; margin-left:10%;  height:auto; text-align:center; font-size:12px;}

.slide_contact .slide_text p{ margin-bottom: 5px;}

.slide_contact .slide_text img{ max-width: 160px;}



.slide_industry{ width:100%;display: block !important; flex-direction: column; justify-content: center; height:100%; margin-left:0px; padding-top:60px; margin-bottom:-60px;}

.industry_desktop{ display:none;}

.industry_mobile{ display:block;}

.slide_industry .industry_mobile{ margin:0px; padding:0px; list-style:none; width:100%; height:100%; margin:0px; }

.slide_industry .industry_mobile .swiper-slide{background-color:#ffffff; margin-bottom:0px; padding:10px 25px 0 25px; width: calc(100% - 50px) !important; height: calc(100% - 50px) !important;}

.slide_industry .industry_mobile .swiper-slide .slide_img{ width:100%;}

.slide_industry .industry_mobile .swiper-slide .slide_text{ width:100%;}

.slide_industry .industry_mobile .swiper-slide .slide_text p{ margin-bottom:0px;}

.slide_industry .industry_mobile .swiper-slide .slide_text h3{ font-weight:bold; margin-top:20px;}

.slide_industry .industry_mobile .swiper-slide .slide_img img{ width:100%;}

.slide_industry .industry_mobile .swiper-button-next{ right:2px; background-size: 27px 30px;}

.slide_industry .industry_mobile .swiper-button-prev{ left:2px; background-size: 27px 30px;}

#site-navigation li a:after{ display:none !important; }

.menu-toggle .mobile-menu{ color:#000;}

.menu-toggle:before{ color:#000;}

.campus-content { min-height: auto; }

#campus-progress ul{display: flex;flex-direction: row; flex-wrap: wrap; list-style:none;}

#campus-xjh ul{ margin:30px auto; display:block}

#campus-xjh ul li{ margin-bottom:30px;}

#campus-progress ul li{ flex:0 0 30%;}

#campus-progress ul li .progress-icon:after{ position:relative; margin:0px auto; background: url(../images/icon-down.png) no-repeat; background-size: contain;right: 0;}


/*#campus-progress ul li:after{ content:""; position:relative; margin:30px auto; background: url(../images/icon-down.png) no-repeat; background-size: contain;right: 0; width:40px; height:40px; display:block;}*/

#campus-progress ul li:nth-child(3) .progress-icon:after,#campus-progress ul li:nth-child(6) .progress-icon:after{ display:none; }

#campus-progress ul li h3{ max-width:80px; font-size:12px;height: 30px; line-height: 30px; padding: 0 10px 0 10px; margin: 20px auto; font-size:13px;}



.site-footer .footer-widgets-container .inside-footer-widgets{ display:block;}

.site-footer .footer-widgets-container .inside-footer-widgets .grid-33{ width:100%;}

.footer-widget-2 .textwidget{ display: block;}

.footer-widget-2 .textwidget p{ margin-right:10px;}

#campus-share ul li{ width:100%;}

.life-item{ width:92%; margin:0px 4%; padding:30px 0;}

.life-item .life-text, .life-item .life-gallery{ width:100%;}

.life-item .life-gallery{ margin-left:0px;}

.life-item .item-right{ margin-left:0px;}

.life-item .life-text h4{ letter-spacing:0px;}

.mobile-gallery{ display:block;margin:30px auto 0;}

.life-item .mobile-gallery img{ width:100%; opacity:0;}

.life-item .mobile-gallery .swiper-slide-active img{  -webkit-animation: bounceIn 6.5s infinite; -moz-animation: bounceIn 6.5s infinite; animation: bounceIn 6.5s infinite;}



.xjh-list .xjh-item .xjh-item-header .xjh-icon{ display:none;}

.xjh-list .xjh-item .xjh-item-header .xjh-info{ width: 100%; margin-right:5px;}

.xjh-list .xjh-item .xjh-item-header .xjh-info .tag{ display:inline-block; margin-left:0px; margin-right:5px;}

.xjh-yuyue{ display:flex; align-items: center; -ms-flex-pack: center; justify-content: center;}

.xjh-item-list tr td:nth-child(2),.xjh-item-list tr th:nth-child(2){ display:none;}

.faq-tab-fixed{ display:none !important;}
#campus-wish ul li{width: calc(100% - 50px); margin:0 25px 30px 25px}
.video-model{ width:90%; left:50%; margin:0;}
.mobile-video{ width:84%; left:50%; margin:0;}
#mod_player .cancel{width: 16px;
    height: 16px;
    right: 2px;
    top: 2px;
	z-index:99999;}
.home-learnmore a{ font-size:1rem; width:80px; padding:6px 12px; left:calc(50% - 46px)}
	#campus-progress ul li .progress-tips{ position:static;}

.content-home{ height:600px;}
.mb_image{ display:block;}
.pc_image{ display:none;}
}
.video_btn_online{ background:none; position: relative; width: auto; height: auto; left: auto; background-color: #D60012;;}

