@charset "utf-8";
.pro_in_contents{position: relative;
  padding-top: 0.65rem;
  padding-bottom: 1rem;}
  .pro_in_lists ul { margin-right:-3%;}
.pro_in_lists ul li {
  padding: 0;
  float: left;
  width: 47%;
  margin-right: 3%;
  background-color: #fff;
  margin-bottom: 3%;
  display: inline;
  border-radius: 0.2rem;
  box-shadow: 0 0px 13px 0 rgba(69,69,69,0.05); height:4.6rem;transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
}
.pro_in_lists ul li a  { display:block; padding:0.3rem 0.4rem; padding-left:0.5rem; padding-right:0;}
.pro_in_lists ul li a .left_img_over{ float:right; width:40%; height:100%; }
.pro_in_lists ul li a .left_img_over  .left_img{overflow: hidden;
  height: 4rem;
  position: relative;
  -webkit-transition: -webkit-transform 0.6s ease 0s;
  transition: transform 0.6s ease 0s;
  display: flex;
  justify-content: center;
  align-items: center;}

.pro_in_lists ul li a .left_img_over  .left_img img {
  -webkit-transition: -webkit-transform 0.6s ease 0s;

  transition: transform 0.6s ease 0s;

  max-width:100%;

  max-height: 100%;

  object-fit: contain;

}
.pro_in_lists ul li a:hover .left_img_over  .left_img img {-webkit-transform: scale(1.10) ; -moz-transform: scale(1.10); transform: scale(1.10);}
.pro_in_lists ul li a .right_font{ float:left; width:56%; padding-top:0.5rem;}
.pro_in_lists ul li a .right_font .name{ font-size:0.3rem; margin-bottom:0.2rem; color:#242933}
.pro_in_lists ul li a .right_font .sub_name{ position:relative; font-size:0.2rem; margin-bottom:0.3rem; padding-bottom:0.3rem; color:#242933}
.pro_in_lists ul li a .right_font .sub_name::after {
  content: '';
  position: absolute;
  left: 0%;
  bottom:0px;
  z-index: 0;
  width: 100%;
  height: 3px;
  background-color: #F0F4F9;
  z-index: 1;
}
.pro_in_lists ul li a .right_font .sub_name::before {
  content: '';
  position: absolute;
  left: 0%;
  bottom:0px;
  z-index: 0;
  width: 20%;
  height: 3px;
  background-color: #E60012;
  z-index: 2;-moz-transition: 0.3s;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
}
.pro_in_lists ul li a:hover .right_font .sub_name::before {
  content: '';
  position: absolute;
  left: 0%;
  bottom:0px;
  z-index: 0;
  width: 100%;
  height: 3px;
  background-color: #E60012;
  z-index: 2;-moz-transition: 0.3s;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
}
.pro_in_lists ul li a .right_font .dsecip{ font-size:0.16rem; margin-bottom:0.2rem; color:#656D7F; line-height:2; margin-bottom:0.4rem;}
.pro_in_lists ul li a .right_font .fonts_more_link{ display:inline-block; border:#1B4E98 1px solid; padding:0.15rem 0.3rem;display: flex;
  justify-content: center;
  align-items: center;color:#1B4E98; font-size:0.13rem;width: 0.8rem; margin-top:0.3rem}
.pro_in_lists ul li a .right_font .fonts_more_link img{ height:0.13rem; margin-left:0.1rem;}
.pro_in_lists ul li a:hover .right_font .fonts_more_link{ background-color:#1B4E98;color:#fff;}
.pro_in_lists ul li:hover{box-shadow: 0 0px 13px 0 rgba(69,69,69,0.1);transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;}
  
.pro_in_lists ul li:nth-child(n+7) {
            display: none;
        }
		
		
.pro_info_contents{}
.pro_info_backs{background: #F5F7FA url(../images/pro_info_case_back.jpg) center center no-repeat;
    background-size: auto;
  background-size: cover;}
.pro_info_canshu{background-color: #fff;
  padding-top: 0.9rem;
  padding-bottom: 1.2rem;}
.pro_info_canshu_table{ margin-top:0.3rem;}
.pro_info_canshu_table table{ background-color:#656D7F;border: 1px solid #656D7F;}
.pro_info_canshu_table table td{ background-color:#fff; line-height:0.55rem;border: 1px solid #656D7F;}
.pro_info_canshu_table table .back_color01 td{ background-color:#f0f3fb;}
.pro_info_canshu_table .line_titile td{ background-color:#1B4E98; color:#fff; font-size:0.16rem;}
.pro_info_canshu_table  .back_color td{ background-color:#f3f6fa; color:#1B4E98;}
.pro_info_canshu_table table .back_color01{ background-color:#f0f3fb;}
.pro_info_youshi{background: #F5F7FA url(../images/back_img_pro.jpg) center center no-repeat;
    background-size: auto;
  background-size: cover;
  padding-top: 0.8rem;
  padding-bottom:0.6rem;}
  
 .pro_info_youshi_list { margin-top:-0.1rem;}
 .pro_info_youshi_list ul {
  margin-right: -3%; padding-top:0.2rem; 
}
 .pro_info_youshi_list ul li{padding: 0;
  float: left;
  width: 41%;
  margin-right: 3%;
  background-color: #fff;
  margin-bottom: 3%;
  display: inline;
  border-radius: 0.2rem;
  box-shadow: 0 0px 13px 0 rgba(69,69,69,0.05);
  height:auto;
  transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s; padding:3%;transition: transform 0.3s ease;}
 .pro_info_youshi_list ul li:hover{transform: translateY(-10px);box-shadow: 0 0px 13px 0 rgba(69,69,69,0.25);}  
 .pro_info_youshi_list ul li .left_imgs {
  vertical-align: middle;
  display: table-cell;
  width: 28%;
}
.pro_info_youshi_list ul li .left_imgs img{-webkit-transition: -webkit-transform 0.6s ease 0s;transition: transform 0.6s ease 0s; width:82%;border-radius:50%;}
.pro_info_youshi_list ul li:hover .left_imgs img{-webkit-transform: scale(1.15) ; -moz-transform: scale(1.15); transform: scale(1.15);}
.pro_info_youshi_list ul li .right_fontsd {
  vertical-align: middle;
  display: table-cell;
  width: 72%;
  padding-left:5%;
}
.pro_info_youshi_list ul li .right_fontsd .titile{ font-size:0.3rem; line-height:1.6; margin-bottom:0.2rem;}
.pro_info_youshi_list ul li .right_fontsd .descipesd{ font-size:0.18rem; color:#656D7F;  line-height:0.4rem; height:0.8rem} 
 
.pro_info_banner{width: 100%;background: #F5F7FA url(../images/pro_info_banner_back.jpg) center center no-repeat;
  z-index: 2;
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; padding-top:1.2rem; padding-bottom: 1rem; }
.pro_info_banner .positons_pro_info{width: auto;
  z-index: 20;
  margin-top: -0.1rem;
  color: rgba(44,52,78,0.6);
  display: flex;
  justify-content: left;
  align-items: center;}
.pro_info_banner .positons_pro_info svg {
  height: 0.16rem;
  width: auto;
  display: inline-block;
  margin-right: 0.05rem;
}
.pro_info_banner .positons_pro_info a.back_up{ display: inline-block; margin-left: 0.3rem}
.pro_info_banner .positons_pro_info  a{color:rgba(44,52,78,0.6)}
.pro_info_banner .positons_pro_info  a:hover{ color:rgba(44,52,78,0.9)}
.pro_info_banner .pro_info_banner_con{}
.pro_info_banner .pro_info_banner_con .pro_info_banner_l{ float: left; width: 40%; padding-top: 1.3rem;}
.pro_info_banner .pro_info_banner_con .pro_info_banner_l .name{ font-size:0.44rem; margin-bottom:0.2rem; color:#242933}
.pro_info_banner .pro_info_banner_con .pro_info_banner_l .sub_name{ position:relative; font-size:0.24rem; margin-bottom:0.3rem; padding-bottom:0.3rem; color:#242933}
.pro_info_banner .pro_info_banner_con .pro_info_banner_l .sub_name::after {
  content: '';
  position: absolute;
  left: 0%;
  bottom:0px;
  z-index: 0;
  width: 100%;
  height: 3px;
  background-color:rgba(101, 109, 127, 0.15);
  z-index: 1;
}
.pro_info_banner .pro_info_banner_con .pro_info_banner_l .sub_name::before {
  content: '';
  position: absolute;
  left: 0%;
  bottom:0px;
  z-index: 0;
  width: 20%;
  height: 3px;
  background-color: #E60012;
  z-index: 2;-moz-transition: 0.3s;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
}
.pro_info_banner .pro_info_banner_con .pro_info_banner_l:hover .sub_name::before {
  content: '';
  position: absolute;
  left: 0%;
  bottom:0px;
  z-index: 0;
  width: 100%;
  height: 3px;
  background-color: #E60012;
  z-index: 2;-moz-transition: 0.3s;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
}

.pro_info_banner .pro_info_banner_con .pro_info_banner_l .dsecip{ font-size:0.16rem; margin-bottom:0.5rem; color:#656D7F; line-height:2;}
.pro_info_banner .pro_info_banner_con .pro_info_banner_l .down_pdf a{display: inline-block;
  border: #1B4E98 1px solid; background-color: #1B4E98;
  padding: 0.15rem 0.3rem;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 0.14rem;
  width: 1.2rem;
  margin-top: 0.3rem;border-radius: 0.5rem;}
.pro_info_banner .pro_info_banner_con .pro_info_banner_l .down_pdf a img {
  height: 0.15rem;
  margin-right: 0.1rem;
}
.pro_info_banner .pro_info_banner_con .pro_info_banner_l .down_pdf a:hover{transform: translateY(-10px);}
.pro_info_banner .pro_info_banner_con .pro_info_banner_r{ float: right; width: 50%;}  
.pro_info_banner .pro_info_banner_con .pro_info_banner_r a { position: relative; width:100%;
  display: block;
  border-radius: 0.2rem;
  overflow: hidden;-webkit-transition: -webkit-transform 0.6s ease 0s;
  transition: transform 0.6s ease 0s;}
  .pro_info_banner .pro_info_banner_con .pro_info_banner_r a:hover {-webkit-transform: scale(1.05) ; -moz-transform: scale(1.05); transform: scale(1.05);}
  
  
.pro_info_banner .pro_info_banner_con .pro_info_banner_r a .pro_info_banner_rimg{overflow: hidden;
  height: 7rem;
  position: relative;
  -webkit-transition: -webkit-transform 0.6s ease 0s;
  transition: transform 0.6s ease 0s;
  display: flex;
  justify-content: center;
  align-items: center;} 
.pro_info_banner .pro_info_banner_con .pro_info_banner_r a .pro_info_banner_rimg img {
  -webkit-transition: -webkit-transform 0.6s ease 0s;
  transition: transform 0.6s ease 0s;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.pro_info_banner .pro_info_banner_con .pro_info_banner_r a .pro_info_banner_rimg img.big_pic{opacity:1;display: block;transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;}
.pro_info_banner .pro_info_banner_con .pro_info_banner_r a .pro_info_banner_rimg img.img360_pic{opacity: 0;display: none;transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;}
.pro_info_banner .pro_info_banner_con .pro_info_banner_r:hover .pro_info_banner_rimg img.big_pic{opacity: 0;display: none;transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;}
.pro_info_banner .pro_info_banner_con .pro_info_banner_r:hover .pro_info_banner_rimg img.img360_pic{opacity: 1;display: block;transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;}
.pro_tab{ background: #ffffff; text-align: center;box-shadow: 0 0px 13px 0 rgba(69,69,69,0.55);}
.pro_tab ul li{ display: inline-block;  margin:0 5%;}
.pro_tab ul li a{ position: relative; display: block; font-size: 0.18rem; padding: 0.25rem 0.6rem;}
.pro_tab ul li a:hover{ color: #1B4E98;}
.pro_tab ul li a::after {
  content: '';
  position: absolute;
  left: 0%;
  bottom:0px;
  z-index: 0;
  width: 20%;
  height: 3px;
  background-color: #fff;
  z-index: 2;-moz-transition: 0.3s;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
}
.pro_tab ul li a:hover::after {
  content: '';
  position: absolute;
  left: 0%;
  bottom:0px;
  z-index: 0;
  width: 100%;
  height: 3px;
  background-color: #1B4E98;
  z-index: 2;-moz-transition: 0.3s;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
}
.search_result{ font-size: 0.3rem; font-weight: bold; padding-top: 0.3rem; padding-bottom: 0.3rem;}


@media (max-width:768px) {
.pro_in_lists ul li {
  padding: 0;
  float: none;
  width: auto;
  margin-right: 0;
  background-color: #fff;
  margin-bottom: 5%;
	display: block;}
	.pro_info_banner .pro_info_banner_con .pro_info_banner_l {
  float: none;
  width: auto;
  padding-top: 0.6rem;
}
	.pro_info_banner .pro_info_banner_con .pro_info_banner_r {
  float: none;
  width: auto;
  padding-top: 0.3rem;
}
	.pro_info_banner{ padding-bottom: 0.5rem;}
	.pro_tab ul li {
  margin: 0;
}
	.pro_tab ul li a {
  padding: 0.25rem 0.45rem;
}
	.pro_info_youshi_list ul li {
  padding: 0;
  float: none;
  width: auto;
  margin-right: 0;
  background-color: #fff;
  margin-bottom: 5%;
		display: block;padding: 6%;}
	.pro_info_canshu_table .scrllo_y{ width: 100%; overflow-y: scroll}
	.pro_info_canshu_table table {
width: 900px;
	}

}