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{padding:50px 0 49px;background:url(mainBg.png) no-repeat;background-size:100% 100%;}
/* 图片轮播 */
.slide {
    width:1200px;
    height:470px;
    position: relative;
    overflow: hidden;
    margin: 0 auto;
  }
  .slide .swiper-container {
    width:1200px;
    height: 470px;
  }
  .slide .swiper-container li {
    position: relative;
  }
  .slide .swiper-container li a {
    display: block;
    width: 100%;
    height: 100%;
  }
  .slide .swiper-container li a img {
    width: 100%;
    height: 100%;
  }
  .slideTxt {
    width:1200px;
    height:60px;
    line-height:60px;
    position: absolute;
    bottom: 0;
    left: 0;
    padding-left: 20px;
    z-index: 2;
    background: url(tmbg.png) no-repeat;background-size: 100% 100%;
  }
  .slideTxt a,.slideTxt a:hover {
    font-size:16px;
    color: #fff;
  }
  .slide .swiper-pagination {
    position: absolute;
    right: 20px;
    bottom: 22px;
  }
  .slide .swiper-pagination-bullet {
    float: left;
    width:15px;
    height:15px;
    background: url(slide-off.png) no-repeat;
    opacity: 1;
    margin-left:10px;
    cursor: pointer;
    border-radius:0;
  }
  .slide .swiper-pagination-bullet-active {
    background: url(slide-on.png) no-repeat;
  }
