@charset "gb2312";
/* CSS Document */
*{
	box-sizing: border-box;
	-webkit-tap-highlight-color:transparent;
}
html, body, h1, h2, h3, h4, h5, h6, div, dl, dt, dd, ul, ol, li, p, blockquote, pre, hr, figure, table, caption, th, td, form, fieldset, legend, input, button, textarea, menu
	{
		margin:0;
		padding: 0;
		box-sizing:border-box;
		-webkit-box-sizing:border-box;
	}
html, body 
	{
        font-family:"Microsoft Yahei",Tahoma, Helvetica, Arial, sans-serif;
    }
a,a:hover,a:focus,a:visited
{
	text-decoration: none;
	outline:none !important;
	outline:0;
}
ul,ul li,ol,li 
	{
		list-style: none outside none;
	}
input[type="submit"], input[type="reset"], input[type="button"], input
	{
    	resize: none;
    	border: none;
    }
textarea
	{
		resize: none;
	}
a
	{
	text-decoration: none;
	}
img 
	{
        vertical-align: middle;border: none;width: 100%;height: 100%;
	}
	 

	
i 
	{
		font: inherit;
    }
    .x-img{
        overflow: hidden;
    }
/*单行溢出*/
.one-txt-cut{
    overflow: hidden;
	white-space: nowrap;
    text-overflow: ellipsis;
}
/*两行溢出*/
.two-txt-cut{
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -o-line-clamp: 2;
    -moz-line-clamp: 2;
    -ms-line-clamp: 2;
    -webkit-box-orient: vertical;
    -o-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-box-orient: vertical;
}
/*多行溢出*/
.txt-cut{
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -o-line-clamp: 3;
    -moz-line-clamp: 3;
    -ms-line-clamp: 3;
    -webkit-box-orient: vertical;
    -o-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-box-orient: vertical;
}
.fl
	{
    	float: left;
	}
.fr
	{
    	float: right;
	}

.clearfix:after
	{
		content: "";
		display: block;
		visibility: hidden;
		height: 0;
		clear: both;
    }
.flex{
    display:box;
    display:-webkit-box;
    display:-webkit-flex; 
    display:-moz-box; 
    display:-ms-flexbox; 
    display:flex;
    }
.flex-j{
    -webkit-justify-content:space-between;
    -moz-justify-content:space-between;
    -ms-justify-content:space-between;
    -o-justify-content:space-between;
    justify-content:space-between;
}
.flex-w{
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-o-flex-wrap: wrap;
flex-wrap:wrap;
}
.flex-s{
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    -o-justify-content: flex-start;
    justify-content: flex-start;
}
.flex-c{
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
}
.align-center{
-webkit-align-items:center;
-moz-align-items:center;
-ms-align-items:center;
-o-align-items:center;
align-items:center;
}
.flex-cm{
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
-o-flex-direction: column;
flex-direction: column;
    }
.content
	{
	width: 100%;
	max-width: 1320px;
	margin: auto;
	
	}
.content-nav
{
    width: 100%;
	max-width: 1420px;
	margin: auto;
    }

