@charset "utf-8";
.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-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:#cf2b1e; width: 0.4rem;
}

.pro_show_more{ margin-top: 0.2rem}
.pro_show_more .pro_more_font{ float: right; width: 50%;}
.pro_show_more .pro_more_font .titile{font-size: 0.50rem; color: #124b89; font-weight: bold;font-family: ITCAvantGardePro-Bold,arail ,sans-serif; line-height: 1.8; margin-bottom: 0.35rem;}
.pro_show_more .pro_more_font .titile span{ position: relative}
.pro_show_more .pro_more_font .titile span::after {
  left: 0%;
  position: absolute;
  bottom:-0.3rem;
  content: " ";
  width:0.3rem;
  -webkit-transition: .3s;
  transition: .3s;
  height: 3px;
  background-color: #b73825;
}
.pro_show_more .pro_more_font .tedian{ font-size: 0.16rem; 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: #0e468c 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);}



@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: 14px;}
	.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;}

}