@charset "utf-8";

html {
	font-size: 62.5%;
	/*10÷16=62.5% */
	margin: 0 auto;
	overflow-x: hidden;
}

ul,
li,
form,
dl,
dt,
dd,
div {
	padding: 0px;
	margin: 0px;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.p {
	padding: 0px;
	margin: 0px;
}

select,
input,
em,
textarea {
	font-size: 13px;
	font-style: normal;
	color: #636363;
	font-family: '微软雅黑';
	border-radius: 0;
	-webkit-border-radius: 0;
	float: right;
}

img,
object {
	border: none;
	max-width: 100%;
	border: 0;
	overflow: hidden;
	vertical-align: top;
}

a {
	color: #636363;
	text-decoration: none;
}

/* 去掉链接触摸高亮 */
a:focus {
	outline: none;
	-moz-outline: none;
}

.Texthide {
	display: none;
}

ul,
li {
	list-style: none;
}

.hs {
	height: 15px;
	background: #ebebeb;
}

.hs_10 {
	height: 10px;
}

.mask {
	width: 100%;
	height: 100%;
	position: absolute;
	background: rgba(0, 0, 0, 0.7);
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 101;
	display: none;
}

.mask1 {
	width: 100%;
	height: 100%;
	position: fixed;
	background: rgba(0, 0, 0, 0.7);
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 100;
	display: none;
}

.g-four {
	padding-top: 30px !important;
}

.g-five {
	padding-top: 100px !important;
}


/*///////// */
@font-face {
	font-family: "akz";
	src: url("../fonts/akz.ttf") format("opentype");
	font-weight: normal;
	font-style: normal;
}


.g-head {
	padding: 0 12px;
	height: 44px;
	text-align: center;
	position: fixed;
	left: 0;
	right: 0;
	margin: auto;
	top: 0;
	z-index: 103;
	background: #b82834;
}


.g-head h2 {
	display: inline-block;
	font-size: 1.8rem;
	color: #fff;
	text-align: center;
	font-weight: normal;
	line-height: 44px;
	position: absolute;
	margin: 0;
	left: 0;
	top: 0;
	width: 100%;
	right: 0;
	bottom: 0;
}

.g-mn {
	padding: 0 15px;
	position: relative;
	left: 0;
	top: 0;
	overflow: hidden;
}

/*城市切换*/
.m-city-change {
	display: inline-block;
	text-align: left;
	position: absolute;
	left: 0;
	top: 44px;
}

.u-city-change-btn {
	display: inline-block;
	padding: 0 10px 0 0;
	height: 30px;
	line-height: 30px;
	color: #fff;
	font-size: 1.5rem;
	margin: 8px 0 0 0;
	float: left;
	position: relative;
	z-index: 999;
}

.u-city-change-btn>.site_icon {
	display: block;
	width: 12px;
	height: 8px;
	background: url(../img/sj_icon.png) no-repeat left center;
	position: relative;
	left: 6px;
	top: 11px;
	bottom: 0;
	margin: auto;
	background-size: 64%;
	float: left;
}

.u-city-change-btn>span {
	display: inline-block;
	float: left;
}

.m-city-change.active {
	right: 0;
	margin: auto;
	z-index: 100;
	background: #b82834;
	border-radius: 0 0 12px 12px;
}

.m-city-change .m-ciyt-list {
	padding: 15px;
	overflow: hidden;
	background: #b82834;
}

.m-city-change .m-ciyt-list>li {
	margin: 0 15px 15px 0;
	width: 29.5%;
}

.m-city-change .m-ciyt-list>li:nth-child(3n+0) {
	margin: 0 0 15px 0;
}

.m-city-change .m-ciyt-list>li>a {
	margin: 0;
}


.m-ciyt-list {
	display: none;
}


.m-city-change ul.m-ciyt-list.clearfix {
	background: #fff;
	margin: 0 12px 12px;
	border-radius: 4px;
}


.m-ciyt-list>li {
	display: block;
	float: left;
	width: 33.3%;
	width: calc(100% / 3);
	width: -webkit-calc(100% / 3);
}

.m-ciyt-list>li>a {
	display: block;
	margin: -1px 0 0 5px;
	height: 36px;
	line-height: 36px;
	font-size: 1.4rem;
	text-align: center;
	background: #f0f0f0;
	border-radius: 38px;
	margin-bottom: 15px;
	padding: 0 10px;
	margin-right: 5%;
}


.m-ciyt-list>li.active>a {
	color: #fff;
	background: #af1f30;
}



/*logo*/
.u-logo {
	display: inline-block;
	width: 134px;
	background: url(../img/logo.png) 0 center no-repeat;
	background-size: 100% auto;
	overflow: hidden;
	margin: 0 auto;
	position: absolute;
	left: 0;
	right: 0;
	top: 0px;
}

.u-logo>h1 {
	color: #fff;
	text-indent: -999rem;
}

/*logo*/

/*搜索*/
.u-search {
	display: block;
	width: 44px;
	height: 44px;
	position: absolute;
	right: 44px;
	top: 0;
	text-indent: -999rem;
	overflow: hidden;
}

.index.g-head .u-search {
	right: 0;
}

.u-search>.siteCommon {
	width: 36px;
	height: 36px;
	background: url(../img/search_btn.png) center center no-repeat;
	position: absolute;
	right: 8px;
	top: 0;
	bottom: 0;
	margin: auto;
	background-size: 48%;
}

/*搜索*/



/*热门城市*/
.g-hot-city {
	height: 44px;
	line-height: 44px;
	background: #b82834;
	color: rgba(255, 255, 255, 0.6);
	font-size: 1.4rem;
	position: relative;
	left: 0;
	top: 43px;
}

.g-hot-city>a.active {
	font-size: 1.5rem;

}

.g-hot-city>a {
	display: inline-block;
	font-size: 1.4rem;
	margin: 0 4%;
	color: #fff;
}

/*热门城市*/

/*首页*/

/*banner*/
.g-banner {
	position: relative;
	left: 0;
	top: 43px;
	overflow: hidden;
	text-align: center;
}

.m-banner-wrap>li {
	float: left;
	position: relative;
	left: 0;
	top: 0;
}

.m-banner-wrap>li img {
	width: 100%;
	height: auto;
}

.m-banner-icons {
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 8px;
	text-align: center;
	z-index: 2;
}

.m-banner-icons-in {
	display: inline-block;
	padding: 5px 6px;
	height: 2px;
	line-height: 2px;
}

.m-banner-icons-in>span {
	display: inline-block;
	width: 15px;
	height: 2px;
	background: url('../img/li.png');
	margin: 0 4px;
	text-indent: -999em;
	overflow: hidden;
}

.swiper-pagination-bullet-active {
	background: url('../img/li_on.png') !important;
}

.swiper-pagination-bullet {
	border-radius: 0 !important;
	opacity: 1 !important;
}

.g-banner .overlay {
	position: absolute;
	bottom: 0px;
	left: 0;
	width: 100%;
	height: 20%;
	z-index: 2;
	pointer-events: none;
}

.g-banner .overlay svg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*banner*/

.white {
	position: relative;
	top: 44px;
	left: 0;
}


.white .g-navigate {
	margin-top: 10px;
	height: 100%;
	overflow: hidden;
	display: block;
}

.g-navigate>div {
	height: 100%;
	margin: 0 15px;
	overflow: hidden;
	background: #fff;
	border-radius: 4px;
}

.g-navigate>div>li {
	width: 25%;
	height: 94px;
	float: left;
	position: relative;
	left: 0;
	top: 0;
	overflow: hidden;
}

.g-navigate .u-navigate-item {
	display: block;
	color: #4c4c4c;
	height: 100%;
	font-size: 1.3rem;
	text-align: center;
	overflow: hidden;
}

.g-navigate .u-navigate-item>.siteCommon {
	display: block;
	margin: 10px auto 0;
	width: 60px;
	height: 60px;
	position: relative;
	left: 0;
	top: 0;
}

.g-navigate .u-navigate-item-01>.siteCommon {
	background: url(../img/icon_1.png) center center no-repeat;
	background-size: 100%;
}

.g-navigate .u-navigate-item-02>.siteCommon {
	background: url(../img/icon_2.png) center center no-repeat;
	background-size: 100%;
}

.g-navigate .u-navigate-item-03>.siteCommon {
	background: url(../img/icon_3.png) center center no-repeat;
	background-size: 100%;
}

.g-navigate .u-navigate-item-04>.siteCommon {
	background: url(../img/icon_4.png) center center no-repeat;
	background-size: 100%;
}

.g-navigate .u-navigate-item-05>.siteCommon {
	background: url(../img/icon_5.png) center center no-repeat;
	background-size: 100%;
}

.g-navigate .u-navigate-item-06>.siteCommon {
	background: url(../img/icon_6.png) center center no-repeat;
	background-size: 100%;
}

.g-navigate .u-navigate-item-07>.siteCommon {
	background: url(../img/icon_7.png) center center no-repeat;
	background-size: 100%;
}

.g-navigate .u-navigate-item-08>.siteCommon {
	background: url(../img/icon_8.png) center center no-repeat;
	background-size: 100%;
}

.g-navigate .u-navigate-item-09>.siteCommon {
	background: url(../img/icon_9.png) center center no-repeat;
	background-size: 100%;
}


.white>.g-navigate>div {
	/*width: 100%;*/
	margin: 0;
}


#new_index {
	overflow: hidden;
	padding: 12px;
}


#new_index span.new_top {
	width: 45px;
	height: 45px;
	background: url(../img/ic_message.png) no-repeat center center;
	float: left;
	vertical-align: middle;
	background-size: 100%;
	margin-right: 24px;
}

#new_index .swiper-container {
	overflow: hidden;
	height: 45px;
}

.swiper-container-b .swiper-slide p {
	font-size: 1.4rem;
	color: #1a1a1a;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin: 0;
}




.nth {
	margin-top: 15px;
	padding-bottom: 20px;
}

.nth .pic {
	position: relative;
	padding: 2px;
}

.nth .pic a {
	display: block;
}

.nth .pic img {
	border-radius: 8px;
	width: 100%;
}




.m-module-tit {
	text-align: center;
	position: relative;
	margin-bottom: 25px;
}

.m-module-tit h2 {
	margin: 0 0 8px;
	color: #1a1a1a;
	font-size: 1.8rem;
}

.m-module-tit h2 label {
	color: #c6202e;
	font-size: 2rem;
	display: inline-block;
	vertical-align: top;
}

.m-module-tit span.en {
	display: inline-block;
	color: #fff;
	font-size: 1rem;
	padding: 0 22px;
	height: 18px;
	line-height: 2;
	background: #333;
	border-radius: 20px;
	text-transform: uppercase;
}


.m-module-tit a {
	width: 44px;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	text-indent: -999rem;
	overflow: hidden;
}

.m-module-tit a i.arrow {
	width: 22px;
	height: 17px;
	background: url(../img/more.png) right center no-repeat;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	background-size: 100%;
}

.index_case i.arrow,
.index_designer i.arrow,
.index_video_box i.arrow {
	right: 12px !important;
}

.float1 {
	padding-top: 20px;
	margin-bottom: 25px;
}



.m-appointment>li {
	height: 42px;
	line-height: 42px;
	border-radius: 3px;
	width: 100%;
	margin: 0 auto 15px;
	background: #fff;
	border-radius: 30px;
	position: relative;
	border: 1.2px solid #ebebeb;
}

.m-appointment>li em {
	font-size: 1.5rem;
	color: #1a1a1a;
	position: relative;
	right: 15px;
	font-style: normal;
	display: inline-block;
	float: right;

}

.m-appointment>li:hover {
	border: 1.2px solid #c6202e;
}

.m-appointment>li.oinp_b:before {
	display: inline-block;
	content: '';
	width: 21px;
	height: 44px;
	background: url(../img/dh.png) no-repeat center center;
	background-size: 68%;
}

.m-appointment>li.oinp_b:hover:before {
	background: url(../img/dh_1.png) no-repeat center center;
	background-size: 68%;
}



.m-appointment>li:before {
	margin-left: 17px;
	float: left;
}

.m-appointment>li.oinp_a:before {
	display: inline-block;
	content: '';
	width: 21px;
	height: 44px;
	background: url(../img/mj.png) no-repeat center center;
	background-size: 100%;
}

.m-appointment>li.oinp_a:hover:before {
	background: url(../img/mj_1.png) no-repeat center center;
	background-size: 100%;
}



.m-appointment>li input {
	width: calc(100% - 70px);
	background: none;
	outline: none;
	border: none;
	text-indent: 12px;
	color: #333;
	font-size: 1.5rem;
	height: 41px;
	line-height: 41px;
	float: left;
}

.m-appointment>li input::-webkit-input-placeholder {
	color: #b2b2b2;
}

