@charset "UTF-8";

/* 产品概述 */
.side-summary {
	display: block;
	overflow: hidden;
	position: relative;
	margin: 0 auto 20px auto;
	padding: 20px;
	vertical-align: middle;
	background-color: #fff;
}

.side-summary .summary-images {
    border-radius: 0.3rem;
	float: left;
	display: block;
	position: relative;
	width: 400px;
	height: 400px;
	text-align: center;
	vertical-align: middle;
	padding: 10px;
    border: 1px solid #eee;
}

.side-summary .summary-images img {
	margin: 0 auto;
	max-width: 390px;
	max-height: 390px;
}

.side-summary .summary-main {
	float: left;
	display: block;
	overflow: hidden;
	position: relative;
	margin-left: 20px;
	width: 552px;
	vertical-align: middle;
}

.side-summary .summary-main .title {
    font-weight: bold;
	display: block;
	color: #222;
	font-size: 25px;
	line-height: 30px;
}

.side-summary .summary-main .summary {
	display: block;
    margin-top: 15px;
    color: #363535;
    font-size: 14px;
    line-height: 20px;
    text-indent: 20px;
    letter-spacing: 1px;
}

.side-summary .summary-main .price {
	display: block;
	margin: 0 auto;
	padding: 16px 0;
	vertical-align: middle;
}

.side-summary .summary-main .price span {
	display: inline-block;
	color: #fb575a;
	font-size: 16px;
	line-height: 30px;
}

.side-summary .summary-main .price span.number {
	padding: 0 2px;
	font-size: 28px;
	font-weight: 600;
}

.side-summary .summary-main .price p {
	display: inline-block;
	margin-left: 20px;
	color: #666;
	font-size: 13px;
	line-height: 30px;
}

.side-summary .summary-main .attr {
	display: block;
	padding: 9px 0;
	font-size: 0;
	border-top: solid 1px #eee;
	border-bottom: solid 1px #eee;
}

.side-summary .summary-main .attr span {
	display: inline-block;
	width: 49%;
	font-size: 12px;
	text-align: center;
	line-height: 20px;
}

.side-summary .summary-main .attr span:first-child {
	border-right: solid 1px #eee;
}

.side-summary .summary-main .attr span b {
	display: inline-block;
	padding: 0 2px;
	color: #fb575a;
}

.side-summary .summary-main .feature {
    text-align: center;
	display: block;
	position: relative;
	margin-top: 10px;
	padding: 10px 0;
	font-size: 0;
}

.side-summary .summary-main .feature span {
	display: inline-block;
	margin-right: 30px;
	padding: 0 10px 0 22px;
	color: #666;
	font-size: 14px;
	line-height: 24px;
	background: url(../images/icon-service.png) 0 4px no-repeat;
	background-size: 16px;
}

.side-summary .summary-main .feature span:hover {
	color: #00a7eb;
}

.side-summary .summary-main .feature i {
	display: inline-block;
	position: absolute;
	bottom: -1px;
	left: 42px;
	border-bottom: 6px solid #eee;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
}

.side-summary .summary-main .feature-desc {
	display: block;
	padding: 8px 0;
	border-top: solid 1px #eee;
	border-bottom: solid 1px #eee;
}

.side-summary .summary-main .feature-desc p {
	color: #666;
	font-size: 12px;
	line-height: 18px;
}

.side-summary .summary-main .contact {
	display: block;
	margin-top: 20px;
}

.side-summary .summary-main .contact a {
	display: inline-block;
	height: 48px;
	font-size: 18px;
	font-weight: 600;
	text-align: center;
	line-height: 48px;
	border-radius: 5px;
}

.side-summary .summary-main .contact a.order {
	width: 200px;
	color: #fff;
	background-color: #00a7eb;
	border: solid 1px #00a7eb;
}

.side-summary .summary-main .contact a.order:hover {
	background-color: #1198eb;
	border: solid 1px #1198eb;
}

.side-summary .summary-main .contact a.telephone {
	margin-left: 10px;
	width: 270px;
	color: #222;
	border: solid 1px #aaa;
}

.side-summary .summary-main .contact a.telephone:hover {
	color: #00a7eb;
	border: solid 1px #00a7eb;
}

.side-summary .summary-main .notsupport {
	display: block;
	margin-top: 10px;
	text-align: center;
	background-color: #f9f9f9;
}

