/* CSS Document */
.index-news{padding-top:50px;}
.index-news-title{font-weight:500; font-size:24px; color:#333333;}
.index-news-title span{display:inline-block; margin-left:10px; font-size:18px; color:#999;}
.index-news-title a{float:right; font-size:16px; color:#0088CD;}
.index-news-list{margin-top:15px;}
.index-news-left{width:40%; position:relative; overflow:hidden; float:left;}
.index-news-left a{display: block;}
.index-news-left a p{position: absolute; left:0px; right:0px; bottom:0px; color:#FFFFFF; padding:20px; font-size:16px; text-align:center; overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}
.index-news-left a img{width:100%; -webkit-transition: all .25s; -moz-transition:all .25s; -ms-transition:all .25s;-o-transition:all .25s; transition:all .25s;}
.index-news-left a:hover img{-webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform: scale(1.1);}
.index-news-right{width:60%; float:left;}
.index-news-right div{margin-left:50px; border-top:solid 1px #E4E4E4;}
.index-news-right a{display:block; line-height:59px; position:relative; font-size:16px;}
.index-news-right a p{padding-right:80px; border-bottom:solid 1px #E4E4E4; overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}
.index-news-right a p span{display:inline-block; margin-right:10px; float:left;}
.index-news-right a i{position:absolute; top:0px; right:0px; bottom:0px; color:#999;}

.index-product-bg{background-image:url(../images/bg.png); background-position: center center; background-repeat: no-repeat; background-size: cover;}
.index-product{padding-top:50px; padding-bottom:50px;}
.index-product-title{font-weight:500; font-size:24px; color:#333333;}
.index-product-title span{display:inline-block; margin-left:10px; font-size:18px; color:#999;}
.index-product-title a{float:right; font-size:16px; color:#FF5B00;}
.index-product-list{margin-left:-5px; margin-right:-5px; margin-top:15px;}
.index-product-list .swiper-button-disabled{pointer-events:auto;}
.index-product-list a{display: block; border:1px solid #E4E4E4; margin:5px; position:relative; overflow:hidden;}
.index-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;}
.index-product-list a:hover{border-color: #FF5B00; box-shadow: 0 0 20px rgba(0,0,0,.2);}
.index-product-list a:hover img{-webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2);-o-transform: scale(1.2);transform: scale(1.2);}
.index-product-list a p{padding-top: 20px; text-align:center; position: relative; padding-bottom: 30px;font-size: 18px; margin-top: 20px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}
.index-product-list a p:before{content: ''; width: 26px; height: 1px; background:#999; position: absolute; top:0; left: 50%; margin-left: -13px;}

.index-case-bg{background-image:url(../images/bg1.png); background-position: center center; background-repeat: no-repeat; background-size: cover;}
.index-case{padding-top:50px; padding-bottom:50px;}
.index-case-title{font-weight:500; font-size:24px; color:#333333;}
.index-case-title span{display:inline-block; margin-left:10px; font-size:18px; color:#999;}
.index-case-title a{float:right; font-size:16px; color:#FF5B00;}
.index-case-list{margin-left:-5px; margin-right:-5px; margin-top:15px;}
.index-case-list .swiper-button-disabled{pointer-events:auto;}
.index-case-list a{display: block; border:1px solid #E4E4E4; margin:5px; position:relative; overflow:hidden;}
.index-case-list a img{width:100%; -webkit-transition: all .25s; -moz-transition: all .25s;-ms-transition: all .25s; -o-transition: all .25s; transition: all .25s;}
.index-case-list a:hover{border-color: #FF5B00; box-shadow: 0 0 20px rgba(0,0,0,.2);}
.index-case-list a:hover img{-webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2);-o-transform: scale(1.2);transform: scale(1.2);}
.index-case-list a p{position:absolute; left:0px; bottom:0px; right:0px; background-color:#FF5B00; padding:5px 10px; font-size:16px; color:#FFFFFF;overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}

.index-intro{padding-top:50px; padding-bottom:50px;}
.index-intro-left{width:50%; float:left;}
.index-intro-title p{margin-top:10px; font-weight:500; font-size:18px; color: #999;}
.index-intro-title h1{margin-top:10px; font-weight:500; font-size:24px; color:#333333;}
.index-intro-content{margin-top:30px; font-size: 16px; color:#999; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; line-height: 26px;}
.index-intro-more{margin-top:50px;}
.index-intro-more a{display:inline-block; padding:10px 30px; border-radius:5px; background-color:#0088CD; font-size:18px; color:#FFFFFF;}
.index-intro-right{position:relative; width:40%; float:right;}
.index-intro-right a.play{width:100%; background:rgba(0,0,0,.4) url(../images/play.png) no-repeat center center; background-size:auto; background-size:40px; position:absolute; top:0px; left:0px; right:0px; bottom:0px; z-index:2;}
.index-intro-right a.back{background:none;}
.index-intro-right video{width:100%;}

@media screen and (min-width:1600px){
	.index-banner .swiper-wrapper{height:80%;}
}

@media screen and (max-width:1600px){
	.index-banner .swiper-wrapper{height:70%;}
}

@media screen and (max-width:1400px){
	.index-banner .swiper-wrapper{height:60%;}
}

@media screen and (max-width:1280px){
	.index-banner .swiper-wrapper{height:50%;}
	.index-news-right a{line-height:56px;}
	.index-intro-content{margin-top:20px;}
	.index-intro-more{margin-top:40px;}
}

@media screen and (max-width:1200px){
	.index-banner .swiper-wrapper{height:40%;}
	.index-news-right a{line-height:53px;}
	.index-intro-content{margin-top:15px;}
	.index-intro-more{margin-top:30px;}
}

@media screen and (max-width:1100px){
	.index-banner .swiper-wrapper{height:30%;}
	.index-news-right a{line-height:50px;}
	.index-intro-content{margin-top:10px;}
	.index-intro-more{margin-top:20px;}
}

@media screen and (max-width:1000px){
	.index-news-right a{line-height:48px;}
}

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

@media screen and (max-width:980px){
	.index-banner{margin-top:80px;}
	.index-news{padding:20px 10px 10px;}
	.index-news-title{font-size:18px;}
	.index-news-title span{font-size:14px;}
	.index-news-title a{font-size:14px;}
	.index-news-left{width:100%; float:none;}
	.index-news-left a img{max-height:200px;}
	.index-news-right{width:100%; float:none;}
	.index-news-right div{margin-left:inherit;}
	.index-news-right a{line-height:40px;}
	.index-news-right a p span{font-size:6px;}
	
	.index-product{padding:20px 10px 10px;}
	.index-product-title{font-size:18px;}
	.index-product-title span{font-size:14px;}
	.index-product-title a{font-size:14px;}
	.index-product-list{margin-top:10px;}
	.index-product-list a p{font-size:14px;}
	
	.index-case{padding:20px 10px 10px;}
	.index-case-title{font-size:18px;}
	.index-case-title span{font-size:14px;}
	.index-case-title a{font-size:14px;}
	.index-case-list{margin-top:10px;}
	.index-case-list a p{font-size:14px;}
	
	.index-intro{padding:20px 10px 10px;}
	.index-intro-title p{font-size:14px;}
	.index-intro-title h1{font-size:18px;}
	.index-intro-more a{font-size:16px;}
	.index-intro-left{width:100%;}
	.index-intro-right{width:100%; margin-top:20px;}

}

@media screen and (max-width:779px){
	.index-banner{margin-top:50px;}
	.index-banner .swiper-button-prev, 
	.index-banner .swiper-button-next{
		display:none;
	}
	.index-news-title{font-size:16px;}
	.index-news-title span{font-size:12px;}
	.index-news-title a{font-size:12px;}
	.index-news-right a{font-size:14px;}
	
	.index-product-title{font-size:16px;}
	.index-product-title span{font-size:12px;}
	.index-product-title a{font-size:12px;}
	
	.index-case-title{font-size:16px;}
	.index-case-title span{font-size:12px;}
	.index-case-title a{font-size:12px;}
	
	.index-intro-title p{font-size:12px;}
	.index-intro-title h1{font-size:16px;}
	.index-intro-content{font-size:14px;}
	.index-intro-more a{font-size:14px;}
	
	.footmenu{padding:20px 0px; text-align:inherit; line-height:26px; }
	.footmenu a{padding:0px; width:33.33333%; text-align:center; font-size:14px; float:left;}
	.copyright{font-size:14px;}
}