.price_cont .u-btn-submit {
	margin: 20px auto 15px;
	display: block;
	width: 80%;
	height: 44px;
	line-height: 44px;
	border-radius: 30px;
	background: #c6202e;
	color: #fff;
	text-align: center;
	font-size: 1.8rem;
	box-shadow: 0px 10px 30px rgba(198, 32, 46, 0.4);
}



.company_box {
	padding: 0 15px 12px;
	overflow: hidden;
}

.company_box h4 {
	color: #333;
	font-size: 1.8rem;
	text-align: center;
}

.company_box>.phone {
	height: 42px;
	line-height: 42px;
	border-radius: 3px;
	width: 100%;
	margin: 0 auto 15px;
	background: #fff;
	border-radius: 30px;
	position: relative;
	border: 1.2px solid #ebebeb;
}

.company_box>.phone:before {
	display: inline-block;
	content: '';
	width: 21px;
	height: 44px;
	margin-left: 17px;
	float: left;
	background: url(../img/dh.png) no-repeat center center;
	background-size: 68%;
}

.company_box>.phone:hover:before {
	background: url(../img/dh_1.png) no-repeat center center;
	background-size: 68%;
}


.company_box>.phone input {
	width: 80%;
	background: none;
	outline: none;
	border: none;
	text-indent: 12px;
	color: #333;
	font-size: 1.5rem;
	height: 41px;
	line-height: 41px;
	float: left;
}

.company_box>.phone:hover {
	border: 1.2px solid #c6202e;
}

.company_box>.phone input::-webkit-input-placeholder {
	color: #b2b2b2;
}


.company_box .u-btn-submit {
	margin: 25px auto 15px;
	display: block;
	width: 100%;
	height: 44px;
	line-height: 44px;
	border-radius: 30px;
	background: #c6202e;
	color: #fff;
	text-align: center;
	font-size: 1.8rem;
	box-shadow: 0px 10px 30px rgba(198, 32, 46, 0.4);
}


.new_hd {
	padding-bottom: 25px;
}

.new_hd h4 {
	color: #333;
	font-size: 1.8rem;
	margin: 0;
	padding: 23px 0 13px;
}

.new_hd h4:before {
	display: inline-block;
	content: '';
	width: 25px;
	height: 25px;
	background: url('../img/hd_icon.png') no-repeat center center;
	background-size: 100%;
	vertical-align: middle;
	margin-right: 7px;
}

.hd_img img {
	border-radius: 4px;
	width: 100%;
}

.hd_cont {
	width: 100%;
	padding: 15px 0 0;
}

.hd_cont span {
	display: inline-block;
	color: #808080;
	font-size: 1.4rem;
}

.hd_cont span.hd_time {
	float: left;
}

.hd_cont span.hd_address {
	float: right;
}


/*案例*/
.g-module {
	margin-top: 25px;
}

.index_case {
	border-bottom: 1px solid #ebebeb;
}

.index_case .swiper-container {
	overflow: inherit !important;
	padding-bottom: 25px;
}

.swiper-container-m .swiper-wrapper .swiper-slide {
	width: 92%;
	border-radius: 8px 8px 0 0;
}

.swiper-container-m .swiper-wrapper .swiper-slide a {
	display: inline-block;
	width: 100%;
}

.swiper-container-m .swiper-wrapper .swiper-slide img {
	width: 100%;
	max-height: 320px;
	border-radius: 4px;
	box-shadow: 0px 10px 30px rgba(26, 0, 2, 0.14);
}

.swiper-container-m .swiper-wrapper .swiper-slide span.tit {
	display: block;
	position: absolute;
	left: 15px;
	top: 3%;
	height: 26px;
	line-height: 26px;
	color: #fff;
	font-size: 1.4rem;
	background: #c7313d;
	border-radius: 4px;
	padding: 0 12px;
}

.swiper-container-m .swiper-wrapper .swiper-slide-prev {
	opacity: 0.4;
}

.swiper-container-m .swiper-wrapper .swiper-slide-prev img {
	transform: translate3d(0px, 0px, 0px);
	width: 100%;
}

.swiper-container-m .swiper-wrapper .swiper-slide-next {
	opacity: 0.4;
}

.swiper-container-m .swiper-wrapper .swiper-slide-next img {
	transform: translate3d(0px, 0px, 0px);
	width: 100%;
}

.swiper-container-m .swiper-wrapper .swiper-slide-active {
	width: 92%;
	margin: 0 auto;
}


.swiper-container-m .bg {
	background: #fff;
	padding: 15px;
	border-radius: 6px;
	position: relative;
	width: 78%;
	left: 0;
	right: 0;
	margin: -20px auto 0;
	box-shadow: 0px 10px 30px rgba(26, 0, 2, 0.14);
	z-index: 9;
}

.swiper-container-m .bg h4 {
	margin: 0 0 0.8rem 0;
	float: left;
}

.swiper-container-m .bg h4 a {
	color: #1a1a1a;
	font-size: 1.5rem;
}

.swiper-container-m .bg h4 a:before {
	display: inline-block;
	content: '';
	width: 14px;
	height: 13px;
	background: url('../img/dcri.png') no-repeat;
	margin-right: 3px;
	vertical-align: middle;
	background-size: 100%;
}


.swiper-container-m .bg span.type {
	float: right;
	display: inline-block;
	color: #4c4c4c;
	font-size: 1.4rem;

}

.swiper-container-m .bg .cont {
	clear: both;
	font-size: 1.4rem;
	color: #808080;
	line-height: 1.6333;
}

/*案例*/




/*风格*/
.hq_case #form_2 {
	clear: both;
	padding-top: 10px;
}

.hq_case h4 {
	text-align: center;
	font-size: 1.8rem;
	color: #1a1a1a;
	margin: 0 0 10px;
}

.hq_case .sjhm {
	height: 42px;
	line-height: 42px;
	width: 100%;
	margin: 0 auto;
	background: #fff;
	border-radius: 30px;
	position: relative;
	border: 1.2px solid #ebebeb;
}

.hq_case .sjhm:hover {
	border: 1.2px solid #c6202e;
}

.hq_case .sjhm:before {
	display: inline-block;
	content: '';
	width: 21px;
	height: 44px;
	background: url(../img/dh.png) no-repeat center center;
	background-size: 68%;
	float: left;
	margin-left: 17px;
}

.hq_case .sjhm:hover:before {
	background: url(../img/dh_1.png) no-repeat center center;
	background-size: 68%;
}


.hq_case .sjhm input {
	width: 85%;
	background: none;
	outline: none;
	border: none;
	text-indent: 12px;
	color: #333;
	font-size: 1.5rem;
	height: 41px;
	line-height: 41px;
	position: absolute;
	right: 0;

}

.hq_case .sjhm input::-webkit-input-placeholder {
	color: #b2b2b2;
}


.hq_case p {
	text-align: center;
	color: #c6202e;
	font-size: 1.2rem;
	margin: 8px 0;
}

.hq_case a#hq_case {
	margin: 16px auto 25px;
	display: block;
	width: 80%;
	height: 44px;
	line-height: 44px;
	border-radius: 30px;
	background: #c6202e;
	color: #fff;
	text-align: center;
	font-size: 1.8rem;
	box-shadow: 0px 10px 30px rgba(198, 32, 46, 0.4);
}


.hq_case .u-sift-item-ele {
	display: block;
	margin: -1px 0 0 -1px;
	height: 35px;
	line-height: 35px;
	font-size: 1.4rem;
	text-align: center;
	background: #f2f2f2;
	border-radius: 38px;
}

.hq_case .u-sift-item-ele {
	float: left;
	width: 25%;
	margin-right: 3.1%;
	margin-bottom: 15px;
	padding: 0 10px;
	font-weight: normal;
}

.hq_case .u-sift-item-ele:nth-child(3n+0) {
	margin-right: 0;
}

.hq_case .u-sift-item-ele:nth-child(3n+1) {
	margin-left: -9px;
}

.hq_case .u-sift-item-ele.active {
	background: #c6202e;
	color: #fff;
}


.hq_case .m-sift-item-list {
	padding: 15px 0 0 15px;
}

/*风格*/

#designerBox ul.m-module-col3-list.clearfix {
	padding: 0 12px;
}

/*设计师*/
.index_designer .m-sift-item-list {
	text-align: center;
	margin-bottom: 25px;
	padding: 0 0 0 15px;
}

.index_designer .m-sift-item-list a {
	display: inline-block;
	margin-right: 16px;
	color: #000;
	font-size: 1.4rem;
	font-weight: bold;
}

.index_designer .m-sift-item-list a.active {
	color: #c6202e;
	font-size: 1.6rem;
}

.index_designer .m-sift-item-list em {
	display: inline-block;
	margin-left: 16px;
	font-weight: normal;
	color: #ccc;
	font-size: 1.4rem;
}


.m-module-col3-list li {
	width: 48%;
	float: left;
	position: relative;
	margin-bottom: 15px;
	border-radius: 4px;
}

.m-module-col3-list li img {
	border-radius: 4px;
	width: 100%;
}

.m-module-col3-list li:nth-child(odd) {
	margin-right: 4%;
}

.m-module-col3-list li span.u-moditem-tit {
	width: 100%;
	text-align: center;
	font-size: 1.5rem;
	color: #fff;
	position: absolute;
	bottom: 12px;
	left: 0;
}

.m-module-col3-list li a {
	display: block;
}

.m-module-col3-list li a:before {
	display: inline-block;
	content: '';
	width: 100%;
	height: 100px;
	background: url('../img/bg.png') repeat-x;
	position: absolute;
	bottom: 0;
	left: 0;
	border-radius: 0 0 4px 4px;
}


.designer_info {
	position: relative;
}


.designer_info .designer_box:after {
	width: 100%;
	display: inline-block;
	content: '';
	height: 80px;
	position: absolute;
	top: 0;
	left: 0;
}

.designer_top {
	position: relative;
	overflow: hidden;
}

.designer_top:before {
	content: "";
	width: 100%;
	height: 100% !important;
	position: absolute;
	left: 0;
	top: 0;
	background: -webkit-gradient(linear, center top, center bottom, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 1)));
	z-index: 10;
}


.designer_info .designer_cont {
	position: absolute;
	top: 58px;
	z-index: 11;
	left: 28px;
}

.designer_info .designer_cont .designer_img {
	width: 48%;
	float: left;
	box-shadow: 0px 3px 30px rgba(26, 0, 2, 0.3);
	border-radius: 4px;
}

.designer_info .designer_cont .designer_img img {
	width: 100%;
	vertical-align: middle;
	border-radius: 4px;
}

.designer_info .designer_cont .designer_name {
	float: left;
	padding: 80px 0 0 24px;
	position: relative;
	width: 39%;
}

.designer_info .designer_cont .designer_name:before {
	display: inline-block;
	content: '';
	width: 100%;
	height: 40px;
	background: url(../img/design_name.png) no-repeat;
	background-size: 100%;
	position: absolute;
	left: -16px;
	top: 69px;
}

.designer_info .designer_cont .designer_name p {
	color: #1a1a1a;
	font-size: 3rem;

	margin: 0 0 8px 0;
}

.designer_info .designer_cont .designer_name span {
	color: #4c4c4c;
	font-size: 1.4rem;
}


.designer_info .designer-white .case-g-mn {
	overflow: hidden;
}


.designer-white .designer_hz {
	border-top: 1px solid #e6e6e6;
	overflow: hidden;
	clear: both;
	margin-top: 12px;
	padding-top: 15px;
}

.designer-white .designer_hz ul li {
	width: 33.333%;
	float: left;
	text-align: center;
	margin-bottom: 15px;
}


.designer-white .designer_hz ul li img {
	width: 70%;
}

.designer-white .designer_hz ul li .content {
	display: table;
	text-align: center;
	width: 100%;
	position: relative;
	top: -4px;
}

.designer-white .designer_hz ul li span {
	display: block;
	text-align: center;
	color: #4c4c4c;
	font-size: 1.1rem;
	width: 100%;
	margin: 0 auto;
	height: 32px;
	display: table-cell;
	vertical-align: middle;
	width: 100%;
}


.designer-white .case-g-mn p span:before {
	display: inline-block;
	content: '';
	vertical-align: middle;
	margin-right: 10px;
}

.designer-white .case-g-mn p.l_1 span:before {
	width: 16px;
	height: 16px;
	background: url('../img/icon_gs.png') no-repeat;
	background-size: 100%;
}

.designer-white .case-g-mn p.l_2 span:before {
	width: 16px;
	height: 16px;
	background: url('../img/icon_dh.png') no-repeat;
	background-size: 100%;
}

.designer-white .case-g-mn p.l_3 span:before {
	width: 16px;
	height: 13px;
	background: url('../img/icon_sfbz.png') no-repeat;
	background-size: 100%;
}

