/* 产品头部 */
.indexHeader .nav li a { color: #333333;}
.nav li.cur>a, .nav li:hover>a {color: #fff;}
.header .menu_icon {background: url(/static/index/img/menu-black.png) no-repeat center; background-size: 32px 32px;}
.whiteBg{width: 100%; background-color: #FFFFFF;}

.main{margin-top: 90px;}

/*产品列表*/
.productList{}
.productList li{float:left;width:31.82%;background:#fff;border-radius:5px;cursor:pointer;margin-bottom:1.5%;margin-right:1.5%;position: relative;}
.productList li:nth-child(3n){margin-right:0;}
.productList li .li_top{}
.productList li .img{position:relative;width:100%;height:100%;overflow:hidden;}
.productList li img{width:100%;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;}
.productList li .mb-box{position: absolute;  width: 100%; height: 100%;top: 0;  overflow: hidden;}
.productList li .mb{ background-color: rgba(0, 0, 0, 0.5); width: 100%; height: 100%; transform: translateY(85%) ; color: #fff;}
.productList li .mb .title{font-size: 20px;line-height: 70px;color: #FFFFFF; text-align: center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 10px;}
.productList li .mb .mb-cont{width: 100%; height: 100%;}
.productList li .mb .mb-cont .title1{font-size: 24px;color: #FFFFFF; text-align: center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 10px;}
.productList li .mb .mb-cont .na{font-size: 18px;margin-top: 20px; color: #FFFFFF; text-align: center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 10px;}
.productList li .mb .mb-cont .see-detail{font-size: 16px;margin-top: 90px; border: 1px solid #FFFFFF; padding: 8px 15px;}

.productList li:hover .mb{  transform: translateY(0%) ; transition: 1s; }
.productList li:hover .mb .title{display: none; }
.productList li:hover .hover{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);}


/* 产品详情 */
#detailCont>p{margin-top: 50px; }
#detailCont>img{max-width: 100%; width: auto !important ; height: auto;}
#detailCont>div{ clear: both;}

.detail-Img{width: 40%;}
.detail-Img .img-show{max-width: 600px;}
.detail-Img .img-show img{width: 100%; max-width: 600px;}

.page-swiper{width: 100%;max-width: 600px; height: auto;overflow: hidden; margin-top: 20px;}
.page-swiper .swiper-container11 .swiper-wrapper {width: 100%;height: 100%;z-index: 1;display: flex;transition-property: transform;box-sizing: content-box;}
.page-swiper .swiper-container11 .swiper-slide {flex-shrink: 0;width: 60%;height: 100%;background: #c2a2d8;transition-property: transform;}
.page-swiper .swiper-container11 .swiper-slide img {width: 100%;}

.detail-introduce{width: 60%; padding-left: 20px;}
.detail-introduce .title{font-size: 30px;color: #333333;font-weight: bold; margin-bottom: 20px;}

.detail-title-box{margin-top: 30px; border-bottom:1px solid #E5E5E5; padding-bottom: 10px;}
.detail-title-box .detail-title{ border-bottom:3px solid #CCCCCC; display: inline; padding-bottom: 10px; font-size: 20px;color: #333333; font-weight: bold;}

.box{padding: 20px 0;}


.videoList{margin-top: 20px;}
.videoList li{width:31.82%;padding:15px 0 15px 0 ;background:#fff;border-radius:5px;cursor:pointer;margin-bottom:1.5%;margin-right:1.5%;}
.videoList li:nth-child(3n){margin-right:0;}
.videoList li .img{position:relative;width:100%;height:100%;overflow:hidden;}
.videoList li img{width:100%;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;}
.videoList li .icon_23{position:absolute;width:64px;height:64px;left:50%;top:50%;margin:-32px 0 0 -32px;background:url(../images/icon_23.png) no-repeat center;background-size:100% 100%;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;}
.videoList li h4{color:#231815;font-size:16px;line-height:34px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 10px;}
.videoList li p{font-size:14px;padding:0 10px;line-height:34px;color:#727171;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.videoList li:hover .hover{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);}
.videoList li:hover .icon_23{transform:scale(0.95);-webkit-transform:scale(0.95);-moz-transform:scale(0.95);-ms-transform:scale(0.95);}
.videoList li:hover h4{color:#f39800;}
.videoList li .s_logo{height:40px;padding:6px 0;}
.videoList li .s_logo img{width:auto;height:100%;margin:0;}
.videoList li .t_logo img{position:relative;top:5px;width:55px;height:auto;}


.articleList{flex-wrap: wrap;}
.articleList .article-item{width: 48%; margin-top: 30px;}
.articleList .article-item .date{color: #333333; border-right: 1px solid #E5E5E5;}
.articleList .article-item .date .y{font-size: 30px;margin-right: 30px;}
.articleList .article-item .date .d{font-size: 20px;}
.articleList .article-item .t{font-size: 18px;color: #333333; padding: 0 30px 0 30px; margin-bottom: 10px;}
.articleList .article-item .c{font-size: 16px;color: #999999; padding: 0 30px 0 30px;}

.way{margin-top: 60px;font-size: 16px;color: #999999;}
.way .ret{color: #333333;}


@media screen and (min-width:1200px) and (max-width:1399px){
	.modal_content{width:70%;left:15%;}
	
	.productList li .mb .title{font-size: 18px; line-height: 60px;}
	.productList li .mb .mb-cont .title1{font-size: 20px;}
	.productList li .mb .mb-cont .na{font-size: 16px;margin-top: 20px;}
	.productList li .mb .mb-cont .see-detail{font-size: 14px;margin-top: 90px;}
	
}

@media screen and (min-width:992px) and (max-width:1199px){
	.productList{padding:40px 0 20px;}
	
	.productList li .mb .title{font-size: 16px; line-height: 60px;}
	.productList li .mb .mb-cont .title1{font-size: 20px;}
	.productList li .mb .mb-cont .na{font-size: 16px;margin-top: 20px;}
	.productList li .mb .mb-cont .see-detail{font-size: 14px;margin-top: 90px;}

}

@media screen and (min-width:768px) and (max-width:991px){
	.productList{padding:40px 0 20px;}
	.productList li{width:31.4%;margin-right:2.9%;margin-bottom:2.9%;}
	.productList li:nth-child(4n){margin-right:2.9%;}
	.productList li:nth-child(3n){margin-right:0;}
	
	.productList li .mb .title{font-size: 16px; line-height: 40px;}
	.productList li .mb .mb-cont .title1{font-size: 18px;}
	.productList li .mb .mb-cont .na{font-size: 15px;margin-top: 20px;}
	.productList li .mb .mb-cont .see-detail{font-size: 14px;margin-top: 50px;}

}

@media screen and (min-width:0px) and (max-width:767px){
	.productList{padding:40px 0 20px;}
	.productList li{width:48%;margin-right:4%;margin-bottom:4%;}
	.productList li:nth-child(4n){margin-right:4%;}
	.productList li:nth-child(3n){margin-right:4%;}
	.productList li:nth-child(2n){margin-right:0;}
	
	.productList li .mb .title{font-size: 20px; line-height: 70px;}
	.productList li .mb .mb-cont .title1{font-size: 22px;}
	.productList li .mb .mb-cont .na{font-size: 18px;margin-top: 20px;}
	.productList li .mb .mb-cont .see-detail{font-size: 16px;margin-top: 90px;}
	
	.detail-Img{width: 100%; margin-bottom: 50px;}
	.detail-introduce{width: 100%; padding-left: 20px;}
	
	.videoList{flex-wrap: wrap;}
	.videoList li{width:100%;}
	
	.detail-title-box{margin-top: 30px; border-bottom:1px solid #E5E5E5; padding-bottom: 10px;}
	.detail-title-box .detail-title{ border-bottom:3px solid #CCCCCC; display: inline; padding-bottom: 10px; font-size: 16px;color: #333333; font-weight: bold;}
	
	.box{padding: 0 0;}
	
	.articleList .article-item{width: 100%; margin-top: 30px;}
	.articleList .article-item .date .y{font-size: 20px;margin-right:20px;}
	.articleList .article-item .date .d{font-size: 14px;}
	.articleList .article-item .t{font-size: 14px;color: #333333; padding: 0 30px 0 20px; margin-bottom: 10px;}
	.articleList .article-item .c{font-size: 12px;color: #999999; padding: 0 30px 0 20px;-webkit-line-clamp: 1;}
	
	.way{margin-top: 60px;font-size: 12px;color: #999999;justify-content: space-between;}
}

@media screen and (min-width:0px) and (max-width:500px){
	.productList li{width:100%;}
}