@charset "utf-8";

html{background: #fff;}
.Column{width: 100%;min-width: 1200px;}

#indZxyw{margin:50px auto;overflow: hidden;}
.areaL{width:700px;float: left;margin-right: 30px;}
#focusNews{ width:700px; height:400px; }
.focusBox .bd .pic{ height:400px; background:#f7f7f7}
.focusBox .bd .pic img{width: 100%; height: 400px; border: 0;}
.areaR{overflow: hidden;}

.boxT {}
.boxT .hd{ text-align: center; margin-bottom:20px; }
.boxT .hd h3{}
.boxT .hd h3 a{ font-size:28px; color:#009B4C}
.boxT .hd ul{ text-align: center; line-height:30px; }
.boxT .hd ul li{ display: inline-block; }
.boxT .hd ul li a{font-size:28px; color:#999; }
.boxT .hd a:hover{ text-decoration:none; opacity: 0.8;}
.boxT .hd ul li.on a{color:#009B4C}
.boxT .hd ul .spe{width: 1px;height: 20px;margin:0 20px;background: #c5c5c5;display: inline-block;}
.boxT .moreBtn{background:#eee;color: #999;display:block;margin: 40px auto 0 auto;width: 200px;text-align:center;height: 32px;line-height: 32px;font-size:14px;transition:0.3s;}
.boxT .moreBtn:hover{text-decoration:none; color:#F08519;  background:#F5EDE3;}
.boxT .moreBtn:after{content:'';width: 26px;height: 20px;background: url(?content/main/base/img/arrow-r.png) no-repeat -18px 0px;display:inline-block;vertical-align: middle;transition: 0.5s;margin-left: 6px;}
.boxT .moreBtn:hover:after{width: 30px;background: url(?content/main/base/img/arrow-r.png) no-repeat 13px 0px;}

/* 图片-列表页 */
.picPageList { margin-right: -3%; overflow: hidden; text-align: center; }
.picPageList li {border: 1px solid #e2e2e2;float: left;width: 23%;margin: 10px 20px 10px 0; *display: inline;position: relative;overflow: hidden;}
.picPageList .pic { margin: 3%; }
.picPageList .pic img { height: auto; width: 100%; }
.picPageList .title {margin: 3%;display: block;overflow: hidden;line-height: 28px;padding: 5px 0;height: 55px;z-index: 3;color: #333;-webkit-transition: 400ms;-o-transition: 400ms;-moz-transition: 400ms;transition: 400ms;}
.picPageList .title a {color: #333;padding: 0 10px;display: block;font-size: 14px;}
.picPageList .title a:hover{ color:#037a52}
.picPageList li:hover {  border-style: solid;  border-width: 1px;  border-color: rgb(224, 224, 224);   box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.14);border: 1px solid #bdbdbd;}
.picPageList .con{padding: 0 3% 6% 3%;}

/* 首页大广告图 */
.nbanner { display: none; }
.banner {position: relative;overflow: hidden;z-index: 0;width: 100%;min-width: 1200px;}
.banner .bd {/* height: 760px; */position: relative;z-index: 0;}
.banner .bd li {width: 100%;min-width: 1200px;}
.banner .bd li img{width:100%;}
.banner .bd li .con { display: none; }
.banner .hd { width: 100%; min-width: 1200px; position: absolute; z-index: 1; bottom: 15px; height: 40px; line-height: 40px; text-align: center; background: none; filter: alpha(opacity=60); opacity: 0.9; }
.banner .hd ul { text-align: center; padding-top: 5px; }
.banner .hd ul li {background: rgb(255 255 255 / 49%);cursor: pointer;display: inline-block; position:relative; width:100px;height: 6px;border-radius:5px; margin: 5px;overflow: hidden;font-size: 0;}
.banner .hd ul li:after{content:''; width:0; height:6px;  position:absolute; top:0; left:0;transition:1s;height: 6px;border-radius:5px;}
.banner .hd ul li.on:after {background: #009B4C;width:100%;}
.banner .hd .num { display: none; }
.banner .arrow{position:absolute;top:50%;margin-top:-30px;width:60px;height:60px;background: url(?content/main/base/img/opacity30.png);z-index: 9;border-radius: 30px;cursor:pointer;}
.banner .arrow.prev{left:10%;}
.banner .arrow.next{ right:10%;}
.banner .arrow:hover{opacity:0.8}
.banner .arrow.prev:before{content:"";display:inline-block;width:20px;height:20px;background: url(?content/main/base/img/bigArrow.png) no-repeat  center -85px;position: absolute;top: 20px;left: 20px;}
.banner .arrow.next:before{content:"";display:inline-block;width:20px;height:20px;background: url(?content/main/base/img/bigArrow.png) no-repeat  center 3px;position: absolute;top: 20px;left: 20px;}
@media screen and (max-width:1500px){
.banner .arrow.prev{left:3%;}
.banner .arrow.next{ right:3%;}
}


/*新闻中心*/
#indXwzx {position: relative;margin: 50px 0;}
#indXwzx .iBd li{margin-right: 20px; padding-bottom:30px;transition:0.5s;}
#indXwzx .iBd li img{}
#indXwzx .iBd li .intro{font-size:12px;text-align:left;padding:0 20px;overflow:hidden;color:#999;}
#indXwzx .iBd li .others:after{content:'';display:block;width: 180px;height:1px;background:#f0f0f0;margin: -16px auto;z-index: 0;}
#indXwzx .iBd li .others .date{background: #ffffff;display:inline-block;position: relative;padding: 0 10px;}
#indXwzx .iBd li:hover{ transform: translateY(-10px); }
#indZxyw .areaR .topicList .t {background: url(?content/main/base/img/dot.png) 0px 10px no-repeat;padding-left:15px;padding-bottom: 10px;margin-bottom: 5px;border-bottom:1px dashed #e4e4e4;}
#indZxyw .areaR .topicList .t .title{overflow: hidden;text-overflow:ellipsis;white-space: nowrap; }
#indZxyw .areaR .topicList .t .intro{font-size:14px;color:#999;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height: 20px;}
#indZxyw .areaR .topicList .t .others .date{ color:#F08519}
#indMtjj{ background:#f5f5f5; padding:40px 0}
.txtPageList{ margin-right:-40px;}
.txtPageList li{background:#fff;width:320px;height:190px;float:left;margin-right: 40px;padding:20px;box-sizing:border-box; transition:0.5s; position:relative; overflow:hidden;}
.txtPageList li a{font-size: 16px;line-height: 22px;height: 46px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin-bottom:10px;}
.txtPageList li .intro{ font-size: 14px; line-height: 20px;height:40px; color:#999; margin-bottom:20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; }
.txtPageList li .others{ color:#999; }
.txtPageList li .others span{display: inline-block;line-height: 30px;float: left;}
.txtPageList li .others span:before{content:"";width: 18px;height: 18px;background: url(?content/main/base/img/icon-date.png) no-repeat 4px -58px;display:inline-block;margin-right:5px;float:left;margin-top:5px;}
.txtPageList li .others span.node{height: 30px;overflow: hidden;width: 57%;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.txtPageList li .others span.date{width: 43%;}
.txtPageList li .others span.date:before{background: url(?content/main/base/img/icon-date.png) no-repeat 1px -28px;}
.txtPageList li:hover{box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.15);}
.txtPageList li:before{ content:""; width:0px; height:3px; background:#F08519; display:block; position:absolute; bottom:-3px; left:50%; margin-left:0px;transition:0.5s;}
.txtPageList li:hover:before{ width:120px;margin-left:-60px;bottom:0;}
.txtPageList li:hover a{ color:#F08519}

/*专题聚焦*/
#indZtjj{ background:url(?content/main/base/img/ztbg.png) no-repeat top center; padding:40px 0 ; position:relative; height:420px; box-sizing:border-box;}
#indZtjj .bd ul {overflow: hidden;text-align: center;}
#indZtjj .bd ul li {float: left;width: 260px;margin: 10px 20px 10px 0px; *display: inline;position: relative;overflow: hidden;box-sizing: border-box;transition: 0.5s;background: #fff;}
#indZtjj .bd ul li .pic {margin: 15px;height: 190px;}
#indZtjj .bd ul li .pic a:hover{ text-decoration:none}
#indZtjj .bd ul li .pic img { height: 150px; width: 100%; }
#indZtjj .bd ul li .title {overflow: hidden;text-overflow:ellipsis;white-space: nowrap;margin: 3%;display: block;overflow: hidden;line-height: 28px;padding: 0 0 5px 0;height: 30px;z-index: 3;color: #333;-webkit-transition: 400ms;-o-transition: 400ms;-moz-transition: 400ms;transition: 400ms;}
#indZtjj .bd ul li .title a {color: #333;padding: 0 10px;display: block;font-size: 14px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
#indZtjj .bd ul li .title a:hover{ color:#037a52}
#indZtjj .bd ul li:hover {box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.14);background: #fff;}
#indZtjj .bd ul .con{padding: 0 3% 6% 3%;}
#indZtjj .bd ul li:before{ content:""; width:0px; height:3px; background:#F08519; display:block; position:absolute; bottom:-3px; left:50%; margin-left:0px;transition:0.5s;}
#indZtjj .bd ul li:hover:before{ width:120px;margin-left:-60px;bottom:0;}
.zhd{position:absolute;bottom: -49px;left:0;width: 100%;}
.zhd ul{ text-align:center;}
.zhd ul li{display:inline-block;font-size: 0;width: 10px;height: 10px;border-radius: 5px;background: #fff;margin: 0 5px; cursor:pointer}
.zhd ul li.on{ background:#009b4c}

/*科研成果*/
#indKycg{  padding:40px 0}
#indKycg .pl-list{margin-right:-25px;}
#indKycg .pl-list li{ float:left;margin-right:25px;}
#indKycg .pl-list li a{}
#indKycg .pl-list li a img{ width:260px; height:120px;}
#indKycg .pl-list li:hover{filter: drop-shadow(0px 4px 15px rgba(0, 0, 0, 0.25));}
#indKycg .lhd{overflow:hidden;margin: 40px 0 20px 0;}
#indKycg .lhd h3 { float:left; font-size:28px; color:#009B4C}
#indKycg .lhd .lw.moreBtn{float: right;margin: 0;width: 145px;}
#indKycg .boxT .hd{ margin-bottom:35px;}
.lw-List{}
.lw-List li{background:#fff;width: 286px;height:190px;float:left;box-sizing:border-box;transition:0.5s;position:relative;overflow:hidden;}
.lw-List li a{font-size: 16px;line-height: 22px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp: 3;margin-bottom:10px;}
.lw-List li .intro{ font-size: 14px; line-height: 20px;height:40px; color:#999; margin-bottom:20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; }
.lw-List li .others{ color:#62B58A; }
.lw-List li .others span{margin-right:10px;display: inline-block;}
.lw-List li .others span:before{content:"";width: 18px;height: 18px;background: url(?content/main/base/img/icon-date.png) no-repeat 4px -58px;display:inline-block;margin-right:5px;float:left;margin-top:5px;}
.lw-List li .others span.node{}
.lw-List li .others span.date:before{background: url(?content/main/base/img/icon-date.png) no-repeat 1px 3px;}
.lw-List li:hover a{ color:#F08519}
.lw-List .split{width:1px;background: #e3e3e3;height: 170px;overflow: hidden;padding: 0;margin: 0 42px;}


.lwt-List li{border-bottom: 1px dashed #f0f0f0;padding: 15px 10px 15px 15px;line-height: 20px;background: url(?content/main/base/img/dot-y.png) 0px 22px no-repeat;text-align: justify;}
.lwt-List li a{margin-bottom:5px; display:inline-block}
.lwt-List li .date{ color:#ccc;}



/*科学普及*/
#indKxpj { background:#f5f5f5; padding:40px 0}
#indKxpj .arrow{position:absolute;top:50%;margin-top:-30px;width: 50px;height: 50px;background: url(?content/main/base/img/opacity30.png);z-index: 9;border-radius: 30px;cursor:pointer;}
#indKxpj .arrow.prev{left: -70px;}
#indKxpj .arrow.next{right: -70px;}
#indKxpj .arrow:hover{opacity:0.8}
#indKxpj .arrow.prev:before{content:"";display:inline-block;width:20px;height:20px;background: url(?content/main/base/img/bigArrow.png) no-repeat  center -85px;position: absolute;top: 16px;left: 15px;}
#indKxpj .arrow.next:before{content:"";display:inline-block;width:20px;height: 24px;background: url(?content/main/base/img/bigArrow.png) no-repeat  center 3px;position: absolute;top: 14px;left: 17px;}

#indKxpj .bd ul { margin-right: -3%; overflow: hidden; text-align: center; }
#indKxpj .bd ul li {float: left;width: 320px;margin: 10px 33px 10px 2px; *display: inline;position: relative;overflow: hidden;box-sizing: border-box;transition: 0.5s;background: #fff;}
#indKxpj .bd ul li .pic { margin: 15px; }
#indKxpj .bd ul li .pic img {/* height: 186px; *//* width: 100%; */}
#indKxpj .bd ul li .pic a:hover{ text-decoration:none}
#indKxpj .bd ul li .title {overflow: hidden;text-overflow:ellipsis;white-space: nowrap;margin: 3%;display: block;overflow: hidden;line-height: 28px;padding: 0 0 5px 0;height: 30px;z-index: 3;color: #333;-webkit-transition: 400ms;-o-transition: 400ms;-moz-transition: 400ms;transition: 400ms;}
#indKxpj .bd ul li .title a {color: #333;padding: 0 10px;display: block;font-size: 14px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
#indKxpj .bd ul li .title a:hover{ color:#037a52}
#indKxpj .bd ul li:hover {box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.14);background: #fff;}
#indKxpj .bd ul .con{padding: 0 3% 6% 3%;}
#indKxpj .bd ul li:before{ content:""; width:0px; height:3px; background:#F08519; display:block; position:absolute; bottom:-3px; left:50%; margin-left:0px;transition:0.5s;}
#indKxpj .bd ul li:hover:before{ width:120px;margin-left:-60px;bottom:0;}

#indKxpj .tempWrap{padding-left: 5px;margin-left: -5px;width: 1400px !important;}

@media screen and (max-width:1500px){
#indKxpj .arrow.prev{left: -5%;}
#indKxpj .arrow.next{right: -5%;}
}

/*友情链接*/
#indYqlj{background: #009B4C;padding: 12px 0;color: #fff;}
#indYqlj .hd{float:left;margin-right: 90px;line-height: 36px;}
#indYqlj .hd h3{ font-size:20px; font-weight:400}
#indYqlj .bd{height: 36px;}
#indYqlj .bd:after{ content:'';clear:both;}
#indYqlj .bd .linkbox{float:left;width: 216px;background:rgb(255 255 255 / 33%);margin-right: 36px;cursor: pointer;position: relative;border: 1px solid #09904b;box-sizing: border-box;}
#indYqlj .bd .linkbox .lhd{text-align:center;height: 36px;line-height: 36px;}
#indYqlj .bd .linkbox .lbd{display:none;position:absolute;bottom: 36px;left:0;width: 215px;min-height: 68px;max-height: 387px;overflow-y:auto;background: #3fa571;color: #fff;box-sizing: border-box;box-shadow: inset 1px -4px 10px rgb(0 0 0 / 14%);border: 1px solid #09904b;box-sizing: border-box;}
#indYqlj .bd .linkbox.on .lbd{ display: block; }
#indYqlj .bd .linkbox.on{background:rgb(255 255 255 / 33%);box-shadow: inset 1px -4px 10px rgb(255 232 67 / 34%);border: 1px solid #09904b;}
#indYqlj .bd .linkbox .lbd a{color:#fff;display:block;padding: 2px 15px;transition: 0.3s;}
#indYqlj .bd .linkbox .lbd a:hover{background: rgb(0 0 0 / 14%);text-decoration:none;color: #ffba73;letter-spacing: 1.2px;}
.jssjk {/* height: 38px; *//* line-height: 38px; */color:#fff;background: url(?content/main/base/img/icon-earth.png) no-repeat center left;padding-left:30px;display: inline-block;}
.jssjk:hover{ color:#fff; opacity:0.8; text-decoration:none;}

.gotop{position: absolute;top:0;right:0;display:block;font-size:16px;color:#fff;border-bottom: 1px solid #ffffff8c;}
.gotop:after{ content:''; display:block; width:18px; height:18px; background:url(?content/main/base/img/gotop.png) ;float:right ; margin-top:6px; margin-left:5px;}
.gotop:hover{ color:#fff; opacity:0.8; text-decoration:none}

@media screen and (max-width:1600px){
    .txtPageList li{margin-right: 15px;width: 288px;}
    .txtPageList li.last{ margin-right:0;}
    #indKycg .pl-list li{margin-right:15px;}
    #indKycg .pl-list li a img{width: 228px;height: 105px;}
    .lw-List li{width: 267px;height:190px;}
    .lw-List .split{margin: 0 20px;}
    #indZtjj .bd ul li {width: 230px;margin: 10px 10px 10px 0px;}
    #indZtjj .bd ul li .pic { margin: 10px; }
    #indZtjj .bd ul li .pic img {height: 130px;width: 100%;}
    #indKxpj .bd ul li {width: 274px;margin: 10px 30px 10px 4px;}
    #indKxpj .bd ul li .pic {margin: 12px;}
    #indKxpj .bd ul li .pic img {height: 156px;width: 100%;}
    #indKxpj .tempWrap{width: 1200px !important;}
    #indZtjj .bd ul li .pic {margin: 15px;height: 160px;}

}



/*index.css*/

























<!--0.00020885467529297-->