* {
    margin: 0;
    padding: 0;
    font-family: "微软雅黑";
    font-size: 12px;
    color: #333;
}

a {
    text-decoration: none;
}
.navlistbtn{display:none;}

.footb{color: #FFF;text-align: center;margin: 30px 0;font-size: 12px;}

.dotdot {overflow: hidden;text-overflow:ellipsis;display: -webkit-box;display:box;-webkit-box-orient: vertical;}
.line1 {-webkit-line-clamp: 1;}
.line2 {-webkit-line-clamp: 2;}
.line3 {-webkit-line-clamp: 3;}
.line4 {-webkit-line-clamp: 4;}
.line5 {-webkit-line-clamp: 5;}
.line10 {-webkit-line-clamp: 10;}
.line12 {-webkit-line-clamp: 12;}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {background-color: #ba0000;border-color: #0068b6;}


.arclist_page {padding:20px 0 50px;*zoom: 1;text-align:center;}
.arclist_page a,.arclist_page em {display:inline-block;font-size: 16px;margin: 0px 5px;padding:5px 15px;background: #ededed;text-align: center;font-style: normal;white-space: nowrap;border: 1px solid #ededed;line-height: 25px;color:#333;}
.arclist_page a:hover,.arclist_page a.fycurrent {color:#fff;border-color:#ba0000;background:#ba0000;}

.itit{text-align:center;margin:30px 0;}
.itit h3{font-size:34px;color:#ba0000;margin-top:-50px;margin-bottom:10px;}
.itit p{font-size:16px;text-transform:uppercase;}
.itit h4{font-size:60px;text-transform:uppercase;color:rgba(186,0,0,.1);position:relative;}

  .pagebanner img{
      display:block;
      height:auto;
      width:100%;
  }
#topbox {
    height: 98px;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
}

#topbox>div {
    flex: 1;
    display: flex;
    align-items: center;
}

#topbox>div:nth-child(2) {
    width: 20%;
    flex: 0.6 !important;justify-content: center;padding-left: 80px;
}
#topbox>div:nth-child(3){
    justify-content: flex-end;
}
#topbox>div:nth-child(3) img{
    height: 60px;width: auto;
}

#topbox img {
     height:100%;
}

li {
    list-style: none;
}


.itemcontent {
    width: 1200px;
    margin: auto;
    height: 70px;
}

.itemcontent li {
    float: left;
}

.itemcontent li:hover {
    cursor: pointer;
}

.itemul {
    display: flex;
    align-items: center;
    height: 100%;
}

.itemul>li {
    display: flex;
    flex:1;
    align-items: center;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    position: relative;
}

.itemcontent li div {
    font-size: 17px !important;
    color: #fff !important;
    text-align: center;
}

.itemcontent li:hover {
    font-weight: 600;
}

.itemcontent li:hover .jumpitem {
    display: block;
}

.topcontent {
    background: #ba0000;
    max-width: 1920px;
    margin: auto;
}

#topbox {
    width: 1200px;
    margin: auto;
}

.bd {
    position: relative;
}

.db li {
    zoom: 1;
    vertical-align: middle;
}

.contentbox {
    width: 1200px;
    margin: auto;
}

.bannerbox {
    position: relative;
}


.bannerbox>img {
    display: inline-block;
    position: absolute;
}

.banimg {
    position: relative;
    top: 0;
    left: 0;
    display: flex;
}

.bimg {
    width: 100%;
    height: 100%;
}

.bannerleft {
    position: absolute;
    top: 50%;
    left: 2rem;
    cursor: pointer;
    width: 2rem;
    height: 3.5rem;
    margin-top: -1.75rem;
    z-index: 99;
}

.bannerright {
    position: absolute;
    top: 50%;
    right: 2rem;
    cursor: pointer;
    width: 2rem;
    height: 3.5rem;
    margin-top: -1.75rem;
    z-index: 99;
}

.videobox {
    position: relative;
}

.videoback {
    position: absolute;
    width: 654px;
    height: 380px;
    z-index: 99;
    display:none;
}

.bofang {
    position: absolute;
    z-index: 999;
    width: 80px;
    height: 80px;
    top: 144px;
    left: 287px;
    display:none;
    
}