.designer-white .case-g-mn p.l_4 span:before {
	width: 16px;
	height: 16px;
	background: url('../img/icon_sjln.png') no-repeat;
	background-size: 100%;
}

.designer-white .case-g-mn p.u-txt-12 {
	clear: both;
	width: 100%;
	color: #4c4c4c;
	font-size: 1.4rem;
	line-height: 1.7;
	height: 16px;
}

.designer-white .case-g-mn p.u-txt-12 span {
	display: inline-block;
	float: left;
	color: #4c4c4c;

}

.designer-white .case-g-mn p.u-txt-12 a {
	display: inline-block;
	float: left;
	width: 70%;
}

.designer_center {
	z-index: 10;
	position: relative;
	left: 0;
	top: 0;
	margin: -25% 15px 0;
}

.designer_center .designer-white {
	padding: 24px 12px 0;
}

.designer-tit {
	padding: 15px 12px 10px;
	overflow: hidden;
	background: #fff;
	border-radius: 5px;
	box-shadow: 0px 10px 30px rgba(26, 0, 2, 0.14);
	margin-bottom: 20px;
}

.designer-tit h2 {
	color: #1a1a1a;
	font-size: 2.4rem;
	margin: 5px 0 17.5px;
}


.designer-work h2 {
	position: relative;
	width: 186px;
	background: url(../img/work_icon.png) no-repeat center center;
	background-size: 100%;
	vertical-align: middle;
}

.designer-work ul li {
	border-bottom: 1px solid #e6e6e6;
	margin-bottom: 15px;
	overflow: hidden;
}

.designer-work ul li:last-child {
	border-bottom: none;
	margin-bottom: 0;
}

.designer-work ul li span {
	color: #1a1a1a;

	font-size: 1.5rem;
}

.designer-work ul li span.bszp:before {
	display: inline-block;
	content: '';
	width: 18px;
	height: 18px;
	background: url('../img/bszp_icon.png') no-repeat;
	background-size: 100%;
	vertical-align: middle;
	margin-right: 4px;
}

.designer-work ul li span.gyzp:before {
	display: inline-block;
	content: '';
	width: 18px;
	height: 18px;
	background: url('../img/gyzp_icon.png') no-repeat;
	background-size: 100%;
	vertical-align: middle;
	margin-right: 4px;
}

.designer-work ul li p {
	color: #4c4c4c;
	font-size: 1.4rem;
	line-height: 1.5;
	margin: 13px 0;
}

.sjal_list {
	padding: 0;
	background: none;
	box-shadow: none;
	overflow: inherit;
}

.sjal_list h2 {
	position: relative;
	width: 160px;
	margin: 5px 10px 12px;
	background: url(../img/sjal_icon.png) no-repeat center center;
	background-size: 100%;
	vertical-align: middle;
}


.sjal_list ul li a {
	display: block;
	position: relative;
}

.sjal_list ul li a img {
	border-radius: 4px;
}


.sjal_list ul li a h4.h4 {
	position: absolute;
	bottom: -2px;
	left: 0;
	right: 0;
	padding: 0 12px;
	height: 40px;
	color: #fff;

	font-size: 1.5rem;
	background: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.85));
	border-radius: 0 0 4px 4px;
	line-height: 38px;
}


.sjal_list ul li a h4.h4 b.type {
	float: right;
	font-weight: normal;
	font-size: 1.4rem;
	color: #fff;
}

.sjal_list ul li a .cont_box {
	position: absolute;
	top: 8px;
	left: 0;
	width: calc(100% - 24px);
	padding: 0 12px;
}

.sjal_list ul li a .cont_box span {
	display: inline-block;
	float: left;
	background: rgba(198, 32, 46, 0.9);
	padding: 0 8px;
	border-radius: 4px;
	color: #fff;
}

.sjal_list ul li a .cont_box em {
	display: inline-block;
	float: right;
	color: #fff;
	text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
}

.sjal_list ul li a .cont_box em:before {
	display: inline-block;
	content: '';
	width: 21px;
	height: 37px;
	background: url(../img/zan_icon_2.png) no-repeat center 4px;
	background-size: 100%;
	vertical-align: middle;
}

/*设计师*/

/*视频*/
.index_video ul li {
	width: 100%;
	position: relative;
	border-bottom: 5px solid #ebebeb;
}

.index_video ul li a {
	display: block;
}

.index_video ul li .video_img {
	position: relative;
}


.index_video ul li img {
	width: 100%;
}

.index_video ul li i.i_play {
	width: 44px;
	height: 44px;
	background: url('../img/ic_play.png') no-repeat;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	background-size: 100%;
}

.index_video .video_cont {
	overflow: hidden;
	padding: 14px 12px;
}


.index_video .video_cont p {
	color: #333;
	font-size: 1.5rem;

	margin: 0;
	float: left;
	width: 80%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.index_video .video_cont .video_m {
	float: right;
}

.index_video .video_cont .video_m span.view {
	font-size: 1.3333rem;
	color: #808080;
	display: inline-block;
}

.index_video .video_cont .video_m span.view:before {
	display: inline-block;
	content: '';
	width: 30px;
	height: 22px;
	background: url(../img/view.png) no-repeat center 2px;
	background-size: 66%;
	vertical-align: middle;
}


.video_title {
	padding-bottom: 25px;
	margin: 0 12px;
}

.video_cont .cont {
	height: 44px;
	line-height: 44px;
	overflow: hidden;
	border-bottom: 1px solid #e6e6e6;
}

.video_cont .cont span {
	display: inline-block;
	font-size: 1.45rem;
	color: #808080;
	float: left;
}

.video_cont .cont em {
	font-size: 1.4rem;
	color: #808080;
	display: inline-block;
	float: right;
}

.video_cont .cont em:before {
	display: inline-block;
	content: '';
	width: 30px;
	height: 30px;
	background: url(../img/zan_icon.png) no-repeat center 4px;
	background-size: 58%;
	vertical-align: middle;
}

.video_box i.i_play {
	width: 44px;
	height: 44px;
	background: url(../img/ic_play.png) no-repeat;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	background-size: 100%;
}

/*视频*/


/*问题*/
.index_problem ul li.problem_top .img_top img {
	width: 100%;
}

.index_problem ul li.problem_top {
	padding-bottom: 0;
}

.index_problem ul li.problem_top .cont_top {
	padding: 15px 0;
	overflow: hidden;
}


.index_problem ul li.problem_top em {
	display: inline-block;
	float: right;
	font-size: 1.4rem;
	color: #808080;
	font-style: normal;
}

.index_problem ul li.problem_top a.title {
	display: inline-block;
	color: #1a1a1a;

	font-size: 1.4rem;
	float: left;
}

.index_problem ul li .img_top a {
	display: block;
}

.index_problem ul li {
	clear: both;
	margin-bottom: 15px;
	padding-bottom: 15px;
	overflow: hidden;
	border-bottom: 1px solid #ebebeb;
}

.index_problem ul li:last-child {
	border-bottom: none;
	margin-bottom: 0;
}

/*问题*/


/*新闻*/
.index_new ul li img {
	width: 100%;
	border-radius: 4px;
}

.index_new ul li a {
	display: block;
}

.index_new ul li {
	border-bottom: 1px solid #ebebeb;
	margin-bottom: 15px;
}

.index_new ul li:last-child {
	border-bottom: none;
	margin-bottom: 12px;
}

.index_new ul li .cont {
	padding: 12px 0 8px 0;
	overflow: hidden;
}


.index_new ul li .cont h4 {
	color: #1a1a1a;
	font-size: 1.4rem;
	margin: 0 0 4px 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.index_new ul li .cont span {
	display: inline-block;
	font-size: 1.333rem;
	color: #808080;
	float: left;
}

.index_new ul li .cont em {
	font-size: 1.333rem;
	color: #808080;
	display: inline-block;
	float: right;
}

.index_new ul li .cont em:before {
	display: inline-block;
	content: '';
	width: 30px;
	height: 22px;
	background: url(../img/view.png) no-repeat center 2px;
	background-size: 66%;
	vertical-align: middle;
}

/*新闻*/


.index_server h4 {
	color: #1a1a1a;
	font-size: 1.5rem;
	float: left;
	margin: 0;
}

.index_server p {
	font-size: 1.3rem;
	color: #c6202e;
	float: right;
	margin: 0;

}

.index_server .server_pic {
	width: 100%;
	text-align: center;
	padding: 25px 0 14px;
	clear: both;
}

/*首页*/



/*设计团队*/
.designer_list {
	clear: both;
	overflow: hidden;
}

.sc_tb {
	height: 70px;
	line-height: 70px;
	left: 0;
	right: 0;
	top: 55px;
	position: fixed;
	width: 100%;
	z-index: 88;
}



.g-requirement {
	height: 60px;
	background: #fff;
	margin: auto;
	width: 100%;
	text-align: center;
	/* border-radius: 10px 10px 0 0; */
	display: flex;
	justify-content: space-around;
	align-items: center;
}

.u-requirement-way,
.u-sift-switch {
	display: inline-block;
	font-size: 15px;
	color: #585858;
}

.tworows>.u-requirement-way {
	display: block;
	width: 50%;
	float: left;
}

.u-requirement-way.active,
.u-sift-switch.active,
.u-sift-switch.selectsilde,
.active>.u-sift-switch {
	color: #af1f30;
}

.u-requirement-way>span {
	display: inline-block;
}

.tworows .u-requirement-way>.u-re-item-in {
	padding: 0 12px 0 0;
	height: 44px;
	line-height: 44px;
	text-decoration: none;
}

.u-sift-switch {
	/*padding-right: 16px;*/
	position: relative;
	left: 0;
	top: 0;
}

.u-sift-switch>.siteCommon,
.u-sift-tit>.siteCommon {
	width: 7px;
	height: 6px;
	line-height: 6px;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	background: url('../img/sj_down.png') no-repeat center center;
	background-size: 100%;
	display: inline-block;
}

.u-sift-switch.selectsilde>.siteCommon {
	background: url('../img/sj_up_1.png') no-repeat;
	background-size: 100%;
}


.condition .m-sift-box {
	display: none;
	width: 100%;
	background: #fff;
	position: absolute;
	left: 0;
	overflow: auto;
	z-index: 13;
	top: 54px;
	border-radius: 0 0 10px 10px;
	border-top: 1px solid #e6e6e6;
}

.m-sift-bg {
	display: none;
	position: absolute;
	width: 100%;
	height: 90px;
	left: 0;
	top: 0;
	z-index: 12;
	background: rgba(0, 0, 0, 0.7);
}

.condition .m-sift-bg {
	position: fixed;
	top: 110px;
	bottom: 0;
	height: 100%;
}


.m-sift-item-list {
	padding: 15px 15px 0 15px;
	max-height: 100%;
	overflow: hidden;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.u-sift-item-ele {
	display: block;
	margin: -1px 0 0 -1px;
	height: 36px;
	line-height: 36px;
	font-size: 12px;
	text-align: center;
	background: #f0f0f0;
	border-radius: 38px;
}

.u-sift-item-ele {
	float: left;
	min-width: 22%;
	/* margin-right: 1.95vh; */
	margin-bottom: 15px;
	padding: 0 10px;
}

.u-sift-item-ele:nth-child(3n+0) {
	margin-right: 0;
}



.u-sift-item-ele.active {
	background: #c6202e;
	color: #fff !important;
	/* box-shadow: 0px 10px 30px rgba(198,32,46,0.4); */
}


/*设计团队*/



/*案例*/
.case_list ul li img {
	width: 100%;
	border-radius: 4px 4px 0 0;
}

.case_list ul li a {
	display: block;
}

.case_list ul li {
	margin-bottom: 15px;
	border-radius: 4px;
	box-shadow: 0px 10px 30px rgba(26, 0, 2, 0.14);
}


.case_list ul li .cont {
	padding: 12px 12px 3px;
	overflow: hidden;
}


.case_list ul li .cont h4 {
	color: #1a1a1a;
	font-size: 14;
	margin: 0 0 4px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	height: 19px;
	line-height: 19px;
	font-weight: 100;
}

.case_list ul li .cont h4 label {
	display: inline-block;
	float: right;
	font-size: 1.4rem;
	font-weight: normal;
	color: #4c4c4c;
}


.case_list ul li .cont h4 b {
	float: right;
	font-size: 14px;
	color: #4c4c4c;
}

.case_list ul li .cont span {
	display: inline-block;
	font-size: 1.4rem;
	color: #808080;
	float: left;
	line-height: 1.9;
}

.case_list ul li .cont em {
	font-size: 13px;
	color: #808080;
	display: inline-block;
	float: right;
}

.case_list ul li .cont em:before {
	display: inline-block;
	content: '';
	width: 27px;
	height: 27px;
	background: url(../img/zan_icon.png) no-repeat center 4px;
	background-size: 58%;
	vertical-align: middle;
}


.case_tb .tworows .u-requirement-way {
	width: 23%;
}

.case_tb .tworows .u-requirement-sx i.sx_icon {
	display: inline-block;
	width: 13px;
	height: 15px;
	background: url(../img/sx_icon.png) no-repeat center center;
	background-size: 100%;
	vertical-align: middle;
	margin-top: -2px;
}

.case_tb .tworows .u-requirement-sx a {
	width: 27%;
	float: right;
	margin-right: 5px;
}

.case_tb .tworows .u-requirement-sx a:before {
	display: inline-block;
	content: '';
	width: 1px;
	height: 22px;
	border-left: 1px solid #e6e6e6;
	position: absolute;
	top: -3px;
	bottom: 0;
	left: -3px;
	margin: auto;
}

.case_box {
	border-top: 1px solid #ebebeb;
}

.case_box a.u-btn-submit {
	display: inline-block;
	width: 34%;
	margin: 0 auto 15px;
}

.case_box a#online_zx {
	float: left;
	background: none;
	color: #c6202e;
	border: 2px solid #c6202e;
	box-shadow: none;
	height: 40px;
	line-height: 40px;

}

.case_box a#kfdh {
	float: right;
}



.m-articel-head img {
	width: 100%;
	height: 100%;
}



.u-head-img {
	display: block;
	border-radius: 100%;
	width: 45px;
	height: 45px;
	z-index: 2;
	float: left;
}

.u-head-img>img {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 100%;
}

.case-white .berif {
	padding: 0 12px 15px;
	overflow: hidden;
	border-bottom: 1px solid #e6e6e6;
}

.case-white h4.h4 {
	position: relative;
	float: left;
	width: 130px;
	height: 45px;
	background: url(../img/d_icon.png) no-repeat center center;
	background-size: 100%;
	margin-left: 10px;
	line-height: 45px;
	color: #1a1a1a;
	font-size: 1.6rem;
}


.case-white h4.h4 span {
	color: #808080;
	font-size: 1.4rem;
	padding-left: 5px;
	letter-spacing: 2px;
	font-weight: normal;
}


.m-articel-head .info_img {
	position: relative;
	box-shadow: 0px 10px 30px rgba(26, 0, 2, 0.14);
	top: 44px;
}

.m-articel-head .info_img:before {
	width: 100%;
	display: inline-block;
	content: '';
	height: 80px;
	background: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7));
	position: absolute;
	bottom: 0;
	left: 0;
}

