/*index头部背景*/
.index_header{ background: url(../image/index_bg2.jpg) no-repeat top center; background-size: cover; height: 600px;}
/*list页头部背景*/
.list_header{ background: url(../image/next_header_bg1.jpg) no-repeat top center; height: 290px;}
/*detail页头部背景*/
.detail_header{ background: url(../image/next_header_bg1.jpg) no-repeat top center; height: 170px;}
/*====================index.page 首页====================*/
.index_con,
.index_con a{ color: #000;}
.index_con a:hover{ color: #2e5cd2;}
.index_con{ background: url(../image/index_footer_bg.jpg) no-repeat center bottom #fff; background-size: 100%; padding-bottom: 50px;}
/*==========col1==========*/
.index_con .col1{ position: absolute; top: -430px; left: 0;}
/*==scrolling_banner==*/
.index_con .scrolling_banner{ background: url(../image/white_bg70.jpg);}
.index_con .scrolling_banner .slideBox{ width:1050px; height:430px; position:relative;}
.index_con .scrolling_banner .slideBox .hd{ display: none;}
.index_con .scrolling_banner .slideBox .bd{ position:relative; height:100%; overflow: hidden; width: 1050px; z-index:0;}
.index_con .scrolling_banner .slideBox .bd li{ zoom:1; vertical-align:middle; text-align: center; height: 430px;}
.index_con .scrolling_banner .slideBox .bd a{ display: table-cell; vertical-align: middle; text-align: center; height: 430px; overflow: hidden; width: 1050px;}
.index_con .scrolling_banner .slideBox .bd img{ height: auto; width: auto; max-width:1050px; max-height:430px;}
.index_con .scrolling_banner .slideBox .bd .t1{ background: url(../image/scrolling_text_bg.jpg); color: #fff; position: absolute; height: 60px; overflow: hidden; bottom: 0; left: 0; width: 1050px;}
.index_con .scrolling_banner .slideBox .bd .t1 h3{ display: table-cell; height: 50px; line-height: 32px; font-size: 16px; overflow: hidden; padding: 0 50px; vertical-align: middle; text-align: center; width: 1050px;position: relative;top:15px;}

.index_con .scrolling_banner .slideBox .prev,
.index_con .scrolling_banner .slideBox .next{ background: url(../image/icons.jpg) no-repeat 0 0; display:block; position:absolute; top: 50%; left: 28px; margin-top: -30px; width:40px; height:60px; z-index: 99;}
.index_con .scrolling_banner .slideBox .next{ background-position:-61px -0; left:auto; right:28px;}
.index_con .scrolling_banner .slideBox .prev:hover,
.index_con .scrolling_banner .slideBox .next:hover{ filter:alpha(opacity=80); opacity:0.8;}
.index_con .scrolling_banner .slideBox .prevStop{ display:none;}
.index_con .scrolling_banner .slideBox .nextStop{ display:none;}
/*==========col2==========*/
.index_con .col2{ height: 352px; overflow: hidden; margin-bottom: 40px;}
.index_con .col2 .title{ color: #222; font-size: 24px; height: 60px; position: relative; margin-top: 30px;}
.index_con .col2 .title span{ display: block; letter-spacing: 2px; line-height: 60px; height: 60px; padding-left: 10px;}
.index_con .col2 .title .more{ position: absolute; right: 20px; top: 20px; height: 24px; width: 38px;}
.index_con .col2 .title a:hover .icon_more{ background-position: -290px -60px;}
.index_con .col2 .list{ background: #f0f0f0; height: 260px; overflow: hidden;}
.index_con .col2 .list ul{ padding-top: 10px;}
.index_con .col2 .list li{ border-bottom: 1px solid #fff; color: #505050; position: relative; height: 48px; line-height: 48px;}
.index_con .col2 .events .list li{ border-bottom: 1px solid #fff; color: #505050; position: relative; height: 90px; line-height: 48px;}
.index_con .col2 .list li .text{ font-size: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 364px;}
.index_con .col2 .events li .text{ font-size: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 364px;padding-left: 80px;margin-top: -5px;}
.index_con .col2 .events li .text2{ font-size: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 364px;padding-left: 110px;margin-top: -10px; line-height:23px;color: #000;}
.index_con .col2 .list li .time{ color: #858585; font-size: 12px; position: absolute; top: 0; right: 10px;}
.index_con .col2 .list a{ color: #000; position: relative; padding-left: 30px;}
.index_con .col2 .list a:hover{ color: #204de1;}
.index_con .col2 .list .icon_dot1{ position: absolute; top: 50%; margin-top: -5px; left: 12px; transition: 0.3s all ease; -moz-transition: 0.3s all ease; -webkit-transition: 0.3s all ease;}
/*==科研进展==*/
.index_con .col2 .researchNews{ width: 505px;}
.index_con .col2 .researchNews .list{ border-top: 3px solid #5993d3;}
/*==新闻通知==*/
.index_con .col2 .news{ width: 505px;}
.index_con .col2 .events{ width: 505px;}
.index_con .col2 .news .list{ border-top: 3px solid #da6757;}
.index_con .col2 .events .list{ border-top: 3px solid #da6757;}
/*==========col3==========*/
.index_con .col3{ height: 260px; overflow: hidden; margin-bottom: 40px;}
/*==学术活动==*/
.index_con .col3 .events{ background: url(../image/events_bg.jpg) no-repeat #2f6e5d;}
.index_con .col3 .events .title{ background: url(../image/events_title_bg.jpg) no-repeat; color: #fff; height: 60px; overflow: hidden; position: relative;}
.index_con .col3 .events .title span{ display: inline-block; font-size: 24px; letter-spacing: 2px; height: 60px; line-height: 60px; padding-left: 25px;}
.index_con .col3 .events .title .more{ color: #fff; display: inline-block; font-size: 16px; height: 60px; line-height: 60px; position: absolute; top: 0; right: 25px;}
.index_con .col3 .events .title .more:hover{ color: #a2e4e2;}
.index_con .col3 .events .list{ height: 200px; overflow: hidden;}
.index_con .col3 .events .list ul{ width: 1200px;}
.index_con .col3 .events .list li{ float: left; margin-left: 25px; height: 195px; overflow: hidden; width: 314px;}
.index_con .col3 .events .list .d1{ border-bottom: 1px solid #1cbbb4; color: #fff; position: relative; margin-top: 28px; height: 95px;}
.index_con .col3 .events .list .d1 .time{ background: #c59e59; border-radius: 5px; height: 80px; overflow: hidden; position: absolute; text-align: center; top: 0; left: 5px; width: 80px;}
.index_con .col3 .events .list .d1 .time .day{ font-size: 36px; font-weight: bold; height: 50px; line-height: 55px;}
.index_con .col3 .events .list .d1 .time .year{ font-size: 16px; height: 20px; line-height: 20px;}

.index_con .col2 .events .list .d1 .time{ background: #c59e59; border-radius: 5px; height: 70px; overflow: hidden; position: absolute; text-align: center; top: 13px; left: 10px; width: 70px;color:#FFFFFF;}
.index_con .col2 .events .list .d1 .time .day{ font-size: 36px; font-weight: bold; height: 50px; line-height: 55px;margin-top: -5px;}
.index_con .col2 .events .list .d1 .time .year{ font-size: 16px; height: 20px; line-height: 20px;}

.index_con .col3 .events .list .d1 .text,
.index_con .col3 .events .list .d1 .text a{ color: #fff; font-size: 16px; line-height: 24px;}
.index_con .col3 .events .list .d1 .text{ position: relative; margin-left: 95px; height: 75px; overflow: hidden; width: 220px;}
.index_con .col3 .events .list .d1 .text a:hover{ color: #a2e4e2;}
.index_con .col3 .events .list .d2{ color: #a2e4e2; padding: 10px 5px;}
/*==========col4==========*/
.index_con .col4{ height: 100px; overflow: hidden; margin-bottom: 25px;}
/*==useful_buttons==*/
.index_con .col4 .useful_buttons ul{ width: 1200px;}
.index_con .col4 .useful_buttons li{ float: left; overflow: hidden; position: relative; margin-right: 24px; height: 100px; width: 334px;}
.index_con .col4 .useful_buttons li a{ background: #476c9d; height: 100px; width: 334px;}
.index_con .col4 .useful_buttons li a,
.index_con .col4 .useful_buttons li .t1,
.index_con .col4 .useful_buttons li .pic{ display: block; width: 334px;}
.index_con .col4 .useful_buttons li .t1{ color: #fff; font-size: 24px; font-weight: bold; height: 30px; line-height: 30px; letter-spacing: 3px; overflow: hidden; position: absolute; text-overflow: ellipsis; text-align: center; top: 22px; left: 0; text-shadow: 2px 2px 6px #000; white-space: nowrap; z-index: 2;}
.index_con .col4 .useful_buttons li .icon_arrow4{ bottom: 16px; position: absolute; left: 50%; margin-left: -16px; z-index: 2;}
.index_con .col4 .useful_buttons li .pic{ opacity: .6; filter: alpha(opacity=60); position: relative;}
.index_con .col4 .useful_buttons li .pic img{ position: relative; left: 50%; margin-left:-185px; height: 100px; width: 370px; transition: 0.8s all ease; -moz-transition: 0.8s all ease; -webkit-transition: 0.8s all ease;}
.index_con .col4 .useful_buttons li a:hover .pic img{ transform: scale(1.1);}
/*==========col5==========*/
.index_con .col5{ min-height: 80px; overflow: hidden;}
/*==友情链接==*/
.index_con .col5 .friend_link{ background: #fff; min-height: 80px; position: relative;}
.index_con .col5 .friend_link .title{ color: #c35d5d; font-size: 24px; letter-spacing: 2px; position: absolute; text-align: center; top: 50%; margin-top: -40px; height: 80px; line-height: 80px; width: 160px;}
.index_con .col5 .friend_link .list{ margin-left: 170px; padding: 10px 0;}
.index_con .col5 .friend_link .list li{ float: left; height: 30px; line-height: 30px; margin-right: 40px;}

/*====================list.page 列表页====================*/
.list_con{ margin-top: -120px; margin-left: auto; margin-right: auto;}
.list_con .wrap_in{ background: #fff; min-height: 1200px;}
.list_con .list_banner{ background: url(../image/list_banner1.jpg) no-repeat; box-sizing: border-box; height: 120px; padding: 40px 0 0 50px; position: relative;}
.list_con .list_banner .title{ color: #fff; font-size: 30px;}
.list_con .list{ padding: 40px 60px 16px; margin-bottom: 10px;}
.list_con .list li{ border-bottom: 1px solid #e0e0e0; color: #505050; position: relative; height: 40px; line-height: 40px;}
.list_con .list li .text{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 820px;}
.list_con .list li .time{ color: #aaa; position: absolute; top: 0; right: 10px;}
.list_con .list a{ color: #505050; position: relative; padding-left: 26px;}
.list_con .list a:hover{ color: #204de1;}
.list_con .list .icon_arrow1{ position: absolute; top: 50%; margin-top: -5px; left: 10px; transition: 0.3s all ease; -moz-transition: 0.3s all ease; -webkit-transition: 0.3s all ease;}
.list_con .wrap_in .page{ padding: 35px 0; margin: 0 60px; width: auto;}

/*====================detail.page 内容页====================*/
.detail_con .wrap_in{ background: #fff; padding: 30px 80px 50px;}

.detail_con .detail_info{ color: #505050; overflow: hidden; min-height: 660px;}
.detail_con .detail_info .title h1{ font-size: 24px; line-height: 24px; letter-spacing: 1px; margin-bottom: 5px; padding: 20px 0 40px; text-align: center;}
.detail_con .detail_info .title .fb_info{ border-bottom: 1px solid #e0e0e0; border-top: 1px solid #e0e0e0; line-height: 40px; height: 40px; position: relative;}
.detail_con .detail_info .title .fb_info span{ padding-right:50px;}
.detail_con .detail_info .title .fb_info .return_list{ position: absolute; top: 0; right: 0; padding-left: 24px;}
.detail_con .detail_info .title .fb_info .return_list .icon_arrow3{ position: absolute; left: 0; top: 50%; margin-top: -7px;}

.detail_con .detail_info .info{ padding: 40px 0; line-height: 26px;}
.detail_con .detail_info .info p{ font-size: 16px;}
.detail_con .detail_info .info img{ max-width: 1000px;}