/*********************科技创新***************************/
.research-innovate-wrap { padding-bottom:9.375em; }

.research-innovate-sec01 { padding-top:5.625em; }
.research-innovate-sec01 ul { margin:0px -0.9375em; padding-top:4.625em; }
.research-innovate-sec01 ul li {  width:33.33%; cursor:pointer;  }
.research-innovate-sec01 ul li a { cursor:default; }
.research-innovate-sec01 ul li .page-con {height:10em; margin:0px 0.9375em; box-shadow:0.625em 0px 2.5em rgba(0,0,0,0.04); background:#fff; }
.research-innovate-sec01 ul li dl dt { color:#333; }
.research-innovate-sec01 ul li dl dd { color:#999; }
.research-innovate-sec01 ul li .page-num { padding-right:1.25em; }
.research-innovate-sec01 ul li .page-num span { width:2.2916em; text-align:center; line-height:2.2916em;  display:inline-block; height:2.2916em; background:#f7f7f7; border-radius:50%; }
.research-innovate-sec01 ul li:hover .page-num span {background:rgba(222,126,0,0.3); color:#fff;  }
.research-innovate-sec01 ul li:hover dl dt { color:#fff; }
.research-innovate-sec01 ul li:hover dl dd { color:#fff; }
.research-innovate-sec01 ul li:hover .page-con { background:url(../images/research-innovate-sec01-libg01.jpg) no-repeat center center; background-size:cover; }

@media only screen and (max-width:1200px){
.research-innovate-sec01 ul { margin:0px -0.5em; }	
.research-innovate-sec01 ul li .page-con { margin:0px 0.5em; height:12em; }	

}
@media only screen and (max-width:1000px){
.research-innovate-sec01 ul li dl { width:100%; padding:0px 0.5em; text-align:center; }
}
@media only screen and (max-width:767px){
.research-innovate-wrap { padding-bottom:3em; }
.research-innovate-sec01 { padding-top:2em; }
.research-innovate-sec01 ul { margin:0px; padding-top:2em; }
.research-innovate-sec01 ul li {  width:100%; }
.research-innovate-sec01 ul li .page-con  { height:12em; padding:2em 1em; }
}

.research-innovate-sec02 .page-img .bg_container { padding-bottom:64.7%; }
.research-innovate-sec02 ul { margin:0px -0.8125em; padding:2.5em 0px 5em; }
.research-innovate-sec02 ul li { float:left; width:25%; margin-top:2.5em; }
.research-innovate-sec02 ul li .page-img { overflow:hidden; }
.research-innovate-sec02 ul li .page-con { margin:0px 0.8125em; overflow:hidden; background:#fff; padding-bottom:0.75em; position:relative; }
.research-innovate-sec02 ul li .page-con:before { height:0.25em; content:""; position:absolute; background:#f0bd00; width:100%; left:-100%; bottom:0px;-webkit-transition: all .5s;-moz-transition: all .5s; -ms-transition: all .5s;transition: all .5s; }
.research-innovate-sec02 ul li .page-text { padding:1em 1.875em; }
.research-innovate-sec02 ul li h2 { line-height:1.25; max-height:2.5em; height:2.5em; color:#333; }
.research-innovate-sec02 ul li h3 { color:#f0bd00; margin-top:0.7778em; }
.research-innovate-sec02 ul li .page-time { color:#999; margin-top:0.625em; }
.research-innovate-sec02 ul li:hover .page-con:before { left:0px; }

@media only screen and (max-width:1200px){
.research-innovate-sec02 ul { margin:0px -0.5em; }	
.research-innovate-sec02 ul li .page-con { margin:0px 0.5em; }	
.research-innovate-sec02 ul li .page-text { padding:1em 1em; }

}
@media only screen and (max-width:980px){
.research-innovate-sec02 ul li { width:50%; }
.research-innovate-sec02 ul {  padding:0em 0px 3em; }
}
@media only screen and (max-width:767px){
.research-innovate-sec02 ul li { width:100%; }
}


/***********************************研发平台*******************************************/
.research-index-wrap { padding:6.4285em 0px 0px; }
.research-index-wrap .page-index-nav { width:31.25%; float:left; }
.research-index-wrap .page-index-nav ul li { height:7.5em; cursor:pointer; margin-top:10px; color:#999; box-shadow:0.625em 0px 3.125em rgba(0,0,0,0.06); padding:1em 2.5em; }
.research-index-wrap .page-index-nav .page-num { width:6.875em; }
.research-index-wrap .page-index-nav .page-num span { color:#333; }
.research-index-wrap .page-index-nav dl dt { color:#333; }
.research-index-wrap .page-index-nav ul li.on { background:url(../images/res-index-sec01-libg01.jpg) no-repeat center center; color:#fff; }
.research-index-wrap .page-index-nav ul li.on .page-num span { color:#fff; }
.research-index-wrap .page-index-nav ul li.on dl dt { color:#fff; }

.research-index-wrap .page-index-con { width:67.36%; padding:2.125em 3.09% 0px 6.19%; box-shadow:0.625em 0px 3.125em rgba(0,0,0,0.06); background:#fff; color:#333; margin-top:10px; float:right; }
.research-index-wrap .page-index-con .page-title { position:relative; padding-bottom:0.833em; }
.research-index-wrap .page-index-con .page-title:before { position:absolute; left:0px; bottom:0px; width:2.1em; background:#fcc800; height:0.1667em; content:""; }
.research-index-wrap .page-index-con .page-sub { padding-top:1.5em; }
.research-index-wrap .page-index-con ul { margin:0px -0.625em; padding-top:0.625em; padding-bottom:1.875em; }
.research-index-wrap .page-index-con ul li { float:left; width:33.33%; position:relative; }
.research-index-wrap .page-index-con ul li .page-con { padding:0.625em; position:relative; z-index:3; }
.research-index-wrap .page-index-con ul li .page-img { overflow:hidden; }
.research-index-wrap .page-index-con ul li:before { position:absolute; left:0.625em; top:0.625em; right:0.625em; bottom:0.625em; background:#f7f7f7; content:""; }
.research-index-wrap .page-index-con ul li .bg_container { padding-bottom:64.2857%;  }
.research-index-wrap .page-index-con ul li dl {  color:#999; padding:1.125em 1em 1.25em; }
.research-index-wrap .page-index-con ul li dl dt { color:#333; }
.research-index-wrap .page-index-con ul li dl dd { margin-top:2px; }
.research-index-wrap .page-index-con ul li:hover dl dt { color:#fcc800; }

.res-index-sec01 { padding-top:3.875em; }


@media only screen and (max-width:1200px){
.research-index-wrap .page-index-nav ul li { padding:1em 1.5em; }
.research-index-wrap .page-index-nav .page-num { width:5.875em; }
}

@media only screen and (max-width:1000px){
.research-index-wrap .page-index-nav ul li { padding:1em 1em; }
.research-index-wrap .page-index-nav .page-num { width:5em; }
}
@media only screen and (max-width:900px){
.research-index-wrap .page-index-nav { width:100%; }
.research-index-wrap .page-index-nav ul li { width:50%; float:left; }
.research-index-wrap .page-index-con { width:100%;  padding:2.125em 3.09% 2em 3.09%; }
}
@media only screen and (max-width:767px){
.research-index-wrap { padding:2.5em 0px 0px; }
.research-index-wrap .page-index-nav ul li { width:100%; }
.res-index-sec01 { padding-top:1em; }
.research-index-wrap .page-index-con { padding:2em 2em 0px; }
.research-index-wrap .page-index-con ul li { width:50%; }
}
@media only screen and (max-width:414px){
.research-index-wrap .page-index-con ul li { width:100%; }
}


.res-index-sec02 { padding:8.875em 0px 9.5em; }
.res-index-sec02 .page-list { padding-top:4.0625em; margin:0px -0.75em; }
.res-index-sec02 .page-list ul { padding-bottom:4.375em; }
.res-index-sec02 .page-list ul li { float:left; width:16.667%; padding:0.625em 0px; }
.res-index-sec02 .page-list ul li .page-con { margin:0px 0.75em; height:7.75em; background:#fff; position:relative; box-shadow:0.625em 0px 2.5em rgba(0,0,0,0.06); position:relative; top:0px; }
.res-index-sec02 .page-list ul li .page-con img { max-height:70%; max-width:60%; }
.res-index-sec02 .page-list ul li .page-con:hover {box-shadow:0.625em 0px 1em rgba(0,0,0,0.15); top:-5px; }

.res-index-sec02 .swiper-pagination .swiper-pagination-bullet { width:0.9375em; height:0.9375em; background:#fff;  border:0.1875em solid #f0bd00; border-radius:50%; opacity:1; margin:0px 0.625em; }
.res-index-sec02 .swiper-pagination .swiper-pagination-bullet-active { background:#f0bd00; }


@media only screen and (max-width:767px){
.res-index-sec02 { padding:2.5em 0px 2.5em; }
.res-index-sec02 .page-list { padding-top:2em; margin:0px -0.25em; }
.res-index-sec02 .page-list ul li { width:33.33%; padding:0.25em 0px; }
.res-index-sec02 .page-list ul li .page-con { margin:0px 0.25em; }

}



/************************************研发团队*********************************/
.research-team-list { padding:6.4285em 0px 8.125em; }

.res-team-sec01 { padding-top:4.625em; }
.res-team-sec01 .page-img { width:49.5138%;  }
.res-team-sec01 .page-img img { width:100%; }
.res-team-sec01 .page-text { width:45.833%; color:#333; padding-top:4.5em; }
.res-team-sec01 .page-text h2 { position:relative; padding-bottom:0.833em; }
.res-team-sec01 .page-text h2:before { position:absolute; left:0px; bottom:0px; width:3.125em; height:0.25em; background:#fcc800; border-radius:0.125em; content:""; }
.res-team-sec01 .page-text .page-con { line-height:1.875; padding:2em 0px; }

@media only screen and (max-width:980px){
.res-team-sec01 .page-img { width:100%;  }
.res-team-sec01 .page-text { width:100%; }
}
@media only screen and (max-width:767px){
.research-team-list { padding:2.5em 0px 2.5em; }
.res-team-sec01 { padding-top:2em; }
.res-team-sec01 .page-text { padding-top:2em; }


}

.res-team-sec02 { padding-top:5em; }
.res-team-sec02 ul li { width:24.3%; color:#999; position:relative; line-height:1.667; background:#fff; padding:0px 1em 6.1875em;  }
.res-team-sec02 ul li .page-title { color:#333;}
.res-team-sec02 ul li .page-num {  padding:1.875em 0px 1em; }
.res-team-sec02 ul li .page-num  .num-con { position:relative; display:inline-block; color:#333; }
.res-team-sec02 ul li .page-num  .num-con:before { position:absolute; width:3.44em; height:3.44em; left:50%; top:50%; margin:-1.72em 0px 0px -1.72em; background:#f7f7f7; border-radius:50%; content:"";  }
.res-team-sec02 ul li .page-num span { font-size:2em; line-height:1.1; position:relative; z-index:2; }
.res-team-sec02 ul li .page-num i { position:absolute; left:100%; top:0px; }

.res-team-sec02 ul li .page-txt { margin-top:1em; line-height:1.667; min-height:6.668em; padding:0px 2em; }
.res-team-sec02 ul li:before { position:absolute; left:50%; width:3.125em; content:""; margin-left:-1.5625em; bottom:5em; height:0.125em; background:#f0bd00; }
.res-team-sec02 ul li:hover { background:url(../images/res-team-sec02-libg01.jpg) no-repeat center center; background-size:cover; }
.res-team-sec02 ul li:hover .page-title { color:#fff; }
.res-team-sec02 ul li:hover .page-txt { color:#fff; }
.res-team-sec02 ul li:hover .page-num  .num-con:before { background:rgba(226,140,0,0.2); }
.res-team-sec02 ul li:hover .page-num  .num-con { color:#fff; }
.res-team-sec02 ul li:hover:before { background:#fff; }

@media only screen and (max-width:1200px){
.res-team-sec02 ul li .page-txt { padding:0px; }
.res-team-sec02 ul li { width:49%; margin-top:1em; }
.res-team-sec02 { padding-top:3em; }
}

@media only screen and (max-width:767px){
.res-team-sec02 { padding-top:1.5em; } 
.res-team-sec02 ul li { padding-bottom:3em; }
.res-team-sec02 ul li:before { bottom:3em; }
}
@media only screen and (max-width:414px){
.res-team-sec02 { padding-top:1.5em; } 
.res-team-sec02 ul li { width:100%; }
}