.m-articel-head .info_img:after {
	width: 100%;
	display: inline-block;
	content: '';
	height: 80px;
	background: -webkit-linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0));
	position: absolute;
	top: 0;
	left: 0;
}



.case_cont a.online {
	display: block;
	width: 94px;
	height: 36px;
	line-height: 36px;
	background: #c6202e;
	border-radius: 22px;
	text-align: center;
	float: right;
	color: #fff;
	font-size: 1.5rem;
	box-shadow: 0px 10px 30px rgba(198, 32, 46, 0.4);
	z-index: 9;
	margin-top: 3px;
}


.case_cont {
	margin-top: -50px;
	padding-bottom: 10px;
}

.case_cont .case-white {
	background: #fff;
	border-radius: 5px;
	box-shadow: 0px 10px 30px rgba(26, 0, 2, 0.14);
	padding: 15px 0;
}

.case_cont .case-module-tit {
	overflow: hidden;
	height: 24px;
	line-height: 24px;
	margin-bottom: 10px;
}

.case_cont .case-module-tit h2 {
	margin: 0;
	font-size: 1.2rem;
	color: #1a1a1a;
	font-style: normal;
	;
	float: left;
	background: rgba(255, 255, 255, 0.6);
	padding: 0 10px;
	border-radius: 4px;
}

.case_cont .case-module-tit span {
	display: inline-block;
	float: right;
	color: #fff;
	font-size: 1.4rem;
}

.case_cont .case-g-mn {
	overflow: hidden;
	clear: both;
	padding: 0 12px;
}

.case_cont .case-g-mn p span:before {
	display: inline-block;
	content: '';
	vertical-align: middle;
	margin-right: 10px;
}

.case_cont .case-g-mn p.l_1 span:before {
	width: 16px;
	height: 16px;
	background: url('../img/icon_gs.png') no-repeat;
	background-size: 100%;
}

.case_cont .case-g-mn p.l_2 span:before {
	width: 16px;
	height: 16px;
	background: url('../img/icon_dh.png') no-repeat;
	background-size: 100%;
}

.case_cont .case-g-mn p.l_3 span:before {
	width: 16px;
	height: 13px;
	background: url('../img/icon_sfbz.png') no-repeat;
	background-size: 100%;
}

.case_cont .case-g-mn p.l_4 span:before {
	width: 16px;
	height: 16px;
	background: url('../img/icon_sjln.png') no-repeat;
	background-size: 100%;
}

.case_cont .case-g-mn p.u-txt-12 {
	clear: both;
	width: 100%;
	color: #666;
	font-size: 1.4rem;
	line-height: 1.7;
	height: 16px;
}

.case_cont .case-g-mn p.u-txt-12 span {
	display: inline-block;
	float: left;
}

.case_cont .case-g-mn p.u-txt-12 a {
	display: inline-block;
	float: left;
	width: 70%;
}

.u-show-img {
	display: block;
	margin: 12px 0;
	width: 100%;
}

.case_video {
	position: relative;
	width: 100%;
}

.case_video i.i_play {
	width: 44px;
	height: 44px;
	background: url(../img/ic_play.png) no-repeat;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	background-size: 100%;
}

.case_zan {
	width: 169px;
	height: 117px;
	line-height: 117px;
	margin: 0 auto;
	background: url('../img/dbx.png') no-repeat;
	background-size: 100%;
	font-size: 1.5rem;
	color: #fff;

}


.case_zan i {
	font-style: normal;
	cursor: pointer;
	padding-left: 38px;
}

.case_zan i:before {
	content: '';
	display: inline-block;
	width: 18px;
	height: 22px;
	background: url('../img/zan_icon_1.png') no-repeat;
	background-size: 100%;
	vertical-align: middle;
	margin-right: 5px;
}

.case_zan span {
	display: inline-block;
	float: right;
	padding-right: 38px;
}


.comment_list ul li .img {
	display: block;
	border-radius: 100%;
	width: 36px;
	height: 36px;
	z-index: 2;
	float: left;
}

.comment_list ul li .img img {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 100%;
}

.comment_list ul li {
	overflow: hidden;
	border-bottom: 1px solid #e6e6e6;
	margin-bottom: 15px;
}

.comment_list ul li .cont {
	float: right;
	width: 86%;
}

.comment_list ul li .cont em.name {
	display: inline-block;
	float: left;
	font-style: normal;
	font-size: 1.5rem;
	color: #1a1a1a;

}

.comment_list ul li .cont span.time {
	float: right;
	color: #b2b2b2;
	font-size: 1.3rem;
}

.comment_list ul li h4 {
	clear: both;
	color: #4c4c4c;
	font-size: 1.4rem;
	font-weight: normal;
	margin: 0;
	padding: 10px 0 15px;
}

.comment_list .loadtip {
	display: block;
	width: 100%;
	margin: 5px 0 20px;
	padding: 5px 0;
	text-align: center;
	color: #b2b2b2;
	font-size: 1.4rem;
}

.comment_list .comment_tip {
	overflow: hidden;
	padding: 14px 12px 12px;
	margin-bottom: 15px;
	border-bottom: 1px solid #e6e6e6;
}

.comment_list .comment_tip h4.plsl {
	margin: 0;
	font-size: 1.4rem;
	color: #4c4c4c;
	float: left;
	font-weight: normal;
}

.comment_list .comment_tip span {
	font-size: 1.5rem;
	color: #c6202e;

	display: inline-block;
	float: right;
}



.slide-mask {
	position: absolute;
	z-index: 99;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.7);
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	display: none;
	z-index: 104;
}

aside.slide-wrapper {
	position: fixed;
	z-index: 100;
	right: 0;
	top: 0;
	width: 86%;
	height: 100%;
	-webkit-transform: translate3d(100%, 0, 0);
	-moz-transform: translate3d(100%, 0, 0);
	-ms-transform: translate3d(100%, 0, 0);
	-o-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0);
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	background-color: #fff;
	border-radius: 10px 0 0 10px;
	z-index: 104;
}


aside.slide-wrapper.moved {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}


aside.slide-wrapper>.scoll {
	height: 100%;

	overflow-y: scroll;
}

aside.slide-wrapper .scoll ul {
	padding: 0 12px;
	margin-bottom: 10px;
}

aside.slide-wrapper li {
	clear: both;
	overflow: hidden;
}


aside.slide-wrapper li h4 {
	overflow: hidden;
	font-weight: normal;
}

aside.slide-wrapper li h4 span {
	font-size: 1.333rem;
	color: #808080;
	display: inline-block;
	float: left;
}

aside.slide-wrapper li h4 i.sild_icon {
	display: inline-block;
	width: 15px;
	height: 13px;
	background: url(../img/jt_a.png) no-repeat center center;
	float: right;
	background-size: 100%;
	vertical-align: middle;
}

aside.slide-wrapper li h4 i.sild_icon.active {
	width: 15px;
	height: 13px;
	background: url(../img/jt_b.png) no-repeat center center;
	background-size: 100%;
}

aside.slide-wrapper li dl {
	clear: both;
	width: 100%;
	overflow: hidden;
	border-bottom: 1px solid #e6e6e6;
}

aside.slide-wrapper li dl dd {
	float: left;
	width: 25%;
	margin-right: 2.3%;
	margin-bottom: 15px;
	padding: 0 10px;
	font-weight: normal;
	display: block;
	height: 35px;
	line-height: 35px;
	font-size: 1.3rem;
	text-align: center;
	background: #f2f2f2;
	border-radius: 38px;
}

aside.slide-wrapper li dl dd:nth-child(3n+0) {
	margin-right: 0;
}


aside.slide-wrapper li dl dd.active {
	background: #c6202e;
	color: #fff !important;
	box-shadow: 0px 8px 30px rgba(198, 32, 46, 0.4);
}

.bottom_btn {
	width: 100%;
	height: 44px;
	line-height: 44px;
	position: fixed;
	bottom: 0;
	left: 0;
	display: none;
}

.bottom_btn span {
	display: inline-block;
	float: left;
	font-size: 1.5rem;
	text-align: center;
}

.bottom_btn span.reset {
	background: rgba(198, 32, 46, 0.2);
	color: #c6202e;
	width: 40%;
}

.bottom_btn span.sure {
	background: #c6202e;
	color: #fff;
	width: 60%;
}

.comment-content {
	position: fixed;
	width: 100%;
	left: 0;
	bottom: 0;
	z-index: 105;
	background: #fff;
}

.comment-content .pl_cont {
	padding: 15px 12px 10px;
}

.comment-content .pl_cont .name input {
	width: 80%;
	background: none;
	outline: none;
	border: none;
	text-indent: 12px;
	color: #333;
	font-size: 1.5rem;
	height: 41px;
	line-height: 41px;
	float: left;
}

.comment-content .pl_cont .name:hover {
	border: 1.2px solid #c6202e;
}

.comment-content .pl_cont .name {
	height: 42px;
	line-height: 42px;
	border-radius: 3px;
	width: 100%;
	margin: 0 auto 15px;
	background: #fff;
	border-radius: 30px;
	position: relative;
	border: 1.2px solid #ebebeb;
}

.comment-content .pl_cont .name:hover:before {
	background: url(../img/name_icon_1.png) no-repeat center center;
	background-size: 100%;
}

.comment-content .pl_cont .name:before {
	display: inline-block;
	content: '';
	width: 21px;
	height: 44px;
	margin-left: 17px;
	float: left;
	background: url(../img/name_icon.png) no-repeat center center;
	background-size: 100%;
}


.comment-content .pl_cont textarea {
	border: 1.2px solid #ebebeb;
	background: #fff;
	width: -moz-calc(100% - 24px);
	width: -webkit-calc(100% - 24px);
	width: calc(100% - 36px);
	height: 120px;
	resize: none;
	color: #333;
	overflow: hidden;
	font-size: 1.5rem;
	border-radius: 22px;
	padding: 12px 18px;
	outline: none;
}

.comment-content .pl_cont textarea:hover {
	border: 1.2px solid #c6202e;
}

.company_box textarea::-webkit-input-placeholder {
	color: #b2b2b2;
}

/*案例*/


/*视频库*/

.video_tb .tworows .u-requirement-way {
	width: 23.3333%;
}

.video_tb .tworows .u-requirement-sx {
	width: 30%;
}

.video_tb .tworows .u-requirement-way>.u-re-item-in {
	padding: 0 0 0 0;
	left: 0;
}

