body{min-width:1200px;font-family:微软雅黑;color: #333;}/*min-width的宽度根据项目页面宽度决定*/
*,*:before,*:after {box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,addrecontent,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,
strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,
details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video,form
{margin:0;padding:0;border:0;outline:none;}
input{margin:0;padding:0;outline:none;border:none;background: none;}
li{list-style:none;}
a,ins{text-decoration:none;}
*:focus{outline:none;}
a{color:#333;}/*颜色根据通用信息列表的文字颜色决定*/
.fl{float:left;}
.fr{float:right;}
.cf:after{display:block;content:'';height:0;visibility:hidden;clear:both;}
.cf{zoom:1;}
.hide{display:none;}
.block{display:block;}
textarea,input{font-family:微软雅黑;}

/* 主体内容 */
.container{margin:48px 0 40px;}
.floor-1{width:1400px;margin:0 auto;}
.floor-1 .bigtilte{background:url(/uploads/image/cwtdzimages/xwzx-tit.png) center no-repeat;}
.swiper-box4 {
  width: 100%;
  margin: 32px auto 50px;
  position: relative;
  overflow: hidden;
}
.swiper-box4 .swiper-hover {
  position: absolute;
  top: 0;
  left: -100%;
}
.swiper-box4 .swiper-container4 {
  width:1200px;
  margin:0 auto;
  overflow: hidden;
  padding: 0 6px 6px;
}
.swiper-container4 li a {
  width: 100%;
  height: auto;
  display: block;
}
.swiper-container4 li a img {
  width: 100%;
  height:236px;
}
.swiper-container4 li .con{padding:20px;box-shadow: 0 3px 6px #e8edf3;height:202px;}
.swiper-container4 li .con .tit{line-height:27px;font-size:20px;}
.swiper-container4 li .con .zhaiy{font-size:14px;line-height:24px;margin:10px 0 28px;color:#999;}
.swiper-container4 li .con .xq{width:75px;height: 22px;display: inline-block;background: url(/uploads/image/cwtdzimages/ckxq.png) right center no-repeat;line-height:22px;font-size:14px;float: right;color: #0d8de4;}
.swiper-container .swiper-button-prev,
.swiper-container .swiper-button-next,.swiper-button-next, .swiper-button-prev {
   width: 50px;
   height: 50px;
   background: #f4f4f4;
 }
.container .swiper-button-prev{background:url(/uploads/image/cwtdzimages/left.png) center no-repeat;}
 .container .swiper-button-next{background:url(/uploads/image/cwtdzimages/right.png) center no-repeat;}
  /* 通知公告 */
  .floor-2{margin-top:55px;}
  .bigtilte{width:557px;height:51px;margin: 0 auto;text-align: center;line-height:45px;margin-bottom:28px;}
  .floor-2 .bigtilte{background:url(/uploads/image/cwtdzimages/tzgg-tit.png) center no-repeat;}
  .bigtilte a{font-size:30px;display: inline-block;height: 100%;width: 30%;}
  .tzgg-list li{float: left;width: 585px;height: 180px;background: #fff;border: 1px solid #eee;margin:0 30px 30px 0;padding:30px 20px 0 20px;border-radius: 4px;box-shadow: 0 3px 6px #00000029;}
  .tzgg-list li:nth-child(2n){margin-right:0;}
  .date{width:80px;height: 70px;float: left;background: #f5f5f5;border-radius: 4px;text-align: center;}
  .date span{display: block;text-align: center;}
  .date span.sp-1{line-height:47px;font-size:24px;margin-bottom:10px;}
  .tzgg-list li:hover{background: #2f72da;}
  .tzgg-list li:hover .date{background:#ff9e3e;color:#fff}
  .tzgg-list li:hover .list-con a,.tzgg-list li:hover .list-con div{color: #fff;}
  .date span.sp-2{line-height:16px;font-size:12px;margin-top:10px;}
  .list-con{width:444px;float: right;}
  .list-con a{display: inline-block;width:100%;font-size:16px;margin-bottom: 10px;line-height:24px;}
  .list-con div{font-size:14px;line-height:21px;color:#999;}

  /* 科研成果 */


/* 国际会议 */
  .swiper-box2 {
    width: 100%;
    margin: 32px auto 50px;
    position: relative;
    overflow: hidden;
  }
  .swiper-box2 .swiper-hover {
    position: absolute;
    top: 0;
    left: -100%;
  }
  .swiper-box2 .swiper-container3 {
    width:1200px;
    margin:0 auto;
    overflow: hidden;
  }
  .swiper-container3 li{width: 386px !important;height: 400px;}
  .swiper-container3 li a {
    width: 100%;
    height: auto;
    display: block;
  }
  .swiper-container3 li a img {
    width: 100%;
    height:218px;
  }
  .swiper-container3 li .con{padding:20px;background:#f5f5f5;height: 181px;}
  .swiper-container3 li .con .tit{line-height:27px;font-size:20px;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: inline-block;}
  .swiper-container3 li .con .zhaiy{font-size:14px;line-height:28px;margin:10px 0 8px;color:#999;}
  .swiper-container3 li .con .xq{width:100px;height:40px;display: inline-block;background:#0057d5;line-height:40px;color: #fff;font-size:14px;text-align:center;float: right;}
 .swiper-box2 .swiper-button-prev:after,
 .swiper-box2 .swiper-button-next:after {
    content: none;
  }
  .swiper-container3 .swiper-button-prev,
 .swiper-container3 .swiper-button-next {
  width: 50px;
  height: 50px;
    background: #f4f4f4;
  }
  .swiper-box2 .swiper-button-prev {
    background: url(/uploads/image/cwtdzimages/left.png) center no-repeat;
    left: 0;
  }
  .swiper-box2 .swiper-button-next {
    background: url(/uploads/image/cwtdzimages/right.png) center no-repeat;
    right: 0;
  }
  .swiper-box2 .swiper-button-next,.swiper-box2 .swiper-button-prev{margin-top: 0;top:36%;}
/* 科研平台 */
.floor-3{margin-top:50px;}
.kypt-list{display: flex;margin-top: 33px;}
.kypt-list li{float: left;margin-right:30px;}
.kypt-list li:last-child{margin-right:0;}

.floor-3{width:1400px;margin:31px auto 0;}
.floor-3 .bigtilte{background:url(/uploads/image/cwtdzimages/kycg-tit.png) center no-repeat;}
.floor-4{width:1400px;margin:16px auto 0;}
.floor-4 .bigtilte{background:url(/uploads/image/cwtdzimages/gjhy-tit.png) center no-repeat;}

/* 科研成果 */
.swiper-box {
    width: 100%;
    margin: 33px auto 0;
    position: relative;
    overflow: hidden;
  }
  .swiper-box .swiper-hover {
    position: absolute;
    top: 0;
    left: -100%;
  }
  .swiper-box .swiper-container2 {
    width:1200px;
    margin:0 auto;
    overflow: hidden;padding: 10px;
  }
  .swiper-container2 li a {
    width: 100%;
    height: auto;
    display: block;
    background:url(/uploads/image/cwtdzimages/bgk.png) no-repeat;
    background-size: 100% 100%;
    height:130px;
    margin-bottom:30px;
    padding: 23px 20px 0 20px;
  }
  .swiper-container2 li a span{display: block;font-size:20px;line-height:36px;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
  .swiper-container2 li a:hover span{font-weight: bold;color:#333;}
  .swiper-container2 li a:hover{background: url(/uploads/image/cwtdzimages/bgk_on.png) no-repeat;height:130px;width:100%;box-shadow:0 3px 6px #00000029;}
  .swiper-container2 li a img {
    width: 100%;
    height: 242px;
  }
 .swiper-container2 li .con{margin-top:20px;}
 .swiper-container2 li .con .tit{line-height:27px;font-size:20px;}
 .swiper-container2 li .con .zhaiy{font-size:16px;line-height:24px;margin:11px 0 30px;color:#999;}
 .swiper-container2 li .con .xq{width: 100%;height: 22px;display: inline-block;background: url(/uploads/image/cwtdzimages/ckxq.png) 73px center no-repeat;line-height:22px;color: #0e66b4;font-size:16px;}
 .swiper-box .swiper-button-prev:after,
 .swiper-box .swiper-button-next:after {
    content: none;
  }
  .swiper-container2 .swiper-button-prev,
 .swiper-container2 .swiper-button-next {
  width: 50px;
  height: 50px;
    background: #f4f4f4;
  }
  .swiper-box .swiper-box .swiper-button-prev {
    background: url(/uploads/image/cwtdzimages/left.png) center no-repeat;
    left: 0;
  }
  .swiper-box .swiper-box .swiper-button-next {
    background: url(/uploads/image/cwtdzimages/right.png) center no-repeat;
    right: 0;
  }
  .swiper-box .swiper-button-next,.swiper-box .swiper-button-prev{margin-top: 0;top:38%;}
  .swiper-container3 li a{display: inline-block;position: relative;}
  .swiper-box .con-2{
    /* box-shadow: 0px 0px 15px 1px rgba(117,117,117,0.13); */
    line-height:67px;width:100%;padding-left:21px;position: absolute;font-size: 20px;top:164px;}

/*wap*/
@media (min-width:768px) and (max-width:1024px) {
     
      .floor-1{width: 100%;}
.floor-2{margin-top:5%;}
      .container{width:100%;margin:5% 0;}
       .swiper-box4{margin:5% auto;}
      .swiper-box4 .swiper-container4,.swiper-box .swiper-container2{width:80%;}
      .swiper-container2 li a img,.swiper-container3 li a img,.swiper-container4 li a img{width: 100%;}
       .swiper-container .swiper-button-prev, .swiper-container .swiper-button-next, .swiper-button-next, .swiper-button-prev {
    width: 4rem;
    height: 4rem;
    border-radius: 2rem;
}
.container .swiper-button-prev{left:0%;}
.container .swiper-button-next{right: 0;}
      .swiper-container4 li .con{padding: 4%;}
      .bigtilte{width: 100%;margin-bottom:3%;}
      .bigtilte a{width:45%;}
      .tzgg-list li{width: 100%;margin:5% 0 0;padding:2%;height:auto;}
      .floor-3,.floor-4{width: 100%;}
  .floor-4{margin-top:0;}
      .swiper-slide,.swiper-box2 .swiper-container3,.swiper-container3 li{width: 100%!important;}
      .list-con{width:76%;}.date {width: 20%;}
    .swiper-box2{margin-bottom:5%}
    }
    @media (max-width: 767px) {
      .floor-1{width: 100%;}
      .floor-2 {margin-top: 6%;}
      .container{width:94%;margin:5% 3%;}
       .swiper-box4{margin:5% auto;}
      .swiper-box4 .swiper-container4,.swiper-box .swiper-container2{width:80%;}
      .swiper-container2 li a img,.swiper-container3 li a img,.swiper-container4 li a img{width: 100%;}
       .swiper-container .swiper-button-prev, .swiper-container .swiper-button-next, .swiper-button-next, .swiper-button-prev {
    width: 4rem;
    height: 4rem;
    border-radius: 2rem;
}
.container .swiper-button-prev{left:0%;}
.container .swiper-button-next{right: 0;}
      .swiper-container4 li .con{padding: 4%;height:auto;}
      .bigtilte{width: 100%;margin-bottom:3%;background-size: 100% !important;}
      .tzgg-list li{width: 100%;margin:5% 0 0;padding:2%;height:auto;}
      .floor-3,.floor-4{width: 100%;}
      .floor-4 {margin-top: 0;}
      .swiper-slide,.swiper-box2 .swiper-container3{width: 100%!important;}
      .list-con{width:76%;}.date {width: 20%;}
      .swiper-container3 li{width: inherit !important;height:auto;}
      .swiper-container3 li .con{height:auto;}
      .swiper-box2{margin-bottom:5%}
    }