/* ------------------- 院内要闻 行业要闻-------------------- */
.floor-2{margin-bottom: 50px;;}
.xw-tit{background: url(xw-tit.png) center no-repeat;height:47px;width:1200px;padding-left:449px;}
.xw-tit span{display: inline-block;float: left;width:157px;color:#a2a9af;font-size:28px;text-align: center;font-weight: bold;}
.xw-tit span:hover,.xw-tit span.on{background:url(nav_on.png) center bottom no-repeat;color: #003366;}
.xw-tit a.more{float: right;color: #003366;font-size: 18px;line-height:47px;}
.xwqh{margin-top:30px;}
.xwtp{float: left;}
.rt-list{float: right;width:648px;}
.rt-list ul{margin-top:5px;}
.rt-list ul li{padding-right:20px;line-height:36px;background: none;padding-left: 10px;}
.rt-list ul li a{background:url(bt-listPic.png) left 16px no-repeat;padding-left:19px;float: left;width:84%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.rt-list ul li:hover{
 background:url(list-shadow.png) no-repeat;background-size:100% 100%;
  box-shadow: 0 4px 10px #eee;padding-right: 20px;

}
.rt-list ul li span{color:#999;float: right;}

/* ------------------------------------- */
.slide2{
  width:1200px;
  height:120px;
  position: relative;
  overflow: hidden;
  margin: 0 auto;
}
.slide2 .swiper-pagination {
  position: absolute;
  right: 20px;
  bottom: 15px;
}
.slide2 .swiper-pagination-bullet {
  float: left;
  width:8px;
  height:8px;
  background: #ffffff;
  opacity: 1;
  margin-left:8px;
  cursor: pointer;
  border-radius:50%;
}
.slide2 .swiper-pagination-bullet-active {
    background:#FFA82C;
}
.slide .swiper-pagination {
  position: absolute;
  right: 20px;
  bottom: 18px;
}

/* ------------------科研进展 学术交流 科技开发------------------------- */
.floor-4.bt-box-1200{width:1315px;margin:50px auto 0;}
.floor-4 .xw-tit{background: url(xw-tit.png) center no-repeat;height:47px;width:1200px;padding-left:0px;margin:50px auto 30px;}
.floor-4 .xw-tit li{width:157px;margin: auto; text-align: center;}
.floor-4 .xw-tit li a{display: inline-block;color:#a2a9af;font-size:28px;width:157px;line-height:34px;text-align: center;font-weight: bold;}
.floor-4 .xw-tit li:hover,.floor-4 .xw-tit li.on{background:url(nav_on.png) center bottom no-repeat;}
.floor-4 .xw-tit li.on a,.floor-4 .xw-tit li:hover a{color: #003366;}

  .swiper-box {
    width: 100%;
    margin: 1.25rem auto 0;
    position: relative;
    overflow: hidden;
  }
  .swiper-hover {
    position: absolute;
    top: 0;
    left: -100%;
}
  .swiper-box .swiper-hover {
    position: absolute;
    top: 0;
    left: -100%;
  }
  .swiper-box .swiper-container2 {
    width:1200px;
    margin:0 auto;
    overflow: hidden;
  }
  .swiper-container2 li{
    padding:0 8px 10px 8px;
    width:385px!important;
  }
  .swiper-container2 li a {
    width: 100%;
    height: auto;
    display: block;
  }
  .swiper-container2 li a img {
    width: 385px!important;
    height:205px!important;
  }
 .swiper-container2 li .con{width:385px;height: 156px;
  background: url(yyk.png) center no-repeat;background-size: 100% 100%;
  box-shadow: 0.125rem 0.125rem 0.2rem #eee;padding:20px 20px 0;
}
 .swiper-container2 li .con .tit{line-height:27px;font-size:20px;}
 .swiper-container2 li .con .zhaiy{font-size:14px;line-height:22px;margin:16px 0 28px;color:#999;}
 .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: 1.6875rem;
    height: 2.875rem;
    background: #f4f4f4;
  }
  .swiper-container2 .swiper-button-prev,.swiper-button-prev, .swiper-container-rtl .swiper-button-next{
    background: url(left.png) center no-repeat;
    left: 0;
  }

  .swiper-container2 .swiper-button-next,.swiper-button-next,.swiper-container2 .swiper-container-rtl .swiper-button-prev{
    background: url(right.png) center no-repeat;
    right: 0;
  }
  .swiper-box .swiper-button-next,.swiper-box .swiper-button-prev{margin-top: 0;top:42%;}

/* ------------------------------- */
.floor-5 .xw-tit{background: url(xw-tit.png) center no-repeat;width:1200px;padding-left:210px;margin:50px auto 30px;}

/*.floor-5 .xw-tit li img{width: 192px;}*/
.floor-5 .xw-tit li{float: left;width:auto;height:47px;text-align: center;margin-right:70px;}
.floor-5 .xw-tit li a{display: inline-block;color:#a2a9af;font-size:28px;width:auto;line-height:34px;text-align: center;font-weight: bold;}
.floor-5 .xw-tit li:hover,.floor-5 .xw-tit li.on{background:url(nav_on.png) center bottom no-repeat;}
.floor-5 .xw-tit li.on a,.floor-5 .xw-tit li:hover a{color: #003366;}
.listCon{width: 1200px;height: 452px;padding:42px 40px 0;background: url(listCon-bg.png) center no-repeat;background-size:100% 100%;
  box-shadow: 0.125rem 0.125rem 0.625rem #eee;}
.listCon ul li{float: left;width:540px;margin-right:40px;margin-bottom:33px;}
.listCon ul li:nth-child(2n){margin-right: 0;}
.date{float: left;background: #f5f5f5;width: 80px;height:70px;text-align: center;border-radius:4px;}
.date span{color:#333;display: block;width: 100%;text-align: center;}
.date .ny{font-size:12px;line-height:18px;margin:10px 0 2px;}
.date .rq{font-size: 24px;line-height:32px;font-weight: bold;}
.listCon ul li:hover .date{background: #3173c4;}
.listCon ul li:hover .date span{color:#fff;}
.wznr{float: right;}
.wznr a,.wznr p{display: block;width:440px;color:#333;}
.wznr a{line-height:24px;font-size: 16px;margin-bottom:8px;}
.wznr p{line-height:22px;font-size: 14px;color:#999;}
.listCon ul li:hover .wznr a{color: #3173c4;}

/* --------------------------------------------- */
.floor-6.bt-box-1200{margin-top:50px;}
.floor-9 .xw-tit{padding-left: 400px;}
.floor-6 .xw-tit li{float: left;width:auto;line-height:34px;height:47px;text-align: center;margin-right: 50px;}
.floor-6 .xw-tit li a{display: inline-block;color:#a2a9af;font-size:28px;width:auto;line-height:34px;text-align: center;font-weight: bold;}
.floor-6 .xw-tit li:hover,.floor-6 .xw-tit li.on{background:url(nav_on.png) center bottom no-repeat;}
.floor-6 .xw-tit li.on a,.floor-6 .xw-tit li:hover a{color: #003366;}
.floor-6 .listCon{padding: 42px 40px 9px;background:#fff;height: auto;}
.floor-6 .listCon ul li{
  float: left;
  width: 540px;
height: 40px;line-height: 40px;text-align: center;
background: #f3f3f3;
border: 1px solid #e7e9ed;margin-right: 40px;margin-bottom:30px;
}
.floor-6 .listCon ul li:nth-child(2n){margin-right: 0;}
.floor-6 .listCon ul li a{display: inline-block;font-size:16px;color:#333;}
.floor-6 .listCon ul li:hover,.floor-6 .listCon ul li.on{background: #eaf4ff;border: 1px solid #006ac147;}
.floor-6 .listCon ul li:hover a,.floor-6 .listCon ul li.on a{color: #006ac1;}

/* -------------科技服务--------------- */
.floor-7 .xw-tit{background: url(xw-tit.png) center no-repeat;height:47px;width:1200px;padding-left:541px;margin:50px auto 39px;}
.floor-7 .xw-tit li{float: left;width:auto;line-height:34px;height:47px;text-align: center;margin-right: 50px;}
.floor-7 .xw-tit li a{display: inline-block;color:#a2a9af;font-size:28px;width:auto;line-height:34px;text-align: center;font-weight: bold;}
.floor-7 .xw-tit li:hover,.floor-7 .xw-tit li.on{background:url(nav_on.png) center bottom no-repeat;}
.floor-7 .xw-tit li.on a,.floor-7 .xw-tit li:hover a{color: #003366;}
.kjfw a{display: inline-block;float: left;height:154px;width:120px;margin-right: 60px;padding-top:101px;border-radius: 8px;}
.kjfw a span{width: 120px;height:50px;box-shadow: 0.125rem 0.125rem 0.625rem #eee;text-align: center;line-height:50px;display: inline-block;font-size:20px;}
.kjfw a:nth-child(1){background:url(kjfw-1.png) center top no-repeat;}
.kjfw a:nth-child(2){background:url(kjfw-2.png) center top no-repeat;}
.kjfw a:nth-child(3){background:url(kjfw-3.png) center top no-repeat;}
.kjfw a:nth-child(4){background:url(kjfw-4.png) center top no-repeat;}
.kjfw a:nth-child(5){background:url(kjfw-5.png) center top no-repeat;}
.kjfw a:nth-child(6){background:url(kjfw-6.png) center top no-repeat;}
.kjfw a:nth-child(7){background:url(kjfw-7.png) center top no-repeat;margin-right: 0;}
.kjfw a:hover span{background: #00b3fe;box-shadow: none;color:#fff;border-radius: 8px;}

.pic-list{margin-top:48px;}
.pic-list a{display: inline-block;width: 380px;height: 120px;float: left;margin-right:30px;}
.pic-list a:last-child{margin-right: 0;}

    /* ----------右侧飘窗----------- */
    .subNav{position: fixed;bottom:240px;width: 100px;right: 0;height:135px;border-radius: 8px;background: #fff;box-shadow: 0 3px 6px #eee;padding:17px 0 0 13px;}
    .subNav ul li{border-bottom: 1px solid #707070;width:80px;text-align: center;padding-bottom: 14px;}
/*
    .subNav ul li:nth-of-type(1){background:url(email.png) center top no-repeat;padding-top:40px;}
    .subNav ul li:nth-of-type(2){background:url(yjx.png) center top no-repeat;margin-top: 13px;padding-top:46px;}
*/
    .subNav ul li:nth-of-type(1){background:url(ewm.png) center top no-repeat;padding-top:59px;border-bottom: 0;}
    .subNav ul li a{display: inline-block;font-size: 16px;line-height: 16px;line-height: 22px;}
.xw-tit span div:nth-child(2){display: none;}
.xw-tit span.on div:nth-child(2){display: block;}
.xw-tit span.on div:first-child{display: none;}
.xw-tit span img{vertical-align: top;}
.xw-tit li div:nth-child(2){display: none;}
.xw-tit li.on div:nth-child(2){display: block;}
.xw-tit li.on div:first-child{display: none;}
.xw-tit li img{vertical-align: top;}

 @media (min-width:768px) and (max-width:1024px) {
    body{min-width: 100%;}
    .xw-tit,.slide2,.floor-4 .xw-tit,.swiper-box,.xwtp img,.swiper-box .swiper-container2,.swiper-container2 li,.swiper-container2 li a img,.swiper-container2 li .con{width: 100% !important;}
    .xw-tit{padding-left: 0px;}
    .listCon{width: 100%;height: auto;padding: 20px;}
    .listCon ul li{float: none;width: 100%;margin-right: 0px;margin-bottom: 5%;}
    .xwtp{float: none;}
    .rt-list{float: none;width: 100%;}
    .floor-9 .xw-tit{padding-left: 0px;}
    .slide2 img{width: 100%;}
    .rt-list ul li a{width:83%;}
    .slide2{height: auto;}
    .swiper-container2 li{padding: 0px;}
    .floor-5 .xw-tit{padding-left: 0px;}
    .floor-5 .xw-tit li{width: 50%;margin: 0px;margin-bottom: 3%;}
    .floor-5 .xw-tit li a{float: none;}
    .subNav{display: none;}
    .wznr{width:76%;float: left;}.date{width:20%;}
    .wznr a, .wznr p{width: 100%;}
    .xw-tit{height: auto;}
    .container{padding: 1.5rem;}
    .slide2 .swiper-pagination{display: none;}
    .floor-2{margin-bottom: 20px;}
    .floor-4 .xw-tit,.floor-5 .xw-tit{margin:5% auto 3%;}
    .wznr{margin-left: 20px;}
    .wznr p{display: none;}
    .xw-tit .more{display: none;}
    .floor-2 .xw-tit span{width: 50%;}
    .ynyw  img{width: 100%;height: auto;}
    .rt-list ul li{font-size: 16px;padding-right:0;padding-left:0;}
  }

@media (max-width: 767px){
    body{min-width: 100%;}
    .xw-tit,.slide2,.floor-4 .xw-tit,.swiper-box,.xwtp img,.swiper-box .swiper-container2,.swiper-container2 li,.swiper-container2 li a img,.swiper-container2 li .con{width: 100% !important;}
    .xw-tit{padding-left: 0px;}
    .listCon{width: 100%;height: auto;padding: 20px 2%;}
    .listCon ul li{float: none;width: 100%;margin-right: 0px;margin-bottom: 5%;}
    .xwtp{float: none;}
    .rt-list{float: none;width: 100%;}
    .floor-9 .xw-tit{padding-left: 0px;}
    .slide2 img{width: 100%;}
    .rt-list ul li a{width: 67%;}
    .slide2{height: auto;}
    .swiper-container2 li{padding: 0px;}
    .floor-5 .xw-tit{padding-left: 0px;}
    .floor-5 .xw-tit li{width: 50%;margin: 0px;margin-bottom: 3%;}
    .floor-5 .xw-tit li a{float: none;}
    .subNav{display: none;}
  .wznr{width:73%;float: left;}.date{width:20%;}
    .wznr a, .wznr p{width: 100%;}
    .xw-tit{height: auto;}
    .container{padding: 1.5rem;}
    .slide2 .swiper-pagination{display: none;}
    .floor-2{margin-bottom: 20px;}
    .floor-4 .xw-tit,.floor-5 .xw-tit{margin: 20px auto;}
    .wznr{margin-left:3%;}
    .wznr p{display: none;}
    .xw-tit .more{display: none;}
    .floor-2 .xw-tit span{width: 50%;}
    .ynyw  img{width: 100%;height: auto;}
    .rt-list ul li{font-size: 16px;padding-right:0;padding-left:0;}
}