*{padding:0px; margin:0px;}

/*初始化*/
body{font-size:14px; color:#333; font-family:'Microsoft YaHei',Arial,sans-serif;}
body,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,p,i,b,em,span,form,fieldset,legend,input,textarea,select,button,th,td{margin:0; padding:0; font-style:normal;}
h1,h2,h3,h4,h5,h6{list-style:none;}
input,select,button,textarea{font-size:14px; border:0; background:none; outline:none; vertical-align:middle; font-family:'Microsoft YaHei',Arial,sans-serif;}
button{overflow:visible}
img{border:none;}
li{list-style:none;}
a{color:#555; text-decoration:none;
transition:all .5s;
-webkit-transition:all .5s;}
a:hover{color:#0064ac; text-decoration:none !important;}
.clear{overflow:hidden; clear:both; height:0px;}

html.n{overflow:hidden; height:100%;}

/*头部代码*/
header{width:100%; background-color:rgba(0,0,0,.5); position:fixed; top:0; left:0; z-index:99999;
transition:all .5s;
-webkit-transition:all .5s;}
header.on{background-color:rgba(0,0,0,.8);}
header .row{margin:0; justify-content:space-between; align-items:center;}
header .an{height:22px; width:36px; display:none; position:relative;}
header .an span{width:36px; height:2px; background-color:#fff; display:block; position:absolute;
transition:all .5s;
-webkit-transition:all .5s;}
header .an span.a1{top:0; left:0;}
header .an span.a2{top:10px; left:0;}
header .an span.a3{top:20px; left:0;}
header .an.n span.a2{display:none;}
header .an.n span.a1{top:10px;
transform:rotate(45deg);
-webkit-transform:rotate(45deg);}
header .an.n span.a3{top:10px;
transform:rotate(135deg);
-webkit-transform:rotate(135deg);}
header nav{width:100%;}
header nav ul{width:100%; display:flex; flex-wrap:wrap; justify-content:center;}
header nav ul li{font-size:16px; margin:0 30px; line-height:80px; position:relative; display:inline-block;}
header nav ul li a{display:block; color:#fff;}
header nav ul li a:hover{color:#fff;}
@media only screen and (max-width:1080px){
header nav ul li{font-size:15px; margin:0 25px; line-height:60px;}
}
@media only screen and (max-width:640px){
header{height:62px; padding:20px 0;}
header .an{display:block;}
header nav{width:60%; height:100vh; margin:0; padding:0 5% 20px; position:fixed; background-color:#fff; top:0; right:-60%; z-index:999999; overflow-y:scroll;
transition:all .5s;
-webkit-transition:all .5s;}
header nav::-webkit-scrollbar{width:0;}
header nav.n{right:0; box-shadow:0 0 20px rgba(0,0,0,.1);}
header nav ul{width:100%;}
header nav ul li{width:100%; color:#333; line-height:62px; margin:0; border-bottom:1px solid #eee;}
header nav ul li a{color:#333;}
header nav ul li a:hover{color:#333;}
}

/*轮播图*/
.swiper-banner{width:100%; position:relative; overflow:hidden;}
.swiper-banner img{width:100%; height:100%; display:block;
object-fit:cover;
object-position:center top;
-webkit-user-select:none;
user-select:none;}
@media only screen and (max-width:640px){
.swiper-banner{height:300px;}
}

/*公用标题*/
.title{font-size:30px; color:#000; font-weight:bold; padding-bottom:20px; margin-bottom:30px; position:relative;}
.title:before{width:90px; height:2px; background-color:#0064ac; position:absolute; bottom:10px; left:0; content:"";}
.title:after{width:90px; height:2px; background-color:#0064ac; position:absolute; bottom:0; left:50px; content:"";}
@media only screen and (max-width:1080px){
.title{font-size:26px; padding-bottom:15px; margin-bottom:25px;}
.title:before{width:70px;}
.title:after{width:70px; left:35px;}
}
@media only screen and (max-width:640px){
.title{font-size:22px;}
.title:before{width:60px;}
.title:after{width:60px; left:25px;}
}

/*公用图片*/
.gy_tp{overflow:hidden; position:relative;}
.gy_tp img{width:100%; height:auto; display:block;}

/*研究领域*/
.research_field{width:100%; padding:50px 0; background-color:#eee; overflow:hidden;}
.research_field .about{width:100%; font-size:18px; color:#000; line-height:36px;}
@media only screen and (max-width:1080px){
.research_field .about{font-size:16px; line-height:30px;}
}
@media only screen and (max-width:640px){
.research_field{padding:40px 0;}
.research_field .about{font-size:14px; line-height:26px;}
}

/*研究内容*/
.research_contents{width:100%; padding:50px 0 20px; overflow:hidden;}
.research_contents .content{margin-bottom:30px;}
.research_contents .content:last-child{margin-bottom:0;}
.research_contents .title_con{font-size:18px; color:#000; line-height:30px; margin-bottom:20px;}
.research_contents .liebiao_con ul{margin:0 -10px;}
.research_contents .liebiao_con ul li{width:calc(25% - 20px); margin:0 10px 30px;}
.research_contents .liebiao_con .gy_tp{box-shadow:0 0 10px rgba(0,0,0,.1); margin-bottom:15px;}
.research_contents .liebiao_con .gy_wz h3{font-size:14px; line-height:26px; margin-bottom:5px;}
.research_contents .liebiao_con .gy_wz p{line-height:26px;}
.research_contents .liebiao_con .gy_wz p a{color:#0064ac; text-decoration:underline;}
@media only screen and (max-width:1080px){
.research_contents .content{margin-bottom:20px;}
.research_contents .title_con{font-size:16px; line-height:28px; margin-bottom:15px;}
}
@media only screen and (max-width:992px){
.research_contents .liebiao_con ul li{width:calc(33.3333333333333% - 20px);}
}
@media only screen and (max-width:640px){
.research_contents{padding:40px 0 20px;}
.research_contents .content{margin-bottom:10px;}
.research_contents .title_con{font-size:15px; line-height:26px; margin-bottom:10px;}
.research_contents .liebiao_con ul li{width:calc(50% - 20px); margin:0 10px 20px;}
}

/*代表论著*/
.representative_works{width:100%; padding:50px 0; background-color:#ddd; overflow:hidden;}
.representative_works.works_ny{min-height:100vh; padding:130px 0 50px;}
.representative_works .liebiao_works{margin-bottom:40px; overflow:hidden;}
.representative_works .liebiao_works ul li{width:100%; padding:15px; font-size:16px; line-height:26px;}
.representative_works .liebiao_works ul li:nth-child(odd){background-color:#e9e9e9;}
.representative_works .liebiao_overview{margin-bottom:20px; overflow:hidden;}
.representative_works .liebiao_overview ul li{width:100%; font-size:16px; line-height:26px; margin-bottom:20px;}
.representative_works .title_x{font-size:22px; font-weight:bold; color:#000; margin-bottom:30px;}
.representative_works .all_treatises .row{margin:0; justify-content:space-between;}
.representative_works .all_treatises .hd{width:140px;}
.representative_works .all_treatises .hd ul li{width:100%; height:46px; background-color:#e9e9e9; font-size:16px; color:#000; line-height:46px; text-align:center; margin-bottom:10px; cursor:pointer;}
.representative_works .all_treatises .hd ul li.on{color:#0163ae; background-color:#fff;}
.representative_works .all_treatises .bd{width:calc(100% - 170px);}
.representative_works .all{text-align:right;}
.representative_works .all ul li{font-size:15px; line-height:26px; text-align:left; margin-bottom:15px;}
.representative_works .all i{text-decoration:underline;}
.representative_works a.more{width:120px; height:32px; background-color:#0064ac; line-height:32px; color:#fff; text-align:center; display:block; margin:0 auto;}
.representative_works a.more:hover{background-color:#045086;}
@media only screen and (max-width:1080px){
.representative_works .liebiao_works{margin-bottom:20px;}
.representative_works .liebiao_works ul li{font-size:15px; line-height:24px;}
.representative_works .liebiao_overview{margin-bottom:15px;}
.representative_works .liebiao_overview ul li{font-size:15px; line-height:24px; margin-bottom:15px;}
.representative_works .title_x{font-size:20px; margin-bottom:20px;}
.representative_works .all_treatises .hd{width:130px;}
.representative_works .all_treatises .hd ul li{height:44px; font-size:15px; line-height:44px;}
.representative_works .all_treatises .bd{width:calc(100% - 150px);}
.representative_works .all ul li{font-size:14px; line-height:24px; margin-bottom:10px;}
.representative_works a.more{width:100px; height:28px; line-height:28px;}
}
@media only screen and (max-width:640px){
.representative_works{padding:40px 0;}
.representative_works .liebiao_works{margin-bottom:10px;}
.representative_works .liebiao_works ul li{padding:10px; font-size:14px; line-height:22px;}
.representative_works .liebiao_overview{margin-bottom:10px;}
.representative_works .liebiao_overview ul li{font-size:14px; line-height:22px; margin-bottom:10px;}
.representative_works .title_x{font-size:18px; margin-bottom:15px;}
.representative_works .all_treatises .hd{width:100%;}
.representative_works .all_treatises .hd ul{display:flex; flex-wrap:wrap; margin:0 -5px;}
.representative_works .all_treatises .hd ul li{width:calc(33.333333333% - 10px); height:40px; margin:0 5px 10px; font-size:14px; line-height:40px;}
.representative_works .all_treatises .bd{width:100%;}
}

/*课题组成员*/
.team{width:100%; padding:50px 0 20px; overflow:hidden;}
.team .leader{width:100%; margin-bottom:40px; background-color:#f1f1f1;}
.team .leader .row{margin:0 -25px;}
.team .leader .gy_tp{width:calc(16.66666666% - 50px); margin:0 25px;}
.team .leader .gy_js{width:calc(14% + 50px); background-color:#e2e2e2; margin:0 -25px; padding:20px; display:flex; align-items:center; justify-content:center;}
.team .leader .js_nr h3{font-size:22px; line-height:32px; color:#000; margin-bottom:10px;}
.team .leader .js_nr p{font-size:15px; line-height:26px; color:#666;}
.team .leader .gy_wz{width:calc(69.33333334% - 50px); margin:0 25px; padding:20px 30px; display:flex; align-items:center;}
.team .leader .w_z{width:100%; font-size:15px; line-height:28px;}
.team .liebiao_team ul{margin:0 -25px;}
.team .liebiao_team ul li{width:calc(16.66666666% - 50px); margin:0 25px 30px;}
.team .liebiao_team .gy_wz{font-size:16px; line-height:30px; text-align:center; margin-top:10px;}
.team .liebiao_team .gy_wz h3{font-size:16px; line-height:30px; text-align:left; margin-bottom:10px;}
.team .liebiao_team .gy_wz h4{font-size:13px; color:#777; text-align:left; line-height:24px;}
.team .liebiao_team .gy_wz span{display:inline-block; font-size:13px; color:#777;}
.team .title_x{margin:35px 0; position:relative;}
.team .title_x:after{width:calc(100% - 230px); height:2px; background-color:#7c98ad; position:absolute; top:50%; right:0; margin-top:-1px; content:"";}
.team .title_x span{width:210px; background-color:#7c98ad; padding:25px; border-radius:10px; font-size:29px; color:#fff; line-height:36px; display:inline-block;}
@media only screen and (max-width:1080px){
.team .leader{margin-bottom:20px;}
.team .leader .row{margin:0 -15px;}
.team .leader .gy_tp{width:calc(16.66666666% - 30px); margin:0 15px;}
.team .leader .gy_js{width:calc(14% + 30px); margin:0 -15px;}
.team .leader .js_nr h3{font-size:20px; line-height:30px;}
.team .leader .js_nr p{font-size:14px; line-height:24px;}
.team .leader .gy_wz{width:calc(69.33333334% - 30px); margin:0 15px; padding:20px;}
.team .leader .w_z{font-size:14px; line-height:24px;}
.team .liebiao_team ul{margin:0 -15px;}
.team .liebiao_team ul li{width:calc(16.66666666% - 30px); margin:0 15px 20px;}
.team .liebiao_team .gy_wz{font-size:15px; line-height:26px;}
.team .liebiao_team .gy_wz h3{font-size:15px; line-height:26px;}
.team .liebiao_team .gy_wz h4{font-size:13px; line-height:22px;}
.team .title_x{margin:15px 0 25px;}
.team .title_x:after{width:calc(100% - 200px);}
.team .title_x span{width:180px; padding:20px; font-size:24px; line-height:32px;}
}
@media only screen and (max-width:992px){
.team .leader .row{margin:0 -15px;}
.team .leader .gy_tp{width:calc(33.33333333% - 30px);}
.team .leader .gy_js{width:66.66666667%; margin:0 -15px;}
.team .leader .gy_wz{width:calc(100% - 30px);}
.team .liebiao_team ul li{width:calc(33.33333333% - 30px);}
}
@media only screen and (max-width:640px){
.team{padding:40px 0 20px;}
.team .leader .row{margin:0 -10px;}
.team .leader .gy_tp{width:calc(50% - 20px); margin:0 10px;}
.team .leader .gy_js{width:50%; margin:0 -10px;}
.team .leader .gy_wz{width:calc(100% - 20px);}
.team .liebiao_team ul{margin:0 -10px;}
.team .liebiao_team ul li{width:calc(50% - 20px); margin:0 10px 20px;}
.team .title_x:after{width:calc(100% - 170px);}
.team .title_x span{width:150px; padding:15px; font-size:20px; line-height:28px;}
}

/*联系我们*/
.contact{width:100%; padding:70px 0; background:url(../images/ft_bj.jpg) no-repeat center / cover; color:#fff; overflow:hidden;}
.contact .title_x{font-size:32px; font-weight:bold; margin-bottom:35px;}
.contact .row{margin:0; justify-content:space-between;}
.contact .contact_map{width:58%;}
.contact .contact_map img{width:100%; height:auto; display:block;}
.contact .contact_xx{width:37.5%;}
.contact .information{overflow:hidden;}
.contact .information ul li{margin-bottom:15px; font-size:18px; line-height:30px;}
.contact .information img{max-width:100%; height:auto; display:block; margin-bottom:5px;}
.contact .cooperation{margin-top:10px; overflow:hidden;}
.contact .cooperation ul{display:flex;}
.contact .cooperation ul li{width:118px; margin-right:20px;}
.contact .cooperation ul li img{width:100%; height:auto; display:block;}
@media only screen and (max-width:1080px){
.contact{padding:50px 0;}
.contact .title_x{font-size:26px; margin-bottom:25px;}
.contact .contact_map{width:55%;}
.contact .contact_xx{width:40%;}
.contact .information ul li{margin-bottom:10px; font-size:16px; line-height:26px;}
.contact .information img{max-width:30px;}
.contact .cooperation ul li{width:22%; margin-right:5%;}
}
@media only screen and (max-width:640px){
.contact{padding:40px 0;}
.contact .title_x{font-size:22px; margin-bottom:20px;}
.contact .contact_map{width:100%; margin-bottom:20px;}
.contact .contact_xx{width:100%;}
.contact .information ul li{font-size:15px;}
.contact .information img{max-width:26px;}
}

/*底部信息*/
footer{width:100%; padding:40px 0; background-color:#000; font-size:16px; color:#fff; text-align:center; overflow:hidden;}
@media only screen and (max-width:1080px){
footer{padding:30px 0; font-size:14px;}
}

/*返回顶部*/
.back{width:44px; height:44px; border-radius:50%; background-color:#0064ac; border-radius:50%; position:fixed; bottom:18px; right:11px; cursor:pointer; overflow:hidden; z-index:99999; display:none;}
.back img{width:100%; height:auto; display:block;}
@media only screen and (max-width:640px){
.back{width:36px; height:36px; bottom:10px; right:5px;}
}