.video_tb .tworows .u-requirement-sx>.u-re-item-in {
	padding: 0 12px 0 0;
	margin-left: 12px;
}

.video_tb .tworows .u-requirement-sx a:before {
	display: inline-block;
	content: '';
	width: 1px;
	height: 22px;
	border-left: 1px solid #e6e6e6;
	position: absolute;
	top: 0;
	bottom: 0;
	left: -16px;
	margin: auto;
}

.video_list ul li .img {
	position: relative;
}

.video_list ul li i.i_play {
	width: 44px;
	height: 44px;
	background: url(../img/ic_play.png) no-repeat;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	background-size: 100%;
}

.video_tb .m-sift-item-list h3 {
	line-height: 1.7;
	text-align: left;
	font-weight: normal;
	color: #808080;
	font-size: 1.4rem;
	margin: 0 0 13px;
}

.video_tb .m-sift-box .sure_btn {
	background: #c6202e;
	color: #fff !important;
	box-shadow: 0px 4px 23px rgba(198, 32, 46, 0.4);
	margin: 10px 12px 25px 12px;
	border-radius: 36px;
	font-size: 1.45rem;
	height: 36px;
	line-height: 36px;
	display: none;
}

.video_tb .m-sift-box .u-sift-item-ele {
	margin-right: 4.2%;
}


.video_tb .m-sift-box .u-sift-item-ele:nth-child(3n+1) {
	margin-right: 0;
}

.video_tb .m-sift-item-list {
	border-bottom: 1px solid #e6e6e6;
}

.video_tb .u-requirement-sx .m-sift-box .m-sift-item-list:nth-last-child(2) {
	border-bottom: none;
}

/*视频库*/


/*活动页*/
.activity_info {
	margin-top: -15px;
	padding-bottom: 20px;
}

.activity_info .case-white {
	background: #fff;
	border-radius: 5px;
	box-shadow: 0px 5px 34px rgba(0, 0, 0, 0.2);
	padding: 15px 12px;
	overflow: hidden;
}

.activity_info .case-white .border {
	overflow: hidden;
	padding-top: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #e6e6e6;
}

.activity_info .case-white .u-active-baseinfor {
	width: 68%;
	float: left;
}

.activity_info .case-white .u-active-baseinfor p {
	margin: 0;
}

.activity_info span.titer {
	display: inline-block;
	color: #1a1a1a;
	font-size: 1.8rem;

	border-bottom: 1px solid #e6e6e6;
	padding-bottom: 10px;
}

.activity_info .u-txt-u1 b {
	font-weight: normal;
}

.activity_info .u-txt-u1 span {
	color: #808080;
	font-size: 1.4rem;
	display: inline-block;
	font-weight: normal;
	line-height: 24px
}

.activity_info .share_right {
	float: right;
	width: 26%;
	text-align: center;
	padding-left: 10px;
	border-left: 1px solid #e8e8e8;
}

.activity_info .share_right a.mun_bm {
	color: #808080;
	font-size: 1.4rem;
}

.activity_info .share_right span.muner {
	color: #bebebe;
	font-size: 1.4rem;
	margin-top: 3px;
	display: block;
}

.activity_info .share_right span.muner em {
	font-style: normal;
	color: #c6202e;

	font-size: 2.4rem;
	padding-right: 4px;
}

.m-appointment>li.oinp_c:before {
	display: inline-block;
	content: '';
	width: 21px;
	height: 44px;
	background: url(../img/xq_icon.png) no-repeat center center;
	background-size: 100%;
}

.m-appointment>li.oinp_c:hover:before {
	background: url(../img/xq_icon_1.png) no-repeat center center;
	background-size: 100%;
}

.activity_info .price_cont {
	margin-top: 18px;
}

/*活动页*/


/*热装楼盘*/
.hot_tb .tworows .u-requirement-way {
	width: 28%;
}


.hot_tb .u-requirement-hot {
	width: 42%;
	float: right;
}

.hot_tb .tworows .u-requirement-hot a {
	padding-right: 0;
	width: 100%;
	color: #c6202e;

}

.hot_tb .tworows .u-requirement-hot i.year_icon {
	display: inline-block;
	width: 14px;
	height: 15px;
	background: url(../img/year_icon.png) no-repeat left center;
	background-size: 100%;
	vertical-align: middle;
	position: relative;
	top: -1px;
}

.hot_tb .tworows .u-requirement-hot a:before {
	display: inline-block;
	content: '';
	width: 1px;
	height: 22px;
	border-left: 1px solid #e6e6e6;
	position: absolute;
	top: -2px;
	bottom: 0;
	left: 0;
	margin: auto;
}

.hot_list ul li {
	margin-bottom: 15px;
}

.hot_list ul li a {
	display: block;
}

.hot_list .info_img {
	position: relative;
}

.hot_list .info_img:before {
	width: 100%;
	display: inline-block;
	content: '';
	height: 50px;
	background: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.9));
	position: absolute;
	bottom: 0;
	left: 0;
}

.hot_list .info_img p {
	position: absolute;
	bottom: 0;
	left: 15px;
	color: #fff;

	font-size: 1.5rem;
}

.hot_list .detailed_cont {
	overflow: hidden;
	background: #fff;
	border-radius: 5px;
	box-shadow: 0px 10px 30px rgba(26, 0, 2, 0.14);
	padding: 13px 12px 15px;
}

.hot_list .detailed_cont h4 {
	color: #1a1a1a;
	font-weight: normal;
	font-size: 1.4rem;
	margin: 0;
	border-bottom: 1px solid #e6e6e6;
	padding-bottom: 12px;
	margin-bottom: 13px;
}

.hot_list .detailed_cont .lp_L {
	float: left;
	width: 50%;
}

.hot_list .detailed_cont .lp_R {
	float: left;
	width: 50%;
}

.hot_list .detailed_cont>div>div {
	color: #666;
	font-size: 1.4rem;
}

.hot_list .detailed_cont>div>div.first {
	margin-bottom: 8px;
}

.hot_list .detailed_cont>div>div i {
	display: inline-block;
	width: 15px;
	height: 16px;
	vertical-align: middle;
	margin-right: 5px;
}

.hot_list .detailed_cont>div>div i.zx {
	background: url('../img/m_1.png') no-repeat;
	background-size: 100%;
	height: 19px;
}

.hot_list .detailed_cont>div>div i.kg {
	background: url('../img/m_2.png') no-repeat;
	background-size: 100%;
	height: 18px;

}

.hot_list .detailed_cont>div>div i.qy {
	background: url('../img/m_3.png') no-repeat;
	background-size: 100%;
	height: 18px;

}

.hot_list .detailed_cont>div>div i.jg {
	background: url('../img/m_4.png') no-repeat;
	background-size: 100%;

}

.hot_list .detailed_cont>div>div>span.redtext {
	color: #c6202e;
	display: inline-block;
	font-weight: bold;
	padding-right: 5px;
}


.hot_index {
	margin-top: -15px;
	overflow: inherit;
}


.hot_index .hot-white {
	background: #fff;
	border-radius: 5px;
	box-shadow: 0px 10px 30px rgba(26, 0, 2, 0.14);
	padding: 15px;
	overflow: hidden;
}

.hot_index .hot-form {
	padding: 0px;
}

.hot_index .hot-form .price_cont {
	padding: 0 15px;
}

.hot_index .hot-white p {
	font-size: 1.4rem;
	color: #666;
	line-height: 2;
	text-indent: 25px;
	margin: 0;
}

.hot_index .hot_yy .hot_tit {
	width: 100%;
	background: url('../img/hot_tit_pic.jpg') no-repeat;
	background-size: cover;
	border-radius: 4px 4px 0 0;
	min-height: 100px;
	position: relative;
}

.hot_index .hot_yy .hot_tit h4 {
	font-size: 1.8rem;
	color: #fff;
	margin: 0;
	padding: 22px 0 10px 15px;
}

.hot_index .hot_yy .hot_tit span {
	display: inline-block;
	font-size: 1.4rem;
	color: #fff;
	padding-left: 15px;
}

.hot_index .hot_yy .hot_tit .bd_btn {
	display: block;
	position: absolute;
	bottom: -13px;
	right: 15px;
	width: 90px;
	height: 36px;
	line-height: 36px;
	border-radius: 30px;
	background: #c6202e;
	color: #fff;
	text-align: center;
	font-size: 1.5rem;
	box-shadow: 0px 10px 30px rgba(198, 32, 46, 0.4);
}

.hot_index .hot_yy h3 {
	text-align: center;
	color: #1a1a1a;
	font-size: 1.8rem;
	margin-bottom: 5px;
	margin-top: 23px;
}

.hot_index .hot_yy label {
	display: block;
	color: #808080;
	font-size: 1.2rem;
	text-align: center;
}

.hot_index .hot_yy .price_cont {
	margin-top: 25px;
}

.hot_index .hot_yy .m-appointment>li.oinp_c:hover:before {
	background: url(../img/name_icon_1.png) no-repeat center center;
	background-size: 100%;
}

.hot_index .hot_yy .m-appointment>li.oinp_c:before {
	display: inline-block;
	content: '';
	width: 21px;
	height: 44px;
	background: url(../img/name_icon.png) no-repeat center center;
	background-size: 100%;
}

.lp_table {
	padding-top: 10px;
}

.lp_table h4 {
	width: 100%;
	padding: 3% 0;
	background: #e6e6e6;
	text-align: center;
	font-size: 1.5rem;
	color: #000;
	margin: 0;
}

.lp_table h4 span {
	display: inline-block;
	color: #c6202e;
	padding: 0 4px;
}

.lp_table table {
	background: #fff;
	border-top: none;
	width: 100%;
}

.lp_table table tr {
	height: 40px;
	line-height: 40px;
}

.lp_table table thead tr th {
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	font-size: 1.4rem;
	color: #4c4c4c;

}

.lp_table table tbody tr:nth-child(odd) {
	background: #f7f7f7;
}

.lp_table table tbody tr td {
	color: #4c4c4c;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 20px;
	padding: 6px;
}

.lp_table table tr td {
	text-align: center;
}

.hot_index .common_list h4 {
	position: relative;
	width: 267px;
	background: url(../img/klj_icon.png) no-repeat center center;
	background-size: 100%;
	vertical-align: middle;
	color: #1a1a1a;
	font-size: 2.4rem;
	margin: 25px 0 10px 12px;
}

.hot_index .common_list ul li {
	margin-bottom: 15px;
}

.hot_index .common_list ul li:last-child {
	margin-bottom: 25px;
}

.hot_index .common_list ul li a {
	display: block;
}

.hot_index .common_list ul li img {
	width: 100%;
	border-radius: 4px;
}

.hot_index .common_list ul li .img {
	position: relative;
}

.hot_index .common_list ul li .img:before {
	width: 100%;
	display: inline-block;
	content: '';
	height: 70px;
	background: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.9));
	position: absolute;
	bottom: -1px;
	left: 0;
	border-radius: 0 0 6px 6px;
}

.hot_index .common_list ul li .cont {
	position: absolute;
	bottom: 11px;
	left: 15px;
	right: 15px;
}

.hot_index .common_list ul li .cont h3 {
	float: left;
	margin: 0;
	color: #fff;
	font-size: 1.5rem;
}

.hot_index .common_list ul li .cont span {
	display: inline-block;
	float: right;
	color: #fff;
	font-size: 1.4rem;
}


.tp_picture {
	padding: 10px 0;
}

.tp_picture h2 {
	color: #1a1a1a;
	font-size: 1.8rem;
	text-align: center;
}

.common_info {
	padding-top: 25px;
}


.common-box {
	padding-bottom: 25px;
	padding-top: 15px;
	overflow: hidden;
}

.common_yy {
	border-radius: 5px;
	padding: 0 0 20px;
}


.common_yy p {
	text-align: center;
	color: #c6202e;
	font-size: 1.2777rem;
	margin: -5px 0 20px;
}

.common_yy .m-appointment>li.oinp_c:hover:before {
	background: url(../img/name_icon_1.png) no-repeat center center;
	background-size: 100%;
}

.common_yy .m-appointment>li.oinp_c:before {
	display: inline-block;
	content: '';
	width: 21px;
	height: 44px;
	background: url(../img/name_icon.png) no-repeat center center;
	background-size: 100%;
}



.hot_info-white {
	background: #fff;
	border-radius: 5px;
	box-shadow: 0px 10px 30px rgba(26, 0, 2, 0.14);
	padding: 15px 0 0;
	margin-bottom: 6px;
}

.hot_info-white .berif {
	padding: 0 12px 15px;
	overflow: hidden;
}

.hot_info-white .berif .info {
	float: left;
	width: 157px;
	height: 45px;
	background: url(../img/d_icon.png) no-repeat center center;
	background-size: 100%;
	margin-left: 10px;
}

