/* 首页大背景 */
.cf::after {
    content: '';
    display: block;
    height: 0;
    visibility: hidden;
    clear: both;
}
/*模块的大小*/
.bord {
    width: 100%;
    height: 475px;
}
.focusBox {
    position: relative;
    /*根据具体页面要求修改宽高*/
    width: 100%;
    height: 475px;
    overflow: hidden;
    text-align: left;
}
.focusBox .pic img {
    /*根据具体页面要求修改宽高*/
    width: 100%;
    height: 475px;
    display: block;
}
.focusBox .pic img {
    display: block;
}
.focusBox .pic {
    float: left;
}
.focusBox .num {
    position: absolute;
    z-index: 3;
    /*小方格位置*/
    bottom: 16px;
    right: 48%;
}
.focusBox .num li {
    float: left;
    position: relative;
    /*小方格大小*/
    width: 25px;
    height: 5px;
    line-height: 20px;
    overflow: hidden;
    text-align: center;
    margin-right: 3px;
    cursor: pointer;
}
.focusBox .num li a, .focusBox .num li span {
    position: absolute;
    z-index: 2;
    display: block;
    color: #b6c0d2;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-decoration: none;
}
.focusBox .num li span {
    display: inline-block;
    width: 25px;
    height: 5px;
    z-index: 1;
    background: #b6c0d2;
    /*-moz-opacity:0.9;*/
    /*-khtml-opacity: 0.9;*/
    /*opacity: 0.9;*/
    /*filter:alpha(opacity=90);*/
}
.focusBox .num li.on a, .focusBox .num a:hover {
    background: #fff;
}


/* first */
.first{
    height:170px;
}
.first li{float: left;width:16.666%;}
.first li a{
    width:100%;
    float: left;
    line-height: 170px;
    padding-left: 110px;
    font-size: 18px;
}
.f01{background:url(nav_01.png) no-repeat left center;}
.f02{background:url(nav_02.png) no-repeat left center;}
.f03{background:url(nav_03.png) no-repeat left center;}
.f04{background:url(nav_04.png) no-repeat left center;}
.f05{background:url(nav_05.png) no-repeat left center;}
.f06{background:url(nav_06.png) no-repeat left center;}

/* 新闻图片 */
/*模块的大小*/
.bord1 {
    width: 540px;
    height: 400px;
    border:1px solid #e7e7e7;
    padding:4px;
}
.focusBox1 {
    position: relative;
    /*根据具体页面要求修改宽高*/
    width: 530px;
    height: 390px;
    overflow: hidden;
    text-align: left;
}
.focusBox1 .pic img {
    /*根据具体页面要求修改宽高*/
    width: 530px;
    height: 390px;
    display: block;
}
.focusBox1 .pic img {
    display: block;
}
.focusBox1 .pic {
    float: left;
}
.focusBox1 .txt-bg {
    position: absolute;
    bottom: 0;
    z-index: 1;
    /*背景条透明度及高度可修改*/
    height: 40px;
    width: 100%;
    background: #333;
    filter: alpha(opacity=40);
    opacity: 0.4;
    overflow: hidden;
}
.focusBox1 .txt {
    position: absolute;
    bottom: 0;
    z-index: 2;
    /*根据txt-bg改高度*/
    height: 40px;
    width: 100%;
    overflow: hidden;
}
.focusBox1 .txt li {
    /*根据txt-bg改高度*/
    height: 40px;
    line-height: 40px;
    position: absolute;
    bottom: -40px;
}
.focusBox1 .txt li a {
    display: block;
    color: white;
    padding: 0 0 0 20px;
    font-weight: bold;
    text-decoration: none;
}
.focusBox1 .txt li a:hover {
    color: #0b51c1;
}
.focusBox1 .num {
    position: absolute;
    z-index: 3;
    /*小方格位置*/
    bottom: 16px;
    right: 16px;
}
.focusBox1 .num li {
    float: left;
    position: relative;
    /*小方格大小*/
    width: 25px;
    height: 5px;
    line-height: 20px;
    overflow: hidden;
    text-align: center;
    margin-right: 3px;
    cursor: pointer;
}
.focusBox1 .num li a, .focusBox1 .num li span {
    position: absolute;
    z-index: 2;
    display: block;
    color: #b6c0d2;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-decoration: none;
}
.focusBox1 .num li span {
    display: inline-block;
    width: 25px;
    height: 5px;
    z-index: 1;
    background: #b6c0d2;
    position: absolute;
    left:0;
    top:0;
    /*-moz-opacity:0.9;*/
    /*-khtml-opacity: 0.9;*/
    /*opacity: 0.9;*/
    /*filter:alpha(opacity=90);*/
}
.focusBox1 .num li.on a, .focusBox1 .num a:hover {
    background: #fff;
}