.bofang:hover {
    cursor: pointer;
}

.jumpitem {
    width: 120px;
    position: absolute;
    top:70px;
    background-color: #fff;
    z-index: 99;
    display: none;
    padding: 5px 0;
}

.jumpitem a {
    height: 40px;
    line-height: 40px;
    width: 100%;
    display: block;
    width: 100%;
    text-align: center;
    font-size: 14px;
    color: #ba0000;
}

.jumpitem a:hover {
    background-color: #ba0000;
    color: #fff;
}



.pro {
    display: flex;
    flex-direction: column;
}

.proimg {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 80px 0;
}

.proimg2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 40px 0;
}

.proimg>img {
    width: 700px;
}

.img2 {
    width: 600px !important;
}

.proinfo {
    display: flex;
}

.proinfo>:nth-child(1) {
    padding: 20px;
}

.proinfo>:nth-child(2) {
    padding: 20px;
    height: 368px;
}

.proinfo>:nth-child(2)>p {
    font-size: 16px !important;
    line-height: 32px;
}

.menbermore {
    color: #ccc;
    font-size: 20px;
    text-align: right;
    display: block;
    width: 100%;
    margin-bottom: 20px;
}

.menbertopitem {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
}

.menbertopitem>div {
    flex: 0 0 33%;
    height: 50px;
    background-color: #fff;
    line-height: 50px;
    text-align: center;
    color: #ba0000;
    background:rgba(236, 80, 80, 0.1);
    font-size: .8rem;
}

.menbertopitem>div:hover {
    cursor: pointer;
}

.menactive {
    background-color: #ba0000 !important;
    color: #fff !important;
    font-weight: 600 !important;
}