.hot_info-white h4.h4 {
	position: relative;
	color: #1a1a1a;
	font-size: 1.5rem;
	padding-bottom: 5px;
}

.hot_info-white h4.h4 span {
	color: #808080;
	font-size: 1.3rem;
}



.hot_info-white span.tit {
	color: #808080;
	font-size: 1.3rem;
	letter-spacing: 2px;
	display: block;
}


.hot_info-white a.online {
	display: block;
	width: 83px;
	height: 36px;
	line-height: 36px;
	background: #c6202e;
	border-radius: 22px;
	text-align: center;
	float: right;
	color: #fff;
	font-size: 1.5rem;
	box-shadow: 0px 10px 30px 1px rgba(198, 32, 46, 0.4);
	z-index: 9;
	margin-top: 3px;

}

.hot_info-white a.online:before {
	display: inline-block;
	content: '';
	width: 22px;
	height: 21px;
	background: url('../img/qj_icon.png') no-repeat;
	background-size: 100%;
	vertical-align: middle;
	margin-right: 5px;
}

.hot_list ul li img {
	width: 100%;
}


/*热装楼盘*/


/*问答*/
.ask_kist ul li {
	border-bottom: 1px solid #ebebeb;
	overflow: hidden;
	margin-bottom: 15px;
}

.ask_kist ul li:last-child {
	margin-bottom: 0;
}

.ask_kist ul li:last-child {
	border-bottom: none;
}

.ask_kist ul li a {
	display: block;
}

.ask_kist ul li .img img {
	width: 100%;
	border-radius: 4px;
}

.ask_kist ul li .cont {
	padding: 12px 0;
	width: 100%;
	overflow: hidden;
}

.ask_kist ul li h4 {
	font-size: 1.5rem;
	color: #1a1a1a;
	margin: 0;
	float: left;
	width: 70%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.ask_kist ul li .cont span.time {
	width: 30%;
	display: inline-block;
	font-size: 1.4rem;
	color: #808080;
	float: right;
	text-align: right;
}

.company_box .answer {
	width: 100%;
	margin-bottom: 14px;
}

.company_box .answer textarea {
	border: 1.2px solid #ebebeb;
	background: #fff;
	width: -moz-calc(100% - 24px);
	width: -webkit-calc(100% - 24px);
	width: calc(100% - 36px);
	height: 120px;
	resize: none;
	color: #333;
	overflow: hidden;
	font-size: 1.5rem;
	border-radius: 22px;
	padding: 12px 18px;
	outline: none;
}

.company_box .answer textarea:hover {
	border: 1.2px solid #c6202e;
}

.company_box textarea::-webkit-input-placeholder {
	color: #b2b2b2;
}

.ask_box {
	background: #b82834;
	width: 100%;
	padding-top: 44px;
}

.ask_box .ask_cont {
	background: #fff;
	margin: auto;
	border-radius: 10px 10px 0 0;
}



.ask_box .ask_cont .ask_info h4 {
	color: #1a1a1a;
	font-size: 2.1rem;
	margin: 15px 0 15px 0;
}


.ask_info .ask_cont_box {
	border-bottom: 1px solid #ebebeb;
	overflow: hidden;
	padding-bottom: 15px;
}


.ask_info .ask_cont_box p {
	display: inline-block;
	font-size: 1.4rem;
	color: #808080;
	float: left;
	margin: 0;
}

.ask_info .ask_cont_box span.ask_m {
	font-size: 1.4rem;
	color: #808080;
	display: inline-block;
	float: right;
}

.ask_info .ask_cont_box span.ask_m:before {
	display: inline-block;
	content: '';
	width: 30px;
	height: 22px;
	background: url(../img/view.png) no-repeat center 2px;
	background-size: 66%;
	vertical-align: middle;
}

.ask_common h4 {
	color: #333;
	font-size: 1.8rem;
	margin: 0;
	padding: 23px 0 13px;
}

.ask_common h4:before {
	display: inline-block;
	content: '';
	width: 25px;
	height: 25px;
	background: url(../img/rmwz_icon.png) no-repeat center center;
	background-size: 100%;
	vertical-align: middle;
	margin-right: 7px;
}

/*问答*/


/*在线预约*/
.online_info {
	padding-top: 12px;
	padding-bottom: 25px;
	background: linear-gradient(to top right, #212020, #484848);
	overflow: hidden;
	border-bottom: 1px solid #313131;
}

.online_info .online-white {
	background: #fff;
	border-radius: 5px;
	box-shadow: 0px 5px 34px rgba(0, 0, 0, 0.2);
	padding: 25px 12px 15px;
	overflow: hidden;
}

.online_info .m-appointment>li.oinp_a:hover:before {
	background: url(../img/ch_icon_1.png) no-repeat center center;
	background-size: 100%;
}

.online_info .m-appointment>li.oinp_a:before {
	display: inline-block;
	content: '';
	width: 21px;
	height: 44px;
	background: url(../img/ch_icon.png) no-repeat center center;
	background-size: 100%;
}

/*在线预约*/



/*免费报价*/
.free-bj-cont {
	overflow: hidden;
}

.bj_cont_info {
	padding-bottom: 10px;
	margin: 0 auto;
	box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.2);
	width: 78.6%;
	padding-top: 20px;
	top: -26px;
	border-radius: 0 0 8px 8px;
}


.bj_cont_info .price_cont {
	width: 96%;
	margin: 0 auto;
	padding-top: 12px;
}

.bj_cont_info .price_cont p {
	text-align: center;
	font-size: 1.2rem;
	color: #c6202e;
	margin: -5px 0 0;
}

/*免费报价*/

.PrevNextBox dl {
	height: 44px;
	line-height: 44px;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: inline-block;

}

.PrevNextBox dl a {
	font-size: 1.5rem;
	color: #1a1a1a;
}

.PrevNextBox dl a span {
	display: inline-block;

}

.PrevNextBox dl.dl1 {
	border-bottom: 1px solid #ebebeb;
}

/*page*/
.pages {
	display: block;
	margin: 0 auto 25px;
	padding-top: 10px;
	width: 100%;
	text-align: center;
	font-size: 1.2rem;
}

.pages span {
	display: inline-block;
	width: 34px;
	height: 34px;
	line-height: 34px;
	background: #D4C09B;
	border: 1px solid #D4C09B;
	color: #fff;
	text-align: center;
	border-radius: 5px;
	font-size: 13px;
}

.pages a {
	display: flex;
	width: 34px;
	height: 34px;
	background: #fff;
	border: 1px solid #e6e6e6;
	text-align: center;
	color: #4c4c4c;
	margin-left: 2px;
	margin-right: 0px;
	border-radius: 5px;
	font-size: 13px;
	align-items: center;
	justify-content: center;
}

.pageser {
	display: flex;
	align-items: center;
	justify-content: center;
}

.pages a:hover {
	background: #c6202e;
	border: 1px solid #c6202e;
	color: #fff;
	box-shadow: 0px 10px 30px rgba(198, 32, 46, 0.4);
}

.pages span.current {
	margin-left: 2px;
	margin-right: 0px;
}

.pages a.pre:before {
	display: inline-block;
	content: '';
	width: 8px;
	height: 14px;
	background: url('../img/pre.png') no-repeat center center;
	background-size: 100%;
}

.pages a.pre:hover:before {
	background: url('../img/pre_on.png') no-repeat center center;
	background-size: 100%;
}

.pages a.next:before {
	display: inline-block;
	content: '';
	width: 5px;
	height: 11px;
	background: url('../img/next.png') no-repeat center center;
	background-size: 100%;
}

.pages a.next:hover:before {
	background: url('../img/next_on.png') no-repeat center center;
	background-size: 100%;
}

/*page*/



/*底部*/
.bottomer {
	clear: both;
	width: 100%;
	padding-bottom: 44px;
}

.bottomer .tel {
	color: #c6202e;
	font-size: 3rem;
	text-align: center;
	height: 62px;
	line-height: 62px;
	background: #242424;
}

.bottomer .tel:before {
	display: inline-block;
	content: '';
	width: 50px;
	height: 48px;
	background: url('../img/tell.png') no-repeat 10px 6px;
	background-size: 55%;
	vertical-align: middle;
}



.u-copyright {
	text-align: center;
	color: #fff;
	background: #1f1f1f;
	font-size: 1.2rem;
	margin: 0;
	padding: 8px 0;
}

.u-copyright a {
	display: inline-block;
	color: #fff;
	font-size: 1.2rem;
	padding-left: 5px;
}

.g-contact {
	width: 100%;
	height: 44px;
	line-height: 44px;
	background: rgba(0, 0, 0, 0.8);
	position: fixed;
	left: 0;
	right: 0;
	margin: auto;
	bottom: 0;
	overflow: hidden;
	z-index: 11;
}

.g-contact>a:first-child {
	width: 20%;
	background: rgba(198, 32, 46, 0.8);
}

.g-contact>a:first-child span {
	padding-left: 22px;
}

.g-contact>a.home i.siteCommon {
	width: 19px;
	height: 25px;
	background: url(../img/home.png) center center no-repeat;
	background-size: 94%;
	left: 2px;
}


.g-contact>a {
	display: block;
	float: left;
	width: 40%;
	height: 100%;
	overflow: hidden;
	font-size: 1.5rem;
	text-align: center;
	color: #fff;

}

.g-contact>a>span {
	display: inline-block;
	padding-left: 30px;
	height: 100%;
	position: relative;
	left: 0;
	top: 0;
	overflow: hidden;
}

.g-contact>a i.siteCommon {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}

.g-contact>a.tel i.siteCommon {
	width: 28px;
	height: 42px;
	background: url(../img/pho.png) 10px 11px no-repeat;
	background-size: 50%;
}

.g-contact>a.on-kf i.siteCommon {
	background: url(../img/mes.png) 4px 10px no-repeat;
	width: 42px;
	height: 36px;
	background-size: 48%;
}

.g-contact>.u-line {
	display: block;
	width: 1px;
	height: 60%;
	background: #393939;
	position: absolute;
	left: 76px;
	right: 0;
	top: 21%;
	margin: auto;
}

/*底部*/


/*搜索*/
.m-search-box {
	padding-right: 40px;
	padding-right: 4rem;
	height: 28px;
	margin: 8px 0;
	line-height: 28px;
	position: relative;
	left: 0;
	top: 0;
}

.m-search-in {
	background: #fff;
	height: 28px;
	border-radius: 25px;
}

.m-search-box>a.right {
	display: block;
	font-size: 1.5rem;
	color: #fff;
	position: absolute;
	right: 0;
	top: 0;
}

.m-search-type {
	display: inline-block;
	float: left;
	padding: 0 10px 0 14px;
	position: relative;
	left: 0;
	top: 0;
}

.m-search-type>a {
	display: block;
	padding-right: 16px;
	max-width: 48px;
	max-width: 5.8rem;
	font-size: 1.4rem;
	color: #1a1a1a;
	position: relative;
	left: 0;
	top: 0;
	overflow: hidden;
}

.m-search-type>a>.siteCommon {
	width: 12px;
	height: 8px;
	background: url('../img/sj_down.png') no-repeat center center;
	background-size: 63%;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}

.m-search-input {
	width: 64%;
	float: left;
	width: calc(100% - 88px);
	width: -webkit-calc(100% - 88px);
	text-align: left;
}

.m-search-input>input {
	border: 0 none;
	outline: none;
	width: 95%;
	height: 26px;
	font-size: 1.4rem;
	color: #1a1a1a;
}

.m-select-type {
	display: none;
	position: absolute;
	left: 0;
	top: 32px;
}

.m-select-type-box {
	width: 100px;
	background: rgba(0, 0, 0, 0.8);
	border-radius: 5px;
}

.m-tit-select .m-select-type-box {
	padding: 0 15px;
	width: 73px;
}

.u-select-type-item {
	display: block;
	width: 100%;
	height: 45px;
	line-height: 45px;
	color: #fff;
	font-size: 1.4rem;
	text-align: center;
}

.u-select-type-item:hover {
	color: #c6202e;

}

.m-tit-select .u-select-type-item {
	height: 36px;
	line-height: 36px;
}

.m-select-type>.arrow {
	display: block;
	width: 12px;
	height: 14px;
	background: url('../img/jt_icon.png') no-repeat center center;
	background-size: 100%;
	margin-left: 33px;
	position: relative;
	top: 5px;
}

.m-tit-select .m-select-type>.arrow {
	margin: 0 auto;
}

.search_list h4 {
	font-size: 2.4rem;
	color: #1a1a1a;
	margin: 20px 0;
}

.search_list ul li:nth-child(1) span {
	background: url('../img/dbx_1.png') no-repeat;
	background-size: 100%;
}

.search_list ul li:nth-child(2) span {
	background: url('../img/dbx_2.png') no-repeat;
	background-size: 100%;
}

.search_list ul li:nth-child(3) span {
	background: url('../img/dbx_3.png') no-repeat;
	background-size: 100%;
}

.search_list ul li span {
	display: inline-block;
	width: 34px;
	height: 30px;
	line-height: 28px;
	background: url('../img/dbx_4.png') no-repeat;
	background-size: 100%;
	vertical-align: middle;
	color: #fff;
	font-size: 1.2rem;
	text-align: center;
	margin-left: -9px;
}

.search_list {
	margin-top: 44px;
}

.search_list ul li {
	color: #1a1a1a;
	font-size: 1.4rem;
	border-bottom: 1px solid #ebebeb;
	margin-bottom: 10px;
	padding-bottom: 5px;
}

.search_list ul li em {
	display: inline-block;
	width: 12px;
	height: 18px;
	float: right;
	vertical-align: middle;
	position: relative;
	top: 9px;
}





/*搜索*/

/*返回*/
.m-menu>.u-back {
	display: block;
	width: 44px;
	height: 44px;
	position: absolute;
	left: 0;
	top: 0;
	overflow: hidden;
	text-indent: -999em;
	z-index: 8;
}

.m-menu>.u-back>.siteCommon {
	width: 20px;
	height: 12px;
	background: url(../img/return.png) center center no-repeat;
	background-size: 100%;
	position: absolute;
	left: 12px;
	top: 0;
	bottom: 0;
	margin: auto;
}

.g-head>h2 {
	display: inline-block;
	font-size: 1.7rem;
	color: #fff;
	text-align: center;
	font-weight: normal;
	line-height: 44px;
	position: relative;
	left: 0;
	top: 0;
}



.g-head>.m-menu {
	padding-top: 44px;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	transition-duration: 0.4s;
}

.g-head>.m-menu .nth {
	clear: both;
	padding: 12px;
}

.m-menu.active {
	background: #b82834;
	transition-duration: 0.3s;
	border-radius: 0 0 12px 12px;

}

.g-head>.m-menu>.u-menu {
	display: block;
	width: 44px;
	height: 44px;
	position: absolute;
	right: 0;
	top: 0;
	overflow: hidden;
	text-indent: -999em;
}

.g-navigate {
	overflow: hidden;
	display: none;
	margin-bottom: 15px;
}

.g-navigate a.return_go {
	position: absolute;
	bottom: -62px;
	left: 16px;
	background: url(../img/return_go_icon.png) no-repeat;
	background-size: 100%;
	width: 80px;
	height: 63px;
	z-index: 98;
}

.g-navigate a.return_go:before {
	content: '';
	display: inline-block;
	width: 19px;
	height: 25px;
	background: url(../img/home.png) no-repeat center center;
	background-size: 100%;
	margin: 2px auto 0;
	position: absolute;
	left: 0;
	right: 0;
}

.g-navigate a.return_go span {
	display: block;
	font-size: 1.2rem;
	color: rgba(255, 255, 255, 0.6);
	padding-top: 28px;
}

.g-head>.m-menu>.u-menu>.siteCommon {
	width: 18px;
	height: 18px;
	background: url(../img/mune_icon.png) center center no-repeat;
	background-size: 100%;
	position: absolute;
	right: 12px;
	top: 0;
	bottom: 0;
	margin: auto;
}

/*返回*/

#tabNav {
	overflow: hidden;
	line-height: 45px;
}


