body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333;
  background-color: #fff;
  margin: 0;
}
input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
a {
  color: #fff;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #fff;
  text-decoration: underline;
}
a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
figure {
  margin: 0;
}
img {
  vertical-align: middle;
  margin-bottom: 0px;
}
.yej-m,.youq{display:none;}
footer{background:url(/res/cn/a_img/24090166.jpg) no-repeat center top;
     clear:both;
     display:block;
     padding:20px 0;
}
.copy{color:#000 !important;
    line-height: 2;
}
.copy a{color:#000 !important;}

.banner{width:100%;
    display:block;
}
.banner img{width:100%;}
main{width:100%;
    margin:auto;
}
.w1200{width:1200px;
  margin:auto;
}
 

.nav_t{width: 100%;
  padding: 45px 0 45px 30px;
  overflow: hidden;}
.nav_t li{width: 70px;
  float: left;
  margin: 20px 60px 0 96px;
}
.nav_t li span img{width:63px;
  display:block;
}
.nav_t li p{display:block;
  font-size:14px;
  line-height:1.8;
  color:#333;
  padding-top:14px;
}
.nav_t li p a{color:#333;}
.jianj{clear: both;
  width: 100%;}
.bt{    background: url(/res/cn/a_img/24090184.jpg) no-repeat left top;
  height: 56px;
  line-height: 1.5;}    
.bt span{float: left;
  font-size: 30px;
  color: #D20801;
  font-weight: 600;
  padding-left: 58px;}
.bt span i{font-family: Arial;
  font-weight: 500;
  font-size: 22px;
  font-style: normal;
  margin-left: 30px;}
.bt a{font-size: 14px;
  color: #fff;
  text-align: right;
  padding-right: 50px;
  float: right;
  padding-top: 27px;}
.bt a:hover{color:#fff;}
.jj_left{
  background: url(/res/cn/a_img/24090185.jpg) no-repeat left top;
  width: 805px;
  float: left;
  height: 550px;
  margin-top: 14px;
}
.jj_left .tu{width: 644px;
  height: 415px;
  position: relative;
  margin: 64px 30px 0 53px;
  overflow: hidden;}
.jj_left .tu::before{content: "";
  width: 100px;
  height: 100px;
  position: absolute;
  top: 130px;
  background: url(/res/cn/a_img/24090220.png) no-repeat center top;
  left: 274px;
}
.jj_left .tu img{width: 644px;
  height: 415px;}
.jj_left .tu #name{width: 100%;
  display: block;
  position: absolute;
  background: #00000080;
  height: 60px;
  color: #fff;
  font-size: 20px;
  line-height: 60px;
  padding: 0 10px;
  bottom: 0px;
}
.jj_left .tu #name a{color:#fff;}
.jj_right{width:385px;
  float:right;
}
.jj_right p{font-size: 14px;
  color: #333;
  line-height: 2;
  text-align: left;
  text-indent: 2em;
  padding: 50px 0 30px 0;
  border-bottom: 1px dashed #e3e3e3;
  display: block;
  min-height:280px;
}
.jj_right #tdd{font-size: 14px;
  font-weight: normal;
  color: #333333;
  line-height: 25px;
  padding-top: 29px;
  display: block;}
.jj_right img{width:20px;
  margin-right:8px;
  float:left;
}
/*活动安排*/

.hdap{clear: both;
  width: 100%;
  padding: 40px 0;
  overflow: hidden;}
.hdap ul{padding: 40px 40px 30px 40px;
  overflow: hidden;
  position:relative;
  height:266px;*height:346px;
}
.hdap ul li{float: left;
  line-height: 1.6;
  width:270px;
}
.hdap ul span{font-size: 16px;
  font-weight: 600;
  color: #000;
  display: block;
  text-align: center;}
.hdap ul font{color: #A81C1C;
  text-align: center;
  display: block;
  font-weight: 600;
  padding: 10px 0;
  font-size: 14px;}
.hdap ul #text{font-size: 12px;
  text-align: left;
  color: #5C5C5C;
  display: block;}
