/*css去掉浏览器默认样式开始a*/
/* 清除内外边距 */
body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
/* structural elements 结构元素 */
dl,
dt,
dd,
ul,
ol,
li,
/* list elements 列表元素 */
pre,
/* text formatting elements 文本格式元素 */
form,
fieldset,
legend,
button,
input,
textarea,
/* form elements 表单元素 */
th,
td
/* table elements 表格元素 */
	{
	margin: 0;
	padding: 0;
}
/** 设置默认字体 **/
body,
button,
input,
select,
textarea
/* for ie */
	{
	font: 14px/1.5 tahoma, \5b8b\4f53, sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	font-weight: normal;
}
address,
cite,
dfn,
em,
var {
	font-style: normal;
}
/* 将斜体扶正 */
code,
kbd,
pre,
samp {
	font-family: courier new, courier, monospace;
}
/* 统一等宽字体 */
small {
	font-size: 12px;
}
/* 小于 12px 的中文很难阅读, 让 small 正常化 */
/** 重置列表元素 **/
ul,
ol {
	list-style: none;
}
/** 重置文本格式元素 **/
a {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
sup {
	vertical-align: text-top;
}
/* 重置, 减少对行高的影响 */
sub {
	vertical-align: text-bottom;
}
/** 重置表单元素 **/
legend {
	color: #000;
}
/* for ie6 */
fieldset,
img {
	border: 0;
}
/* img 搭车：让链接里的 img 无边框 */
button,
input,
select,
textarea {
	font-size: 100%;
}
/* 使得表单元素在 ie 下能继承字体大小 */
/* 注：optgroup 无法扶正 */
/** 重置表格元素 **/
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* 重置 HTML5 元素 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
	display: block;
	margin: 0;
	padding: 0;
}
mark {
	background: #ff0;
}
/*css去掉浏览器默认样式结束*/
/*A标签样式开始*/
a {
	text-decoration: none;
	color: #333;
}
a:hover,
a:visited,
a:link,
a:active {}
/*A标签样式结束*/
ul,
ol,
	{
	margin: 0;
	padding: 0;
	list-style: n;
}
/*清除<ul><ol>的默认样式结束*/
/*清除img的默认样式开始*/
img {
	vertical-align：top;
	border: none;
}
/*清除img的默认样式结束*/
/*清除<em><strong>的默认样式开始*/
em,
strong {
	font-style: normal;
	font-weight: normal;
}
/*清除<em><strong>的默认样式结束*/
/*清除button的默认样式开始*/
.button {
	border: 0;
	background-color: none outline:none;
	-webkit-appearance: none;
}
/*清除select的默认样式结束*/
select {
	border: none;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	/*在选择框的最右侧中间显示小箭头图片*/
	background: url("http://ourjs.github.io/static/2015/arrow.png") no-repeat scroll right center transparent;
	padding-right: 14px;
}
/*清除button的默认样式开始*/
#hang #progressBar {
	display: none;
}
.hh {
	width: 72px;
	height: 500px;
	position: fixed;
	right: 0px;
	top: 25%;
}
.h_list {
	position: absolute;
	width: 70px;
	height: 70px;
	background-color: rgba(0, 0, 0, .4);
	border: 1px solid #3e8ef7;
	box-sizing: border-box;
	right: 0px;
	overflow: hidden;
	transition: 0.5s all;
}
.h_list a {
	display: block;
	text-align: center;
	/* margin-top: 12px; */
	transition: 0.8s all;
	padding-top: 12px;
	height: 70px;
}
.h_list span {
	display: block;
	font-size: 12px;
	color: #fff;
}
.ko a:after {
	content: "QQ在线咨询" !important;
}
.ko2 a:after {
	content: "获取报价/方案" !important;
}
.ko1 a:after {
	content: "点击免费体验" !important;
}
.ko3 a:after {
	display: none !important;
	opacity: 0 !important;
}
.ko3:hover {
	width: 70px !important;
	background: #3e8ef7;
}
.h_list a:after {
	content: "企业在线咨询";
	width: 0px;
	height: 69px;
	position: absolute;
	top: 0px;
	right: 0px;
	line-height: 69px;
	transition: 0.5s all;
	z-index: 1;
	background: #3e8ef7;
	color: #fff;
	font-size: 13px;
}
.h_list:hover {
	width: 156px;
}
.ko {
	margin-top: 71px;
}
.ko1 {
	margin-top: 142px;
}
.ko2 {
	margin-top: 213px;
}
.ko3 {
	margin-top: 284px;
}
.h_list:hover a:after {
	width: 100%;
	display: block !important;
}
.h_list img {
	margin: 0 auto;
}
@font-face {
	font-family: "钟齐安景臣硬笔行书";
	src: url("../font/钟齐安景臣硬笔行书.TTf");
}
@font-face {
	font-family: "Geometr706 Md BT Black";
	src: url("../font/GEO706KC.TTf");
}
@font-face {
	font-family: "OSWALD";
	src: url("../font/OSWALD-REGULAR-UNHINTED.TTf");
}
@font-face {
	font-family: "ITC Avant Garde Std XLt";
	src: url("../font/ITCAVANTGARDESTD-XLT.OTF");
}
@font-face {
	font-family: "ITC Avant Garde Gothic Book";
	src: url("../font/AVANTGARDEITCBYBT-BOOK.OTF");
}
@font-face {
	font-family: "ITC Avant Garde Gothic";
	src: url("../font/AVANTGARDEITCBYBT-MEDIUM.TTF");
}
@font-face {
	font-family: "Oswald-Regular";
	src: url("../font/Oswald-Regular.TTF");
}
@font-face {
	font-family: "TETRA";
	src: url("../font/TETRA.OTF");
}
.w1230 {
	width: 100%;
	margin-left: 0px;
}
.i-product .container {
	padding: 0;
}
.i-product .i-product-sort {
	float: left;
	width: 100%;
	margin-top: 5px;
}
.i-product .i-product-sort ul li {
	width: 112px;
	height: 112px;
	/*box-shadow: 0 4px 12px #ddd;*/
	display: flex;
	float: left;
	box-shadow: 0px 0px 8px #ddd;
	margin: 40px 12px;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	border-radius: 4px;
}
.i-product .i-product-sort ul li i {
	display: block;
	width: 100%;
	height: 38px;
	margin-bottom: 18px;
	margin-top: 5px;
}
.i-product .i-product-sort ul li span {
	color: #333840;
	font-size: 15px;
}
.i-product .i-product-sort ul li:hover,
.i-product .i-product-sort ul li.active {
	background: url(../images/i-probg.png) no-repeat center center;
}
.i-product .i-product-sort ul li:hover span,
.i-product .i-product-sort ul li.active span {
	color: #fff;
}
.i-product .i-product-sort ul li:nth-child(1) i {
	background: url(../images/compute_normal.png) no-repeat center center;
	width: 35px;
	height: 39px;
}
.i-product .i-product-sort ul li:nth-child(1):hover i,
.i-product .i-product-sort ul li:nth-child(1).active i {
	background: url(../images/compute_hover.png) no-repeat center center;
}
.i-product .i-product-sort ul li:nth-child(2) i {
	background: url(../images/network_normal.png) no-repeat center center;
}
.i-product .i-product-sort ul li:nth-child(2):hover i,
.i-product .i-product-sort ul li:nth-child(2).active i {
	background: url(../images/network_hover.png) no-repeat center center;
}
.i-product .i-product-sort ul li:nth-child(3) i {
	background: url(../images/storage_normal.png) no-repeat center center;
}
.i-product .i-product-sort ul li:nth-child(3):hover i,
.i-product .i-product-sort ul li:nth-child(3).active i {
	background: url(../images/storage_hover.png) no-repeat center center;
}
.i-product .i-product-sort ul li:nth-child(4) i {
	background: url(../images/safe_normal.png) no-repeat center center;
}
.i-product .i-product-sort ul li:nth-child(4):hover i,
.i-product .i-product-sort ul li:nth-child(4).active i {
	background: url(../images/safe_hover.png) no-repeat center center;
}
.i-product .i-product-sort ul li:nth-child(5) i {
	background: url(../images/database_normal.png) no-repeat center center;
	height: 40px;
}
.i-product .i-product-sort ul li:nth-child(5):hover i,
.i-product .i-product-sort ul li:nth-child(5).active i {
	background: url(../images/database_hover.png) no-repeat center center;
}
.i-product .i-product-sort ul li:nth-child(6) i {
	background: url(../images/enterprise_normal.png) no-repeat center center;
	height: 39px;
}
.i-product .i-product-sort ul li:nth-child(6):hover i,
.i-product .i-product-sort ul li:nth-child(6).active i {
	background: url(../images/enterprise_hover.png) no-repeat center center;
}
.i-product .i-product-sort ul li:nth-child(7) i {
	background: url(../images/communication_normal.png) no-repeat center center;
}
.i-product .i-product-sort ul li:nth-child(7):hover i,
.i-product .i-product-sort ul li:nth-child(7).active i {
	background: url(../images/communication_hover.png) no-repeat center center;
}
.i-product .i-product-sort ul li:nth-child(8) i {
	background: url(../images/transfer_normal.png) no-repeat center center;
}
.i-product .i-product-sort ul li:nth-child(8):hover i,
.i-product .i-product-sort ul li:nth-child(8).active i {
	background: url(../images/transfer_hover.png) no-repeat center center;
}
.i-product .i-product-sort ul li:nth-child(9) i {
	background: url(../images/tool_normal.png) no-repeat center center;
}
.i-product .i-product-sort ul li:nth-child(9):hover i,
.i-product .i-product-sort ul li:nth-child(9).active i {
	background: url(../images/tool_hover.png) no-repeat center center;
}
.i-product-list {
	width: 100%;
	float: left;
	display: none;
}
.i-product-list dl {
	border: #ececec solid 1px;
	border-radius: 4px;
	width: 49%;
	margin-right: 1%;
	float: left;
	/* margin: 0 10px 20px; */
	padding: 25px 20px 0 20px;
	height: 140px;
	position: relative;
}
.i-product-list dl dt {
	width: 100%;
	float: left;
	transition: 0.3s all;
}
.i-product-list dl:hover dt {
	width: 398px;
}
.i-product-list dl dt span {
	color: #333;
	font-size: 20px;
	margin-bottom: 10px;
	font-weight: normal;
	display: block;
}
.i-product-list dl dt p {
	font-size: 14px;
	color: #999999;
	max-height: 48px;
	overflow: hidden;
	padding-right: 0px;
	padding-bottom: 5px;
	line-height: 23px;
	text-align: left;
	font-weight: normal;
}
.i-product-list dl dt em {
	font-size: 14px;
	color: #ff7e00;
}
.i-product-list dl dt em i {
	color: #89919b;
}
.i-product-list dl dd {
	float: left;
	width: 117px;
	display: none;
	top: 26px;
	position: absolute;
	right: 36px;
	transition: 0.5s all;
}
.i-product-list dl dd a {
	width: 112px;
	height: 36px;
	line-height: 34px;
	display: block;
	text-align: center;
	border-radius: 3px;
	font-size: 14px;
}
.i-product-list dl dd a.buy {
	border: #2d81ff solid 1px;
	background: #2d81ff;
	color: #fff;
	margin-bottom: 14px;
}
.i-product-list dl dd a.buy:hover {
	border: #428eff solid 1px;
	background: #428eff;
}
.i-product-list dl dd a.detail {
	border: #2d81ff solid 1px;
	color: #2d81ff;
}
.i-product-list dl dd a.detail:hover {
	background: #2d81ff;
	color: #fff;
}
.i-product-list dl:hover dd {
	display: block;
}
.i-product-m {
	margin-top: 0.2rem;
}
.i-product-m li .pro-sort {
	line-height: 1rem;
	align-items: center;
	display: flex;
	border-bottom: #eee solid 1px;
}
.i-product-m li .pro-sort .name {
	padding-left: 0.44rem;
	align-items: center;
	display: flex;
}
.i-product-m li .pro-sort .name i {
	width: 0.46rem;
	height: 0.45rem;
	margin-right: .28rem;
	display: inline-block;
}
.i-product-m li .pro-sort .name span {
	color: #333840;
	font-size: 0.32rem;
}
.i-product-m li .pro-sort .arrow {
	width: 9px;
	height: 8px;
	border-top: 1px solid #999;
	border-right: 1px solid #999;
	transform: rotate(135deg);
	position: absolute;
	right: 15px;
	transition: all 300ms ease 0s;
}
.i-product-m li .pro-sort.active .arrow {
	transform: rotate(-45deg);
}
.i-product-m li:nth-child(1) .pro-sort .name i {
	background: url(../images/compute_normal.png) no-repeat center center;
	background-size: cover;
}
.i-product-m li:nth-child(2) .pro-sort .name i {
	background: url(../images/network_normal.png) no-repeat center center;
	background-size: cover;
}
.i-product-m li:nth-child(3) .pro-sort .name i {
	background: url(../images/storage_normal.png) no-repeat center center;
	background-size: auto 100%;
}
.i-product-m li:nth-child(4) .pro-sort .name i {
	background: url(../images/safe_normal.png) no-repeat center center;
	background-size: auto 100%;
}
.i-product-m li:nth-child(5) .pro-sort .name i {
	background: url(../images/database_normal.png) no-repeat center center;
	background-size: auto 100%;
}
.i-product-m li:nth-child(6) .pro-sort .name i {
	background: url(../images/enterprise_normal.png) no-repeat center center;
	background-size: auto 100%;
}
.i-product-m li:nth-child(7) .pro-sort .name i {
	background: url(../images/communication_normal.png) no-repeat center center;
	background-size: auto 100%;
}
.i-product-m li:nth-child(8) .pro-sort .name i {
	background: url(../images/transfer_normal.png) no-repeat center center;
	background-size: 100% auto;
}
.i-product-m li:nth-child(9) .pro-sort .name i {
	background: url(../images/tool_normal.png) no-repeat center center;
	background-size: auto 100%;
}
.i-product-m li .i-pro-mlist {
	background: #f6f8fb;
	padding: 0 0.4rem;
	display: none;
}
.i-product-m li .i-pro-mlist dl {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0.3rem 0;
	border-bottom: #e7e8ea solid 1px;
}
.i-product-m li .i-pro-mlist dl dt {
	flex: 1;
	padding-right: 10px;
}
.i-product-m li .i-pro-mlist dl dt span {
	color: #333840;
	display: block;
	font-size: 0.26rem;
	margin-bottom: 0.1rem;
}
.i-product-m li .i-pro-mlist dl dt p {
	color: #89919b;
	font-size: 0.24rem;
}
.i-product-m li .i-pro-mlist dl dt em {
	font-size: 0.24rem;
	color: #ff7e00;
}
.i-product-m li .i-pro-mlist dl dt em i {
	color: #89919b;
}
.i-product-m li .i-pro-mlist dl dd a {
	color: #2d81ff;
	font-size: 0.26rem;
}
.i-product-m li .i-pro-mlist dl:last-child {
	border-bottom: none;
}
.products dl {
	width: 32.33%;
}
.products dl:hover dt {
	width: 210px !important;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.products dl:hover dt p {
	padding: 0px !important;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.products dl:hover dd {
	right: 15px;
}
.i-product-sort ul {
	display: flex;
}