/* 头部 */
.header{
    background: url(/htmlmb/index2020/images/header-bg.png) no-repeat;
    background-size: cover;
    background-position: center center;
    position: relative;
}
.header::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background-color: #c01920;
}
.header-l{
    width: 55%;
    line-height: 150px;
}
.header-l a,.header-l .code{
    display: inline-block;
}
.header-l a{
    margin-right: 40px;
}
.header-r{
    padding: 30px 0;
}
.header-r-t{
    padding-bottom: 30px;
}
.header-link{
    padding-right: 30px;
}
.header-link a{
    font-size: 14px;
    color: #333;
    position: relative;
    padding-right: 11px;
}
.header-link a:last-child{
    padding-right: 0;
}
.header-link a::after{
    content: '';
    position: absolute;
    right:1px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1px;
    height: 12px;
    background-color: #333;
}
.header-link a:last-child::after{
    content: '';
    position: absolute;
    width: 0;
}
.header-link a:hover{
    color: #c01920;
}
.header-share .iconfont{
    display: inline-block;
    cursor: pointer;
    font-size: 28px;
    position: relative;
}
.header-share .iconweixin1{
    color: #28c445;
    margin-right: 10px;
}
.header-share .iconweibo1{
    color: #ea5d5c;
}
.header-code{
    position: absolute;
    right: 0;
    bottom: -200px;
    width: 180px;
    height:  180px;
    background-color: white;
    padding: 10px;
    border: #ebebeb 1px solid;
    visibility: hidden;
    opacity: 0;
}
.header-share .iconfont:hover .header-code{
    visibility: visible;
    opacity: 1;
    z-index: 20;
}
.header-r-b{
    width: 70%;
    background: white;
    position: relative;
    border-radius: 21px;
    border: #eb9fa2 1px solid;
}
.header-r-bs{
    line-height: 40px;
    height: 40px;
    margin-left: 20px;
    color: #333;
}
input::-webkit-input-placeholder {
    color: 999;
}
input::-moz-input-placeholder {
    color: 999;
}
input::-ms-input-placeholder {
    color: 999;
}
input::-o-input-placeholder {
    color: 999;
}
.header-r-bq{
    cursor: pointer;
    line-height: 42px;
    position: absolute;
    right: -1px;
    top: 0;
    border-radius: 21px;
    width: 42px;
    background:#c01920  url(../images/search.png) no-repeat center center;
    background-size: 18px;
}
.header-r-b:hover{
    border: #c01920 1px solid;
}
.header-r-bq:hover{
    background-color: #d5333a;
}

/* 导航 */
.nav{
    background-color: white;
}
.nav .navul li{
    position: relative;
}
.navul>li>a{
    font-size: 16px;
    color: #333;
    padding: 0 13px;
    line-height: 60px;
    display: block;
}

