/**********************首页*********************/
/*banner*/
.banner_swiper{ height: 45vw; max-height: 345px; }
.banner_swiper .swiper-slide{ width: 100%; height: 100%; }
.banner_swiper .swiper-slide img{ width: 100%; height: 100%; }
.banner_swiper .swiper-pagination-bullet{ width: 16px; height: 4px; background: #FFFFFF; opacity: 1; border-radius: 0; }
.banner_swiper .swiper-pagination-bullet-active{ background: #FF585E; }
/*标题*/
.legal_title{ width: 92%;margin: 0 auto;margin-top: 20px; }
.legal_title h2{ font-size: 22px;position: relative;;font-weight: 600;padding-bottom: 10px;display: inline-block;}
.legal_title a{ float: right;line-height: 44px;color: #999999; }
.legal_title a em{ width: 16px;height: 16px;background-position: -150px 0;display: inline-block;float: right;margin-top: 14px;margin-left: 3px;}
.legal_title h2 em{ position: absolute;top: 37px;display: inline-block;width: 100%;height: 6px; background: #ff2727;left: 0;border-radius: 6px; }
/* 推荐轮播 */
.remon_swiper { padding: 20px 0 ; }
.remon_swiper{ height: 175px; }
.remon_swiper .swiper-wrapper{ height: 135px; }
.kens_left{ width: 145px;height: 135px;display: flex;align-items: center;float: left;margin-left: 4%; }
.kens_left img{ max-width: 140px;max-height: 135px; }

.kens_right{ float: left;width: calc( 92% - 153px );margin-left: 10px;display: flex;flex-flow: column;height: 135px;flex-wrap: wrap;justify-content:space-evenly;}
.kens_right h2{ font-weight: 600;font-size: 18px;line-height: 29px;display: -webkit-box;-webkit-box-orient: vertical;height: 56px;-webkit-line-clamp: 2;overflow: hidden; }
.kens_right p{ color: #ff2727;font-size: 24px;font-weight: 600;height: 31px;overflow: hidden; }
.kens_right p em{ font-size: 20px; }
.kens_right p del{ font-weight: 16px;margin-left: 10px;font-size: 18px;color: #999999;font-weight: 500; }
.remon_swiper .swiper-button-next{ width: 27px;height: 57px;margin-top: -34px;background-position: -175px 0;display: inline-block;right: 0; }
.remon_swiper .swiper-button-prev{ width: 27px;height: 57px;margin-top: -34px;background-position: -222px 0;display: inline-block;left: 0; }
.swiper-button-next{ outline: none; }
.swiper-button-prev{ outline: none; }
/* 优惠精选 */
.shapo_list{ width: 92%;margin: 0 auto; }
.shapo_list li{ width: 47%;margin-top: 20px;float: left;}
.shapo_list li:nth-child(2n){ margin-left: 6%;  }
.shapo_list li .img_box{ width: 100%;display: flex;border: 1px solid #e7e7e7;justify-content: center;align-items: center; height: 48vw;overflow: hidden; }
.shapo_list li .img_box img{ max-width: 100%; max-height: 40vw;padding: 15px 0; }
.shapo_list li h2{ margin-top: 8px;line-height: 20px;color: #333333;font-size: 14px;display: -webkit-box;-webkit-box-orient: vertical;height: 40px;-webkit-line-clamp: 2;overflow: hidden;}
.shapo_list li p{  color: #ff2727;display: flex;line-height: 18px;font-size: 18px;font-weight: 600;height: 24px;margin-top: 5px;overflow: hidden;  }
.shapo_list li p em{ font-size: 16px; }
.shapo_list li p del{margin-left: 10px;font-size: 14px;color: #999999;font-weight: 500;line-height: 22px; }
.hotput_swiper { padding-bottom: 30px; }
.hotput_swiper .swiper-pagination{ bottom: 0px; }
.hotput_swiper .swiper-pagination-bullet{ width: 18px; height: 6px; background: #d2d0d0; opacity: 1; border-radius: 0;border-radius: 3px; }
.hotput_swiper .swiper-pagination-bullet-active{ background: #FF585E; }
.course_list li { border-bottom: 1px solid #edecec;height: 115px;width: 100%; }
.course_list li a.a_img{width: 120px;height: 80px;display: flex;justify-content: center;align-items: center;border-radius: 5px;float: left; margin:17px 12px 15px 4%  }
.course_list li a img{ max-width: 120px;max-height: 80px;}
.course_list li dl{ padding-top: 17px;margin-right: 4%; }
.course_list li dl dt{ margin-top: -4px;height: 52px;overflow: hidden;   }
.course_list li dl dt a{ line-height: 26px;color: #333333;display: inline-block;height: 52px;overflow: hidden;}
.course_list li dl dd{ color: #999999; margin-top: 14px;height: 19px;overflow: hidden;}
.course_list li dl dd em{ width: 14px;height: 14px;background-position: -75px -25px;margin: 2px 4px 0 0; }
/* 下拉 */
.legal_head{ position: relative; }
.popup_list{ position: absolute;left: 0;top: 45px;width: 100%;background: rgba(0, 0, 0, 0.4);height: 110px;z-index: 666;display: flex;justify-content: space-around;}
.popup_list li{ float: left; display: flex;justify-content: center;}
.popup_list li a{ color: #FFFFFF; }
.popup_list li a em{ display: block;float: initial;width: 55px;height: 55px;}
.popup_list li a em.em1{ background-position: 0 -60px; }
.popup_list li a em.em2{ background-position: -75px -60px; }
.popup_list li a em.em3{ background-position: -150px -60px; }

/********************** 标签搜索结果页 *********************/
.label_title{ margin-top: 20px; }
.label_title h2{ font-weight: 600;font-size: 18px;margin-left: 4%; }
.label_title h2 em{ width: 16px;height: 15px;margin-right: 10px;background-position: 0 -35px;margin-top: 5px; }

.categy_list{ width: 96%;padding-right: 4%;padding-bottom: 12px;border-bottom: thin solid #EEEEEE;margin-top: 5px; }
.categy_list li{ float: left;min-width: 21%;padding: 0 2%;margin-left: 4%;margin-top: 12px; border: 1px solid #efeded;background: #f8f7f7;border-radius: 4px; box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */}
.categy_list li a{ display: flex;justify-content: center;overflow: hidden;;height: 30px;line-height: 30px;width: 100%;color: #333333;text-decoration: none;}
.categy_list li.hover{ background: #faeded;border: thin solid #ff2727; }
.categy_list li a em.icon{ float: right;margin-left: 5px; width: 9px;height: 9px;background-position: -150px -30px;margin-top: 11px;}

/********************** 产品搜索列表页 *********************/
.cate_select_list { max-height: 132px;overflow: hidden;}
.cate_select_more {display: block;width: 53px;height: 25px;border-top: thin solid #FF2727;background: #FF2727;border-radius: 0 0 25px 25px;margin: 0 auto;position: relative;}
.cate_select_more b {display: block;width: 19px;height: 10px;background-position: -35px -35px;margin: 6px auto 0; margin-left: 17px;}
.cate_select_list.less{ max-height: initial; }
.cate_select_list.less+.cate_select_more b{ background-position: -280px 0px; }

/********************** 列表页 *********************/
.shapo_list li{ position: relative; }
.discount{ position: absolute;top: -11px;left: 3px;width: 52px;height: 55px;background-position: -225px -65px;line-height: 52px;color: #FFFFFF;font-size: 14px;font-weight: 600;text-align: center;}

/********************** 文章列表页 *********************/
.sego_list{ width: 92%;margin: 0 auto;display: flex;margin-top: 15px;}
.sego_list li{ float: left;width: 30%;border: 1px solid #efeded;background: #f8f7f7; line-height: 30px;height: 28px;text-align: center;padding: 0 10px;}
.sego_list li:nth-child(2){ margin: 0 5%; }
.sego_list li a{ width: 100%;display: block;color: #333333; }
.june_list{ width: 92%;margin: 0 auto;margin-top: 16px; }
.june_list li{ float: left;width: 47%; }
.june_list li img{ width: 100%;height: 25vw; border-radius: 8px;}
.june_list li:nth-child(2){ margin-left: 6%; }
.june_list li p{ color: #333333; line-height: 22px;height: 44px;margin-top: 8px; overflow: hidden; }

/********************** 产品详情页 *********************/
.details_art{ width: 92%;margin: 12px auto 15px; }
.details_art a.a_img{ width: 110px;height: 140px;margin-right: 12px;display: flex;justify-content: center; align-items: center;float: left;}
.details_art a.a_img img{ max-width: 110px;max-height: 145px; }
.details_art dl dt{ font-size: 18px;font-weight: 600;height: 48px;line-height: 24px;overflow: hidden; }
.details_art dl dd.cunt1{ width: 120px;height: 40px;float: left;margin-top: 12px;line-height: 40px;background: #FF2727;color: #FFFFFF;border-radius: 2px;font-size: 15px;color: #FFFFFF;}
.details_art dl dd.cunt1 a{ width: 86%;padding: 0 7%;height: 100%;color: #FFFFFF;display: flex;justify-content: space-evenly; }
.details_art dl dd.cunt1 a em{ width: 12px ;height: 14px;background-position: -125px -25px;margin-top: 13px; }
.details_art dl dd.cunt2{color: #ff2727;font-size: 22px;line-height: 24px;font-weight: 600;height: 24px; margin-top: 10px;overflow: hidden; }
.details_art dl dd.cunt2 em{ font-size: 16px; }
.details_art dl dd.cunt2 del{ font-size: 16px;color: #999999;font-weight: 500; }
.details_art dl dd.cunt2 del em{ font-size: 12px; }
.details_art dl .dd_flex{ display: flex; }
.zocd_box{ border-top: 1px solid #d2d0d0; }
.zocd_box dl{ width: 92%;margin: 0 auto; }
.zocd_box dl dt em{ margin-top: 20px;display: block;width: 98px;height: 30px;background-position: 0 -130px;float: initial; margin-bottom: 5px;color: #FFFFFF;font-size: 16px;text-align: center;line-height: 25px;}
.zocd_box dl dt em span{ display: block;width: 48px;height: 32px;overflow: hidden;margin-left: 30px; }
.zocd_box dl dd{ line-height: 25px;  }
.other_ber{ width: 92%;margin: 0 auto;margin-top: 15px; }
.other_ber p{ margin-top: 10px; border: 1px solid #efeded;background: #f8f7f7;height: 32px;line-height: 32px;padding: 0 3%;width: 94%;overflow: hidden;border-radius: 4px;}
.other_ber p.hover{  background: #faeded;border: thin solid #ff2727; }
.intrdu_ber p{ width: 92%;margin: 0 auto;line-height: 28px;font-size: 14px;margin-top: 8px; }
.intrdu_ber img{ display: block;max-width: 92%;margin: 5px auto; }

/********************** 文章详情页 *********************/

.gal_header_content{ width: 92%;margin: auto;margin-top: 10px; }
.gal_header_content h1{ font-size: 20px;font-weight: 600;line-height: 34px; }
.gal_header_content p{ display: flex;margin-top: 12px; }
.gal_header_content p span{  color: #333333; margin-right: 20px;}
.gal_article-content { border-top: 1px solid #EEEEEE ;padding: 0 4%;padding-bottom: 15px; }
.gal_article-content p{ text-indent: 2rem;line-height: 26px;margin-top: 10px;font-size: 16px; }
.gal_article-content img{ max-width: 90%;height: auto;margin: 0 auto;display: block;margin-top: 10px; }
.gal_article_list{ width: 92%;margin: 0 auto; }
.gal_article_list li{ margin-top: 18px;line-height: 22px; overflow: hidden; height: 22px; }
.gal_article_list li em{ width: 10px;height: 10px;background-position: -105px -25px;margin-top: 5px; margin-right: 15px; }
.gal_article_list li p{ margin-left: 10px;color: #333333;width: calc( 100% - 26px );text-overflow: ellipsis;white-space: nowrap;overflow: hidden; }