.product {
	width: 100%;
	height: auto;
	overflow: hidden;
	/*padding: 0px 15px 20px 15px;*/
}
.product .pro-box {
	width: 100%;
	margin-top: 0px;
	/*border-bottom: 2px solid #fff;*/
}
.product .pro-box .pro-cate {
	width: 100%;
	flex-shrink: 0;
}
.product .pro-box .pro-cate ul {
	width: 100%;
	overflow: hidden;
	flex-direction: column;
	padding-bottom: 10px;
}
.product .pro-box .pro-cate ul li {
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	color: #9b9b9b;
	background: #FFFFFF;
	border-bottom: 1px solid #f0f0f0;
	cursor: pointer;
	float: left;
	padding: 10px 18px;
	margin-right: 10px;
}
.product .pro-box .pro-cate ul li.active {
	background: #175ca1;
	color: #FFFFFF;
	border-bottom: 1px solid #f1f1f1;
}
.product .pro-box .pro-list {
	width: 100%;
	border: 0px solid #f1f1f1;
	overflow: hidden;
}
.product .pro-box .pro-list .pro-list-slider {
	position: relative;
	width: 50%;
	height: 100%;
	display: none;
	float: right;
}
.product .pro-box .pro-list .pro-list-slider.active {
	display: block;
	background: #FFFFFF;
}
.product .pro-box .pro-list ul li {
	position: relative;
	width: 564px !important;
	height: 100%;
}
.product .pro-box .pro-list ul li img {
	display: inline-block;
	width: 48%;
	float: right;
	padding: 3px 0;
}
.product .pro-box .pro-list ul li .desc {
	font-size: 16px;
	color: #3b3335;
	line-height: 30px;
	float: left;
	padding: 0px 10px 0px 0px;
	border-right: 1px solid #f1f1f1;
	margin-right: 9px;
	width: 50%;
	margin-top: 10px;
}
.product .pro-box .pro-list ul li a {
	width: 100%;
	padding: 12px 20px 0px;
}
.pro-list-slider .arrow {
	/*position: absolute;
	height: 50px;
	bottom: -7px;*/
	text-align: center;
	width: 100%;
	z-index: 8;
    border: 5px solid #fff;
}
.pro-list-slider .arrow span {
	display: inline-block;
	width: 49%;
	height: 50px;
	margin: 0;
	background: #f1f1f1;
	cursor: pointer;
}
.pro-list-slider .arrow span.arrow-next {
	background: #f1f1f1;
	background-size: 13px 25px;
	line-height: 50px;
}
.pro-list-slider .arrow span.arrow-prev {
	background: #f1f1f1;
	background-size: 13px 25px;
	line-height: 50px;
}
.productbt {
	width: 564px;
	float: left;
	height: 100%;
	position: absolute;
	margin-left: -564px;
	z-index: 9;
}
.gsbt {
	font-size: 12px;
}
.gsyw {
	font-size: 12px;
	line-height: 12px;
}
.cpbt {
	font-size: 20px;
	font-weight: bold;
	padding-top: 30px;
	padding-bottom: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.cpjj {
	font-size: 14px;
	line-height: 22px;    
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
/* banner */

.c-banner {
	width: 865px;
	position: relative;
	margin: auto;
	height: 500px;
	padding-top: 60px;
}
/*

.c-banner img{

	width: 100%;

}

*/

.c-banner .banner ul {
	list-style: none;
	padding-left: 0px;
	margin-bottom: 0px;
}
.c-banner .banner ul li {
	position: absolute;
	display: none;
	opacity: 0;
	border-right: 1px solid #e5e5e5;
	border-left: 1px solid #e5e5e5;
	width: 865px !important;
}
.c-banner .banner ul li p {
	display: block;
	width: 170px;
	height: 170px;
	float: left;
	margin: 0px 0px 40px 37px;
}
.c-banner .banner ul li p:nth-child(5) {
	margin-bottom: 0px;
}
.c-banner .banner ul li p:nth-child(6) {
	margin-bottom: 0px;
}
.c-banner .banner ul li p:nth-child(7) {
	margin-bottom: 0px;
}
.c-banner .banner ul li p:nth-child(8) {
	margin-bottom: 0px;
}
.c-banner .banner ul li:nth-child(1) {
	opacity: 1;
	display: block;
}
/*

.c-banner .banner ul li img{

	width: 100%;

	position: absolute;

	top: 0px;

}

*/

.c-banner .banner ul li:first-child img {
	position: relative;
}
.c-banner .nexImg, .c-banner .preImg {
	padding: 15px;
	position: absolute;
	top: 82%;
	margin-top: -53px;
	background: #000000;
	opacity: 0.5;
	border-radius: 50%;
	z-index: 10;
	right: -105px;
}
.c-banner .nexImg img {
	width: 25px;
}
.c-banner .preImg img {
	width: 25px;
}
.c-banner .nexImg:hover, .c-banner .preImg:hover {
	opacity: 0.8;
}
.c-banner .nexImg {
	right: -105px;
	top: 25%;
}
.c-banner .nexImg img, .c-banner .preImg img {
}
.c-banner .jumpBtn {
	width: 30px;
	position: absolute;
	top: 190px;
	text-align: center;
	right: -92px;
}
.c-banner .jumpBtn ul {
	margin-bottom: 0px;
	padding: 0px;
}
.c-banner .jumpBtn ul li {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	display: inline-block;
	background-color: #175ca1;
	opacity: 0.9;
	margin-left: 0px;
}
.c-banner .jumpBtn ul li:first-child {
}

@media screen and (max-width:768px) {
.c-banner {
	width: 100%;
	height: 345px;
	overflow: hidden;
}
.c-banner .banner ul li img {
	width: 768px;
	height: 345px;
	position: absolute;
	left: 50%;
	margin-left: -384px;
}
}
/* 左侧分类 */

.product-left {
	width: 100%;
	height: 65px;
}
.prod-item {
	width: 140px;
	height: 50px;
	line-height: 65px;
	margin-bottom: 1px;
	color: #000;
	font-size: 16px;
	text-align: center;
	cursor: pointer;
	float: left;
	margin-right: 15px;
	border-left: 4px solid #000;
}
.prod-item.active, .prod-item:hover {
	color: var(--primary);
	margin-right: 15px;
	border-left: 4px solid var(--primary);
}
.prod-item span {
	display: block;
	line-height: 20px;
	text-align: justify;
	text-indent: 10px;
}
.titles {
	font-size: 24px;
	padding-top: 6px;
}
/* 右侧部分 */

.product-main {
	position: relative;
	width: 100%;
	padding: 5px 0px 0px 0px;
	color: #ccc;
	font-size: 14px
}
.product-detail {
	display: none
}
.product-detail.active {
	display: block
}
.product-detail .row {
	width: 580px;
	float: right;
	margin-left: 0px;
	margin-right: 0px;
	height: 434px;
}
.product-main .p-d-title {
	line-height: 30px;
	background: url(../images/server_product_dot_large.png) no-repeat left center;
	padding-left: 48px;
	color: #fff;
	font-size: 16px
}
.product-main .p-d-mini {
	line-height: 2em;
	font-size: 12px;
	color: #909091
}
.product-main .p-d-link {
	color: #088acf;
	font-size: 12px
}
.p-d-content {
	line-height: 1.8em;
	padding-left: 48px
}
.p-d-content table {
	text-align: center
}
.p-d-content table td, .p-d-content table th {
	line-height: 53px;
	border: 1px solid #575757
}
.p-d-content table th {
	font-weight: 400;
	color: #ccc;
	background: #4a4b4d
}
.p-d-content table td {
	border-top: none;
	min-width: 250px
}
.p-d-content table td:first-child, .p-d-content table th:first-child {
	border-right: none
}
.p-d-sub {
	padding: 5px;
	border-bottom: 1px dashed #444547
}
.d-sub-first {
	border-top: 1px dashed #444547
}
.p-d-sub-title {
	font-size: 14px;
	padding-left: 28px;
	background: url(../images/server_product_dot_small.png) no-repeat left center
}
.p-d-sub-text {
	font-size: 12px;
	color: #9b9b9c
}
.sub-title-only {
	padding: 20px
}
/* 顶部和底部蓝色渐隐效果 */

.upper-shadow {
	position: absolute;
	top: -30px;
	left: 50%;
	margin-left: -270px;
	width: 546px;
	height: 30px;
	background: url(../images/server_breath_top.png) no-repeat center;
	animation: shadow-breath 3s ease infinite
}
.bottom-shadow {
	position: absolute;
	bottom: -47px;
	left: 50%;
	margin-left: -392px;
	width: 784px;
	height: 47px;
	background: url(../images/server_breath_bottom.png);
	animation: shadow-breath 3s ease infinite
}
 @keyframes shadow-breath {
 0% {
 opacity:1
}
 50% {
 opacity:.2
}
 100% {
 opacity:1
}
}
.slider-ctr {
	width: 575px;
	height: 434px;
	position: absolute;
	box-sizing: border-box;
	overflow: hidden;
}
.slider-ctr:after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	/*background: linear-gradient(to bottom, transparent 70%, rgba(0, 0, 0, 0.6) 100%);

	background: -webkit-linear-gradient(to bottom, transparent 70%, rgba(0, 0, 0, 0.6) 100%);*/

	pointer-events: none;
	z-index: 9;
}
.slider-control {
	position: absolute;
	right: 30px;
	bottom: 30px;
	width: 80px;
	overflow: hidden;
	border-radius: 3px;
	box-shadow: 0 3px 3px 3px rgba(0, 0, 0, 0.15);
	z-index: 99;
}
.slider-control .control {
	width: 50%;
	height: 40px;
	display: block;
	float: left;
	text-align: center;
	line-height: 40px;
	cursor: pointer;
	transition: .3s all ease;
	background: white;
}
.slider-control .control .icon {
	pointer-events: none;
	transition: .3s all ease;
}
.slider-control .control.disabled {
	pointer-events: none;
	background: #ddd;
}
.slider-control .control.disabled .icon {
	opacity: .5;
}
.slide {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	transition: 0.45s all cubic-bezier(0.65, 0.05, 0.36, 1);
	-webkit-clip-path: inset(0 0 0 0);
	clip-path: inset(0 0 0 0);
}
.slide:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.125);
}
.slide.slide-on {
	-webkit-clip-path: inset(0 100% 0 0);
	clip-path: inset(0 100% 0 0);
}
.slide.text-on .title {
	transition: 0.3s all cubic-bezier(0.65, 0.05, 0.36, 1) 0.45s;
	-webkit-clip-path: inset(0 0 0 0);
	clip-path: inset(0 0 0 0);
}
.slide.text-on .author {
	transition: 0.3s all cubic-bezier(0.65, 0.05, 0.36, 1) 0.6s;
	-webkit-clip-path: inset(0 0 0 0);
	clip-path: inset(0 0 0 0);
}
.slide img {
	display: block;
	width: 100%;
}
.slide figcaption {
	position: absolute;
	bottom: 15px;
	left: 30px;
}
.slide .title {
	font-size: 20px;
	margin-bottom: 2px;
	color: white;
	transition: 0.3s all cubic-bezier(0.65, 0.05, 0.36, 1) 0.45s;
	-webkit-clip-path: inset(0 0 0 100%);
	clip-path: inset(0 0 0 100%);
	font-weight: 400;
	letter-spacing: 1px;
	text-transform: uppercase;
	position: relative;
    width: 70%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.slide .author {
	font-size: 14px;
	color: white;
	opacity: .8;
	transition: 0.3s all cubic-bezier(0.65, 0.05, 0.36, 1) 0.45s;
	-webkit-clip-path: inset(0 0 0 100%);
	clip-path: inset(0 0 0 100%);
	font-weight: 300;
	letter-spacing: 1px;
	position: relative;
	z-index: 9;
}
div.slideBox {
	position: relative;
	width: 575px !important;
	height: 435px !important;
	overflow: hidden;
	padding: 0px;
	border: 1px solid var(--border);
}
div.slideBox ul.items {
	position: absolute;
	float: left;
	background: none;
	list-style: none;
	padding: 0px;
	margin: 0px;
}
div.slideBox ul.items li {
	float: left;
	background: none;
	list-style: none;
	padding: 0px;
	margin: 0px;
}
div.slideBox ul.items li a {
	float: left;
	line-height: normal !important;
	padding: 0px !important;
	border: none/*For IE.ADD.JENA.201206300844*/;
}
div.slideBox ul.items li a img {
	margin: 0px !important;
	padding: 0px !important;
	display: block;
	border: none/*For IE.ADD.JENA.201206300844*/;
}
div.slideBox div.tips {
	position: absolute;
	bottom: 0px;
	width: 100%;
	height: 50px;
	background-color: #000;
	overflow: hidden;
}
div.slideBox div.tips div.title {
	position: absolute;
	left: 0px;
	top: 0px;
	height: 100%;
}
div.slideBox div.tips div.title a {
	color: #FFF;
	font-size: 14px;
	line-height: 50px;
	margin-left: 10px;
	text-decoration: none;
    width: 70%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
div.slideBox div.tips div.title a:hover {
	text-decoration: none !important;
}
div.slideBox div.tips div.nums {
	position: absolute;
	right: 0px;
	top: 0px;
	height: 100%;
}
div.slideBox div.tips div.nums a {
	display: inline-block;
 >float:left/*For IE.ADD.JENA.201206300844*/;
	width: 20px;
	height: 20px;
	background-color: #FFF;
	text-indent: -99999px;
	margin: 15px 10px 0px 0px;
}
div.slideBox div.tips div.nums a.active {
	background-color: #093;
}