.side-summary .summary-main .notsupport span {
	display: inline-block;
	margin: 0 auto;
	padding: 14px 20px;
	color: #666;
	font-size: 14px;
	text-align: center;
	line-height: 20px;
}

.side-summary .summary-about {
	float: right;
	display: inline-block;
	width: 160px;
	vertical-align: middle;
}

.side-summary .summary-about .about-title span {
	display: block;
	position: relative;
	height: 20px;
	font-size: 13px;
	text-align: center;
	line-height: 20px;
}

.side-summary .summary-about .about-title span:before,
.side-summary .summary-about .about-title span:after {
	content: '';
	z-index: 1;
	position: absolute;
	top: 50%;
	width: 40px;
	height: 1px;
	background-color: #eee;
}

.side-summary .summary-about .about-title span:before {
	left: 0;
}

.side-summary .summary-about .about-title span:after {
	right: 0;
}

.side-summary .summary-about .about-list {
	display: block;
	margin: 5px auto 0 auto;
}

.side-summary .summary-about .about-list dl {
    border: 1px solid #eee;
    background: #f5f5f5;
    margin-bottom: 5px;
}

.side-summary .summary-about .about-list p {
    display: flex;
    padding: 2px 1%;
    color: #a9a6a6;
    text-align: center;
    flex-direction: column;
}

.side-summary .summary-about .about-list a {
	display: block;
	margin-bottom: 3px;
	text-align: center;
	font-size: 0;
}

.side-summary .summary-about .about-list a:last-child {
	margin-bottom: 0;
}

.side-summary .summary-about .about-list a img {
	max-width: 155px;
    max-height: 155px;
    padding: 2px;
}

/* part */
.centre-primary .content,
.centre-primary .guarantee,
.centre-primary .process,
.centre-primary .warranty,
.centre-primary .cost {
	margin-bottom: 20px;
}

/* part标题 */
.centre-primary .ltitle {
	position: relative;
	margin-bottom: 20px;
	width: 100%;
	color: #222;
	font-size: 24px;
	font-weight: 600;
	text-align: center;
}

.centre-primary .likearticle {
    font-size: 14px;
    height: auto;
    overflow: hidden;
    margin-top: 15px;
}

.centre-primary .likearticle li {
    float: left;
    display: inline-block;
    width: 47%;
    margin-right: 3%;
    line-height: 25px;
}

.centre-primary .likearticle li:before {
    content: '◆';
    font-size: 15px;
    margin-right: 5px;
    color: #666;
    position: relative;
    top: -6px;
}

.centre-primary .likearticle li a {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 350px;
    display: inline-block;
}

/*服务推荐*/
.centre-primary .process p {
    float: left;
    width: 100%;
    padding: 8px 0 0 0;
}

.centre-primary .process dl {
    float: left;
    width: 29.2%;
    overflow: hidden;
    border-radius: 10px;
    margin: 0px 1% 20px 10px;
    padding: 10px 1%;
    border: 1px solid #f1f1f1;
}

.centre-primary .process dt {
    padding: 0;
    position: relative;
    height: 205px;
    overflow: hidden;
    margin: 0 auto;
    border-bottom: 1px solid #fbfbfb;
}

.centre-primary .process dt .pic {
    width: 100%;
    height: 100%;
    display: inline-block;
}

.centre-primary .process .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    overflow: hidden;
    border-radius: 5px;
}

.centre-primary .process dd {
    overflow: hidden;
}

.centre-primary .process dd .attre {
    line-height: 24px;
    height: 30px;
    overflow: hidden;
}

.centre-primary .process .attre em {
    float: left;
    font-style: normal;
    font-size: 16px;
    color: #f40;
}

