html { font-size: 50px;}
body { padding: 0; margin: 0; font-family: "微软雅黑", 'Microsoft YaHei',Arial,Verdana,"宋体";  background: #fff; font-size: 24px; }
div, form,input, img, ul, ol, li, dl, dt, dd, p, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6，button, input, select, textarea { font-size: 100%; border: 0 }
em,i{ font-style: normal }
img { border: 0; display: inline-block;}
ul, ol,li { list-style: none; }
input,button,select,textarea{outline:none}
textarea{resize:none}
.upp { text-transform: uppercase; }  /*字母大写*/
.tcap  { text-transform: capitalize; }  /*首字母大写*/
/*L-V-H-A */
a { text-decoration: none; color: #333; }
a:visited { color: #333; }
a:hover { color: #333; text-decoration: none; }
a:active {color: #333; }
a:link { color: #333; }
/*颜色区*/
.green { background: #009b4d; }
/*浮动区*/
.fl { float: left;}
.fr { float: right; }
.clear{ height:0px;clear:both; font-size:0px;line-height:0px;zoom: 1;}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height: 0px;}
/*公用部分*/
.w { position: relative;  z-index: 1; font-family: "微软雅黑","Microsoft YaHei",Arial,Verdana,"宋体"; margin: 0 auto; overflow: hidden; min-width: 320px; max-width: 750px;  }
.w-no { position: relative; z-index: 1; font-family: "微软雅黑","Microsoft YaHei",Arial,Verdana,"宋体"; margin: 0 auto;  min-width: 320px; max-width: 750px; }
/*头部公用 css*/
.head { position: relative; z-index: 200;}
/*顶部 css*/
.top { line-height: 1.2rem; background: #282828; text-align: center; color: #cfcfcf;}
.menu { position: relative; z-index: 100; height: 1.5rem;  background: #000; }
.tt-mc-nav { position: absolute; left: 0; top: 0; width: 100%; height: 1.5rem; line-height: 1.5rem;text-align: center; }
.tt-mc-nav img { display: block; width: 1.28rem; height: 1.28rem; margin: 0.1rem 0.5rem; }
.tt-mc-nav span.fs { display: inline-block;  color: #d9c57e;}
.tt-mc-nav span.fs a {color: #cfcfcf; display: inline-block; padding: 0 0.12rem; }
.tt-mc-show { display: none; z-index: 20; position: absolute; width: 100%; left: 0; top:1.5rem; background: rgba(255,255,255,0.9); }
.tt-nav { position: relative; z-index: 30; text-indent: 0.4rem; background: rgba(0,0,0,0.9);  width: 100%; }
.tt-nav li { /*line-height: 1.5rem;*/}
.tt-nav li a { color: #fff;}
.tt-nav li .nav1 { line-height: 1.6rem; text-indent: 0.2rem; border-bottom: 1px solid #444;}
.tt-nav li .nav1 a { display: block; font-size: 0.64rem; }
/*.tt-nav li .on { box-shadow: inset 0 0 10px #999; border: none;  }*/
.tt-nav li .nav2 { line-height: 1.4rem; display: none;  }
.tt-nav li .nav2 a { display: block; color: #B4B4B4; text-indent: 1rem;  border-bottom: 1px solid #333;}
.tt-search {position: relative; z-index: 30; width: 100%;  background: rgba(0,0,0,0.5); padding: 0.4rem 0;}
.tt-search ul { width: 90%; line-height: 1rem; height: 1rem; margin: 0 auto; border: 1px solid #d1d0d0; border-radius: 0.2rem; background: #fff;  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.27) inset;}
.tt-search li { height: 100%;}
.tt-search input {border: 0; outline: none; background: none; height: 1rem; display: inline-block;}
.tt-search .search-txt { width: 80%;  text-indent: 0.28rem;}
.tt-search .search-sub { width: 17%;width: 1rem; padding-right: 0.4rem;}

.tt-mc-nav-s {width: 10rem;  position: absolute; left: 50%; top: 0.24rem; padding: 0; margin-left: -5rem;background: none; display: none;}
.tt-mc-nav-s ul { width: 100%;}
.tt-mc {display: none; position: fixed; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.5; z-index: 10; }
.logo { height: 2.8rem;  }
.logo img {margin: 0 auto; width: 10.88rem; height: 1.68rem; display: block; padding-top: 0.44rem;}
/* 顶部滚动 */
.fixednav { position: fixed;top: 0;z-index: 8888;width: 100%;}
   
/*顶部导航  top-nav css*/
.top-nav { }
.top-nav ul { background: url(../images/1.jpg) repeat 0 0; }
.top-nav ul li {float: left; width:25% ; height: 1.32rem; line-height: 1.32rem; border-right: 1px solid #2d2d2d; border-bottom: 1px solid #2d2d2d; margin-right: -1px; }
.top-nav ul li a { display: block; color: #fff; /*font-size: 0.48rem;*/ text-align: center;}
.top-nav ul li:nth-child(n+5) { border-bottom: none; }


/* go-top */
.go-top {  background: #000; text-align: center;  }
.go-top a {display: block; line-height: 3; color: #fff; }
.go-top span  { position: relative; display: inline-block; padding-right: 0.6rem;  line-height: 3; color: #fff; }
.go-top span:after { position: absolute; top:36%; right: 0; content: ""; width: 0.32rem; height: 0.44rem; background: url(../images/go_top.png) no-repeat; background-size: 100% 100%; }


/*footer css*/
.footer {position: relative;/* z-index: 99; */ padding-bottom: 3rem; }
.footer-logo {text-align: center; padding: 1rem 0 0.5rem;}
.footer-logo img { display: inline-block;  width: 6.58rem; }
.footer-ss { color: #000; text-align: center; }
.footer-ss span { display: block; line-height: 1.1rem; /*font-size: 0.32rem;*/}
.footer-ss em { color: #898a8a; }
.footer-sf { text-align: center; padding: 0.32rem 0;}
.footer-sf img { display: inline-block; /*width: 1.08rem; height: 1.08rem;*/ width: 1.76rem; height: 1.76rem; }
.footer-copyright {text-align: center; /*font-size: 0.32rem;*/ color: #898a8a;}
.footer-copyright span { display: block; line-height: 1.1rem; }


/*footer-nav css*/
.footer-nav { height: 1.92rem; position: fixed; bottom: 0; left: 0; z-index: 99999; width: 100%; min-width: 320px; max-width: 750px; }
.footer-nav ul{ background: #231815; height: 1.92rem;}
.footer-nav ul li {float: left; text-align: center; height: 100%; overflow: hidden;}

.footer-nav ul li:nth-child(1) { width: 20%; background: url(../images/shuxian.jpg) no-repeat right top;}
.footer-nav ul li:nth-child(2) { width: 24%;background: url(../images/shuxian.jpg) no-repeat right top; }
.footer-nav ul li:nth-child(3) { width: 23%;}
.footer-nav ul li:nth-child(4) { width: 33%; background: #d9c57e; line-height: 1.92rem;}

.footer-nav ul li a {display: block; color: #fff; }
.footer-nav ul li:nth-child(1) img { width: 0.72rem; height: 0.72rem; display: inline-block; margin-top: 0.28rem; }
.footer-nav ul li:nth-child(2) img { width: 0.8rem; height: 0.52rem; display: inline-block; margin-top: 0.46rem;}
.footer-nav ul li:nth-child(3) img { width: 0.92rem; height: 0.64rem; display:inline-block; margin-top: 0.32rem; }
.footer-nav ul li span { display: block; }

.tt-weixin-box{display: block;width: 100%;height: 100%;position: fixed;z-index: 999;left: 0;top: 0;}
.tt-weixin {position: relative; z-index: 901; top: 50%; margin-top: -2.84rem; left: 50%; margin-left: -2.84rem;  width: 4.28rem; height: 4.28rem;text-align: center; background: #fff; padding: 0.7rem; }
.tt-weixin img { display: inline-block; width: 4.28rem; height: 4.28rem;}
.tt-weixin span { text-align: center; padding-top: 0.8rem; display: block; color: #7c7c7c;}
.tt-weixin .close-wexin { width: 0.64rem; height: 0.64rem; position: absolute; right: 0; top: 0;}
.tt-weixin .close-wexin img { display: block; width: 100%; height: 100%;}
.tt-weixin-mc { position: fixed; left: 0; top: 0; z-index: 888; width: 100%; height: 100% ; background: #fff; opacity: 0.8;}
/*列表翻页 css*/
.fanye { height: 2em; line-height: 2em; margin: 0 auto;  width: 100%; padding: 1.458em 0; }
.fanye li { width:20%; margin-left: 2%; font-size: 1em;  background: #000; color: #fff;  float: left; text-align: center;}
.fanye li.thisclass { display: none;}
.fanye li.pageinfo { width: 28%; }
.fanye li.page-bg a { display: block; width: 100%; height: 100%; color: #fff; text-align: center;}
/*内页分页*/
.pagination {font-size:12px;border-radius: 3px;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);margin-top: 20px;}
.pagination li{list-style: none;display: inline;float: left;line-height: 1em;text-decoration: none;
border: 1px solid #ddd;border-left-width: 0;}
.pagination li a {display: inline-block;padding: .5em .8em;color: #999;}
.pagination li a:hover{text-decoration:none;background-color: #ddd;}
.pagination li a:link:hover {color: #000;}
.pagination li.thisclass {background-color: #ddd;color:#999;}
.pagination li:first-child {border-left-width: 1px;border-radius: 3px 0 0 3px;}
.pagination li:last-child{border-radius: 0 3px 3px 0;}
.pagination .pageinfo{color: #444;}

/* 4大优势 */
.advantage { margin-top: 1.1rem; }
.adv-hd { position: relative; height: 5.04rem; padding-left: 28%; padding-top: 10%; background: url(../images/14.jpg) no-repeat; background-size: 100% 100%;  color: #d4bd81; } 
.adv-hd:after { position: absolute; left: 10%; top: 26%; content: ""; width: 2.36rem; height: 2.36rem; background: url(../images/5.png) no-repeat left center; background-size: 100% 100%; }
.adv-hd span { display: block; line-height: 1.3;  } 
.adv-hd h3 { color: #bc0023; font-size: 0.72rem; line-height: 1.6; } 
.adv-hd em {display: block; line-height: 1.3; } 

.adv-bd {  } 
.adv-bd .adv-1 { background: url(../images/6.jpg) no-repeat; height: 15.8rem; }
.adv-bd .adv-2 { background: url(../images/7.jpg) no-repeat; height: 19.52rem; }
.adv-bd .adv-3 { background: url(../images/8.jpg) no-repeat; height: 20.72rem; }
.adv-bd .adv-4 { background: url(../images/9.jpg) no-repeat; height: 16.16rem; }
.adv-bd .adv-g { position: relative; background-size: 100% 100%; width: 100%; } 
.adv-bd .adv-g .cc { padding: 0 2.5rem 0 1.04rem; }
.adv-bd .adv-g .cc .hd {color: #d4bd81; }
.adv-bd .adv-g .cc .hd span { display: block;  font-size: 0.9rem;   }
.adv-bd .adv-g .cc .hd em { text-transform: uppercase; font-size: 0.64rem; }
.adv-bd .adv-g .cc .bd {  }
.adv-bd .adv-g .cc .bd p { background: url(../images/16.png) no-repeat left 0.3rem; color: #fff; line-height: 1.5; padding-left: 0.6rem; margin-top: 0.4rem;}
.adv-bd .adv-g .cc .bd p em { color: #d4bd81; font-weight: bold; }
.adv-bd .adv-g .cc .bd p.tt { background: url(../images/16.png) no-repeat left 0.35rem; }
.adv-bd .adv-g .cc .bd img { display: block; width: 8.44rem; height: 5.36rem; margin: 0.4rem auto 0;  }

.adv-bd .adv-2 .cc { padding: 1.28rem 0.2rem 0 2.8rem; }
.adv-bd .adv-2 .cc .bd  img { width: 8.34rem; height: 6.58rem; }
.adv-bd .adv-3 .cc { padding-top: 1.7rem; } 
.adv-bd .adv-3 .cc .bd  img { width: 9.44rem; height: 7.44rem; }
.adv-bd .adv-4 .cc img { width: 9.6rem; height: 5.96rem; }

/* 单位保洁 */
.zt-dw-bj { margin: 0.8rem auto; }
.dw-bj {  }
.dw-hd { height: 1.24rem; line-height: 1.24rem; background: url(../images/2.jpg) no-repeat; background-size: 100% 100%; }
.dw-hd .fl-t { width: 3.5rem; text-align: center;}
.dw-hd .fl-t a { display: inline-block; color: #fff; }
.dw-hd .fr-t { width: 11.5rem; }
.dw-hd .fr-t a { display: inline-block; width: 22%; text-align: center;  }
.dw-hd .fr-t a:nth-child(1) { padding-left: 6%; }
.dw-bd {  padding: 0 2%; margin-top: 0.44rem; }
.dw-bd li { width: 48%; }
.dw-bd li:nth-child(odd) { float: left; }
.dw-bd li:nth-child(even) { float: right; }
.dw-bd li img { display: block; width: 100%; height: 4.12rem; border: 1px solid #d4d4d4;  }
.dw-bd li span { position: relative;   font-size: 0.48rem;text-align: center; display: block; line-height: 1.5; padding-top: 0.4rem;  }
.dw-bd li span:after {  position: absolute; left: 0; top: 0; content: ""; width: 100%; height: 0.36rem; background: url(../images/3.jpg) no-repeat; background-size: 100% 100%; }
/* 客户见证 */
.customer {  background: url(../images/19.jpg) no-repeat; background-size: 100% 100%; padding-bottom: 1rem; }
.cus-hd { text-align: center; padding: 0.8rem 0 0.6rem; }
.cus-hd span { display: block; font-size: 0.72rem; line-height: 1.5; font-weight: bold; color: #dac578; }
.cus-hd em { display: block; color: #fff; }

.cus-change { }
.cus-center { position: relative;  width: 96%; margin: 0 auto; overflow: hidden;}
.cus-change .hd-t {  width: 100%; }
.cus-change .hd-t span { display: block; width: 1.0rem; height: 1.0rem; line-height: 1.0rem; position: absolute;  top: 45%; text-align: center; color: #fff; background: rgba(0, 0, 0, 0.7); z-index: 100;}
.cus-change .hd-t span:nth-child(1) { left: 0; } 
.cus-change .hd-t span:nth-child(2) {right: 0; } 
.cus-change .bd { width: 100%;  height: 6rem; }
.cus-change .bd ul li { position: relative; float: left; width: 48%; height: 6.0rem; padding-right: 2%; }
.cus-change .bd ul li img { display: block; width: 100%; height: 5.28rem;  }
.cus-change .bd ul li .tt { position: absolute; left: 0; bottom: 0; width: 100%; }
.cus-change .bd ul li .tt span { display: block; color: #fff; position: relative; text-align: center; }
.cus-change .bd ul li:nth-child(2n) { /* margin-right: 0; */ }
/* .cus-change .bd ul li .tt span:after { position: absolute; display: block; left: 0; bottom: 0; content: ""; width: 100%; height: 0.72rem; background: url(../images/20.jpg) no-repeat; background-size:100% 100%;} */

/* 明门物业 */
.zt-wuye { padding-bottom: 0.8rem; }
.wuye {  }
.wy-hd { text-align: center; text-align: center; padding: 0.8rem 0 0.6rem; }
.wy-hd span { display: block; font-size: 0.72rem; line-height: 1.5; font-weight: bold; color: #000; }
.wy-hd em { display: block; color: #000; }
.wy-bd {  }
.wy-bd img { display: block; width: 94%; margin: 0.4rem auto; }
.wy-bd p { padding: 0 3%; line-height: 1.6; color: #000; }


/* 明门文化 */
.culture { background: url(../images/18.jpg) no-repeat; background-size: 100% 100%; padding-bottom: 0.7rem; }
.cul-hd { border-bottom: 1px solid #fce8c2; text-align: center; padding: 0.8rem 0 0.6rem;}
.cul-hd span { display: block; font-size: 0.72rem; font-weight: bold; color: #000; }
.cul-hd em { display: block; color: #000; }
.cul-bd ul { padding: 0 2%; }
.cul-bd ul li { margin-top: 0.72rem;}
.cul-bd .cul-img {  width: 4.36rem; height: 3.92rem; float: left; margin-right: 0.32rem;}
.cul-bd .cul-img img { width: 100%; height: 100%; display: block; object-fit: cover; }
.cul-bd .cul-txt { }
.cul-bd .cul-txt p { padding: 0.3rem 0; font-size: 0.48rem; line-height: 0.75rem; color: #333;}
.cul-bd .cul-txt em {  display: inline-block; background: #4f4b4c; color: #fff; padding: 2px 8px;   margin-top: 0.08rem;}






/*媒介查询*/
@media screen and (min-width:320px) {
	html {font-size: 21.33px}
	body {font-size: 12px}
}

@media screen and (min-width:360px) {
	html {font-size: 24px; }	
	body {font-size: 14px}
}

@media screen and (min-width:375px) {
	html {font-size: 25px}
	body {font-size: 14px}
}

@media screen and (min-width:384px) {
	html {font-size: 25.6px	}
	body {font-size: 14px}
}

@media screen and (min-width:400px) {
	html {font-size: 26.67px}
	body {font-size: 14px}
}

@media screen and (min-width:414px) {
	html {font-size: 27.6px	}
	body {font-size: 14px}
}

@media screen and (min-width:424px) {
	html {font-size: 28.27px}
	body {font-size: 14px}
}

@media screen and (min-width:480px) {
	html {font-size: 32px}
	body {font-size: 15.36px}
}

@media screen and (min-width:540px) {
	html {font-size: 36px}
	body {font-size: 17.28px}
}

@media screen and (min-width:720px) {
	html {font-size: 48px}
	body {font-size: 23.04px}
}

@media screen and (min-width:750px) {
	html {font-size: 50px}
	body {font-size: 24px}
}