/*产品菜单*/
body{
	background:#f8f8f8;
}
.pro_list-wrap .public-site{
	font-size:14px;
	color:#666666;
	margin-bottom:20px;
}
.public-tab{
  	position:relative;
  	width:1200px;
  	margin:0 auto;
  	margin-top:20px;
}
.public-tab .swiper-button-next,
.public-tab .swiper-button-prev{
	background:#999;
	border-radius:100%;
	width:40px;
	height:40px;
}
.public-tab .swiper-button-prev{
	left:-40px;
}
.public-tab .swiper-button-prev:after, 
.public-tab .swiper-button-next:after{
	color:#fff;
	font-size:14px;
}
.public-tab .item-box{
  	position:relative;
}
.public-tab .item-box .des-box{
  	padding-top:30px;
  	box-sizing:border-box;
  	text-align:center;
  	position:relative;
  	z-index:3;
  	transition:all .5s;
}
.public-tab .item-box .icon-box img{
  	height:43px;
}
.public-tab .item-box .icon-box img.active{
  	display:none;
}
.public-tab .item-box .title-box{
  	margin-top:8px;
}
.public-tab .item-box .title-box h3{
	font-size:20px;
	margin-top:5px;
}
.public-tab .item-box .title-box p{
	font-size:12px;
	color:#000;
}
.public-tab .item-box.active .icon-box img,
.public-tab .item-box:hover .icon-box img{
  display:none;
}
.public-tab .item-box.active .icon-box img.active,
.public-tab .item-box:hover .icon-box img.active{
  display:inline-block;
}
.public-tab .item-box.active .title-box h3,
.public-tab .item-box:hover .title-box h3{
  color:#CB292C;
}
.tab-box{
	width:1280px;
	margin:0 auto;
	margin-top:50px;
	padding-left:;
}
.tab-box span{
	width:auto;
	height:36px;
	line-height:36px;
	padding-left:20px;
	padding-right:20px;
	font-size:16px;
	color:#666666;
	margin-right:10px;
	box-sizing:border-box;
	display:inline-block;
}
.tab-box span:hover,
.tab-box span.active{
	background:#CB292C;
	color:#fff;
	border-radius:18px;
}



/*产品*/
.pro_list-wrap{
	width:1400px;
	margin:0 auto;
	background:#ffffff;
	padding-top:50px;
	padding-left:50px;
	padding-right:50px;
	box-sizing:border-box;
  	margin-bottom:70px;
}
.pro_list-wrap .session_1 {
	padding-bottom:60px;
	box-sizing:border-box;
}
.pro_list-wrap .session_1 .row {
  	margin-left:-17px;
  	margin-right:-17px;
}
.pro_list-wrap .session_1 .row .col-md-4 {
	position:relative;
  	float: left;
  	width: 33.33%;
  	padding-left: 17px;
  	padding-right: 17px;
  	box-sizing: border-box;
  	margin-bottom: 40px;
}
.pro_list-wrap .session_1 .col-md-4 .logo-box{
	position:absolute;
	left:25px;
	top:8px;
	z-index:9;
}
.pro_list-wrap .session_1 .col-md-4 .logo-box img{
	height:45px;
}
.pro_list-wrap .session_1 .item-box .img-box {
  	overflow: hidden;
}
.pro_list-wrap .session_1 .item-box .img-box img {
  	width: 100%;
  	height: 280px;
  	z-index:8;
  	object-fit: cover;
  	transition: all 0.5s;
}
.pro_list-wrap .session_1 .item-box .txt-box {
  	position: relative;
  	height:120px;
  	background:#f8f8f8;
  	padding-left:15px;
  	padding-right:15px;
  	box-sizing:border-box;
}
.pro_list-wrap .session_1 .item-box .txt-box .title-box{
	display:flex;
	justify-content:space-between;
	padding-top:15px;
	box-sizing:border-box;
	border-bottom:1px solid #eee;
	padding-bottom:15px;
	height:55px;
}
.pro_list-wrap .session_1 .item-box .txt-box .title-box .left-box h3{
	font-size:16px;
	color:#CB292C;
	font-weight:400;
}
.pro_list-wrap .session_1 .item-box .txt-box .title-box .right-box,
.pro_list-wrap .session_1 .item-box .txt-box .title-box .left-box p{
	font-size:14px;
	color:#666;
}
.pro_list-wrap .session_1 .item-box .txt-box .info-box{
	height:55px;
	line-height:55px;
	display:flex;
	justify-content:space-between;
}
.pro_list-wrap .session_1 .item-box .txt-box .info-box h3{
	font-size:14px;
	font-weight:400;
}
.pro_list-wrap .session_1 .item-box .txt-box .info-box h3 img{
	margin-right:12px;
	position:relative;
	top:-2px;
}
.pro_list-wrap .session_1 .item-box:hover .img-box img{
	transform:scale(1.1);	
}
.pro_list-wrap .session_1 .item-box:hover .txt-box{
	background:#fff;
	box-shadow:0px 5px 10px 0px rgba(0,0,0,0.05);;
}
.pro_list-wrap .session_1 .page-box{
	margin-top:20px;
}






