/* CSS Document */
.banner{background-position:center center; background-repeat:no-repeat; background-size:cover;}
.layout{padding:50px 0px;}
.layout-left{width:20%; float:left;}
.layout-left-menu-title{
	height:120px; margin-top:-100px; background:url(../images/zubao.png) no-repeat center 70% #FF5B00; 
	line-height:90px; text-align:center; color:#FFFFFF; font-size:24px;
}
.layout-left-menu-list{}
.layout-left-menu-list a{display:block; color:#333333; font-size:18px;}
.layout-left-menu-list a span{position:relative; display:block; padding:20px 0; padding-left:45px; border-bottom:dotted 1px #999999;}

.layout-left-menu-list a i{
	display:inline-block; border:4px solid #aaa; border-color:transparent #AAA #AAA transparent;
	-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);  -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg); transform: rotate(-45deg); position: absolute; top: 50%; left: 20px;
	margin-top:-3px;
}

.layout-left-menu-list a:hover,
.layout-left-menu-list a.curr{
	 color: #FF5B00;
}

.layout-left-menu-list a:hover i,
.layout-left-menu-list a.curr i{
	border-color: transparent #FF5B00 #FF5B00 transparent;
}

.layout-right{padding-left:25%;}
.layout-title{padding:20px; font-size:20px; font-weight:500; text-align:center;}
.layout-navbar{
	padding:20px; background-color:#FBFBFB; font-size:16px; color:#666666; 
	text-align:center; border-bottom:dotted 1px #999999; height:25px; line-height:25px;
}

.layout-navbar a{
	display:inline-block; padding:0px 10px; background-color:#FF5B00; color:#FFFFFF;
	float:right; font-size:14px;
}

.layout-content{
	padding:20px; background-color:#FBFBFB; font-size:14px; color:#333333; 
	line-height:26px; text-align:justify;
}

.layout-content img{
	max-width:100%;
}


.news-list{}
.news-list a{display:block; overflow:hidden; padding-top:10px; padding-bottom:10px; border-bottom:dotted 1px #999999;}
.news-list a img{width:25%; float:left;}
.news-list a div{padding-left:28%;}
.news-list a div h1{
	font-size:18px; overflow:hidden; -ms-text-overflow:ellipsis; text-overflow: ellipsis;  white-space: nowrap;
}
.news-list a div p{
	font-size:14px; color:#666666; overflow:hidden; -ms-text-overflow: ellipsis; text-overflow:ellipsis; display: -webkit-box;
    -webkit-line-clamp:3; -webkit-box-orient:vertical; line-height: 20px; margin-top:20px;
}
.news-list a div p.regdate{
	text-align:right;
}


.product-list{}
.product-list a{display:inline-block; width:33.33333%; float:left;}
.product-list a div{margin:5px; border:solid 1px #E4E4E4; background-color:#F2F2F2; overflow:hidden;}
.product-list a img{width:100%; -webkit-transition: all .25s; -moz-transition: all .25s;-ms-transition: all .25s; -o-transition: all .25s; transition: all .25s;}
.product-list a div:hover{border-color: #FF5B00; box-shadow: 0 0 20px rgba(0,0,0,.2);}
.product-list a h1{
	font-size:18px; padding:20px 10px; overflow:hidden; -ms-text-overflow:ellipsis;
    text-overflow:ellipsis; white-space:nowrap; font-weight:500; color:#333333;
}
.product-list a p{padding:20px 10px; margin-top:-20px;}
.product-list a p span{
    font-size:14px; color:#666666;  border:1px solid #666666;
    border-radius:20px; padding:5px 10px; display:inline-block;	
}


.case-list{}
.case-list a{display:block; overflow:hidden; padding-top:10px; padding-bottom:10px; border-bottom:dotted 1px #999999;}
.case-list a img{width:25%; float:left;}
.case-list a div{padding-left:28%;}
.case-list a div h1{
	font-size:18px; overflow:hidden; -ms-text-overflow:ellipsis; text-overflow: ellipsis;  white-space: nowrap;
}
.case-list a div p{
	font-size:14px; color:#666666; overflow:hidden; -ms-text-overflow: ellipsis; text-overflow:ellipsis; display: -webkit-box;
    -webkit-line-clamp:3; -webkit-box-orient:vertical; line-height: 20px; margin-top:20px;
}
.case-list a div p.regdate{
	text-align:right;
}

@media screen and (min-width:1280px){
	.banner{height:50%;}
}

@media screen and (max-width:1280px){
	.banner{height:45%;}
}

@media screen and (max-width:1200px){
	.banner{height:40%;}
}

@media screen and (max-width:1100px){
	.banner{height:35%;}
}

@media screen and (max-width:1000px){
	.banner{height:30%;}
}

@media screen and (min-width:980px){
	
}

@media screen and (max-width:980px){
	.banner{margin-top:80px;}
	.layout{padding:0px;}
	.layout-left{width:100%; float:inherit;}
	.layout-left-menu-title{display:none;}
	.layout-left-menu-list{border-bottom:dotted 1px #999999; padding:10px;}
	.layout-left-menu-list a{display:inline-block; width:33.333333%; font-size:16px; float:left;}
	.layout-left-menu-list a span{display:block; border:solid 1px #999999; text-align:center; padding:5px; margin:5px;}
	.layout-left-menu-list a.curr{color:#FF5B00;}
	.layout-left-menu-list a.curr span{border-color:#FF5B00;}
	.layout-left-menu-list a i{border-width:1px; margin-top:0px;}
	.layout-right{padding:0px;}
	.layout-right h2{font-size:18px; padding:20px; text-align:center;}

	.layout-navbar{padding:10px; text-align:left; font-size:14px;}
	.layout-content{padding:10px; font-size:14px;}
	.news-list a{padding:10px;}
	.news-list a div h1{font-size:16px;}
	.news-list a div p{-webkit-line-clamp:3;}
	.product-list a h1{font-size:16px;}
	.case-list a{padding:10px;}
	.case-list a div h1{font-size:16px;}
	.case-list a div p{-webkit-line-clamp:3;}
	.page{padding: 20px 0px;}
	.page span, .page a, .page .p_count{
		padding:7px 10px; 
		font-size: 12px;
	}
}

@media screen and (max-width:779px){
	.banner{margin-top:50px;}
	.layout-right h2{font-size:16px;}
	.layout-left-menu-list a{font-size:14px;}
	.layou-content{font-size:13px;}
	.news-list a div h1{font-size:14px;}
	.news-list a div p{margin-top:5px; -webkit-line-clamp:2;}
	.product-list a{width:50%;}
	.product-list a h1{font-size:14px;}
	.product-list a p span{font-size:12px;}
	.case-list a div h1{font-size:14px;}
	.case-list a div p{margin-top:5px; -webkit-line-clamp:2;}
	.page{padding: 15px 0px;}
	.page span, .page a, .page .p_count{padding:5px 8px;}
}

@media screen and (max-width:450px){
	.layout-right h2{font-size:14px;}
	.news-list a div p{-webkit-line-clamp:1;}
	.case-list a div p{-webkit-line-clamp:1;}
	.page{padding: 10px 0px;}
	.page span, .page a, .page .p_count{padding:2px 5px;}
}