﻿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: #3366cc;
    clear: both;
    display: block;
    padding: 25px 0;
    text-align: center;
    /*font-size: 24px;*/
    color: #fff;
}
footer p{padding:0;margin:0;line-height:180%; font-size: 16px;}
.copy{color:#000 !important;
    line-height: 2;
}
.copy a{color:#000 !important;}
header{background:url(/res/cn/a_img/25090271.jpg) no-repeat center top;
    width:100%;
    display:block;
}
.banner{width:100%;
    display:block;
    
}
.banner img{width:100%;}
main{width:100%;
    margin:auto;
}
.w1200{width:1200px;
  margin:auto;
}
 

.nav_t{ overflow: hidden;
    margin: auto;
    /*padding: 60px 0 96px 20%;*/
    padding: 59px 0 96px 14%;
}
.nav_t li{    width: 165px;
    float: left;
    background: #fff;
    height: 165px;
    text-align: center;
    border-radius: 100%;
    margin-right: 30px;
    box-shadow: 6px 5px 12px 3px #06060673;
    /*background: url(/res/cn/a_img/25090282.png) no-repeat center top;*/

}
.nav_t li:hover {
    background: #3366cc;
}
.nav_t li:hover .iconfont {
    color: #fff;
}
.nav_t li:hover p {
    color: #fff;
}
.nav_t li img{
    /*width: 103px;*/
    width: 50px;
    display: block;
    /*margin: 40px auto 0;*/
    margin: 33px auto 5px;
}
.nav_t li i{width:100%;
    height:68px;
    overflow:hidden;
}
.nav_t li p{display: block;
    font-size: 26px;
    line-height: 1;
    color: #3366cc;
    font-weight: 600;
    padding-top:8px;
}
.nav_t li a {
    text-decoration: none;
}
.nav_t li p a{color:#3366cc;text-decoration:none;}
.nav_t li a::hover{background:#3366cc;color:#fff; text-decoration:none;}
.jianj{clear: both;
  width: 100%;}
.bt{    background: url(/res/cn/a_img/25090288.png) no-repeat left top;
  height: 176px;
  line-height: 1.5;}    
.bt span{float: left;
    font-size: 36px;
    color: #ffffff;
    font-weight: 600;
    padding-left: 116px;
    padding-top: 71px;}
.bt span i{font-weight: 500;
    font-size: 24px;
    font-style: normal;
    margin-left: 12px;}
.bt a{font-size: 14px;
    color: #ff3333;
    text-align: right;
    padding-right: 20px;
    float: right;
    padding-top: 97px;}
.bt a:hover{color:#ff3333;}
.jj_left{width: 700px;
    float: right;
    height: 475px;
    margin-top: 14px;
    background: #fff;
    box-shadow: 0px 0px 20px 2px #cccccca6;
}
.jj_left .tu{width: 660px;
    height: 433px;
    position: relative;
    margin: 20px;
    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: 666px;
    height: 430px;}
.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: 420px;
    float: left;
    margin-left: 60px;
}
.jj_right p{font-size: 16px;
    color: #333;
    line-height: 2;
    text-align: justify;
    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 !important;
  margin-right:8px;
  float:left;
  width:380px;
}
/*活动安排*/

.hdap{clear: both;
  width: 100%;
  padding: 40px 0;
  overflow: hidden;}
.hdap ul{padding: 40px 40px 30px 40px;
  overflow: hidden;
  position:relative;

}
.hdap ul li{float: left;
  line-height: 1.6;
  width:290px;
}
.hdap ul span{font-size: 18px;
    font-weight: 600;
    color: #333;
    display: block;
    text-align: center;}
.hdap ul font{    color: #cc3333;
    text-align: center;
    display: block;
    font-weight: 600;
    padding: 10px 0;
    font-size: 16px;}
.hdap ul #text{font-size: 12px;
  text-align: left;
  color: #5C5C5C;
  display: block;}
.cion{
  FONT-WEIGHT: 100;
  height: 185px;
  display: block;
  position: relative;
  top: 15px;
  clear:both;
  background: url(/res/cn/a_img/25090291.png) left top;
}
.cion::before{/*content: "";*/
  width: 1109px;
  height: 9px;
  position: absolute;
  top: 63px;
  background: #eee;
  z-index: -1;
}

.cion #cion1{
    float: left;
    width: 118px;
    margin: 33px 142px 0 108px;
    background: url(/res/cn/a_img/25090292.png) no-repeat left top;
    height: 109px;
    background-size: 100%;
    color: #fff;
    line-height: 109px;
    z-index: 99999;
    font-size: 36px;
}
.cion #cion2{
    float: left;
    width: 118px;
    margin: 22px 66px 0 25px;
    background: url(/res/cn/a_img/25090292.png) no-repeat left top;
    background-size: 100%;
    height: 109px;
    line-height: 109px;
    color: #fff;
    font-size: 36px;
}

/*活动动态*/
.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: 410px;
  /*  width: 362px;*/
  /*margin-right:24px;*/
  /*float: left;*/
}
.kzkt ul li img{
    /*width:362px;*/
  /*height:179px;*/
      width: 100%;
    height: auto;
}
.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;*/
    width: 1150px;
  margin: 0px auto;
  overflow: hidden;
  height:216px;
}
.mySwiper .swiper-slide{margin-right:20px;}   
.mySwiper .swiper-slide img{
  /*width:335px;*/
  /*height:216px;*/
    width: 280px;
    height: 180px;
}
.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;*/
    top: 62% !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:1300px;
    margin:30px auto;
}


.ap2{margin: 16px 0 0 16px;}
.ap3{margin-left: 47%;/* margin-top: 10px; */position: relative;bottom: -71px;}
.ap4{margin: 24px 0 0 260px;}
.ap5{margin-left: 211px;}

.kzkt ul{
    /*padding: 40px 0px 40px 30px;*/
    /*padding-top: 40px;*/
    display: flex;
    justify-content: space-between;
}
.leftf li { display: flex;}
    
}

