@charset "utf-8"; 
/*全局初始化样式*/
body{ padding:0px; margin:0px auto; font-family:Microsoft YaHei,arial,'宋体'; color: #666; width: 100%; zoom:1; background: #fff;overflow: hidden;

/*禁用Webkit内核浏览器的文字大小调整功能*/
-webkit-text-size-adjust:none; 

/*取出点击出现半透明的灰色背景*/
-webkit-tap-highlight-color:rgba(0,0,0,0); 
-webkit-tap-highlight:rgba(0,0,0,0);

/*控制文本可选性*/
/*-webkit-user-select: none; 
    -ms-user-select: none;
   -moz-user-select: none;
 -khtml-user-select: none;
        user-select: none;
        */
/*设置字体的抗锯齿或者说光滑度*/
-webkit-font-smoothing: antialiased;  
}
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
ul,li,form, dl,dt,dd, div{ padding: 0px; margin: 0px;}
/*默认去除ul、li的默认样式*/
ul,li{ list-style:none; margin: 0;} 
/*初始化下拉菜单、单行输入框、多行输入框的样式*/
select,input,textarea{ border-radius:0; -webkit-border-radius:0; color:#414446;} 
/*表单元素获得焦点时不显示虚线框*/
input:focus{ outline: none;}
input,button,select,textarea{outline:none;font:caption/*-webkit-appearance:none;*//*强制去除表单自带的样式*/ } 
/*不允许多行输入文本框有滚动条*/
textarea{resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/ } 
/*初始化表单元素样式*/
textarea,input,select {background:none; border:none; margin:0; padding:0;}
/*初始化HTML5标签样式*/
audio,canvas,progress,video { display: inline-block; vertical-align:baseline;}
article,aside,footer,header,nav,section,figure,figcaption{ display:block;}
/*去除figure边距*/
figure,figcaption{ margin:0px; padding:0px;}

/*初始化图片样式*/
img{ border:none; border:0; max-width:100%; vertical-align:top;}
input,select,button{outline: none;}
/*初始化a的样式和字体样式*/
a{ color:#000; text-decoration:none; -webkit-tap-highlight-color:rgba(0,0,0,0);
-webkit-tap-highlight-color: transparent;}
a:focus {outline:none; -moz-outline:none;text-decoration:none;}
a:hover{ color: #008B44; text-decoration:none;}
a:visited{text-decoration:none;}
h1,h2,h3,h4,h5,h6,p{padding: 0; margin: 0;}
.fl{float:left;*display: inline;}
.fr{float:right;*display: inline;}
/*清除浮动*/
.clear{display:block;height:0;overflow:hidden;clear:both;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{zoom:1;}html{overflow-y:scroll;}
/*body,input,select,textarea{font-family:-apple-system-font,BlinkMacSystemFont,"Helvetica Neue","PingFang SC","Hiragino Sans GB","Microsoft YaHei UI","Microsoft YaHei",Arial,sans-serif;}
*/
/*全局样式*/
.container{max-width:100%;}
 
/* 头部 */
.header{ width: 100%;position: fixed;left: 0;top: 0;z-index: 999; height: 80px; border-bottom: 1px solid #ddd;padding:0 0 0 2%;background-color: #fff;}
.logo{padding-left: 12%; height: 100%;display: flex;align-items: center;}
.logo a {width:100%;max-height: 100%;}
.logo img{max-height: 100%; width:100%;margin: auto;}

.banner{padding-top: 80px;width:100%}
/*.banner img{width:100%;height: 100%};*/
.mainNav{height:80px;line-height:80px;position: absolute;right:21%;top: 0;z-index: 999;}
@media screen and (max-width: 1400px) {
    .logo{padding-left:0;}
    .mainNav{right:11%;}
}
.mainNav li{float:left;text-align:center;}
.mainNav li>a{font-size:12px;line-height:80px;height:80px;display: block;padding: 0 22px;font-weight:700;}
/* .mainNav li:first-child>a{background: none;} */
.mainNav li:last-child>a{padding-right: 0;}
.nav {display: block;margin: 0 auto;}
.nav ul li {float: left;position: relative;}
.nav ul li .f_a {display: block;text-align: center;font-size: 14px;;}
/*.nav ul li:hover .f_a{background-color:#e40212;color: #fff; transition:all .3s}*/
.nav ul li .s_navbox {display: none;position: absolute;left: 0;width: 100%;background: rgba(255, 255, 255, 0.7);z-index: 9999;box-sizing: border-box}
.nav ul li .s_navbox .s_a a {color: #000;font-size: 14px;text-transform: uppercase;display: block;text-align: center;border-top: 1px solid #fff; width: 100%;height: 40px;line-height: 40px;}
.nav ul li .s_navbox .s_a a:hover { color: #28A85D;}

.m_nav {display: none}
.headlf .m_logo {  display: none}
.headrg .m_menuimg { display: none}

/*banner*/
.HomeBan {margin-top: 80px; width: 100%;position: relative;z-index: 0;height: 450px;}
.HomeBan .swiper-slide a{display: block;height: 100%;}
.HomeBan .swiper-pagination-bullet{width:10px;border-radius:10px;height:10px;background: none; border: 1px solid #fff;opacity:1;}
.HomeBan .swiper-pagination-bullet-active{background:#fff;}
.HomeBan .swiper-slide img{width:100%;height: 100%;}
.HomeBan .swiper-pagination{bottom:20px;}
.HomeBan .swiper-pagination .swiper-pagination-bullet{background-color: #fff; width: 10px;height: 10px; border-radius: 5px;border: none;}
.HomeBan .swiper-pagination .swiper-pagination-bullet-active{background-color: #28A85D;}
/*footer*/
.footer{background:#393939;padding:10px 0 0;}
.footer .foot{padding-bottom:10px;}
.footer .dlnav{float:left;width: 160px;}
.footer .dlnav dt{font-size:16px;color:#fff;}
.footer .cenbox h3,.footer .rigbox h3{font-size:16px;color:#fff;margin-bottom:5px;}
.footer .dlnav dd{line-height: 10px;}
.footer .dlnav dd a,.footer .cenbox p{color:#AEAEAE;font-size:14px;display:block;padding:6px 0;}
.footer .dlnav dd a:hover{color: #fff;}
.footer .cenbox{margin-left: 50px;}
.footer .cenbox h2{font-size:32px;font-weight:bold;color:#fff;}
/*.footer .cenbox p{margin-bottom: 25px;}*/
.footer .rigbox .linkbox{margin:px 0;}
.footer .rigbox .linkbox a{display:inline-block;width:40px;height:40px;background:#505050; text-align:center;line-height:40px;
font-size:28px;border-radius:50px;margin-right:16px;color:#fff;position:relative;}
.footer .rigbox .codebox{text-align:center;position:absolute;left:28px;top:45px;width:70px;margin-left:-40px;z-index:99;display:none;}
/*.footer .rigbox .codebox::before{position: absolute;right:47px; top: -12px; width: 0;content: "";height: 0;*/
/*border-width: 6px;border-style: solid;border-color: transparent transparent #fff transparent;}*/
.footer .rigbox .linkbox a:hover .codebox{display:block;}
.footer .rigbox .codebox img{width:100%;height:100%;}
.footer .rigbox  .codebox p{color:#999;font-size:12px;line-height: 15px;}
.footer .copyright .contain{border-top:1px solid #6E6E6E;padding:10px 0; text-align: center;}
.footer .copyright,.footer .copyright a{color:#ccc;font-size:12px;}
.footer .copyright a{padding-left:5px;}

.whitebg{background: #fff; padding-top: 30px;}
/*内容区*/
.inside-page{padding-bottom: 100px;}

.index-news{padding:35px 0 20px;}
.index-news .lefbox{width:580px;height:365px;position:relative;float:left;}
.index-news .lefbox .bd li{position:relative;width:580px;height:365px;}
.index-news .lefbox .bd li a{display: block;}
.index-news .lefbox .bd li a img{width:580px;height:365px;}
.index-news .lefbox .bd li p{color:#fff;font-size:16px;position: absolute;bottom:0;left:0;width:100%;text-align:left;background:rgba(0,0,0,0.5);padding:10px 25px 10px 0;text-indent:1em;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;box-sizing:border-box;}
.index-news .lefbox .hd{position: absolute;right:10px;bottom:14px;z-index:9;font-size:0;}
.index-news .lefbox .hd li{display: inline-block;*display: inline;background:#e4e4e4;width:8px;height:8px;margin:0 3px;border-radius:8px;
cursor: pointer;}
.index-news .lefbox .hd li.on{background:#FFF;}
.index-news .rigbox{width:600px;}
.index-news .rigbox .topCon{padding:17px 0 10px;border-bottom: 1px dashed #C4C4C4;}
.index-news .rigbox .topCon a{display:block;color:#333;font-size: 20px;margin-bottom:10px;font-weight: bold;text-align: center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.index-news .rigbox .topCon p{color:#999;font-size:16px;height:40px;text-indent: 2em;}
.index-news .rigbox .topCon p .more{font-size:12px;color: #28A85D;display: inline;}

.tablist{font-size: 0; height:42px;line-height:42px;border-bottom: 1px solid #ccc;}
.tablist li{display:inline-block;}
.tablist li a{color:#333;font-size:20px;display:block;padding:0 16px;font-weight:bold;}
.tablist li.bg a{color:#28A85D;border-bottom: 2px solid #28A85D;}
.newslist li{text-align: right;position:relative;margin-top:16px;}
.newslist li a{display: block;float: left;color:#333;font-size:16px;width:80%;white-space:nowrap;overflow: hidden;text-overflow: ellipsis;text-align: left;}
.newslist li a b{display:inline-block;width:3px;height:5px;background:url("../images/sanjiao.png") no-repeat left center;margin-right:10px;vertical-align:2px;}
.newslist li span{color:#666;font-size:14px;}
.newslist li:hover a,.newslist li:hover span{color:#28A85D;}


.index-pic{padding:10px 0 20px; text-align: center;}

.index-content{padding:10px 0 20px;width: 1200px;margin: 0 auto;}
.index-content .itemBox{width:580px;border: 1px solid #ccc;}
.content-title{height: 50px; line-height: 50px;background-color: rgb(243, 243, 243);font-weight: 700;text-indent: 2em;color: #000;border-bottom: 1px solid #ccc;}
.content-title .more{color: #ccc;font-size: 14px;float: right;padding-right: 10px;}
.index-content .itemBox .newslist li {padding: 0 10px;border-bottom: 1px dotted #ccc;height: 50px;line-height: 50px;margin-top:0}
.index-content .itemBox .newslist li:last-of-type{border: none;}


.index-act{padding: 10px 0 20px;width: 1200px;margin: 0 auto;}
.index-act .contain{border: 1px solid #ccc;}
.index-act .content{border: 1px solid #ccc;border-top:none; padding: 20px 60px 20px 60px;position:relative;}
/*.picMarquee-left{ overflow:hidden; position:relative; padding: 0 20px 20px 20px;}*/
/*.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }*/
.picMarquee-left .swiper-slide { float:left; _display:inline; overflow:hidden; text-align:center;  }
.picMarquee-left  .swiper-slide  .pic{ text-align:center; width:280px; height:210px; overflow: hidden;}
.picMarquee-left  .swiper-slide .pic img{ width:280px; height:210px; display:block; transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);
transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out;}
.picMarquee-left .swiper-slide  .tit {width: 280px;}
.picMarquee-left .swiper-slide  .tit a{display: block; text-align: center; font-size: 16px; color: #666; padding-top: 20px;  display: -webkit-box;  white-space: normal;
    text-overflow: ellipsis;-webkit-line-clamp: 1; -webkit-box-orient: vertical;word-break: break-word;}
.picMarquee-left .swiper-slide :hover .pic img{transform: scale(1.05);-webkit-transform: scale(1.05);-moz-transform: scale(1.05);}
.picMarquee-left .swiper-slide :hover .tit a{color:#28A85D;}
.index-act .content .prev,.index-act .content .next{width: 50px;height:50px;display:inline-block;top:50%;position:absolute;transform: translateY(-90%);background-size:50px;}
.index-act .content .prev{background-image: url(../images/prev.png);left: 0;}
.index-act .content .next{background-image: url(../images/next.png);right: 0;}

.index-work{padding: 10px 0 20px;width: 1200px;margin: 0 auto;}
.index-work .leftBox{width:450px;margin-right: 10px;border: 1px solid #ccc;box-sizing: border-box;}
.index-work .rightBox{width:280px;border: 1px solid #ccc;box-sizing: border-box;}
.index-work .leftBox .work-content{padding: 20px;}   
.index-work .leftBox .work-content img {width: 150px;height: 100px;}  
.index-work .leftBox .work-content .content{width:240px;padding-left: 10px;font-size: 14px;}
.index-work .leftBox .work-content .content .more{font-size:12px;color: #28A85D;display: inline;}
.index-work .rightBox .workBox{padding: 27px;width: 150px;height: 100px;position: relative;margin:0 auto;}
.index-work .rightBox .swiper-container  {width: 150px;height: 100px; }
.index-work .rightBox .swiper-wrapper .swiper-slide a{width: 100%;height: 100%; display: inline-block;}
.index-work .rightBox .swiper-wrapper .swiper-slide a img{width: 100%;height: 100%;}
.swiper-button-prev {width: 20px;height: 20px;background-image: url(/static/images/swiper-button-prev.png);transform: translateY(50%);left: -20px;}
.swiper-button-next{width: 20px;height: 20px;background-image: url(/static/images/swiper-button-next.png);transform: translateY(50%);right: -20px;}


/*内页banner*/
.Sban{height:120px;position:relative;width:100%;overflow:hidden;}
.Sban .ban{position:absolute;width:1920px;left:50%;margin-left:-960px;height:120px;}
.Sban .ban img{height:100%;width:100%;}
.breadcrumbs {background-color: #fff;}
.breadcrumbs .location{line-height: 32px;}
.breadcrumbs{padding:20px 0;}
.breadcrumbs .iconfont{vertical-align:1px; margin-right:5px;font-size:14px;color:#868686;}
.breadcrumbs span,.breadcrumbs a,.breadcrumbs{color:#666; font-size:14px; }
.breadcrumbs a:hover,.breadcrumbs span{color:#28A85D;}

.in-container{background: #fff;margin-top: 20px;padding: 20px;}
.subtitle {padding:40px 30px 35px; background: #288053; margin-bottom: 3px;}
.subtitle .cn-tit{color:#fff;font-size:22px;margin-bottom:2px;}
.subtitle .en{color:#36BD71;font-size:22px;text-transform:uppercase;letter-spacing:1px;}

.menulist{border-right: 1px solid #F1F1F1;width:200px;min-height:420px;float:left;background-color: rgb(245, 245, 245);}
.menulist h2{color:#333;font-size:26px;padding:84px 30px 30px;border-bottom:1px dotted #F1F1F1;}
.menulist li{padding: 0 10px;}
.menulist li>a{display:block;color:#4c4c4c;font-size:16px;padding:20px 0;border-bottom:1px dotted #999}
.menulist li>a img{float: left;font-weight:bold;vertical-align:middle; display: block;margin-right: 5px;width: 20px;}
.menulist .dlmenu{display:none;}
.menulist .dlmenu dd a{display:block;padding:14px 50px;border-top:1px solid #F1F1F1;font-size:14px;color:#666;text-transform: uppercase;}
.menulist li:hover>a,.menulist li.active>a{color:#28A85D;}
.menulist .dlmenu dd:hover a,.menulist .dlmenu dd.on a{color:#28A85D;}
.menulist li.active .dlmenu{display:block;}
.second-menu dd{padding:15px 0 15px 38px;border-top:1px solid #F1F1F1;}
.second-menu dd a{color:#4c4c4c;font-size:15px;}
.second-menu dd.active a,.second-menu dd:hover a{color:#28A85D;}



.rigCon{padding: 0 30px; float: right; width: 920px;}
.main-title {padding-bottom:25px;overflow: hidden;}
.main-title h2 {text-transform: uppercase;color: #7F7F7F;font-size:18px;padding-bottom:15px;}
.line{border-bottom: 1px solid #ccc;width: 100%;}

.page{width: 460px;margin: 0 auto;}
/* 分页按钮*/
.page_div {margin: 40px 10px 20px 0; color: #666}
    /* 页数按钮样式 */
.page_div a { display: inline-block;min-width: 30px; height: 28px;cursor: pointer; color: #666;font-size: 13px;line-height: 28px;background-color: #f9f9f9;
    border: 1px solid #dce0e0;text-align: center;margin: 0 4px; -webkit-appearance: none;-moz-appearance: none;appearance: none;background-color: rgb(224, 226, 229);}
#firstPage,#lastPage,#nextPage,#prePage {width: 50px;}
#nextPage,#prePage {width: 30px}
.page_div .current {background-color:#28A85D;color: #FFF}
   /* 页面数量 */
.totalPages {margin: 0 10px}
.totalPages span,.totalSize span {color: #28A85D;margin: 0 5px}
   /*button禁用*/
.page_div button:disabled {opacity: .5;cursor: no-drop}


/*关于我们*/
.aboutus .auPic{width: 650px;height: 427px;margin: 0 auto;padding-bottom: 20px;}
.aboutus .auPic img{width: 100%;height: 100%;}
.aboutus .contentWord{font-size: 14px; color: #666; line-height: 26px; padding-bottom: 120px;text-indent: 2em;}
.aboutus .contentWord p{padding: 15px 0;}

/*新闻列表*/
.pic-words{margin-top: -15px;}
.pic-words li{padding: 25px 0;border-bottom: 1px dashed #C9C9C9;}
.pic-words li .img,.pic-words li .img img{width: 300px; height: 190px;}
.pic-words li .text{width: 600px;padding: 20px 0 ;}
.pic-words li .text h3 a{display: block; font-size: 24px; color: #28A85D; }
.pic-words li .text p{font-size: 18px; color: #333; line-height: 24px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;
 -webkit-line-clamp: 2; -webkit-box-orient: vertical; padding-top: 20px;}
.pic-words li .text .content{font-size: 14px; color: #999; margin-top:20px;line-height: 24px;}
.pic-words li:hover .text .content{color: #28A85D;}
.nopic .time {width: 150px;font-size: 20px; color: #28A85D;padding-top: 10px;}
.nopic .time a{color: #28A85D;}
.pic-words .nopic .text{width: 770px; padding: 0;}
.pic-words .nopic .text p{ padding-top:10px;}
.pic-words .nopic .text .content{ margin-top:10px;}

/*新闻详情*/
.details .title{font-size: 24px;text-align: center;padding: 10px 0 20px 0; border-bottom: 1px dotted #ccc;color: #000;}
.details .time{font-size: 14px;text-align: center;padding: 10px; border-bottom: 1px dotted #ccc;}
.details .time span{padding-right: 40px;}
.details .detailContent{padding: 20px 20px 100px 20px;font-size: 14px;}

.details .link{width: 100%;background-color: #F7F7F7;padding: 20px;margin:0 20px; font-size: 14px;}
.details .link a{color: #666;}
.details .link a:hover{color: #28A85D;}
.details .link div:first-of-type{padding-bottom: 10px;}

/* 物业项目 */
.serve .serveLlit { width: 100%;height: 800px; margin-top:20px ;}    
.serve .serveLlit .content{ width:100%;height: 200px;  box-sizing: border-box;}
.serve .serveLlit .mark{margin-top: 10px; text-align: center;}
.serve  .serveLlit .contentBox {position: relative; display: inline-block;width: 30.5%;margin:0 3% 30px 0;}
.serve  .serveLlit .contentBox:nth-of-type(3n){margin:0 0 30px 0;}
.serve  .serveLlit .contentBox .hide{position: absolute;left: 0;top:0;background-color: rgba(0, 0, 0, .2); width: 100%;height: 200px; display:none;}
.serve  .serveLlit .contentBox:hover .hide{display: block;}
.serve  .serveLlit .contentBox:hover .mark{transform: translateY(-120px);color: #28A85D; transition: .2s;}


