@charset "utf-8";
/* banner */
.page-banner{position: relative; overflow: hidden;}
.page-banner img{width: 100%; animation: sssa 60s infinite;}
.page-banner-info{position: absolute; top: 0;left: 0; width: 100%; height: 100%;}
.page-banner-info .w1200{ height: 100%; display: flex; flex-direction: column; justify-content: center; }
.page-banner-info h3{font-size: 48px; }
.page-banner-info p{margin-top: 20px; font-size: 18px; text-transform: uppercase;}

@keyframes sssa{
    0%{transform: scale(1);}
    50%{transform: scale(1.2);}
    100%{transform: scale(1);}
}

@media (max-width:1600px) {
    .page-banner-info h3{font-size: 36px; }
}

@media (max-width:1400px) {
    .page-banner-info{text-align: center;}
    .page-banner-info h3{font-size: 30px; }
}

@media (max-width:1200px) {
    .page-banner-info{text-align: center;}
    .page-banner-info h3{font-size: 24px; }
    .page-banner-info p{margin-top: 10px; font-size: 16px; }
}

@media (max-width:768px) {
    .page-banner-info h3 {font-size: 18px;}
    .page-banner-info p{margin-top: 10px; font-size: 12px;}
}

@media (max-width:480px) {
    .page-banner-info{display: none;}
}