/* second 列表 */
.second{margin-bottom: 35px;}
.second .fr{
    width:635px;
}
.second .tit li {
    float: left;
    width:140px;
    font-size: 22px;
    color:#666;
}
.tit{
    height:40px;
}
.second .tit li.act a{
    color: #2d65a9;
}
.second_con ul li>a{
    display: block;
    background: url(dian.png) no-repeat left center;
    line-height:35px;
    padding-left: 15px;
    padding-right: 10px;
}
.second_con ul li>a span{
    float: right;
}
.second_con ul li.hov>a{
    line-height: 50px;
    background: #3869a1;
    color: #fff;
    font-weight: bold;
    padding-left: 10px;
}
.second_con ul li.hov{margin-bottom: 15px;}
.second_con ul li p{
    color: #999;
    line-height: 35px;
    text-indent: 2rem;
    text-align: justify;
    padding-right: 10px;
}
.second_con ul li p a{
    color:#d42d1f;
    float: right;
}

/* add */
.add-box{margin:0 auto 40px;}
.add-box ul li{width: 175px;height: 120px;text-align: center;float: left;margin-left:30px;}
.add-box ul li a{font-size: 18px;line-height: 25px;color: #333;padding-top: 80px;display: inline-block;}
.add-box ul li:nth-of-type(1){background: url(add1.png) no-repeat center 18px;margin-left: 0;}
.add-box ul li:nth-of-type(2){background: url(add2.png) no-repeat center 18px;}
.add-box ul li:nth-of-type(3){background: url(add3.png) no-repeat center 18px;}
.add-box ul li:nth-of-type(4){background: url(add4.png) no-repeat center 18px;}
.add-box ul li:nth-of-type(5){background: url(add5.png) no-repeat center 18px;}
.add-box ul li:nth-of-type(6){background: url(add6.png) no-repeat center 18px;}


/* 五个切换 */
.main_tab{
    height:487px;
    background: #f3f8fe;
    margin-top: 30px;
    margin-bottom: 30px;
}
.main_tab .w1200>ul.fl{
    width:270px;
    height:487px;
    background: #949fab;
   
}
.main_tab .w1200>ul.fl li{
    height: 122px;
    padding:0px 10px;
    color: #fff;
}

.main_tab .w1200>ul.fl li.now{
    background:url(now_bg.png) no-repeat;
}
.main_tab .w1200>ul.fl li.now a{
    border-bottom:none;
}
.main_tab .w1200>ul.fl li a{
    display: block;
    height:120px;
    border-bottom:1px solid #fff;
}
.lan{
    display: block;
    color: #fff;
    font-size: 24px;
    text-align: center;
    padding-top: 30px;
    margin-bottom: 10px;
}
.small{
    display: block;
    color: #fff;
    font-size: 14px;
    text-align: center;
}
.tab_con{
    width:925px;
    float: right;
}
.tab_con>.fr,.con01_con{
    width:925px;
}
.con01 .jg{
    width:925px;margin-top: 20px;
}
.con01 .jg li{
    float: left;
    width: 165px;
    height:60px;line-height:58px;margin-bottom: 20px;
    margin-left: 20px;border: 1px solid #90CAFC;
}
.con01 .jg li a{
    display: inline-block;
    width: 163px;
    height:58px;padding-left: 68px;
}
.jg01 {background:url(jg01_h.png) no-repeat 22px center #ffffff;}
.jg02{background:url(jg02_h.png) no-repeat 22px center #ffffff;;}
.jg03 {background:url(jg03_h.png) no-repeat 22px center #ffffff;}
.jg04{background:url(jg04_h.png) no-repeat 22px center #ffffff;}
.jg05{background:url(jg05_h.png) no-repeat 22px center #ffffff;}
.jg06{background:url(jg06_h.png) no-repeat 22px center #ffffff;}
.jg07{background:url(jg07_h.png) no-repeat 22px center #ffffff;}
.jg08{background:url(jg08_h.png) no-repeat 22px center #ffffff;}
.jg09{background:url(jg09_h.png) no-repeat 22px center #ffffff;}
.jg10{background:url(jg10_h.jpg) no-repeat 22px center #ffffff;}

.hovv .jg01{background:url(jgn01.png) no-repeat 22px center  #025CA5;color:#ffffff;}
.hovv .jg02 {background:url(jgn02.png) no-repeat 22px center  #025CA5;color:#ffffff;}
.hovv .jg03 {background:url(jgn03.png) no-repeat 22px center  #025CA5;color:#ffffff;}
.hovv .jg04 {background:url(jgn04.png) no-repeat 22px center  #025CA5;color:#ffffff;}
.hovv .jg05{background:url(jgn05.png) no-repeat 22px center  #025CA5;color:#ffffff;}
.hovv .jg06{background:url(jgn06.png) no-repeat 22px center  #025CA5;color:#ffffff;}
.hovv .jg07{background:url(jgn07.png) no-repeat 22px center  #025CA5;color:#ffffff;}
.hovv .jg08{background:url(jgn08.png) no-repeat 22px center  #025CA5;color:#ffffff;}
.hovv .jg09{background:url(jgn09.png) no-repeat 22px center  #025CA5;color:#ffffff;}
.hovv .jg10{background:url(jgn10.jpg) no-repeat 22px center  #025CA5;color:#ffffff;}
.con01_con p {
    width: 100%;
    text-align: justify;
    color: #666;
    line-height: 35px;
    padding-left: 20px;
}
.con01_con a{
    float: right;
}
.con01_con p a{
    color: #FF0000;
    float: right;
}

/* tab2 */
.con02 ul li{float: left;}
.con02 ul li a{
    float: left;
    width:307px;
    height:160px;
    position: relative;object-fit: cover;
}

.con02_01{background: url(yw01.png) no-repeat;}
.con02_02{background: url(yw02.png) no-repeat;}
.con02_03{background: url(yw03.png) no-repeat;}
.con02_04{background: url(yw04.png) no-repeat;}
.con02_05{background: url(yw05.png) no-repeat;}
.con02_06{background: url(yw06.png) no-repeat;}
.con02_07{background: url(yw07.png) no-repeat;}
.con02_08{background: url(yw08.png) no-repeat;}
.con02_09{background: url(yw09.png) no-repeat;}
.con02 .bg{
    position: absolute;
    top:0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background: #000;
    -moz-opacity:0.2;
    -khtml-opacity: 0.2;
    opacity: 0.2;
    filter:alpha(opacity=20);
    z-index: 1;
    cursor: pointer;
}
.con02 a:hover .bg{
    background: #477abd;
    -moz-opacity:0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
    filter:alpha(opacity=80);
}
.con02 .bg_on{
    width:125px;
    height:100px;
    position: absolute;
    top:20px;
    left:91px;
    z-index: 9999;
    cursor: pointer;
}
.con02_01 .bg_on{background: url(bg01.png) no-repeat center 10px;}
.con02_02 .bg_on{background: url(bg02.png) no-repeat center 10px;;}
.con02_03 .bg_on{background: url(bg03.png) no-repeat 40px 17px;;}
.con02_04 .bg_on{background: url(bg04.png) no-repeat center 7px;;}
.con02_05 .bg_on{background: url(bg05.png) no-repeat center 9px;;}
.con02_06 .bg_on{background: url(bg06.png) no-repeat 41px 11px;;}
.con02_07 .bg_on{background: url(bg07.png) no-repeat center 11px;;}
.con02_08 .bg_on{background: url(bg08.png) no-repeat center 14px;;}
.con02_09 .bg_on{background: url(bg09.png) no-repeat center 11px;;}
.bg_on span{
    color: #fff;
    font-size: 16px;
    display: block;
    padding-top: 65px;
    font-weight: bold;
    text-align: center;
    line-height: 35px;
    cursor: pointer;
}


/* 网上服务大厅 */
.con03 ul li{
    float: left;
    position: relative;
    cursor: pointer;
}
.con03 ul li a{
    display: block;
    cursor: pointer;
}
.con03_act{
    width:398px;
    height:630px;
}
.con03_01{
    width:260px;
    height:630px;
    background:url(dt01.png) no-repeat 1px top;
}
.con03_02{
    width:260px;
    height:630px;
    background:url(dt02.png) no-repeat 1px top;
}
.con03_03{
    width:260px;
    height:630px;
    background:url(dt03.png) no-repeat 1px top;
}
.con03 li.con03_act{
    width:398px;
    height:630px;
}
.con03 .bg{
    position: absolute;
    top:0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background: #000;
    -moz-opacity:0.4;
    -khtml-opacity: 0.4;
    opacity: 0.4;
    filter:alpha(opacity=40);
    z-index: 1;
    cursor: pointer;
}
.con03 .bg_on{
    position: absolute;
     z-index: 999;
     top:0px;
     left: 0px;
     right: 0px;
     bottom: 0px;
     cursor: pointer;
}
.con03 .bg_on>span{
    position: absolute;
    width:130px;
    height:40px;
    background:url(djjr01.png) no-repeat;
    bottom:55px;
    left:30px;
    cursor: pointer;
}
.con03 li a:hover .bg{
    background: #477abd;
    -moz-opacity:0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
    filter:alpha(opacity=80);
    cursor: pointer;
}
.con03  .bg_on:hover span,.con03  a:hover span,.con03  li:hover span,.con03 .bg:hover span{
    background:url(djjr02.png) no-repeat;
}
/* 检产学研服务 */
.con04 li{
    width:390px;
    height:70px;
    float: left;
    margin-top: 10px;
}
.con04 li a{
    width:340px;
    height:70px;
    float: right;
    text-align: center;
    font-size: 18px;
    line-height: 65px;
    font-weight: bold;
    color:#3d7ed8;
}
.con04_01{background: url(con04_01.png) no-repeat center center;}
.con04_02{background: url(con04_02.png) no-repeat center center;}
.con04_03{background: url(con04_03.png) no-repeat center center;}
.con04_04{background: url(con04_04.png) no-repeat center center;}
.con04_05{background: url(con04_05.png) no-repeat center center;}
.con04_06{background: url(con04_06.png) no-repeat center center;}
.con04_07{background: url(con04_07.png) no-repeat center center;}
.con04_08{background: url(con04_08.png) no-repeat center center;}
.con04_09{background: url(con04_09.png) no-repeat center center;}
.con04_10{background: url(con04_10.png) no-repeat center center;}
.con04_11{background: url(con04_11.png) no-repeat center center;}
.con04_01,.con04_03,.con04_05,.con04_07,.con04_09,.con04_11{margin-right:40px;margin-left:55px;}


/* 科研平台 */
.poster-main {
    position: relative;
  }
  .poster-main a,
  .poster-main img {
    display: block;
    width: 100%;
    height: 100%;
  }
  .poster-main .poster-list {
    width: 1000px;
    height: 500px;
  }
  .poster-main .poster-list .poster-item {
    width: 450px;
    height: 400px;
    position: absolute;
    left: 0;
    top: 0;
  }
  .poster-main .poster-btn {
    position: absolute;
    top: 0;
    cursor: pointer;
    filter: opacity(0.5) brightness(1);
  }
  .poster-main .poster-btn:hover {
    filter: opacity(1) brightness(2);
  }
  .poster-main .poster-prev-btn {
    left: -285px;
    background: url(left.png) no-repeat center center;
  }
  .poster-main .poster-next-btn {
    right: -235px;;
    background: url(right.png) no-repeat center center;
  }
  .poster-item-title {
    font-size: 20px;
    font-weight: bold;
    color:#fff;
    text-align: center;
    line-height: 48px;
    display: block;
    position: absolute;
    top:150px;
    width:100%;
    text-align: center;
  }
  .djjr{
    position: absolute;
    width:130px;
    height:40px;
    background:url(djjr02.png) no-repeat;
    bottom:55px;
    left:165px;
    cursor: pointer;
}