.g-tab-box>div>p {
	color: #1a1a1a;
}

.tabbox {
	background: #b82834;
	height: 44px;
	line-height: 44px;
	width: 100%;
	position: fixed;
	left: 0;
	right: 0;
	top: 44px;
	z-index: 10;
}

#tabNav {
	height: 45px;
	line-height: 45px;
	background: #fff;
	position: fixed;
	left: 0;
	right: 0;
	top: 44px;
	margin: auto;
	z-index: 10;
	border-radius: 10px 10px 0 0;
}


#tabNav .swiper-slide {
	display: inline-block;
	float: left;
	width: auto;
	padding: 0 12px;
	position: relative;
	left: 0;
	top: 0;
}


#tabNav .swiper-slide>a {
	display: inline-block;
	font-size: 1.4rem;
	color: #585858;
}

#tabNav .swiper-slide.active>a {
	color: #af1f30;

}

#tabNav .swiper-slide.active>a:before {
	display: inline-block;
	content: '';
	width: 16px;
	height: 3px;
	background: #c6202e;
	position: absolute;
	bottom: 5px;
	left: 0;
	right: 0;
	margin: auto;
	box-shadow: 0 1px 15px rgba(198, 32, 46, 0.6);
}


.new_list {
	overflow: hidden;
}

.new_list .loadtip {
	display: block;
	width: 100%;
	margin: 8px 0;
	padding: 5px 0;
	text-align: center;
	color: #b2b2b2;
	bottom: 44px;
	font-size: 1.3rem;
	position: relative;
}

.new_list .swiper-container,
.new_list .swiper-wrapper {
	height: 100%;
}

.new_list ul li {
	border-bottom: 1px solid #ebebeb;
	overflow: hidden;
	margin-bottom: 18px;
	padding-bottom: 10px;
}

.new_list ul li:last-child {
	border-bottom: none;
	margin-bottom: 0;
}

.new_list ul li .img img {
	width: 100%;
	border-radius: 4px;
}

.new_list ul li h4 {
	font-size: 1.5rem;
	color: #1a1a1a;
	margin: 0;
	padding: 10px 0;
}

.new_list ul li .cont span.time {
	display: inline-block;
	font-size: 1.4rem;
	float: left;
	color: #808080;
}

.new_list ul li .cont em.view {
	font-size: 1.4rem;
	color: #808080;
	display: inline-block;
	float: right;
	vertical-align: middle;
}


.new_list ul li .cont em.view:before {
	display: inline-block;
	content: '';
	width: 30px;
	height: 20px;
	background: url(../img/view.png) no-repeat center 2px;
	background-size: 66%;
	vertical-align: middle;
}

.wall-column {
	display: block;
	position: relative;
	width: 50%;
	float: left;
	padding: 0 2%;
	box-sizing: border-box;
	margin-bottom: 13px;
}

.wall-column .article img {
	border-radius: 4px;
	box-shadow: 0px 5px 20px rgba(26, 0, 2, 0.1);
}

.wall-column .article span {
	display: block;
	font-size: 1.3rem;
	color: #4c4c4c;
	padding-top: 8px;
}

.wall-column .article {
	display: block;
	margin: 0 0 10% 0;
	overflow: hidden;
}


/*发展历程*/
.history {
	position: relative;
	margin-top: 6px;
	background: url(../img/xian.png) repeat-y 10px 0;
}


.history-date ul li i {
	width: 24px;
	height: 32px;
	display: inline-block;
	background-image: url(../img/jian.png);
	background-position: 0 0px;
	background-repeat: no-repeat;
	background-size: 100%;
	vertical-align: middle;
}

.history-date ul li h3 {
	font-size: 2.1rem;
	color: #1a1a1a;
	font-style: normal;
	font-weight: bold;
	margin: 0 0 2px 0;
}

.history-date ul li {
	position: relative;
}

.history-date ul li dl {
	position: relative;
	left: 10px;
	padding: 0 0 0 10px;
	top: -45px;
}

.history-date ul li dl>div {
	margin: 3px 0 -23px 10px;
	background: #fff;
	border-radius: 5px;
	width: 83%;
	padding: 12px 15px;
	box-shadow: 0px 10px 30px rgba(26, 0, 2, 0.14);
}

.history-date ul li dl dt {
	clear: both;
}

.history-date ul li dl dt span {
	display: block;
	text-align: left;
	margin: 0;
	font-size: 1.4em;
	color: #4c4c4c;
	line-height: 1.7;
}

/*发展历程*/

/*分公司*/
.dt_pic {
	padding-top: 44px;
}

.dt_pic img {
	width: 100%;
}

.m-accordion-list {
	margin-bottom: 10px;
	overflow: hidden;
}

.m-accordion-list li {
	background: #fff;
	border-radius: 4px;
	padding: 12px 15px 4px;
	margin-bottom: 15px;
	box-shadow: 0px 3px 25px rgba(0, 0, 0, 0.15);
}

.m-accordion-list li h4 {
	margin: 0;
	padding-bottom: 8px;
	font-size: 1.5rem;
	color: #1a1a1a;
	position: relative;
}

.m-accordion-list li h4:before {
	display: inline-block;
	content: '';
	width: 14px;
	height: 14px;
	background: url(../img/ry_icon.png) no-repeat;
	background-size: 100%;
	vertical-align: middle;
	margin-right: 3px;
}

.u-accordion-tit>.siteCommon {
	width: 16px;
	height: 9px;
	background: url(../img/jt_a.png) center center no-repeat;
	background-size: 100%;
	position: absolute;
	right: 0;
	top: -9px;
	bottom: 0;
	margin: auto;
	vertical-align: middle;
}

.u-accordion-tit.active>.siteCommon {
	background: url(../img/jt_b.png) center center no-repeat;
	background-size: 100%;
}

.m-accordion-list li .m-station-group {
	overflow: hidden;
	border-top: 1px solid #e6e6e6;
	padding-top: 12px;
}

.m-accordion-list li .m-station-group a {
	display: inline-block;
	color: #4c4c4c;
	font-size: 1.4rem;
	width: 33.3333%;
	height: 18px;
	line-height: 18px;
	float: left;
	margin-bottom: 13px;
}

.m-accordion-list li .m-station-group a:before {
	display: inline-block;
	content: '';
	width: 3px;
	height: 3px;
	background: #4c4c4c;
	border-radius: 50%;
	vertical-align: middle;
	margin-right: 3px;
}

/*分公司*/


/*报价*/
.bj_res_con {
	width: 100%;
	background: url('../img/bj_bg.png') no-repeat;
	background-size: 100% 100%;
	min-height: 400px;
	position: relative;
	margin-top: 25px;
}

.bj_res_con ul {
	padding: 25px 36px 0;
	overflow: hidden;
	position: absolute;
	top: 0;
}

.bj_res_con ul li {
	width: 44%;
	float: left;
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
	padding-bottom: 6px;
	margin-bottom: 13px;
}

.bj_res_con ul li:nth-child(odd) {
	margin-right: 10%;
}

.bj_res_con ul li:nth-last-child(1),
.bj_res_con ul li:nth-last-child(2) {
	border-bottom: none;
}

.bj_res_con ul li span {
	display: block;
	font-size: 1.2rem;
	color: #fff;
	padding-bottom: 5px;
}

.bj_res_con ul li strong {
	display: block;
	font-size: 1.7rem;
	color: #fff;
}

.bj_res_con ul li strong em {
	color: #fff;
}

.bj_res_con ul li strong span.yuan {
	display: inline-block;
	font-size: 1.8rem;
}

.bj_res_con .bj_res_t {
	position: absolute;
	bottom: 48px;
	height: 25px;
	left: 33px;
	color: #fff;
}

.bj_res_con .bj_res_t .bj_res_t_w {
	font-size: 1.5rem;
	display: inline-block;
	padding-right: 5px;
}

.bj_res_con .bj_res_t b,
.bj_res_con .bj_res_t .bj_res_t_y {
	font-size: 2.1rem;

}


#bj_content {
	width: 100%;
	height: 400px;
	position: fixed;
	top: 11%;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 105;
	display: none;
}

#bj_content .bj_res_con ul {
	padding: 40px 36px 0;
}

#bj_content .bj_res_con {
	background: url(../img/bj_bg_index.png) no-repeat;
	background-size: 100% 100%;
	min-height: 473px;
}

#bj_content .bj_res_con .bj_res_t {
	bottom: 107px;
}

#bj_content .ic_close {
	width: 44px;
	height: 44px;
	background: url('../img/ic_closed.png') no-repeat;
	background-size: 100%;
	position: absolute;
	bottom: -122px;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 99;
}

@media (max-width: 320px) {
	.index_problem ul li .cont a {
		font-size: 1.3rem;
		margin-bottom: 5px;
		line-height: 1.433333;
	}

	.index_problem ul li.problem_top a,
	.index_video .video_cont p,
	.index_new ul li .cont h4 {
		font-size: 1.3rem;
	}

	.case_cont .case-g-mn p.u-txt-12 a {
		width: 63%;
	}

	.case_cont a.online {
		width: 79px;
		height: 34px;
		line-height: 34px;
	}

	.u-sift-item-ele {
		margin-right: 1.35vh;
	}

	.video_tb .m-sift-box .u-sift-item-ele {
		margin-right: 2.6%;
	}

	aside.slide-wrapper li dl dd {
		width: 23.8%;
	}

	.designer-white .case-g-mn p.u-txt-12 a {
		width: 63%;
	}

	.hot_tb .tworows .u-requirement-way>.u-re-item-in {
		padding: 0 12px;
	}

	.hot_tb .tworows .u-requirement-hot a:before {
		left: -5px;
	}

	.hot_info-white .berif .info {
		width: 127px;
	}

	.company_box h4 {
		font-size: 1.6rem;
	}

	.PrevNextBox dl a {
		font-size: 1.3rem;
	}

	.m-accordion-list li .m-station-group a {
		font-size: 1.35rem;
	}

	#bj_content {
		top: 5%;
	}

}



