/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input{ margin:0; padding:0;list-style:none;text-decoration:none;border:0; list-style:none;}
body{ font-size:12px;font-family:''; color:#8e8e8e;background: #fff;}
a{color:#666;}
a:hover{ color:#f60; text-decoration:none;cursor: pointer;}
p{line-height:1.8em; padding:5px 0;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ width:1200px; margin:0 auto;}
/*@media only screen and (max-width: 1200px) {
.wapper{ width:100%;}
}*/



.header{ position:relative;width: 100%;}
.header .Warp{padding: 0 40px;box-sizing: border-box;}
.headList{display: flex;justify-content: space-between;align-items: center;height: 78px;}
.headList .logo{display: block;}
.headList .logo img{max-height: 70px;width: auto;}


/*menu*/
.pc_menu{}
.menu{height:48px;line-height:48px;}
.menu ul li{ float:left; position:relative;}
.menu ul li dl{ background:#fff; width:100%; position:absolute; left:0px; top:48px; box-shadow:2px 2px 5px rgba(0,0,0,0.2);padding:10px 0;display:none;z-index: 9;}
.menu ul li dl dd{ line-height:30px;}
.menu ul li dl dd a{ font-size:14px; color:#000;display:block; padding:0;text-align:center;}
.menu ul li dl dd a:hover{ color:#f60;}
.menu a{ font-size:18px;color:#000;display:block;text-align:center;padding: 0 20px;font-weight: bold;}
.menu a:hover{color:#000;}
a.menu_hover{color:#000;}
.menu ul li span a{padding-bottom:10px;}
.menu ul li .font{position: absolute;bottom: -25px;left: 50%;font-style: normal;transform: translateX(-50%);}

/*mMenu*/
.m_header{width: 100%;position: relative;z-index: 999;}
.sp_header{height:80px;overflow:hidden;position:relative;z-index:10;width:100%;display: none;top: 0;}
.sp_logo{float:left;height:80px;display: flex;justify-content: center;align-items: center;padding-left: 10px;}
.sp_logo img{margin:auto;max-height:50px;}
.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:25px}
.sp_nav span{display:block;background:#000;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:99;background:#000;width:300px;height:100%;font-size:14px;line-height:40px;top:0;right:-100%;overflow:auto;overflow-x:hidden;transition:right ease 0.35s;display: none;}
.nav_show{right: 0;}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{position:relative;line-height:40px;font-size:15px}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#333;width:100%;padding: 0 20px;display: block;box-sizing: border-box;}
.sjj_nav ul li a:hover{color: #0188FB;}
.sjj_nav ul li ul li a{color:#333;display:block;text-align:left;}
.sjj_nav ul li i svg{width:25px;height:25px;fill:#333;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#333}
.sjj_nav ul li ul li>ul{margin-left:10px}
.sjj_nav ul li ul li{border-top: none;}
.sjj_nav ul li ul li a{padding: 0 30px;}

.sjj_navClose{width: 100%;height: 80px;text-align: right;}
.sjj_navClose img{width: 30px;position: relative;top: 20px;}


/*swiper*/
.swiper {width: 100%;height: 100%;}
.swiper-slide {background: #000;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center; -ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.swiper-slide img { display: block;width: 100%;height: 100%;object-fit: cover;}

/*banner*/
.banner{width: 100%;}
.bannerSwiper .swiper-pagination-bullet{opacity: 1;box-shadow:2px 2px 10px rgba(0,0,0,0.5);background: #000;transition:left ease 0.35s;border-radius: 20px;}
.bannerSwiper .swiper-pagination-bullet-active{background: #00b0ec;width:20px;border-radius: 20px;box-shadow:2px 2px 10px rgba(255,255,255,0.2);}

/*common*/
.iComTitle{color: #000;font-size: 18px;font-weight: bold;margin: 30px 0;}

.index1{width: 100%;padding: 0 40px;box-sizing: border-box;overflow: hidden;margin-top: 20px;}
.i1Title{font-size:18px; font-weight:bold; color:#333; line-height:1.8}
.i1Title a{color:#000}
.i1Title a:hover{ color:#f60; text-decoration:none;cursor: pointer;}
.i1List{width: 100%;}
.i1Swiper{width: 100%;}
.i1Swiper .swiper-slide{background:none;}
.i1List ul{display: flex;flex-wrap: wrap;}
.i1List ul li{width: 19%;margin: .5%;}
.i1List .part{display: block;width: 100%;overflow: hidden;height: 100%;color: #8e8e8e;}
.i1List .part .img{display: block;width: 100%;overflow: hidden;font-size: 0;border: solid #000 2px;box-sizing: border-box;}
.i1List .part .img img{width: 100%;height: 350px;object-fit: cover;transition: 0.5s;}
.i1List .part .desc{padding: 10px;box-sizing: border-box;}
.i1List .part .tit{color: #8e8e8e;font-size: 14px;text-align: center;transition: 0.5s;}
.i1List .part:hover .img img{transform: scale(1.2);}
.i1List .part:hover .tit{opacity: 0.85;}

.index2{width: 100%;padding: 0 40px;box-sizing: border-box;overflow: hidden;margin-top: 20px;}
.index2 .Warp{display: flex;flex-wrap: wrap;}
.index2 .item{width: 19%;margin: .5%;}
.index2 a:hover{opacity: 0.85;}


.iAbout{width: 100%;color: #000;}
.iAbout .desc{font-size: 14px;color: #8e8e8e;}
.iAbout .desc img{width: 100%;max-width: 100%;}

.iSearch{width: 100%;margin-top: 20px;position: relative;font-size: 14px;border: 1px solid #595959;background: #fff;height: 36px;}
.iSearch input{width: calc(100% - 36px);height: 36px;background: none;border: none;position: relative;top: 0;left: 0;padding: 10px;box-sizing: border-box;outline: none;}
.iSearch button{width: 36px;height: 36px;background: #fff;border: none;position: absolute;top: 0;right: 0;}
.iSearch .icon img{width: 22px;}

.iNewStyle{width: 100%;}
.iNewStyle ul li{padding: 10px;box-sizing: border-box;}
.iNewStyle .tit{color: #8e8e8e;font-size: 14px;}
.iNewStyle .time{color: #666;font-size: 14px;padding-top: 5px;}

.iNewStyle2{width: 100%;}
.iNewStyle2 ul li{padding: 10px;box-sizing: border-box;}
.iNewStyle2 .tit{color: #999;font-size: 14px;}
.iNewStyle2 .txt{color: #666;font-size: 14px;padding-top: 5px;}


.iProject,
.iTeach,
.iPeaper,
.iResources{width: 100%;color: #000;}
.iResources .imgShow{width: 100%;margin-top: 40px;overflow: hidden;}
.iResources .imgShow img{width: 100%;}



.footer{width: 100%;padding: 40px;box-sizing: border-box;}
.footer .Warp{border-top: 1px solid #333;}
.footList{width: 100%;display: flex;justify-content: space-between;}
.fContact{width: 40%;}
.fContact .desc{font-size: 14px;}

.fLink{width:40%;}
.fLink ul li{line-height: 30px;}
.fLink a{color: #4169e1;text-decoration: underline;font-size: 14px;}
.fLink a:hover{color: #737373;}

.fEwm{width: 20%;}
.fEwm img{width: 145px;}
.fLogo{display: block;margin: 30px 0;}

.copyRight{width: 100%;text-align: center;font-size: 14px;color: #8e8e8e;padding-top: 20px;}
.copyRight a{color: #4169e1;text-decoration: underline;font-size: 14px;}
.copyRight a:hover{color: #737373;}

/*关于我们*/
.pageWarp{padding: 0 40px;box-sizing: border-box;}
.pageTitle{font-size: 30px;color: #000;font-weight: bold;margin: 30px 0;}

.about{padding: 80px 0;}
.about .Warp{width: 100%;padding: 0 8%;box-sizing: border-box;}
.aboutTit{font-size: 20px;color: #000;font-weight: bold;margin: 30px 0;}
.about .desc{font-size: 14px;color: #8e8e8e;}
.about .desc img{width: auto;max-width: 100%;}


.about2{width: 100%;padding: 40px;box-sizing: border-box;}
.about2 .Warp{border-top: 1px solid #333;display: flex;justify-content: space-between;flex-wrap: wrap;padding: 40px 0;}
.about2 .about2Slide{width: calc(100% - 330px);padding-right: 50px;box-sizing: border-box;}
.about2 .about2Desc{width: 330px;}
.about2Desc{width: 100%;font-size: 14px;color: #999;padding: 20px 0;}
.a2Swiper{width: 100%;padding-bottom: 50px !important;}
.a2Swiper .swiper-slide{background: none;}
.a2Swiper .part{display: block;width: 100%;position: relative;overflow: hidden;}
.a2Swiper .part .imgShow{width: 100%;transition: all .6s ease 0.1s;}
.a2Swiper .part .imgShow img{width: 100%;height: 100%;object-fit: cover;}
.a2Swiper .part .imgTop{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #353535;padding: 20px;box-sizing: border-box;opacity: 0;transition: all .6s ease 0.1s;transform: rotateX(180deg);}

.a2Swiper .part .desc{width: 100%;height: 100%;display: flex;align-items: center;flex-direction: column;justify-content: center;text-align: center;}
.a2Swiper .part .desc .title{color: #000;font-size: 1.2vw;}
.a2Swiper .part .desc .line{display: block;width: 60px;height: 1px;background: #000;margin: 10px auto;}
.a2Swiper .part .desc .txt{color: #000;font-size: 14px;}
.a2Swiper .part:hover .imgShow{transform: rotateX(180deg);opacity: 0;}
.a2Swiper .part:hover .imgTop{transform: rotateX(0deg);opacity: 1;}

.a2Swiper .swiper-pagination-bullet{background: #000;opacity: 1;}
.a2Swiper .swiper-pagination-bullet-active{background: #4169e1;}
.a2Swiper .swiper-button-prev,.a2Swiper .swiper-button-next{color: #2a2a2a;}
.a2Swiper .swiper-button-prev:after,.a2Swiper .swiper-button-next:after{font-size: 30px;}


/*研究成员*/
.member{padding: 80px 40px;width: 100%;box-sizing: border-box;}
.member .Warp{width: 100%;}
.memList1{width: 100%;}
.memList1 ul{display: flex;justify-content: space-around;flex-wrap: wrap;}
.memList1 ul li{width: 48%;}

.member .part{width: 100%;text-align: center;display: block;color: #000;}
.member .part .img{width: 150px;height: 150px;margin: 20px auto;border-radius: 50%;overflow: hidden;position: relative;}
.member .part .img:before{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #000;opacity: 0;content: '';transition: 0.3s;}
.member .part:hover .img:before{opacity: 0.5;}
.member .part .img img{width: 100%;height: 100%;object-fit: cover;}
.member .part .desc{margin-top: 20px;max-width: 320px;margin: 0 auto;}
.member .part .tit{font-size: 16px;font-weight: bold;margin: 20px 0;}
.member .part .txt{font-size: 15px;color: #8e8e8e;}


.memList2{width: 100%;}
.memList2 .item{margin-top: 50px;}
.memList2 ul{display: flex;flex-wrap: wrap;}
.memList2 ul li{width: 23%;margin: 1%;}
.memList2 .part .img img{width: 100%;height: 100%;object-fit: cover;}

.memDBg{width: 100%;padding: 40px 0;}
.memDetail{width: 100%;display: flex;justify-content: space-between;}
.memDetail .left{width: 30%;padding: 0 15px;box-sizing: border-box;}
.memDetail .right{width: 70%;padding: 0 15px;box-sizing: border-box;}
.memDImg{width: 100%;}
.memDImg .touxiang{width: 270px;height: 270px;border-radius: 50%;overflow: hidden;margin: 0 auto;}
.memDImg .touxiang img{width: 100%;height: 100%;object-fit: cover;}
.memDImg .name{margin: 20px 0 10px 0;text-align: center;color: #000;font-size: 36px;}
.memDImg .desc{color: #000;opacity: 0.8;text-align: center;font-size: 20px;}

.memDDesc{width: 100%;}
.memDDesc .text{font-size: 20px;color: #000;opacity: 0.8;}
.memDDesc .list .title{margin: 20px 0 10px;font-size: 26px;color: #000;}
.memDDesc .list ul li{padding-left: 50px;background: url(../images/edu40.png) left top no-repeat;line-height: 30px;margin: 5px 0;}
.memDDesc .list .tit{font-size: 18px;color: #000;opacity: 0.8;}
.memDDesc .list .txt{font-size: 16px;color: #999;}




.mainContent{width: 100%;padding: 40px;box-sizing: border-box;}
.mainWarp{width: 100%;}
.news{width: 100%;}
.news ul li{width: 100%;padding: 10px;box-sizing: border-box;transition: 0.5s;}
.news ul li:hover{border: 1px solid #000;box-sizing: border-box;}
.news .part{display: block;width: 100%;overflow: hidden;display: flex;}
.news .part .imgShow{width: 20%;display: flex;justify-content: flex-end;}
.news .part .imgShow .img{width: 150px;height: 150px;object-fit: cover;}
.news .part .imgShow .img img{width: 100%;height: 100%;object-fit: cover;}
.news .part .desc{width: 58%;padding: 10px 20px;box-sizing: border-box;}
.news .part .title{color: #000;font-size: 18px;}
.news .part .txt{font-size: 14px;color: #8e8e8e;margin: 15px 0;}
.news .part .time{font-size: 14px;color: #8e8e8e;margin: 10px 0;}
.news .part .rightICon{width: 20%;text-align: right;}
.news .part .rightICon .icon img{width: 40px;}


.download{width: 100%;}

.mainStyle1 ul li{width: 100%;padding: 10px;box-sizing: border-box;transition: 0.5s;}
.mainStyle1 ul li:hover{background: #191919;}
.mainStyle1 .part{display: block;width: 100%;overflow: hidden;display: flex;align-items: center;}
.mainStyle1 .part .desc{width: calc(100% - 150px);position: relative;padding-left: 130px;box-sizing: border-box;}
.mainStyle1 .part .time{font-size: 14px;color: #8e8e8e;text-align: right;width: 150px;}
.mainStyle1 .part .title{color: #000;font-size: 18px;opacity: 0.5;transition: 0.5s;}
.mainStyle1 .part .txt{font-size: 14px;color: #8e8e8e;margin: 15px 0;}
.mainStyle1 .part .icon{position: absolute;top: 5px;left: 60px;}
.mainStyle1 .part .icon img{width: 20px;transition: 0.5s;}
.mainStyle1 .part:hover .icon img{transform: scale(1.5);}
.mainStyle1 .part:hover .title{opacity: 1;}

.hidden{ display: none;}
.jq22{height: auto;margin:0 auto;overflow: hidden;}
.jq22 ul.list{overflow: hidden;}
.jq22 ul.list li img{width: 100%;height: 100%;}
.jq22 ul.list p{text-align: center;padding: 10px;}
.jq22 .jzmore{overflow: hidden;padding:10px;text-align: center;font-size: 14px;}
.jq22 .jzmore a{display: block;width: 120px;padding:10px 0;color:#333;margin:0 auto;background:#000;text-align:center;border-radius:3px;opacity: 0.8;}
.jq22 .jzmore a:hover{opacity: 1;}

.thesis{{width: 100%;}}

.inside{width: 100%;}



@media only screen and (max-width: 1680px) {
.i1List .part .img img{height: 260px;}
}
@media only screen and (max-width: 1400px) {
.i1List .part .img img{height: 220px;}
}
@media only screen and (max-width: 1200px) {
.i1List .part .img img{height: 180px;}
.menu a{font-size: 16px;}
.member .part .img{width: 130px;height: 130px;}
.wapper{width: 100%;}
.memDImg .touxiang{width: 160px;height: 160px;}
.memDImg .name{font-size: 26px;}
.memDImg .desc{font-size: 16px;}
.memDDesc .text{font-size: 16px;}
.memDDesc .list .title{font-size: 20px;}
.memDDesc .list .tit{font-size: 16px;}
.memDDesc .list .txt{font-size: 14px;}

}

@media only screen and (max-width: 980px) {
.header{ display:none}
.sp_header{ display:block;}
.sjj_nav{ display:block;}
.i1List .part .img img{height: 160px;}

}

@media only screen and (max-width: 820px) {
.i1List ul{display: block;}
.i1List ul li{width: 98%;margin: 1%;}
.i1List .part .img img{height: auto;}
.i1List .part .desc{padding: 20px 10px;}
.index2 .Warp{display: block;}
.index2 .item{width: 98%;margin: 1%;}
.footList{display: block;}
.fContact{width: 100%;}
.fLink{width: 100%;}
.fEwm{width: 100%;}
.about2 .Warp{display: block;}
.about2 .about2Slide{width: 100%;padding: 0;}
.about2 .about2Desc{width: 100%;}
.member{padding: 40px 30px;}
.memList1 ul li{width: 98%;}
.memList2 ul li{width: 48%;}
.member .part .img{width: 110px;height: 100px;}
.mainContent{padding: 40px 20px;}
.news ul li{padding: 10px 0;}
.news .part .imgShow .img{width: 100%;height: auto;}
.news .part .imgShow .img img{height: auto;}
.news .part .desc{width: 80%;}
.news .part .rightICon{display: none;}
.news .part .txt{margin: 10px 0;}
.mainStyle1 ul li{padding: 10px 0;}
.mainStyle1 .part{display: block !important;}
.mainStyle1 .part .desc{width: 100%;padding-left: 0;padding-right: 40px;}
.mainStyle1 .part .icon{left: auto;right: 20px;}
.mainStyle1 .part .time{width: 100%;text-align: left;}

.memDetail{display: block;}
.memDetail .left{width: 100%;}
.memDetail .right{width: 100%;margin-top: 20px;}


}

@media only screen and (max-width: 600px) {
.member .part .desc{width: 100%;}
.news .part .desc{padding: 10px;}
.news .part .title{font-size: 16px;}
.news .part .txt{font-size: 12px;}
.news .part .time{font-size: 12px;margin: 0;}






}