.navul>li:last-child>a
{
    color: rgb(192,25,32);
    animation:changeshadow 2s ease-in infinite;
    
}
    @keyframes changeshadow{
      0% {text-shadow: 0 0 10px #fbbbbb}
      50% {text-shawow: 0 0 50px #b22222}
      100% {text-shawow: 0 0 10px #933333}
    }

.navul ul{
    position: absolute;
    top: 100%;
    left: 0;
    width: 200px;
    background-color: rgba(192, 25, 32, .7);
    z-index: 10;
    visibility: hidden;
    opacity: 0;
}
/* ============================================================================ */
.nav .navul li:last-child ul{
    left: auto;
    right: 0;
}
/* ============================================================================ */
.navul ul li a{
    font-size: 14px;
    color: rgba(255, 255, 255, .85);
    display: block;
    padding: 10px 20px;
    border-bottom: 1    px solid rgba(255, 255, 255, .4);
}
.navul>li:hover{
    background: #c01920;
}
.navul>li:hover>a{
    color: white;
    font-weight: bold;
}
.navul>li:hover ul{
    visibility: visible;
    opacity: 1;
}
.navul ul li a:hover{
    background: #c01920;
    color: white;
    font-weight: bold;
}
/* 底部 */
.footer{
    background-color:#e0e0e0;
}
.footertop{
    padding: 30px 0;
}
.footer-l{
    width: 15%;
}
.footer-logo{
    width: 150px;
    height: auto;
    display: block;
}
.footer-c{
    width: 60%;
    margin: 0 2.5%;
}
.footer-ct{
    margin-bottom: 15px;
}
.footer-ct ul li a {
    font-size: 16px;
    color: #333;
    margin-right: 30px;
    display: block;
}
.footer-cb p{
    line-height: 22px;
    color: #666;
    font-size: 12px;
}
.footer-cb p span{
    margin-right: 15px;
}
.footer-r{
    width: 20%;
}
.footer-r .footer-ewm{
    margin-right: 30px;
}
.footer-r .footer-ewm:last-child{
    margin-right: 0;
}
.footer-r .footer-ewmbox{
    width: 110px;
    height: 110px;
    overflow: hidden;
    padding: 5px;
    background: white;
    border-radius: 4px;
}
.footer-r .footer-ewm p{
    font-size: 14px;
    color: #999;
    text-align: center;
    padding-top: 5px;
}
.footerbot{
    padding: 10px 0;
    border-top: 1px solid #cbcbcb;
    text-align: center;
    line-height: 14px;
}
.footerbot a .wj{
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: 5px;
}
.footerbot a{
    display: inline-block;
    color: #999;
    font-size: 12px;
    padding: 0 8px;
}
.footerbot a.span{
    visibility: hidden;
    opacity: 0;
}
.footer-ct ul li a:hover{
    color: #c01920;
}
.footerbot a:hover{
    color: #c01920;
}

/* 浮动框 */
.float{
    position: fixed;
    top: 30%;
    right: 0;
    z-index: 50;
}
.floatyn{
    width:125px;height:125px; border:solid 1px #777777;
}

.floatyn  img{
    border-radius: 6px;
   
}

.floatsm{
    background: #c01920;
    opacity: .7;
    padding: 10px;
    border-radius: 6px 0 0 6px;
    cursor: pointer;
    display: none;
    height: 135px;
}
.floatsm img{
    padding-bottom: 10px;
    display: block;
    height: 15%;
}
.floatsm p{
    font-size: 18px;
    color: white;
    writing-mode:tb-rl;
    letter-spacing:6px;
    text-align: right;
    padding-bottom: 10px;
}
.floatsm:hover{
    opacity: 1;
}

.floatbig{
    background:rgba(192, 25, 32, .6);
    padding: 10px;
    border-radius: 6px 0 0 6px;
    width: 125px;
    margin-bottom: 1px;
}
.float-tit{
    line-height: 18px;
    padding-bottom: 10px;
}
.float-tit h3{
    font-size: 16px;
    color: white;
    font-weight: normal;
}
.float-tittb{
    width: 18px;
    height: 18px;
    overflow: hidden;
    cursor: pointer;
}
.float-tit img{
    display: block;
}
.float-ewm{
    padding: 5px;
    background: white;
    border-radius: 2px;
}
.float-ewmbox{
    overflow: hidden;
}
.float-ewmfont{
    font-size: 12px;
    text-align: center;
    color: #999;
    margin-top: 5px;
}
.float-lb{
    padding-top: 10px;
}
.float-lb a{
    display: block;
    margin: 4px 0;
}
.float-tel{
    color: white;
    margin-top: -5px;
}
.float-telt{
    font-size: 16px;
    margin-bottom: 5px;
}
.float-telf{
    font-size: 12px;
}
/* 移动端导航 */
.top-m{
    display: none;
    width: 100%;
    background: url(/htmlmb/index2020/images/header-bg.png) no-repeat center;
    background-size: cover;
    background-color: white;
    position: fixed;
    box-shadow: 0 5px 10px rgba(108, 128, 111, .1);
    z-index: 500;
    top: 0;
    left: 0;
    border-bottom: 1px solid #c01920;
    line-height: 70px;
}
.top-m a{
    overflow: hidden;
    width: 85%;
    display: block;
}
.mo-top a img{
    max-width: 100%;
}
.nav-m .s1,.nav-m .s2,.nav-m .s3{
    width: 22px;
    height: 2px;
    display: block;
    position: relative;
    overflow: hidden;
    background: #c01920;
}
.su::after{
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    transform: translateX(-100%);
    transition: all 0.25s ease;
}
.top-m:hover .su::after{
    transform: translateX(0);
}
.s1::after{
    transition-delay: .2s;
}
.s2::after{
    transition-delay: .4s;
}
.s3::after{
    transition-delay: .6s;
}
.top-m .s2{
    margin-top: 6px;
}
.top-m .s3{
    margin-top: 6px;
}
.top-m.on .nav-m{
    background: #c01920;
    padding:7px 5px;
}
.top-m.on .su{
    background: white;
}
.top-m.on .s1{
    -webkit-transform: matrix(1,0,0,1,0,8) rotate(45deg);
    transform: matrix(1,0,0,1,0,18),rotate(45deg);
}
.top-m.on .s2{
    opacity: 0;
}
.top-m.on .s3{
    -webkit-transform: matrix(1,0,0,1,0,-8) rotate(-45deg);
    transform: matrix(1,0,0,1,0,-18),rotate(-45deg);
}
/* 移动端导航下拉 */

.navdown{
    display: none;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 500;
    position: fixed;
    top: 70px;
    right:0px;
    transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    visibility: hidden;
}
.navdown.on{
    transform: translateX(0);
    -webkit-transform: translateX(0);
    visibility: visible;
}
.navdown ul li{
    width: 100%;
    border-bottom: 1px solid #eee;
}
.navdown ul li:last-child{
    border: unset;
}
.navdown ul li a{
    padding: 14px 20px;
    color: #444;
    width: 100%;
    display: block;
    font-size: 14px;
    text-align: center;
}
/* 移动端底部 */
.footer-m{
    background: #e0e0e0;
    text-align: center;
    padding-top: 20px;
    display: none;
    margin-bottom: 60px;
}
.footer-mlogo{
    width: 80%;
    margin: auto;
}
.footer-mfont{
    margin: 20px 0;
}
.footer-mfont p{
    color: #666;
    font-size: 14px;
    line-height: 28px;
}
.footer-mfont p span{
    margin: 0 5px;
}
.footer-mewmbox{
    padding-bottom: 20px;
}
.footer-mewm{
    width: 50%;
    margin: 0 30px;
}
.footer-img{
    padding: 5px;
    background: white;
    border-radius: 4px;
}
.footer-mewm p{
    font-size: 14px;
    color:#999;
    margin-top: 5px;
}
.footer-mb{
    padding: 5px 0;
    border-top: 1px solid #d2d2d2;
}
.footer-mb p{
    color: #999;
    font-size: 12px;
    margin: 5px 0;
}
.footer-mb span{
    margin: 0 5px;
}
/* ============================================================================ */
/* 移动端公用底部 */
.footerbar{
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    background: #c01920;
    box-shadow: 0 -10px 20px rgba(0, 0, 0, .05);
    padding: 6px 10px;
    z-index: 500;
    display: none;
}
.footerbar a{
    text-align: center;
    flex: 1;
    position: relative;
}
.footerbar a::after{
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1px;
    height: 50%;
    background: rgba(255, 255, 255, .3);
}
.footerbar a:last-child::after{
    width: 0px;
}
.footerbar img{
    width: auto;
    height: auto;
}
.footerbar .footerbar-font{
    font-size: 14px;
    color: #fff;
    margin-top: 5px;
}
/* ============================================================================ */
@media screen and (max-width:1280px){
    .content{max-width: 95%;}
    .navul>li>a{padding: 0 11px;}
    .news-img{height: 357px;}
    .news-right{margin-left: 0;width: 50.8%;}
    .tw-img{height: 92px;width: 35%;}
    .enroll-adbox{width: 48.5%;height: 52px;}
    .employ, .partycam, .skill{margin-left: 35px;}
    .recruit-fsan{padding: 10px 15px 10px 35px;}
    .recruit-telbox{padding: 0 11%;}
    .organ-img{width: 50%;}
    .organ-img,.organ-font{height: 108px;}
    .training-img{    width: 35%; height: 185px;}
    .training{    margin-right: 20px;}
    .footer-c{width:50%}
    .footer-r{width: 30%;}
    .adver-img{height: 100px;}
    .bigpic ul li img{height: 470px;}
    .smallpic ul li img{height: 218px;}
    .bigpic .slick-dots{width: 145%;}
}
@media screen and (max-width:1025px){
    .top-m,.navdown,.footerbar{display: block;}
    .header,.nav,.float,.tit .titbox p,.tit .titl p,.organ-font span{display: none;}
    .banner{padding-top: 70px;}
    .top-m a{width: 40%;}
    .swiper1{height: 295px;}
    .news-top{text-indent: 48px;}
    .news-top h1{font-size: 24px;-webkit-line-clamp: 2;}
    .news-top p{-webkit-line-clamp: 3;}
    .news-left{width: 46%;}
    .news-rtop .news-time{width: 15%;}
    .news-lb ul li a p{width: 75%;}
    .swiper2 .swiper-pagination2{left: 80% !important;width: 20%;}
    .recruit-fsan{padding: 8px 0px 8px 30px;background-position: 10px center;}
    .employ, .partycam, .skill{margin: 0px 25px;}
    .recruit-cimg{width: 65px;height: 66px;}
    .recruit-telbox{padding: 0;}
    .associat .comm-lb p,.college-lb .comm-lb p,.enroll .comm-lb p,.comm-lb p,.news-rtopr{width: 79%;}
    .training-bg .comm-lb p{width: 74%;}
    .bigpic .slick-dots{    width: 1024px;}
    .honor-img{width: 178px;height: 133px;}
    #playercontainer,.video2 video{width: 100% !important;height: 168px !important;}
    .tw-img{height: 85px;width: 40%;}
    .tw-font{width: 55%;}
    .adver-img{height: 81px;}
    .organ-img, .organ-font{height: 82px;}
    .organ-font{padding:10px}
    .organ-font h3{font-size: 14px;line-height: 18px;}
    .bigpic .slick-dots{width: 972px;}
    .link-lb ul li a{padding: 0 12px;}
    .news-center{    padding: 40px 0 }
    .bigpic ul li img{height: 346px;}
    .smallpic ul li img{height: 180px;}
    .footer{margin-bottom: 60px;}

    .banner-ny{padding-top: 70px;}
    .banner-ny .swiperny { width: 100%;height: 180px;}
    .recruitny-fsan{    padding: 10px 10px 10px 25px;    font-size: 14px;    background-size: 15%;}
    .recruitny-cimg{width: 60px; height: 60px;}
    .train-img{width: 206px;height: 135px;}
    .train-rowbox{margin: -10px;}
    .train-cow{padding: 10px;}
    .inter-img{width: 230px; height: 151px;}
    .inter-font{width: 64%;padding: 10px;}
    .banner-ny .swiperny{height: 170px;}

    .organzation .organ-img,.organzation .organ-font{height: 105px;}
}
@media screen and (max-width:801px){
    .recruit-code,.recruit-tel,.training-more,.profes .comm-time,.footer-l,.ny-left{display: none !important;}
    .enroll-bg{padding-bottom: 30px;}
    .associat, .organize, .training-bg, .honor{padding: 30px 0;}
    .news-left{width: 565px;}
    .news-right{width: 100%; margin-top: 30px;}
    .news-img{width:565px;height: 373px;}
    .notice-lbbox{width: 100%;margin-right: 0;margin-top: 10px;}
    .news-rtopr{width: 85%;}
    .associat .comm-lb p, .college-lb .comm-lb p, .enroll .comm-lb p, .comm-lb p {width: 70%;}
    .employ, .partycam, .skill{margin: 0 2%;}
    .recruit-fsbox{padding: 8px;width: 100%;}
    .tw-img{height: 80px;}
    .recruit-fsan{padding: 10px 0px 10px 30px;background-position:30px center}
    .enroll .switch-titl .titbox{padding: 10px 6px;}
    .enroll .switch-titl .titbox h3{font-size: 16px;}
    .enroll-adbox{height: 38px;}
    .tit h3{padding: 0 5px 0 25px;}
    .adver-img{height: 71px;}
    .organ-img, .organ-font{height: 87px;}
    .organ-cow{width: 33.33%;}
    .training-img{height: 114px;}
    .training-font{width: 58%;margin-top:0;}
    .training-bg .comm-lb p{width: 100%;}
    .training{width: 65%;}
    .video-profes{width: 32%;}
    .bigpic .slick-dots{width: 145%;}
    .honor-img{width: 136px; height: 90px;}
    .link-tit{width: 15%;}
    .footer-r{width: 40%;}
    .theme-img{height: 50px;}
    #playercontainer,.video2 video{width: 100% !important;height: 151px !important;}
    .news-left{width: 85%;}
    .news-img{width: 100%;height: 400px;}
    .tit h3{font-size: 16px;}
    .college1 .titl .titbox h3,.skill .titl .titbox h3{padding-left:0;padding-right: 0;}
    .college .college-tit1,.college .college-tit2,.college .skill-tit1,.college .skill-tit2{background-position: -50%;}
    .college .titl .titbox,.switch-tit .switch-titl .titbox:last-child{margin-left: 10px;}
    .bigpic ul li img{height: 286px;}
    .smallpic ul li img{height: 139px;}
    
    .nav-lit{display: block;}
    .ny-right{width: 100%;}
    .train-img{    width: 214px;height: 141px;}
    .nr-box img{max-width: 100%; height:auto;}

    .organzation .organ-rowbox{margin: -10px;}
    .organzation .organ-cow{padding: 10px;}
    .organzation .organ-img,.organzation .organ-font{height: 80px;}
    .organ-font{padding: 8px;}
    .organ-font h3{margin-bottom: 10px;}
    .organbox-cowbox{padding: 50px 20px;}
    .organbox-cow{padding: 30px 0;}
    .organbox-row{margin: 30px 0;}

}
@media screen and (max-width:425px){
    .content{padding: 0 .75rem; max-width: 100%;}
    .recruit-m,.graduates-m,.honor-m,.footer-m,.tit .titl p,.profes .comm-time{display: block !important;}
    .link,.footer,.recruit,.graduates,.advertise,.organize,.yg-seasons,.honor,.ny-left,.notice .tit .titl p{display: none !important;}
    .notice{padding: 20px 0;}
    .enroll-bg{padding-bottom: 10px;}
    .associat, .organize, .training-bg, .honor{padding: 15px 0;}
    .enroll, .employ, .partybd, .partycam, .college1, .skill,.recruit, .theme, .graduates, .video-profes{width: 100%;padding: 15px 0;}
    .college{padding:20px 0;}
    .top-m a{width: 85%;}
    .navdown ul li a{padding: 12px 20px;}
    .swiper1{height: 120px;}
    .banner .swiper1 .swiper-pagination1{bottom: 10px;}
    .banner .swiper1 .swiper-pagination-bullet{width: 8px; height: 8px;}
    .banner .swiper1 .swiper-pagination-bullet-active::after{width: 10px;height: 10px;}
    .news-center{padding: 30px 0;}
    .news-top h1{font-size: 20px;}
    .news-top p{font-size: 14px;line-height: 24px}
    .news-font h3{font-size: 14px;}
    .news-top{text-indent: 20px;}
    .news-left{width: 100%;}
    .news-img{height: 220px;}
    .news-rtop .news-time{width: 18%;}
    .news-rtopr{width: 80%;}
    .news-lb ul li a p{width: 77%;}
    .news-lb ul li a .news-lbtime{font-size: 12px;}
    .notice-lbbox{padding: 5px 10px;}
    .associat .comm-lb p, .college-lb .comm-lb p, .enroll .comm-lb p, .comm-lb p{width: 80%;font-size: 14px;}
    .news-lb ul li a p{font-size: 14px;}
    .recru-cowbox{text-align: left;    background-position: 17px center;}
    .enroll .switch-titl .titbox{padding: 10px 15px;}
    .enroll .switch-titl .titbox h3{font-size: 18px;}
    .enroll-adbox{height: 50px;}
    .tw-img{height: 102px;}
    .employ, .partycam, .skill{margin: 0;}
    .theme-img{height: 85px;}
    .notice .switch-tit .switch-titl .titbox{margin-right: 20px;}
    .college .titl .titbox, .switch-tit .switch-titl .titbox:last-child{margin:0 10px;}
    .training{width: 100%;}
    .trai-lbbox{padding: 15px;}
    .training-font{width: 55%;margin-left: 4%;}
    .training-img{width: 40%;height: 95px;}
    .training-font>p{margin: 10px 0 0;}
    .trai-lbbox1 .training-font{margin-right: 4%;}
    #playercontainer,.video2 video{width: 100% !important; height: 257px !important;}
    .training-bg .comm-lb p{width: 80%;}
    .college .college-tit1, .college .college-tit2, .college .skill-tit1, .college .skill-tit2{background-position: 0 2px;}
    .college1 .titl .titbox h3, .skill .titl .titbox h3{padding-left: 25px;}
    .college{padding: 10px 0 0;}
    .graduates-m{padding: 10px 0 0;}

    .nytit,.inter-bq {display: none;}
    .banner-ny .swiperny{height: 120px;}
    .banner-ny .swiperny .swiper-pagination-bullet{width: 8px;height: 8px;}
    .banner-ny .swiperny .swiper-pagination{bottom: 10px;}
    .ny-rightbox{padding: 0;}
    .ny-content{background: white;}
    .ny-wzlb ul li p{width: 75%;font-size: 14px;}
    .ny-wzlb .news-lbtime{font-size: 12px;}
    .nav-litbox{background: #f2f4f5;}
    .nr-tit h1{font-size: 20px;line-height: 32px;}
    .nr-tit-bq div{margin: 5px 10px;}
    .nr-tit-bq{padding: 15px 0;}
    .nr-box p{font-size: 14px;line-height: 24px;}
    .ny-left-nav::before, .recruitny::before, .ny-right::before{height: 0;}
    .ny-content{padding: 20px 0 40px;}
    .nr-box p{margin: 15px 0;}
    .train-cow{width: 50%;}
    .train-img{width: 195px;height: 123px;}
    .inter-img{width: 40%;height: 102px;}
    .inter-font{width: 60%;padding-top: 0;}
    .inter-font p{margin-bottom: 0;}
    .inter-cow{padding: 15px 0;}
    .pager{margin-top: 20px;}
    .ny-content{padding: 20px 0 20px;}
    .train-rowbox{margin: -5px;}
    .train-cow{padding: 5px;}
    .ny-wzlb ul li{padding: 5px 0;}
	.nr-box video{ max-width:100%; height:auto;}

    .organzation .organ-cow{width: 100%;}
    .organzation .organ-img, .organzation .organ-font{height: 130px;}
    .organzation .organ-font{padding: 15px;}
}
@media screen and (max-width:375px){
    .swiper1{height: 108px;}
    .news-img{height: 231px;}
    .news-rtopr{width: 75%;}
    .news-rtop .news-time{width: 22%;}
    .news-lb ul li a p{    width: 70%;}
    .associat .comm-lb p, .college-lb .comm-lb p, .enroll .comm-lb p, .comm-lb p{width: 75%;}
    .recru-cowbox{font-size: 14px;padding-left: 26px;background-position: 10px center;}
    .tw-img{height: 92px;}
    .theme-img{height: 75px;}
    .training-bg .comm-lb p{width: 75%;}
    .navdown ul li a{padding: 7px 20px;}
    .gradum-cowbox{height: 206px;}

    .train-img{width: 170px;height: 110px;}
    .train-font{padding: 10px;}
    .inter-img{height: 92px;}
    .inter-font p{margin-top: 10px;}
    .school-nr p span{margin: 0 10px;}
    #playercontainer,.video2 video{height: 231px !important;}
    .honorm-img{height: 110px;}
    
    .organzation .organ-img, .organzation .organ-font{height: 115px;}
    .organ-titbig h1{font-size: 20px;}
    .organ-titbig{background-size: 70%;}
}
@media screen and (max-width:360px){
    .swiper1{height: 105px;}
    .news-lb ul li a p{width: 73%;}
    .associat .comm-lb p, .college-lb .comm-lb p, .enroll .comm-lb p, .comm-lb p{width:78%}
    .recru-cowbox{padding: 8px;padding-left: 35px;}
    .theme-img{height: 70px;}
    .gradum-cowbox{height: 197px;}
    .footerbar .footerbar-font{font-size: 12px;}

    .organzation .organ-img, .organzation .organ-font{height: 110px;}
}
@media screen and (max-width:320px){
    .train-img{width: 143px;height: 94px;}
    .train-font h3{font-size: 14px;margin-bottom: 5px;}
    .train-font p{font-size: 12px;line-height: 18px;}
    .inter-font h3{font-size: 14px;}
    .inter-font p{font-size: 12px;line-height: 18px;}
    .inter-img{height: 77px;}
    .pager{margin-top: 10px;}
    .school-nr p span{margin: 0 9px;}
    .honorm-img{height:91px}
    #playercontainer,.video2 video{height: 195px !important;}
    .gradum-cowbox{height: 172px;}
    .associat .comm-lb p, .college-lb .comm-lb p, .enroll .comm-lb p, .comm-lb p{width: 75%;}
    .news-lb ul li a p{width: 70%;}
    .recru-cowbox{padding-left: 28px;}
    .tw-img{height: 85px;}
    .news-img{height: 195px;}
    .gradum-cowbox{height: 170px;}

    .organzation .organ-img, .organzation .organ-font{height: 95px;}
}