ul {
  list-style-type: none;
}
li {
  list-style-type: none;
}

@keyframes banner_animate{from{width: 110%; height: auto; transform:scale(1.1)}to{width: 100%; height: auto; transform:scale(1)}}
.in_banner img{width: 100%; height: auto; animation:banner_animate 3s ease-out;-moz-animation:banner_animate 3s ease-out;-webkit-animation:banner_animate 3s ease-out;-o-animation:banner_animate 3s ease-out}

@keyframes fadeInLeftS {
  from {
    opacity: 0;
    transform: translate3d(-5%, 0, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.fadeInLeftS {
  animation-name: fadeInLeftS;
}

@keyframes fadeInRightS {
  from {
    opacity: 0;
    transform: translate3d(5%, 0, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.fadeInRightS {
  animation-name: fadeInRightS;
}

#product-imager a img {
	transition: transform 3s ease-out;
	will-change: transform;
	transform-origin: center center;
}

.in_banner img{
	transform: scale(1.1);
}

.in_banner img {
	transition: transform 3s ease-out;
	will-change: transform;
	transform-origin: center center;
}

#product-imager a:hover img {
	transform: scale(1.1);
}

@keyframes PicIn {
  from {
    transform:scale(1)
  }
  to {
    transform:scale(1.2)
  }
}
.PicIn {
  animation-name: PicIn;
}


.product_detail_editor_content{width:100%;height:auto;padding:20px 0 0;box-sizing:border-box;background:#fff;margin-bottom:30px}
.product_detail_editor_content_title{ border-left: 10px solid #cf4144;}
.product_detail_editor_content_title{height:40px;font-weight:normal;text-align:left;font-size:18px;color:#333333;background:#eee;line-height:40px;margin-bottom:20px;padding-left:5px}
.product_detail_editor_content_title {
		border-color: #ff6f00;
	}
	
.sunshine_left_box {
		width: 300px;
	}
	
	.sunshine_left_box .category {
		font-size: 24px;
		color: #fff;
		border-radius: 4px 4px 0 0;
		font-weight: bold;
		padding: 10px 24px;
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding-right: 10px;
		background: #ff6f00;
	}
	
	.sunshine_left_box .category i {
		cursor: pointer;
		transition: all .5s;
		transform-origin: 50% 50%;
		display: flex;
		align-items: center;
		justify-content: center;
		display: none;
	}
	
	.sunshine_left_box .category i.on {
		transform: rotate(180deg);
	}
	
	.pro_left_bottom {
		margin-top: 50px;
	}
	
	.pro_left_bottom h2 {
		font-size: 24px;
		color: #fff;
		border-radius: 4px 4px 0 0;
		font-weight: bold;
		padding: 10px 24px;
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding-right: 10px;
		background: #ff6f00;
	}
	
	.pro_left_bottom ul {
		border: 1px solid #dbdbdb;
		border-top: none;
		padding: 10px 24px;
	}
	
	.pro_left_bottom ul li {
		padding: 5px 0;
	}
	
	.pro_left_bottom ul li span,
	.pro_left_bottom ul li a {
		font-size: 14px;
		color: #333;
		line-height: 1.4;
	}
	
	.pro_left_sunshine .yiji {
		border: 1px solid #dbdbdb;
		border-top: none;
	}
	
	.pro_left_sunshine .yiji_con {
		display: flex;
		align-items: center;
		background:#f3f3f3;
		padding:10px;
		border-bottom:1px solid #d3d3d3;
	}
	
	.pro_left_sunshine .yiji_con em {
		display: flex;
		width: 16px;
		height: 16px;
		align-items: center;
		justify-content: center;
		transition: all 0.4s;
	}
	.pro_left_sunshine .yiji_con a{
		display:flex;
		align-items:center;
	}
	.pro_left_sunshine .yiji_con a span{
		flex:0 0 35%;
	}
	.pro_left_sunshine .yiji_con a span img{
		border:3px solid #fff;
	}
	.pro_left_sunshine .yiji_con a h3 {
		flex:0 0 60%;
		font-size: 14px;
		font-weight: bold;
		color: #333;
		line-height: 2.8;
		transition: all 0.4s;
		padding-left:10px;
	}
	
	.pro_left_sunshine .yiji_con i {
		display: block;
		width: 14px;
		height: 14px;
		position: relative;
		cursor: pointer;
	}
	
	.pro_left_sunshine .erji,.pro_left_sunshine .erji2 {
		padding-left: 20px;
	}
	.pro_left_sunshine .erji_con,.pro_left_sunshine .erji_conq {
		display: flex;
		align-items: center;
	}
	
	.pro_left_sunshine .erji>.erji_list:last-child .erji_con {
		border-bottom: none;
	}
	
	.pro_left_sunshine .erji_con a {
		display: block;
		width: calc(100% - 16px);
		padding: 0 10px 0 0;
	}
	
	.pro_left_sunshine .erji_con a h3,.pro_left_sunshine .erji_conq a h3 {
		font-size: 14px;
		color: #666;
		line-height: 2.4;
		transition: all 0.4s;
		padding-left: 6px;
	}
	.pro_left_sunshine .yiji_list.on .yiji_con,.pro_left_sunshine .yiji_list:hover .yiji_con{
		background:#444444;
	}
	.pro_left_sunshine .yiji_list.on .yiji_con > a > h3,.pro_left_sunshine .yiji_list:hover .yiji_con > a > h3 {
		color:#fff;
	}
	
	.pro_left_sunshine .yiji_list.on .yiji_con > em {
		transform: rotate(90deg);
	}
	.pro_left_sunshine .yiji_list .yiji_con > em.on{
		transform: rotate(90deg);
	} 
	
	.pro_left_sunshine .yiji_list.on .yiji_con em svg path,
	.pro_left_sunshine .yiji_list:hover > .yiji_con em svg path{
		fill:#fff;
	}
	
	.pro_left_sunshine .erji_list.on .erji_con a h3,.pro_left_sunshine .erji_list2.on .erji_conq a h3 {
		color:#ff6f00;
	}
	.pro_left_sunshine .erji_list.on .erji_con em svg path,
	.pro_left_sunshine .erji_list:hover > .erji_con em svg path,
	.pro_left_sunshine .erji_list2.on .erji_conq em svg path,
	.pro_left_sunshine .erji_list2:hover > .erji_conq em svg path{
		fill:#ff6f00;
	}
	.pro_left_sunshine .erji_list .erji_con a h3:hover,.pro_left_sunshine .erji_list2 .erji_conq a h3:hover {
		color:#ff6f00;
	}
	
	@media screen and (max-width:1619px){
		.sunshine_left_box {
			width: 280px;
		}
		.pro_left_bottom {
			margin-top: 40px;
		}
	}
	@media screen and (max-width:991px) {
		.sunshine_left_box {
			width: 240px;
		}
		.pro_left_sunshine .yiji {
    		padding: 10px;
		}
		.pro_left_bottom {
			margin-top: 30px;
		}
	}
	@media screen and (max-width: 767px){
		.sunshine_left_box {
			width: 100%;
			margin-bottom: 20px;
		}
		.pro_left_bottom {
			display:none;
		}
		.pro_sunshine_con{
			margin:0 0 30px
		}
		.sunshine_left_box .category i {
			display: block;
		}
		.pro_left_sunshine{display:none;}
		
	}