@charset "utf-8";
header{position: sticky;top: 0;background-color: #fff;box-shadow: 0 2px 10px rgba(0,0,0,.1);}
header .logo img{filter: none;}
header .nav-box .nav-1st > li > a{color: #000;}
header .search-btn{filter: none;}
/******内页******/
.inpage-container{min-height: 500px;box-sizing: border-box;padding: 80px 0;background-color: #f6f6f6;overflow: hidden;}
/*面包屑*/
.bread{display: flex;align-items: center;line-height: 20px;white-space: nowrap;}
.bread .icon{width: 1em;height: 1em;margin-right: .5em;}
.bread a{margin: 0 .3em;color: #fff;transition: .3s;}
.bread a:nth-of-type(1){margin-left: 0;}
.bread a.on,.bread a:hover{font-weight: bold;}
/*分页*/
.page{display: flex;justify-content: center;align-items: center;flex-wrap: wrap;padding-top: 40px;}
.page > *{height: 40px;display: inline-block;box-sizing: border-box;padding: 0 1.2em;margin: 0 .3em;background-color: #fff;border: 1px solid #e6e6e6;font-size: 14px;line-height: 40px;color: #333;transition: .3s;}
.page input{width: 30px;text-align: center;}
.page .no-border{padding: 0 .5em;border-color: transparent;}
.page > a.on,.page > a:hover{background-color: #0068C7;border-color: #0068C7;color: #fff;}

/*内页banner*/
.inpage-banner{position: relative;overflow: hidden;}
.inpage-banner .bg{padding-top: 27.6%;background-position: center;background-size: cover;background-repeat: no-repeat;}
.inpage-banner > .w1600{position: absolute;left: 0;right: 0;top: 0;}
.inpage-banner .title{position: absolute;left: 0;top: 50%;transform: translateY(-80%);line-height: 1.2;text-transform: uppercase;font-weight: normal;color: #fff;}
.inpage-banner .title .cn{position: relative;font-size: 32px;font-weight: bold;}
.inpage-banner .title .cn::after{display: none;content: '';position: absolute;left: 0;bottom: 0;width: 2em;height: 7px;background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjEiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDYxIDciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNNjAuMTQgMEM0MS44ODguNjQ4IDI5LjY5IDEuNTcgMjMuNTQxIDIuNzY1UzEzLjU0NyA1LjM3MiAxMiA3aDQ4LjE0VjB6IiBmaWxsPSIjRkQwMTAwIi8+PHBhdGggZD0iTTAgMGMxNi4zNS42NDggMjcuNTU2IDEuNTcgMzMuNjE5IDIuNzY1QzM5LjY4IDMuOTYgNDMuNDc0IDUuMzcyIDQ1IDdIMFYweiIgZmlsbD0iI0ZFRkYxQiIvPjxwYXRoIGQ9Ik0wIDBjMTAuMTU4LjY0OCAxOC4zMSAxLjU3IDI0LjQ1OCAyLjc2NVMzNC40NTMgNS4zNzIgMzYgN0gwVjB6IiBmaWxsPSIjMDA2OEM3Ii8+PC9nPjwvc3ZnPg==');background-size: 100% auto;}
.inpage-banner .title .bread{margin-top: 1.5em;}
.inpage-banner .inpage-top-wrap{position: absolute;left: 0;right: 0;bottom: 0;}
/*内页头部栏*/
.inpage-top-wrap{background-color: rgba(0,0,0,.1);backdrop-filter: blur(10px);}
.inpage-top-wrap .w1600{display: flex;justify-content: space-between;align-items: center;min-height: 80px;}
.inpage-top-wrap .top-nav-swiper{position: relative;overflow: hidden;flex: 100%;margin-right: 60px;}
.inpage-top-wrap .top-nav-swiper .swiper-slide{width: auto;}
.inpage-top-wrap .top-nav-swiper .swiper-slide a{position: relative;display: block;padding: 0 1em;margin-right: 20px;line-height: 80px;color: #fff;transition: .3s;}
.inpage-top-wrap .top-nav-swiper .swiper-slide a.on{background-color: rgba(255,255,255,.8);border-radius: 10px 10px 0 0;color: #0068C7;}
.inpage-top-wrap .top-nav-swiper .swiper-scrollbar{bottom: 1px;height: 3px;}
.inpage-top-wrap .top-nav-swiper .swiper-scrollbar-drag{background-color: #0068C7;opacity: .2;}
/*标题*/
.index-title{margin-bottom: 60px;text-align: center;line-height: 1.2;}
.index-title .name{display: inline-block;vertical-align: top;font-size: 30px;font-weight: bold;}
/*更多按钮*/
.more-btn{display: inline-block;vertical-align: top;line-height: 1;}
.more-btn .arrow{display: inline-block;vertical-align: middle;width: 26px;height: 12px;margin: -.25em 0 0 1em;background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjYiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAyNiAxMyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMjIuNjY3IDUuODY3SDBWNy4yaDIyLjkzM0wxOC40IDExLjczM2wuOTMzLjkzNCA2LTYtNi02LS45MzMuOTMzeiIgZmlsbD0iIzAwNjhDNyIgZmlsbC1ydWxlPSJub256ZXJvIi8+PC9zdmc+');background-size: 100% 100%;filter: brightness(0) invert(1);}

/*新闻详情*/
.news-details-box{min-height: 500px;}
.news-details-box .title{margin-bottom: 1.25em;font-size: 24px;line-height: 1.2;font-weight: bold;}
.news-details-box .func-wrap{display: flex;justify-content: space-between;align-items: center;padding: 15px 0;border-top: 1px solid #eee;border-bottom: 1px solid #eee;}
.news-details-box .record{line-height: 20px;color: #666;}
.news-details-box .record span{display: inline-block;vertical-align: top;margin-left: 35px;}
.news-details-box .record span:first-child{margin-left: 0;}
.news-details-box .record span .icon{display: inline-block;vertical-align: middle;width: 16px;height: 16px;margin: -.25em .4em 0 0;opacity: .6;}
.news-details-box .share-wrap .item .icon{filter: none;}
.news-details-box .share-wrap .weixin-btn{border-color: #00C800;}
.news-details-box .share-wrap .weibo-btn{border-color: #F5AA16;}
.news-details-box .share-wrap .qq-btn{border-color: #FF3D00;}
.news-details-box .content{padding: 20px 0;line-height: 2;}
.news-details-box .content p{margin-bottom: 10px;}
.news-details-box .content em{font-style: italic;}
.news-details-box .jump-wrap{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;padding-top: 30px;border-top: 1px solid #eee;}
.news-details-box .jump-wrap .btn{position: relative;line-height: 1.25;max-width: 30%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: .3s;}
.news-details-box .jump-wrap .btn::before{content: '';position: absolute;top: 50%;width: 0;height: 0;border: .5em solid transparent;transform: translateY(-50%);color: #ccc;transition: .3s;}
.news-details-box .jump-wrap .prev-btn{padding-left: 1.5em;}
.news-details-box .jump-wrap .prev-btn::before{left: 0;top: 50%;border-right-color: currentColor;}
.news-details-box .jump-wrap .next-btn{padding-right: 1.5em;}
.news-details-box .jump-wrap .next-btn::before{right: 0;top: 50%;border-left-color: currentColor;}
.news-details-box .jump-wrap .back-btn{text-align: center;}
.news-details-box .jump-wrap .back-btn::before{display: none;}
.news-details-box .jump-wrap .back-btn .icon{display: inline-block;vertical-align: middle;width: 1.25em;height: 1.25em;margin: -.2em .4em 0 0;}
.news-details-box .jump-wrap .btn:hover{color: #0068C7;}
.news-details-box .jump-wrap .btn:hover::before{color: #0068C7;}

/*服务平台列表*/
.service-platform-list{display: flex;flex-wrap: wrap;}
.service-platform-list li{width: 31.66%;margin: 0 0 2.5% 2.5%;}
.service-platform-list li:nth-child(3n+1){margin-left: 0;}
.service-platform-list li a{position: relative;display: block;border-radius: 10px;overflow: hidden;}
.service-platform-list li .pic{overflow: hidden;}
.service-platform-list li .pic em{display: block;padding-top: 61%;background-color: #0068C7;background-position: center;background-size: cover;background-repeat: no-repeat;transition: .5s;}
.service-platform-list li .info{position: absolute;left: 0;right: 0;top: 50%;transform: translateY(-50%);text-align: center;color: #fff;}
.service-platform-list li .info .icon{width: 50px;height: 50px;}
.service-platform-list li .info .tit{margin-top: 1.5em;font-weight: bold;}
.service-platform-list li .info .more-btn{margin-top: 3em;transition: .3s;}
.service-platform-list li a:hover .info .icon{transform: rotateY(360deg);transition: 1s;}
.service-platform-list li a:hover .info .more-btn{transform: translateX(.3em);}

/*实验图片列表*/
.experiment-pic-list{display: flex;flex-wrap: wrap;}
.experiment-pic-list li{width: 23.125%;margin: 0 0 2.5% 2.5%;transform-style: preserve-3d;perspective: 800px;}
.experiment-pic-list li:nth-child(4n+1){margin-left: 0;}
.experiment-pic-list li a{display: block;background-color: #fff;border-radius: 10px;overflow: hidden;transition: .5s;}
.experiment-pic-list li .pic{overflow: hidden;}
.experiment-pic-list li .pic em{display: block;padding-top: 75%;background-position: center;background-size: contain;background-repeat: no-repeat;transition: .5s;}
.experiment-pic-list li .tit{padding: 0 1.5em;line-height: 60px;font-weight: bold;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: .3s;}
.experiment-pic-list li a:hover{transform-origin: left;transform: rotateY(10deg);}
.experiment-pic-list li a:hover .tit{color: #0068C7;}

/*课题图片列表*/
.topic-pic-list{display: flex;justify-content: space-between;flex-wrap: wrap;}
.topic-pic-list li{width: 48.75%;margin-bottom: 2.5%;transform-style: preserve-3d;perspective: 800px;}
.topic-pic-list li a{position: relative;display: block;background-color: #fff;border-radius: 10px;overflow: hidden;transition: .5s;}
.topic-pic-list li .pic{overflow: hidden;}
.topic-pic-list li .pic em{display: block;padding-top: 60%;background-position: center;background-size: cover;background-repeat: no-repeat;transition: .5s;}
.topic-pic-list li .info{position: absolute;left: 0;right: 0;bottom: 0;display: flex;justify-content: space-between;align-items: center;height: 80px;padding: 0 2em;background-color: rgba(48,100,142,.5);color: #fff;}
.topic-pic-list li a:hover{transform-origin: left;transform: rotateY(6deg);}

/*新闻信息列表*/
.news-info-list{}
.news-info-list li{margin-bottom: 50px;}
.news-info-list li a{display: flex;align-items: center;padding-bottom: 40px;border-bottom: 1px solid #E7E7E7;}
.news-info-list li .pic{flex: 0 0 400px;margin-right: 50px;border-radius: 8px;overflow: hidden;}
.news-info-list li .pic em{display: block;padding-top: 65%;background-position: center;background-size: cover;background-repeat: no-repeat;transition: .5s;}
.news-info-list li .info{flex: 1;overflow: hidden;}
.news-info-list li .info .tit{margin-bottom: 30px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;transition: .3s;}
.news-info-list li .info .txt{line-height: 1.6;color: #666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.news-info-list li .info .record{display: flex;justify-content: space-between;align-items: center;margin-top: 50px;color: #B6B6B6;}
.news-info-list li .info .record .date{display: flex;align-items: center;}
.news-info-list li .info .record .date .icon{width: 1em;height: 1em;margin-right: .5em;filter: brightness(0) invert(.5);}
.news-info-list li .info .record .more-btn{margin-right: 2em;}
.news-info-list li .info .record .more-btn .arrow{filter: brightness(0) invert(.8);}
.news-info-list li a:hover .pic em{transform: scale(1.05);}
.news-info-list li a:hover .info .tit{color: #0068C7;transform: translateX(.3em);}

/*下载列表*/
.download-list{display: flex;flex-wrap: wrap;}
.download-list li{width: 31.66%;margin: 0 0 2.5% 2.5%;}
.download-list li:nth-child(3n+1){margin-left: 0;}
.download-list li a{display: flex;justify-content: space-between;align-items: center;z-index: 1;position: relative;height: 120px;padding: 0 2em;background-color: #fff;border-radius: 10px;overflow: hidden;transition: .3s;}
.download-list li a::before{content: '';z-index: -1;position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: #0068C7 url(../images/download_bg.jpg) center no-repeat;background-size: cover;opacity: 0;transition: .3s;}
.download-list li .name{flex: 1;}
.download-list li .btn{display: flex;align-items: center;margin-left: 2em;}
.download-list li .btn::after{content: '';width: 1.6em;height: 1.6em;margin-left: 1em;background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9Im5vbnplcm8iPjxwYXRoIGQ9Ik0xNiAxMS42Yy0uNDggMC0uOC4zMi0uOC44djEyLjk2bC00LjE2LTMuNzZjLS4zMi0uMzItLjgtLjI0LTEuMTIuMDgtLjMyLjMyLS4yNC44LjA4IDEuMTJsNS41MiA1LjA0Yy4xNi4xNi4zMi4yNC41Ni4yNC4wOCAwIC4yNCAwIC4zMi0uMDguMzItLjE2LjQ4LS40LjQ4LS43MlYxMi40Yy0uMDgtLjQtLjQtLjgtLjg4LS44em00Ljk2IDEwbC0zLjQ0IDMuMTJjLS4zMi4zMi0uMzIuOC0uMDggMS4xMi4xNi4xNi40LjI0LjU2LjI0LjE2IDAgLjQtLjA4LjU2LS4yNEwyMiAyMi43MmMuMzItLjMyLjMyLS44LjA4LTEuMTItLjI0LS4zMi0uOC0uMzItMS4xMiAweiIvPjxwYXRoIGQ9Ik0yNC4xNiAxMS41MmMtLjA4LTQuNC0zLjc2LTgtOC4xNi04cy04LjA4IDMuNi04LjE2IDhDMy40NCAxMS44NCAwIDE1LjUyIDAgMjBjMCA0LjY0IDMuNzYgOC40OCA4LjQ4IDguNDguNDggMCAuOC0uMzIuOC0uOCAwLS40OC0uMzItLjgtLjgtLjgtMy44NCAwLTYuODgtMy4xMi02Ljg4LTYuODhzMy4wNC02Ljg4IDYuODgtNi44OGguMDhjLjI0IDAgLjQ4LS4wOC42NC0uMjQuMTYtLjE2LjI0LS40LjI0LS42NHYtLjU2YzAtMy42IDIuOTYtNi41NiA2LjU2LTYuNTYgMy42IDAgNi41NiAyLjk2IDYuNTYgNi41NnYuNTZjMCAuMjQuMDguNDguMjQuNjQuMTYuMTYuNC4yNC42NC4yNGguMTZjMy43NiAwIDYuODggMy4xMiA2Ljg4IDYuODhzLTMuMTIgNi44OC02Ljg4IDYuODhjLS40OCAwLS44LjMyLS44LjggMCAuNDguMzIuOC44LjggNC42NCAwIDguNC0zLjg0IDguNC04LjQ4IDAtNC40OC0zLjQ0LTguMTYtNy44NC04LjQ4eiIvPjwvZz48L3N2Zz4=');background-size: 100% 100%;}
.download-list li a:hover{color: #fff;}
.download-list li a:hover::before{opacity: 1;}
.download-list li a:hover .btn::after{filter: brightness(0) invert(1);}


/*笔记本1920*1080显示放大比例为125%，实际分辨率为1920/1.25=1536*/
@media screen and (max-width: 1550px){
	
}

/*中屏PC，分辨率1366*/
@media screen and (max-width: 1440px){
	
}

/*小屏PC，分辨率1280*/
@media screen and (max-width: 1300px){
	
}

/*pad横屏，分辨率1024*/
@media screen and (max-width: 1024px){
	header .search-btn{filter: brightness(0);}
    /******内页******/
    .inpage-container{min-height: 300px;padding: 30px 0;}
    /*面包屑*/
    .bread .icon{top: 2px;width: 16px;height: 16px;}
    /*分页*/
    .page{padding-top: 30px;}
    .page > *{padding: 0 .8em;margin: 0 3px;height: 30px;font-size: 12px;line-height: 28px;}
    
    /*内页banner*/
    .inpage-banner{padding-top: 0;}
    .inpage-banner .bg{padding-top: 30%;}
    .inpage-banner .title{transform: translateY(-50%);}
    .inpage-banner .title .cn{font-size: 18px;}
    .inpage-banner .title .cn::after{height: 3px;}
    .inpage-banner .title .bread{margin-top: 1em;}
    /*内页头部栏*/
    .inpage-top-wrap{display: none;}
	/*标题*/
    .index-title{margin-bottom: 30px;}
    .index-title .name{font-size: 20px;}
    /*更多按钮*/
    .more-btn .arrow{width: 16px;height: 8px;margin: -.25em 0 0 .6em;}
    
    /*新闻详情*/
    .news-details-box .title{margin-bottom: 1em;font-size: 18px;text-align: center;}
    .news-details-box .func-wrap{padding: 10px 0;flex-wrap: wrap;}
    .news-details-box .func-wrap .share-wrap{display: none;}
    .news-details-box .record{width: 100%;font-size: 13px;text-align: center;}
    .news-details-box .record span{margin-left: 10px;}
    .news-details-box .content{padding: 15px 0;font-size: 15px;}
    .news-details-box .content p{margin-bottom: 10px;}
    .news-details-box .jump-wrap{padding-top: 10px;margin-top: 0;}
    .news-details-box .jump-wrap .btn{width: 100%;max-width: none;margin: .4em 0;font-size: 14px;}

    /*服务平台列表*/
    .service-platform-list li{width: 48%;margin: 0 0 4% 4%;}
    .service-platform-list li:nth-child(3n+1){margin-left: 4%;}
    .service-platform-list li:nth-child(2n+1){margin-left: 0;}
    .service-platform-list li a{border-radius: 4px;}
    .service-platform-list li .info .icon{width: 32px;height: 32px;}
    .service-platform-list li .info .tit{margin-top: .6em;}
    .service-platform-list li .info .more-btn{display: none;}

    /*实验图片列表*/
    .experiment-pic-list li{width: 48%;margin: 0 0 4% 4%;}
    .experiment-pic-list li:nth-child(4n+1){margin-left: 4%;}
    .experiment-pic-list li:nth-child(2n+1){margin-left: 0;}
    .experiment-pic-list li a{border-radius: 4px;}
    .experiment-pic-list li .tit{padding: 0 .5em;line-height: 40px;text-align: center;}

    /*课题图片列表*/
    .topic-pic-list li{width: 100%;margin-bottom: 30px;}
    .topic-pic-list li a{border-radius: 4px;}
    .topic-pic-list li .info{height: 50px;padding: 0 1em;}

    /*新闻信息列表*/
    .news-info-list li{margin-bottom: 20px;}
    .news-info-list li a{padding-bottom: 20px;}
    .news-info-list li .pic{flex: 0 0 140px;margin-right: 15px;border-radius: 4px;}
    .news-info-list li .info .tit{margin-bottom: 1em;}
    .news-info-list li .info .txt{display: none;}
    .news-info-list li .info .record{margin-top: 20px;}
    .news-info-list li .info .record .date .icon{margin-right: .2em;}
    .news-info-list li .info .record .more-btn{display: none;}

    /*下载列表*/
    .download-list li{width: 100%;margin: 0 0 15px;}
    .download-list li a{height: 50px;padding: 0 1em;border: 4px;}
    .download-list li .btn::after{width: 1.2em;height: 1.2em;margin-left: .6em;}
}

/*phone和pad竖屏，分辨率820*/
@media screen and (max-width: 820px){
    
}