@charset "utf-8";
body{ background-color:#fff;}
.banner{ width:auto; min-width:1200px; height:505px;}
.banner .swiper-pagination-bullet-active{ background:#ec145b;}

.index-title-area{ width:100%; height:auto; overflow:hidden; margin:20px auto;}
.index-title-area h3{ font-size:30px; font-weight:600; color:#333; margin-right:10px; float:left;}
.index-title-area span{ color:#333; font-size:13px; margin-top:20px; float:left;}
.index-title-area a{ float:right; font-size:16px; color:#333; margin-top:15px;}
.recm-pro{ width:100%; height:410px; overflow:hidden;}
.recom-item{ width:100%; height:auto; overflow:hidden;}
.recom-item .pro-pic{ width:100%; height:330px; overflow:hidden;}
.recom-item .pro-name{ width:100%; height:28px; line-height:28px; text-align:center; font-weight:550; font-size:15px; overflow:hidden;white-space: nowrap;text-overflow: ellipsis; margin:15px auto 5px auto;}
.recom-item .pro-price{ color:#ed145b; font-size:18px; text-align:center;}
.pro-area{ height:457px; overflow:hidden;}
.pro-area-left{ float:left; width:386px; height:auto; overflow:hidden;}
.pro-area-left img{ display:block;}
.pro-area-right{ width:814px; float:left; height:auto; overflow:hidden;}
.pro-area-right .recom-item{ width:255px; margin-left:16px; height:282px; overflow:hidden;}
.pro-area-right .recom-item .pro-pic{ height:218px;}
.pro-area-adv{ width:795px; height:145px; overflow:hidden; float:right; margin-top:28px; display:block;}