@import url("css2.css");

/* reset css */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, textarea, p, th, td {margin:0; padding:0; -webkit-text-size-adjust:none;}
th{font-weight:normal; text-align:left;}
table{border-collapse:collapse; border-spacing:0;}
img{border:0;}
ol, ul{list-style:none;}
.clear{ clear:both;}
a{outline:none; hlbr:expression(this.onFocus=this.blur()); text-decoration:none; cursor:pointer;}
input , select , textarea , button{outline:none; border-radius:0; font-family:arial , Microsoft YaHei;}
button{cursor:pointer;}
a:link {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:none;}
a:active {text-decoration:none;}
.blank80{ height:80px; clear:both;}
.blank10{ height:10px; clear:both;}
body{font-family:arial,"微軟正黑體";  font-size:16px; line-height:28px; color:#333333;overflow-x: hidden;
}
#xs_index_wap{ display: none;}
#xs_index_web{ display: block;}
.container{width:96%; margin-left:auto; margin-right:auto ; max-width:1200px; min-width:280px;}
.container2{width:96%; margin-left:auto; margin-right:auto ; max-width:1200px; min-width:280px;}
.container3{width:96%; margin-left:auto; margin-right:auto ; max-width:1200px; min-width:280px;}


/*** 導航開始 ***/
.header_top{ height:100px;background-color:#fff;}
.header_top h1{ float: left;width:30%;margin-top:10px;}
.header_top h1 img{max-width:80px;width:100%;}
.head{position: relative;float:left;width:70%;}
.head .navbox{width:100%; margin-left:auto; margin-right:auto ;}
.head .nav{display: block; float: right;width:calc(100% - 10px);}
.head .nav .nav_pc{ width: 100%;}
.head .nav ul li{float:left;position: relative;box-sizing: border-box;z-index: 999;}
.head .nav ul li span{display:none;}
.head .nav ul li .f_a{line-height:40px;display:block;text-align:center;font-size:16px;color:#989898; font-weight: bolder;line-height: 100px;}
.head .nav ul li:hover .f_a{color: #fff; transition:all .3s;background-color:#C5A9A6;}
.head .nav ul li .s_navbox{display:none;position: absolute;left: 0;width: 100%; background:#fff;background-color: #2467EC;z-index: 9999;box-sizing: border-box}
.head .nav ul li .s_navbox .s_a a{color:#fff;font-size:14px;text-transform:uppercase;display:block;text-align: center;padding: 10px 0;border-bottom: 1px solid #fff;}
.head .nav ul li .s_navbox .s_a a:hover{background-color:#666;color: #fff;}
.m_nav{display:none}
.headlf .m_logo{display: none}
.headrg .m_menuimg{display: none}
#select{color: #222222; transition:all .3s;background-color:#F9F7F7;}
/* 下拉侧边菜单 */
.sidenav{position: relative;width:180px;display: block; float: left;}
.sidenav label {width:180px;display: block;padding-left: 55px;box-sizing: border-box; background: #A4CC76;position: relative;height: 48px;line-height: 48px;color: #fff;font-size: 16px;}
.sidenav label i {width: 30px;height: 30px;display: block;position: absolute;background-size: 20px;left: 25px;top: 16px;}
.sidenav .side {display: inline-block;position: absolute;top: 48px;left: 0;z-index: 999;width: 180px;background: #fff;border-top: none;background-color: rgba(255, 255, 255, .95);box-sizing: border-box;}
.sidenav .side li {position: relative;width:100%; padding:5px 0px;border-bottom: 1px solid #cccccc;box-sizing: border-box}
.sidenav ul.side li:first-child {cursor: pointer;}
.sidenav .side li a {color: #333;height: 40px;line-height: 40px;padding: 8px 0 8px 0;display: block;font-size: 16px;}
.sidenav .side li a:hover {background: none;color: #0085cd;}
.sidenav .side li a i {transition: all 0.3s ease 0s;}
.sidenav .side li a i.side_t {margin-left:10px; width: 40px;height: 40px;display: inline-block;vertical-align: middle;background-size: 30px;}
.sidenav .side li a:hover i {margin-left: 15px;}
.icon1{background: url(../imgs/sideIcon1.png) no-repeat;}
.icon2{background: url(../imgs/sideIcon1.png) no-repeat;}
.icon3{background: url(../imgs/sideIcon1.png) no-repeat;}
.icon4{background: url(../imgs/sideIcon1.png) no-repeat;}
.icon5{background: url(../imgs/sideIcon1.png) no-repeat;}
.icon6{background: url(../imgs/sideIcon1.png) no-repeat;}
.icon7{background: url(../imgs/sideIcon1.png) no-repeat;}
.sidenav .side li:hover .side_main {display: block;z-index: 999;}
.sidenav .side .side_main {display: none;width: 500px;background: #FFFFFF;position: absolute;left: 180px;top:0;box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.1);border: 1px #cecece solid;z-index: 7;}
.sidenav .side .side_main dl {margin: 20px;padding: 0;}
.sidenav .side .side_main dl dt {font-size: 18px;margin-bottom: 10px;color: #0173b2;font-weight: bold;}
.sidenav .side .side_main dl dt b{font-size: 15px;}
.sidenav .side .side_main dl dd {margin-bottom: 10px;display: inline-block;}
.sidenav .side .side_main dl dd a {position: relative; display: inline-block;color: #777;font-size: 14px;margin:0 4px ;padding: 0 5px;border-right: 2px solid #bbbbbb; height: auto;line-height: 1.5;transition: all 0.2s ease 0s;}
i.icon-hot,i.icon-new {display: inline-block;height: 9px;width: 24px;background: url(../imgs/img_public.png) no-repeat;vertical-align: middle;}
i.icon-hot {background-position: 0 -240px;}
i.icon-new {background-position: -40px -240px;}
.sidenav .side .side_main dl dd a span {color: #999;}
.sidenav .side .side_main dl dd a:hover {background: none;color: #cf1322;transform:translateY(-2px);}
.sidenav .side .side_main dl dd a:hover b {color: #40adf5;}
.sidenav .side .side_main dl dd a:hover span {color: #40adf5;}

/*** 首頁幻燈片開始 ***/
.banner-slider{}
.slider-item{position:relative; margin:0 auto;}
.slider-item img{display:block; width:100%; height:auto;}
.banner-slider .owl-dot{background-color: transparent;}
.banner-slider .owl-dots {line-height: 1;margin-top: 0 !important; position: absolute; left: 0px;bottom: 30px;display: block; width: 100%; max-width: 1320px;margin: auto; right: 0;text-align: center;}
.banner-slider .owl-dots .owl-dot span {width: 10px; height: 10px;margin: 0 6px;border-radius: 50%;-webkit-transition: all ease 0.5s;
transition: all ease 0.5s;position: relative;border:solid 2px #fff;background-color: transparent;}
.banner-slider .owl-dots .owl-dot:hover span {background: #fff;}
.banner-slider .owl-dots .owl-dot.active span { background: #fff;}
/*** 首頁幻燈片結束 ***/


.indextitle h3{text-align: center;color:#3F3F3F;font-size:30px;letter-spacing: 2px;font-weight: bolder;}
.indextitle p{color:#888;font-size: 16px;text-align: center;margin-top:10px;}

.indexkang{background-color: #C5A9A6;position: relative;min-height: 800px;}
.vc-bg-lines div {background: rgba(0, 0, 0, 0.05); width: 1px;height: 100%;position: absolute;left: -webkit-calc(100% / 8);left: calc(100% / 8); }
.vc-bg-lines.light div {background: rgba(255, 255, 255, 0.08); }
.vc-bg-lines div:nth-child(2) {left: -webkit-calc(100% / 8 * 2);left: calc(100% / 8 * 2); }
.vc-bg-lines div:nth-child(3) {left: -webkit-calc(100% / 8 * 3);left: calc(100% / 8 * 3); }
.vc-bg-lines div:nth-child(4) {left: -webkit-calc(100% / 8 * 4);left: calc(100% / 8 * 4); }
.vc-bg-lines div:nth-child(5) {left: -webkit-calc(100% / 8 * 5);left: calc(100% / 8 * 5); }
.vc-bg-lines div:nth-child(6) {left: -webkit-calc(100% / 8 * 6);left: calc(100% / 8 * 6); }
.vc-bg-lines div:nth-child(7) {left: -webkit-calc(100% / 8 * 7);left: calc(100% / 8 * 7); }
.vc-bg-side-text {color: rgba(40, 40, 40, 0.15);position: absolute;font-size: 100px;line-height: 100%;
  font-weight: 600;font-family: "Poppins", sans-serif;top: 200px; text-align: left;
  -webkit-transform-origin: 0% 0%;-ms-transform-origin: 0% 0%;transform-origin: 0% 0%;
  -webkit-transform: rotate(-90deg) translateX(-100%) translateY(-50%);
      -ms-transform: rotate(-90deg) translateX(-100%) translateY(-50%);
          transform: rotate(-90deg) translateX(-100%) translateY(-50%); left:100px}
#indexbgtxt{color: #DACBCA;font-size: 80px;letter-spacing: -1px;font-weight: 600;}

.overlay {width: 100%;height: 100%;position: absolute;top: 0; left: 0; }
.portfolio-item-wrap{height: 100%;margin-top:50px;}
.portfolio-item { margin: 0; position: relative;-webkit-transition: all 2s ease-in-out;-o-transition: all 2s ease-in-out;transition: all 2s ease-in-out;z-index: 1;}
.portfolio-item .image-wrap {background: #dadada; width: 100%;min-height: 80px;position:relative;text-align: center;display: block; -webkit-transition: height .2s ease-in-out;
 -o-transition: height .2s ease-in-out;transition: height .2s ease-in-out;}
.portfolio-item .image-wrap img {width: 100%;vertical-align: middle; display: block; }
.portfolio-item.grid-1:after { content: '';background: rgba(255, 255, 255, 0.8); width: -webkit-calc(100% - 50px); width: calc(100% - 50px);height: -webkit-calc(100% - 50px);
height: calc(100% - 50px);position: absolute;top: 25px;left: 25px;z-index: 1;opacity: 0;
-webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); -webkit-transition: 0.3s cubic-bezier(0.17, 0.67, 0.49, 1.02);
-o-transition: 0.3s cubic-bezier(0.17, 0.67, 0.49, 1.02); transition: 0.3s cubic-bezier(0.17, 0.67, 0.49, 1.02); -webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;-o-transition-property: transform, opacity;transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; }
.portfolio-item.grid-1 .description { padding-top: 50px;z-index: 2;-webkit-transition: opacity .3s ease-in-out; -o-transition: opacity .3s ease-in-out;
transition: opacity .3s ease-in-out; }
.portfolio-item.grid-1:after { content: '';  background: rgba(255, 255, 255, 0.8); width: -webkit-calc(100% - 50px);
width: calc(100% - 50px); height: -webkit-calc(100% - 50px); height: calc(100% - 50px); position: absolute; top: 25px;left: 25px; z-index: 1;
 opacity: 0;-webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9);-webkit-transition: 0.3s cubic-bezier(0.17, 0.67, 0.49, 1.02);
-o-transition: 0.3s cubic-bezier(0.17, 0.67, 0.49, 1.02); transition: 0.3s cubic-bezier(0.17, 0.67, 0.49, 1.02);-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;-o-transition-property: transform, opacity; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; }
.portfolio-item.grid-1:hover .description { opacity: 1; }
.portfolio-item.grid-1.hover-3 { overflow: hidden; }  .portfolio-item.grid-1.hover-3:after {content: none; }
.portfolio-item.grid-1.hover-3 .description { background: rgba(255, 255, 255, 0.8); width: 100%; height: auto; padding: 25px; top: auto;  bottom: 0; opacity: 0; text-align: left;
-webkit-transform: translateY(15px);-ms-transform: translateY(15px); transform: translateY(15px);-webkit-transition: .2s ease-in-out;-o-transition: .2s ease-in-out;
transition: .2s ease-in-out;-webkit-transition-property: opacity, -webkit-transform;transition-property: opacity, -webkit-transform;-o-transition-property: opacity, transform;
transition-property: opacity, transform;transition-property: opacity, transform, -webkit-transform; padding-top:20px;padding-bottom:15px;}
.portfolio-item.grid-1.hover-3:hover .description {-webkit-transform: none;-ms-transform: none;transform: none;opacity: 1; }
.portfolio-item.grid-1 .description .title{font-size: 18px;line-height: 28px;letter-spacing: 1px;color:#000}
.portfolio-item.grid-1 .description .p{font-size: 15px;line-height: 24px;letter-spacing: 1px;}

.casekang{background-color: #fff;padding-top:70px;padding-bottom:60px;margin-top:50px;}
.houseleft{padding-left:10%;width:90%;}
@media screen and (max-width:1440px){
  .vc-bg-side-text {left:50px}
}
@media screen and (max-width:1200px){
  .vc-bg-lines{display: none;}
  .vc-bg-side-text{display: none;}
  .blank80{ height:60px; clear:both;}


}

#btn {
  width:40px;
  height: 40px;
 position:fixed;
  right:10px;
  bottom:20px;
  background:url(../images/top.png)  no-repeat  left top ;
  margin-left: 610px;
  z-index: 999;
}
#btn:hover {
  background:url(../images/top.png)  no-repeat  left -40px;
}

.serviceslist ul{margin-top:50px;}
.serviceslist ul li{width:25%;float: left;background-color: #fff;padding-top:30px;padding-bottom:30px;}
.servicesitem{width:90%;margin:0 auto;}
.servicesitem img{width:100%;max-width:92px;display: block;margin:0 auto;}
.servicesitem h3{font-size: 18px;font-weight: bolder;margin-top:20px;text-align: center;}
.servicesitem p{color:#999;font-size: 16px;line-height: 28px;margin-top:20px;height:80px;overflow: hidden;}
.serviceslist ul li:nth-child(2){background-color: #fff;}
.serviceslist ul li:nth-child(4){background-color: #fff;}


/*** 新闻***/
.kecheng-slider .owl-nav {margin-top: 0px;line-height: 40px;position: absolute;top:50%;right:0px;width:100%;}

.kecheng-slider .owl-nav .owl-prev{
 position: absolute;left:-70px;
}
.kecheng-slider .owl-nav .owl-next{
  position: absolute;right:-70px;

 }
 @media screen and (max-width:1354px){

 .kecheng-slider .owl-nav .owl-prev{
  position: absolute;left:-30px;
 }
 .kecheng-slider .owl-nav .owl-next{
   position: absolute;right:-30px;
 
  }
}
@media screen and (max-width:1200px){

  .kecheng-slider .owl-nav .owl-prev{
   position: absolute;left:20px;
  }
  .kecheng-slider .owl-nav .owl-next{
    position: absolute;right:20px;
  
   }
 }
.kecheng-slider .owl-nav .owl-prev, .kecheng-slider .owl-nav .owl-next {
background-color: #fff;border: 2px solid #9C9C9C !important;width: 40px;
height: 40px;line-height: 40px;color: #fff;text-align: center;
display: inline-block;border-radius: 50px;-webkit-transition: all ease 0.5s;
transition: all ease 0.5s;margin: 0;margin-left:10px;margin-right:10px;
}
.kecheng-slider .owl-nav .owl-prev i, .kecheng-slider .owl-nav .owl-next i {
font-size: 27px;position: relative;top: -1px;color: #9C9C9C;
-webkit-transition: all ease 0.5s;transition: all ease 0.5s;
}
.kecheng-slider .owl-nav .owl-prev:hover, .kecheng-slider .owl-nav .owl-next:hover {
background-color: transparent;background-color: #fff;border-color: #2567ec !important;
}
.kecheng-slider .owl-nav .owl-prev:hover i,.kecheng-slider .owl-nav .owl-next:hover i {color: #2567ec;}
.kecheng-slider .owl-nav .owl-next i { right: -1px;}

.haochulist{border-radius:0px;background-color: #FCFAF8;margin-top:50px;padding-bottom:30px;width:100%;}
.haochuimg{display: block;width:100%;}
.haochuimg img{width:100%;display: block;border-radius: 0px;}
.haochuinfo{width:90%;margin:0 auto;}
.haochuinfo h4{color:#8a5237;font-size: 16px;margin-top:20px;text-align: center;line-height:28px;height:55px;overflow: hidden;}
.haochuinfo h5{color:#878787;font-size: 14px;margin-top:15px;line-height: 28px;color:#878787;font-size: 14px;margin-top:10px;line-height: 28px;height:80px;overflow: hidden;}
.newsshare a{background-color: #3D5A9A;font-size:14px;color:#fff;display:block;border-radius: 50px;text-align: center;padding-top:5px;padding-bottom:5px;margin-top:15px}
.newsshare a i{font-size:30px;margin-right:10px;vertical-align: middle;}


/*** 聯絡我們 **/
.indexcontact{background-color: #fff;}
.map{float: left;width:50%}
.contact{float: right;width:50%;padding-top:80px;padding-bottom:80px;}
.contact article{width:90%;margin:0 auto;}
.companyinfo{margin-top:40px;;}
.companyinfo h1{font-size: 18px;font-weight: bolder;color:#999}
.companyinfo ul li{margin-top:10px;color:#888;margin-right:30px;float: left;}
.companyinfo ul li i{vertical-align: middle;margin-right:5px;font-size: 20px;}
.companyinfo p{color:#888;margin-top:10px;}
.bbsform{margin-top:30px;max-width: 600px}
.bbsline{margin-top:20px;background-color: #f1f1f1;}
.bbstxt{background-color: transparent;width:100%;border:none;text-indent: 10px;padding-top:5px;padding-bottom:5px;color:#666;}


.bbsbtn{background-color: #555;display: block;border:none;padding:10px;margin-top:30px;font-size: 15px;width:100%; max-width:180px; text-align: center;color:#fff;}
.bbsbtn:hover{background-color: #A97E7A;color:#fff;}
.mapheight{height:800px}
.aboutinfo span{display: block;width:70px;background-color: #222;height:2px;}
.aboutinfo strong{color:#999;margin-top:10px;font-size:15px;font-weight:lighter;margin-top: 10px;display: block;letter-spacing: 1px;}
.aboutinfo h3{margin-top:10px;font-size: 36px; font-weight: bolder;letter-spacing: 2px;}

footer{background-color: #000;padding-top:20px;padding-bottom:20px;margin-top:-8px;}
.endnav{text-align: center;font-size: 18px;color:#fff}


.bangongshi{background-color: #F6F6F6;margin-top:60px;padding-top:60px;padding-bottom:60px;}
.bgstitle h3{font-size: 36px; font-weight: bolder;letter-spacing: 2px;text-align: center;}
.bgstitle article{ color:#999;font-size: 16px;line-height: 28px;text-align: center;margin-top:20px;}
#box {min-height: 300px;background-color: #C5A9A6;overflow: hidden;position: relative;}
.pager a{width:30px;height:30px;line-height: 30px;background-color: #999;color:#fff;text-align: center;margin-left:5px;margin-right:5px;display: inline-block;}
.pager strong{width:30px;height:30px;line-height: 30px;background-color: #000;color:#fff;text-align: center;margin-left:5px;margin-right:5px;display: inline-block;}
.houseinfo{width:90%;}
.housel{ width:100%;margin-top:30px;background-color: #fff;padding-top:20px;padding-bottom:20px;}
.housel h5{line-height:30px;background-color: #fff;border-bottom:solid 1px #ccc;padding-bottom:10px;}
.housel h5 strong{ font-size:18px;color:#8A5237; font-weight:bold;margin-left:15px; }
.housel h5 i{margin-right:10px;}
.remark{margin-top:30px;border-top:solid 1px #ccc;padding-top:20px;line-height: 30px;border-bottom:solid 1px #ccc;padding-bottom:20px;}

.housel ul{ margin-top:10px;max-width:900px}
.housel ul li{ float:left;width:50%;line-height:30px;  color:#6e6e6e; background-image:url(../images/li06.jpg); background-repeat:no-repeat; background-position:left top; text-indent:25px;}
.housel p{ color:#6e6e6e;}

.housedetail{background-color: #fff;margin-top:50px;}
.houseshare a{background-color: #3D5A9A;color:#fff;display:block;text-align: center;padding-top:10px;padding-bottom:10px;margin-top:30px}
.houseshare a i{font-size:30px;margin-right:10px;vertical-align: middle;}
.houseshare a:hover{color:#fff;}
#news{margin-top:0px;}

.news-innerPage-content{background-color: #fff;margin-top:50px;padding-top:50px;padding-bottom:50px;}
.news-innerPage-content article{width:90%;margin:0 auto;}
.news-innerPage-txt h3{text-align: center;font-size:30px;font-weight: bolder;line-height: 50px;letter-spacing: 2px;}
.news-innerPage-txt p{margin-top:10px;text-align: right;color:#666;}
.order-2{margin-top:30px;}
.news-innerPage-content-pic img{width:100%;display: block;margin-top:15px;}

.news-innerPage-backbtn{margin-top:30px;text-align: center;}
.aboutmore{background-color: #222;display: block;color:#fff;padding:10px 0px;margin-top:30px;font-size: 15px;max-width: 180px; text-align: center;margin:0 auto;}
.aboutmore:hover{background-color: #999;color:#fff;}

.aboutindex{padding-top:50px;padding-bottom:0px;}
.aboutindex a{font-size:16px;color:#995931}
.aboutindex h3{font-size:25px;font-weight: bold;color:#664947}
.indexaboutinfo{margin-top:20px;color:#664947;font-size:18px;line-height:36px;margin-bottom:40px;}
.aboutimg{width:100%;display: block;}

@media screen and (max-width:768px){
  #xs_index_wap{ display: block;}
  #xs_index_web{ display: none;}
.blank80{ height:30px; clear:both;}
  .head{display:none}
  .m_img{display:block;background:#fff;position:fixed;top:0px;left:0px;width:100%;z-index:9999;border-bottom:0px solid #136A80;overflow: hidden; padding-top:5px; padding-bottom:5px;}
  .m_img .headlf{padding-top:2px;padding-left:5px;float: left;}
  .m_img .headlf .m_logo{height:45px;display: block}
  .m_img .headrg{padding-right:10px;padding-top:14px;float: right;}
  .m_menucart{float: right;}
  .m_menucart img{vertical-align: middle;margin-top:5px;margin-right:10px; display: inline-block;}
  .m_menucart a{position: relative;}
  .m_menucart a span{position: absolute;width:23px;height:23px;background-color: red;color:#fff;border-radius: 50px; text-align: center;line-height: 23px;top:-7px;left:15px;}
  .m_img .headrg a .m_menuimg{height:16px;vertical-align:top;display:inline-block}
  .m_nav {display:block;position:fixed;top:0px;left:0px;width:0px;height:0px;overflow:hidden;z-index:10000}
  .m_nav .closecover{position:absolute;width:100%;height:100%;background:#231816;filter:alpha(opacity=0);opacity:0;left:0px;top:0px;z-index:1}
  .m_nav .closeicon{position:absolute;width:20%;left:10px;top:5%;z-index:100;text-align:center;filter:alpha(opacity=0);opacity:0}
  .m_nav .m_navList{position:absolute;width:80%;right:0px;top:0px;background:#231816;height:100%;z-index:100;right:-80%;overflow-y: scroll;}
  .m_nav .m_navList ul{padding-left:5%;padding-right:5%}
  .m_nav .m_navList ul li{border-bottom:1px solid #333}
  .m_nav .m_navList ul li a{display:block;height:45px;color:#fff;line-height:45px;padding-left:5%;font-size:16px}
  .m_nav .m_navList ul li .m_f_a{display: flex;align-items: center;justify-content: space-between; width: 100%}
  .m_nav .m_navList ul li .m_f_a a{flex: 1;}
  .m_nav .m_navList ul li .m_f_a i{width: 40px;height:35px;box-sizing: border-box; padding:0 5px; display: block;}
  .icon{ background:url(../images/plus.png) 100% no-repeat;background-position: 50% 50%; -webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
  .icon_on{background:url(../images/reduce.jpg) 50% no-repeat!important;background-position: 50% 50%;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
  .m_nav .m_navList ul li .m_s_nav{display:none;width: 100%;}
  .m_nav .m_navList ul li .m_s_nav a{display: block; height:40px;line-height:40px;font-size:14px;padding-left:10%;overflow: hidden; white-space: nowrap;width: 90%;text-overflow: ellipsis;}

  .banner-slider  {margin-top:60px;}
  .banner-slider .owl-dots {bottom: 10px;}


  .indextitle h3{font-size:24px;}
  .indextitle p{font-size: 15px;}
  .portfolio-item-wrap{margin-top:25px;}

  .serviceslist ul{margin-top:10px;}
.serviceslist ul li{width:100%;padding-top:10px;padding-bottom:10px;}
.haochulist{margin-top:30px}

.map{float: none;width:100%}
.contact{float: none;padding-top:30px;padding-bottom:30px;width:100%}

.mapheight{height:400px}
.bbsform{margin-top:30px;max-width: 100%;width:100%;}


#box {margin-top:60px;}
.casekang{padding-top:30px;padding-bottom:30px;margin-top:30px;}
.houseleft{width:100%;padding-left:0px;}
.houseinfo{width:100%;}
.jstitlenew{margin-top:20px;font-size: 24px;font-weight: bolder;}

.houseshare a{font-size:13px;padding-top:5px;padding-bottom:2px;margin-top:20px}
.houseshare a i{font-size:18px;margin-right:5px;vertical-align: middle;}
.houseshare a:hover{color:#fff;}
.houseshare span{display: none;}
#news{margin-top:61px;}


.news-innerPage-content { margin-top:30px;padding-top:20px;padding-bottom: 20px;}
.news-innerPage-txt h3{font-size:24px;line-height: 40px;}
.container3{width:100%; }

.aboutindex{padding-top:30px}
.aboutindex h3{margin-top:25px;line-height: 40px;font-size: 24px;}
.indexaboutinfo{margin-bottom:20px;}

}