/*
*	created by xjs 2019.03.29
*/
body{font-size: 14px;font-family: '微软雅黑','Microsoft YaHei','宋体' ,'黑体' ,'SimSun','Arial Black','sans-serif';background-color: #ffffff;color: #000000;}
h3{}
h3 a{color: #000000;}
.pt35{padding-top: 35px;}

.pb30{padding-bottom: 30px;}
.pt20{padding-top: 20px;}
.pt30{padding-top: 30px;}
.pt10{padding-top: 10px;}
.mt20{margin-top: 20px;}
.clearfix{overflow:auto;_height:1%;}
/*.clearfix{}*/
.clear{clear:both;}
/*.container{padding-left: 30px;padding-right: 30px;}*/
/*.row {
    margin-right: 0px;
    margin-left: 0px;
}*/
img{    vertical-align: middle;}

a:link {color: #000000; text-decoration:none;} 
a:active:{color: #000000;}
a:visited {color: #000000;text-decoration:none;} 
a:hover {color: #4fb3a1;text-decoration:none;} 
p{margin-bottom: 0;}
/* .w100{width: 100%;} */

.big-title{margin-bottom: 25px;width: 100%;text-align: left;}
 .big-title h1 b{font-size: 24px;color: #000000;}
  .big-title h1 i{display: inline-block; margin-left: 7px;vertical-align:bottom; font-size: 18px;font-weight: normal;  color: #4fb3a1;}
  .big-title h1 span{float: right;margin-top: 9px;margin-right: 5px; color:#585858;font-size: 14px;}
    .big-title h1 img{float: right;}

  h5{padding: 15px 12px 0 12px;height:85px; line-height: 30px;font-size: 20px;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp:2;
overflow: hidden;}
.middle-title{
	width:100%;
	height: 30px;
	border-bottom: 1px solid #cccccc;
}
 .middle-title h3{
	padding-left: 30px;
	margin-top: 15px;
	width: 150px;
	height: 30px;
	background-repeat: no-repeat;
	font-size: 20px;
	font-weight: 800;
	border-bottom: 2px solid #62a24c;
	text-align: left;
}

/*header */
.header-container{
		background-color: #333333;
		height: 80px;
		color: #fefefe;
}
.search input{
	width: 340px;
	height: 35px;
	border: 1px solid #4CAF50;
	margin-right:-5px;
	text-indent: 1em;
}
.search button{
	display: inline-block;
	width: 90px;
	height: 35px;
	background-color: #4CAF50;
	border: 1px solid #4CAF50;
	color: #fff;
}

.banner-container{/*height:660px;*/}
.banner-box{ /*height:660px;*/width: 100%;}
.banner-img-box{/*height:660px;*/overflow:hidden;}
.banner-img-list{}
.banner-img-list img{display:block;}
.banner-img-list li{width:100%; /*height: 660px;*/float:left;}
.banner-img-list li img{width:100%; height: 100%;}
.banner-nav .banner-t {float: left;padding-left: 25px;padding-top: 20px;}
.banner-t p{color: #fff;font-size: 20px;}
.banner-t span{color: #cbcbcb;font-size: 14px;}
.banner-nav{float: left;position: absolute;bottom: 10px;left: 15px;width: 100%;background: rgba(0,0,0,.5);}
.bn-list{/*position:relative;*/margin-top:10px;margin-right: 25px;float: right;}
.bn-list li{float:left;margin-left:8px;width:115px;height:80px;}
.bn-list li img{width: 100%;height: 100%;border: 1px solid #ffffff; }
.bn-list .on img{display:block;border:1px solid #4fb5a0;}
/*NEWS*/
.news-container{

} 
.news-container .one-news{
	margin-bottom: 20px;
	
}
.news-container .one-news img{width: 100%;}

.news-container .one-news h5{background-color: #f5f5f5;}
.news-container .one-news .news-detail{padding: 7px 12px 20px 12px;margin-bottom: 0;line-height: 22px;background-color: #f5f5f5;color: #919191;
display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2; overflow: hidden;}

/*work*/
.works-container{}
.works-container .one-work{margin-bottom: 20px;} 
 .works-container .one-work .work-img{height: 240px;overflow:hidden;}
 .works-container .one-work img{width: 100%;} 
  .one-work .work-details{background-color: #f5f5f5;}
  .one-work .work-details .work-label{padding-top:10px;padding-left: 10px;margin-bottom: 0;}
.work-details .work-label span{display: inline-block; padding: 2px 7px; margin-right: 8px; background-color: #d2d2d2;color: #fff; border-radius:10px; font-size: 12px; }
.work-details .work-detail { padding:0 10px 10px;line-height: 22px;color: #727171;}
.work-details .work-company {padding:20px 8px 20px 0; border-top: 1px solid #d2d2d2; text-align: right; }
.work-details .work-company img{margin-right: 5px; width: 12px;height: 12px;vertical-align: baseline;}

/*AD*/
.company-container .one-ad{margin-bottom: 24px;}

/*DESIGNER*/
.designer-container{}
.designer-container .one-designer{margin-bottom:24px;}
.one-designer .designer-img{height: 450px;overflow: hidden;}
.one-designer .designer-img img{width: 100%;}

.one-designer .designer-details{background-color: #f5f5f5;}
.designer-details .des-detail { padding:0 10px 10px;line-height: 22px;color: #717171;}
.designer-details .des-label{padding: 17px 0 17px 10px; border-top: 1px solid #d2d2d2;}
.designer-details .des-label span{display: inline-block; padding: 2px 7px; margin-right: 8px; background-color: #d2d2d2;color: #fff; border-radius:10px; font-size: 12px; }

/*ACTIVITY*/
.activity-container{padding-bottom: 50px;}
.activity-news ul{padding-top: 15px;}
.activity-news ul li{width: 100%; height: 30px;line-height: 30px;}
.activity-news ul li span{color: #4fb3a1;}
.activity-news ul li p{width: 100%;height: 30px; display: inline-block;overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;}
.activity-news ul li time{float: right; color: #7d7d7d;}





/*footer*/
.footer-container{padding-bottom: 30px;background-color: #333333;color: #ffffff;}
.foot1 .erweima{float: left;margin-top: 40px;width: 40%;text-align: center;}
.foot1 .erweima img{width:80%;}
.foot1 .erweima p{line-height: 24px;}
.foot2 a{display: block;margin-bottom: 30px; font-weight: bold;color: #ffffff;}
.foot3 p{margin-bottom: 23px;font-size: 12px}
.foot4 a{color: #ffffff;font-size: 12px}
.foot4 p{margin-bottom: 20px;text-align: right;}

@media (max-width: 768px){
	.pt35{padding-top: 20px;}
	.pt30{padding-top: 10px;}
	/*导航*/
	/*.navbar-header{width: 150px;}*/
	.navbar-default .navbar-brand{width: 150px;}
	.navbar-brand>img{width: 100%;}
	.navbar-toggle{margin-top: 15px;}
	.nav>li>a{padding-left: 12px;padding-right: 12px;}
	.header-container{height: 65px;}
	/*banner*/
/*	.banner-container{height:300px;}
	.banner-box{height:300px;}
	.banner-img-box{height:300px;}
	.banner-img-list li{height: 300px;}*/
	.banner-nav{bottom: 90px;}
	.banner-nav .banner-t{padding-left: 10px;padding-top: 10px;}
	.banner-t p{font-size: 16px;}

	/*咨询*/
	.big-title h1 b{font-size: 20px;}
	.big-title h1 i{font-size: 16px;}
	.news-container .one-news h5{padding: 10px 3px 0 3px;}
	h5{height: 75px;font-size: 14px;}
	.news-container .one-news .news-detail{display: none;}

	/*作品*/
	.works-container .one-work .work-img{height: 165px;}
	/*shejishi*/
	.one-designer .designer-img{height: 260px;}
}
@media (max-width: 480px){
	.banner-t span{display: none;}
	.banner-nav{position: relative;left: 0;bottom:10px;}
	.banner-t p{font-size: 14px;}
	.bn-list li{width: 50px;height: 35px;}
	.activity-news{margin-top: 30px;}
}