/* path */
.page-cate{display: flex; justify-content: space-between; align-items: center;flex-wrap: wrap;}
.page-path{padding: 20px 0; line-height: 20px; display: flex;display: -webkit-box; display: -webkit-flex;  -webkit-align-items: center; align-items: center; flex-wrap: wrap; color: #999; }
.page-path a{color: #999;}
.page-path i{font-size: 24px;display: none;}
.page-path b{display: inline-block; margin: 0 7px; width: 6px; height: 6px; border-top: 1px solid #777; border-right: 1px solid #777; transform: rotate(45deg);}
.page-path span{color:var(--default);}
.page-path a:hover{color:var(--default);}


.page-link ul li{padding-left: 30px;}
.page-link ul li a{display: block; line-height: 60px; color: #999;}
.page-link ul li.current-cat a,
.page-link ul li a:hover{color: #666; box-shadow: 0 -2px 0 var(--default) inset;}
@media (max-width:1400px) {
   .page-cate{display: block;} 
   .page-link ul li{padding-left: 0; padding-right: 20px;}
}
@media (max-width:1000px) {
    .page-path{ padding-bottom: 10px; font-size: 14px; }
    .page-path i{font-size: 20px;}
    .page-link ul li a{ line-height: 40px; font-size: 14px;}
}

@media (max-width:640px) {
    .show-path{display: none!important;}
}
/* pagination */
.pagination{padding-top: 50px ;}
.pagination ul{display: flex;display: -webkit-box; display: -webkit-flex; -webkit-justify-content: center; -webkit-align-items: center; justify-content: center; align-items: center;}
.pagination ul li a{display: block; margin: 0 2px; width: 38px; height: 38px; line-height: 36px; font-size: 16px; border: 1px solid #ccc; text-align: center;}

.pagination ul li span{display: inline-block; width: 8px; height: 8px;border: 1px solid #333; transform: rotate(45deg);}
.pagination ul li:first-child a{padding-left: 3px;}
.pagination ul li:last-child a{padding-right: 3px;}
.pagination ul li:first-child span{border-top: none;border-right: none;}
.pagination ul li:last-child span{border-bottom: none;border-left: none;}

.pagination ul li a.current,
.pagination ul li a:hover{background-color: var(--default); border-color: var(--default); color: #fff;}
.pagination ul li a:hover span{border-color: #fff;}
/*  */
.nextpage{border-top: 1px solid #d7d7d7;}
.nextpage ul li{width: 50%;padding: 30px 0 60px ; font-size: 16px;}
.nextpage ul li a{margin: 0 2px; color: #656565;  line-height: 30px;}
.nextpage ul li a:hover{color: var(--default);}

@media (max-width:640px) {
    .nextpage{padding: 15px 0;}
    .nextpage ul li{width: 100%; padding: 3px 0; font-size: 14px;}
    .nextpage .py_next,
    .nextpage .py_previou{color: #666;}
}

/* pages */
.page-padding{padding-top: 80px; padding-bottom: 80px;}
@media (max-width:768px) {
    .page-padding{padding-top: 30px; padding-bottom: 30px;}
}
/* about */
.about-desc{justify-content: space-between; align-items: center;}
.about-desc-content{width: 50%; padding-left: 50px;}
.about-desc-content>h3{ margin-top: 10px; font-size: 36px;}
.about-desc-content>p{ margin-top: 30px; line-height: 24px; font-size: 16px;}
.about-desc-cover{ width: 50%; overflow: hidden;}
.about-desc-cover img{width: 100%;}

@media (max-width:1200px) {
    .about-desc-cover{ width: 40%;}
    .about-desc-content{width: 60%; padding-left: 20px; }
    .about-desc-content>h3{ font-size: 28px;}
    .about-desc-content>p{ margin-top: 20px; line-height: 26px;}
}

@media (max-width:768px) {
    .about-desc-content{ margin-top: 35px; width: 100%; padding-left: 0;}
    .about-desc-cover{width: 100%;}
    .about-desc-content>h3{ font-size: 24px;}
    .about-desc-content>p{ margin-top: 20px; line-height: 26px; font-size: 14px;}
}


@media (max-width:480px) {
    .about-desc-cover{width: 80%; margin: 0 auto;}
    
}

/*  */
.about-history-bg{position: relative; z-index: 1; background-color: #F3F6F9;}
.about-history-bg::before{position: absolute; top: 404px; left: 0; content: ''; z-index: -1; width: 100%; height: 1px; background-color: #ccc;}

.about-history-swiper{position: relative;}
.about-history-swiper .swiper-slide{padding-left: 15px;}


.about-history-swiper .swiper-button-next,
.about-history-swiper .swiper-button-prev{ width: 80px; height: 80px; margin-top: 10px; background: none;}
.about-history-swiper .swiper-button-next{right: -150px;}
.about-history-swiper .swiper-button-prev{left: -150px;}

.about-history-pic,
.about-history-content{ position: relative; padding-left: 35px; border-left: 1px solid var(--default);}
.about-history-pic{padding-bottom: 120px; margin-top: 120px; }
.about-history-pic::before{position: absolute; top: 0; left: 0; content: ''; width: 60px; height: 1px; background-color: var(--default);}
.about-history-pic img{position: absolute; top: -70px; left: 35px;}
.about-history-content{padding-top: 50px;}
.about-history-content h3{font-size: 36px; font-weight: bold;}
.about-history-content p{ margin-top: 10px; line-height: 24px; font-size: 16px; color: #666; padding-left: 15px; position:relative}
.about-history-content p::before{ content: ''; position: absolute;  top: 7px; left: 0;  z-index: 1; width: 7px;  height: 7px; border-radius: 50%; background-color: #ccc;}
.about-history-point{display: inline-block; padding: 5px; border: 1px solid #ccc; border-radius: 50%; font-size: 0; transform: translateX(-10px);}
.about-history-point span{ display: inline-block; width: 9px; height: 9px; background-color: #ccc; border-radius: 50%;}


.about-history-swiper .swiper-slide:hover .about-history-point{border-color: var(--default);}
.about-history-swiper .swiper-slide:hover .about-history-point span{ background-color: var(--default);}

@media (max-width:1500px) {
    .about-history-swiper .swiper-button-next{right: -80px;}
    .about-history-swiper .swiper-button-prev{left: -80px;}
}

@media (max-width:1400px) {
    .about-history-swiper .swiper-button-next,
    .about-history-swiper .swiper-button-prev{ display: none;}
}

@media (max-width:1200px) {
    .about-history-bg::before{ top: 396px}
}

@media (max-width:768px) {
    .about-history-bg::before{ top: 282px}
    .about-history-pic,
    .about-history-content{ position: relative; padding-left: 15px;}
    .about-history-pic{padding-bottom: 80px; margin-top: 100px; }
    .about-history-pic img{left: 15px;}
    .about-history-content{padding-top: 20px;}
    .about-history-content h3{font-size: 24px; }
    .about-history-content p{ margin-top: 10px; line-height: 24px; font-size: 14px; }
}

@media (max-width:640px) {
    
    .about-history-swiper{padding: 0 40px;}
    
    .about-history-swiper .swiper-button-next,
    .about-history-swiper .swiper-button-prev{ display: block; margin-top: 3px; width: 30px; height: 30px; outline: none;}
    
    .about-history-swiper .swiper-button-next{right: 0;}
    .about-history-swiper .swiper-button-prev{left: 0;}
    
    .about-history-swiper .swiper-button-next img,
    .about-history-swiper .swiper-button-prev img{width: 100%;}
    
    
    .about-history-bg::before{ top: 212px}
    .about-history-pic{padding-bottom: 60px; margin-top: 60px; }
    .about-history-pic img{left: 15px; top: -40px; max-width: 80px;}
    .about-history-content h3{font-size: 18px;}
    .about-history-content p{line-height: 18px; height: 36px; font-size: 12px;}
}

/*  */
.about-team{margin-top: 50px;}
.about-team ul li{margin-bottom: 20px; padding: 15px; display: flex; justify-content: space-between; background-color: #F3F6F9;}
.about-team ul li.core-team {display: none;}
.about-team ul li.core-team:nth-of-type(-n+5) {display: flex;}
.about-team-info{padding-left: 35px; padding-top: 35px; flex: 1;}
.about-team-info a i{display: inline-block; color: var(--default); }
.about-team-title h3{font-size: 24px;  }
.about-team-title h3 span{ font-size: 14px; color: #666;}
.about-team-content{ margin: 15px 0 25px; font-size: 16px; line-height: 28px; height: 56px; color: #666; overflow: hidden;}
.about-team-content p{margin-top: 25px;}
.about-team-content p:first-child{margin-top: 0;}
.about-team-content-s p {margin-top: 0;}
.about-team-advisory-bg{background-color: #F3F6F9;}
.about-team-advisory ul li{ background-color: #fff;}
.about-team-advisory ul li .about-team-pic img{ width:180px; height:180px}
.about-team-advisory .about-team-content{height: auto;}

@media (max-width:768px) {
    .about-team-pic{max-width: 120px;}
    .about-team-pic img{max-width: 100%;}
    .about-team-info{padding-left: 15px; padding-top: 15px;}
    .about-team-title h3{font-size: 18px; }
    .about-team-title h3 span{ font-size: 12px;}
    .about-team-content{ margin: 15px 0 ; font-size: 14px; line-height: 24px; height: 48px;}
    .about-team-content p{margin-top: 25px;}
}

@media (max-width:480px) {
    .about-team-pic{max-width: 60px;}
    .about-team-pic img{max-width: 100%;}
    .about-team-info{ padding-top: 5px;}
    .about-team-title h3{font-size: 16px; }
    .about-team-title h3 span{ margin-top: 5px; display: block;}
    .about-team-content{ margin: 5px 0 15px; font-size: 14px; line-height: 20px; height: 40px;}
}

/*  */
.banner {background-color: #f3f6f9;}
.banner img {width: 100%;}
.about-honor-bg{background-image: url(../images/about/honor-bg.png);}
.about-honor-swiper{position: relative; margin-top: 50px;}
.about-honor-swiper .swiper-container {}
.about-honor-swiper .swiper-slide {text-align: center;}
.about-honor-swiper .swiper-slide h3{margin-top: 15px;}
.about-honor-pic{overflow: hidden;}
.about-honor-pic img{width: 100%;max-width: 220px;}
.about-honor-swiper .swiper-slide {
    width: auto;
    height: 300px;
    display: flex;
    align-items: center;
}
.about-honor-swiper .swiper-button-next,
.about-honor-swiper .swiper-button-prev{ width: 80px; height: 80px; margin-top: -40px; border-radius: 50%; background: none;}
.about-honor-swiper .swiper-button-next{right: -150px;}
.about-honor-swiper .swiper-button-prev{left: -150px; box-shadow: 0 0 15px rgba(0,0,0,.1);}
@media (max-width:1500px) {
    .about-honor-swiper .swiper-button-next{right: -80px;}
    .about-honor-swiper .swiper-button-prev{left: -80px;}
}

@media (max-width:1400px) {
    .about-honor-swiper .swiper-button-next,
    .about-honor-swiper .swiper-button-prev{ display: none;}
}

/* partner */
.page-title{ padding-bottom: 50px; text-align: center;}
.page-title h3 {position: relative; font-size: 36px;}
.page-title p { margin-top: 20px; line-height: 20px; font-size: 16px; color: #666; text-transform: uppercase;}
.page-title-left{text-align: left;}
@media (max-width:1200px) {
    .page-title h3 {font-size: 28px;}
}

@media (max-width:768px) {
    .page-title h3 { font-size: 24px;}
}

@media (max-width:640px) {
    .page-title{ padding-bottom: 20px;}
    .page-title p { font-size: 14px;}
}

.partner ul{margin-left: -15px;}
.partner ul li{float: left; width: 16.66%;padding-left: 15px; margin-top: 15px;}
.partner ul li a{display: block; height: 100px; background-color: #fff; padding:10px 15px; text-align: center; display: flex; align-items: center; justify-content: center; overflow: hidden; border: 1px solid #eee;}
.partner ul li img{max-width: 100%; max-height: 100%; }
.partner ul li a:hover img{transform: translateY(-5px);}
@media (max-width:960px) {
	.partner ul li{width: 25%;}
}
@media (max-width:768px) {
    .partner{margin-top: 0;}
	.partner ul li{width: 33.33%;}
}

@media (max-width:640px) {
	.partner ul li{width: 50%;}
}

/* touzi */
.touzi-bg{background-color: #F3F6F9;}
.touzi ul li{width: 100%; margin: 10px 0;}
.touzi ul li .touzi-item{display: flex; align-items: center; padding: 30px; background-color: #fff;}
.touzi .touzi-date{ width: 140px; padding-right: 30px; color: #999; text-align: center; color: var(--default);}
.touzi .touzi-date h3{ margin-bottom: 10px; font-size: 48px; font-weight: bold;}
.touzi .touzi-date p{ font-size: 14px;}
.touzi .touzi-content{}
.touzi .touzi-content h3{line-height: 35px; font-size: 18px; overflow: hidden;}
.touzi .touzi-content p{display: none; margin-top: 5px; line-height: 24px; height: auto; color: #666; }
.touzi ul li:hover{box-shadow: 0 0 15px rgba(0,0,0,.1);}
.touzi ul li .touzi-content h3 a:hover{color: var(--default);}

@media (max-width:1200px) {
}

@media (max-width:960px) {
    .touzi{ margin-top: 2%; width: 100%;}
}

@media (max-width:768px) {
    .touzi{ margin-top: 15px; width: 100%;}
}

@media (max-width:480px) {
    .touzi{ margin-top: 0; }
    .touzi ul li .touzi-item{ align-items: flex-start; padding: 15px;}
    .touzi .touzi-content h3{line-height: 24px; font-size: 16px;}
    .touzi .touzi-content p{ line-height: 20px; height: auto;}
    .touzi .touzi-date{ width: 100px; padding-right: 15px;}
    .touzi .touzi-date h3{ margin-bottom: 10px; font-size: 32px;}
}

/* news */
.news-cover{ margin-bottom: 20px; display: flex; flex-wrap: wrap; background-color: #fff;}
.news-cover-pic{ width: 50%; overflow: hidden;}
.news-cover-pic img{width: 100%;}
.news-cover-info{ width: 50%; padding: 45px 50px;}
.news-cover-info .news-content h3{ margin: 14px 0; font-size: 20px;}
.news-cover-info .news-content p{ margin-bottom: 40px; line-height: 24px; height: auto; overflow: hidden; color: #777;}
.news-cover:hover{box-shadow: 0 0 15px rgba(0,0,0,.1);}
.news-cover .news-content h3 a:hover{color: var(--default);}
.news-cover .news-content a:hover{color: var(--default);}
.news-cover .news-content a:hover i{transform: translateX(5px);}
.news ul{margin-left: -20px;}
.news ul li{width: 33.33%; margin-bottom: 20px; padding-left: 20px;}
.news-item{display: block; padding: 30px 20px; background-color: #fff;}
.news-date h3{ font-weight: bold; color: var(--default);}
.news-content h3{ margin: 14px 0; line-height: 24px; height: 24px; font-size: 18px; overflow: hidden;}
.news-content p{ margin-bottom: 40px; line-height: 24px; height: 48px; overflow: hidden; color: #777;}
.news-content a{line-height: 20px;}
.news-content a i{ display: inline-block; font-size: 20px; color: var(--default); vertical-align: middle;}
.news-item:hover{box-shadow: 0 0 15px rgba(0,0,0,.1);}
.news-item .news-content h3 a:hover,
.news-item .news-content a:hover{color: var(--default);}
.news-item .news-content a:hover i{transform: translateX(5px);}
@media (max-width:1200px) {
    .news-cover-info{ padding: 25px;}
    .news-cover-info .news-content p{ margin-bottom: 20px;}
}

@media (max-width:960px) {
    .news-cover-info .news-content p{ line-height: 24px; height: 48px; }
}

@media (max-width:860px) {
    .news ul li{width: 50%; margin-bottom: 20px; padding-left: 20px;}
}

@media (max-width:768px) {
    .news-cover-pic,
    .news-cover-info{ width: 100%;}
    .news-cover-info{padding: 25px;}
    .news-cover-info .news-content p,
    .news-content p{ height: auto; }
    .news ul li{width: 100%;}
}


/* join */
.join-cover{padding-bottom: 50px;}
.join-cover ul li{padding: 40px 0; justify-content: space-between; align-items: center;}
.join-cover ul li:nth-child(2n){flex-direction: row-reverse;}
.join-cover-pic{width: 55%;}
.join-cover-content{width: 35%;}
.join-cover-pic {text-align: center;}
.join-cover-pic img{max-width: 100%;}
.join-cover-content h3{ font-size: 24px;}
.join-cover-content p{margin: 40px 0 50px; color: #777; font-size: 14px; line-height: 22px;}
.join-cover-content span{display: inline-block; width: 60px;  height: 4px; background-color: var(--default); }
@media (max-width:640px) {
	.join-cover ul li{padding: 30px 0;}
	.join-cover-pic,
	.join-cover-content{width: 100%; padding: 0; }
	.join-cover-pic{margin-top: 25px;}
	.join-cover-content p{font-size: 14px;margin: 20px 0;}
}


/* join */

.join-job-bg{background-color: #F3F6F9;}
.join-list ul li{margin-top: 15px;}
.join-item{padding: 20px 30px;text-align: center;  font-size: 0;}
.join-item span{display: inline-block; font-size: 14px;}
.join-item span:nth-child(1){width: 30%; text-align: left;}
.join-item span:nth-child(2){width: 25%;}
.join-item span:nth-child(3){width: 25%;}
.join-item span:nth-child(4){width: 20%; text-align: right;}
.join-item a{display:inline-block;width: 30px; height: 30px; line-height: 30px; text-align: center; border-radius:50%;  background:var(--default);  color: #fff; font-size: 24px;margin-right: 12px;}
.join-head {padding:15px 30px; background-color: var(--default);color: #fff;}
.join-name {background-color: #FAFAFA;cursor: pointer;}

.join-content {padding: 0 30px 25px;color: #777; display: none;transition: none; background-color: #FAFAFA;}
.join-content>div{padding-top: 15px; border-top: 1px solid #ccc;}
.join-content h3{margin: 25px 0 15px; color: var(--default);}
.join-content p{line-height: 24px; color: #777;}
.join-content a{display: block; margin-top: 25px;font-size: 16px;color: #777;}
.join-content a span{color: var(--default);}

.join-content dl{display: flex; flex-wrap: wrap;}
.join-content dl dd{ margin: 0; width: 50%;line-height: 24px;}

.current .join-job {}
@media (max-width:768px) {
	.join-item span:nth-child(1),
	.join-item span:nth-child(2),
	.join-item span:nth-child(4){width: 33.33%;}
	.join-item span:nth-child(3){display: none;}
	.join-content {padding: 0 15px 25px;display: none;transition: none;}
}
@media (max-width:640px) {
	.join-list ul li{margin-top: 5px;}
	.join-title,
	.join-item {padding:15px;}
	.join-item span:nth-child(1){width: 65%;}
	.join-item span:nth-child(2){display: none;}
	
}

/* show */
.show-article-title{padding: 40px 0; text-align: center; border-bottom: 1px solid #eee;}
.show-article-title>h1{font-size: 26px; line-height: 1.5;}
.show-article-title>p{margin-top: 15px; color: #777;}
.show-article-title>p>span{margin: 0 10px; color: #777;}
.setfont a{display: inline-block; margin: 0 5px;}
.show-tags{margin: 20px 0; color: #777;}
.show-tags a{display: inline-block; margin: 0 5px; padding: 0 10px; line-height: 30px; border: 1px solid #eee; color: #777;}
.show-tags a:hover{border-color: var(--default); background-color: var(--default); color: #fff;}

.article-content{padding: 60px 15px; max-width: 1200px; margin: 0 auto; line-height: 24px;}
.article-content p{margin-bottom: 15px;}

.article-click{ transform: translateY(-30px);text-align: center;}
.article-click a{display: inline-block; width: 100px; padding: 5px 30px; background-color: var(--default); color: #fff; border-radius: 60px;}
.article-click a i{font-size: 24px;}
.article-click a p{margin-top: 8px; font-size: 16px;}
@media (max-width:1200px) {
    .show-article{ transform: translateY(0);}
    .show-article-title{padding: 30px 0;}
}
@media (max-width:768px) {
    .show-article-title h1{font-size: 22px;}
    
    .show-article-title>p{display: flex; flex-wrap: wrap; justify-content: center;}
    
}


@media (max-width:640px) {
    .show-article-title h1{font-size: 18px;}
    .show-article-title>p>span{margin-top: 10px;}
    
    .article-share{ display: block;}
    
    .article-content{padding:15px 15px 30px; max-width: 1200px; margin: 0 auto; line-height: 24px;}
}
.research-list .research-item{
    font-size: 18px;
    line-height: 40px;
    padding-left: 40px;
    position: relative;
}
.research-list .research-item::after{
    content: '';
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #333;
    position: absolute;
    top: 50%;
    left: 15px;
    transform: translate(-50%,-50%);
}
/* research */
.research-table{ margin-bottom: 40px; overflow-x: auto;}
.research-table table{width: 1170px;}

.research-head{background-color: #333; color: #fff;}
.research-head th{ line-height: 50px; font-size: 16px; text-align: center; font-weight: normal;}
.research-head th:nth-child(1){width: 200px;}
.research-head th:nth-child(2){width: 450px;}
.research-head th:nth-child(2).sh{width: 340px;}
.research-head th:nth-child(3).sh{width: 110px;}
.research-head th:nth-child(3){width: 160px; border-left: 1px solid #ccc;}
.research-head th:nth-child(4){width: 160px; border-left: 1px solid #ccc;}

.research-type ul{display: flex;}
.research-type li{flex: 1; border-left: 1px solid #eee;}
.research-type li span{position: relative; display: block; color: #fff;}

.research-tr{ width: 100%; border-bottom: 1px solid #eee;}
.research-tr-bg{ background-color: #F3F6F9;}
.research-tr td{ position: relative; border-left: 1px solid #eee;}
.research-tr td:nth-child(1){box-shadow: 1px 0 1px #eee inset;}
.research-tr td:nth-child(2){border-left: none;}
.research-tr td:last-child{box-shadow: -1px 0 1px #eee inset;}

.research-name{ padding: 15px; line-height: 26px; text-align: center;}
.research-name h3,
.research-name p{ font-size: 16px;}
.research-name h3{font-weight: bold;}

.research-line{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; }
.research-line span{ display: block; width: 25%; height: 100%; border-left: 1px solid #eee;}
.research-line span.two{width: 50%;}
.research-line span.three{width: 33.3333%;}


.research-phase{margin-top: 15px;}
.research-phase li{ position: relative; margin-bottom: 15px; width: 25%; display: flex; align-items: center; height: 30px;}
.research-phase li span{position: relative; display: block; padding-left: 10px; width: 100%; height: 30px; line-height: 30px; color: #fff; background-color: var(--default);}
.research-phase li span::before{position: absolute; top: 0; right: -18px; content: ''; z-index: 1; border-top: 15px solid transparent; border-bottom: 15px solid transparent;
 border-left: 18px solid var(--default);}
.research-phase li i{ position: absolute; top: 0; left: 100%; line-height: 30px; white-space: nowrap; margin-left: 25px; font-style: normal; color: var(--default);}
.research-phase:last-child{margin-bottom: 0;}

.research-where{margin-top: 15px; padding-left: 15px;}
.research-where li{ margin-bottom: 15px; height: 30px; line-height: 20px;}
.research-where:last-child{margin-bottom: 0;}
.research-where li.red{
    display: flex;
    align-items: flex-start;
    color: #d81e06;
    font-weight: bold;
}
.research-where li.red img{
    width: 15px;
    margin-right: 5px;
    margin-top: 3px;
}
@media (max-width:768px) {
    .research-list .research-item{
        font-size: 14px;
        line-height: 30px;
        padding-left: 20px;
        position: relative;
    }
    .research-list .research-item::after{
        content: '';
        width: 4px;
        height: 4px;
        border-radius: 50%;
        background: #333;
        position: absolute;
        top: 13px;
        left: 5px;
        transform: translate(0,0);
    }
    .research-table table{width: 100%;}
    .research-head th:nth-child(1){width: 100px;}
    .research-head th:nth-child(2){width: 350px;}
    .research-head th:nth-child(3){width: 100px;}
    
    .research-head th{ line-height: 30px; font-size: .5rem;}
    .research-name{ padding: 10px; line-height: 12px; }
    .research-name h3,
    .research-name p{ font-size: .5rem;}
    
    
    .research-phase{margin-top: 5px;}
    .research-phase li{ margin-bottom: 5px; width: 25%; height: 20px;}
    .research-phase li span{ padding-left: 10px; width: 100%; height: 20px; line-height: 20px; font-size: .5rem;}
    .research-phase li span::before{ right: -12px; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 12px solid var(--default);}
    .research-phase li i{ position: absolute; top: 0; left: 100%; line-height: 20px; white-space: nowrap; margin-left: 15px;font-size: .5rem;}
    .research-phase:last-child{margin-bottom: 0;}
    
    .research-where{margin-top: 5px; padding:0 5px;}
    .research-where li{ margin-bottom: 5px; height: 20px; display: flex; align-items: center; line-height: 12px;font-size: .5rem;}
    .research-where li.red img{
        width: 10px;
        margin-right: 3px;
        margin-top: 0;
    }
    
}


.coree-team {margin-top: 50px;}
.coree-team ul li {display: flex;justify-content: space-between;align-items: center; margin-bottom: 25px;}
.coree-team ul li .core-img img {width: 140px;}
.coree-team ul li .core-t {text-align: center;height: auto;padding: 20px 60px;border-left: 1px dashed #999;border-right: 1px dashed #999;}
.coree-team ul li .core-t h3 {font-size: 18px;margin-bottom: 10px;}
.coree-team ul li .core-t p {font-size: 16px;}
.coree-team ul li .core-gally {width: 62%;}
.coree-team ul li .core-gally img {margin: 0 5px;max-width: 100%;height: auto;}


@media (max-width: 1220px) {
    .coree-team ul li .core-gally {width: 65%;display: flex;align-items: center;flex-wrap: wrap;padding: 0 10px;}
    .coree-team ul li .core-t {padding: 20px 45px;}
    .coree-team ul li .core-gally img {margin-bottom: 10px;}
}

@media (max-width: 1040px) {
    .coree-team ul li {flex-wrap: wrap;}
    .coree-team ul li .core-gally {width: 100%;}
}

@media (max-width: 768px) {
    .coree-team ul li .core-gally {justify-content: center;}
    .coree-team ul li .core-img {margin-bottom: 20px;}
    .coree-team ul li .core-t {width: 55%;}
}




/*  */

.research-core-bg{background-color: #F3F6F9;}

.research-core{}

.research-core-item{margin: 15px 0; padding: 40px 30px; background-color: #fff;}

.research-core-use{}
.research-core-points{flex: 1; justify-content: space-between;}

.research-core-head{align-items: center;}
.research-core-box h3{line-height: 50px; text-align: center; font-size: 22px; border-radius: 4px; background-color: var(--default); color: #fff;margin-bottom: 20px;}
.research-core-head .research-core-points{ padding-left: 25px;}
.research-core-head .research-core-points h3{font-size: 22px; line-height: 20px;}
.research-core-head .research-core-points span{display: flex; align-items: center; cursor: pointer;}
.research-core-head .research-core-points span i{ display: inline-block; margin-right: 5px; font-size: 20px; color: var(--default);}
.research-core-head .research-core-points span em{font-style: normal;}

/* .research-core-box{height: 90px; overflow: hidden; transition: none;} */
.research-core-box .research-core-foot:last-child .research-core-points{border-bottom: none;}

.research-core-foot{padding-top: 30px;}

.research-core-foot .research-core-use h3{color: var(--default); line-height: 30px;}
.research-core-foot .research-core-use img {max-width: 100%;width: 300px;}
.research-core-foot .research-core-points{ margin-left: 25px; padding-bottom: 30px; border-bottom: 1px solid #ccc;}
.research-core-foot .research-core-points p{position: relative; padding-left: 15px; line-height: 30px;}
.research-core-foot .research-core-points p::before{position: absolute; top: 12px; left: 0; content: ''; z-index: 1; width: 5px; height: 5px; border-radius: 50%; background-color: #ccc; }
.research-core-foot .research-core-points p b {color: #0a4f90;}
.current{height: auto;}
.currentX{ transform: rotate(90deg);}

@media (max-width:768px) {
    .research-core-foot .research-core-points {margin-left: 0;}
    .research-core-item{margin: 15px 0; padding: 20px; background-color: #fff;}
    .research-core-use{width: 100%;text-align: center;}
    .research-core-foot .research-core-use img {width: auto;}
    .research-core-head .research-core-use h3{line-height: 40px; font-size: 18px;}
    .research-core-head .research-core-points h3{font-size: 18px;}
}

@media (max-width:640px) {
    .research-core-head .research-core-use h3{line-height: 40px; font-size: 16px;}
    .research-core-head .research-core-points h3{font-size: 16px;}
}

@media (max-width:480px) {
   .research-core-item{ padding: 10px;}
   
   .research-core-head .research-core-points{ padding-left: 15px;}
   
   .research-core-head .research-core-use h3{line-height: 40px; font-size: 14px;}
   .research-core-head .research-core-points h3{font-size: 14px;} 
   
   
   .research-core-foot .research-core-use h3{ font-size: .7rem; line-height: 20px;}
   
   .research-core-foot .research-core-points{ margin-left: 15px; padding-bottom: 10px;}
   .research-core-foot .research-core-points p{ margin-bottom: 10px; line-height: 20px;}
    .research-core-foot .research-core-points p::before{ top: 7px; left: 0;}
}



/*  */
.research-news ul{margin-left: -30px;}
.research-news ul li{width: 33.33%; padding-left: 30px; margin: 15px 0;}

.research-news-item{position: relative;}

.research-news-pic{ display: block; overflow: hidden;}
.research-news-pic img {width: 100%;height: 260px;object-fit: cover;}

.research-news-title{ position: absolute; bottom: 0; left: 0; width: 100%; padding: 20px; background-color: rgba(0,0,0,.7);}
.research-news-title h3 a{ color: #fff; }

.research-news ul li .research-news-item:hover{ box-shadow: 0 13px 10px rgba(10, 79, 144,.4);}
.research-news ul li .research-news-item:hover .research-news-pic img{transform: scale(1.2);}
.research-news ul li .research-news-item:hover .research-news-title{background-color: var(--default);}
.research-news ul li .research-news-item:hover .research-news-title>a,
.research-news ul li .research-news-item:hover .research-news-title h3 a{color: #fff;}

@media (max-width:960px) {
    .research-news ul{margin-left: -20px;}
    .research-news ul li{width: 50%; padding-left: 20px; margin: 10px 0;}
}

@media (max-width:768px) {
    .research-news ul{margin-left: -15px;}
    .research-news ul li{ padding-left: 15px; margin: 7px 0;}
    .research-news-title h3{font-size: 14px;}
}

@media (max-width:480px) {
    .research-news-title{ padding: 10px;}
    .research-news-title h3{ font-size: .6rem;}
}


#colorbox,
#cboxOverlay,
#cboxWrapper {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9999;
	overflow: hidden;
	-webkit-transform: translate3d(0, 0, 0);
}

#cboxWrapper {
	max-width: none;
}

#cboxOverlay {
	position: fixed;
	width: 100%;
	height: 100%;
}

#cboxMiddleLeft,
#cboxBottomLeft {
	clear: left;
}

#cboxContent {
	position: relative;
}

#cboxLoadedContent {
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}

#cboxTitle {
	margin: 0;
}

#cboxLoadingOverlay,
#cboxLoadingGraphic {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#cboxPrevious,
#cboxNext,
#cboxClose,
#cboxSlideshow {
	cursor: pointer;
}

.cboxPhoto {
	float: left;
	margin: auto;
	border: 0;
	display: block;
	max-width: none;
	-ms-interpolation-mode: bicubic;
}

.cboxIframe {
	width: 100%;
	height: 100%;
	display: block;
	border: 0;
	padding: 0;
	margin: 0;
}

#colorbox,
#cboxContent,
#cboxLoadedContent {
	box-sizing: content-box;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
}

#cboxOverlay {
	background: #000;
	opacity: 0.9;
	filter: alpha(opacity=90);
}

#colorbox {
	outline: 0;
}

#cboxContent {
	margin-top: 20px;
	background: #000;
}

.cboxIframe {
	background: #fff;
}

#cboxError {
	padding: 50px;
	border: 1px solid #ccc;
}

#cboxLoadedContent {
	border: 5px solid #000;
	background: #fff;
}

#cboxTitle {
	position: absolute;
	top: -20px;
	left: 0;
	color: #ccc;
}

#cboxCurrent {
	position: absolute;
	top: -20px;
	right: 0;
	color: #ccc;
}

#cboxLoadingGraphic {
	background: url(../images/loading.gif) no-repeat center center;
}

#cboxPrevious,
#cboxNext,
#cboxSlideshow,
#cboxClose {
	border: 0;
	padding: 0;
	margin: 0;
	overflow: visible;
	width: auto;
	background: 0 0;
}

#cboxPrevious:active,
#cboxNext:active,
#cboxSlideshow:active,
#cboxClose:active {
	outline: 0;
}

#cboxSlideshow {
	position: absolute;
	top: -20px;
	right: 90px;
	color: #fff;
}

#cboxPrevious {
	position: absolute;
	top: 50%;
	left: 5px;
	margin-top: -32px;
	background: url(../images/controls.png) no-repeat top left;
	width: 28px;
	height: 65px;
	text-indent: -9999px;
}

#cboxPrevious:hover {
	background-position: bottom left;
}

#cboxNext {
	position: absolute;
	top: 50%;
	right: 5px;
	margin-top: -32px;
	background: url(../images/controls.png) no-repeat top right;
	width: 28px;
	height: 65px;
	text-indent: -9999px;
}

#cboxNext:hover {
	background-position: bottom right;
}

#cboxClose {
	position: absolute;
	top: 5px;
	right: 5px;
	display: block;
	background: url(../images/controls.png) no-repeat top center;
	width: 38px;
	height: 19px;
	text-indent: -9999px;
}

#cboxClose:hover {
	background-position: bottom center;
}
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after{
    display: none;
}
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{
    display: none;
}