/*产品详情*/
.Header-wrapper{ background: #10459d; }

.top_list_container{ width: 100%; overflow: hidden; padding: 26PX 0; margin-top: 86px; background-color: #f5f5f5;}
.top_list{ width: 1280px; margin: 0 auto; position: relative;}
.top_list i{background: url('../images/products/home.png') no-repeat center center; float: left; width: 14px; height: 20px; text-align: center; margin-right: 10px;}
.top_list h6{ float: left; }
.top_list a{ font-size: 12px;color: #999; line-height: 20px; transition: all .4s ease-in-out;}
.top_list a:hover{ color: #10459d;}
.top_list span{ font-size: 14px; color: #999; margin: 0 4px;}
.top_list h5{float: right;}
.top_list h5 a{ padding: 8px 12px; background-color: #1a8cdd; color: #fff; border-radius: 3px; }
.top_list h5 a:hover{ opacity: 0.8; color: #fff; }


.products_detail_container{width: 100%; overflow: hidden; padding: 50px 0 60px 0;}
.products_detail_all{ width: 1280px;  margin: 0 auto;}
.products_detail{width: 100%; overflow: hidden;}

.cpxq-picwordsL{ width: 40%; float: left;}
.picwordsL-maxpic{ width: 100%; overflow: hidden; height: 385px; background-color: #fff;}
.picwordsL-maxpic ul li{  width: 100%;  overflow: hidden;  height: 385px;  padding: 0px 0; position: relative;}
.picwordsL-maxpic ul li img{ display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}

.picwordsL-maxpic .logo{position: absolute;width: 88px;height:25px;top: 20px;left: 20px;}
.picwordsL-maxpic .remai{position: absolute;width: 36px;height:78px;top: 0px;right: 10px;}
.picwordsL-maxpic .fangda{position: absolute;width: 30px;height:30px;bottom: 5px;right: 5px;text-align: center; cursor: pointer;}
.picwordsL-maxpic .fangda i{background: url('../images/products/fangda.png') no-repeat; position: absolute;width: 18px;height: 18px; left: 5px;top: 5px;}


.picwordsL-minpic{ margin-top: 20px;}

.picwordsL-minpic .prev,.picwordsL-minpic .next{ display: block; width: 25px; height: 48px; background-color: #f4f4f4; border: 0px solid #dcdcdc; text-align: center; cursor: pointer; margin-top: 25px;}
.picwordsL-minpic .prev i,.picwordsL-minpic .next i{width: 7px;height: 15px;background-repeat: no-repeat;display: inline-block;margin-top: 15px;}

.picwordsL-minpic .prev i{background-image: url('../images/public/fullpage_PUB_left.png');}
.picwordsL-minpic .prev:hover{}
.picwordsL-minpic .prev:hover i{}

.picwordsL-minpic .next i{background-image: url('../images/public/fullpage_PUB_right.png');}

.picwordsL-minpic .prev{  float: left;}
.picwordsL-minpic .next{ float: right;}

.picwordsL-minpic-list{width: 450px; height: 100px; overflow: hidden; float: left;}
.picwordsL-minpic-list ul li{ width: 128px; float: left; height: 98px; margin-left: 18px; border: 1px solid #dcdcdc; text-align: center; cursor: pointer;}
.picwordsL-minpic-list ul li.on{  border: 1px solid #10459d;}
.picwordsL-minpic-list img{ width: 90px; height: 70px; margin-top: 15px;}


.detail_right{width: 55%; float: left; margin-left: 5%; overflow: hidden;}
.detail_right_text{ width: 100% }
.detail_right_text h4{ font-size: 28px; color: #333; line-height: 25px; height:75px; font-weight: normal;  }
.detail_right_text h5{ font-size: 20px; color: #333; line-height: 40px; font-weight: normal; }
.detail_right_text p{ font-size: 14px; color: #777; line-height: 30px; font-weight: normal; height: 150px; overflow: height; }

.detail_right_text2{width: 100%; line-height: 75px; height:75px;  border-top: 1px solid #f3f3f3; border-bottom: 1px solid #f3f3f3; overflow: hidden; margin: 10px 0; }
.detail_right_text2_left{float: left; font-size: 18px; color: #444; font-weight: normal;}
.detail_right_text2_left h4{float: left; font-size: 18px; color: #444; font-weight: normal;}
.detail_right_text2_left b{  float: left; background: url('../images/products/product_detail_i1.png') no-repeat center center; width: 20px; height: 20px; text-align: center; 
margin-right: 10px; margin-top: 28px;}
.detail_right_text2_left i{ background: url('../images/products/product_detail_i2.png') no-repeat center center; float: left ;  width: 20px; height: 20px; text-align: center; 
margin-left: 10px; margin-top: 28px;}

.detail_right_text2_right{ float: right; }
.detail_right_text2_right h4{float: left; color: #999;}
.detail_right_text2_right h4 i{ background: url('../images/products/product_detail_i3.png') no-repeat center center; float: left ;  width: 22px; height: 20px; text-align: center; 
margin-right: 10px; margin-top: 28px;}
.detail_right_text2_right h5{float: left; color: #999; margin-left: 15px;font-size: 0;}
/*.detail_right_text2_right h5 i{ background: url('../images/products/product_detail_i4.png') no-repeat center center; float: left ;  width: 22px; height: 20px; text-align: center; 
margin-right: 10px; margin-top: 28px;}*/
.detail_right_text2_right h5 .bdsharebuttonbox{display: inline-block;vertical-align: middle;}
.detail_right_text2_right .bdshare-button-style0-16 .bds_more{ background-image: url('../images/products/product_detail_i4.png') !important; width: 22px; height: 20px;}
.detail_right_text2_right h5 span{font-size: 14px;color: #999;display: inline-block;vertical-align: middle;}




.detail_right_buttom{ width: 100%; margin: 70px 0 30px 0;}
.detail_right_buttom h4{ float: left; width: 280px; height: 60px; font-size: 20px; color: #fff; line-height: 60px; text-align: center; background-color: #f49a13;
 border-radius: 3px; margin-right: 15px; float: left; position: relative; margin-bottom: 10px; }
.detail_right_buttom h4 i{background: url('../images/products/buy_01.png') no-repeat center center;width: 26px; height: 60px;text-align: center; position: absolute; left: 20%}
.detail_right_buttom h5{ float: left; width: 280px; height: 60px; font-size: 20px; color: #fff; line-height: 60px;
 text-align: center; background-color: #0ea8e5; border-radius: 3px; margin-right: 10px; float: left;position: relative; }
.detail_right_buttom h5 i{background: url('../images/products/buy_02.png') no-repeat center center;width: 26px; height: 60px;text-align: center; position: absolute; left: 20%}


/*产品推荐*/
.recommended_container{width: 100%; height: auto; overflow: hidden; margin: 50px 0 0 0; padding: 30px 0; background: #f2f2f2;}
.recommended_main{width: 1280px; height:auto; overflow: hidden; margin: 0 auto;}
.recommended_title{ width: 100%; margin: 30px 0px; overflow: hidden; text-align: center; }
.recommended_title ul{ width: 100%; height:auto;text-align: center; }
.recommended_title ul li{ width: 30.3%; height: 60px; text-align: center; line-height: 60px; color: #444; font-size: 16px; cursor: pointer;display: inline-block;background: #fff; }
.recommended_title .bain1{ border-left: 1px solid #333; border-right: 1px solid #333; }
.recommended_title ul li:hover{ background: #017bce; color: #fff; }
.recommended_title ul li.hover{ background: #017bce; color: #fff; }

/*防伪查询*/
.recommend_query{ width: 100%; margin: 0 auto; padding: 20px 0;  }
.recommend_query p{ text-align: center;font-size: 18px;color: #333;line-height: 30px;  }
.recommend_query i{background: url('../images/products/products_q.png') no-repeat center center; width: 20px; height: 30px;padding-right: 30px;}

.recommended_center{ width: 1280px; margin: 0 auto; overflow: hidden; margin: 50px 0 40px 0; }
.recommended_center ul{  margin-left: -43px;}
.recommended_center ul li{ width: 398px; height: 190px; float: left; margin-left: 43px; background: #fff; margin-bottom: 43px;overflow: hidden; }

.recommended_center ul li .img{ float: left; position: relative;; width: 253px; height: 190px; }
.recommended_center ul li .img img{ width: 100%; height: 100%; object-fit: cover; transition: all 1s;}
.recommended_center ul li .img img:hover{transform: scale(1.1);}

.recommended_center ul li .text{ width: 145px; height: 190px; float: left;  position: relative; text-align: center;;}
.recommended_center ul li .text h4{ font-size: 16px; color: #222; padding-top: 20%; line-height: 30px;  }
.recommended_center ul li .text h5{ font-size: 14px; color: #097ccf; font-weight: bold; padding-top: 7px; line-height: 30px;  }
.recommended_center ul li .text h6{border: 1px solid #097ccf; width: 70px; line-height: 30px; border-radius: 3px; margin: 0 auto; margin-top: 10px;}

/*常见问题*/
.recommended_problem{width: 100%; height: auto; margin: 30px 0;}
.recommended_problem ul li{width: 100%;overflow: hidden;border-bottom: 1px solid #ebeaea;margin: 20px 0;min-height:120px; padding-bottom: 10px;  }
.recommended_problem ul li h5{ font-size: 18px; color: #333;line-height: 40px; }
.recommended_problem ul li h5 i{background: url('../images/products/products_q.png') no-repeat center center; width: 20px; height: 40px;padding-right: 35px; }
.recommended_problem ul li h6{ font-size: 14px; color: #777;line-height: 28px; padding-top: 10px; }
.recommended_problem ul li h6 i{background: url('../images/products/products_q2.png') no-repeat center center; width: 20px; height: 30px;padding-right: 35px; 
float: left;}
.recommended_problem ul li h6 p{padding-left: 30px;}




/*产品列表头部菜单*/
.products_list_main{width: 100%; background-color: #f2f2f2; padding: 50px 0 0 0;}
.products_list{width: 1280px;margin: 0 auto;overflow: hidden;}
.products_list_top{width: 100%;height:32px;margin-bottom: 15px;overflow: hidden;}
.products_list_top h4{float: left;font-family: "宋体";line-height: 32px;color:#777;font-size: 13px;}
.products_list_top h4 span{padding-left: 8px; width: 30px; height: 30px;display: inline;}
.products_list_top p{float: left;border: 1px solid #e2e0e0;color: #999; line-height: 30px;height: 30px; padding: 0 0px 0 10px; margin-left: 20px;font-family: "宋体";font-size: 13px;}
.products_list_top p span{padding-left:0px; width: 30px; height: 30px;display: block;float: right;text-align: center;}
.products_list_top p:hover{border-color: #333; color: #333；}
.products_list_top p a:hover{color: #000;}
.products_list1{width: 100%;padding-bottom: 15px;overflow: hidden;}
.products_list1 h4{float: left;padding-right: 20px;border-right: 1px dashed #dbdbdb;font-size: 17px;color: #3789ca;}
.products_list1 h4 span{line-height: 30px;border: 1px solid #3789ca;display: inline-block;padding: 0px 10px;min-width: 100px;text-align: center;}
.products_list1 h5{overflow: hidden;position: relative;padding-right:35px; }
.products_list1 h5 a{padding: 0 10px;line-height: 30px;border-radius: 15px;float: left;margin-left: 10px;color: #778895; border: 1px solid #e2e0e0;font-size: 14px;min-width: 100px;text-align: center;margin-bottom: 5px; user-select: none}
.products_list1 h5 a:hover{background:#35a1e7;color: #fff; border: 1px solid #35a1e7;}
.products_list1 h5 a.hover{background:#35a1e7;color: #fff; border: 1px solid #35a1e7;}

.products_dian  i{width: 28px;height: 28px;right: 0px;border: 1px solid #e8e8e8;background-color: #fff; 
    background: url('../images/products/xiala.png') no-repeat center center;position: absolute;}
.products_dian .ontrue{transform: rotate(180deg); }

.products_dian{height: 37px; overflow: hidden;}
.products_dian_on{height: auto;}



/*产品列表*/
.product_main{width: 100%; background-color: #f2f2f2; padding: 50px 0;}
.products{width: 1280px;margin: 0 auto;}
.products ul{margin-left: -2%;}
.products ul li{width: 23%;margin-left: 2%;margin-bottom: 4%;position: relative;background-color: #fff;float: left;}
.products ul li img{width: 100%;height: 230px;object-fit: cover;}
.products ul li h4{ padding: 30px 30px 20px 30px; }
.products ul li h4 p{font-size: 14px;line-height: 24px;color: #666;text-align: center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}

.products_hover{ width: 100%;height: 0%;position: absolute;top: 0%;left: 0%;background-color: rgba(1, 95, 181, .9);transition: all .5s;opacity: 0;
 padding: 40px;}
.products_hover h5{font-size: 16px;font-weight: bold;;line-height: 24px;color: #fff;}
.products_hover h6{font-size: 14px;line-height: 24px;color: #fff;padding-top: 30px; 
height: 120px;display: -webkit-box;text-overflow: ellipsis;-webkit-line-clamp: 4;-webkit-box-orient: vertical;white-space: normal;overflow: hidden;}
.products_hover .liao{width: 100%;border:1px solid #fff; color: #fff;line-height: 40px;font-size: 12px;font-family: "宋体";text-align: center;display: block;
margin-top: 20px;}
.products_hover .liao:hover{opacity: 0.8}
.products_hover:hover{height: 100%;opacity: 1;}
/* -------------------------PC端--------------------------- */

@media all and (max-width:1340px) {
.product_main{ padding: 50px 0;}
.products{width: 94%;}
.products_list{width: 94%;}


.products_detail_all{width: 94%;}
 .top_list{ width: 94%; }
 .recommended_main{width: 94%;}
.recommended_center{width: 100%; margin: 0 auto;}

.recommended_center ul{ margin-left: -2%;}
.recommended_center ul li{ width: 31.333%; margin-left:2%; }
.recommended_center ul li .img{width: 60%; overflow: hidden;}
.recommended_center ul li .text{ width: 40% }

.products_hover{padding: 25px;}
.products_hover h5{font-size: 14px;font-weight: bold;;line-height: 20px;color: #fff;}
.products_hover h6{font-size: 12px;line-height: 20px;color: #fff;padding-top: 10px; padding-bottom: 10px;height: 120px;overflow: hidden;}
.products_hover a{line-height: 30px;font-size: 12px;}


.products_detail_all {
        width: 1000px;
        margin: 0 auto;
    }
    .picwordsL-minpic-list{
        width: 350px;
    }
    .picwordsL-minpic-list img{width: 100%;height: auto;}
    .picwordsL-minpic-list ul li{width: 100px;margin-left: 15px;}

.detail_right_buttom h4{width: 200px;}
.detail_right_buttom h4 i{left: 10%;}
.detail_right_buttom h5{width: 200px;}
.detail_right_buttom h5 i{left: 10%;}





}

@media all and (max-width:1280px) {

}


/* ------------------------手机端-------------------------- */

@media all and (max-width:1000px) {


.products{width: 94%;}
.products ul li{width: 48%;margin-left: 2%;}
.products ul li h4{ padding: 15px 10px 10px 10px; }
.products ul li h4 p{font-size: 13px;line-height: 20px;}

.products ul li img{height: auto;}
.products_hover{padding: 5px;}
.products_hover h5{font-size: 14px;font-weight: bold;;line-height: 20px;color: #fff;}
.products_hover h6{font-size: 12px;line-height: 20px;color: #fff;padding-top: 10px;height: 70px;overflow: hidden;}
.products_hover a{line-height: 30px;font-size: 12px;}


.products_list1 h4{float: left;padding-right: 15px;font-size: 16px;}
.products_list1 h4 span{line-height: 30px;display: inline-block;padding: 0px 10px;text-align: center;}
.products_list1 h5{overflow: hidden;position: relative;padding-right:35px; }
.products_list1 h5 a{padding: 0 7px;line-height: 30px;border-radius: 5px;margin-left: 8px;font-size: 13px;
min-width:30px;}






 
.top_list_container{display: none;}

.products_detail_container { padding: 24px 0 28px 0;  }
    .products_detail_all{width: 320px;margin: 0 auto;}
    .cpxq-picwordsL{ width: 100%; }
    .products_detail{width: 100%;}
    .cpxq-picwordsR{width: 100%;margin-left: 0%;padding: 28px 6px 0 6px;}
    .picwordsL-maxpic{height: 260px;}
    .picwordsL-maxpic ul li{height: 260px;padding: 16px 0;}
    .picwordsL-maxpic ul li img{width: 90%;}


    .picwordsL-minpic {margin-top: 14px;}
    
    .picwordsL-minpic .prev, .picwordsL-minpic .next { margin-top: 10PX;width: 20px;height:40px;}
    .picwordsL-minpic .prev i, .picwordsL-minpic .next i {margin-top: 12px;}
    .picwordsL-minpic-list{width: 280px;height: 60px; overflow: hidden;}
    .picwordsL-minpic-list ul li{  width: 75px; height: 50px; margin-left: 16px; overflow: hidden; margin-top: 5px;}

.picwordsL-minpic-list img{ width: 45px; height: 35px; margin: 0 auto; margin-top: 8px; }


.detail_right_text2_right{ float: left; }
.detail_right{width: 100%; height: auto; margin-left: 0px; margin-top: 30px;}
.detail_right_text h4{ font-size: 22px; color: #333; line-height: 25px; height:75px; }
.detail_right_text h5{ font-size: 16px; color: #333; line-height: 30px; font-weight: normal; }
.detail_right_text p{ font-size: 14px; color: #777; line-height: 25px; height: auto;}

.detail_right_text2 { height: auto; }
.detail_right_buttom{ width: 100%; margin: 40px 0 30px 0;}


/*推荐产品*/
.recommended_center ul li{ width: 100%; margin: 0 auto;  margin-bottom: 2%;}
.recommended_center ul li .img{width: 60%; overflow: hidden;}
.recommended_center ul li .text{ width: 40% }
 /*常见问题*/
 .recommended_problem ul li h5{ font-size: 16px; color: #333;line-height: 30px; }
 .recommended_problem ul li h6 p{ font-size: 12px; color: #777;line-height: 30px; padding-left: 35px; }
 .recommended_problem ul li h6 i{ height:30px; width:20px; overflow: hidden; }
}