.pro_list-wrap .session_2 {
  	display: flex;
  	justify-content:space-between;
  	align-items:flex-start;
  	padding:35px;
  	border:1px solid #F1F2F3;
  	margin-bottom:20px;
  	box-sizing:border-box;
}
.pro_list-wrap .session_2 .left-box{
  	width:600px;
}
.pro_list-wrap .session_2 .imgs img {
  width: 100%;
  height: 450px;
  object-fit: cover;
}
.pro_list-wrap .session_2 .imgs .bottom-box {
  position: relative;
  padding-left:50px;
  padding-right:50px;
}
.pro_list-wrap .session_2 .imgs .bottom-box .swiper-button-prev {
  left:5px;
}
.pro_list-wrap .session_2 .imgs .bottom-box .swiper-button-next {
  right:5px;
}
.pro_list-wrap .session_2 .imgs .bottom-box .swiper-button-next,
.pro_list-wrap .session_2 .imgs .bottom-box .swiper-button-prev {
  height: 100px;
  line-height: 100px;
  width: 20px;
  top: 0;
  margin: 0;
}
.pro_list-wrap .session_2 .imgs .bottom-box .swiper-button-next:after,
.pro_list-wrap .session_2 .imgs .bottom-box .swiper-button-prev:after {
  	font-size: 18px;
  	vertical-align: middle;
  	color: #999999;
  	font-weight: 700;
}
.pro_list-wrap .session_2 .imgs .bottom-box .swiper-button-next:hover:after,
.pro_list-wrap .session_2 .imgs .bottom-box .swiper-button-prev:hover:after {
  	color: #2b6378;
}
.pro_list-wrap .session_2 .imgs .mySwiper {
  	margin-top: 20px;
  	padding-top:10px;
  	box-sizing: border-box;
  	position: relative;
}
.pro_list-wrap .session_2 .imgs .mySwiper img {
  	height:83px;
  	width: 100%;
  	object-fit: cover;
}
.pro_list-wrap .session_2 .imgs .mySwiper .swiper-slide {
  	border: 2px solid transparent;
  	box-sizing:border-box;
  	position:relative;
}
.pro_list-wrap .session_2 .imgs .mySwiper .swiper-slide img {
  	cursor: pointer;
}	
.pro_list-wrap .session_2 .imgs .mySwiper .swiper-slide-thumb-active {
  	border: 2px solid #CB292C;
}
.pro_list-wrap .session_2 .imgs .mySwiper .swiper-slide:before{
   position: absolute;
   content: '';
   width: 0;
   height: 0;
   border-top: 6px solid transparent;
   border-bottom: 6px solid transparent;
   border-right: 6px solid #CB292C;
   top: -10px;
   left: 50%;
   opacity: 0;
   transform:rotate(90deg);
}
.pro_list-wrap .session_2 .imgs .mySwiper .swiper-slide-thumb-active:before{
	opacity:1;
}
.pro_list-wrap .session_2 .right-box {
	width:590px;
	padding-top:20px;
	box-sizing:border-box;
}
.pro_list-wrap .session_2 .right-box .title h3{
	font-size: 30px;
}
.pro_list-wrap .session_2 .right-box .title p{
	font-size:14px;
	margin-top:20px;
	margin-bottom:25px;
	color:#CB292C;
}
.pro_list-wrap .session_2 .right-box .prices{
	padding-left:20px;
	height:220px;
	line-height:30px;
	background:#f8f8f8;
	box-sizing:border-box;
}
.pro_list-wrap .session_2 .right-box .prices p{
	display:none;
	color:#666666;
	font-size:14px;
}
.pro_list-wrap .session_2 .right-box .prices p.active span{
	font-size:30px;
	color:#CB292C;
	font-weight:700;
}
.pro_list-wrap .session_2 .right-box .prices p.active{
	display:inline-block;
}
.pro_list-wrap .session_2 .right-box .code{
	font-size:14px;
	color:#666666;
	margin-top:30px;
	padding-left:18px;
	box-sizing:border-box;
}
.pro_list-wrap .session_2 .right-box .tags{
	display:flex;
	justify-content:flex-start;
	margin-top:30px;	
	padding-left:18px;
	box-sizing:border-box;
}
.pro_list-wrap .session_2 .right-box .tags span{
	color:#666666;
	font-size:14px;
	position:relative;
	top:10px;
}
.pro_list-wrap .session_2 .right-box .tags .txts{
	width:520px;	
}
.pro_list-wrap .session_2 .right-box .tags .txt-box{
	position:relative;
	float:left;
	text-align:center;
	width:250px;
	height:44px;
	line-height:44px;
	border:1px solid #EEEEEE;
	margin-right:10px;
	margin-bottom:10px;
	box-sizing:border-box;
}
.pro_list-wrap .session_2 .right-box .tags .txt-box:before{
	position:absolute;
	content:'';
	width:13px;
	height:11px;
	right:0;
	bottom:0;
	background:url('../image/icon_67.png') center center no-repeat;
	background-size:100% 100%;
	opacity:0;
}
.pro_list-wrap .session_2 .right-box .tags .txt-box.active{
	border-color:#CB292C;
	position:relative;
}
.pro_list-wrap .session_2 .right-box .tags .txt-box.active a{
	color:#333;
}
.pro_list-wrap .session_2 .right-box .tags .txt-box.active:before{
	opacity:1;
}
.pro_list-wrap .session_2 .right-box .more{
	width:210px;
	height:45px;
	line-height:45px;
	border-radius:23px;
	background:#CB292C;
	text-align:center;	
	margin-left:18px;
	margin-top:35px;
	box-sizing:border-box;
}
.pro_list-wrap .session_2 .right-box .more img{
	margin-right:10px;
	position:relative;
	top:-3px;
}
.pro_list-wrap .session_2 .right-box .more a{
	font-size:16px;
	color:#ffffff;
}
.pro_list-wrap .session_2 .right-box .img-box{
	margin-top:60px;
}





