@charset "utf-8";
.pro_lists_show2{ position:relative; z-index:3; margin-top:0.5rem}
.pro_lists_show2 .pro_leibie{ width: 100%;
  height:2.2rem;
  position: relative;
  z-index: 2;
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; border-radius: 0.15rem ;        display: flex;
        align-items: center; text-align:left; margin-bottom:0.4rem;}
 .pro_lists_show2 .pro_leibie .leibie_font{ border-left:#fff 4px solid; margin-left:8%; padding-left:4%; color:#fff
 }
  .pro_lists_show2 .pro_leibie .leibie_font .pro_names{position: relative;
  display: block;
  font-size: 0.32rem;
  font-weight: bold;
  margin-bottom: 0.2rem;
  overflow: inherit;
  text-shadow: 0px 1px 3px #666;}
    .pro_lists_show2 .pro_leibie .leibie_font .pro_subtit{position: relative;
  display: block;
  font-size: 0.17rem;
  font-weight: bold;
  overflow: inherit;
  text-shadow: 0px 1px 3px #666;}
 
 
.pro_lists { width:100%; overflow:hidden; padding-top:0.2rem; padding-bottom:0.5rem;}
 
.pro_lists ul{ width:100%;}
.pro_lists ul li{ float:left; width:21%; margin-left:2%; margin-right:2%; display:inline;padding-bottom:4%;}
.pro_lists ul li.ani.find{ overflow:inherit}
.pro_lists ul li a{display: block;
  background-color: #fff;
  border-radius: 0.15rem;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.06); border:#fff 1px solid; overflow:hidden}
.pro_lists ul li .pro_img_show{text-align: center;
  padding: 0;
  overflow: hidden;
  border-radius: 0.2rem 0.2rem 0 0;
  height:3.2rem;
  position: relative;-webkit-transition: -webkit-transform 0.6s ease 0s;
  transition: transform 0.6s ease 0s; }
.pro_lists ul li .pro_img_show img{width: 100%;
  height: auto;
  max-width: 100%;
  border: 0;
  width: 100%;
  -webkit-transform: translateZ(0px);
  transform: translateZ(0px);
  -webkit-transition: -webkit-transform 0.6s ease 0s;
  transition: transform 0.6s ease 0s;
  display: block;
  margin: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 60%;
  width: auto;}
.pro_lists ul li:hover .pro_img_show{-webkit-transform: scale(1.10) ; -moz-transform: scale(1.10); transform: scale(1.10);}
.pro_lists ul li .pro_fonts_show{ text-align:center; font-size:0.20rem; padding:0.25rem 0.2rem ; padding-top:0;white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block; font-weight:bold; color:#333;}
.pro_lists ul li .pro_fonts_show .sub_titile{ display:block; text-align:center;white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis; padding-top:0.1rem; font-size:0.14rem; font-weight:normal; color:#999;}
.pro_lists ul li a:hover{border:#be8e44 1px solid; box-shadow: 0px 0px 20px 0px rgba(14, 70, 140, 0.12);}
.pro_lists ul li a:hover .pro_img_show{}
.pro_lists ul li a:hover .pro_fonts_show{color:#be8e44;}
.pro_lists ul li a:hover  .pro_fonts_show .sub_titile{color:#be8e44;}


.pro_shows{ padding-bottom: 0.3rem; padding-top: 0.25rem}
.pro_shows ul li{ position: relative; background-color: #fff; margin-bottom: 0.5rem;box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08); height: 6rem; background-position:left center; background-repeat: no-repeat; background-size: cover;transition: transform 0.5s ease; }
.pro_shows ul li:hover{transform: scale(1);}
.pro_shows ul li .back_img{ position: absolute; right: 0; top: 0; height: 100%; width: 100%; text-align: right;z-index: 2 }
.pro_shows ul li .back_img img{ height: 100%; width: auto}
.pro_shows ul li:nth-child(2n) .back_img{transform-origin: 50% 50%;transform: rotate(180deg);}
.pro_shows ul li .pro_font_show{ position: absolute; right: 0; top: 0; height: 100%; padding: 5% 6% 0 10%; width:34%; text-align: left;z-index:3;color: #fff }
.pro_shows ul li:nth-child(2n) .pro_font_show{ position: absolute; right: auto;left: 0; top: 0; height: 100%; padding: 5% 10% 0 6%; width:34%; text-align: left;z-index:3;color: #fff }
.pro_shows ul li .pro_font_show .pro_titile{ font-weight: bold; font-size: 0.34rem; line-height: 1.5; margin-bottom: 0.2rem;font-family: ITCAvantGardePro-Bold,arail ,sans-serif; }
.pro_shows ul li .pro_font_show .pro_decipe{ position: relative; font-size: 0.16rem; line-height: 1.5; margin-bottom: 0.5rem; }
.pro_shows ul li .pro_font_show .pro_decipe::after {
  left: 0%;
  position: absolute;
  bottom:-0.3rem;
  content: " ";
  width:0.4rem;
  -webkit-transition: .3s;
  transition: .3s;
  height: 4px;
  background-color: #b73825;
}
.pro_shows ul li .pro_font_show .lists{ }
.pro_shows ul li .pro_font_show .lists li{ background: none; background: url("../images/sanjiao_icon.png") left center no-repeat; background-size: 0.08rem auto; border-bottom: rgba(255,255,255,0.1) 1px solid; padding: 0.18rem 0;padding-left: 0.25rem; font-size: 0.18rem; font-weight: bold;height: auto; margin-bottom: 0;box-shadow: none;  }
.pro_shows ul li .pro_font_show .lists li a{ color: #fff}
.pro_shows ul li .pro_font_show .lists li span{ position: relative; transition: transform 0.5s ease; display: inline-block}
.pro_shows ul li .pro_font_show .lists li:hover span{transform: translateX(10px);}


.hot_pros{ text-align: left; margin-top: 0.3rem}
.hot_pros ul li{ position: relative; display: inline-block; width:40%; margin-right: 2%; display: inline-block; vertical-align: top; background: url("../images/pro_one_back.png") center center no-repeat; border-radius: 0.2rem; height: auto; padding: 4%; background-size: cover;}
.hot_pros ul li:nth-child(2n){ margin-right: 0}
.hot_pros ul li .left_font{ float: left; width:60% }
.hot_pros ul li .left_font .tit{ position: relative; margin-bottom: 0.4rem}
.hot_pros ul li .left_font .tit span{ display: block; font-size: 0.22rem; font-weight: bold;font-family: ITCAvantGardePro-Bold,arail ,sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.hot_pros ul li .left_font .tit::after {
  left: 0%;
  position: absolute;
  bottom:-0.2rem;
  content: " ";
  width:0.4rem;
  -webkit-transition: .3s;
  transition: .3s;
  height: 4px;
  background-color: #b73825;
}
.hot_pros ul li .left_font .descipe{ font-size: 0.16rem;line-height: 0.3rem;
height: 0.6rem;
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical; color: #666}
.hot_pros ul li .right_img{ float: right; width:35%; height: 1.4rem; position: relative;transition: transform 0.5s ease; }
.hot_pros ul li .right_img img{display: block;
  margin: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-height: 100%;
  max-width: 100%;}
.hot_pros ul li:hover .right_img{transform: scale(1.15);}


.pros_list_show{ text-align: left; margin-top: 0.3rem; margin-bottom: 0.6rem}
.pros_list_show ul{ margin-bottom: 0.3rem}
.pros_list_show ul li{ position: relative; display: inline-block; width:16.7%; margin-right: 2%; margin-bottom: 2%; display: inline-block; vertical-align: top; background-color:#fff;  border-radius: 0.2rem; height: auto; padding: 3% 3% 2.5% 3%;box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08);}
.pros_list_show ul li:nth-child(4n){ margin-right: 0}
.pros_list_show ul li .left_font{ margin-top: 0.3rem;  }
.pros_list_show ul li .left_font .tit{ position: relative; margin-bottom: 0.4rem}
.pros_list_show ul li .left_font .tit span{ display: block; font-size: 0.20rem; font-weight: bold;font-family: ITCAvantGardePro-Bold,arail ,sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.pros_list_show ul li .left_font .tit::after {
  left: 0%;
  position: absolute;
  bottom:-0.2rem;
  content: " ";
  width:0.3rem;
  -webkit-transition: .3s;
  transition: .3s;
  height: 3px;
  background-color: #b73825;
}
.pros_list_show ul li .left_font .descipe{ font-size: 0.15rem;line-height: 0.3rem;
height: 0.6rem;
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical; color: #666}
.pros_list_show ul li .right_img{ height: 1.4rem; position: relative;transition: transform 0.5s ease; }
.pros_list_show ul li .right_img img{display: block;
  margin: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-height: 100%;
  max-width: 100%;}
.pros_list_show ul li:hover .right_img{transform: scale(1.15);}


.Product_Description{ margin-top: 0.5rem; margin-bottom: 0.8rem}
.Product_Description .tit{ border-bottom: #e2e2e2 1px solid;}
.Product_Description .tit span{ display: inline-block; font-size: 0.18rem; background-color: #124b89;border-radius:0.2rem 0.2rem 0px 0; padding: 0.2rem 0.25rem; line-height: 1; color: #fff; font-weight: bold}
.Product_Description .font_content{ margin-top: 0.3rem;font-size: 0.16rem; line-height: 2.2}

.pro_show_more{}
.pro_show_more .pro_more_imgs{ float: left; width: 45%;background-color:#fff;  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08); border-radius: 0.2rem}
.pro_show_more .pro_more_imgs .item{position: relative; width: 100%; height: 6rem; transition: transform 0.5s ease; }
.pro_show_more .pro_more_imgs .item img{display: block;
  margin: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-height: 80%;
  max-width: 80%;}
.pro_show_more .pro_more_imgs .item:hover{transform: scale(1.10);}

.pro_more_imgs .slick-prev{border:0; background: url(../images/btn_l.png) center center no-repeat;background-size: contain;
  width: 0.3rem;
  height: 0.3rem;margin-top: 0;}
.pro_more_imgs .slick-next{border:0; background: url(../images/btn_r.png) center center no-repeat;background-size: contain;
  width: 0.3rem;
  height: 0.3rem;margin-top: 0;}

.pro_more_imgs .slick-dots li {
	position:relative;
	display:inline-block;
	margin:0 0.1rem;
	padding:0;
	cursor:pointer
}
.pro_more_imgs .slick-dots li button {
	border:0;
	display:block;
	height:2px;
	width:0.3rem;
	padding:0;
	margin:0;
	outline:none;
	line-height:0;
	font-size:0;
	cursor:pointer;
	background:#d6d6d6;
	border-radius:0px
}
.pro_more_imgs .slick-dots li.slick-active button {
	background:#be8e44; width: 0.4rem;
}
.pro_xg{ position:relative;font-size: 0.2rem;font-weight: bold; margin-bottom: 0.3rem; padding-left:0.2rem;}
.pro_xg::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0%;
  z-index: 0;
  width: 3px;
  height: 100%;
  background-color: #be8e44;
  z-index: 2;
  border-radius: 0px;
}

.more_pors { position:relative; z-index:10; padding-top:0.6rem;}

.more_products{position: relative;
  z-index: 4;
  padding-top: 0.5rem;}
.else_pro_tit{ font-size:0.22rem; font-weight:bold; margin-bottom:0.3rem}

.pro_show_more{ margin-top: 0.3rem; position:relative; z-index:4}
.pro_show_more .pro_more_font{ float: right; width: 48%;}
.pro_show_more .pro_more_font .titile{position: relative; padding-left:0.3rem;font-size: 0.50rem; color: #124b89; font-weight: bold; line-height: 1.8; margin-bottom: 0.6rem;}

.pro_show_more .pro_more_font .titile::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0%;
  z-index: 0;
  width: 4px;
  height: 76%;
  background-color: #be8e44;
  z-index: 2;
  border-radius:0px;
}

.pro_show_more .pro_more_font .titile span{ position: relative; font-size:0.3rem; font-weight:bold; margin-bottom:0.2rem; color:#222222;}
.pro_show_more .pro_more_font .titile span.xinghao{ position: relative; font-size:0.2rem; font-weight:bold;color:#be8e44;display: block;}
.pro_show_more .pro_more_font .tedian{ font-size: 0.18rem; line-height: 2.2; color: #333; }
.pro_show_more .pro_more_font .tedian .tedian_name{font-size: 0.18rem; font-weight: bold; color: #222222; display:none}
.pro_show_more .pro_more_font .btns{ margin-top: 0.5rem}
.pro_show_more .pro_more_font .btns .PDF_btn{ position: relative; border-radius:0.15rem; background: #be8e44 url("../images/pro_more_icon01.png") 0.25rem center no-repeat; background-size: auto 0.25rem; padding:0.2rem 0.25rem; padding-left: 0.55rem; color: #fff; font-size: 0.15rem; font-weight: bold; margin-right: 0.2rem;transition: transform 0.5s ease; display: inline-block;}
.pro_show_more .pro_more_font .btns .PDF_btn:hover{transform: translateX(10px);}
.pro_show_more .pro_more_font .btns .renzheng_btn{ position: relative; border-radius:0.15rem; background: #b73825 url("../images/pro_more_icon02.png") 0.25rem center no-repeat; background-size: auto 0.25rem; padding:0.2rem 0.25rem; padding-left: 0.55rem; color: #fff; font-size: 0.15rem; font-weight: bold;transition: transform 0.5s ease; display: inline-block;}
.pro_show_more .pro_more_font .btns .renzheng_btn:hover{transform: translateX(10px);}

#tabcilk{ background-color:#f4f4f4; margin-top:0.5rem; text-align:left}
#tabcilk li{ display:inline; font-size:0.18rem; font-weight:bold;}
#tabcilk li.on{ display:inline-block; padding:0.18rem 0.5rem; background-color:#be8e44; border-right:#be8e44 1px solid; }
#tabcilk li.on a{color:#FFFFFF;}
#tabcilk li{display:inline-block; padding:0.18rem 0.5rem; border-right:#e4e4e4 1px solid;}
#tabcilk li a{color:#222222;}

.chanye_home_list { line-height:1.8; font-size:0.17rem; padding-top:0.35rem; padding-bottom:0.2rem;}

.more_news_show.more_pros_show .pro_one_img{position: relative;overflow: hidden;
  width: 100%;
  height: 2.8rem;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 0.2rem 0.2rem 0 0;}
.pro_one_img img{width: 100%;
  height: auto;
  max-width: 100%;
  border: 0;
  width: 100%;
  -webkit-transform: translateZ(0px);
  transform: translateZ(0px);
  -webkit-transition: -webkit-transform 0.6s ease 0s;
  transition: transform 0.6s ease 0s;
  display: block;
  margin: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 70%;
  width: auto;}


@media (max-width:768px) {

	.pro_shows ul li .back_img {
    position: absolute;
    right: -20%;
    top: 0;
    height: 100%;
    width: 100%;
    text-align: right;
    z-index: 2;
}
.pro_shows ul li .pro_font_show .pro_decipe{ font-size:12px;}
.pro_shows ul li:nth-child(2n) .back_img {
    transform-origin: 50% 50%;
    transform: rotate(180deg);
    right: 0;
    left: -20%;
}
.pro_shows ul li .pro_font_show,.pro_shows ul li:nth-child(2n) .pro_font_show{ width:50%;}
.pro_shows ul li{ overflow:hidden}
.hot_pros ul li {
    position: relative;
    display: inline-block;
    width: auto;
    margin-right: 0;
    display: block;
    vertical-align: top;
    background: url(../images/pro_one_back.png) center center no-repeat;
    border-radius: 0.2rem;
    height: auto;
    padding: 6%;
    background-size: cover;
    margin-bottom: 0.3rem;
}
.hot_pros ul li .left_font .tit span,.pros_list_show ul li .left_font .tit span{ font-size:16px;}
.hot_pros ul li .left_font .descipe,.pros_list_show ul li .left_font .descipe {
    font-size: 14px; line-height:0.4rem; height:0.8rem;}
	.hot_pros ul li .right_img {
    float: right;
    width: 40%;
    height: 1.8rem;
    position: relative;
    transition: transform 0.5s ease;
}
.pros_list_show ul li{ width:41%;}
.pros_list_show ul li .right_img {
    height: 2rem;}

.pro_show_more .pro_more_imgs {
    float: none;
    width: auto;}
	.pro_show_more .pro_more_font {
    float: none;
    width: auto;
    margin-top: 0.3rem;
}
.pro_show_more .pro_more_font .tedian {
    font-size: 16px;}
	.pro_show_more .pro_more_font .tedian .tedian_name,.Product_Description .tit span{ font-size: 16px;}
	.pro_show_more .pro_more_font .btns .PDF_btn,.pro_show_more .pro_more_font .btns .renzheng_btn,.Product_Description .font_content{font-size: 14px;}
.pro_lists_show2 ul li {
  width: 45%;}
  .pro_show_more .pro_more_font .titile span{font-size: 24px;}
  .pro_show_more .pro_more_font .titile span.xinghao{ font-size: 16px;}
  
  .pro_xg{ font-size: 20px;}
  
  .more_news_show .item .fonts h3 {
  font-size: 20px;
  color: #333;
  font-weight: bold;
  line-height: 0.4rem;
  height: 0.8rem;}
  .more_news_show .item .date {
  font-size: 14px;}
}