@charset "UTF-8";
/*基础样式*/
.mp_show{display:none;}
.pc_show{}


html,body{
	background:#181818;
	font-size:14px;
	color:#333333;
}

ul { list-style:none;}
img { border:0px;}
a {text-decoration:none;}
a:visited{text-decoration:none;}
a:hover{text-decoration:none;}
a:active{text-decoration:none;}


/*页面导航*/
.nav-logo{width:263px}
.navbar-nav>li>a{padding-top:24px;}
.alinode-navbar{background-color:#181818;border-bottom:0}
.alinode-navbar .navbar-brand{padding:8px 0 0 140px}@media (min-width:992px){
.alinode-navbar-container{padding-right:125px;padding-left:0}
.alinode-navbar .navbar-nav>li>a{color:#d9d9d9; padding-right: 35px;padding-left: 35px}

.alinode-navbar .dropdown-menu>li>a,.alinode-navbar .navbar-nav>li>a{-webkit-transition:all .1s ease-out;-moz-transition:all .1s ease-out;-o-transition:all .1s ease-out;transition:all .1s ease-out}.alinode-navbar .navbar-nav>.open>a,.alinode-navbar .navbar-nav>.open>a:focus,.alinode-navbar .navbar-nav>.open>a:hover,.alinode-navbar .navbar-nav>li>a:focus,.alinode-navbar .navbar-nav>li>a:hover{color:#181818;background-color:#fff}.alinode-navbar .dropdown-menu{border:0;border-radius:0;background-color:#4e5465}.alinode-navbar .dropdown-menu>li>a{color:#fff;display:block;padding:6px 16px}.alinode-navbar .navbar-nav>li>.dropdown-menu{padding:0}.alinode-navbar .navbar-nav>li>a:active,.alinode-navbar .navbar-nav>li>a:focus,.alinode-navbar .navbar-nav>li>a:hover{color:#181818;background-color:#fff}.alinode-navbar .dropdown-menu>li>a:active,.alinode-navbar .dropdown-menu>li>a:focus,.alinode-navbar .dropdown-menu>li>a:hover{color:#fff;background-color:#3C27A3}.alinode-navbar .navbar-nav>.active>a,.alinode-navbar .navbar-nav>.active>a:focus,.alinode-navbar .navbar-nav>.active>a:hover{color:#181818;background-color:#fff}.alinode-navbar .dropdown-menu .divider{height:0;border-bottom:1px solid #fff;margin:2px 16px}.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{border:1px solid #6C6CC7;background-color:transparent}@media (max-width:991px){.alinode-navbar .navbar-nav .open .dropdown-menu,.alinode-navbar .navbar-nav .open .dropdown-menu>li>a{color:#fff;background-color:#4e5465}.alinode-navbar .navbar-nav .open .dropdown-menu>li>a:active,.alinode-navbar .navbar-nav .open .dropdown-menu>li>a:focus,.alinode-navbar .navbar-nav .open .dropdown-menu>li>a:hover{color:#fff;background-color:#3C27A3}}.alinode-navbar .navbar-collapse{border:0}.collapse-toggle>.glyphicon-menu-down,.dropdown-toggle>.glyphicon-menu-down{-webkit-transition:-webkit-transform .2s ease-out;-moz-transition:-moz-transform .2s ease-out;-o-transition:-o-transform .2s ease-out;transition:transform .2s ease-out;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}.collapse-toggle.collapsed>.glyphicon-menu-down,.open>.dropdown-toggle>.glyphicon-menu-down{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}
.article-content{line-height:1.5;padding:30px 70px}.article-content a{color:#656CC7}.article-content h2{font-size:24px;margin:40px 0 20px}.article-content h3{font-size:22px;margin:36px 0 16px}.article-content h4{font-size:20px;margin:24px 0 12px}.article-content h5{font-size:18px;margin:20px 0 8px}.article-content :not(pre)>code{color:#656CC7;background-color:#f7f8fb;border-radius:0;padding:2px 6px;-webkit-box-shadow:0 0 1px #93a2bd;box-shadow:0 0 1px #93a2bd;margin-left:6px;margin-right:6px}.article-content p{margin:20px 0}.article-content blockquote{color:#666;border-left:6px solid #ccc;margin:1.5em 10px;padding:20px 10px;quotes:"\201C""\201D""\2018""\2019"}.article-content blockquote:before{color:#ccc;content:open-quote;font-size:4em;line-height:.1em;margin-right:.25em;vertical-align:-.4em}.article-content blockquote p{display:inline}.article-content pre{border-radius:0;border:0;padding:30px;margin:20px 0}




.container-bg{width:1400px; margin-right:auto; margin-left:auto; padding-left:15px; padding-right:15px;}

/*标题banner*/
.title-banner{margin-top: 200px; margin-bottom: 100px;  height: 100px; z-index:-1; font-size: 36px; color: #FFF; text-align: center; line-height: 100px; font-weight: bold;}
.index_banner{margin:150px auto; width: 895px; height: 120px; pointer-events: none; background-image:url(../images/index-bg.png);}




/*案例展示*/
	
.img-bg{height: 228px; padding: 0; margin: 0; border: 0;}
.img-bg2{height: 262px; padding: 0; margin: 0; border: 0;}
.img-bg3{height: 316px; padding: 0; margin: 0; border: 0;}
.img-bg4{height: 460px; padding: 0; margin: 0; border: 0;}
.img-bg5{height: 480px; padding: 0; margin: 0; border: 0;}
.img-bg5{height: auto; padding: 0; margin: 0; border: 0;}
.img-bg6{height: 217px; padding: 0; margin: 0; border: 0;}


.img-tite{padding: 20px 0;  height: 120px;}
.img-tite2{padding: 20px 0;  height: 80px;}
	

	
.title-left{float:left; font-size: 16px; color: #d9d9d9;}
.title-left a{float:left; font-size: 16px; color: #d9d9d9;}
.title-left a:hover{color:#7c8e9e;}
.title-right a{float:right; font-size: 16px; color: #d9d9d9;}
.title-right a:hover{color:#7c8e9e;}

.record{text-align: center; color: #606060; font-size: 12px; padding: 80px 0;}


.allcase-title{margin-top:150px; margin-bottom:30px; height:20px;}
.allcase-title ul{list-style: none; display: block;}
.allcase-title li{float:left; padding: 0 20px; font-size: 16px; color: #d9d9d9;}
.allcase-title a{color: #606060;}
.allcase-title a:hover{color:#7c8e9e;}


.onecase-title{margin-top: 50px; margin-bottom: 50px;  height: 100px; z-index:-1; font-size: 36px; color: #d9d9d9; text-align: center; line-height: 100px; font-weight: bold;}
.onecase-in{margin-bottom:30px; height:auto;}
.onecase-in h3{margin-bottom: 30px; font-size: 28px; font-weight: bold; color:#d9d9d9; }
.onecase-in p{font-size: 16px; color:#d9d9d9; line-height: 30px;}



/*简介展示*/
.img-head{background-size: 100%; height: 390px; background-image:url(../images/nwhpic1.jpg);}
.img-text{margin-top: 20px;}
.img-text p{font-size: 16px; color: #d9d9d9; line-height: 20px;}

.bio-text{font-size: 16px; color: #d9d9d9;}
.bio-text p{margin: 10px 0;}

/*文论*/
.separator{display: block; position: relative; height: auto; margin-bottom:120px;}
.separator p{font-size: 16px; color: #606060; margin: 0px;}
.separator dt{height: 30px;  font-size: 24px; line-height: 30px; margin: 30px 0;}
.separator dt a{color: #d9d9d9;}
.separator dt a:hover{color:#7c8e9e;}
.line{height: 1px; border-bottom: 1px solid rgba(38, 38, 38, 0.95); margin-bottom: 30px;}
.separator dd p{font-size: 16px; color: #d9d9d9; height: auto;}


/*分页*/
.page-list{text-align: center; height: auto; font-size: 18px; position: relative;}
.page-list a{width: 50px; height: 50px; display: inline-block;  vertical-align: middle; color: #606060;  margin: 0 10px; transition: color .2s ease-in;}
.page-num.page-num-current{z-index: 1;color: #d9d9d9;}

.page-prev{margin-top:2px; width: 22px; height: 22px; display: inline-block; background-image: url(../images/paprev.png); background-repeat: no-repeat;}
.page-next{margin-top:2px; width: 22px; height: 22px; display: inline-block; background-image: url(../images/panext.png);background-repeat: no-repeat;}

/*展览*/
.title-left2{float:left; font-size: 16px; color: #d9d9d9;}



/*案例详情*/
.casecon-title{margin-top: 150px; margin-bottom: 50px;  height: auto;  font-size: 28px; color: #d9d9d9; text-align: center; }
.casecon-state{margin: 20px 0; font-size: 16px; height: 55px; border-bottom: 1px solid #262626;}
.state-left{float: left; color: #606060;}
.state-right{float: right; color: #606060;}

.casecon-pre a{float: left;  width: auto; text-align: left;  height: auto; color: #d9d9d9;}
.casecon-next a{float: right; width: auto; text-align: right; height: auto; color: #d9d9d9;}
.casecon-show{margin: 70px 0;}
.casecon-show p{font-size: 16px; color: #d9d9d9; height: auto; line-height: 30px;}
.case-pn{margin-bottom: 10px;}