.imgtitle {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.imgtitle>div {
    box-sizing: border-box;
    flex: 0 0 24%;
    margin: 5px;
    padding: 15px;
    transition: all .2s linear;
}

.imgtitle>div:hover {
    box-shadow: 0 15px 30px rgba(0, 0, 0, .1);
    transform: translate3d(0, -2px, 0);
}

.imgtitle>div:hover p {
    color: #ba0000 !important;
    font-weight: 600;
}

.imgtitle>div>div {
    height: 200px;
    overflow-y: hidden;
    margin-bottom: 20px;
}

.imgtitle>div img {
    width: 100%;
    height: 100%;
}

.imgtitle>div p {
    text-align: center;
    font-size: 12px;
}

.img3 {
    width: 175px;
}

.newsbox {
    display: flex;
    flex-direction: row;
}

.newsbox>div {
    flex: 1 1 22%;
    margin: 7px;
    transition: all .2s linear;
}

.newsbox>div:hover {
    box-shadow: 0 15px 30px rgba(0, 0, 0, .1);
    transform: translate3d(0, -2px, 0);
}

.newsbox>div>div:nth-child(1) {
    margin-bottom: -4px;
}

.newsbox img {
    width: 100%;
}

.newstitle {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.newstitle>div:nth-child(1) {
    min-width: 70px;
    height: 70px;
    background-color: #ba0000;
    color: #fff;
    font-weight: 600;
    font-size: 25px;
    text-align: center;
    line-height: 70px;
}

.newstitle>div:nth-child(2) {
    font-size: 12px;
    background-color: #eee;
    height: 84px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    zoom: 0.83;
    padding: 0 15px;
}

.newsitem {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
}

.newsitem>div:hover>div {
    background-color: #ba0000;
    color: #fff !important;
    cursor: pointer;
}

.newsitem>div:hover>p {
    color: #333 !important;
    cursor: pointer;
    font-weight: 600;
}

.newsitem>div {
    flex: 1 1 30%;
    display: flex;
    margin: 10px;
    align-items: flex-end;
}

.newsitem>div p {
    flex: 1;
    text-align: center;
}


/* .newsitem>div:nth-child(2n){
    justify-content: flex-end;
} */

.newsitem>div>div {
    height: 40px;
    width: 70px;
    background-color: #fff2f2;
    color: #ba0000;
    text-align: center;
    line-height: 40px;
    font-size: 15px;
    font-weight: 600;
}

.newsitem>div>p {
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    padding-left: 20px;
}

.img4 {
    width: 475px;
    margin-top: 50px;
}

.mgjbox {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.mgjbox>div {
    clear: both;
    flex: 0 0 45%;
    height: 160px;
    margin-bottom: 50px;
    display: flex;
    display: -webkit-flex;
}

.mgjbox>div:hover {
    cursor: pointer;
}

.mgjbox>div:hover>div:nth-child(1) {
    background-color: #ba0000 !important;
}

.mgjbox>div>div:nth-child(1) {
    width: 12px;
    background-color: #fff;
    height: 160px;
    margin-right: 12px;
}

.mgjbox>div img {
    max-width: 100%;
    max-height: 100%;
}

.mgjbox>div:nth-child(2n) {
    justify-content: flex-end;
}

.mgjbox>div>div:nth-child(2) {
    min-width: 244px;
    max-width: 244px;
}

.mgjbox>div>div:nth-child(3) {
    background-color: #f0f0f0;
    display: flex;
    width: 100%;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

.mgjbox>div>div:nth-child(3)>p:nth-child(1) {
    color: #ba0000;
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 30px;
}

.img5 {
    width: 650px;
    margin: 30px 0;
}

.stubox {
    height: 262px;
    position: relative;
    background-image: url('../images/back.jpg');
}

.stubox>div:first-child {
    position: absolute;
    width: 100%;
    background-image: url(../images/jp.png);
    height: 29px;
    top: 0;
}

.stubox>div:last-child {
    position: absolute;
    width: 100%;
    bottom: 0;
    background-image: url(../images/jp.png);
    height: 29px;
}

.stubox .bd {
    padding-top: 29px;
    overflow: hidden;
    /* display: flex; */
}

.stubox li {
    box-sizing: border-box;
    float: left;
    height: 242px;
    padding: 0 10px;
    overflow-y: hidden;
    width: 30%;
    /* flex: 0 0 20%; */
}

.stubox img {
    height: auto;
    width: 100%;
}

.img6 {
    width: 600px;
    margin: 30px 0;
}

.schoolbox {
    height: 252px;
    display: flex;
    position: relative;
    width: 100%;
}

.schoolbox .bd {
    width: 100%;
    overflow: hidden;
}

.schoolbox ul {
    overflow: hidden;
    zoom: 1;
    flex-direction: row;
}

.schoolbox ul>li {
    margin: 0 10px;
    float: left;
    width: 23%
}


/* .schoolbox>div{
   
} */

.schoolbox img {
    width: 100%;
    height: 100%;
}

.schoolbox>span {
    position: absolute;
    height: 60px;
    width: 30px;
    display: block;
}

.schoolbox>span:hover {
    cursor: pointer;
}

.sleft {
    left: 30px;
    top: 96px;
}

.sright {
    right: 30px;
    top: 96px;
}

.footer {
    margin-top: 100px;
    background-color: #ba0000;
    height: 300px;
}

.footinfo {
    width: 1200px;
    margin: auto;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.line {
    width: 100%;
    height: 1px;
    background: #e8f1fa;
}

.foottop {
    display: flex;
    align-items: center;
    height: 200px;
    justify-content: space-between;
}

.foottop>div:first-child {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.titlelogo {
    margin-left: 20px;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    letter-spacing: .2cm;
    line-height: 26px;
}

.footright .tit {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    padding: 5px 0;
}
.footright .txt{font-size:14px;line-height:35px;}
.fdlink{display:flex;padding:10px 0;border-bottom:1px #e8f1fa solid;}
.fdlink dt{flex-shrink: 0;}
.fdlink dd{padding-left:10px;}
.fdlink dd a{margin-right:20px;white-space: nowrap;}
.fdlink dd a:hover{color:yellow;}

.nav-menu li a.active{background: #f0f0f0;color: #ba0000;}
.nav-menu li a:nth-child(n+2){text-indent:10px;}

/* @media screen and (min-width:640px) {
   
} */


/* @media screen and (max-width:640px) {
    #topbox {
        height: 3.5rem;
        padding: 0 .5rem;
    }
    .contentbox {
        width: 100%;
    }
    .topcontent {
        height: 1.5rem;
        background: #ba0000;
    }
    .bannerbox {
        position: relative;
    }
    .bannerleft {
        position: absolute;
        top: 50%;
        left: 10%;
        cursor: pointer;
        width: 2rem;
        height: 3.5rem;
        margin-top: -1.75rem;
    }
    .bannerright {
        position: absolute;
        top: 50%;
        right: 10%;
        cursor: pointer;
        width: 2rem;
        height: 3.5rem;
        margin-top: -1.75rem;
    }
} */

@media screen and (min-width: 320px) {
    html {
        font-size: 14px;
    }
}

@media screen and (min-width: 360px) {
    html {
        font-size: 16px;
    }
}

@media screen and (min-width: 400px) {
    html {
        font-size: 18px;
    }
}

@media screen and (min-width: 440px) {
    html {
        font-size: 20px;
    }
}

@media screen and (min-width: 480px) {
    html {
        font-size: 22px;
    }
}

@media screen and (min-width: 640px) {
    html {
        font-size: 28px;
    }
}


@media(max-width:640px){

    body{font:0.32rem 微软雅黑;background:#fff;color:#333;width:100%;max-width:100%;margin:0 auto;overflow-x:hidden;}
    input,select,button{font:0.32rem Verdana,Arial,Tahoma;vertical-align:middle;cursor: pointer; -webkit-appearance: none; }
    h1,h2,h3,h4,h5,h6 {font-size: 0.32rem;font-weight: normal;}
      .contentbox{width:96%;margin:0 auto;}

        .navlistbtn {display:block;position:absolute;right:2%;top:.5rem;width:0.7rem;height:1.1rem;margin:auto;}
        .navlistbtn > .i-bar {
            position: absolute;
            left: 0;top: 0;
            width:0.7rem;
            height:3px;
            border-radius: 1px;
            background: #333;
            -webkit-transform: translateY(0) translateZ(0);
            -ms-transform: translateY(0) translateZ(0);
            transform: translateY(0) translateZ(0);
            transition: background-color 0.35s,opacity 0.175s cubic-bezier(0.215, 0.61, 0.355, 1),-webkit-transform 0.175s cubic-bezier(0.215, 0.61, 0.355, 1);
            transition: background-color 0.35s,transform 0.175s cubic-bezier(0.215, 0.61, 0.355, 1),opacity 0.175s cubic-bezier(0.215, 0.61, 0.355, 1);
            transition: background-color 0.35s,transform 0.175s cubic-bezier(0.215, 0.61, 0.355, 1),opacity 0.175s cubic-bezier(0.215, 0.61, 0.355, 1),-webkit-transform 0.175s cubic-bezier(0.215, 0.61, 0.355, 1);
        }
        .navlistbtn > .i-bar:nth-of-type(1) {top:0.32rem;}
        .navlistbtn > .i-bar:nth-of-type(2) {top:0.506667rem;}
        .navlistbtn > .i-bar:nth-of-type(3) {top:0.693333rem;}
        .navlistbtn.cur > .i-bar:nth-of-type(1) {-webkit-transform: translateY(0.186667rem;) rotate(45deg);-ms-transform: translateY(0.186667rem) rotate(45deg);transform: translateY(0.186667rem) rotate(45deg);}
        .navlistbtn.cur > .i-bar:nth-of-type(2) {opacity: 0;}
        .navlistbtn.cur > .i-bar:nth-of-type(3) {-webkit-transform: translateY(-0.186667rem) rotate(-45deg);    -ms-transform: translateY(-0.186667rem) rotate(-45deg);    transform: translateY(-0.186667rem) rotate(-45deg);}

       
      #topbox{width:96%;margin:0 auto;height:2rem;}
      #topbox > div:nth-child(1){flex:4;}
      #topbox > div:nth-child(1) img{height:100%;}
      #topbox > div:nth-child(2){width:0;flex:0!important;padding-left:0;}
      #topbox > div:nth-child(3) img{height:auto;display:none;}
      .bannerbox{height:4.5rem;}
      .bannerbox .bd{height:100%;}
      .bannerbox .bd ul{height:100%;}
      .bannerbox .bd li{height:100%;}
      .bannerleft {left: .2rem;width: .8rem;height: 1.5rem;margin-top: -.75rem;}
      .bannerright{right:.2rem;width:.8rem;height:1.5rem;margin-top:-.75rem;}

      .itemcontent{position:fixed;left:-50%;top:0;width:50%;z-index: 1000;height:100%;background: rgba(0,0,0,.7);transition: .3s;line-height: 1.333333rem;}
      .itemcontent li div{line-height:.4rem;}
      .itemcontent.cur{left:0;}
      .itemul{display:block;padding-top:1rem;height:auto;}
      .itemul > li{flex:0;width:100%;height:auto;padding:.3rem 0;border-bottom:1px #999 dashed;}
      .jumpitem{position:relative;top:0;margin-top:.4rem;}

      .itit{margin:.5rem 0 .3rem;}
      .itit h3 {font-size: .8rem;margin-top: -.8rem;margin-bottom: .3rem;}
      .itit h4{font-size:.9rem;}
      .proinfo{flex-wrap:wrap;}
      .proinfo > :nth-child(1){padding:0;}
      .proinfo .videobox{width:100%;box-sizing:border-box;height:auto;}
      .proinfo .videobox .videoback{width:100%;height:100%;}
      .proinfo .videobox .bofang{top:0;bottom:0;left:0;right:0;margin:auto;}
      .proinfo .videobox video{width:100%!important;height:5.4rem;}
      .proinfo > :nth-child(2){padding: 0.2rem;height:auto;}
      .proinfo > :nth-child(2) > p{font-size:.3rem;line-height:.7rem;text-align:justify;margin-top:.2rem;}
      .menbermore{font-size:.5rem;}
      .menbertopitem{margin-bottom:.3rem;}
      .menbertopitem > div{font-size:.4rem;height:1.1rem;line-height:1.1rem;}
      .imgtitle > div{margin:0;flex:0 0 33.33%;padding:.1rem;margin-bottom:.2rem;}
      .imgtitle > div > div{height:2.8rem;margin-bottom:.2rem;}

      .newsbox{flex-wrap:wrap;}
      .newsbox > div{margin:0 .1rem 0 .1rem .1rem;flex: 1 1 45%;}
      .newstitle > div:nth-child(1){min-width: 1.4rem;}

      .newsitem > div{flex:1 1 100%;margin:0 .1rem .2rem .1rem;}
      .newsitem > div > p{text-align:left;height:.9rem;line-height:.9rem;}
      .newsitem > div > div{height:.9rem;line-height:.9rem;width:1.5rem;font-size:.4rem;}
 
     
      .mgjbox > div{flex: 0 0 100%;height:2.8rem;margin-bottom:.2rem;}
      .mgjbox > div > div:nth-child(1){margin-right:0;width:0;}
      .mgjbox > div > div:nth-child(2){min-width:50%;max-width:50%;}
      .mgjbox > div img{width: 100%;height: 100%;}
      .mgjbox > div > div:nth-child(3) > p:nth-child(1){font-size: .42rem;  margin-bottom: .3rem;}

      .stubox li{width:100%;}
      .schoolbox ul > li{width:100%;margin:0;}
      .footer{margin-top: .8rem;height:auto;}
      .foottop{flex-wrap: wrap;height:auto;margin-bottom:.3rem;}
      .footinfo{width:100%;}
      .foottop > div:first-child{padding:.5rem;}
      .foottop > div:first-child img{width:50%;}
      .foottop .titlelogo{margin-left: .5rem;font-size: .5rem;line-height: .8rem;}
      .footright{padding:0 .5rem;}
      .footright .tit{padding:0;font-size:.5rem;}
      .footright .txt{line-height: .7rem;font-size:.33rem;}

      .fdlink{padding:0 0.5rem 0.2rem;}

      .footb{margin:.3rem 0;}
      
      .padding-top-30{padding-top:.4rem;}
      .page-comtit .tit{font-size:.4rem;}
      .font-size-24{font-size:.4rem;}

}