/* CSS Document */

/**{ -webkit-transition:none; -moz-transition:none; -ms-transition:none; -o-transition:none; transition:none;} 
	a *{-webkit-transition:none;    -moz-transition:none;    -ms-transition:none;    -o-transition:none;    transition:none;}*/
	.header *, #middle *, #footer *{ -webkit-transition: all 0.5s ease-out 125ms; -moz-transition: all 0.5s ease-out 125ms; -ms-transition: all 0.5s ease-out 125ms; -o-transition: all 0.5s ease-out 125ms; transition: all 0.5s ease-out 125ms;} 
	.header a *, #middle a *, #footer a *{-webkit-transition: all 0.3s ease 0.2s;    -moz-transition: all 0.3s ease 0.2s;    -ms-transition: all 0.3s ease 0.2s;    -o-transition: all 0.3s ease 0.2s;    transition: all 0.3s ease 0.2s;}
	#header{z-index:100; position:relative;} #banner>.wrap{z-index:99; width: 100%;} #middle{/*z-index:104;*/ background:#fff; position:relative;}
#banner{}
#banner:before{background:url(../image/index-banner-l.png); width:100%; height:368px; bottom:0;}

.index-pros-wrap{padding:40px 0 60px 0;}	
	.index-pros-wrap ul{list-style:none; padding:0; margin:0;}
	.index-pros-wrap ul:after{clear:both; overflow:hidden; display:block; height:0; content:'';}
	.index-pros-wrap li{float:left; padding:0 12px; overflow:hidden; margin: 0 1.5% 0 2.5%;}
	.index-pro{ border:1px solid #ddd; background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(205,207,209,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(205,207,209,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(205,207,209,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cdcfd1',GradientType=0 ); /* IE6-9 */

	}
	.index-pro a{display:block; position:relative;width: 100%;}
	.index-pro-img{overflow:hidden; text-align:center;}
	.index-pro-img img{display:block; width: 100%;margin:0 auto; -webkit-transform:scale(1);	-ms-transform:scale(1);	transform:scale(1); opacity:0.8;}
	.index-pro-mask{position:absolute; top:0; bottom:0; left:0; opacity:0.5;} .index-pro-mask img{height:100%;}
	.index-pro-name{text-align: left;position:absolute; top: 75%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); left:0; width:60%; padding-left:18px; color:#fff; font-size:19px; font-family: 'Roboto', \5FAE\8EDF\6B63\9ED1\9AD4, sans-serif; line-height: 1.3em;}
	.index-pro-name span{color:#ddd; display:block; margin-top:6px;}
	.index-pros-wrap li:hover .index-pro-img img{-webkit-transform:scale(1.1);	-ms-transform:scale(1.1);	transform:scale(1.1); opacity:1;}
	.index-pros-wrap li:hover .index-pro-mask{opacity:0.2;}
	
	.index-pros-wrap li{-webkit-animation-name: fadeInUp; animation-name: fadeInUp;}
	.index-pros-wrap li:nth-child(1){-webkit-animation-delay: 0.1s; animation-delay: 0.1s;}
	.index-pros-wrap li:nth-child(1){-webkit-animation-delay: 0.2s; animation-delay: 0.2s;}
	.index-pros-wrap li:nth-child(1){-webkit-animation-delay: 0.3s; animation-delay: 0.3s;}
	
.index-news-wrap{text-align:center; padding:20px 0 60px 0;position: relative;}
	.index-news-head{font-size:48px; font-weight:100; color:#e50012;}
	.index-news-head2{font-size:30px; font-weight:400; color:#e50012; display:inline-block; border-bottom:1px #999 solid; margin-bottom:20px;} .index-news-head2 span{color:#111;}
.index-news-wrap p{ font-size: 19px; line-height: 1.7em;}
	.index-news-txt{}
	.index-news-ti{font-size:120%; color:#222;}
.index-news-wrap .swiper-container{padding-bottom: 2em;}
.index-news-wrap a:hover {text-decoration: none;}

.index-news-wrap a:hover span { color: #e50012;}
#middle{background-image:url(../image/ind-middle-bg.jpg); background-repeat: no-repeat; background-position: center top; }

.index-products-swiper {padding: 0 5%}
.index-pros-wrap .index-pro:hover .index-pro-img img{transform: scale(1.1);opacity: 1;}
.index-pros-wrap .index-pro:hover .index-pro-mask{opacity: 0.2;}

@media (max-width : 1700px) {
	#banner-wrap {width: 130%; margin: 0 auto;}
}

@media (max-width : 1500px) {
	
}
@media (max-width : 1400px) {
     #banner:before {background-image: url(../image/index-banner-lm.png); background-repeat: no-repeat; background-position: left bottom; height: 240px; bottom: 0; background-size:cover;}
	 #banner-wrap {width: 100%;}
}
@media (max-width : 1200px) {
	.index-pros-wrap li {width: 29%;}
	.index-pros-wrap{padding: 4% 2% 2% 2%;}
	.index-news-wrap{padding: 2% 2% 2% 2%;}
	#middle {background-size: contain;}
	}
@media (max-width : 1100px) {
	 #banner-wrap {width: 120%;}
	.index-pros-wrap li {width: 33%; margin: 0; padding: 0 8px;}
	.index-news-head {font-size: 40px;}
	.index-news-head2 {font-size: 28px;}
}

@media (max-width : 991px) {
	.index-products-swiper {width: 75%;padding: 0;margin-bottom: 30px}
}

@media (max-width : 999px) {
/*	.index-pro-name{font-size:17px; padding-left:10px;}*/
	
}
@media (max-width : 767px) {
	.index-pros-wrap{}
	
	.index-pro-mask{} .index-pro-mask img{ width:100%; height:auto;}
	.index-pro-name{}
	#banner-wrap {width: 140%; margin:0 -20%;}
	#banner:before {background-size:contain;}
	.index-news-head {font-size: 36px;}
	.index-news-head2 {font-size: 22px;}
	.index-news-wrap p {font-size: 16px; line-height: 1.6em;}
    .index-products-swiper {width: 80%;}
	
}
@media (max-width :600px) {
	.index-pro-mask{width:auto;} .index-pro-mask img{}
	.index-pro-name{font-size:17px; left:2%}
	.index-pros-wrap li{width:75%; float:none; margin: 0 0 8% 12%;}
	.index-products-swiper {width: 70%;}
}

@media (max-width :480px) {
}

@media (max-width :414px) {

}

@media (max-width :375px) {
    .index-pros-wrap li{width:90%; float:none; margin: 0 0 10% 4%;}
    .index-products-swiper {width: 90%;}
}