@charset "utf-8";
/* CSS Document 
Design by www.east.net*/

/* Banner样式*/
.banner{ width:100%;height:329px;margin:15px auto;padding:0;position: relative;z-index:2;}
.banner ul li{position:absolute;left:0;top:0;width:100%;height:329px;}
.banner ul li a{display:block;width:100%;height:329px;    position: relative;}
.banner ul li a .ban_bg{ width:38%; height:42%; padding:5% 2% 0; background:#fff; opacity:0.8; position: absolute; left: 0; top: 25%; z-index: 999999;}
.banner ul li a .ban_bg .bg_tit{text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;border-bottom:1px solid #d3cfc9;animation-name: fadeInDown;animation-duration:0.5s; }
.banner ul li a .ban_bg .bg_en{ text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical; color:#666666; padding-top:3px; font-family: Arial; animation-name: fadeInLeft;animation-duration:0.5s;}
.banner ol{ position:absolute;right: 0;bottom: 11px;z-index:0;}
.banner ol li{ float: right;margin: 0 11px 0 0;border:2px solid #fff;cursor:pointer;background:none;width:10px;height:10px;border-radius: 50%;}
.banner ol li.active{ background:#ffffff}

.index_main{ overflow:hidden; }


/*大标题*/
.row_tl{ background: url(../images/i1.png) 8px center no-repeat #e9e9e9; line-height: 26px; color: #333; border-bottom: 1px solid #d3d3d3; border-right: 1px solid #d3d3d3; padding: 0 7px 0 24px; margin-bottom:16px; overflow: hidden; border-radius: 4px; font-size: 14px;}
.row_tl span{ float:left; width: 52%; text-align:left;}
.row_tl a{ text-align:right;color: #adadad;float:right; width: 40%; font-size: 12px;}

/*新闻中心*/
.video_play{ width:100%; height:148px; overflow:hidden;}
.video_play video{ width:100%; height:100%;}
.inews,.ishow{ float:left;width:719px;}
.inews .row_content{ margin-bottom:23px; overflow: hidden;}

/* 新闻图片切换*/
.tp{ width:314px;height:252px;position: relative;z-index:2; float: left; margin:0 25px 0 0 ;}
.tp ul li{position:absolute;left:0;top:0;width:100%;height:100%;}
.tp ul li a{display:block;width:100%;height:100%;}
.tp ul li img{display:block;width:100%;height:100%;}
.tp span{ width:26px;height:52px; background:url(../images/prev.png) no-repeat;position:absolute;top:91px; cursor: pointer;}
.tp .left{ left:0;}
.tp .right{ right:0; background-position: right 0}
.tp .title { background: url(../images/bg.png); position: absolute; bottom: 0;left: 0;color: #fff;font-size: 14px;text-overflow: ellipsis;white-space: nowrap; width: 297px;display: block; overflow: hidden;line-height: 34px; height: 34px; padding: 0 9px; }

.news_list{ float:right;width:370px;}
.news_list li{ width: 100%;line-height: 28px; height: 28px; overflow: hidden;}
.news_list a{ color:#666; display: block; overflow: hidden; }
.news_list a:hover{ color:#007fbe; display: block; overflow: hidden; }

.news_list .ntl{  white-space: nowrap;text-overflow: ellipsis; display: block; overflow: hidden; }
.news_list .date{ float:right; color:#adadad ; margin-left: 6px;}



/*技术成果*/
.show_list { overflow: hidden;}
.show_list li{position:relative;margin: 0 45px 18px 3px; width: 328px; line-height: 22px; float: left;}

.show_list li img{position:relative;/*width:128px;*/ width:328px; height:220px;border:1px solid #e2e2e2; }
.show_list li a{position:absolute;display: none;width:330px;height:35px;text-align:center;background:#fff;filter:alpha(opacity=70);left:0px;color:#666;font-family:'microsoft yahei';margin-top:-33px;opacity: 0.7;font-size:16px;line-height:32px;}
.show_list li:hover a{display:block;}
.show_list li a:hover{color:#007fbe;}

/*我院简介*/
.iabout,.itech,.iscience{ float:right;width:265px;}
.rabout { line-height: 24px;/* padding: 0 13px;*/ }

/*科技文献*/
.itech{ margin: 15px 0 10px 0; height: 178px;}
.tech_list li{ margin: 0 8px 0 2px; width: 80px;float:left; text-align: center; line-height: 24px;}
.tech_list img{ width:78px;height:109px;border:1px solid #d8d8d8; }
.tech_list li p{ text-overflow:ellipsis; white-space: nowrap;}

/*学术交流*/
.science_list li{ border-bottom:1px dotted #a8a8a8; }
.science_list li a{ white-space: nowrap;text-overflow: ellipsis; display: block; line-height: 30px; height: 30px; overflow: hidden; padding: 0 4px;}
.science_list li a:hover{color:#007fbe;}

@media screen and (max-width:880px){
    .banner{ height:183px; }
    .banner ul li{ height:183px; }
    .banner ul li a{ height:183px; }

    .tp{ width:100%;height:225px;;margin: 0;}
    .tp .title { width:100%; box-sizing: border-box;}

    
    /*新闻中心*/
    .video_play{ height:200px;}
    .inews,.ishow,.iabout, .itech, .iscience,.news_list{ width:100%;}
    .itech{ height:auto;}
    .show_list li{ width:100%; height: 88px; overflow: hidden; margin: 0 0 18px 0; padding: 0 3px; box-sizing: border-box;}


    .tech_list li{ margin: 0 1.7% 0 0; width: 31.5%;}
    .tech_list img{ width:100%;height:auto; box-sizing: border-box; }
}
@media screen and (max-width:435px){
.banner ul li a .ban_bg{ width:54%;}


}