/************************弹出层************************/
.g-layout,
.g-layout1 {
	display: block;
	width: 100%;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.4);
	z-index: 999;
}

.g-layout-wrap {
	display: block;
	min-height: 143px;
	max-width: 520px;
	width: 80%;
	background: #fff;
	border-radius: 5px;
	position: fixed;
	left: 10%;
	top: 0;
	margin: auto;
	z-index: 999;
	bottom: 0 ! important;
}

.g-layout-wrap .u-close {
	display: block;
	width: 36px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	position: relative;
	right: 0;
	top: 0;
	overflow: hidden;
	color: #fff;
	font-size: 20px;
}

.g-layout-wrap .wrong .u-close {
	color: #333;
	position: absolute;
}

.u-layout-tit {
	height: 58px;
	line-height: 58px;
	font-size: 18px;
	font-size: 1.8rem;
	text-align: center;
	color: #fff;
	font-weight: normal;
	background: #af1f30;
	border-radius: 5px 5px 0 0;
	position: relative;
	left: 0;
	top: 0;
	margin: 0px;
	padding: 0px;
}

.u-layout-tit>.u-close {
	position: absolute;
}

.m-appointment-box {
	margin: 12px 10px;
	height: 32px;
	line-height: 32px;
	overflow: hidden;
}

.m-appointment-box .left {
	float: left;
	font-size: 12px;
	font-size: 1.2rem;
}

.m-appointment-num {
	margin: 0 3px;
}

.m-appointment-num>.siteCommon {
	display: block;
	float: left;
	margin: 0 1px;
	width: 24px;
	height: 32px;
	font-style: normal;
	font-size: 24px;
	font-size: 2.4rem;
	color: #fff;
	text-align: center;
	background: #af1f30;
}

.m-appointment-from {
	margin: 0 10px;
}

.m-appointment-from>li {
	margin-top: 12px;
	padding: 0 12px;
	border: 1px solid #d6d6d6;
	border-radius: 3px;
}

.m-appointment-from>li>input {
	width: 100%;
	height: 28px;
	line-height: 28px;
	border: 0 none;
	text-align: left;
	font-size: 12px;
	font-size: 1.2rem;
	color: #585858;
	outline: none;
}

.u-btn-submit {
	margin: 15px 0 25px;
	display: inline-block;
	padding: 0 18px;
	min-width: 63px;
	height: 30px;
	line-height: 30px;
	border-radius: 30px;
	background: #af1f30;
	color: #fff;
	text-align: center;
	font-size: 14px;
	font-size: 1.4rem;
}

.g-layout #makeAnAppointment {
	height: 298px ! important;
	min-height: inherit ! important;
}

.alignCenter {
	text-align: center !important;
}

.alignLeft {
	text-align: left !important;
}

.u-txt-14-585858 {
	font-size: 14px;
	font-size: 1.4rem;
	color: #585858;
	line-height: 24px;
}

.u-tips-box {
	display: block;
	font-size: 16px;
	font-size: 1.6rem;
	color: #af1f30;
}

.f-mar-15-auto {
	margin: 40px auto 20px;
}

.f-mar-0-10 {
	margin: 0 10px;
}






/****2019-05-12增加测试功能CSS样式表***/
.m-head-cp-top {
	height: 307px;
	background: url(../img/cp_bg.jpg) center bottom no-repeat;
	background-size: 100% 100%;
	position: relative;
	left: 0;
	top: 0;
}

.cp_cont {
	position: relative;
	left: 0;
	top: 0;
	margin: -110px 15px 0;
}

.cp_cont ul li {
	background: #fff;
	border-radius: 5px;
	overflow: hidden;
	box-shadow: 0px 10px 30px rgba(26, 0, 2, 0.14);
	padding: 15px 10px 6px 10px;
	margin-bottom: 15px;
}

.cp_cont ul li i {
	width: 44px;
	height: 36px;
	display: inline-block;
	content: '';
	background: url(../img/i_icon.png) no-repeat;
	background-size: 100%;
	text-align: center;
	line-height: 34px;
}

.cp_cont ul li i span {
	display: inline-block;
	font-size: 12px;
	color: #fff;
}

.cp_cont ul li h3 {
	font-size: 1.5rem;
	color: #000;
	margin-bottom: 10px;
}

.RadioStyle input {
	display: none
}

.RadioStyle label {
	background: #f0f0f0;
	color: #5c5c5c;
	line-height: 36px;
	min-width: 45%;
	text-align: left;
	float: left;
	margin-bottom: 17px;
	border-radius: 2px;
	font-size: 1.5rem;
	cursor: pointer;
	border-radius: 25px;
	margin-left: 3.5%;
	text-indent: 15px;
}

.RadioStyle input:checked+label {
	background: #c6202e;
	color: #fff;
	box-shadow: 0px 10px 30px rgba(198, 32, 46, 0.4);
}

.cp_cont .cs_btn {
	display: block;
	width: 100%;
	height: 44px;
	line-height: 44px;
	border-radius: 30px;
	background: #c6202e;
	color: #fff;
	text-align: center;
	font-size: 1.8rem;
	box-shadow: 0px 10px 30px rgba(198, 32, 46, 0.4);
}

.modal-backdrop {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 99;
	display: none;
	background: rgba(0, 0, 0, 0.75);
}

.modal-dialog {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1000;
	width: 78%;
	height: 230px;
	margin: auto;
	overflow: hidden;
	background: #fff;
	padding: 0 15px;
	display: block;
	border-radius: 5px;
}

.modal-dialog-1 h3 {
	text-align: center;
	font-size: 20px;
	color: #000;
	padding: 20px 0;

}

.modal-dialog-1 ul li {
	margin-bottom: 15px;
	height: 36px;
	line-height: 36px;
	position: relative;
}


.modal-dialog-1 ul li span {
	display: inline-block;
	position: absolute;
	left: 21px;
	top: 8px;
	float: left;
}

.modal-dialog-1 ul li span.pho {
	width: 14px;
	height: 22px;
	background: url(../img/dh.png) no-repeat;
	background-size: 100%;
}

.modal-dialog-1 ul li:hover span.pho {
	background: url(../img/dh_1.png) no-repeat;
	background-size: 100%;
}


.modal-dialog-1 ul li span.ma {
	width: 17px;
	height: 22px;
	background: url(../img/ma.png) no-repeat;
	background-size: 100%;
}

.modal-dialog-1 ul li:hover span.ma {
	background: url(../img/ma_1.png) no-repeat;
	background-size: 100%;
}

.modal-dialog-1 ul li input {
	height: 35px;
	line-height: 35px;
	border: 1px solid #ebebeb;
	text-indent: 47px;
	font-size: 14px;
	border-radius: 25px;
}

.modal-dialog-1 ul li input:hover {
	border: 1px solid #b82834;
}

.modal-dialog-1 ul li input.cs_tel {
	width: 100%;
}

.modal-dialog-1 ul li input.cs_yzm {
	width: 66%;
	float: left;
}

.modal-dialog-1 ul li label.code_btn {
	display: inline-block;
	width: 30%;
	height: 34px;
	line-height: 34px;
	text-align: center;
	font-size: 14px;
	color: #b82834;
	float: right;
	border-radius: 25px;
	border: 1px solid #b82834;
}

.modal-dialog-1 ul li label.code_btn:hover {
	border: 1px solid #b82834;
	background: #b82834;
	color: #fff;
}

.modal-dialog .cs_sure {
	width: 100%;
	height: 36px;
	line-height: 36px;
	background: #b82834;
	text-align: center;
	font-size: 14px;
	color: #fff;
	cursor: pointer;
	border-radius: 25px;
}

.modal-dialog span.cstj_close {
	width: 18px;
	height: 18px;
	background: url('../img/closed_cp_w.png') no-repeat;
	background-size: 100%;
	position: absolute;
	top: 25px;
	right: 15px;
	cursor: pointer;
	z-index: 99;
}





.modal-dialog-2 {
	height: 290px !important;
	display: none;
}

.modal-dialog-2 .success_img {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
}

.modal-dialog-2 .success_img img {
	width: 100%;
}

.modal-dialog-2 .success_img span.title {
	color: #fff;
	font-size: 1.5rem;

	text-align: center;
	position: relative;
	top: -69px;
}

.modal-dialog-2 .success_img .cp_text {
	font-size: 1.5rem;
	color: #1a1a1a;
	margin-top: -4px;
	line-height: 25px;
	padding: 0 10px;
}

.modal-dialog-2 .zd_close {
	font-size: 1.4rem;
	color: #ccc;
	padding-top: 16px;
}

.cp_icon a.cp_icon {
	display: block;
	width: 94px;
	height: 90px;
	background: url('../img/cp_icon.png') no-repeat;
	background-size: 100%;
	position: fixed;
	right: 0px;
	z-index: 99;
	bottom: 90px;
}

.csjg_case {
	position: relative;
	left: 0;
	top: 0;
	margin: -57px 15px 0;
}

.csjg_case ul li {
	margin-bottom: 15px;
	border-radius: 4px;
	box-shadow: 0px 10px 30px rgba(26, 0, 2, 0.14);
}

.csjg_case ul li a img {
	width: 100%;
	border-radius: 4px;
}

.csjg_case ul li a {
	display: block;
	position: relative;
}

.csjg_case ul li a .cont_box {
	position: absolute;
	top: 8px;
	left: 0;
	width: calc(100% - 24px);
	padding: 0 12px;
}

.csjg_case ul li a .cont_box span {
	display: inline-block;
	float: left;
	background: rgba(198, 32, 46, 0.9);
	padding: 0 8px;
	border-radius: 4px;
	color: #fff;
	font-size: 1.4rem;
	line-height: 1.8;
}

.csjg_case ul li a .cont_box em {
	display: inline-block;
	float: right;
	color: #fff;
	font-size: 1.4rem;
	text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
}

.csjg_case ul li a .cont_box em:before {
	display: inline-block;
	content: '';
	width: 21px;
	height: 37px;
	background: url(../img/zan_icon_2.png) no-repeat center 4px;
	background-size: 100%;
	vertical-align: middle;
}

.csjg_case ul li a h4.h4 {
	position: absolute;
	bottom: -2px;
	left: 0;
	right: 0;
	padding: 0 12px;
	height: 40px;
	color: #fff;

	font-size: 1.5rem;
	background: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.85));
	border-radius: 0 0 4px 4px;
	line-height: 38px;
}

.csjg_case ul li a h4.h4 b.type {
	float: right;
	font-weight: normal;
	font-size: 1.4rem;
	color: #fff;
}

.csjg_case a.more {
	display: block;
	width: 100%;
	height: 44px;
	line-height: 44px;
	border-radius: 30px;
	background: #c6202e;
	color: #fff;
	text-align: center;
	font-size: 1.8rem;
	box-shadow: 0px 10px 30px rgba(198, 32, 46, 0.4);
	margin-top: 10px;
}


.brief i {
	display: inline-block;
	width: 85px;
	height: 71px;
	background: url(../img/icon_i.png) center top no-repeat;
	background-size: 100% 100%;
}

.brief {
	position: absolute;
	bottom: 26%;
	left: 0;
	right: 0;
	text-align: center;
	font-size: 15px;
	color: #fff;
}

.brief span {
	font-size: 15px;
	color: #fff;
}





.g-layout #makeACall,
.g-layout1 #makeACall {
	height: 184px;
}

.g-layout-wrap {
	display: block;
	min-height: 143px;
	max-width: 520px;
	width: 80%;
	background: #fff;
	border-radius: 5px;
	position: fixed;
	left: 10%;
	top: 0;
	margin: auto;
	z-index: 999;
	bottom: 0;
}

.g-layout-wrap .u-close>i.siteCommon {
	width: 17px;
	height: 16px;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	background: url(../img/close_btn.png) no-repeat;
	background-size: 100% 100%;
}

.u-txt-14-585858 {
	margin: 0;
	padding: 0;
}

.u-tel-mn {
	font-size: 18px;
	font-size: 1.8rem;
	color: #000;
	margin: 20px 0 5px;
}


.u-tel-mn>b {
	display: inline-block;
	padding-left: 26px;
	position: relative;
	left: 0;
	top: 0;
	font-weight: normal;
}

.u-tel-mn .siteCommon {
	width: 17px;
	height: 16px;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}

.u-tel-mn .siteCommon {
	background: url(../img/tel_btn.png) no-repeat;
	background-size: 100% 100%;
}

.right {
	float: right;
}
