.nanws{width: 100%; margin: auto; overflow: hidden; position: relative; margin-top: 80px;}
.wappros{display: none;}
.recom_product{overflow: hidden;}
.recom_pro_con{max-width: 1440px; margin: 0 auto; width: 90%;overflow: hidden;}
.recom-tit{position:relative;font-size: 24px;color: #333;margin-bottom:2%;padding: 2% 0 0.5%;border-bottom: 1px solid #818286;}
.recom-tit span{font-size: 18px;font-weight: 500;}
.recom-tit .more{position: absolute;right: 1%;top: 30%;z-index: 9;}
.recom-tit .more a{font-size: 18px;}
.recom-container{position: relative;}
.recom-container .swiper-button-next,.recom-container .swiper-button-prev{top: 50%;}
.recom_pro_con .img{display: block;width:100%;overflow: hidden;}
.recom_pro_con .img img{display: block;width: 100%;-webkit-transition: all .9s ease 0s;-moz-transition: all .9s ease 0s;-o-transition: all .9s ease 0s;transition: all .9s ease 0s;}
.recom_pro_con .title{font-size: 18px;padding: 4% 0;text-align: center;}
.recom_pro_con .title p.text2{font-weight: bold;font-size: 22px;}


/*相关推荐*/
.recommend{width: 100%;overflow: hidden;margin: 0 auto 5%;}
.recommend-con{ max-width: 1440px; margin: 0 auto; width: 90%;overflow: hidden;}
.recommend-left{display: block;float: left;width: 45%;}
.recommend-tit{position:relative;font-size: 24px;color: #333;margin-bottom:2%;padding: 2% 0 0.5%;border-bottom: 1px solid #818286;}
.recommend-tit span{padding-bottom:7px;font-size: 22px;color: #333}
.recommend-left ul li{overflow: hidden;width: 100%;height: 36px;line-height: 36px;}
.recommend-left ul li .title{font-size: 16px;float: left;display: block;}
.recommend-left ul li:hover .title,.recommend-right ul li:hover .title{color: #01498a;}
.recommend-left ul li .data{display: block;margin-top:16px;position:relative;background: #c3c5c4;height: 4px;width:114px;float: right;}
.recommend-left ul li .time{font-size: 16px;float: right;display: block;padding-right: 2%;}
.recommend-left ul li .data span {
	background: #01498a;
    float: left;
    width: 0;
    height: 100%;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease;
}
.recommend-left ul li .data span{
		    box-shadow: none;
		    border-radius: 0;
		    position: relative;
		    -webkit-animation: animate-positive 2s;
		    animation: animate-positive 2s;
		}
@-webkit-keyframes animate-positive{0% { width: 0; }}
@keyframes animate-positive{0% { width: 0; }}
.recommend-right{display: block;float: right;width: 45%;}
.recommend-right ul li{overflow: hidden;width: 100%;height: 36px;line-height: 36px;}
.recommend-right ul li .title{font-size: 16px;float: left;display: block;}
.recommend-right ul li .time{font-size: 16px;float: right;display: block;padding-right: 2%;}


@media screen and (max-width:1024px) {
	.recom_pro_con{width: 80%;}
	.recommend-con{width: 80%;}
	.recommend-right ul li .time{width: 25%;}
	.indexnewslist li .pic-text p{height: 42px;overflow: hidden;}
}



@media screen and (max-width:480px) {
	.pcpros{display: none;}
	.wappros{display: block !important;}
	.recom_pro_con{width: 90%;}
	.recom-tit span{font-size: 1.8rem;padding-bottom: 4px;}
	.recom_pro_con .title{font-size: 1.5rem;}
	.recom_pro_con .title p.text2{font-size: 1.8rem;}
	.recommend-con{width: 90%;margin: 0 auto;}
	.recommend-left,.recommend-right{width: 100%;margin-bottom: 3%;}
	.recommend-tit span{font-size: 1.8rem;padding-bottom: 5px;}
	.recommend-left ul li,.recommend-right ul li{line-height: 28px;height: 28px;}
	.recommend-left ul li .title,.recommend-right ul li .title,.recommend-right ul li .time{font-size: 1.2rem;}
	.recommend-right ul li .time{width: 20%;padding-right: 0;}
	.recommend-left ul li .data{width: 28%;}
}