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

body,div,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,iframe,input,textarea,select,label,article,aside,footer,header,menu,nav,section,time,audio,video { margin:0; padding:0; }
article,aside,footer,header,hgroup,nav,section,audio,canvas,video { display: block; }
body { font-size: 100%;  font-family: "PingFang SC", "Hiragino Sans GB", STHeiti, "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-tap-highlight-color:rgba(0,0,0,0); background-color: #fff;}
textarea { resize: none; }
iframe,img { border:0; }
ul,ol { list-style:none; }
input, select, textarea { outline: 0; -webkit-user-modify: read-write-plaintext-only; }
/*input { -webkit-appearance: none; } */
a { text-decoration: none; color: #666; }
a:hover { text-decoration: underline; color: #62b15d; }

/* 清理浮动 */
.clearfix { clear: both; zoom: 1; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* 全局浮动 */
.fl { float: left; }
.fr { float: right; }

.container {
	padding: 0 40px;
	margin:0 auto;
}

.wrapper {
	margin: 0 auto;
	width: 1200px;
}

/*顶部*/
.topbar{ padding:10px 0;}
.topbar .logo{ float:left;}
.topbar .nav{
	margin: 0 auto;
    width: 50%;
    line-height: 50px;
    position: relative;
    left: 10%;
}
.topbar .nav ul li{ float:left;}
.topbar .nav ul li a{ text-align:center; color:#333; font-size:15px; font-weight:bold; font-family:"PingFang SC", "Hiragino Sans GB", STHeiti, "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif; padding:0 15px;}
.topbar .nav ul li a:hover{ color:#de0031;}
.topbar .top-right{ float:right; margin-top:12px; display:block; transition: top 400ms;}
.topbar .top-right ul li{ float:left; margin-left:20px;}


/*底部导航*/
.bottom {
	width: 100%;
	height: 70px;
	line-height: 45px;
	color: #333;
	font-size: 12px;
	position: fixed;
	bottom: 0;
	z-index: 2;
	background: #fff;
	box-shadow: 0 -2px 2px 0 rgba(0,0,0,.08);
}
.bottom dl {
	float: left;
	font-size: 14px;
	color: #fff;
	width: 20%;
	text-align: center;
}
.bottom dl dt {
	padding-top: 16px;
	padding-bottom: 2px;
	color: #FFF;
	font-weight: bold;
}
.bottom dl dd {
	color: #333;
	line-height: 160%;
}
.bottom dl a{ text-decoration:none;}
.spaceheight {
	height: 70px;
}


/*首页产品*/
.homebox3 {
	background: #f5f6f8;
	background-size: contain;
	padding: 0 40px 40px 40px;
	box-sizing: border-box;
}
.homebox3 .hometitle {
	font-size: 18px;
	line-height: 30px;
	text-align: left;
	font-weight: 900;
	display: block;
	width: 100%;
	font-family: "Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", STHeiti, "WenQuanYi Micro Hei", sans-serif;
	color: #333333;
	float: left;
	width: 50%;
}
.homebox3 .hometext {
	font-size: 14px;
	line-height: 30px;
	text-align: right;
	display: block;
	width: 100%;
	color: #666;
	float: left;
	width: 50%;
}
.homebox3 .hometext a{ color:#666;}
.probox2 {
    padding-top: 0px;
    padding-bottom: 12px;
    width: 100%;
}

.homebox3 .item{
    transition: all .6s;
    cursor: pointer;
    overflow: hidden;
    font-size: 14px;
    color: #666;
    float: left;
    display: block;
    width: 23.5%;
    margin-right: 2%;
    box-sizing: border-box;
    margin-top: 20px;
    background: #FFF;
}
.homebox3 .item .pic{ background:#fff; overflow:hidden;}
.homebox3 .item .pic img{ height:100%; width:100%; display:block;}
.homebox3 .item .info{ text-align:center; padding:10px; line-height:1.4;}
.homebox3 .item .info .name{ font-size:16px; color:#0b309c; margin-bottom:5px;}
.homebox3 .item .info .size{ font-size:13px; color:#666;}
.homebox3 .item:hover{
	box-shadow: 0 2px 20px rgba(0,0,0,.09);
    -webkit-transform: translateY(-12px);
    transform: translateY(-12px);
}
.homebox3 .item a{ text-decoration:none;}
.homebox3 .item:nth-child(4n){ margin-right: 0;}




/*logo滚动*/
.homeboxbrand {
	background: #f5f6f8;
	background-size: contain;
	padding: 40px;
	box-sizing: border-box;
	width: 100%;
	height: 380px;
}
.logomm {
	width: 100%;
	height: 300px;
	margin-left: auto;
	margin-right: auto;
}
.logomm .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	height: calc((100% - 30px) / 2);
	display: -webkit-box;
	display: -ms-flexbox;
	display: block;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.logomm .swiper-slide .brandimg {
	float: left;
	display: block;
	text-align: center;
	width: 100%;
	margin-top: 40px;
}
.logomm .swiper-slide .brandimg img {
	text-align: center;
	max-width:100%;
}
.logomm .swiper-slide .brandtxt {
	float: left;
	display: block;
	text-align: center;
	font-size: 14px;
	width: 100%;
	margin-top: 10px;
}
.logomm .swiper-pagination-bullet-active:before, .logomm .swiper-pagination-bullet-active:after{ background:none;}
.logomm .swiper-pagination-bullet:before, .logomm .swiper-pagination-bullet:after{ background:none;}
.logomm .swiper-pagination-bullet{ width:8px; height:8px;}


/*首页设计团队*/
.designer{ width:100%; font-family: Songti SC,宋体,Arial,sans-serif; height:480px; margin-top:30px;}
.designer .designer-item{}
.designer .designer-item .inner .thumbnail{ height:450px;}
.designer .designer-item .inner .thumbnail img{ height:450px;}
.designer .swiper-pagination-bullet-active:before, .designer .swiper-pagination-bullet-active:after{ background:none;}
.designer .swiper-pagination-bullet:before, .designer .swiper-pagination-bullet:after{ background:none;}
.designer .swiper-pagination-bullet{ width:8px; height:8px;}

@media (max-width: 960px){
	.topbar .nav{ display:none;}
}

@media (max-width: 720px) {
	.homeboxbrand {
		background: #f5f6f8;
		background-size: contain;
		padding: 10px;
		box-sizing: border-box;
		height:330px;
	}
	.homebox3 .item { width: 49%;}
	.homebox3 .item:nth-child(2n) { margin-right: 0;}
	.homebox3 { padding: 10px;}
	
	.designer{ height:350px;}
	.designer .designer-item .inner .thumbnail img,.designer .designer-item .inner .thumbnail{
		height: 300px;
	}
}