@charset "utf-8";

/*首页样式*/

/*banner*/
#newbanner{padding:40px 0 112px; min-height: 768px; background:url(../images/banner.jpg);	background-repeat: no-repeat;
	background-size: cover; background-attachment: scroll; background-position: 0 0%; position:relative; z-index:0;}
#newbanner .bgcolor{position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; background-color:rgba(0,25,63,0.7);}
#newbanner .pic{position:relative; z-index:2;}
#newbanner .pic img{display:block; margin:120px auto 0; max-width:100%; height:auto;}

/*通用标题*/
.Title{text-align:center; color:#102242;}
.Title h1{font-size:32px;}
.Title b{display:block; width:60px; border-bottom:3px solid #102242; margin:20px auto 10px;}
.Title span{display:block; font-size:12px; line-height:1.5; padding:10px 0 16px;}
.Title p{color:#4d5769; padding:0 0 30px 0;}

/*设计服务*/
.fuwu01{width:100%; padding:100px 0; background-color:#102242;}
.fuwu01 .Title{color:#fff; padding-bottom:50px;}
.fuwu01 .Title b{border-color:#fff;}
.fuwu01 .fwxm{float:left; width:46%; margin:0 2% 20px;}
.fuwu01 .fwxm img{display:block; max-width:100%; height:auto; margin:auto;}
.fuwu01 .fwxm p{width:80%; margin:20px auto 0; color:#B7C4D1; text-align:center;}


.wrap-box{width:100%; background:url(../images/a6.png) no-repeat fixed; background-color:#F1F3F2; padding:100px 0 300px;}

/*设计服务*/
.ss00{width:100%; background-color:#273855; padding:80px 0; transition:all 500ms;}
.ss00:hover{background-color:#102242;}
.ss00 img{display:block; max-width:100%; height:auto; margin:auto;}
.ss00 b{display:block; width:50px; border-bottom:2px solid #fff; margin:40px auto;}
.ss00 .conts{width:60%; text-align:center; margin:40px auto 0;}
h4.s-nm{font-size:16px; color:#fff; width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
p.p0{font-size:12px; color:#B7C4D1;}

/*项目展示*/
.xm-list{width:100%; margin-bottom:20px;}
.xm-list a{display:block; width:100%; height:auto;}
.xm-list a:hover{text-decoration:none;}
.xm-list .pic{width:100%; height:auto; overflow:hidden;}
.xm-list .pic img{display:block; width:100%; height:auto; margin:auto; transition:all 500ms;}
.xm-list .conts{width:100%; background-color:#102242; padding:20px 20px 40px; text-align:center;}
.xm-list .conts p{line-height:24px; height:48px; overflow:hidden;}
.xm-list a:hover img{transform: scale(1.1);}
.More{display:block; width:138px; margin:60px auto 0; background:transparent; border-radius:0; border-color:#888; color:#888;}
.More:hover{background:transparent; border-color:#888888; color:#888;}

/*管理团队*/
.picScroll-left{ overflow:hidden; position:relative;}
.picScroll-left .hd{position:absolute; right:8%; bottom:0; z-index:9;}
.picScroll-left .hd .prev,.picScroll-left .hd .next{float:left; display:block; color:#000; font-size:22px; width:40px; height:40px;
	font-family:"宋体"; text-align:center; line-height:40px; background-color:#ededed; color:#102242;}
.picScroll-left .hd .prev{background-color:#102242; color:#ededed;}
.picScroll-left .hd .prev:hover,.picScroll-left .hd .next:hover{text-decoration:none;}
.picScroll-left .bd{width:100%;}
.picScroll-left .bd .tempWrap{margin:auto;}
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ margin:0 8px; width:100%; overflow:hidden; text-align:center;  }
.people{width:80%; margin:auto;background-color:#102242;}
.people .pic{float:left; width:40%; height:auto; overflow:hidden;}
.people .pic img{display:block; width:100%; height:auto; margin:auto;}
.people .wenb{float:left; width:56%; padding:0 60px; color:#fff; text-align:left; overflow:hidden;}
.people .wenb h4{padding:20px; border-bottom:1px solid #fff;}
.people .wenb p{padding-left:20px;}
.people .wenb p.p01{padding-bottom:10px;}
.people .wenb p.p02{color:#c1c1c1;}


/*内页样式*/
.big-content{width:100%; background:url(../images/b.jpg) no-repeat fixed; background-size: cover; background-position: 0 0%; 
	padding:100px 0 200px; position:relative; z-index:-2;}
.bg-new{background:url(../images/b4.jpg) no-repeat fixed; background-size: cover; background-position: 0 0%; }
.bg-we{background:url(../images/b5.jpg) no-repeat fixed; background-size: cover; background-position: center bottom;}
.bg-lx{background:url(../images/b6.jpg) no-repeat fixed; background-size: cover; background-position: center bottom;}
.big-content .bgcolor{position:absolute; top:0; left:0; z-index:-1; width:100%; height:100%; background-color:rgba(16,34,66,0.9);}

/*设计项目展示*/
.big-content .Title{color:#fff;}
.big-content .Title b{border-color:#fff;}
.big-content .Title p{color:#eee;}
.sxshow .xm-list{margin-bottom:60px;}

/*新闻资讯*/
.News .classify{width:100%; padding:40px 0; border-bottom:1px solid #526483; text-align:center;}
.News .classify a{display:inline-block; color:#fff; padding:5px 15px; border:1px solid transparent; margin:0 10px;}
.News .classify a.on,.News .classify a:hover{border-color:#fff; text-decoration:none;}
.N_list{position:relative;}
.N_list .line{position:absolute; left:50%; top:0; width:2px; margin-left:-1px; height:100%; background-color:#fff; }
.N_list ul{padding:0;}
.N_list li .N-item{width:54%; padding:10px 1%; border:1px solid transparent; color:#fff; transition:all 500ms; position:relative;}
.N_list li:hover .N-item{border-color:#fff;}
.N_list li .N-item .text{float:left; width:66%; text-align:right;}
.N_list li .N-item .text .tit{color:#fff; font-size:16px; width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.N_list li .N-item .text .conts{margin-top:15px; line-height:24px; height:48px; overflow:hidden;}
.N_list li .N-item .time{float:left; padding-top:10px; width:33%;  color:#ccc; text-align:center; font-size:22px;}
.N_list li:hover .N-item .time{color:#fff;}
.N_list li .N-item i{display:block; position:absolute; right:6%; top:50%; width:14px; height:14px; border-radius:20px; margin-top:-7px;
	background-color:#fff;}
.N_list li:nth-child(2n) .N-item{margin-left:46%;}
.N_list li:nth-child(2n) .N-item .text{position:relative; left:32%;}
.N_list li:nth-child(2n) .N-item .time{position:relative; left:-65%;}
.N_list li:nth-child(2n) .N-item i{left:6%; margin-left:2px;}
.N_list .jia{display:block; width:36px; height:36px; margin:auto;text-align:center; line-height:36px; background:transparent;}
.N_list .jia span{color:#fff; font-size:42px;}

/*服务*/
.header-bg{width:100%; background-color:#102242; padding-bottom:40px;}
.shej .ss00{margin-bottom:20px;}

/*关于我们*/
.about .pic{width:100%;}
.about .pic img{display:block; max-width:100%; height:auto; margin:40px auto;}
.about .wenb{width:100%; color:#fff;}
.about .wenb p{margin:20px 0;}

/*联系我们*/
.contact{color:#fff;;}
.contact .name{width:100%; padding:10px 0; border-bottom:1px solid #fff; margin-bottom:15px;}
.contact .name h4{display:inline;}
.contact .name span{font-size:12px; padding-left:20px;}
.contact .address{margin-bottom:60px;}
.Mess{width:100%; overflow:hidden;}
.form-horizontal .form-group{margin:0 0 15px;}
.Mess .form-group .control-label{float:left; width:100px; text-align:center;}
.Mess .form-group .opt{float:left; width:70%;}
.Mess .form-control{background:transparent;}
.Mess .send{margin:20px 0 0 40px;}
.Mess .send button{background:transparent; padding:4px 18px; color:#fff; border-radius:0;}


/*项目详情*/
.wk-infor{width:100%; background:#fff; padding:200px 0;}
.wk-infor .xm-tit{padding-bottom:20px; border-bottom:1px solid #ddd;}
.wk-infor .xm-tit h2{font-size:26px; padding:10px 0; text-align:center; color:#000;}
.wk-infor .xm-tit .time{display:block; color:#000; text-align:center; }
.wk-infor .pr-detail .pic{width:100%; height:auto; overflow:hidden;}
.wk-infor .pr-detail .pic img{display:block; max-width:100%; height:auto; margin:auto;}
.wk-infor .new-detail .conts p{margin-bottom:20px;}
.Fanye{margin-top:40px;}
.Fanye .xu{height:30px; color:#666; margin-bottom:10px;}
.Fanye .xu span{float:left; display:block; line-height:30px; color:#333;}
.Fanye .xu a{float:left; display:block; line-height:30px; height:30px; width:70%; margin-left:5px; }
.Fanye .xu a:hover{color:#102242; text-decoration:underline;}












@media (max-width:991px){
	#newbanner{min-height:528px; padding:40px 0 50px;}
}

@media (max-width:992px){
	.picScroll-left .hd{position:absolute; right:0%;}
	.people{width:100%;}
	.people .pic{float:none; width:100%; height:auto; overflow:hidden;}
	.people .wenb{float:none; width:100%; padding:20px 10% 50px;}

}



@media (max-width:767px){
	.header-bg{padding:0;}

	#newbanner{min-height:428px; padding:0 0 50px;}
	
	.fuwu01{padding:60px 0;}
	.fuwu01 .fwxm p{width:96%;}

	.col-xs-4{padding:0;}
	
	.N_list li .N-item{width:100%; margin:auto;}
	.N_list .line{display:none;}
	.N_list li .N-item .time{float:left; width:20%;}
	.N_list li .N-item .text{float:right; width:80%; text-align:left;}
	.N_list li .N-item i{display:none;}
	.N_list li:nth-child(2n) .N-item{margin-left:0;}
	.N_list li:nth-child(2n) .N-item .text{left:0;}
	.N_list li:nth-child(2n) .N-item .time{left:0;}

	.wrap-box{padding:80px 0 100px;}
	.big-content{padding:60px 0 100px;}
	.wk-infor{padding:60px 0 100px;}

	.wk-infor .pr-detail .text{margin-top:20px;}
	.wk-infor .new-detail .conts p{margin-bottom:10px;}


	
	

}

@media (max-width:557px){
	
	.Title h1{font-size:22px;}

	

	.N_list li .N-item .time{width:30%;}
	.N_list li .N-item .text{width:70%;}
	.N_list li .N-item .time{font-size:18px;}
	
	.Mess .form-group .control-label{width:26%;}

	
	.wk-infor .xm-tit h2{font-size:18px;}
}