.uppercase {
	text-transform: uppercase;
	/* 定义仅有大写字母。 */
}

.capitalize {
	text-transform: capitalize;
	/* 文本中的每个单词以大写字母开头。 */
}

.lowercase {
	text-transform: lowercase;
	/* 定义无大写字母，仅有小写字母。 */
}

.top {
	height: 38px;
	border-bottom: solid 2px #8F0D2C;
	background: #97233F;
	line-height: 36px;
}

.content-big {
	width: 1300px;
	margin: 0 auto;
}

.content-small {
	width: 1200px;
	margin: 0 auto;
}
.top-content {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.top-left a {
	display: inline-block;
	font-size: 14px;
	color: #FFFFFF;
	margin-right: 50px;
}

.top-right a {
	display: inline-block;
	margin-left: 30px;
}

.header-box {
	background: #97233F;
	height: 82px;
	line-height: 82px;
}

.header-content {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.header-nav {
	display: flex;
}

.header-nav a {
	width: 120px;
	display: block;
	font-size: 16px;
	color: #FFFFFF;
	text-align: center;
}

.header-nav .active a {
	background: #FFFFFF;
	color: #333;
}

.product-banner {
	height: 260px;
	background: url('../new_img/product_banner.png') no-repeat;
	background-size: 100% 100%;
	text-align: center;
	color: #fff;
}

.product-banner-title {
	font-size: 48px;
	padding: 90px 0 20px 0;
	font-weight: bold;
}

.product-banner-text {
	font-size: 24px;
	line-height: 36px;
}

.crumb {
	height: 50px;
	border-bottom: solid 1px #DDDDDD;
}

.crumb-content {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.share-box {
	position: relative;
}

.share-ul {
	position: absolute;
	display: flex;
	right: 61px;
	top: 50%;
	margin-top: -15px;
	padding-right: 19px;
	width: 0;
	transition: 0.6s all;
	overflow: hidden;
}
.share-ul-width{
	right: 21px;
}
.share-box:hover .share-ul{
	width: 365px;
}

.crumb-left,
.crumb-left a {
	line-height: 50px;
	display: flex;
	align-items: center;
}

.crumb-left img {
	margin-right: 5px;
}

.share-ul .active {
	opacity: 0;
	transition: 0.6s all;
	position: absolute;
	left: 0;
	top: 0;
}
.share-ul li:hover .active{
	opacity: 1;
}
/* .share-ul li:hover .default{
	display: none;
} */

.share-icon img {
	margin-right: 7px;
}

.share-icon {
	font-size: 16px;
	color: #999999;
	cursor: pointer;
}

.share-ul li {
	margin-left: 27px;
	width: 30px;
	height: 30px;
	position: relative;
}

.productSwiper-box {
	width: 400px;
	height: 400px;
	overflow: hidden;
	position: relative;
}

.productSwiper img {
	display: block;
	width: 400px;
	height: 400px;
}

.productSwiper-box .swiper-pagination-bullet {
	width: 30px;
	height: 5px;
	background: #BBBBBB;
	opacity: 0.4;
	border-radius: 3px;
}

.productSwiper-box .swiper-pagination-bullet-active {
	background-color: #97233F;
}

.product-top {
	display: flex;
	justify-content: space-between;
	padding: 55px 20px 55px 70px;
	box-sizing: border-box;
}

.product-info {
	width: 774px;
	border-bottom: dashed 2px #888888;
}

.product-info-title {
	font-size: 30px;
	color: #97233F;
	line-height: 30px;
	font-weight: bold;
}

.product-info-text {
	font-size: 18px;
	color: #333333;
	line-height: 48px;
	padding-top: 10px;
}

.product-info-ul {
	display: flex;
	padding: 20px 0 27px 0;
}

.product-info-ul li {
	margin-right: 26px;
}
.product-info-ul li img{
	width: 30px;
}
.product-info-footer {
	display: flex;
	text-align: center;
	line-height: 40px;
	font-size: 16px;
}

.product-info-enquire:hover {
	background: #97233F;
	color: #fff;
	
}
.product-info-enquire:first-of-type{
	margin-right: 59px;
}
.product-info-enquire {
	width: 220px;
	height: 40px;
	border: 1px solid #DDDDDD;
	box-sizing: border-box;
	color: #666;
	font-weight: bold;
	transition: 0.6s all;
	background: #97233F;
	color: #fff;
}
.product-info-enquire .active{
	display: inline;
}
.product-info-enquire .default{
	display: none;
}
.product-info-enquire .active{
	display: inline;
}

.product-info-footer img {
	margin-right: 17px;
}

.product-details {
	width: 900px;
	padding-bottom: 60px;
}
.product-details img{
	max-width: 100%;
}

.product-details-title {
	font-size: 60px;
	font-family: Swis721 BlkCn BT;
	font-weight: 900;
	color: #222222;
	line-height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 40px 0 76px 0;
}

.product-details-title span {
	margin: 0 10px;
}

.product-carbon {
	font-size: 16px;
	color: #333333;
	line-height: 48px;
	padding-top: 10px;
}

.product-carbon span {
	display: inline-block;
	margin-right: 17px;
	color: #8F0D2C;
}

.product-carbon-pic {
	display: flex;
	justify-content: space-between;
}

.product-carbon-pic li {
	width: 180px;
	height: 400px;
	transition: all 1s;
	overflow: hidden;
	position: relative;
}

.product-carbon-pic li img {
	cursor: pointer;
	height: 400px;
    transition: all .6s ease-out;
	object-fit: cover;
}

.product-carbon-pic li.active {
	width: 500px;
}
.product-carbon-pic li .start{
	width: 80px;
	height: 80px;
	display: none;
}
.product-carbon-pic li.active .start{
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}

.product-chemical-title {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 49px 0 58px 0;
}

.product-chemical-title span {
	width: 420px;
	height: 0;
	border: dashed 1px #888888;
}

.product-box table {
	width: 100%;
	/* margin: 20px 0 50px 0; */
}

.product-box table th {
	height: 50px;
	background: linear-gradient(0deg, #E0E0E0 22%, #E0E0E0 99%);
	font-size: 22px;
	color: #333333;
}

.product-box table td {
	height: 50px;
	line-height: 50px;
	text-align: center;
	border: 1px solid #DDDDDD;
	font-size: 16px;
	color: #333333;
	transition: 0.6s all;
}
.product-box table td:hover{
	background: #97233F;
	color: #fff;
}

.product-box table .align-left {
	text-align: left;
	padding: 0 20px;
}

.product-table {
	max-height: 661px;
	overflow-y: auto;
	overflow-x: hidden;
	margin: 20px 0 50px 0;
}

.product-table table {
	margin: 0;
	box-sizing: border-box;
	width: 898px;
}

.product-table::-webkit-scrollbar {
	width: 2px;
	background-color: #eee;
}

.product-table::-webkit-scrollbar-track {
	background-color: #ccc;
}

.product-table::-webkit-scrollbar-thumb {
	background: #2d4edf;
}

.product-call {
	height: 70px;
	line-height: 70px;
	background: #97233F;
	padding: 0 40px;
	margin-bottom: 60px;
}

.product-call,
.product-call span,
.product-call a {
	font-size: 20px;
	color: #FFFFFF;
}

.product-call img {
	margin-right: 10px;
}

.product-call-pic {
	display: flex;
	justify-content: space-between;
	padding: 10px 0;
}
.product-call-pic li{
	width: 283px;
	height: 168px;
	position: relative;
	overflow: hidden;
}
.product-call-pic li img{
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -84px 0 0 -141px;
	transition:0.6s all ; 
}
.product-call-pic li:hover img{
	transform: scale(1.15);
}

.product-call-text {
	font-size: 18px;
	color: #333333;
	line-height: 48px;
	padding: 10px 0 47px 0;
}

.product-quality {
	display: flex;
	justify-content: space-between;
}

.product-quality-ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 598px;
}
.product-quality-ul  li{
	width: 286px;
	height: 208px;
	overflow: hidden;
	position: relative;
}
.product-quality-ul img {
	width: 286px;
	height: 208px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -104px 0 0 -143px;
	transition: 0.6s all;
}
.product-quality-ul  li:hover img{
	transform: scale(1.2);
}

.product-quality .product-carbon {
	width: 220px;
	margin-top: -30px;
}

.wfull {
	width: 100%;
	padding: 22px 0 36px 0;
}

.wfull li {
	width: 283px;
	height: 180px;
	position: relative;
	margin-bottom: 30px;
	overflow: hidden;
}

.wfull li img {
	width: 283px;
	height: 180px;
	margin: -90px 0 0 -141px;
}

.product-quality-box {
	width: 100%;
	height: 0;
	position: absolute;
	background: rgba(0, 0, 0, 0.55);
	left: 0;
	top: 0;
	transition: 0.6s all;
	overflow: hidden;
}
.wfull li:hover .product-quality-box{
	height: 180px;
}
.product-quality-text {
	width: 239px;
	height: 140px;
	border: 1px solid #FFFFFF;
	box-sizing: border-box;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	position: absolute;
	font-size: 22px;
	font-family: Swis721 BlkCn BT;
	font-weight: 900;
	color: #FFFFFF;
	line-height: 36px;
	text-align: center;
	padding-top: 40px;
}

.product-right {
	width: 300px;
	padding-top: 185px;
}

.product-right dt {
	height: 60px;
	background: url('../new_img/bg1.png');
	font-size: 18px;
	font-weight: 400;
	color: #FFFFFF;
	text-align: center;
	padding-top: 18px;
	position: relative;
}

.product-right dt span {
	width: 41px;
	height: 5px;
	position: absolute;
	left: 50%;
	transform: translate(-50%, 0);
	bottom: 13px;
	background-color: #fff;
	border-radius: 3px;
}

.product-box {
	display: flex;
	justify-content: space-between;
}

.product-right dl {
	margin-bottom: 50px;
	border: 1px solid #DDDDDD;
}

.product-right dd {
	padding: 0 20px;
	line-height: 49px;
	font-size: 18px;
	color: #333333;
}

.product-right dd:not(:last-of-type) .product-right-title {
	border-bottom: solid 1px #ddd;
}

.product-right dd .product-right-list {
	font-size: 16px;
	font-weight: 400;
	color: #666666;
	line-height: 49px;
	height: 0;
	overflow: hidden;
	transition: 0.6s all;
	display: none;
}

.product-right .product-right-first .product-right-list {
	height: auto;
}

.product-right .product-right-first .product-right-list p:last-of-type {
	border-bottom: none;
}

.product-right dd.active .product-right-list {
	display: block;
}

.product-right dd .product-right-list p {
	border-bottom: solid 1px #ddd;
}
.product-right dd .product-right-list p:hover{
	color: #97233F;
	border-bottom: solid 1px #97233F ;
}
.product-right dd .product-right-list a {
	display: inline-block;
	border-bottom: solid 1px #ddd;
	cursor: pointer;
	width: 100%;
}
.product-right dd .product-right-list a.on{
	color: #97233F;
	border-bottom: solid 1px #97233F ;
}
.product-right dd .product-right-list a:hover{
	color: #97233F;
	border-bottom: solid 1px #97233F ;
}

.product-right dd .product-right-title {
	display: flex;
	justify-content: space-between;
	align-items: center;
	transition: 0.6s all;
}
.product-right dd .product-right-title a{
	font-size: 18px;
	color: #333;
	width: 80%;
}
.product-right dd .product-right-title:hover{
	color: #97233F;
	border-bottom: solid 1px #97233F ;
}
.product-right dd.active .product-right-title {
	color: #97233F;
}

.product-right dd .product-right-title i {
	width: 14px;
	height: 14px;
	background: url('../new_img/bg2.png');
}

.product-right dd.active .product-right-title i {
	background: url('../new_img/bg2_a.png');
}

.product-form {
	background: #97233F;
	padding: 25px 20px;
}

.product-form-title {
	text-align: center;
	font-size: 19px;
	color: #FFFEFE;
	line-height: 34px;
	padding-bottom: 30px;
	margin-bottom: 32px;
	position: relative;
}

.product-form-title span {
	position: absolute;
	height: 4px;
	width: 30px;
	background: #FFFFFF;
	border-radius: 2px;
	left: 50%;
	transform: translate(-50%, 0);
	bottom: 0;
}

.product-form-title i {
	position: absolute;
	left: 50%;
	transform: translate(-50%, 0);
	bottom: 0;
	width: 168px;
	height: 2px;
	background: #FFFFFF;
}

.product-form input {
	display: block;
	width: 100%;
	box-sizing: border-box;
	padding: 0 17px;
	font-size: 16px;
	height: 40px;
	background: #FFFFFF;
	border: none;
	margin-bottom: 20px;
}

.product-form-list .email {
	padding: 0 25px;
	background: url('../new_img/bg3.png') no-repeat 10px 10px #fff;
}
.product-form-list .email:focus {
	background: #FFFFFF;
}

.product-form-list textarea {
	display: block;
	width: 100%;
	height: 100px;
	background: #FFFFFF;
	border: none;
	padding: 14px 17px;
	box-sizing: border-box;
	margin-bottom: 25px;
}

.product-form-list button {
	height: 40px;
	background: #FFFFFF;
	width: 100%;
	font-size: 18px;
	color: #333;
	border: none;
}

.fiexd-left {
	position: fixed;
	width: 260px;
	height: auto;
	background: #FFFFFF;
	box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.15);
	border-radius: 0px 10px 10px 0px;
	box-sizing: border-box;
	left: 0;
	top: 50%;
	transform: translate(0, -50%);
	padding: 30px 30px;
}

.fiexd-left .close-btn{
	position: absolute;
	right: 15px;
	top: 15px;
}
.fiexd-left .close-btn:hover{
	transform:rotate(180deg);
}
.fiexd-left-close{
	min-width: 200px;
	max-width: 200px;
	height: auto;
	transition: all 1s;
}
.fiexd-left-close .close-btn{
	display: none;
}
.fiexd-left-close li{
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.fiexd-left li {
	font-size: 16px;
	font-weight: 400;
	line-height: 30px;
	border-bottom: solid 1px #DDDDDD;
	padding: 10px 0;
	cursor: pointer;
	position: relative;
	transition: 0.6s all;
}
.fiexd-left li span{
	margin-right: 10px;
}
.fiexd-left li.active{
	border-bottom: solid 1px #fff;
}
.fiexd-left li.active a{
	color: #97233F;
}
.fiexd-left li.active i{
	width: 100%;
	transition: 0.6s all;
}
.fiexd-left li i{
	position: absolute;
	background-color: #97233F;
	width: 0;
	height: 1px;
	left: 0;
	bottom: 0;
	transition: 0.6s all;
}
.fiexd-left li:hover{
	color: #97233F;
}
.fiexd-left li:hover i{
	width: 200px;
}
.fiexd-video{
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	width: 900px;
	height: 500px;
	background-color: #000;
	display: none;
}
.close{
	position: absolute;
	right: 20px;
	top: 10px;
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	cursor: pointer;
	z-index: 99999;
}

.footer .fills .Email{
	background: url('../new_img/icon28.png') no-repeat 60px center;
}
.footer .fills .Email:focus{
	background: transparent;
}
.Copyright{
	height: 40px;
	background: #111111;
	font-size: 14px;
	font-weight: 400;
	color: #999999;
	line-height: 40px;
	text-align: center;
}

.menu-btn{
	display: none;
}