.pro_list-wrap .session_3{
  	display:flex;
  	justify-content:space-between;
  	align-items:flex-start;
  	box-sizing:border-box;
}
.pro_list-wrap .session_3 .left-box{
	width:300px;
}
.pro_list-wrap .session_3 .left-box .top-box{
	border:1px solid #F1F2F3;	
	padding-left:20px;
	padding-right:20px;
	box-sizing:border-box;
}
.pro_list-wrap .session_3 .left-box .top-box .txt_1 > h3{
	position:relative;
	font-size:16px;
	line-height:1;
	border-bottom:1px dashed #F1F2F3;
	padding-left:14px;
	margin-top:26px;
	padding-bottom:26px;
}
.pro_list-wrap .session_3 .left-box .top-box .txt_1 > h3:before{
	position:absolute;
	content:'';
	width:3px;
	height:16px;
	left:0;
	background:#CB292C;
}
.pro_list-wrap .session_3 .left-box .top-box .txt_1 .item-box{
	margin-top:20px;
	display:flex;
	padding-bottom:25px;
	margin-bottom:25px;
	border-bottom:1px dashed #F1F2F3;
}
.pro_list-wrap .session_3 .left-box .top-box .txt_1 .item-box .img-box img{
	width:118px;
	height:80px;
	object-fit:cover;
}
.pro_list-wrap .session_3 .left-box .top-box .txt_1 .item-box .txt-box{
	padding-left:15px;
	box-sizing:border-box;
}
.pro_list-wrap .session_3 .left-box .top-box .txt_1 .item-box .txt-box h3{
	font-size:14px;
	font-weight:400;
}
.pro_list-wrap .session_3 .left-box .top-box .txt_1 .item-box .txt-box span{
	font-size:16px;
	color:#CB292C;
	display:inline-block;
	margin-top:7px;
	margin-bottom:5px;
}
.pro_list-wrap .session_3 .left-box .top-box .txt_1 .item-box .txt-box p{
	font-size:12px;
}
.pro_list-wrap .session_3 .left-box .top-box .txt_2 > h3{
	position:relative;
	font-size:16px;
	line-height:1;
	border-bottom:1px dashed #F1F2F3;
	padding-left:14px;
	margin-top:26px;
	padding-bottom:26px;
}
.pro_list-wrap .session_3 .left-box .top-box .txt_2 > h3:before{
	position:absolute;
	content:'';
	width:3px;
	height:16px;
	left:0;
	background:#CB292C;
}
.pro_list-wrap .session_3 .left-box .top-box .txt_2 .item-box{
	padding-top:13px;
	padding-bottom:15px;
	border-bottom:1px dashed #F1F2F3;
	box-sizing:border-box;
	overflow:hidden;
}
.pro_list-wrap .session_3 .left-box .top-box .txt_2 .item-box:last-child{
	border-bottom:none;
}
.pro_list-wrap .session_3 .left-box .top-box .txt_2 .item-box h3{
	position:relative;
	font-size:14px;
	line-height:24px;
	font-weight:400;
	padding-left:33px;
	color:#666666;
	box-sizing:border-box;
}
.pro_list-wrap .session_3 .left-box .top-box .txt_2 .item-box h3 span{
	position:absolute;
	left:0;
	top:0;
	width:22px;
	height:22px;
	line-height:22px;
	font-size:13px;
	color:#fff;
	background:#626262;
	display:inline-block;
	border-radius:100%;
	text-align:center;
}
.pro_list-wrap .session_3 .left-box .top-box .txt_2 .item-box:nth-child(3) h3 span,
.pro_list-wrap .session_3 .left-box .top-box .txt_2 .item-box:nth-child(2) h3 span,
.pro_list-wrap .session_3 .left-box .top-box .txt_2 .item-box:nth-child(1) h3 span{
	background:#CB292C;
}
.pro_list-wrap .session_3 .left-box .top-box .txt_2 .item-box img{
	width:100%;
	height:0;
	opacity:0;
	object-fit:cover;
	transition:all .5s;
	display:block;
}
.pro_list-wrap .session_3 .left-box .top-box .txt_2 .item-box.active img{
	height:160px;
	opacity:1;
	margin-top:15px;
}
.pro_list-wrap .session_3 .left-box .bottom-box{
	margin-top:30px;
	width:100%;
	padding-top:8px;
	padding-left:13px;
	padding-right:13px;
	padding-bottom:25px;
	box-sizing:border-box;
	box-shadow:0 0 20px 0px rgb(0,0,0,0.1);
}
.pro_list-wrap .session_3 .left-box .bottom-box .icon-box img{
	width:100%;
	height:197px;
	border-radius:10px;
	margin-bottom:20px;
}
.pro_list-wrap .session_3 .left-box .bottom-box .col-md-3 input{
	border:none;
	height:40px;
	line-height:40px;
	padding-left:15px;
	border-radius:4px;
	background:#f5f5f5;
	font-size:14px;
	color:#666666;
	width:100%;
	margin-bottom:10px;
	box-sizing:border-box;
}
.pro_list-wrap .session_3 .left-box .bottom-box .row:nth-child(2){
	margin-left:-5px;
	margin-right:-5px;
}
.pro_list-wrap .session_3 .left-box .bottom-box .row:nth-child(2) .col-md-3{
	float:left;
	width:33.33%;
	padding-left:5px;
	padding-right:5px;
	box-sizing:border-box;
}
.pro_list-wrap .session_3 .left-box .bottom-box .row:nth-child(2) .col-md-3 select{
	border:none;
	height:40px;
	line-height:40px;
	padding-left:10px;
	border-radius:4px;
	background:#f5f5f5;
	font-size:14px;
	color:#666666;
	width:100%;
	margin-bottom:10px;
	box-sizing:border-box;
}
.pro_list-wrap .session_3 .left-box .bottom-box .ok-pro{
	width:100%;
	margin-top:18px;
	background:#CB292C;
	font-size:18px;
	color:#ffffff;
	height:48px;
	line-height:48px;
	border-radius:4px;
	text-align:center;
	animation: down 1.2s infinite;
}
@keyframes down {
  	0% {
    	transform:scale(1);
  	}
  	50% {
    	transform:scale(1.1);
  	}
  	100% {
    	transform:scale(1);
  	}
}
@-webkit-keyframes down {
  	0% {
    	transform:scale(1);
  	}
  	50% {
    	transform:scale(1.1);
  	}
  	100% {
    	transform:scale(1);
  	}
}
.pro_list-wrap .session_3 .right-box{
	width:980px;
	border:1px solid #F1F2F3;
	box-sizing:border-box;
}
.pro_list-wrap .session_3 .right-box .top-box{
	font-size:0;
}
.pro_list-wrap .session_3 .right-box .top-box span{
	display:inline-block;
	font-size:16px;
	color:#666;
	width:250px;
	height:60px;
	line-height:60px;
	text-align:center;
	border-right:1px solid #F1F2F3;
	border-bottom:1px solid #F1F2F3;
}
.pro_list-wrap .session_3 .right-box .top-box a.active span{
	color:#CB292C;
	border-bottom:2px solid #CB292C;
}
.pro_list-wrap .session_3 .right-box .bottom-box{
	padding-top:50px;
	padding-left:40px;
	padding-right:40px;
	padding-bottom:50px;
	box-sizing:border-box;
}
.pro_list-wrap .session_3 .right-box .bottom-box .des-box{
	display:none;
}
.pro_list-wrap .session_3 .right-box .bottom-box .des-box.active{
	display:inline-block;
}
.pro_list-wrap .session_3 .right-box .bottom-box img{
	width:100%;
}
@media screen and (max-width: 1440px) {
	.pro_list-wrap{
		width:1300px;
	}
}