.centre-primary .process dd .info {
    margin-top: 0px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.centre-primary .process .info a {
    line-height: 20px;
    display: block;
    float: left;
    text-align: center;
    display: flex;
    align-items: center;
}

.centre-primary .process .info .note_icon {
    float: right;
}

.centre-primary .process .info .note_icon a {
    margin-right: 5px;
    width: 28px;
    height: 19px;
    border: 1px solid black;
    display: flex;
    justify-content: center;
    align-items: center;
}

.centre-primary .process .info .note_icon .install {
    color: rgb(73, 139, 248);
    border-color: rgb(113, 163, 245);
    background: #eff;
}

.centre-primary .process .info .note_icon .protect {
    color: rgb(172, 178, 110);
    border-color: rgb(102, 170, 68);
    background: #eff;
}

.centre-primary .ltitle:before,
.centre-primary .ltitle:after {
	content: '';
	z-index: 1;
	position: absolute;
	top: 50%;
	width: 317px;
	height: 1px;
	background-color: #eee;
}

.centre-primary .ltitle:before {
	left: 0;
}

.centre-primary .ltitle:after {
	right: 0;
}

/* 价目表 */
.centre-primary .content {
	padding-bottom: 0 !important;
	border-bottom-width: 0 !important;
}

.centre-primary .content .ltext {
	display: block;
	margin-bottom: 20px;
	color: #999;
	font-size: 14px;
	text-align: center;
}

.centre-primary .content .ldesc {
	color: #666;
	font-size: 14px;
	line-height: 28px;
	text-align: left;
}

.centre-primary .content .ldesc p {
	padding: 0;
	margin: 0;
}

.centre-primary .content .ldesc img {
	margin: 0px auto;
	max-width: 100%;
	font-size: 0;
	display: block;
}

.centre-primary .content .ldesc table {
	margin: 12px auto;
	width: 100%;
	border: 1px solid #eaeaea;
	border-width: 1px 0 0 1px;
}

.centre-primary .content .ldesc table tr.first,
.centre-primary .content .ldesc table tr:first-child {
	text-align: center;
	background-color: #FAFAFA;
}

.centre-primary .content .ldesc table tr.first td,
.centre-primary .content .ldesc table tr.first th,
.centre-primary .content .ldesc table tr:first-child td,
.centre-primary .content .ldesc table tr:first-child th {
	font-weight: 600;
	text-align: center;
}

.centre-primary .content .ldesc table th,
.centre-primary .content .ldesc table td {
	padding: 6px 10px;
	color: #222;
	font-size: 16px;
	text-align: center;
	border: 1px solid #eaeaea;
	border-width: 0 1px 1px 0;
}

/* 服务流程 */
.centre-primary .process ul {
	margin-right: -60px;
}

.centre-primary .process ul li {
	position: relative;
	margin-right: 57px;
	display: inline-block;
}

.centre-primary .process ul li:after {
	content: '';
	position: absolute;
	left: 100px;
	top: 50%;
	z-index: 1;
	margin-top: -7px;
}

.centre-primary .process ul li img {
	display: block;
	width: 80px;
	height: 80px;
}

.centre-primary .process ul li b {
    text-align: center;
	margin-top: 20px;
	display: block;
	color: #999;
	font-family: 'Bahnschrift', sans-serif;
	font-size: 30px;
	line-height: 1;
}

.centre-primary .process ul li span {
	text-align: center;
    font-weight: bold;
    display: block;
    margin-top: 10px;
    color: #6c6a6a;
    font-size: 20px;
    line-height: 1;
}

/* 服务流程 */
.centre-primary .guarantee ul li .icon:after {
	content: '';
	position: absolute;
	top: 50%;
	z-index: 1;
	width: 317px;
	height: 1px;
	background-color: #eee;
}

/* 服务保障 */
.centre-primary .guarantee ul {
	position: relative;
	width: 100%;
	font-size: 0;
}

.centre-primary .guarantee ul li {
	display: inline-block;
	width: 255px;
	color: #222;
	font-size: 14px;
}

.centre-primary .guarantee ul li .icon {
	position: relative;
}

.centre-primary .guarantee ul li .icon:after {
	right: 0;
	margin-top: -25px;
	width: 1px;
	height: 50px;
}

.centre-primary .guarantee ul li.last .icon:after {
	display: none;
}

.centre-primary .guarantee ul li b {
	margin-top: 14px;
	display: block;
	width: 100%;
	font-size: 20px;
	font-weight: 600;
	line-height: 1;
}

.centre-primary .guarantee ul li p {
	margin: 20px auto 0;
	display: block;
	width: 225px;
	font-size: 14px;
	line-height: 28px;
	text-align: left;
}

/* 保修说明 */
.centre-primary .warranty .ldesc {
    padding-left: 40px;
	width: 100%;
	color: #222;
	font-size: 15px;
	text-align: left;
	line-height: 28px;
	letter-spacing: 1px;
}

/* 费用说明 */
.centre-primary .cost .ldesc {
	width: 100%;
	color: #222;
	font-size: 14px;
	text-align: left;
	line-height: 28px;
}