.banner{width: 100%;}
.banner img{width: 100%; display: block;}
/*banner_nav*/
.banner_nav{width: 100%;background: #F7FCFF;}
.banner_nav ul{width: 920px; margin:0 auto;display:flex; justify-content:space-between; height: 90px; position: relative;}
.banner_nav ul:after{content: ""; position: absolute; left: 50%; width: 1px; height: 60%; top: 20%; background: #DCE7F9;}
.banner_nav ul li{ text-align: center; width: 360px; position: relative;}
.banner_nav ul li a{ width: 100%; height: 100%;display: flex; justify-content: center;align-items: center;}
.banner_nav ul li .li_two{display: none;}
.banner_nav ul li:hover .li_one{ display: none;}
.banner_nav ul li:hover .li_two{ background: url(../images/img11.jpg); background-size: 100% 100%; display: block; height: 100px; position: absolute; top: -10px; width: 100%; z-index: 9; padding-top: 18px;}
.banner_nav ul li .li_one dl img{width: 28px; height: 28px;}
.banner_nav ul li .li_one dd{color: #35B7EE; font-size: 20px; padding-top: 5px;}
.banner_nav ul li .li_two dl img{width: 28px; height: 28px;}
.banner_nav ul li .li_two dd{color: #fff; font-size: 20px;padding-top: 5px;}


.banner_nav ul li .li_four{display: none;}
.banner_nav ul li:hover .li_three{ display: none;}
.banner_nav ul li:hover .li_four{ background: url(../images/img12.jpg); background-size: 100% 100%; display: block; height: 100px; position: absolute; top: -10px; width: 100%; z-index: 9; padding-top: 18px;}
.banner_nav ul li .li_three dl img{width: 28px; height: 28px;}
.banner_nav ul li .li_three dd{color: #35B7EE; font-size: 20px; padding-top: 5px;}
.banner_nav ul li .li_four dl img{width: 28px; height: 28px;}
.banner_nav ul li .li_four dd{color: #fff; font-size: 20px;padding-top: 5px;}




/*研究方向*/
.index_box1{margin: 0 auto;max-width: 1400px;width: 94%;display:flex; justify-content:space-between; padding-top: 80px;}
.index_box1 .index_box1_left{width: 48%;}
.index_box1 .index_box1_left .index_box1_title{width: 100%;display:flex;align-items:stretch;-webkit-align-items:stretch;flex-wrap:wrap;}
.index_box1 .index_box1_left .index_box1_title dl{font-size: 40px;letter-spacing:2px; line-height: 28px;width:88%;position: relative; z-index: 2;}
.index_box1 .index_box1_left .index_box1_title dl:after{content: "Research";color:#EFEFEF; position: absolute; left: 0; z-index: -1; bottom: -26px;text-transform:uppercase;}
.index_box1 .index_box1_left .index_box1_title dd{font-size: 16px;line-height: 28px;transition: margin 0.5s ease-out;
  -webkit-transition: margin 0.5s ease-out;
  -moz-transition: margin 0.5s ease-out;
  -khtml-transition: margin 0.5s ease-out;}
.index_box1 .index_box1_left .index_box1_title dd a{display: flex; justify-content: center;align-items: center;}
.index_box1 .index_box1_left .index_box1_title dd img{width: 18px; height: 18px; margin-right: 10px;}
.index_box1 .index_box1_left .index_box1_title dd:hover{margin-left: 20px;}
.index_box1 .index_box1_left .index_box1_title dd a:hover{color: #04A5EA;}

.index_box1 .index_box1_left .index_box1_pic{width: 100%; position: relative; margin-top: 40px;}
.index_box1 .index_box1_left .index_box1_pic dl{width: 100%;}
.index_box1 .index_box1_left .index_box1_pic dl img{width: 100%;}
.index_box1 .index_box1_left .index_box1_pic dd{width: 100%; top: 50%;transform: translateY(-50%);position: absolute; text-align: center; font-size: 34px;}
.index_box1 .index_box1_left .index_box1_pic dd a{color: #fff; display: block;}

.index_box1 .index_box1_right{width:calc(52% - 24px);}
.index_box1 .index_box1_right ul{position: relative; width: 100%;}
.index_box1 .index_box1_right ul li{ position: relative;width: 100%;}
.index_box1 .index_box1_right ul li dl{width: 100%;}
.index_box1 .index_box1_right ul li dl img{width: 100%;}
.index_box1 .index_box1_right ul li dd{width: 100%; top: 50%;transform: translateY(-50%);position: absolute; text-align: center; font-size: 24px;}
.index_box1 .index_box1_right ul li dd a{color: #fff; display: block;}

.index_box1 .index_box1_right ul li:nth-child(1){width: 440px; margin-bottom: 24px;}
.index_box1 .index_box1_right ul li:nth-child(2){width: 395px;}
.index_box1 .index_box1_right ul li:nth-child(3){width: 285px;}
.index_box1 .index_box1_right ul li:nth-child(3) {position: absolute;right: 0;top:30px;z-index: 3;}
.index_box1 .index_box1_right ul li:nth-child(4){width: 285px;}
.index_box1 .index_box1_right ul li:nth-child(4) {position: absolute;right: 0;bottom: 0;z-index: 3;}

/*科研动态*/
.index_box2{width: 1400px;margin: 80px auto;position: relative;}
.index_box2 .index_box2_bg{width: 570px;}
.index_box2 .index_box2_bg img{width: 100%;}
.index_box2 ul{max-width: 1300px;top: 50%;transform: translateY(-50%);position: absolute;right: 0; display:flex;justify-content:flex-end;}

.index_box2 ul .index_box2_title{width: 200px;} 
.index_box2 ul .index_box2_title dl{font-size: 40px;letter-spacing:2px; line-height: 28px;width: 100%; color: #fff;padding-bottom: 80px;position: relative; z-index: 2;}
.index_box2 ul .index_box2_title dl:after{content: "trends";color:rgba(255,255,255,0.4); position: absolute; left: 0; z-index: -1; bottom: 50px;text-transform:uppercase;}
.index_box2 ul .index_box2_title dd{font-size: 16px;line-height: 28px;}
.index_box2 ul .index_box2_title dd a{display: flex; justify-content:flex-start;align-items: center;transition: margin 0.5s ease-out;
  -webkit-transition: margin 0.5s ease-out;
  -moz-transition: margin 0.5s ease-out;
  -khtml-transition: margin 0.5s ease-out; position: absolute; right:0; top: -60px;}
.index_box2 ul .index_box2_title dd img{width: 18px; height: 18px; margin-right: 10px;}
.index_box2 ul .index_box2_title dd a:hover{margin-right: 20px;color: #04A5EA;}



.index_box2 ul li{ position: relative;width: 540px; margin-right: 20px;}
.index_box2 ul li:nth-child(3){margin-right: 0;}
.index_box2 ul li dl{width: 100%;}
.index_box2 ul li dl img{width: 100%;}
.index_box2 ul li .info{top: 50%;transform: translateY(-50%);position: absolute; width: 100%; padding-left: 50px; padding-right:50px;}
.index_box2 ul li .info a{color: #fff;}
.index_box2 ul li .info h3{font-size:24px;line-height:36px;margin-bottom:10px; text-align: center;}
.index_box2 ul li .info .exp{font-size: 16px;color:rgb(255,255,255,0.8);display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; text-align: center; line-height: 24px;}


/*交流合作*/
.index_box3{background: #DDF3FF; width: 100%;padding-top:50px; padding-bottom: 50px;}
.index_box3 .title{width: 1100px; margin:0 auto;display:flex;align-items:stretch;-webkit-align-items:stretch;flex-wrap:wrap;} 
.index_box3 .title dl{ color: #141841; font-size: 40px;letter-spacing:2px; line-height: 28px;width: 1020px; position: relative; z-index: 2;}
.index_box3 .title dl:after{content: "Cooperation";color: #C0D6E1; position: absolute; left: 0; z-index: -1; bottom: -28px;text-transform:uppercase;}
.index_box3 .title dd{font-size: 16px;line-height: 28px;transition: margin 0.5s ease-out;
  -webkit-transition: margin 0.5s ease-out;
  -moz-transition: margin 0.5s ease-out;
  -khtml-transition: margin 0.5s ease-out;}
.index_box3 .title dd a{color: #666666;display: flex; justify-content: center;align-items: center;}
.index_box3 .title dd a:hover{ color: #04A5EA ;}
.index_box3 .title dd img{width: 18px; height: 18px; margin-right: 10px;}
.index_box3 .title dd:hover{margin-left: 20px;}

.index_box3 .info{width: 1100px; margin:0 auto;display:flex;align-items:stretch;-webkit-align-items:stretch;flex-wrap:wrap; margin-top: 50px;}

.index_box3 .info .news_left {width:450px;}
.index_box3 .info .news_left .pic{width: 100%;height: 260px;overflow: hidden;}
.index_box3 .info .news_left img {width:100%;height: 100%;object-fit: cover;}
.index_box3 .info .news_left ul {width:100%; padding-top:10px;}
.index_box3 .info .news_left ul h3 {font-size:16px;line-height:22px;margin-bottom:10px;}
.index_box3 .info .news_left ul h3 a{color: #000;}
.index_box3 .info .news_left ul h3 a:hover{color: #43C7FF;}
.index_box3 .info .news_left ul p {font-size:14px;line-height:22px;color:#666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.index_box3 .info .news_left ul span {margin-top:14px;font-size:14px;width:100%;text-align:right;color:#666;display: flex; justify-content: flex-end;}
.index_box3 .info .news_left ul span a {color:#666;padding-left:10px;margin-right:10px;}
.index_box3 .info .news_left ul span a:hover{color: #43C7FF;}
.index_box3 .info .news_right {width:650px; padding-left: 30px;}
.index_box3 .info .news_right ul dt {width:100%;display:block;display:flex;align-items:stretch;-webkit-align-items:stretch;flex-wrap:wrap; padding-bottom: 30px;}
.index_box3 .info .news_right ul dt .date {width:100px;text-align:center;margin-top:8px;height:55px;color:#43494D;}
.index_box3 .info .news_right ul dt .date .day {font-family:Arial;font-size:32px;width:100px;line-height:25px;font-weight:bold;height:auto;}
.index_box3 .info .news_right ul dt .date .year {font-family:Arial;font-size:16px;width:100px;height:auto;font-weight:normal;margin-top:5px;color: #666666;}
.index_box3 .info .news_right ul dt .newinfo{width: 500px;}
.index_box3 .info .news_right ul dt h4 {line-height:20px;width:500px;font-size:16px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.index_box3 .info .news_right ul dt h4 a {color:#000;}
.index_box3 .info .news_right ul dt h4 a:hover{color: #04A5EA;}
.index_box3 .info .news_right ul dt p {line-height:22px;color:#666666; font-size: 14px; margin-top: 5px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}