@charset "utf-8";
/* CSS Document */

.design-one{ padding:50px 0; background:#fff; position:relative;}
.design-tit{ text-align:center; margin-bottom:50px;}
.design-tit h2{ font-size:26px; color:#000;}
.design-tit h3{ font-size:12px; color:#585858;}
.design-oneshow ul{ overflow:hidden; margin-bottom:50px; text-align:center;}
.design-oneshow ul li{ display:inline-block;text-align:center; margin-bottom:25px; max-height:350px;*float:left}
.design-oneshow ul li p{ margin-top:20px; font-size:16px; color:#343434;}
.design-oneshow ul li .dsic{ width:170px; height:300px; display:table-cell; vertical-align:middle; text-align:center;*vertical-align: middle;}

.design-two{ padding:80px 0 40px 0; background:url(../images/imgbj03.jpg) no-repeat 50%; background-size:cover;}
.design-twoshow ul{ overflow:hidden;text-align:center;}
.design-twoshow ul li{text-align:center; margin-bottom:50px;}
.design-twoshow ul li .img1{ width:100%; max-width:470px; margin-right:120px;}
.design-twoshow ul li .img2{ width:100%; max-width:470px;}
.design-three{ padding:40px 0 40px 0; background:url(../images/imgbj04.jpg) no-repeat 50%; background-size:cover;}
.design-threeshow ul{ overflow:hidden;text-align:center;}
.design-threeshow ul li{ display:inline-block;text-align:center; margin:0 20px 50px;width:255px;height:500px;*float:left}
.design-threeshow ul li .img1{ }
.erweima {width:50%;position:relative;z-index:11111;left:64px; top:-185px;display:none}
/*mobile*/
.mobile-one{ background-image:url(../images/imgbj12.jpg); background-size:cover;
padding:55px 0; background-repeat:no-repeat; background-position:50%;}
.mobile-nav{ padding-bottom:100px; position:relative;}
.mobile-nav .item{ font-size:14px; color:#fff;}
.mobile-nav .item.iteml{float:left; margin-left:10%;}
.mobile-nav .item.itemr{ float:right; margin-right:10%;}
.mobile-nav .item h3{ font-size:18px;}
.mobile-nav .item p{ font-size:14px;}
.mobile-nav .item .column{ padding-left:60px; position:relative; margin-bottom:40px;}
.mobile-nav .item .icbox{ position:absolute; top:10px; left:0px;}
.mobile-nav .itemimg{ position:absolute; top:-8%; left:50%; margin-left:-15%; width:31%; text-align:center;}
.mobile-nav .itemimg img{ width:100%; max-width:370px;}
.mobile-nav2{ background:#fff; border-radius:10px; padding:30px 0; overflow:hidden;}
.mobile-nav2 .item{ float:left; width:18%; margin:0 1%;*float:left}
.mobile-nav2 .item .icbox{ text-align:center; height:54px; line-height:54px; display:inline-block; position:relative; left:50%; margin-left:-34%;}
.mobile-nav2 .item .icbox img{ vertical-align:middle;}
.mobile-nav2 .item p{ font-size:14px; color:#828282;}
.mobile-nav2 .item p i{ font-size:16px; color:#2a2a2a;}
.mobile-two{ padding:50px 0;}
.mobile-two .imgshow1{ border:1px solid #e2e2e2; border-bottom:none; padding:10px 0; text-align:center;}
.mobile-two .imgshow1 img{ width:79.5%; max-width:954px;}
.mobile-two .imgshow1.last{ border-bottom:1px solid #e2e2e2;}

@media(max-width:1200px){
	.mobile-nav2 .item p{ font-size:12px;}
	.mobile-nav2 .item p i{ font-size:12px;}
}
@media(max-width:900px){
	.mobile-nav .item.iteml{ margin-left:1%; margin-right:4%;}
	.mobile-nav .item.itemr{ margin-right:1%; float:left;}
	.mobile-nav .itemimg{margin-left:10%;}
}
@media(max-width:768px){
	.design-oneshow ul li{ width:100%;}
	.design-oneshow ul li .img1{ width:100%; max-width:390px;}
	.design-oneshow ul li .img2{ width:100%; max-width:230px;}
	.design-oneshow ul li .img3{ width:100%; max-width:170px;}
	.design-oneshow ul li .dsic{ width:100%; display:block; height:60px;}
	.mobile-nav2 .item .icbox{ margin-left:-39%;}
	.mobile-nav2 .item{ width:45%;}
	.mobile-nav2{ padding-left:6%;}
	.mobile-nav .itemimg{ display:none;}
}