@charset "utf-8";
/* CSS Document */
*{margin:0;padding:0;}
html,body{}
body{font-family:Microsoft YaHei !important;font-size:12px;overflow-x:hidden;overflow-y:scroll;}
a{text-decoration:none;color:inherit;transition:all .6s;}
li{list-style-type:none;}
.fl{float:left;}
.fr{float:right;}
.clear{clear:both;}
img{border:0;}
.container,.container2{width:80%;margin:0 auto;}
input,button,a,img,textarea,select{outline:none !important;transition:all .6s;}
strong,span,em,i{display:inline-block;transition:all .6s;}
i,em{font-style:normal;}
div,p{text-align: justify;}


.animationall{
    -webkit-animation-duration:1s;
	animation-duration:1s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both
}
.icon {
    width: 1em;
    height: 1em;
    vertical-align: -0.15em;
    fill: currentColor;
    overflow: hidden;
  }
  



/*head*/
header{transition:all 1s;width:100%;position:fixed;top:0;left:0;z-index: 999;height:180px;}
.head .container{}
.logo{}
.logo img{height:50px;display:block;margin-top:65px;}
.wapmenu{display:none;}
.search{margin-top:68px;}
.search button{display:block;color:#222;font-size:22px;cursor: pointer;background: none;border: 0;}
.navigation{margin-top:65px;}
.navigation ul li{float:left;width:160px;margin-left:20px;position:relative;}
/* .navigation ul li:nth-child(3) a.on h3 i{display:none;} */
.navigation ul li a.on{color:#ffffff;}
.navigation ul li a.on h3{font-weight:normal;font-size:20px;display:inline-block;}
.navigation ul li a.on h3 i{display:inline-block;transform: rotate(90deg);position:relative;left:5px;}
.navigation ul li a.on span{font-size:14px;display:block;color:#ffffff;}
.nav-down{display:none;position:absolute;left:0;top:100%;width:100%;}
.nav-down a{display:block;font-size:16px;color:#ffffff;line-height: 30px;}
/* .nav-down a:hover{transition:all .6s;color:rgba(255,255,255,0.9);} */
.nav-down a:first-child{margin-top:10px;}


.wap-nav-menu{width:21px;position:absolute;top:19px;right:5%;display:none;}
.wap-nav-menu span{display:block;width:100%;height:2px;background:#333;margin-top:4.3px;transition:all .3s;}
header .wap-nav-menu-on span:nth-child(1){transform: rotate(45deg);-webkit-transform-origin: 8%;
    -ms-transform-origin: 8%;
    -o-transform-origin: 8%;
    transform-origin: 8%;}
header .wap-nav-menu-on span:nth-child(3){transform: rotate(-45deg);-webkit-transform-origin: 8%;
    -ms-transform-origin: 8%;
    -o-transform-origin: 8%;
    transform-origin: 8%;}
header .wap-nav-menu-on span.on{opacity:0;transition:all .6s;}




/*幻灯片*/
.banner-box{width:100%;height:100%;position:relative;position:fixed;top:0;left:0;}

.banner-box .swiper-container{overflow:hidden;}
.banner-box .swiper-container .swiper-slide{height:100%;}
.banner-box .swiper-container .swiper-slide .solution-card a{display:block;height:100vh;background-size: cover !important;}
.banner-box .swiper-button-prev,.banner-box .swiper-button-next{
    width:45px;height:45px;text-align: center;background:none;font-weight:lighter;
    line-height: 45px;color:#fff;font-size:55px;font-family:'宋体';border-radius:50%;opacity:0.2;transition:all 1s;

}
.banner-box .swiper-button-prev{left:2%;}
.banner-box .swiper-button-next{right:2%;}
.banner-box .swiper-button-prev:hover,.banner-box .swiper-button-next:hover{opacity:0.5;transition:all 1s;}
.banner-box .swiper-container .swiper-pagination{bottom: 25px;font-size:16px;color:#f3f3f3;}
.banner-box .swiper-pagination-bullet{}



/*首页*/
.h-nav{width:330px;position:fixed;top:45%;left:10%;z-index: 999;}
.h-nav ul{}
.h-nav ul li{position:relative;color:rgba(255,255,255,0.8);line-height:55px;width:100%;display:block;}
.h-nav ul li a{display:block;font-size:25px;}
.h-nav ul li a:hover{transition:all .5s;opacity:0.5;}
.h-nav ul li .h-nav-down{position:absolute;left:130px;top:10px;display:none;z-index: 6;}
.h-nav ul li .h-nav-down a{display:block;font-size:20px;line-height: 35px;}

/*foot*/
.foot{text-align: center;padding-bottom:10px;color:#999;width:100%;}
.sy .foot{position:absolute;bottom:0;left:0;}


/*地方建筑*/
.ej header{position:relative;}

.ej-pro-nav{transition:all 1s;position:relative;top:0;z-index:66;}
.ej-item-rzs{position:relative;width:100%;background:rgba(255,255,255,0.8);}
.pc-nav-scroll ul li{margin-right:26px;float:left;height:60px;line-height: 60px;}
.pc-nav-scroll ul li a{font-size:18px;color:#999;}
.pc-nav-scroll ul li.active a{color:#666;}
.dfjz-list{margin-top:30px;padding-bottom:100px;}
.dfjz-con{}
.dfjz-con ul li{float:left;text-align: left;width:10%;margin:20px 0 0 8%;}
.dfjz-con ul li:nth-child(6n+1){margin-left:0;}
.dfjz-con ul li div{width:100%;overflow:hidden;}
.dfjz-con ul li img{width:100%;display:block;}
.dfjz-con ul li:hover img{transition:all .6s;transform: scale(1.1);}
.dfjz-con ul li p{color:#999;transition:all 1s;background:#fff;overflow:hidden;line-height:20px;margin-top:8px;height:80px;font-size: 12px;}
.dfjz-con ul li:hover p{color:#666;transition:all 1s;}

.dfjz-con .projects dl { float: left; width: calc((100% - 150px) / 6); margin: 20px 0 0 30px; }
.dfjz-con .projects dl dt { overflow: hidden; position: relative; display: block; padding-top: 69.57%; background-size: auto 100%; background-position: 50%; }
.dfjz-con .project-image { transition: transform 1s; position: absolute; left: 0; top: 0;     width: 100%;
height: 100%;
background-size: cover;
background-position: 50%; }
.dfjz-con .projects a:hover .project-image { transform: scale(1.05); }
.dfjz-con .projects dl dd{}
.dfjz-con .projects dl dd a{color:#999;transition:all 1s;background:#fff;overflow:hidden;line-height:22px;margin-top:5px;display:block;}
.dfjz-con .projects dl dd:hover a{color:#666;transition:all 1s;}
.dfjz-con .projects dl:nth-child(6n+1) { margin-left: 0; }


.nry{padding-bottom:100px;}
.nry-con{}
.nry-l{width:17.5%;}
.nry-title{margin-top:22px;}
.nry-title h1{font-weight:normal;font-size:16px;line-height: 24px;color:#333;}
.nry-t{border-top:#e8e8e8 1px solid;margin-top:18px;}
.nry-t span{display:block;border-bottom:#e8e8e8 1px solid;height:29px;line-height: 29px;font-size:14px;color:#999;}
.nry-c{margin-top:16px;color:#999;font-size:14px;line-height: 24px;}
.nry-c p{}
.nry-video{margin-top:75px;}
.nry-video a{font-size:14px;color:#333;}
.nry-video a:hover{transition:all 1s;color:#999;}
.nry-r{width:79%;}
/* .nry-r ul li{width:23%;float:left;margin:32px 0 0 2.6%;overflow:hidden;}
.nry-r ul li:nth-child(4n+1){margin-left:0;}
.nry-r ul li img{display:block;width:100%;}
.nry-r ul li:hover img{transition:all 1s;transform:scale(1.1);} */

.clear:after { display:block; clear:both; content:''; visibility:hidden; height:0; }

.nry-r .projects li { float: left; width: calc((100% - 60px) / 4); margin: 20px 0 0 20px; }
.nry-r .projects a { overflow: hidden; position: relative; display: block; padding-top: 69.57%; background-size: auto 100%; background-position: 50%; color: #FFF; }

.nry-r .projects span { opacity: 0; transition: opacity 0.3s; position: absolute; left: 18px; right: 18px; bottom: 10px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display:none;}
.nry-r .projects b { font-family: Helvetica_1; display: block; margin-bottom: 1px; font-weight: normal; }
.nry-r .project-image { transition: transform 1s; position: absolute; left: 0; top: 0;     width: 100%;
height: 100%;
background-size: cover;
background-position: 50%; }
.nry-r .projects a:hover .project-image { transform: scale(1.05); }
.nry-r .projects a:hover span { opacity: 1; }
.nry-r .projects li:nth-child(4n+1) { margin-left: 0; }



#spotlight .footer{left: 0;right: 0;bottom: 0;line-height: 1.35em;padding: 20px 25px;text-align: left;pointer-events: none;contain: layout paint style;}
#spotlight .footer .title{font-size:16px;text-align: center;opacity: 0.45;}
#spotlight .header div{padding-right:10px !important;}
.autofit,.zoom-out,.zoom-in,.theme,.player{display:none !important;}



/*学术档案*/
.hj{padding-bottom:100px;}
.hj .container{width:1200px;}
.hj-list{}
.hj-list dl{overflow:hidden;margin-top:36px;position:relative;}
.hj-list dl dt{float:left;width:28%;overflow:hidden;}
.hj-list dl dt img{display:block;width:100%;transition:all 1s;}
.hj-list dl dt:hover img{transform:scale(1.1);transition:all 1s;}
.hj-list dl dd{float:right;width:70%;}
.hj-list dl dd h3{font-weight:normal;font-size:16px;color:#666;line-height:26px;margin-top:15px;}
.hj-list dl dd h3:hover{font-weight:bold;}
.hj-list dl dd p{color:#999;margin-top:20px;}
.hj-list dl dd span{display:block;position:absolute;bottom:5px;right:0;font-size:20px;color:#0469c0;}

.xq{padding-bottom:100px;}
.xq .container{width:900px;}
.xq .news-xq{margin-top:30px;}
.xq .news-xq .xq-title{font-size:25px;color:#333;line-height: 23px;}
.xq .news-xq .xq-title h3{font-weight:normal;}
.xq .news-xq .xq-title i{display:block;width: 110px;height:6px;background: #bfbfbf;margin-top: 40px;}
.xq .news-xq .xq-con{margin-top:30px;font-size:14px;color:#333;line-height: 22px;}
.xq .news-xq .xq-con img{max-width:100%;height:auto !important;}





/*团队*/
.team{padding-bottom:100px;margin-top:30px;}
.team-l{width:57%;position:relative;border-right:#ccc 1px solid;}
.team-img{width:45%;}
.team-img img{width:100%;display:block;}
.team-info{width:45%;position:absolute;right:5%;bottom:0;}
.team-info h3{font-size:22px;color:#333;}
.team-info p{margin-top:30px;font-size:14px;color:#999;line-height: 26px;}
.team-r{width:37%;}
.team-r-t{}
.team-r-t ul li{margin-top:50px;}
.team-r-t ul li h3{font-weight:normal;font-size:14px;color:#999;}
.team-r-t ul li p{color:#666;position:relative;left:-26px;margin-top:20px;}
.team-r-t ul li p span{color:#333;display:block;float:left;margin:10px 0 0 26px;width:43px;}
.team-r-b{}
.team-r-b ul li{margin-top:50px;}
.team-r-b ul li h3{font-weight:normal;font-size:14px;color:#999;cursor: pointer;}
.team-r-b ul li h3 i{display:inline-block;transform: rotate(90deg);position:relative;left:5px;}
.team-down{display:none;font-size:14px;color:#666;line-height: 26px;margin-top:20px;}
.team-down p{position:relative;padding-left: 75px;}
.team-down p span{display:block;float:left;position:absolute;top:2px;left:0;}



/*联系*/
.contact{padding-bottom:100px;}
.contact-t{}
.contact-t ul li{float:left;width:46%;margin:20px 0 0 0;}
.contact-t ul li:nth-child(even){float:right;}
.contact-t ul li img{display:block;width:100%;}
.contact-t ul li p{width:100%;text-align: right;color:#666;line-height: 20px;margin-top:20px;font-size:12px;}
.contact-b{}
.contact-info{margin-top:60px;font-size:14px;color:#999;line-height: 30px;}
.contact-info span{display:block;float:left;}
.contact-info strong{display:block;font-weight:normal;}
.contact-icon{margin-top:50px;}
.contact-icon ul li{
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -o-filter: grayscale(100%); 
    -ms-filter: grayscale(100%); 
    -moz-filter: grayscale(100%); 
    float:left;
    position:relative;
    margin-right:20px;
}
.contact-icon ul li svg{color:#666;width:25px;height:25px;}
.contact-icon ul li:nth-child(1) svg,.contact-icon ul li:nth-child(3) svg{opacity:0.6;}
.contact-icon ul li img{display:block;width:150px;position:absolute;bottom:100%;left:0;display:none;}
.contact-icon ul li:hover img{display:block;}

/*设计研究*/
.sjyj-list{margin-top:10px !important;}

.nry-xsjz .nry-r .projects li{width: calc((100% - 100px) / 6);}
.nry-xsjz .nry-r .projects li:nth-child(4n+1){margin-left:20px;}
.nry-xsjz .nry-r .projects li:nth-child(6n+1){margin-left:0;}




/*搜索*/
.ej-search{padding-bottom: 50px;}
.ej-search .search-box{width:600px;height: 30px;border-bottom: 1px solid #ccc;overflow:hidden;}
.ej-search .search-box .txt{float:left;display:block;width: 80%;height: 30px;border: 0;font-size: 16px;color: #DDD;}
.ej-search .search-box button{display:block;float:right;background: none;border:0;font-size:20px;color: #DDD;}




	

.lazyload { opacity: 0; transition: opacity 0.9s, transform 1s ease-out; }
.lazyload.loaded { opacity: 1; }




@media screen and (max-width:1440px) {
    

}


@media screen and (max-width:768px) {
    header .container{width:100%;}
    .container{width:95%;}
    header{height:60px;z-index: 2222;background:#fff;}
    .logo,.search{position:relative;z-index: 666;}
    .logo img{height:32px;margin-top: 18px;margin-left: 13px;}
    .wap-nav-menu{display:block;}
    .navigation{display:none;background:rgba(0, 0, 0, 0.7);height: 100%;position: fixed;margin-top:0;width: 100%;}
    .navigation ul{margin-top:25%;}
    .navigation ul li{margin-left: 0;margin-top: 30px;text-align: center;width: 100%;}
    .nav-down{position:relative;text-align: center;}
    .search{margin-top: 22px;margin-right:14%;}
    .search button{font-size:20px;}
    .banner-box .swiper-button-prev, .banner-box .swiper-button-next{opacity:0;}
    .h-nav{width: 60%;top: 35%;left: 6%;}
    .h-nav ul li{line-height: 38px;}
    .h-nav ul li a{font-size: 18px;}
    .h-nav ul li .h-nav-down{left:43%;top:5px;}
    .h-nav ul li .h-nav-down a{font-size: 18px;}

    /*二级*/
    .ej header{position:fixed;}
    .ej-pro-nav{margin-top:60px;}
    .ej-item-rzs{background: rgba(255,255,255,1);}
    .pc-nav-scroll ul li{}
    .pc-nav-scroll ul li a{font-size: 14px;}
    .dfjz-list{margin-top: 0;padding-bottom: 30px;}
     .dfjz-con .projects dl{/*width: calc((100% - 10px) / 2); */width: calc((100% - 0px) / 1);margin: 20px 0 0 0;}
    .dfjz-con .projects dl:nth-child(6n+1){}
    .dfjz-con .projects dl:nth-child(even),.nry-r .projects li:nth-child(even){float:right;}
    .dfjz-con .projects dl dd a{height:22px;overflow:hidden;}

    .nry{padding-bottom: 30px;margin-top: 70px;}
    .nry-l{width:100%;}
    .nry-r{width:100%;}
    .nry-video{margin-top: 30px;}
    .nry-r .projects li{width: calc((100% - 10px) / 2);margin: 20px 0 0 0;}

    .hj{padding-bottom: 30px;margin-top: 70px;}
    .hj .container,.xq .container{width:90%;}
    .hj-list dl{padding-bottom: 20px;margin-top: 20px;}
    .hj-list dl dt,.hj-list dl dd{width:100%;}
    .hj-list dl dd span{position: relative;bottom:0;float:right;font-size: 18px;}

    .xq{padding-bottom: 30px;margin-top: 80px;}
    .xq .news-xq .xq-title{font-size: 16px;}
    .xq .news-xq .xq-title i{height: 3px;margin-top: 20px;}
    .xq .news-xq .xq-con{font-size: 12px;}

    .sjyj-list{margin-top: 70px !important;}
    .dfjz-con ul li,.nry-xsjz .nry-r .projects li{width: calc((100% - 10px) / 2);margin: 20px 0 0 0;}
    .dfjz-con ul li:nth-child(even),.nry-xsjz .nry-r .projects li:nth-child(even){float:right;}
    .dfjz-con ul li p{line-height: 16px;height: 50px;}

    .team{padding-bottom: 30px;margin-top: 70px;}
    .team-l{width:100%;border:0;}
    .team-img{width:100%;}
    .team-info{width:100%;position:relative;right:0;margin-top:20px;}
    .team-info h3{font-size: 16px;}
    .team-info p{margin-top: 20px;font-size: 12px;line-height: 20px;}
    .team-r{width: 100%;}
    .team-r-t ul li{margin-top: 30px;}
    .team-r-t ul li p{margin-top: 10px;left: -10px;}
    .team-r-t ul li p span{margin: 10px 0 0 10px;}
    .team-r-b ul li{margin-top: 30px;}
    .team-down{font-size: 12px;line-height: 20px;margin-top: 10px;}
    .team-down p{padding-left: 60px;}

    .contact{padding-bottom: 50px;margin-top: 70px;}
    .contact-info{margin-top: 30px;}


    .ej-search{margin-top: 80px;}
    .ej-search .search-box{width:95%;margin:0 auto;}
    
    
}