@charset "utf-8";
/* CSS Document */
/*公用*/
*{margin:0;padding:0;}
html,body{-webkit-text-size-adjust:none;position: relative;height: 100%;}
body{font-size:14px;color:#333;background:#f6f6f6; font-family:"微软雅黑";}
ol li,ul li{list-style-type:none; vertical-align:middle;}
img{border:none;vertical-align:middle;}
input{vertical-align:middle;outline: none;}
font{font-size:12px;}
table{border-collapse: collapse;border-spacing: 0;}
h1,h2,h3,h4,h5,h6,strong{font-weight:normal;}
a{text-decoration:none;}

.fl{float:left;}
.fr{float:right;}

/* clear float */
.clear, .clearfix:after {clear: both;}
.clear, .clearfix:before, .clearfix:after {display: block;overflow: hidden;visibility: hidden;width: 0; height: 0; }
.clearfix:before, .clearfix:after {content: '';}
.clearfix {*zoom: 1;}

header{width:100%;height:89px;background: #fff;position: fixed;left:0;top:0;right:0;z-index: 9999;box-shadow: 0 0px 15px rgba(0,0,0,0.1);}
.logo{padding-left:38px;margin-top:25px;float:left;width:272px;height:40px;overflow:hidden}
.top{position: absolute;right:0;top:0;}

.menu{text-align:center;line-height: 40px;padding-top:24px;}
.menu a{display: inline-block;position: relative;font-size:14px;color:#4e4e4e;padding:0 10px;}
.menu a::after{transition:all .2s ease 0s;content: '';position: absolute;left:50%;bottom:0px;right:50%;border-bottom:2px solid #f7354e;}
.menu a:hover::after,.menu a.hover::after{left:40%;right:40%;}

.search{border-left:1px solid #e2e2e2;height:89px;line-height: 89px;padding:0 38px;}
.search a{display: block;}
.tell{border-left:1px solid #e2e2e2;padding:0 40px;background-color:#f7354e;}

.side_nav{position: fixed;left:0;top:50%; z-index: 99999;width:90px;text-align: center;margin-top:-200px;}
.side_nav li{ background: #fff;margin-bottom:3px; cursor: pointer;box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.side_nav li a{display: block;padding:16px 0 12px;position:relative}
.side_nav li i{display: inline-block;width:23px;height:24px;}
.side_nav li p{color:#5b5b5b;font-size:12px;line-height: 20px;}
.side_nav li:hover a{ background: #f7354e;}
.side_nav li:hover p{color:#fff;}
.side_nav li span{color:#fff;font-size:18px;background:#F7354E;display:block;height:76px;width:180px;line-height:76px;left:89px;position:absolute;top:0px;display:none;}
.side_nav li:hover span{display:block;}

.ico_s1{ background: url(../images/ico_s1.png) no-repeat;}
.ico_s2{ background: url(../images/ico_s2.png) no-repeat;}
.ico_s3{ background: url(../images/ico_s3.png) no-repeat;}
.ico_s4{ background: url(../images/ico_s4.png) no-repeat;}
.ico_s5{ background: url(../images/ico_s5.png) no-repeat;}

.side_nav li:hover .ico_s1{background: url(../images/ico_s1a.png) no-repeat;}
.side_nav li:hover .ico_s2{background: url(../images/ico_s2a.png) no-repeat;}
.side_nav li:hover .ico_s3{background: url(../images/ico_s3a.png) no-repeat;}
.side_nav li:hover .ico_s4{background: url(../images/ico_s4a.png) no-repeat;}
.side_nav li:hover .ico_s5{background: url(../images/ico_s5a.png) no-repeat;}

#hd-form{display:none;position:absolute;top:90px;right:-97px;z-index:999;width:390px}
#hd-form.on{display:block}
#hd-form input[type=text]{float:left;width:220px;height:20px;padding:10px 20px;font-size:14px;color:#555;border:none;background:#fff;overflow:hidden;vertical-align:middle}
#hd-form .select_form{width:79px;float:left;height:40px;position:relative;border-left:1px solid #E2E2E2;}
#hd-form .select_form:after{display: inline-block;vertical-align: middle;width: 0;height: 0;border: 5px solid transparent;border-top-color:#666666;content:' ';position:absolute;right:5px;top:50%;margin-top:-2.5px;}
#hd-form .select_form input{width:80px;font-size:14px;color:#555;border:none;background:#fff;overflow:hidden;vertical-align:middle;height:40px;line-height:40px;text-align:center;cursor:pointer}
#hd-form .select_form .select_option{width:100%;position:absolute;left:0px;top:40px;background:#fff;display:none;}
#hd-form .select_form .select_option span{border-top:1px solid #E2E2E2;display:block;line-height:40px;text-align:center;cursor:pointer}
#hd-form .select_form:hover .select_option {display:block;}
#hd-form button{float:left;width:50px;height:40px;text-align:center;font-size:14px;color:#fff;border:none;overflow:hidden;vertical-align:middle;background:#f7354e;outline:0;cursor:pointer;-webkit-transition:background .2s ease-in-out;-moz-transition:background .2s ease-in-out;-ms-transition:background .2s ease-in-out;transition:background .2s ease-in-out}



.swiper-container.layout{width:100%;height:100%;}
.layout .swiper-slide{width:100%;height:100%;display:flex;display: -webkit-flex;align-items:center;background-size:cover !important;}

/*1*/
.swiper-container.banner{width:100%;height:100%;}

.banner .swiper-button-prev{left: auto;right:90px;bottom:50px;top: auto;margin:0;width:40px;height:40px; background: url(../images/ico_arrows.png) no-repeat left top;}
.banner .swiper-button-prev:hover{ background-position: right bottom;}
.banner .swiper-button-next{right:40px;top:auto;bottom:50px;margin:0;width:40px;height:40px; background: url(../images/ico_arrows.png) no-repeat left bottom;}
.banner .swiper-button-next:hover{ background-position: right top;}

.banner .swiper-pagination{bottom:50px;}
.banner .swiper-pagination-bullet{margin:0!important;height:2px;width:160px;border-radius: 0; background: #000000; opacity: 1;}
.banner .swiper-pagination-bullet-active{ background: #fff;opacity:1}

.red{color:#f7354e;}
.transition{transition:all .3s ease 0s;}

.w1280{width:1280px;margin:0 auto;position: relative;}
.bgfff{ background: #fff}

.tc{text-align: center;}

.bg2{ background: url(../images/bg_2.png) no-repeat center center;background-size:cover;}
.bg3{ background: url(../images/bg_3.png) no-repeat center center;background-size:cover;}
.mt89{margin-top: 89px;}


/*2*************320***400***530**560***430**260****************/
.kan{ background: #fff;margin:12px 7px 0;position: relative;padding-left:40px;padding-top:45px;height:260px;box-sizing: border-box;color:#555;transition:all .3s ease 0s;}
.kan em{display: block;padding-top:28px;}
.kan h4{position: absolute;left:40px;top:42px;font-size:60px;line-height: 60px;font-weight: normal;}
.kan strong{display: block;padding-left:70px;font-size:20px;line-height: 30px;font-weight: 300;}
.kan span{display: block;padding-left:70px;font-size:16px;line-height:30px;font-weight: 300;height:70px;position: relative;margin-right:40px;}
.kan span::after{content: '';position: absolute;left:0;bottom:0;width:100px;border-bottom:2px solid #f7354e;transition:all .3s ease 0s;}

.kan:hover{box-shadow: 0 2px 15px rgba(0,0,0,0.2);}
.kan:hover span::after{width:100%;}

.safe{color:#969696;font-size:10px;line-height: 28px;margin-left:-15px;padding-top:24px;}
.safe a{padding:0 15px;font-size: 13px;color:#969696;display: inline-block;}
.safe a:hover{color:#f7354e;}

.ruan{position: absolute;left:0;bottom:22px;}

.kan:nth-child(1){width:320px;}
.kan:nth-child(2){width:400px;}
.kan:nth-child(3){width:510px;}
.kan:nth-child(4){width:550px;}
.kan:nth-child(5){width:420px;}
.kan:nth-child(6){width:260px;}

.comment{height:80px;}
.comment .swiper-button-prev{left:3px;bottom:0px;top:auto;margin:0;width:6px;height:11px; background: url(../images/ico_arrows1.png) no-repeat left top;}
.comment .swiper-button-prev:hover{ background-position: left bottom;}
.comment .swiper-button-next{left:30px;bottom:0px;top:auto;right:auto;width:6px;height:11px; background: url(../images/ico_arrows1.png) no-repeat right top;}
.comment .swiper-button-next:hover{ background-position: right bottom;}

.comment_item{color:#8c8c8c;font-size:13px;line-height: 24px;padding-top:5px;height:24px; overflow:hidden;padding-right:40px;}

/*3*/
.photo{height:100%;width:100%;box-sizing: border-box;padding-top:89px;}

.photo_big{width:50%; overflow:hidden;height:66%;}
.photo_small{width:50%;height:66%;}
.photo_small li{float:left;width:50%;height:50%; overflow: hidden;}

.photo_layout{width:100%;height:34%;}
.photo_layout li{float:left;width:25%;height:100%; overflow: hidden;position: relative;}

.photo img{width:100%;transition:all .3s ease 0s;height:100%;}
.photo li:hover img,.photo_big:hover img{transform: scale(1.1)}

.style_class{position: absolute;left:0;top:0;right:0;bottom: 0; background: rgba(247,53,78,0.8);color:#fff;box-sizing: border-box;padding-top:40px;padding-left:50px;line-height: 30px;}
.style_class strong{display: block;font-size: 22px;font-weight: 300;}
.style_class span{display: block;font-size:20px;font-weight: 300;padding-bottom:10px;}
.style_class select{font-size:16px; background: #fff;height:42px;line-height: 42px;border:none;width:200px;color:#555; outline: none; cursor: pointer;}

.works{position: absolute;left:0;top:0;right:0;bottom: 0; background: rgba(255,255,255,0.8);color:#333;box-sizing: border-box;padding-top:40px;padding-left:50px;line-height: 30px;}
.works strong{display: block;font-size: 22px;font-weight: 300;}
.works span{display: block;font-size:24px;font-weight: 300;padding-bottom:10px;}
.works a{display: inline-block;line-height: 42px; background: #fff;padding:0 30px;font-size:15px;color:#545454;}
.works i{display: inline-block;width:0; height:0;margin-left:10px;border-top:5px solid transparent;border-bottom: 5px solid transparent;border-left: 5px solid #333333;}
.works a:hover{color:#fff; background: #f7354e;}
.works a:hover i{border-left: 5px solid #fff;}

.cases{position: absolute;left:0;top:0;right:0;bottom: 0; background: rgba(0,0,0,0.8);color:#fff;box-sizing: border-box;padding-top:40px;padding-left:50px;line-height: 30px;}
.cases strong{display: block;font-size: 22px;font-weight: 300;}
.cases span{display: block;font-size:24px;font-weight: 300;padding-bottom:10px;}
.cases a{display: inline-block;line-height: 42px; background: #fff;padding:0 30px;font-size:15px;color:#545454;transition:all .3s ease 0s;}
.cases i{display: inline-block;width:0; height:0;margin-left:10px;border-top:5px solid transparent;border-bottom: 5px solid transparent;border-left: 5px solid #333333;transition:all .3s ease 0s;}
.cases a:hover{color:#fff; background: #f7354e;}
.cases a:hover i{border-left: 5px solid #fff;}

.cases1{position: absolute;left:0;top:0;right:0;bottom: 0; background: #3b3631;opacity:0.8; color:#fff;box-sizing: border-box;padding-top:40px;padding-left:50px;line-height: 30px;}
.cases1 strong{display: block;font-size: 22px;font-weight: 600;padding-bottom:10px;}
.cases1 span{display: block;font-size:16px;font-weight: 300;}
.cases1 a{display: inline-block;line-height: 42px; background: #fff;padding:0 30px;font-size:15px;color:#545454;transition:all .3s ease 0s;}
.cases1 i{display: inline-block;width:0; height:0;margin-left:10px;border-top:5px solid transparent;border-bottom: 5px solid transparent;border-left: 5px solid #333333;transition:all .3s ease 0s;}
.cases1 a:hover{color:#fff; background: #f7354e;}
.cases1 a:hover i{border-left: 5px solid #fff;}

/*4*/
.team{width:100%;padding-top:89px;}

.team_list{margin-top:35px;background: #efefef;}
.team_list li{float:left;width:16.6666666%;text-align: center; }
.team_list li img{width:100%;transition:all .3s ease 0s;}
.team_list li em{display: block;overflow: hidden;}
.team_list li strong{display: block;line-height: 30px;color:#555;font-size:16px;font-weight:normal;padding-top:15px;}
.team_list li p{color:#8c8c8c;font-size:13px;line-height: 26px;padding-bottom:15px;}
.team_list li em:hover img{transform: scale(1.1)}

.team_nav{position: absolute;right:0;top:20px;line-height: 40px;font-size:10px;vertical-align: middle;}
.team_nav a{display: inline-block;position: relative;font-size:14px;color:#4e4e4e;padding:0 10px;vertical-align: middle;}
.team_nav a:hover::after,.team_nav a.hover::after{content: '';position: absolute;left:50%;bottom:0px;margin-left:-8.5px;width:16px;border-bottom:2px solid #f7354e;}



/*5*/
.quality_list{text-align: center;padding-top:35px;}
.quality_list li{float:left;width:20%;padding:55px 30px 80px;box-sizing: border-box;position: relative;transition:all .3s ease 0s}
.quality_list li strong{display: block;font-size:20px;color:#333;font-weight: 300;line-height: 40px;padding:15px 0 10px;}
.quality_list li p{color:#69696b;font-size:13px;line-height: 26px;}
.quality_list li::after{content: '';position: absolute;left:45%;bottom:40px;right:45%;border-bottom:1px solid #707070;transition:all .3s ease 0s;}
.quality_list li:hover{ background: #fff;box-shadow: 0 5px 20px rgba(0,0,0,0.2);}
.quality_list li:hover::after{left:15%;right:15%;}


/*6*/
.houses{margin-top:89px;}
.house_list{padding-top:40px;}
.house_list li{float:left;width:256px;}
.house_list li em{display: block;width:256px;height:350px; overflow: hidden;}
.house_list li em img{width:256px;height:350px;transition:all .3s ease 0s;}
.house_list li p{text-align: center;color: #333;height:130px;box-sizing: border-box;position: relative;transition:all .3s ease 0s;}
.house_list li strong{display: block;font-size:15px;font-weight: 300;line-height: 26px;position: relative;}
.house_list li span{display: block;font-weight: bold;font-size:14px;line-height: 24px;position: relative;}
.house_list li:hover img{transform: scale(1.2)}

.text_bottom{padding-top:50px;}
.text_bottom strong::after{content: '';position: absolute;left:50%;top:-15px;border-top:2px solid #333333;width:20px;margin-left:-10px;}
.text_top{padding-top:30px;}
.text_top span::after{content: '';position: absolute;left:50%;bottom:-15px;border-top:2px solid #333333;width:20px;margin-left:-10px;}

.house_list li:hover .text_bottom{padding-top:35px;}
.house_list li:hover .text_top{padding-top:45px;}


.find_home{position: absolute;right:0;top:40px;}
.find_home a{display: block;line-height: 40px;border:1px solid #d8d8d8;padding:0 15px; background: #fff;vertical-align: middle;color:#333;}
.find_home img{margin-right:8px;margin-top:-3px;}
.find_home b{display: inline-block;padding-left:10px;}

/*7*/
.new_tab{width:1280px;margin:0 auto;padding-top:89px; background: url(../images/bg_1.png) no-repeat center center;}
.tab_navs{text-align: center;}
.tab_navs a{display: inline-block;line-height: 38px;width:160px;text-align: center;border:1px solid #d8d8d8;color:#444;margin:0 3px;transition:all .3s ease 0s;}
.tab_navs a:hover,.tab_navs a.hover{color:#fff; background: #f7354e;border:1px solid #f7354e;}

.news_list{margin-left:-100px;}
.news_list li{width:500px;height:120px;float:left;padding-left:85px;position: relative;margin-left:100px;margin-top:50px;}
.news_list li h3{color:#333;font-size:16px;line-height: 22px;}
.news_list li h3 a{color:#333;}
.news_list li p{font-size:13px;color:#666666;line-height: 24px;padding:15px 0;}

.news_list li .new_more{display: block;}
.news_list li .new_more a{display: inline-block;color:#333; background: #fff;line-height: 24px;padding:0 15px;font-size:12px;transition:all .3s ease 0s;}
.news_list li .new_more a:hover{color:#fff; background: #f7354e;}

.news_time{position: absolute;left:0;top:0;text-align: center;width:68px;}
.news_time strong{display: block; background: #fff;color:#333;height:42px;line-height: 40px;font-size:24px;transition:all .3s ease 0s;padding-top:3px}
.news_time span{display: block; background: #393939;color:#fff;height:20px;line-height: 20px;font-size:12px;}
.news_time:hover strong{ background:#f7354e;color:#fff; }

.news_more{padding:40px 0 0;text-align: center;}
.news_more a{display: inline-block;margin:0 5px;;color:#444;line-height: 40px;padding:0 40px;font-size:14px;transition:all .3s ease 0s;border:1px solid #d8d8d8;}
.news_more a:hover{ background: #f7354e;color:#fff;}


/*8*/
.mouth{width:1280px;margin:0 auto;padding-top:89px;}
.mouth_tit{color:#333333;font-size:32px;font-weight: 300;line-height: 42px;padding:0 0 0;}
.mouth_tit strong{display: block;font-size:36px;}

.mouth_list{margin-left:-32px;}
.mouth_list li{float:left;width:405px;height:240px; overflow: hidden;cursor: pointer;margin-left:32px;margin-top:28px;

}
.mouth_list li img{transition:all .3s ease 0s}
.mouth_list li:hover img{transform: scale(1.5)}

/*9*/
.about_layout{width:100%;padding-top:89px;background: url(../images/img_1.jpg) no-repeat right bottom;position: relative;

}
.about_img{width:40%;position: absolute;left:0;top:89px;bottom:0; background: url(../images/ph_about.jpg) no-repeat center center; background-size:cover;}

.about{width:100%;box-sizing: border-box;padding:4% 4% 0 42%;}
.about p{font-size:14px;color:#7f7f7f;padding-left:27px;line-height: 26px;margin-bottom:15px;max-width:640px;max-width:90%;
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
/* -webkit-line-clamp: 2; */
-webkit-box-orient: vertical;
}
.about strong{display: block;position: relative; padding:15px 0;padding-left:70px;margin-left:27px;border-top:1px solid #ccc;line-height: 30px;vertical-align: middle;font-size: 10px;}
.about strong b{display: block;position: absolute;left:0;top:15px;font-size:16px;vertical-align: middle;height:30px;line-height: 30px;}
.about strong a{display: inline-block;font-size:14px;vertical-align: middle;height:30px;line-height: 30px;color:#676767;padding:0 10px;max-width:640px;}
.about span{display: block;margin-left:27px;padding-top:0;}
.mo{display:inline-block;padding:0 30px; background: #fff;color:#363636;font-size:14px;line-height:40px;transition:all .3s ease 0s}
.mo:hover{color:#fff; background: #363636;}

.about_tit{padding-bottom:25px;}
/*弹窗*/
.m-pop{position: fixed;top: 0;bottom: 0;left: 0;right: 0;z-index: 199999;display: none;}
.m-pop .pop-bg{position: absolute;top: 0;bottom: 0;left: 0;right: 0;
	background: rgba(0,0,0,.5);
}
.m-pop .cont{position: absolute;top: 50%;left: 50%;width: 640px;
	background-color: #fff;z-index: 2;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.m-pop .tit{height: 68px;line-height: 68px;padding: 0 40px;
	background-color: #f7354f;overflow: hidden;position: relative;
}
.m-pop .tit h3{font-size: 22px;color: #fff;}
.m-pop .close{width: 33px;height: 33px;position: absolute;top: 20px;right: 37px;cursor: pointer;
	background: url(../images/i-close.png) no-repeat center center;
}
.m-pop .con{margin: 0 60px;padding-top: 35px;}
.m-pop .con .inp{position: relative;}
.m-pop .con .inp1{width: 100%;display: block;height: 65px;margin-bottom: 18px;
	border: 1px solid #d5d5d5;padding: 0 28px;font-size: 14px;color: #333;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.m-pop .con .inp1::-webkit-input-placeholder {color: #999;}
.m-pop .con .inp1::-moz-placeholder {color: #999; }
.m-pop .con .inp1::-ms-input-placeholder {color: #999;}
.m-pop .inp em{font-size: 16px;color: red;position: absolute;left: -23px;top: 0;bottom: 0;
	line-height: 65px;
}
.m-pop .btn{height: 69px;display: block;width: 100%;background-color: #191e21;
	font-size: 24px;color: #fff;cursor: pointer;outline: 0;border: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.m-pop .txt{color: #444;padding: 18px 0 45px;}
.m-pop .txt p{font-size: 14px;margin-bottom: 9px;}
.m-pop .txt .tel{font-size: 16px;}
.m-pop .txt .tel b{color: #f7354e;font-size: 20px;}

.layout{}
.layout .layout-swiper-pagination{}
.layout .layout-swiper-pagination span{width:20px;display:block;height:2px;border-radius:0px;margin:0px;padding:2px 0px;border-bottom:2px solid #000;background:none;}
.layout .layout-swiper-pagination span.swiper-pagination-bullet-active{width:30px;display:block;height:2px;border-radius:0px;border-bottom:2px solid #f7354e;background:none;}nation span{width:20px;display:block;height:2px;border-radius:0px;margin:0px;padding:2px 0px;border-bottom:2px solid #000;background:none;}
.layout .layout-swiper-pagination span.swiper-pagination-bullet-active{width:30px;display:block;height:2px;border-radius:0px;border-bottom:2px solid #f7354e;background:none;}

/*客户评价新增样式*/
.ycphonenumber{display:none;}
.pltxt{
	height:320px;width:100%;border: 1px solid #d5d5d5;margin-bottom: 18px;padding: 14px 28px;display: block;color:#333;box-sizing: border-box;font-size:14px;}
/*--新加--*/
.arr{margin-top:42px;}
.arr span{color:#bfbfbf}
.gx{color:red;direction:none; margin-left:12px;}
.gx:hover{color:#666;direction:none; margin-left:12px;}
.tel-form{float:right;width:332px;height:89px}
.hd-tel{padding-top:24px;height:65px;border-right:1px solid #e2e2e2;border-left:1px solid #e2e2e2;width:157px;float:left;padding-left:77px;background:url(../images/icon1.png) 53px center no-repeat;position:relative;background-color:#f7354e;}
.hd-tel p.txt{font-size:12px;color:#fff}
.hd-tel p.num{font-size:14px;font-weight:700;color:#fff}
.hd-form{background:url(../images/so.jpg) center center no-repeat;float:right;width:95px;height:89px;position:relative}
.nav{display:table;margin:0 auto}
.nav li{float:left;height:89px;line-height:89px}
.nav li a{position: relative;font-size:14px;color:#4e4e4e;padding:10px 10px;}
.nav li a::after{transition:all .2s ease 0s;content: '';position: absolute;left:50%;bottom:0px;right:50%;border-bottom:2px solid #f7354e;}
.nav li a:hover::after,.nav li a.hover::after{left:35%;right:35%;}
.sani{transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s}