.clearfloat{clear:both} 

article h2 {
	padding:10px 0 12px; text-align:center;
}
.ico_2{display:inline-block;font-size:0;height:25px;line-height:9999em;overflow:hidden;padding:0;position:relative;vertical-align:-4px;width:22px;margin:0 5px 0 0;background:url(../images/doc_type_big.png) 0 0 no-repeat;}

.ic_2_doc,.ic_2_pdw{background-position:-26px 0;}

em {
    font-style: normal;
}
.solu-tab {
	margin-bottom:20px
}
.solu-tab li {
	width:33.33333%;
	float:left;
	padding:0 10px
}
.solu-tab li h2,.solu-tab li p {
	background-color:#e5e5e5;
	color:#3c3c3c;
	text-align:center
}
.solu-tab li.active h2,.solu-tab li.active p {
	background-color:#ed2d42;
	color:#fff
}
@media (min-width: 1200px) {
	.solu-tab li {
	padding:0 15px
}
}@media (max-width: 999px) {
	.solu-tab p {
	display:none
}
}@media (min-width: 1000px) {
	.solu-tab p {
	padding-bottom:20px
}
}@media (min-width: 1200px) {
	.solu-tab p {
	font-size:16px;
	padding-bottom:29px
}
}@media (max-width: 759px) {
	.solu-tab span {
	display:none

}
}.solu-tab h2 {
	padding:10px 5px
}
@media (max-width: 345px) {
	.solu-tab h2 {
	padding: 10px 16px;
}
}@media (min-width: 1000px) {
	.solu-tab h2 {
	padding-top:20px;
	padding-bottom:7px
}
}@media (min-width: 1200px) {
	.solu-tab h2 {
	padding-top:28px
}
}.model-case-list h4 {
	text-align:center
}
.model-case-list li {
	margin-bottom:20px
}
@media (min-width: 1200px) {
	.model-case-list li {
	margin-bottom:30px
}
}.solu .cas p {
	text-align:center
}
.project-case-list li.xl6 {
	min-height:430px
}
.project-case-list li,.model-case-list li {
	display:none
}
@media (min-width: 320px) {
	.project-case-list li.xl6 {
	min-height:450px
}
}@media (min-width: 350px) {
	.project-case-list li.xl6 {
	min-height:480px
}
}@media (min-width: 380px) {
	.project-case-list li.xl6 {
	min-height:500px
}
}@media (min-width: 410px) {
	.project-case-list li.xl6 {
	min-height:520px
}
}@media (min-width: 450px) {
	.project-case-list li.xl6 {
	min-height:430px
}
}@media (min-width: 500px) {
	.project-case-list li.xl6 {
	min-height:450px
}
}@media (min-width: 650px) {
	.project-case-list li.xl6 {
	min-height:470px
}
}@media (min-width: 760px) {
	.project-case-list li.xl6 {
	min-height:490px
}
}@media (min-width: 1000px) {
	.project-case-list li.xl6 {
	min-height:470px
}
}@media (min-width: 1200px) {
	.project-case-list li.xl6 {
	min-height:453px
}
}.project-case-list h4 {
	color:#262626;
	padding:16px 0 6px
}
.project-case-list p {
	color:#262626;
	font-size:14px
}
.project-case-list p span {
	color:#ed2d42
}
.project-case-list p b {
	color:#ed2d42
}
.recommend-spec {
	margin-bottom:20px
}
@media (min-width: 760px) {
	.recommend-spec {
	margin-bottom:30px
}
}.hot-product {
	margin-bottom:20px
}
@media (min-width: 760px) {
	.hot-product {
	margin-bottom:30px
}
}.hot-product img {
	border:1px solid #f3f3f3
}
.hot-product h5 {
	font-size:16px;
	color:#3c3c3c;
	text-align:center;
	padding:16px 0 16px
}
@media (min-width: 760px) {
	.hot-product h5 {
	padding:16px 0 10px;
	overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
}.case-article-a {
	padding:20px 0 0
}
@media (min-width: 760px) {
	.case-article-a {
	padding:20px 0 0
}
}.case-article-a p {
	 
}
.case-article-a p span {
	    font-size: 15px;
    /* font-weight: 600; */
    padding: 5px;
    color: #401818;
}
.case-article-a .base p span {
	font-size:16px
}
.case-article-a .case-article-a-1 {
	margin-bottom:20px
}
@media (min-width: 760px) {
	.case-article-a .case-article-a-1 {
	margin-bottom:30px
}
}.case-article-a .case-article-a-1 .xm7 h4 {
	font-weight:500;
	line-height:40px
}
.case-article-a .case-article-a-1 .xm7 ul li {
	float:left;
	padding-left:10px;
	padding-right:10px
}
.appointment {
	margin-bottom:20px;
	height:49px;
	padding-top: 20px;
}
@media (min-width: 760px) {
	.appointment {
/* 	margin-bottom:30px;
	margin-top: 30px; */
}
}@media (min-width: 760px) {
	.appointment {
	max-width: 100%;
}
}@media (min-width: 760px) {
	.appointment a {
	width:48%
}
}.appointment a span {
	background-color:#A5AEB5;
	color:#ffffff
}
@media (min-width: 760px) {
	.appointment a span {
	height:49px;
	line-height:49px;
	font-size:22px;
	margin: 0 30px 0px 0px;
}
}.scene {
	margin-bottom:20px;
}
.scene img { max-width:100%
 
}


@media (min-width: 760px) {
	.scene {
	margin-bottom:00px;
}
}.customer-comment {
	margin-bottom:20px
}
@media (min-width: 760px) {
	.customer-comment {
	margin-bottom:30px
}
}.pro-line {
	padding-bottom:20px
}
.pro-line a {
	cursor:pointer
}
.pro-line .liucheng {
	padding-bottom:20px
}
.pro-line table {
	font-size:16px;
	text-align:center
}
.pro-line table th {
	text-align:center
}
@media (min-width: 1000px) and (max-width: 1199px) {
	.pro-line table td {
	padding:5px;
	font-size:14px
}
}.pro-line caption {
	background-color:#e5e5e5;
	line-height:43px;
	font-weight:bold
}
.pro-line .line-big {
	padding-bottom:15px
}
.pro-line .line-big .xm7 {
	margin-bottom:15px
}
.pro-line h2 {
	font-size:22px
}
.pro-line p {
	font-size:14px;
	line-height:28px
}
.pro-line p span {
	font-size:16px
}
.pro-line .view {
	background-color:#ed2d42;
	position:absolute;
	right:0;
	bottom:0px;
	color:#fff;
	text-align:center;
	margin-left:10px;
	margin-right:10px
}
@media (max-width: 1079px) {
	.pro-line .view {
	width:109px;
	height:30px;
	font-size:14px;
	line-height:30px
}
}@media (min-width: 1080px) {
	.pro-line .view {
	width:151px;
	height:36px;
	font-size:16px;
	line-height:36px
}
}@media (min-width: 1200px) {
	.pro-line .view {
	margin-left:15px;
	margin-right:15px
}
}.material-area {
	background-color:#e5e5e5;
	padding-top:10px;
	margin-bottom:20px
}
@media (min-width: 760px) {
	.material-area {
	margin-bottom:30px
}
}.material-area h2 {
	padding-top:20px
}
.material-area h3 {
	padding-bottom:20px
}
.material-area ul li {
	margin-bottom:20px
}
.material-area ul li a {
	line-height:32px;
	font-size:16px
}
.material-area p {
	text-align:center;padding:20px 0 20px;
}
@media (min-width: 760px) {
	.material-area p {
	padding:20px 0 40px
}
}.material-area .known {
	font-size:24px;
	color:#fff;
	background-color:#ed2d42;
	padding:8px 40px;
	border-radius:10px
}
@media (max-width: 759px) {
	.material-area .known {
	font-size:16px

}
	.case-article-a p {
	 
}

}.material-area .known span {
	font-weight:bold
}
.material p {
	line-height:40px
}
.img_list a:hover h2,.img_list a:hover span {
	color:red;
	transition:all .5s
}
.img_list h2 {
	padding:5px 0 15px
}
@media (max-width: 759px) {
	.img_list h2 {
	padding:15px 0 15px
}
}.img_list p {
	line-height:24px;
	color:#777777;
	font-size:14px;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	overflow:hidden;
	-webkit-line-clamp:2
}
@media (max-width: 999px) {
	.img_list p {
	-webkit-line-clamp:3
}
}@media (min-width: 1200px) {
	.img_list p {
	-webkit-line-clamp:3
}
}.img_list span {
	line-height:44px
}
.suggest .line-big div {
	margin-bottom:10px
}
#b_img h4 {
	text-align:center;
	color:#ffffff
}
#b_img img {
	overflow:hidden
}
.tjia p {
	font-size:14px;
	padding-bottom:20px
}
.jdal li {
	display: block;
}
.mill-a li {
	list-style:none;
	margin-top:10px
}
@media (min-width: 1000px) {
	.mill-a li {
	margin-top:0
}
}.mill-a li a:hover h2,.mill-a li a:hover p {
	color:#333333
}
.mill-a li a:hover span {
	color:#ffffff;
	background:#ed2d42;
	border:none
}
.mill-a h2 {
	font-size:20px;
	padding-top:2px;
	padding-bottom:5px
}
@media (min-width: 1200px) {
	.mill-a h2 {
	padding-bottom:23px;
	font-size:22px
}
}.mill-a p {
	font-size:14px;
	line-height:28px
}
.mill-a .sp {
	padding-top:20px
}
@media (min-width: 1200px) {
	.mill-a .sp {
	padding-top:49px
}
}.mill-a span {
	border:1px solid #333;
	padding:7px 25px
}
@media (min-width: 1200px) {
	.mill-a span {
	padding:10px 35px 9px;
	font-size:16px
}
}
.scene p img {
	max-width: 100%;
}