
.content{ width:100%; overflow:hidden; position:relative; z-index:22; background:#f3f2ef; margin-top:100vh}

.body-hidden{
	overflow: hidden;
}

/*news*/
.news{ width:100%; overflow:hidden;position: relative;}
.news h3{ width:100%; text-align:center; font-size:2.1vw; font-weight:bold;  letter-spacing:4px; position:relative; margin-top:90px; padding-bottom:60px;}
.news h3 a{color:#333;}
.news h3:before,.mt h3:before,.report h3:before{ width:36px; height:6px; position:absolute;left:50%;bottom:0px; z-index:12; background:#2289dd; content:"";margin-left:-18px;transition:0.5s;}
.news h3:hover::before,.mt h3:hover::before,.report h3:hover::before{width: 198px;margin-left:-96px;}

.news-content{ width:100%; margin:0px auto}
.news-1{ float:left; width:42.3vw; overflow:hidden; height:18vw; margin-top:2vw; position:relative; cursor:pointer;transition:all 0.4s ease}
.news-pic{ float:left; width:100%; overflow:hidden; height:100%;border-radius: 6px;}
.news-pic img{ width:100%; height:100%;object-fit: cover;transition:all 0.4s ease}
.news-1:hover img{transform:scale(1.1)}
.news-video{ width:32px; height:32px; overflow:hidden;box-sizing:border-box; background:url(../images/icon-2021-55.svg) no-repeat center; position:absolute;left:20px;top:20px; z-index:23; border:2px #fff solid;border-radius:50%}
.news-bottom{ width:100%; overflow:hidden; position:absolute;left:0px;bottom:0px; z-index:40; height:60%; background:-webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.5));border-radius: 6px;}
.news-bottom h4{width:100%;overflow:hidden;line-height:30px;height:30px;padding:0px 5%;box-sizing:border-box;position:absolute;left:0px;bottom:60px;z-index:23;}
.news-bottom h4 a{color:#fff;transition:all 0.4s ease;display: -webkit-box;text-overflow: ellipsis;white-space: pre-wrap;-o-text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.news-bottom h4 a:hover{ color:#2289dd}
.news-bottom span{width:50%; overflow:hidden; line-height:30px; height:30px; padding-left:5%;box-sizing:border-box; position:absolute;left:0px;bottom:20px; z-index:23;  color:#535450}
.news-bottom span a{color:#2289dd;margin: 0px 15px;}
.news-bottom span a:nth-child(1){margin:0}
.news-bottom span a:nth-child(2){margin-left:0;}
.news-bottom span a:first-child{ margin-left:0px}
.news-bottom p{width:50%; overflow:hidden; line-height:30px; height:30px; padding-right:5%;box-sizing:border-box; position:absolute;right:0px;bottom:20px; z-index:23;  color:#fff; text-align:right; cursor:auto;font-family:'EuclidCircularA'}

.news-2{ float:left; width:20.14vw; height:18vw; background:#fff; margin-left:2vw;margin-top:2vw; position:relative; overflow:hidden;transition:all 0.4s ease;border-radius: 6px;}
.news-2:hover{background:#2289dd;}
.news-2:hover .news-info span{color: white;}
.news-2:hover .news-other em{color: white;}
.news-2 .news-2pic samp img{ width:100%; height:100%;transition:all 0.4s ease;object-fit:cover}
.news-2:hover .news-2pic samp img{transform:scale(1.1)}
.news-2-2 .news-other{background: -webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,1));height: auto;bottom: 0;padding-top: 6.85vw;padding-bottom: 14px;}
.news-2-2 .news-other em{
    position: absolute;
    z-index: 12;
    color: #fff;
}
.news-2-2 .news-other span{
    position: absolute;
    z-index: 12;
    bottom: 14px;}
.news-2-2 .news-3pic span{
    
bottom: 60px;
}
.news-2pic{ float:left; width:100%; overflow:hidden; position:relative; height:11vw}
.news-2pic samp{ float:left; width:100%; overflow:hidden; height:100%}


.news-info{ float:left; width:100%; overflow:hidden; padding:0px 5%;box-sizing:border-box; margin-top:1vw;border-radius: 6px;}
.news-info span{ float:left; width:100%; overflow:hidden;  color:#333; line-height:1.5vw; height:3.03vw;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;}

.news-info p{ float:left; width:100%; overflow:hidden;  color:#808080; line-height:24px; height:120px; margin-top:18px; text-align:justify;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;}
.news-other{width:100%;overflow:hidden;padding:0px 10%;box-sizing:border-box;position:absolute;left:0px;bottom:14px;z-index:12;}

.news-other span{float:left;width:65%;overflow:hidden;line-height:30px; height:30px;color:#e7e7e7;}
.news-other span a{color:#2289dd;margin: 0px 8px;}
.news-other span a:nth-child(1){margin:0;}
.news-other span a:nth-child(2){margin-left:0;}
.news-other span a:first-child{ margin-left:0px}
.news-other em{ float:right;width:auto; overflow:hidden; line-height:30px; height:30px;  color:#808080;font-family:'EuclidCircularA'; margin-top:2px }

.news-link{ width:32px; height:32px; overflow:hidden;box-sizing:border-box;  position:absolute;left:20px;top:20px; z-index:23; border:2px #fff solid;border-radius:50%}
.news-audio{ width:32px; height:32px; overflow:hidden;box-sizing:border-box;  position:absolute;left:20px;top:20px; z-index:23; border:2px #fff solid;border-radius:50%}
.fl{ margin-left:6.26vw}
.fr{ float:right; margin-right:0px}
.news-share{ width:100%; height:60px; position:absolute;left:0px;bottom:-60px; z-index:234; background:#2289dd;border-radius:8px 8px 0px 0px;transition:all 0.4s ease}
.bshare-custom{ float:left; width:auto; padding-left:40px}
.bshare-custom span{ float:left; line-height:60px; width:auto;  color:#fff}
.bshare-custom a{ margin:17px 6px; background:#fff !important; width:26px !important; height:26px !important;border-radius:50%; padding:0px !important;background-size:60% !important;display: inline-block;vertical-align: middle;cursor:pointer; position:relative}
.bshare-custom a:before{width:100%; height:100%; line-height:26px; text-align:center; position:absolute;left:0px;top:0px; font-family:"iconfont"; color:#44c983;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; content:"\e648";}
.bshare-custom a:last-child{ margin:0px 6px 0px; background:#fff  !important; width:26px !important; height:26px !important;border-radius:50%; padding:0px !important;background-size:60% !important}
.bshare-custom a:last-child:before{ content:"\e63e"; color:#ff6d71}
.news-sc{ float:right; width:24px; height:24px; background: url(../images/icon-2021-57.svg) no-repeat center; margin:18px 40px 0px 0px}

.news-content .active .news-share,.news-3 .active .news-share,.news-4 .active .news-share{bottom:0px}

.news-3{ width:100%; display:none}
.news-4{ width:100%; display:none}

.news-more{ float:left; width:100%; overflow:hidden; text-align:center; margin-top:40px}
.news-more a.more{ width:180px; height:48px; overflow:hidden; display:block; margin:0px auto; background:url(../images/icon-2022-7.svg) no-repeat; line-height:48px; color:#fff; cursor:pointer;transition:all 0.4s ease; position:relative}

.news-more a.more:hover{transform:translateY(5px)}
.more1{ display:block}
.more2{ display:none}
.more3{ display:none}

/*meiti*/
.mt{ width:100%; overflow:hidden; background:#fafafa; padding-bottom:90px;z-index: 2;}
.mt h3{ width:100%; text-align:center; font-weight:bold;letter-spacing:4px; position:relative;}
.mt h3 a{ color:#333; font-size: 2.1vw}
.mt-content{ width:87.5%; margin:30px auto 0px; overflow:hidden; position:relative}
.mt-content .swiper-slide{ background:#fff; height:31vw; position:relative;transition:all 0.4s ease}
.mt-content .swiper-slide a{width:100%;height:100%;display:block}
.mt-content samp{ float:left; width:100%; overflow:hidden; height:15.73vw}
.mt-content samp img{ width:100%; height:auto;transition:all 1s linear; height:100%;object-fit: cover;}
.mt-content h4{ float:left; width:100%; overflow:hidden; padding:0px 6%;box-sizing:border-box;  color:#333; margin-top:26px;transition:all 0.5s ease;line-height:28px; height:56px;display: -webkit-box;
-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.mt-content p{ float:left; width:100%; overflow:hidden; padding:0px 6%;box-sizing:border-box;  color:#808080 !important; margin-top:16px; line-height:30px;height:60px; text-align:justify;display: -webkit-box;
 -webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.mt-content span{ width:auto; position:absolute;left:6%;bottom:40px; z-index:12}
.mt-content span img{ width:auto; height:54px}
.mt-content em{ width:auto; position:absolute;right:6%;bottom:38px; z-index:12; color:#808080;font-family:'EuclidCircularA'}
.mt-content .swiper-slide:hover samp img{transform:scale(1.1)}
.mt-content .swiper-slide a:hover h4{ color:#2289dd}
.mt-content .swiper-slide:hover{box-shadow:0px 0px 12px 4px rgba(0,0,0,0.08)}
.mt-content  .swiper-container{ padding-bottom:64px}
.mt-content .swiper-container-horizontal > .swiper-scrollbar{ width:60%; left: 20%; background-color: #e1e1e1; height:6px}
.mt-content .swiper-scrollbar-drag{background-color: #2289dd; height: 6px; cursor: pointer}

.genner-more{width:100%; overflow:hidden; text-align:center; margin-top:40px}
.genner-more a{ width:180px; height:48px; overflow:hidden; display:block; margin:0px auto; background:url(../images/icon-2022-7.svg) no-repeat; line-height:48px;  color:#fff; cursor:pointer;transition:all 0.4s ease}
.genner-more a:hover{transform:translateY(5px)}




.report{ width:100%;}
.report h3{ width:100%; text-align:center; overflow:hidden; font-weight:bold;  letter-spacing:4px; position:relative; margin-top:3vw; padding-bottom:1vw;padding-top:2vw;}
.report h3 a{color:#333;font-size: 2.1vw}
.report h3:before{ width:36px; height:6px; position:absolute;left:50%;bottom:0px; z-index:12; background:#2289dd; content:"";margin-left:-18px}

.report-list{ width:87.5%; margin:0 auto;overflow:hidden}
.report-1{ float:left; width:50%; height:21.65vw; overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:cover; position:relative;transition:all 0.5s ease}
.report-1 em{ width:95px; height:30px; line-height:30px; text-align:center;   display:block; position:absolute;right:40px;top:40px; z-index:12;background: #2685d9;
    color: white;
    border-radius: 31px;}
.report-1 .report-s,.report-3 .report-s{ width:100%;  position:absolute;left:0px;bottom:2vw; z-index:12; padding:0px 40px;box-sizing:border-box;transition:all 0.4s ease;text-indent:2em;}
.report-1:hover .report-s,.report-3:hover .report-s{background:#2289dd;width: 100%;height: 100%;bottom: 0;padding:50px;opacity: 0.95;white-space: nowrap;text-indent: 0;}
.report-s span{ float:left; width:100%; overflow:hidden;  color:#fff;font-family:'EuclidCircularA'}
.report-s h4{ float:left; width:100%;color:#fff; line-height:30px; margin-top:0; 
	height:90px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;transition:0.5s;}
.report-s h4 b{font-size: 1.5vw;padding-bottom:1.2vw;line-height: 3vw;display:none;}
.report-s:hover h4 b{display: block;display: block;}
.report-s:hover h4 .hrbj{display: none;}
.report-1:hover h4,.report-2:hover h4,.report-3:hover h4{transform:translateY(-10px)}	

.report-2,.report-3{ float:left; width:25%; height:21.65vw; overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:cover; position:relative;transition:all 0.5s ease}
.report-2 em,.report-3 em{ width:75px; height:30px; line-height:30px; text-align:center; display:block; position:absolute;right:40px;top:40px; z-index:12;    background: #979797;
    color: white;
    border-radius: 31px;}
.report-1 .remask,.report-2 .remask,.report-3 .remask{ width:100%; height:100%; position:absolute;left:0px;top:0px; z-index:11; background:rgba(0,0,0,0.3)}

@media screen and (max-width:1660px){
.mt{ padding-bottom:80px}	
.news h3,.mt h3,.content-2 h3,.report h3,.shu h3,.school-1 h3,.content-7 .gallery-top .swiper-slide span{ font-size:2.1vw; letter-spacing:4px;}

.news-info {margin-top: 10px;}
.news-more a,.genner-more a {width:160px;-webheight: 44px;line-height: 44px;}
.mt-content .swiper-slide{ height:34vw}


}

@media screen and (max-width:1600px){
.news-other span a{margin:0px 4px}
}

@media screen and (max-width:1440px){
/*news*/
.mt{margin-top:75px; padding-bottom:75px}
.news h3,.mt h3,.content-2 h3,.report h3,.content-7 .gallery-top .swiper-slide span{letter-spacing:2px;}
.news-video,.news-link,.news-audio{ width:28px; height:28px;left:18px;top:18px; background-size:40%}
.news-bottom h4{bottom: 35px;}
.news-bottom span{bottom:6px;}
.news-bottom span a{ margin:0px 12px}
.news-bottom p{bottom:6px;}
.news-info{ margin-top:10px;}
.news-other{bottom:0px;height: 36px;}
.news-2-2 .news-other{padding-bottom:2px;}
.news-other span,.news-2-2 .news-other span{line-height:24px;}
.news-other span a{ margin:0px 6px}
.news-other em,.news-2-2 .news-other em{ line-height:24px; height:24px;  }
.news-share{ height:50px;bottom:-50px;}
.bshare-custom{padding-left:34px}
.bshare-custom span{ line-height:50px; }
.news-sc{ width:22px; height:22px;margin:12px 34px 0px 0px}
.news-2{ width:20.88vw; margin-left:1.3vw}
.news-1{ width:43.1vw}
.fl{ margin-left:6.26vw}
.bshare-custom a{ margin-top:11px}
.bshare-custom a:last-child{ margin-top:-5px}
/*meiti*/
.mt-content{margin:29px auto 0px;}
.mt-content .swiper-slide{ height:31vw;}
.mt-content h4{  line-height:26px; height:52px; margin-top:22px;}
.mt-content p{ margin-top:15px; line-height:24px;height:48px; -webkit-line-clamp: 2}
.mt-content span{bottom:24px;}
.mt-content span img{ height:38px}
.mt-content em{bottom:20px;  }
.mt-content  .swiper-container{ padding-bottom:63px}
.report-list{ margin:38px auto 0px}
.report-1 em,.report-2 em,.report-3 em{ width:75px; height:30px; line-height:30px; text-align:center; right:36px;top:36px; }
.report-s{ bottom:36px; padding:0px 30px;}

.report-s h4{  line-height:26px; margin-top:17px; height:78px}
}


@media screen and (max-width:1379px){
/*news*/
.mt{margin-top:68px; padding-bottom:68px}
.news h3,.mt h3,.content-2 h3,.report h3,.content-7 .gallery-top .swiper-slide span{letter-spacing:2px;}
.news h3::before,.mt h3::before,.content-2 h3::before,.report h3::before{ height:4px}
.news-info { margin-top: 13px;}
.news-more a, .genner-more a {width: 120px;height: 42px;line-height: 42px;}
.mt-content .swiper-slide {height: 32.4vw;}
.report-list{ margin:34px auto 0px}


}

@media screen and (max-width:1280px){
.mt{margin-top:62px; padding-bottom:62px}	
.news h3,.mt h3,.content-2 h3,.report h3,.content-7 .gallery-top .swiper-slide span{ }	
.news-2,.news-1{height:17.8vw;}
.news-2pic{height:9.8vw;}
.news-info p{ height:72px;-webkit-line-clamp:3;}
.mt-content .swiper-slide{ height:33vw}
.mt-content span img{ height:32px}
.report-1 em, .report-2 em, .report-3 em {width: 90px;height: 32px;line-height: 32px;right: 26px;top: 26px;}
.report-s h4 {line-height: 22px;margin-top: 17px;height: 66px;}
.report-1 .report-s,.report-3 .report-s{display: none;}

}
@media screen and (max-width:1250px){
.news-info span{height:22px;-webkit-line-clamp:1;}
.news-other em{width:100%;/* float:left */}
.news-2-2 .news-other{height:auto;padding-bottom: 10px;padding-top: 5vw;}
.news-2-2 .news-other span{position:relative;bottom:0px}
.news-2-2 .news-other span{/* line-height:20px; */}
.news-2-2 .news-other em{/* line-height:20px; */height: 24px;margin-top:0px;position:relative;/* float:left; */width: 100% !important;right:0px;bottom:0px;}

.news-other span, .news-2-2 .news-other span{height:20px; line-height:20px;margin:0px}
.news-other em, .news-2-2 .news-other em{height:20px; line-height:20px}
.news-other{bottom:5px}
.news-2-2 .news-other{padding-bottom:5px}


}



@media screen and (max-width:1024px){
/*news*/
.mt{margin-top:56px; padding-bottom:56px}	
.news h3,.mt h3,.content-2 h3,.report h3,.content-7 .gallery-top .swiper-slide span{}	
.news-bottom h4 a{ }
.news-bottom span{line-height:20px; height:20px; }
.news-bottom span a{ margin:0px 6px}
.news-bottom p{ line-height:20px; height:20px;}
.news-info{margin-top: 10px;padding:0px 5%;}
.news-info span{line-height:22px;height:22px;}
.news-info p{ height:44px;-webkit-line-clamp: 2;}
.news-other{padding:0px 5%;bottom: 8px;}
.news-other span a{ margin:0px}
.news-other span{line-height:20px;display: block;width: 100%;}
.news-other em{float:left;width:100%;line-height:20px;height:20px;margin:0px}
.news-2-2 .news-other em{width: 100%;display: block;}
/*meiti*/
.mt-content{margin:24px auto 0px;}
.mt-content .swiper-slide{ height:475px;}
.mt-content h4{  margin-top:16px;}
.mt-content p{ margin-top:9px; line-height:27px;height:81px}
.mt-content span img{display:inline-block}
.mt-content em{bottom:28px;  }
.mt-content  .swiper-container{ padding-bottom:56px}
.mt-content samp{ height:23.73vw}
.content-3{  margin:50px auto 0px}


.report-list{ margin:30px auto 0px}
.report-1 em,.report-2 em,.report-3 em{ width:86px; height:30px; line-height:30px; right:30px;top:30px; }
.report-s{ bottom:30px; padding:0px 25px;}
.report-s h4{  line-height:26px; margin-top:10px; height:52px}

}
@media screen and (max-width:1000px){
  .news-content .active .news-share, .news-3 .active .news-share{
       display:none;
   }
  .content{margin-top:0px}
}

@media screen and (max-width:960px){
    .news-other{
        bottom:3px;
    }
    .news-2-2 .news-other{
        padding-top: 6.8vw;
    }
}

@media screen and (max-width:860px){
    .news-info{
        margin-top:5px;
    }
}
@media screen and (max-width:800px){
    .news-info{
        margin-top:2px;
    }
    .news-other{
        bottom:0px;
    }
}
@media screen and (max-width:768px){
.content{ margin-top:0px}	
/*news*/
.mt{margin-top:30px; padding-bottom:30px}
.news{ width:90%; margin:0px auto}
.news h3,.mt h3,.content-2 h3,.report h3,.shu h3{ }
.news h3:before,.mt h3:before,.content-2 h3:before,.report h3:before,.shu h3:before{ width:30px; height:4px;margin-left:-15px}
.news-1{ width:100%; height:auto; margin-top:15px; }
.news-2{ width:100%; height:auto;margin-top:15px;padding-bottom:50px}
.news-2-2 .news-other{background:none;position: static;padding-top: 15px;padding-bottom: 0;}
.news-2-2 .news-other em{
    color: #808080;
    margin-top:10px;
}
.news-2-2{
    padding-bottom: 0px;
}

.news-info{margin-top:14px;}
.news-other{bottom:5px;}
.news-info span{line-height:23px; height:auto}
.news-info p{ line-height:22px; height:auto; margin-top:12px}
.news-other span{line-height:22px; }
.news-other span a{ margin:0px 4px}
.news-other em{ line-height:22px; height:22px; }
.fl{ margin-left:0px}
.news-2pic{ height:auto}
.news-2{ margin-left:0px}

/*meiti*/
.mt-content{ width:90%}
.mt-content{margin:21px auto 0px;}
.mt-content .swiper-slide{ height:87vw;}
.mt-content h4{  margin-top:22px;}
.mt-content p{ margin-top:11px; line-height:23px;height:69px}
.mt-content span{bottom:30px;}
.mt-content span img{ height:44px}
.mt-content em{bottom:28px;  }
.mt-content  .swiper-container{ padding-bottom:52px}
.mt-content samp{ height:52.73vw}



.report-list{ margin:20px auto 0px; width:90%}
.report-1{ width:100%; height:40vw; }
.report-2,.report-3{ width:50%; height:40vw; }
.report-1 em,.report-2 em,.report-3 em{ width:70px; height:30px; line-height:30px; right:20px;top:20px; }
.report-s{ bottom:20px; padding:0px 16px;}
.report-s h4{ line-height:22px; margin-top:5px; height:22px}

@media screen and (max-width:640px){
.school-left p{  line-height:0px}
.mt-content .swiper-slide{ height:94vw;}
}
@media screen and (max-width:510px){
.mt-content .swiper-slide{ height:100vw;}
}
@media screen and (max-width:460px){
.mt-content .swiper-slide{ height:108vw;}
.school-left span {line-height: 0px;}
.school-left p{  line-height:0px}
}
@media screen and (max-width:380px){
.mt-content .swiper-slide{ height:128vw;}
.school-left span {line-height:0px;}
.school-left p{  line-height:0px}
}

bkit-box;text-overflow: ellipsis;white-space: pre-wrap;-o-text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.news-2-2 .news-other{height:auto;padding-bottom: 3px;padding-top: 5vw;}
.news-2-2 .news-other span{position:relative;bottom:0px;}
.news-2-2 .news-other span{
}
.news-2-2 .news-other em{position:relative;width: auto;right:0px;bottom:0px;width: auto;}
}
@media screen and (max-width:1150px){
    .news-other{bottom: 2px;}
}


@media screen and (max-width:1024px){
/*news*/
.mt{margin-top:56px; padding-bottom:56px}	
.news h3,.mt h3,.content-2 h3,.report h3{}	
.news-bottom h4 a{ }
.news-bottom span{line-height:20px; height:20px; }
.news-bottom span a{ margin:0px 6px}
.news-bottom p{ line-height:20px; height:20px;}
.news-info{margin-top: 10px;padding:0px 5%;}
.news-info span{line-height:22px;height:22px;}
.news-info p{ height:44px;-webkit-line-clamp: 2;}
.news-other{padding:0px 5%;bottom: 8px;}
.news-other span a{ margin:0px}
.news-other span{line-height:20px;display: block;width: 100%;}
.news-other em{float:left;width:100%;line-height:20px;height:20px;margin:0px}
.news-2-2 .news-other em{width: 100%;display: block;}
/*meiti*/
.mt-content{margin:24px auto 0px;}
.mt-content .swiper-slide{ height:475px;}
.mt-content h4{  margin-top:16px;}
.mt-content p{ margin-top:9px; line-height:27px;height:81px}
.mt-content span img{display:inline-block}
.mt-content em{bottom:28px;  }
.mt-content  .swiper-container{ padding-bottom:56px}
.mt-content samp{ height:23.73vw}

.content-rs em{top:32px}
.content-rs h4{ padding:0px 9%;  margin-top:80px;}
.content-rs p{  margin-top:7px;line-height:24px; height:48px;padding:0px 9%;}
.content-pannel{ margin:28px auto 0px}
.content-item em{ line-height:32px; }



.content-3{  margin:50px auto 0px}


.report-list{ margin:30px auto 0px}
.report-1 em,.report-2 em,.report-3 em{ width:86px; height:30px; line-height:30px; right:30px;top:30px; }
.report-s{ bottom:30px; padding:0px 25px;}
.report-s h4{  line-height:26px; margin-top:10px; height:52px}


}
@media screen and (max-width:1000px){
  .news-content .active .news-share, .news-3 .active .news-share{
       display:none;
   }
  .content{margin-top:0px}
}

@media screen and (max-width:960px){
    .news-other{
        bottom:3px;
    }
    .news-2-2 .news-other{
        padding-top: 6.8vw;
    }
}

@media screen and (max-width:860px){
    .news-info{
        margin-top:5px;
    }
}
@media screen and (max-width:800px){
    .news-info{
        margin-top:2px;
    }
    .news-other{
        bottom:0px;
    }
}
@media screen and (max-width:768px){
.content{ margin-top:0px}	
/*news*/
.mt{margin-top:30px; padding-bottom:30px}
.news{ width:90%; margin:0px auto}
.news h3,.mt h3,.content-2 h3,.report h3,.shu h3{ }
.news h3:before,.mt h3:before,.content-2 h3:before,.report h3:before,.shu h3:before{ width:30px; height:4px;margin-left:-15px}
.news-1{ width:100%; height:auto; margin-top:15px; }
.news-2{ width:100%; height:auto;margin-top:15px;padding-bottom:50px}
.news-2-2 .news-other{background:none;position: static;padding-top: 15px;padding-bottom: 0;}
.news-2-2 .news-other em{
    color: #808080;
    margin-top:10px;
}
.news-2-2{
    padding-bottom: 15px;
}

.news-info{margin-top:14px;}
.news-other{bottom:5px;}
.news-info span{line-height:23px; height:auto}
.news-info p{ line-height:22px; height:auto; margin-top:12px}
.news-other span{line-height:22px; }
.news-other span a{ margin:0px 4px}
.news-other em{ line-height:22px; height:22px; }
.news-2pic{ height:auto}
.news-2{ margin-left:0px}

/*meiti*/
.mt-content{ width:90%}
.mt-content{margin:21px auto 0px;}
.mt-content .swiper-slide{ height:87vw;}
.mt-content h4{  margin-top:22px;}
.mt-content p{ margin-top:11px; line-height:23px;height:69px}
.mt-content span{bottom:30px;}
.mt-content span img{ height:44px}
.mt-content em{bottom:28px; }
.mt-content  .swiper-container{ padding-bottom:52px}
.mt-content samp{ height:52.73vw}


.content-slide{ height:100%; width:90%}
.content-left{ width:100%; position:relative; height:auto; float:left}
.content-left img{height:60vw;}
.content-right{ height:auto;}
.content-rs{ width:100%; background:#fff ;  height:auto; position:relative; padding-bottom:50px}
.content-rs h4{  padding:0px 8%; margin-top:80px; line-height:26px; height:56px;}
.content-rs p{ padding:0px 8%;  margin-top:10px; line-height:24px; height:72px;}
.content-slide .swiper-pagination{ right:50%;bottom:20px;}
.content-pannel{ width:90%; margin:0px auto 0px}
.content-item{ width:100%; padding:2% 4%; margin-right:0%; margin-top:15px; padding-bottom:20px}
.content-item h4{ line-height:25px; height:auto; margin-top:14px}
.content-rs em{ right:8%}

.report-list{ margin:20px auto 0px; width:90%}
.report-1{ width:100%; height:40vw; }
.report-2,.report-3{ width:50%; height:40vw; }
.report-1 em,.report-2 em,.report-3 em{ width:70px; height:30px; line-height:30px; right:20px;top:20px; }
.report-s{ bottom:20px; padding:0px 16px;}
.report-s h4{   line-height:22px; margin-top:5px; height:22px}



@media screen and (max-width:640px){
.school-left p{  line-height:0px}
.mt-content .swiper-slide{ height:94vw;}
}
@media screen and (max-width:510px){
.mt-content .swiper-slide{ height:100vw;}
}
@media screen and (max-width:460px){
.mt-content .swiper-slide{ height:108vw;}
.school-left span {line-height: 0px;}
.school-left p{  line-height:0px}
}
@media screen and (max-width:380px){
.mt-content .swiper-slide{ height:128vw;}
.school-left span {line-height:0px;}
.school-left p{  line-height:0px}
}

@media screen and (max-width:768px){
.news-2-2 .news-other{bottom:0px;
background: -webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.9));height: 100px;}
.news-2-2 .news-other span{width:100%;margin-top:34px;}
.news-2-2 .news-other em{width: 100% !important;margin: 0px;text-align:left;float: right;color: #fff;}
.news-2-2{padding-bottom:0px}
.news-2-2 .news-other{ position:absolute}


}

