* {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

html {
	font-size: 14px;
	border: none;
	color: rgb(51, 51, 51);
	overflow-x: hidden;
	position: relative;
	font: "PingFang SC Regular", "Microsoft Yahei", "微软雅黑", "Arial", "Helvetica", "SimHei", "黑体", "STXihei", "华文细黑", sans-serif;
	margin: 0 auto;
	height: 100%;
}



ol,
ul,
li {
	list-style: none outside none;
}

span:focus,div:focus {
	border: none;
	outline: none;
}

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

a img {
	border: 0 none;
}

a:hover {
	color: #105697
}



table,
tr,
td,
th {
	border-collapse: collapse;
	padding: 0;
	margin: 0;
}

img {
	max-width: 100%;
}

input,
textarea,
button {
	padding: 0 2px;
	resize: none;
	-webkit-appearance: none !important;
	outline: none;
	border: none;
	background: none;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
	color: rgb(153,153,153);
}

input:-moz-placeholder,
textarea:-moz-placeholder {
	color: rgb(153,153,153);
}

input::-moz-placeholder,
textarea::-moz-placeholder {
	color: rgb(153,153,153);
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
	color: rgb(153,153,153);
}

@font-face {
	font-family: 'DIN';
	/*字体名称*/
	src: url('../font/DIN-Medium.ttf');
	/*字体源文件*/

	src:
		url('../font/DIN-Medium.eot?#font-spider') format('embedded-opentype'),
		url('../font/DIN-Medium.woff') format('woff'),
		url('../font/DIN-Medium.ttf') format('truetype'),
		url('../font/DIN-Medium.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@keyframes jello {

	from,
	11.1%,
	to {
		-webkit-transform: none;
		-moz-transform: none;
		transform: none
	}

	22.2% {
		-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
		-moz-transform: skewX(-12.5deg) skewY(-12.5deg);
		transform: skewX(-12.5deg) skewY(-12.5deg)
	}

	33.3% {
		-webkit-transform: skewX(6.25deg) skewY(6.25deg);
		-moz-transform: skewX(6.25deg) skewY(6.25deg);
		transform: skewX(6.25deg) skewY(6.25deg)
	}

	44.4% {
		-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
		-moz-transform: skewX(-3.125deg) skewY(-3.125deg);
		transform: skewX(-3.125deg) skewY(-3.125deg)
	}

	55.5% {
		-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
		-moz-transform: skewX(1.5625deg) skewY(1.5625deg);
		transform: skewX(1.5625deg) skewY(1.5625deg)
	}

	66.6% {
		-webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
		-moz-transform: skewX(-.78125deg) skewY(-.78125deg);
		transform: skewX(-.78125deg) skewY(-.78125deg)
	}

	77.7% {
		-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
		-moz-transform: skewX(0.390625deg) skewY(0.390625deg);
		transform: skewX(0.390625deg) skewY(0.390625deg)
	}

	88.8% {
		-webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
		-moz-transform: skewX(-.1953125deg) skewY(-.1953125deg);
		transform: skewX(-.1953125deg) skewY(-.1953125deg)
	}

}
.index{
	width: 100%;
}
.inner {
	width: 1300px;
	margin: 0px auto;
	padding-left: 15px;
	padding-right: 15px;
}


h2,
h3,
h4,
h5,
h6 {
	font-weight: normal;
}

/* header */
header{
	min-width: 1300px;
}
header .on{
	color: #b81c22!important;
}
.topIntro{
	padding: 20px 100px;
	background: rgb(35,35,35);
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.topLeft{
	width: 400px;
}
.topParh1{
	font-size: 14px;
	color: rgb(153,153,153);
	margin-bottom: 13px;
	
}
.topParh2{
	display: flex;
	align-items: center;
}
.intro1{
	font-size: 14px;
	color: rgb(153,153,153);
	line-height: 13px;
	border-right: 2px solid rgb(153,153,153);
	padding-right: 20px;
}
.intro1 span{
	font-family: 'DIN';
	font-size: 20px;
	color: #b81c22;
}
.intro2{
	padding-left: 25px;
	font-size: 14px;
	color: rgb(153,153,153);
	line-height: 15px;
}
.intro2{
	position: relative;
    cursor: pointer;
	transition: all 0.5s;
}
.intro2:hover{
	color: #b81c22;
}
.topEwm{
	display: none; 
	position: absolute;
	left: 100px;
	top: -50px;
}
.topRight{
	display: flex;
	align-items: center;
	width: 280px;
	padding: 0 15px;
	height: 37px;
	line-height: 37px;
	background: #fff;
	border-radius: 3px;
}
.topRight input{
	width: 90%;
}
.topNav{
	display: flex;
	align-items: center;
	padding: 0 100px;
	height: 120px;
	align-content: center;
	justify-content: space-between;
}
.topLogo{
	width: 20%;
}
.navUl{
	width: 60%;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.navUl li{
	width: calc(100% / 7);
	font-size: 16px;
	color: #000;
	letter-spacing: 1px;
	position: relative;
}
.navUl li a:hover{
	color: #b81c22;
}
header .hot{
	position: absolute;
	top: -20px;
	margin-left: -5px;
}
.slideTop img{
	float: left;
}
/* 五大优势 */
.fiveAdv{
	display: flex;
	box-shadow: 1px 1px 10px 1px rgb(220,220,220);
	min-width: 1300px;
}
.fiveAdv>div:last-child{
	border-right: none;
}
.advCommon{
	width: calc(100% / 5);
	display: flex;
	align-items: center;
	justify-content: center;
	border-right: 1px solid rgb(216,216,216);
	padding: 40px 15px;
	background: #fff;
}
.advPic{
	overflow: hidden;
	margin-right: 18px;
}
.adv1{
	font-size: 16px;
	color: rgb(51,51,51);
	margin-bottom: 5px;
}
.adv1 span{
	font-size: 24px;
	font-family: 'DIN';
	margin-right: 6px;
}
.adv2{
	font-size: 12px;
	color: #cccccc;
}
/* 算算我就装修需要多少钱 */
.exclusive{ display: flex; flex-direction: row; justify-content: space-between;}
.exclusive .exclusiveLeft{ width: 380px; display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap;}
.exclusive .exclusiveLeft .exclusiveLeftDiv{transition: all 0.8s;  width: 180px; height: 140px; background: #fff; border-radius: 4px; display: flex; flex-direction: column; justify-content: center; align-items: center; margin: 0 10px 10px 0;cursor:pointer;}
.exclusive .exclusiveLeft .exclusiveLeftDiv:nth-child(3),.exclusive .exclusiveLeft .exclusiveLeftDiv:nth-child(4){ margin-bottom: 0;}
.exclusive .exclusiveLeft .exclusiveLeftDiv .Font{ margin-top: 26px; line-height: 22px; font-size: 22px;}
.exclusive .exclusiveLeft .exclusiveLeftDiv .Font span{ color: #B81C22;}

.exclusive .exclusiveCenter{ width: 582px; padding:38px 35px; background: #fff; border-radius: 4px;}
.exclusive .exclusiveCenter .name{ color: #B81C22; font-size: 26px; font-weight: bold;margin-bottom: 3px; }
.exclusive .exclusiveCenter .text{ font-size: 16px; color: #888; padding-top: 10px;margin-bottom: 5px;}
.exclusive .exclusiveCenter .kuang{ display: flex; flex-direction: row; justify-content: space-between;}
.exclusive .exclusiveCenter .kuang .nide{ border-radius: 4px; padding: 0 10px 0 0; line-height: 50px;}
.exclusive .exclusiveCenter .kuang .nide.zuo{ width: 265px; background: #fff;border-radius: 5px;}
.exclusive .exclusiveCenter .kuang .nide.you{ width: 240px; background: #B81C22;}
.exclusive .exclusiveCenter .kuang .nide .input{text-indent: 10px; width: 100%; height: 50px;background: rgb(238,238,238);}
.exclusive .exclusiveCenter .kuang .nide .sub{ background: none; color: #fff; width: 100%; font-size: 16px; cursor: pointer;}
.kuang input{border-radius: 4px;}
.fwmj{ width:100%; overflow:hidden; position:relative; padding:20px 0 50px;}
.fwmj .heng{ height:20px; border-radius:10px; background:#eee; border:none;}
.fwmj .heng .ui-slider-range{ background:#B81C22; border-radius:10px 0 0 10px;}
.fwmj .heng .ui-slider-handle{ top:-4px; margin:0 0 0 -20px; width:28px; height:28px; border:6px #B81C22 solid; background:#fff; border-radius:50%; outline:none;}
.fwmj .heng .form-slider-value{ position:absolute; font-size:16px; bottom:-35px; width:100px; text-align:center; margin-left:-50px;}
.ui-slider{ position:relative; text-align:left;}
.ui-slider .ui-slider-handle{position: absolute;z-index: 2;cursor: default;}
.ui-slider .ui-slider-range{position: absolute;z-index: 1;font-size: .7em;display: block;border: 0;background-position: 0 0;}
.ui-slider-horizontal .ui-slider-range {top: 0;height: 100%;}
.ui-slider-horizontal .ui-slider-range-min {left: 0;}
.ui-slider-horizontal .ui-slider-range-max {right: 0;}

.exclusive .exclusiveRight{ width: 298px; margin-left: 10px; display: flex; flex-direction: column;background: #fff;}
.exclusive .exclusiveRight .tuimg{ display: flex; flex-direction: row;}
.exclusive .exclusiveRight .tuimg img{ display: block; width: 100%;}
.exclusive .exclusiveRight .yusuan{ padding: 10px 19px 10px; overflow: hidden;}
.exclusive .exclusiveRight .yusuan .tit{ width: 100%; border-radius: 2px; background: #d6d3cd; padding: 7px;}
.exclusive .exclusiveRight .yusuan .tit .js-total{ border: 3px solid #222; border-radius: 4px; height: 50px; line-height: 50px; display: block; padding: 0 10px; text-align: right; font-size: 34px; font-family: arial;}
.exclusive .exclusiveRight .yusuan ul{ display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap; padding-top: 20px;}
.exclusive .exclusiveRight .yusuan ul li{ width: 130px; line-height: 40px;}
.exclusive .exclusiveRight .yusuan ul li span{ color: #B81C22;}

.Service{
	background: url(../images/build.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	padding-bottom: 55px;
}
.publicTitle{
	text-align: center;
	padding: 60px 0 55px 0;
}
.publicTitle>p:nth-child(1){
	font-size: 26px;
	color: #000;
	margin-bottom:20px;
}
.publicTitle>p:nth-child(2){
	width: 30px;
	margin: auto;
	height: 3px;
	background: rgb(184,28,34);
	margin-bottom:15px;
}
.publicTitle>p:nth-child(3){
	color: #777777;
	font-size: 14px;
	width:45%;
	margin: auto;
	line-height: 28px;
}
.Case{
	display: flex;
	flex-wrap: wrap;
	padding: 0 15px;
}
.Case>a:nth-child(4n+4){
	margin-right: 0;
}
.caseSame{
	margin-right: 1%;
	margin-bottom: 20px;
	width: 24.2%;
	position: relative;
	transition:  all 0.8s;
	box-shadow: 1px 1px 10px 1px rgb(220,220,220);
}
.fontPic{
	overflow: hidden;
}
.fontPic img{
	float: left;
}
.fontWord{
	padding: 20px 25px;
	background: #fff;
}
.font1{
	font-size: 20px;
	color: rgb(51,51,51);
	margin-bottom: 15px;
}
.font2 span{
	font-size: 14px;
	color: #888888;
	line-height: 14px;
}
.font2 span{
	display: inline-block;
	padding: 0 18px;
	border-right: 2px solid rgb(170,170,170);
}
.font2 span:last-child{
	border-right: none;
}
.font2 span:first-child{
	padding-left: 0;
}
.caseHand{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: rgba(0,0,0,0.7);
	padding: 30px;
	display: flex;
	justify-content: center;
	transform: scale(1,1);
	opacity: 0;
	transition: all 0.8s;
	flex-direction: column;
}
.handZan{
	position: absolute;
	top: 0;
	right:20px;
	width: 70px;
	border-radius: 0 0 5px 5px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgb(184,28,35);
	color: #fff;
	font-family: 'DIN';
	font-size: 13px;
	padding: 7px 0;
}
.handZan img{
	margin-right: 4px;
}
.handPerson{
	display: flex;
	align-items: center;
	margin-bottom: 35px;
}
.perPic{
	margin-right: 20px;
}
.per1{
	color: #fff;
	font-size: 20px;
	margin-bottom: 15px;
}
.per2{
	font-size: 14px;
	color: #fff;
}
.per2 span{
	padding: 0 15px;
	border-right: 1px solid #fff;
	line-height: 14px;
	display: inline-block;
}
.per2 span:last-child{
	border-right: none;
}
.per2 span:first-child{
	padding-left: 0;
}
.handParh{
	font-size: 14px;
	color: #fff;
	line-height: 33px;
	margin-bottom: 60px;
}
.handLink{
	display: flex;
}
.handLink p{
	width: 46%;
	margin-right:8%;
	height: 45px;
	line-height: 45px;
	text-align: center;
	font-size: 16px;
	text-align: center;
	color: #000;
	background: #fff;
}
.handLink p:nth-child(2){
	margin-right: 0;
	background: rgb(184,28,35);
	color: #fff;
}
.caseSame:hover .caseHand{
	opacity: 1;
}
.readCase{
	width: 600px;
	height: 50px;
	margin: auto;
	line-height: 50px;
	text-align: center;
	background: rgb(47,47,47);
	font-size: 15px;
	color: #fff;
	position: relative;
	transition: all 0.8s;
	cursor: pointer;
	margin-top: 40px;
}
.readCase::before{
	position: absolute;
	content: '';
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	height: 100%;
	width: 0;
	background: rgb(206,11,35);
	transition: all 1.2s;
}
.readCase a{
	color: #fff;
}
.readCase a{
	position: relative;
	z-index:999;
}
.readCase:hover::before{
	width: 100%;
}
.readCase a span{
	padding-left: 8px;
	position: relative;
	top: -1px;
}
/* 公司介绍 */
.Company{
	position: relative;
	margin-top: 70px;
}
.Company::before{
	content: '';
	position: absolute;
	left: 0;
	width: 50%;
	top: 0;
	bottom: 0;
	background: rgb(245,245,245);
}
.Company::after{
	content: '';
	position: absolute;
	left: 50%;
	width: 50%;
	top: 0;
	bottom: 0;
	right: 0;
	background: url(../images/black.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}
/* 公司介绍 */
.compDevide{
	display: flex;
}
.Describe{
	width: 50%;
	position: relative;
	z-index: 1;
	padding: 70px 70px 140px 70px;
}
.desc1{
	font-family: 'DIN';
	color: rgb(189,189,189);
	font-size: 34px;
	line-height: 45px;
	margin-bottom: 25px;
	letter-spacing: 1px;
}
.desc2{
	width: 55px;
	height: 2px;
	background-color: rgb(189,189,189);
	margin-bottom: 25px;
}
.desc3{
	font-size: 20px;
	color: #000;
	margin-bottom: 35px;
}
.desc4{
	font-size: 14px;
	color: rgb(119,119,119);
	line-height: 30px;
	margin-bottom:70px;
}
.descLink{
	display: inline-block;
	width: 140px;
	height:45px;
	text-align: center;
	line-height: 53px;
	background: rgb(206,11,35);
	border-radius: 4px;
	transition: all 0.8s;
}
.descLink img{
	transition: all 0.8s;
}
.descLink:hover{
	transform: translateX(15px);
	box-shadow: 1px 1px 10px 1px rgb(206,11,35) ;
}
.descLink:hover img{
	transform: translateX(10px);
}
/* 右侧 */
.Brand{
	width: 50%;
	position: relative;
	z-index: 1;
	padding: 70px 70px 140px 70px;
}
.brand1{
	color: #bdbdbd;
	font-size: 34px;
	font-family: 'DIN';
	margin-bottom: 25px;
	letter-spacing: 1px;
}
.brand2{
	width:55px;
	height: 2px;
	background-color: rgb(206,11,35);
	margin-bottom:30px;
}
.brand3{
	font-size: 20px;
	color: #fff;
	margin-bottom: 50px;
}
.brandBox{
	display: flex;flex-wrap: wrap;
}
.brandBox p{
	width: 225px;
	height: 135px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background: #fff;
	margin-bottom: 35px;
	margin-right: 33px;
	transition: all 0.7s;
	cursor: pointer;
}
.brandBox p:hover{
	box-shadow: 1px 1px 10px 1px #ce0c22;
	transform: translateY(10px);
}
.brandBox p:hover img{
	animation: jello 1.4s;
}
.brandBox p:nth-child(2n+2){
	margin-right: 0;
}
.brandBox p img{
	margin-bottom: 20px;
}
.brandBox p span{
	font-size: 18px;
	color: #000;
}
/* 报名立享 */
.liuyan{ height:200px;
    border: 5px solid #dddddd;
    margin-top: -100px;
    background: #fff;
    position: relative;
    z-index: 9;
}
.liuyan .btn{ background:#ce0c22; width: 68px; height: 68px; text-align: center; display: block; border-radius: 3px; line-height: 68px; margin-top: 65px; 
margin-left:70px; }
.liuyan .btn:hover img{ margin-bottom: 3px; }
.liuyan .btn img{ display: inline-block; transition: all 1s; }
.liuyan-cont h3{ font-size: 20px; color: #ce0c22;  text-align: center; padding:33px 0 25px 0;}
.liuyan-cont .input{ padding-left: 45px; }
.liuyan-cont .name{ padding-left: 75px; }
.liuyan-cont .input span{ display:  block;  font-size: 18px; color: #000; font-weight: bold; padding-bottom: 15px; } 
.liuyan-cont .input input{ width: 215px; height: 38px; border:1px solid #e0e0e0; border-radius: 3px; padding-left: 3px; display: block; padding-left: 10px;  }
.liuyan-cont .yu{ display: block; width:190px; height: 41px; background: #ce0c22; line-height: 41px; text-align: center; font-size: 18px; color: #fff;
 font-weight: bold; border-radius: 3px; margin-top: 38px; margin-left: 30px; transition: all 1s; cursor:pointer; }
.liuyan-cont .yu:hover{ background: #222;} 
.fl {
    float: left;
}
/* 专业团队 */
.tuan{
	margin-top: 80px;
	padding-bottom: 70px;
}
.Expert{
	display: flex;
}
.expertPic{
	width: 18%;
	margin-right: 45px;
}
.expert{
	width: 78%;
}
.expertTeam{
	display: flex;
}
.expertTeam .swiper-slide{
	width: 20%;
	margin-right: 30px;
}
.expertCommon{
	display: inline-block;
	margin-top: 120px;
	transition: all 0.8s;
}
.expertTop{
	position: relative;
}
.expertImg{
	overflow: hidden;
}
.expertHide{
	position: absolute;
	left:0 ;
    right: 0;
	top: 0;
	bottom: 0;
	background: rgba(0,0,0,0.6);
	display: flex;
	align-items: center;
	justify-content: center;
	transform: scale(1,1);
	opacity: 0;
	transition: all 0.8s;
}
.ww{
	transition: all 0.7s;
}
.expertCommon:hover{
	transform: translateY(15px);
}
.expertCommon:hover .expertHide{
	opacity: 1;
}
.expertCommon:hover .expertBottom{
	background: rgb(206,11,35);
}
.expertCommon:hover .ww{
	color: #fff;
}
.expertMore{
	width: 60%;
	margin: auto;
	font-size: 14px;
	color: #fff;
	border: 1px solid #fff;
	height: 40px;
	line-height: 40px;
	text-align: center;
	position: relative;
	top: 10px;
}
.expertImg img{
	float: left;
}
.expertBottom{
	padding: 22px;
	text-align: center;
	background: rgb(238,238,238);
	transition: all 0.8s;
}
.expertBottom>p:nth-child(1){
	font-size: 20px;
	color: #000;
	margin-bottom: 14px;
}
.expertBottom>p:nth-child(2){
	color: rgb(85,85,85);
	font-size: 15px;
}
.expert .swiper-button-next{
	width: 295px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgb(206,11,35);
	color: #fff;
	font-size: 16px;
	letter-spacing: 1px;
	padding-left: 10px;
}
.expert .swiper-button-prev{
	width: 295px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgb(170,170,170);
	color: #fff;
	font-size: 16px;
	letter-spacing: 1px;
	padding-left: 40px;
}
.expert .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {
    content: 'prev';
    font-size: 15px;
    font-weight: 600;
    margin-left: 0;
    position: relative;
    left: -85px;
}
.expert .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {
    content: 'next';
	font-size: 15px;
	font-weight: 600;
	margin-left: 35px;
}
.expert .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    left: 405px;
    right: auto;
	transition: all 0.8s;
}

.expert .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    right: 0;
    left: auto;
	transition: all 0.8s;
}
.expert .swiper-button-prev,.expert  .swiper-button-next {
    top: 4%;
}

.expertTeam>.swiper-slide:nth-child(odd){
	margin-top: 160px;
}
.expertTeam>.swiper-slide:nth-child(4n+4){
	margin-right: 0;
}
/* 工程保障 */
.Promise{
	background: url(../images/process.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	padding-bottom: 30px;
}
.gs-cont{  overflow: hidden;}
.gs-cont .sj a{ background: url(../images/y1.png) no-repeat center; height: 360px; width: 520px; overflow: hidden; transition: all 1s; display: block;  }
.gs-cont .price a{ background: url(../images/y2.png) no-repeat center; height: 360px; width:280px; overflow: hidden; margin-left: 20px; transition: all 1s; display: block;  }
.gs-cont .fu-shigong{ margin-left: 20px; }
.gs-cont .fu-shigong .a1{ display: block;  background: url(../images/y4.png) no-repeat center; height: 170px; width:430px; overflow: hidden; position: relative;
 margin-bottom:20px;  transition: all 1s; }
.gs-cont .fu-shigong .a2{ display: block;  background: url(../images/y5.png) no-repeat center; height: 170px; width:430px; overflow: hidden; position: relative;
transition: all 1s;  }
.gs-cont .fu-shigong h3{ color:#000; }
.gs-cont .fu-shigong h5{ color:#000; }
.gs-cont .fu-shigong p.line{ background: #555555 }
.gs-cont p.line{ width: 60px; height: 1px; background: #fff;}
.gs-cont>div{ position: relative; }
.gs-cont .bt{ transition: all 1s; }
.gs-cont a:hover .bt{ padding-left: 50px; }
.gs-cont .sj .bt{ position: absolute;  bottom: 0%;  padding-left: 40px;  }
.gs-cont .fu-shigong .bt{ position: absolute; top: 40px; padding-left: 40px; }
.gs-cont .price .bt{ position: absolute; top: 40px; padding-left: 40px; }
.gs-cont h3{ font-size: 28px; color: #fff; font-weight: bold; padding-top: 25px;}
.gs-cont h5{ font-size: 14px; color: #fff; padding:16px 0 34px 0; }
.cw{color: #fff!important;}

.misePic{display: flex;flex-wrap: wrap;margin-top: 50px;}
.misePic p{
	width: 242px;
	margin-right: 15px;
	margin-bottom: 15px;
	transition: all 0.8s;
	cursor: pointer;
	overflow: hidden;
}
.misePic p img{
	transition: all 0.8s;
}
.misePic p:nth-child(5n+5){
	margin-right: 0;
}
.misePic p:hover{
	box-shadow: 1px 1px 10px 1px rgb(170,170,170);
}
.misePic p:hover img{
	transform: scale(1.1);
}
/* 新闻资讯 */

.news .list{ }
.news .list li{ float: left; width: 390px; height: 500px; border:1px solid #e0e0e0; background: #fff; margin-right: 26px;  position: relative;}
.news .list li .alink{ padding-top: 15px; }
.news .list li a{ display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 14px; color: #8e8e8e; padding:10px 15px; }
.news .list li a:hover{ color: #ce0c22; }
.news .list li .ck{    display: block;
    width: 150px;
    height: 40px;
    border: 1px solid #e0e0e0;
    line-height: 40px;
    text-align: center;
    background: transparent;
    transition: all 0.7s;
    padding: 0;
    margin: 15px auto;
    position: absolute;
    z-index: 10;
    bottom: 10px;
    left: 50%;
    margin-left: -75px;}
.news{overflow: hidden;}
.news .list li .ck::after{ position: absolute; content: ""; left: 50%; width: 0%; height: 100%; bottom: 0; top: 0; transition: all 0.5s;
background: #ce0c22; z-index: -1;  border-color: #ce0c22;  }
.news .list li .ck:hover::after{ width: 100%; left: 0; top: 0; right: 0; }
.news .list li .ck:hover{ color: #fff;  }
.news .list li .list-top{background: #f6f6f6; display: block; width: 388px; height: 166px; position: relative; }
.news .list li .list-top em img{width: 100%;  transition: all 0.7s; opacity: 0;  }
.news .list li:hover em img{ opacity: 1;}
.news .list li:hover em{ background: transparent; }
.news .list li .list-top h3{margin-top: 10px; text-align: center; color: #000000; position: absolute; width: 380px; left: 0%; top: 65%; font-size: 18px;}
.news .list li:hover .list-top h3{ color: #fff; }
.news .list .l3{ margin-right: 0; }
.news .list li i{display: block; background: url(../images/dongtai1.png) no-repeat center;  width: 46px; height: 46px; position: absolute;
z-index: 6; left: 50%; top:45%; margin-top: -21px; margin-left: -21px; }
.news .list .l2 i{  background: url(../images/hangye.png) no-repeat center;  }
.news .list .l3 i{  background: url(../images/fengshui.png) no-repeat center;  }
.news .list .l1:hover i{ background-image: url(../images/c1.png); }
.news .list .l2:hover i{ background-image: url(../images/c2.png); }
.news .list .l3:hover i{ background-image: url(../images/c3.png); }
.news .list li:hover{ box-shadow: -5px 0px 5px 0px #eee }

/* footer */
.foot{ background: url(../images/foot-bg.png) no-repeat center; width: 100%; overflow: hidden; padding-top:115px;}
.footerTop{overflow: hidden;}
.foot dl{ float: left; padding-right: 120px;}
.foot dt{ font-size: 18px; color: #fff; padding:0 0 30px 0;}
.foot dd a{ font-size: 14px; color: #999999; display: block; padding-bottom: 20px }
.foot dd a:hover{ color: #ce0c22; }
.foot .hotline dt { padding: 0; display: flex; align-items: center;}
.foot .hotline{padding-right: 0; width: 420px;display: flex;
justify-content: center;flex-direction: column;align-items: center;align-content: center;}
.hotline{position: relative;}
.hotline::before{
	content: '';
	position: absolute;
	left: 0;
	top: 15%;
	bottom: 15%;
	height: 70%;
	background:#444444 ;
	width: 1px;
}
.hotline::after{
	content: '';
	position: absolute;
	right: 0;
	top: 15%;
	bottom: 15%;
	height: 70%;
	background:#444444 ;
	width: 1px;
}
.hotline dt span b{ font-size: 14px; color: #ce0c22; display: inline-block; width: 30px; }
.hotline dt span img{ display: inline-block; padding-right: 8px; }
.hotline dt strong{ font-family: 'DIN'; font-size: 26px; color: #ce0c22; padding-left: 15px; }
.hotline dd a{ display:block; text-align: center; color: #999999; float: left;  padding:0 13px; margin-top: 30px; transition: all 1s; width: 105px; height: 70px; }
.hotline dd a img{ display: block; margin:auto; padding:10px 0; }
.hotline dd a:hover{ transform: translateY(5px); }
.foot .code{ padding-right: 0; padding-left: 45px; }
.code { font-size: 18px; color: #fff; text-align: center;  }
.code img{ display: block; margin:auto; padding:25px 0; }
.link{ padding-top: 30px; border-top: 1px solid #444; margin-top: 30px; }
.txtMarquee-left{ padding-left: 20px; float: left; }
.link h3{ float: left; font-size: 18px; color: #fff; }
.link li{ float:left;}
.link li a{ font-size: 14px; color: #999; display: block; padding-top: 3px; }
.link li a b{ display: inline-block; padding:0 20px; }
.link li a:hover{ color: #ce0c22; }
.link h4{ float: right; }
.link h4 a{ font-size: 14px; color: #ce0c22; display: block; padding-top: 3px; }

.copyright{ background: #000; padding:20px 0; width: 100%; overflow: hidden; margin-top:60px;}
.copyright p{ font-size: 14px; color: #d1d1d1; }


/* 表单 */
.currency{position:fixed;top:0 !important;left:0 !important; right: 0 !important; bottom: 0!important; display:none;z-index:1000; background:rgba(0,0,0,0.3);}
.currency .layer{ position: absolute; width: 500px; left: 50%; margin-left: -250px; top: 50%; margin-top: -225px; background: #fff;}
.currency .layer .close{position:absolute;right: 10px; top: 0; display: flex; flex-direction: column; color: #fff; font-size: 30px; line-height: 1.2;}
.currency .layer .house{ display: flex; flex-direction: column;}
.currency .layer .house .houseImg{ display: flex; flex-direction: column;}
.currency .layer .house .houseCeng{ display: flex; flex-direction: column; padding: 30px 50px;}
.currency .layer .house .houseCeng .houseCengTit{ font-size: 26px; text-align: center; line-height: 30px;}
.currency .layer .house .houseCeng .houseCengInput{ display: flex; border: 1px solid #e0e0e0; padding: 0 10px; margin-top: 15px;}
.currency .layer .house .houseCeng .houseCengInput .text{ width: 100%; background: none; height: 44px; line-height: 44px;}
.currency .layer .house .houseCeng .houseCengXuan{ display: flex; flex-direction: column;}
.currency .layer .house .houseCeng .houseCengXuan .select{ display: flex; border: 1px solid #e0e0e0; padding: 0 10px; margin-top: 15px; height: 44px; line-height: 44px;}
.currency .layer .house .houseCeng .houseCengQing{ display: flex; flex-direction: column; margin-top: 15px;}
.currency .layer .house .houseCeng .houseCengQing .sub{ width: 100%; background: #B81C22; border-radius: 4px; color: #fff; height:50px; line-height: 50px; font-size: 22px; cursor: pointer;}
.currency .layer .house .houseCeng .houseCengQing .sub:hover{ opacity: 0.9;}

.offerprice{position:fixed;top:0 !important;left:0 !important; right: 0 !important; bottom: 0!important; display:none;z-index:1000; background:rgba(0,0,0,0.5);}
.offerprice .layer{ position: absolute; width: 1200px; left: 50%; margin-left: -600px; top: 50%; margin-top: -250px; background: #fff; border-radius: 10px;}
.offerprice .layer .close{position:absolute;left: 50%; bottom: -80px; margin-left: -25px; display: flex; flex-direction: column;}
.offerprice .layer .close:before{ content: ''; position: absolute; width: 2px; height: 30px; background: #fff; left: 50%; margin-left: -1px; top: -30px;}
.offerprice .layer .kuang{ display: flex; flex-direction: row; justify-content: space-between; align-items: center; height: 500px;}
.offerprice .layer .kuang .kuangLeft{ padding: 0 50px; display: flex; flex-direction: column; width: 450px;}
.offerprice .layer .kuang .kuangLeft .ming{ font-size: 32px; text-align: center; font-weight: bold; width: 100%;}
.offerprice .layer .kuang .kuangLeft .alform{ display: flex; flex-direction: column; padding-top: 10px;}
.offerprice .layer .kuang .kuangLeft .alform .layui{ border: 1px solid #aaa; border-radius: 3px; padding: 0 10px; margin-top: 20px;}
.offerprice .layer .kuang .kuangLeft .alform .layui .text{ width: 100%; height: 50px; line-height: 50px;}
.offerprice .layer .kuang .kuangLeft .tijiao{ width: 100%; overflow: hidden; margin-top:20px;}
.offerprice .layer .kuang .kuangLeft .tijiao .sub{ width: 100%; background: #B81C22; border-radius: 4px; color: #fff; height:50px; line-height: 50px; font-size: 22px; cursor: pointer;}
.offerprice .layer .kuang .kuangLeft .word{ text-align: center; overflow: hidden; padding-top: 10px;}
.offerprice .layer .kuang .kuangLeft .word .num{ color: #B81C22;}


.alltoo{position:fixed;top:0 !important;left:0 !important; right: 0 !important; bottom: 0!important; display:none;z-index:1000; background:rgba(0,0,0,0.5);}
.alltoo .layer{ position: absolute; width: 420px; left: 50%; margin-left: -210px; top: 50%; margin-top: -230px; background: #fff; box-shadow: 0 0 20px 0 rgba(0,0,0,0.3);}
.alltoo .layer .close{position:absolute;right: 30px; top: 20px; display: flex; flex-direction: column; font-size: 24px;}
.alltoo .layer .kuang{ display: flex; flex-direction: column; padding: 30px;}
.alltoo .layer .kuang .ming{ font-size: 22px; width: 100%; line-height: 30px;}
.alltoo .layer .kuang .kuangPic{ display: flex; flex-direction: column; margin-top: 30px;}
.alltoo .layer .kuang .alform{ display: flex; flex-direction: column;}
.alltoo .layer .kuang .alform .layui{  border-radius: 3px; padding: 0 10px; margin-top: 20px; background: #f5f5f5;}
.alltoo .layer .kuang .alform .layui .text{ width: 100%; height: 50px; line-height: 50px; background: none;}
.alltoo .layer .kuang .tijiao{ width: 100%; overflow: hidden; margin-top:20px;}
.alltoo .layer .kuang .tijiao .sub{ width: 100%; background: #B81C22; border-radius: 4px; color: #fff; height:50px; line-height: 50px; font-size: 18px; cursor: pointer;}

/* 在线报价 */
.budget{ display: flex; flex-direction: column; position: relative;}
.budget .budgetPic{ display: flex; flex-direction: column; position: absolute; left: 0; top: 0; right: 0; z-index: 10;}
.budget .budgetPic img{ display: block; width: 100%; height: 720px; object-fit: cover;}
.budget .budgetLayer{ display: flex; flex-direction: column; position: relative; z-index: 20;}
.budget .budgetLayer .inner{ display: flex; flex-direction: row; position: relative; height: 540px; background: #fff; justify-content: space-between; margin-top: 260px; box-shadow: 0 0 20px 0 rgba(0,0,0,0.1);}
.computeLeft{ width: 515px; padding: 0 30px; display: flex; flex-direction: column; justify-content: center;}
.computeLeft .computeLeftTit{ display: flex; flex-direction: row; align-items: center; line-height: 30px; padding-bottom: 10px;}
.computeLeft .computeLeftTit h2{ font-size: 26px; padding-right: 10px;}
.computeLeft .computeLeftTit figure{ color: #B81C22; font-weight: bold; font-size: 16px;}
.computeLeft .computeLeftBox{ display: flex; flex-direction: row;  padding: 10px 0;}
.computeLeft .computeLeftBox .computeLeftBoxCont{ width: 100px; font-size: 18px; color: #555; line-height: 46px;}
.computeLeft .computeLeftBox .computeLeftBoxTact{ width: 320px; display: flex; flex-direction: row; justify-content: space-between;}
.computeLeft .computeLeftBox .computeLeftBoxTact .form-group{ width: 150px; border: 1px solid #AAA;}
.computeLeft .computeLeftBox .computeLeftBoxTact .form-group .form-control{ padding: 0 10px; height: 44px; line-height: 44px; background: none; width: 150px;}
.computeLeft .computeLeftBox .computeLeftBoxTent{ position: relative; width: 320px; padding: 0 9px; display: flex; flex-direction: row; border: 1px solid #AAA; height: 44px;}
.computeLeft .computeLeftBox .computeLeftBoxTent span{ position: absolute; right:10px; top:0; display: block; line-height: 44px;}
.computeLeft .computeLeftBox .computeLeftBoxTact .huxing{ width: 100px; border: 1px solid #AAA; height: 46px; padding: 0 10px;}
.computeLeft .computeLeftBaomi{ color: #B81C22; line-height: 20px; margin-top: 10px;}

.computeCenter{ position: absolute; top:0; left: 50%; margin-left: -70px; display: flex; display: -ms-flexbox; display: -webkit-flex; align-items: center; height: 540px;}
.computeCenter:before{ content: ''; position: absolute; top: 0; bottom: 0; left: 50%; width: 1px; height: 100%; background: #eee;}
.computeCenter .computeCenterRound{ position: relative; z-index: 1; cursor: pointer; width: 140px; height: 140px; border-radius: 50%; position: relative;}
.computeCenter .computeCenterRound .computeCenterRoundOne{ width: 140px; height: 140px; border-radius: 50%; background: rgba(184,28,34,0.15); -webkit-animation:warn 2s linear 0s infinite; -moz-animation:warn 2s linear 0s infinite; animation:warn 2s linear 0s infinite;}
.computeCenter .computeCenterRound .computeCenterRoundTwo{ width: 100px; height: 100px; border-radius: 50%; background: #B81C22; color: #fff; font-size: 26px; line-height: 30px; display: flex; align-items: center; justify-content: center; position: absolute; left: 20px; top:20px; right: 20px; bottom: 20px; z-index: 10;}						
@keyframes warn {
    0% {
        transform:scale(0.5);
        opacity:0;
    }
    25% {
        transform:scale(0.8);
        opacity:0.5;
    }
    50% {
        transform:scale(1);
        opacity:1;
    }
    75% {
        transform:scale(1.1);
        opacity:0.5;
    }
    100% {
        transform:scale(1.2);
        opacity:0;
    }
}
@-webkit-keyframes warn {
    0% {
        transform:scale(0.5);
        opacity:0;
    }
    25% {
        transform:scale(0.8);
        opacity:0.5;
    }
    50% {
        transform:scale(1);
        opacity:1;
    }
    75% {
        transform:scale(1.1);
        opacity:0.5;
    }
    100% {
        transform:scale(1.2);
        opacity:0;
    }
}
	
.computeRight{ display: flex; width: 515px; padding: 0 40px; flex-direction: column; justify-content: center;}
.computeRight .computeRightCont{ border: 1px solid #EEE; background: #F9F9F9; padding: 24px; border-radius: 15px;}
.computeRight .computeRightCont .computeRightContTit{ background: #D2D3B4; border: 3px solid #222; border-radius: 10px; height: 84px; margin-bottom: 5px; display: flex; flex-direction: row; align-items: center; justify-content: center; font-size: 26px;}
.computeRight .computeRightCont .computeRightContTit div{ font-size: 30px; color: #B81C22; padding: 0 4px;}
.computeRight .computeRightCont .computeRightContList{ margin-top: 20px; border-radius: 10px; background: #E9E9E9; line-height: 60px; text-align: center; display: flex; flex-direction: row; justify-content: space-between;}
.computeRight .computeRightCont .computeRightContList .computeRightContListZuo{ width: 170px; border-right: 1px solid #DDD; font-size: 20px; color: #555;}
.computeRight .computeRightCont .computeRightContList .computeRightContListYou{ padding-right: 40px; font-size: 20px; color: #555;}
.computeRight .computeRightCont .computeRightContList .computeRightContListQian{ font-size: 20px; color: #B81C22;}


.formal{ display: flex; flex-direction: column; position: relative; padding: 50px 0;}
.formal .formalTitle{ display: flex; flex-direction: column; text-align: center; padding-bottom: 50px;}
.formal .formalTitle h2{ font-size: 40px;}
.formal .formalTitle p{ font-size: 22px;}
.fixtu{ background: url(../images/formal.png) right top no-repeat #fEfAf3; z-index: 10; margin-top: -80px;}
.fixtu .formalTitle{ margin-top: 60px;}
.fixtu .fixtuLayer{ padding-right: 240px; min-width: 1240px;}
.fixtu .fixtuLayer .fixtuLayerCeng{ display: flex; flex-direction: column; width: 100%; background: #fff;}
.fixtu .fixtuLayer .fixtuLayerCeng ul{ display: flex; flex-direction: row; overflow: hidden;}
.fixtu .fixtuLayer .fixtuLayerCeng ul li.imgBox{ width: 8%; height: 640px; display: flex; flex-direction: row; box-sizing: border-box;}
.fixtu .fixtuLayer .fixtuLayerCeng ul li.imgBox .imgBoxTit{ width: 100%; display: flex; flex-direction: column; padding: 100px 30px 0; text-align: center;}
.fixtu .fixtuLayer .fixtuLayerCeng ul li.imgBox:nth-child(1) .imgBoxTit{ background: #C7B4A6;}
.fixtu .fixtuLayer .fixtuLayerCeng ul li.imgBox:nth-child(2) .imgBoxTit{ background: #E5C46C;}
.fixtu .fixtuLayer .fixtuLayerCeng ul li.imgBox:nth-child(3) .imgBoxTit{ background: #B81C22;}
.fixtu .fixtuLayer .fixtuLayerCeng ul li.imgBox .imgBoxTit span{ display: block; border: 4px solid #fff; padding: 10px 0; font-size: 40px; color: #fff; font-family: 'IMPACT';}
.fixtu .fixtuLayer .fixtuLayerCeng ul li.imgBox .imgBoxTit sup{ color: #fff; font-size: 40px; padding-top: 70px;-webkit-writing-mode: vertical-rl; writing-mode: vertical-rl; display: flex; align-items: center; line-height: 1.2; letter-spacing: 8px;}
.fixtu .fixtuLayer .fixtuLayerCeng ul li.imgBox .imgBoxCont{ display: none;}
.fixtu .fixtuLayer .fixtuLayerCeng ul li.imgBox .imgBoxCont img{ display: block; width: 100%; height: 600px; object-fit: cover;}
.fixtu .fixtuLayer .fixtuLayerCeng ul li.active{ width: 84%;}
.fixtu .fixtuLayer .fixtuLayerCeng ul li.active .imgBoxTit{ width: 7%;}
.fixtu .fixtuLayer .fixtuLayerCeng ul li.active .imgBoxCont{ width: 90%; display: block; padding: 20px 1.5%;}


.example{ display: flex; flex-direction: column; position:relative; overflow: hidden;}
.example .liest{ width: 1240px; margin: 0 auto; display: flex; flex-direction: row; justify-content: space-between;}
.example .liest li{ display: flex; flex-direction: column; width: 205px; background: #F3F3F3; height: 80px; align-items: center; justify-content: center; cursor: pointer; font-size: 22px;}
.example .liest li.on{ background: #B81C22; color: #fff;}
.example .dimian{ overflow:hidden;}
.example .dimian .exampleBox{ display: none; min-width: 1240px; margin-top: 40px; flex-direction: row; justify-content: space-between;}
.example .dimian .exampleBox.on{ display: flex;}
.example .dimian .exampleBox .exampleBoxLeft{ width: 18%; background: #DFD2C2; justify-content: center; display: flex; flex-direction: column; position: relative;}
.example .dimian .exampleBox .exampleBoxLeft .exampleBoxLeftCeng{ display: flex; flex-direction: column; padding: 0 30px;}
.example .dimian .exampleBox .exampleBoxLeft .exampleBoxLeftCeng .exampleBoxLeftCengTit{ position: absolute; right: 20px; top: 30px; color: #fff; font-size: 40px; font-family: 'IMPACT'; text-transform: uppercase;-webkit-writing-mode: vertical-rl; writing-mode: vertical-rl;}
.example .dimian .exampleBox .exampleBoxLeft .exampleBoxLeftCeng .exampleBoxLeftCengTact{ display: flex; flex-direction: column;}
.example .dimian .exampleBox .exampleBoxLeft .exampleBoxLeftCeng .exampleBoxLeftCengTact h2{ font-size: 30px; font-weight: bold;}
.example .dimian .exampleBox .exampleBoxLeft .exampleBoxLeftCeng .exampleBoxLeftCengTact figure{ font-size: 22px; padding: 30px 0;}
.example .dimian .exampleBox .exampleBoxLeft .exampleBoxLeftCeng .exampleBoxLeftCengTact figcaption{ font-size: 16px; line-height: 2.2; color: #666;}
.example .dimian .exampleBox .exampleBoxRight{ width: 82%;}
.example .dimian .exampleBox .exampleBoxRight img{ display: block; margin-left: 10px; height: 700px; object-fit: cover; width: 100%;}

.make{ padding-top: 0;}
.offer{ width: 100%; display: flex; flex-direction: column; background: rgba(0,0,0,0.8); position: fixed; left: 0; bottom: 0; right: 0; z-index: 110;}
.offer .inner{ display: flex; flex-direction: column;}
.offer .offerAddup{ display: flex; flex-direction: row; justify-content: space-between; height: 80px; position: relative; padding-left: 200px; cursor: pointer;}
.offer .offerAddup .offerAddupImg{ display: flex; flex-direction: row; position: absolute; left: 0; bottom: 0; z-index: 10;}
.offer .offerAddup .offerAddupFont{ display: flex; flex-direction: row; align-items: center;}
.offer .offerAddup .offerAddupFont span{ color: #fff; font-size: 34px; padding-right: 10px;}
.offer .offerAddup .offerAddupFont sup{ font-size: 22px; color: #B81C22;}
.offer .offerAddup .offerAddupArrow{ position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 30px; height: 80px;}
.offer .offerAddup .offerAddupArrow img{ display: block; width: 30px; height: 40px; animation: b 1.5s linear infinite; transition: all 1s;}

@keyframes b{
	0% {
		/* opacity: 0; */
		transform: translateY(-10px);
	}
	25% {
		transform: translateY(0px);
	}
	75% {
		transform: translateY(10px);
	}
	100% {
		/* opacity: 0; */
		transform: translateY(-10px);
	}
}

.offer .offerShow{ display:none; width:100%; z-index:100; background:#fff; margin-bottom: 20px;}
.storey{ display: flex; flex-direction: row; position: relative; padding: 50px; height: 380px; justify-content: space-between;}
.storey .storeyLeft{ width: 430px; display: flex; flex-direction: column;}
.storey .storeyLeft .storeyLeftTit{ display: flex; flex-direction: row; align-items: center; line-height: 30px; padding-bottom: 10px;}
.storey .storeyLeft .storeyLeftTit h2{ font-size: 26px; padding-right: 10px;}
.storey .storeyLeft .storeyLeftTit figure span{ color: #B81C22;}
.storey .storeyLeft .storeyLeftBox{ display: flex; flex-direction: row;  padding: 10px 0;}
.storey .storeyLeft .storeyLeftBox .storeyLeftBoxCont{ width: 85px; font-size: 16px; line-height: 40px;}
.storey .storeyLeft .storeyLeftBox .storeyLeftBoxTact{ width: 345px; display: flex; flex-direction: row; justify-content: space-between;}
.storey .storeyLeft .storeyLeftBox .storeyLeftBoxTact .form-group{ width: 170px; background: #f8f8f8; border-radius: 3px;}
.storey .storeyLeft .storeyLeftBox .storeyLeftBoxTact .form-group .form-control{ padding: 0 10px; height: 40px; line-height: 40px; background: none; width: 160px;}
.storey .storeyLeft .storeyLeftBox .storeyLeftBoxTent{ position: relative; width: 348px; padding: 0 10px; display: flex; flex-direction: row; background: #f8f8f8; border-radius: 3px;}
.storey .storeyLeft .storeyLeftBox .storeyLeftBoxTent .text{ width: 100%; background: none; height: 40px; line-height: 40px;}
.storey .storeyLeft .storeyLeftBox .storeyLeftBoxTent span{ position: absolute; right:10px; top:0; display: block; line-height: 40px;}
.storey .storeyLeft .storeyLeftBaomi{ width: 100%; text-align: center; padding-top: 10px;}

.storey .storeyCenter{ position: absolute; top:0; left: 47%; display: flex; display: -ms-flexbox; display: -webkit-flex; align-items: center; height: 420px;}
.storey .storeyCenter:before{ content: ''; position: absolute; top: 0; bottom: 0; left: 50%; width: 1px; height: 100%; background: #eee;}
.storey .storeyCenter .storeyCenterRound{ position: relative; z-index: 1; cursor: pointer; width: 170px; height: 170px; border-radius: 50%; box-shadow: 0 0 20px 0 rgba(0,0,0,0.1); background: #fff; display: flex; align-items: center; justify-content: center;transition: all 2s; animation: small 1.6s infinite forwards; transform: scale(1);}
.storey .storeyCenter .storeyCenterRound .storeyCenterRoundOne{ width: 130px; height: 130px; border-radius: 50%; background: rgba(184,28,34,0.2); display: flex; align-items: center; justify-content: center;}
.storey .storeyCenter .storeyCenterRound .storeyCenterRoundOne .storeyCenterRoundTwo{ width: 100px; height: 100px; border-radius: 50%; background: #B81C22; color: #fff; font-size: 26px; line-height: 30px; display: flex; align-items: center; justify-content: center;}

.storey .storeyRight{ width: 350px; display: flex; flex-direction: column; justify-content: center;}
.storey .storeyRight .storeyRightTit{ color: #555; font-size: 20px; line-height: 30px;}
.storey .storeyRight .storeyRightTit span{ display: inline-block; text-align: center; width: 30px; color: #B81C22; font-size: 30px;transition: all 2s; animation: small2 1.6s infinite forwards; transform: scale(1);}
.storey .storeyRight .storeyRightKuang{ display: flex; flex-direction: column; line-height: 30px; border: 1px solid #eee; padding: 20px 40px; margin: 20px 0;}
.storey .storeyRight .storeyRightKuang li{ display: flex; flex-direction: row; justify-content: space-between;}
.storey .storeyRight .storeyRightKuang li span{ display: flex; flex-direction: row; width: 60px; letter-spacing: 1px;}
.storey .storeyRight .storeyRightKuang li figure{ color: #B81C22; font-size: 20px;transition: all 2s; animation: small2 1.6s infinite forwards; transform: scale(1);}
.storey .storeyRight .storeyRightExe{ color: #aaa;}
select{border: none;}


/* 右侧悬浮框 */
.ripple{     position: fixed;
    width: 75px;
    right: 20px;
    bottom: auto;
    z-index: 999;
    height: 340px;
    top: 50%;
    margin-top: -170px;
}
.ripple .rippleFloat{ width: 100%; background: #B81C22; border-radius: 6px; position: relative;}
.ripple .rippleFloat .rippleFloatShu{ position: absolute; top: -120px; left: -10px; display: flex; flex-direction: row; width: 130px; height: 140px;}
.ripple .rippleFloat .rippleFloatTit{ color: #fff; text-align: center; line-height: 1.3; padding-top: 25px;}
.ripple .rippleFloat .rippleFloatOl{ display: flex; flex-direction: column; padding-top: 10px;}
.ripple .rippleFloat .rippleFloatOl li{ display: flex; flex-direction: column; padding: 9px 0;}
.ripple .rippleFloat .rippleFloatOl li a{ display: flex; flex-direction: column; color: #fff; justify-content: center; align-items: center; }
.ripple .rippleFloat .rippleFloatOl li:active a img{transition: all 2s; animation: small2 1.6s infinite forwards; transform: scale(1);}
.ripple .rippleFloat .rippleFloatTop{ display: flex; position: relative; margin-top: 5px; padding: 10px 0; flex-direction: column; text-align: center; color: #fff; font-family: arial; font-size: 16px; cursor: pointer;}
.ripple .rippleFloat .rippleFloatTop:before{ content: ''; position: absolute; top: 0; left: 50%; margin-left: -7px; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #fff;}
.rippleFloatOl img{
	margin-bottom:7px;
}
.rippleFloatTop{
	margin-top: 8px!important;
}
@keyframes small{		
	from{ transform: scale(0.95);}
	50%{ transform: scale(1);}
	to{ transform: scale(0.95);}		
}
@keyframes small2{		
	from{ transform: scale(1.25);}
	50%{ transform: scale(1);}
	to{ transform: scale(1.25);}		
}