.cion{width: 1109px;
  height: 136px;
  display: block;
  position: relative;
  top: 15px;
  clear:both;
}
.cion::before{content: "";
  width: 1109px;
  height: 9px;
  position: absolute;
  top: 63px;
  background: #eee;
  z-index: -1;
}

.cion #cion1{
  float: left;
  width: 90px;
  margin: 0 142px 0 94px;
  background: url(/res/cn/a_img/24090215.png) no-repeat left top;
  height: 112px;
  background-size: 100%;
  color: #fff;
  line-height: 136px;
  z-index: 99999;
  font-size: 20px;
}
.cion #cion2{
  float: left;
  width: 90px;
  margin: 22px 66px 0 31px;
  background: url(/res/cn/a_img/24090216.png) no-repeat left top;
  background-size: 100%;
  height: 112px;
  line-height: 91px;
  color: #fff;
  font-size: 20px;
}

/*活动动态*/
.hddt{clear: both;
  width: 100%;
  padding: 40px 0;
  overflow: hidden;}
.swiper-container{width:594px !important;
  height:392px !important;
  float:left;
  overflow:hidden;
  position:relative;
  margin-top: 45px !important;
}   
.swiper-container .swiper-slide img{width:594px;
  height:392px;
}

.swiper-pagination-bullet{background:#fff !important; 
  opacity:1 !important;
}
.swiper-pagination-bullet-active{background:#e22d2d !important;}
.dongt_list{width: 526px;
  float: right;
  margin-top: 45px;}
.dongt_list ul{padding-top: 10px;
  display: block;}
.dongt_list ul li{    padding: 20px 0px;
  display: block;
  border-bottom: 1px #ccc dashed;
  line-height:1.6;
}
.dongt_list ul li #name a{font-size: 18px;
  color: #393939;}
.dongt_list ul li #time{    display: block;
  font-size: 14px;
  color: #C3C3C3;}
/*空中课堂*/
.kzkt{clear: both;
  width: 100%;
  padding: 40px 0;
  overflow: hidden;}

.kzkt ul li{width: 362px;
  margin-right:24px;
  float: left;}
.kzkt ul li img{width:362px;
  height:179px;}
.kzkt ul li #name{font-size:18px;
  display:block;
  line-height:1.6;
  padding:14px 0;
  text-align:center;}
.kzkt ul li #name a{color:#000;}

/*活动照片*/
.hdzp{width:100%;
   clear:both;
   position:relative;
   padding:40px 0;
   overflow:hidden;
}
.mySwiper{width: 1045px;
  margin: 50px auto;
  overflow: hidden;
  height:216px;
}
.mySwiper .swiper-slide{margin-right:20px;}   
.mySwiper .swiper-slide img{width:335px;
  height:216px;
}
.swiper-button-next{background: url(/res/cn/a_img/24090209.png)no-repeat right center !important;
  right: 0 !important;}
.swiper-button-prev{background: url(/res/cn/a_img/24090210.png)no-repeat left center !important;
  left: 0 !important;}
  .swiper-button-next, .swiper-button-prev{top: 57% !important;}
  
  /*二级菜单*/
.leftf{width:200px;
   float:left;
   padding-bottom:40px;
}   
.leftf .bse {
  background: #fff2f2;
  border-left: 7px solid #e22d2d;
  position: relative;
  box-sizing: border-box;
}

.bse a:after {
  content: " ";
  position: absolute;
  top: 30px;
  right: 30px;
  display: inline-block;
  width: 8px;
  height: 8px;
  border-top: 1px solid #b50d0d;
  border-right: 1px solid #b50d0d;
  transform: rotate(-45deg);
  -webkit-transform: rotate(47deg);
}

.leftf li {
  width: 186px;
  height: 67px;
  line-height: 67px;
  margin-top: 13px;
}

.leftf .nav-tup {
  width: 42px;
  height: 42px;
  padding-left: 18px;
}

.leftf .nav-tup img {
  width: 100%;
  height: 100%;
}

.leftf li #title a {
  border-radius: 0px;
  font-size: 16px;
  font-weight: bold;
  color: #333;
  padding-left: 11px;
}

.righth {width: 900px;
  float: right;
  overflow: hidden;
  padding-top: 41px;
}
.righth h5{    font-size: 30px;
  color: #D20801;
  font-weight: 600;
  display:block;
  text-align:center;
}
.con{padding-top:40px;
  display:block;
}
.con h6,.con p {font-size: 16px;
  color: #333;
  line-height: 1.8;
  padding-bottom: 10px;
}

.con h6 {
  font-weight: bold;
}
/* 活动照片 */
.tupneir {
  padding-top: 63px;
}

.tupneir ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.tupneir ul::after {
  content: '';
  width: 30%;
  height: 0;
  display: block;
}

.tupneir ul li {
  width: 296px;
  height: 192px;
  padding-bottom: 50px;
}

.tupneir li img {
  width: 100%;
  height: 100%;
}
.tupneir li #ReportIDname {
display: block;
    line-height: 45px;
    text-align: center;
    /*position: absolute;*/
    left: 0;
    bottom: 0px;
    width: 100%;
    /*background: #00000070;*/
    height: 45px;
}
.tupneir li #ReportIDname a{
    font-size: 16px;
    /*color: #fff;*/
    color: #8f8f8f;
    display:block;
   padding-left:0;
}

@media screen and (min-width: 280px) and (max-width: 768px) {
    .w1200{width:96%;
        margin:auto;
    }
    .nav_t{padding:10px 0;
            display: flex;
    }
    .nav_t li{width:16%;
    margin:10px 2px;
    }
    .nav_t li img{width:40px !important;}
    .bt{background: none;
    padding-left: 0;
    display: flex;}
    .bt span{    padding-left: 0;
    width: 85%;
    display: block;}
    .bt span i{display:none;}
    .bt a{color: #D208;
    padding: 0;
    line-height: 56px;}
    .jj_left{width: 100%;
    background: none;
    height: auto;}
    .jj_left .tu{    width: 100%;
    margin: 0px;
    height: auto;}
    .jj_left .tu img{width: 100%;
    height: auto;}
    .jj_right{width: 100%;
    float: none;
    overflow: hidden;}
    .jj_right p{    min-height: auto;
    padding: 20px 0;}
        /*活动安排*/
        .hdap{padding:40px 0 0 0;}
   .cion{display:none;}
   .hdap ul{    height: auto;
    padding: 10px 0 0;
    overflow:hidden;
}
   .hdap ul li{width:48%;
       margin-right:2%;
       min-height:120px;
   }
   .hdap ul span,.hdap ul font{text-align:left;}
   .hddt{padding-top:0px;}
.swiper-container{width:100%;
    height:auto;}
    .swiper-container .swiper-slide img{width:100%;
    height:auto;}

    /*---二级菜单-----*/
    .leftf{width: 100%;
    margin: auto;
    float: none;
    display: flex;
    padding-bottom:10px;
}
    .leftf li{    width: 14%;
    margin-top: 13px;
    line-height:1.4;
    float: left;}
    .leftf .nav-tup{width:42px;
        height:42px;
        padding-left:0;
    }
    .leftf .nav-tup img{height:auto;}
    .leftf li #title a{padding-left: 0;
    display: block;
        font-weight:500;
    }
    .righth{    width: 100%;
    overflow: hidden;
    padding-top: 41px;}
    .con{    width: 96%;
    margin: auto;
    padding-top: 40px;
    display: block;
    }
    .con p{    text-align: justify;}
    .topnews{width: 96% !important;
    margin: auto !important;}
    .tupneir ul li{width: 90%;
    height: auto;
    margin: 0 auto 16px;
    padding: 0;
    overflow: hidden;}
    .tupneir li img{height:auto;}
    
    .contLeft{    width: 96% !important;
    margin: 10px auto;}
    figure.image{width:96% !important;}
}
@media (min-width: 1200px){
    /*活动安排*/
nav{width:1200px;
    margin:30px auto;
}


.ap2{margin: 24px 0 0 264px;}
.ap3{margin-left: 239px;}
.ap4{margin: 24px 0 0 248px;}
.ap5{margin-left: 211px;}

.kzkt ul{    padding: 40px 0px 40px 30px;}
.leftf li { display: flex;}
    
}