/* Common style */

html{ -webkit-box-sizing:border-box; box-sizing:border-box; font-family:"Microsoft YaHei";}

/* *,*:before,*:after{ -webkit-box-sizing:inherit; box-sizing:inherit;} */

body,h1,h2,h3,h4,h5,h6,p,form,div,ul,li,p,dl,dt,dd,figure,figcaption,ol{ margin:0; padding: 0;}

body{ font-family:"Microsoft YaHei" ; font-size:0.14rem; color:#333;  }

h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight: normal;}

ul,li{ margin:0; padding:0; list-style:none;}

a img,input,button,textarea,a{ border:none;}

input,button,textarea{ display:inline-block; font:menu; font-size:0.14rem;}

input[type="submit"],input[type="button"]{ -webkit-appearance:none;}

table{ border-collapse:collapse; border-spacing:0; width:100%;}

img{ max-width:100%; display: block;}

/* Link Style */

a{ text-decoration:none;}

.fl{ float:left;}

.fr{ float:right;}

.dsbnone{ display: none;}

.dsblock{ display: block;}

.clear{ clear: both;}

.ovhidden{ overflow: hidden;}

.bs-border{ box-sizing: border-box;}

.bs-content{ box-sizing: content-box;}

/*文字溢出隐藏*/

.t_hide{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.two_hide{overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.three_hide{overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}

.fu_hide{overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}

/*字母大小写*/

.text-tc{text-transform : capitalize;/*首字母大写*/}

.text-tu{text-transform: uppercase;/*全部大写*/}

/*行高*/

.lg-22{ line-height: 0.32rem;}

.lg-30{ line-height: 0.3rem;}

.lg-36{ line-height: 0.36rem;}

.lg-32{ line-height: 0.32rem;}

.lg-34{ line-height: 0.34rem;}

.lg-50{ line-height: 0.50rem;}

.lg-55{ line-height: 0.55rem;}

.lg-56{ line-height: 0.56rem;}

.lg-60{ line-height: 0.6rem;}

.lg-65{ line-height: 0.65rem;}

.lg-70{ line-height: 0.7rem;}

.lg-80{ line-height: 0.8rem;}

.text-c{ text-align: center; overflow:hidden; width:100%;}

/*字体大小*/

.fs-16{ font-size: 0.16rem;}

.fs-18{ font-size: 0.18rem;}

.fs-20{ font-size: 0.2rem;}

.fs-22{ font-size: 0.22rem;}

.fs-24{ font-size: 0.24rem;}

.fs-26{ font-size: 0.26rem;}

.fs-28{ font-size: 0.28rem;}

.fs-30{ font-size: 0.3rem;}

.fs-40{ font-size: 0.4rem;}

/*字体颜色*/

.ftc-e04840{ color: #011d4c;}

.ftc-52{ color:#525252;}

.ftc-34{ color: #343434;}

.ftc-w{ color: #ffffff;}

.ftc-7c{ color:#7c7c7c;}

.ftc-d60{ color: #d60000;}

.ftc-f94045{ color: #011d4c;}

.ftc-7e{ color: #7e7e7e;}

.ftc-000{ color: #000000;}

.ftc-59{ color: #595959;}

.ftc-4e{ color: #4e4e4e;}

.ftc-cba{ color: #bababa;}

.ftc-807f7f{ color: #807f7f;}

.ftc-01{ color: #010101;}

.ftc-a1{ color: #a1a1a1;}

.ftc-e824{ color: #e82424;}

.ftc-2dbe7d{ color: #2dbe7d;}

.bd-bs-cd6{ border-bottom: 1px solid #d60000;}

.bd-bs-cd4{ border-bottom: 1px solid #d4d4d4;}

.bd-bs-cf2{ border-bottom: 1px solid #f2f2f2;}

.bd-sd-cd1{ border-bottom: 1px dashed #d1d1d1;}

/*加粗 strategy*/

.ftw-bd{ font-weight: bold;}

.ftw-nm{ font-weight: normal;}

.f-lg-2{display:inline-block;transform:scale(1,2);-ms-transform:scale(1,2);-webkit-transform:scale(1,2);-moz-transform:scale(1,2);-o-transform:scale(1,2);}

/*宽度*/

.w-a100{ width: 100%;}

.w-all{ width:7.5rem; margin: 0 auto;}

.w-8{ width:0.08rem;}

.w-13{ width: 1.3rem;}

.w-15{ width: 1.5rem;}

.w-16{ width: 1.6rem;}

.w-17{ width: 1.7rem;}

.w-18{ width: 1.8rem;}

.w-21{ width: 2.1rem;}

.w-236{ width: 2.36rem;}

.w-246{ width: 2.46rem;}

.w-268{ width: 2.68rem;}

.w-31{ width: 3.1rem;}

.w-38{ width: 3.8rem;}

.w-63{ width: 6.3rem;}

.w-67{ width: 6.7rem;}

.w-675{ width: 6.75rem;}

.w-69{ width: 6.9rem;}

.w-71{ width: 7.1rem;}

.w-73{ width: 7.3rem;}

.m-auto{ margin: 0rem auto;}

.m-t-10{ margin-top: 0.1rem;}

.m-t-20{ margin-top: 0.2rem;}

.m-t-25{ margin-top: 0.25rem;}

.m-t-30{ margin-top: 0.3rem;}

.m-t-40{ margin-top: 0.4rem;}

.m-t-55{ margin-top: 0.55rem;}

.m-b-10{ margin-bottom: 0.1rem;}

.m-b-20{ margin-bottom: 0.20rem;}

.m-b-22{ margin-bottom: 0.22rem;}

.m-b-25{ margin-bottom: 0.25rem;}

.m-b-30{ margin-bottom: 0.3rem;}

.m-b-35{ margin-bottom: 0.35rem;}

.m-b-40{ margin-bottom: 0.4rem;}

.m-l-10{ margin-left: 0.1rem;}

.m-l-24{ margin-left: 0.24rem;}

.m-l-85{ margin-left: 0.85rem;}

.m-r-10{ margin-right: 0.1rem;}

.m-r-15{ margin-right: 0.15rem;}

.m-lr-40{ margin: 0rem 0.4rem;}

.p-t-18{ padding-top: 0.18rem;}

.p-t-30{ padding-top: 0.3rem;}

.p-t-35{ padding-top: 0.35rem;}

.p-lr-20{ padding: 0rem 0.2rem;}

.p-b-28{ padding-bottom: 0.28rem;}

.p-b-40{ padding-bottom: 0.4rem;}

.p-b-50{ padding-bottom: 0.5rem;}

.p-l-20{ padding-left: 0.2rem;}

.p-l-35{ padding-left: 0.35rem;}

.p-l-50{ padding-left: 0.5rem;}

/*高度start*/

.hg-25{ height: 0.25rem;}

.hg-32{ height: 0.32rem;}

.hg-60{ height: 0.6rem;}

.hg-56{ height: 0.56rem;}

.hg-90{ height: 0.9rem;}

.hg-100{height: 0.9rem;}

.hg-135{ height: 1.35rem;}

.hg-185{ height: 1.85rem;}

.hg-235{ height: 2.35rem;}

.hg-413{ height: 4.13rem;}

.ps-r{ position: relative;}

.ps-a{ position: absolute;}

.btm-0{ bottom: 0rem;}

.tzc_tubg{ background: url("../images/tzc_tubg.jpg") no-repeat left bottom;background-size:2.9rem 0.3rem;}

.bg-aboutbg{background: url("../images/about_bg.png") no-repeat left top; background-size:0.26rem 11.47rem;}

.t_icon{ background: url("../images/t_icon.png") no-repeat left top;background-size:3.35rem 0.6rem;}

.ftelicon{background: url("../img/db_new_s1_03.jpg") no-repeat center top; background-size:0.52rem 0.5rem;}

.fmesicon{background: url("../images/footermes.png") no-repeat center top; background-size:0.52rem 0.52rem;}

.mflf{background: url("../img/db_new_s2_03.jpg") no-repeat center top; background-size:0.42rem 0.52rem;}

.zxlt{background: url("../img/db_new_s3_03.jpg") no-repeat center top; background-size:0.8rem 0.8rem;}

.ksbj{background: url("../img/db_new_s4_03.jpg") no-repeat center top; background-size:0.52rem 0.52rem;}

.bddh{background: url("../img/db_new_s5_03.jpg") no-repeat center top; background-size:0.52rem 0.52rem;}

.bg-iteam{background: url("../images/h_teambg.jpg"); background-size:100% 100%;}

.gobefore{background: url("https://m.qszs.com/images/gobefore.png") no-repeat; background-size:0.15rem 0.6rem; text-indent: -9999px; width: 0.2rem;}

.bg-c3{ background-color: #333333;}

.bg-c49{ background-color: #494949;}

.bg-cd60{ background-color: #d60000;}

.bg-c222936{ background-color: #222936;}

.bg-ce04840{ background-color: #e04840;}

.bg-cdd2222{ background-color: #dd2222;}

/* header start */

header{ width:100%; height:1rem;position:fixed; top:0; z-index:999999; box-sizing: border-box; background-color: #ffffff;  -webkit-transform: translateZ(0);

    -webkit-backface-visibility: hidden;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;transition-property: transform;-webkit-transition-duration: 0.4s;-moz-transition-duration: 0.4s;transition-duration: 0.4s; box-sizing: border-box;border-bottom: 1px solid #dedede;}

header a,header h1{ text-indent:-9999px;}

header h1{ width:4.16rem; height:0.61rem;margin-top: 0.14rem; margin-right: 0.7rem; margin-bottom: 0.15rem; background:url(../images/top-logo.png) center no-repeat; background-size:100%;}

header .top-menu{width:0.85rem; height:1rem; background:url(../images/top-menu.png) center no-repeat; background-size:0.85rem 1rem; background-color: #fff;box-sizing: border-box;}

.cd-main-content {padding-bottom:10%; min-height: 100%;position: relative;background-color: #ffffff;z-index: 222;-webkit-transform: translateZ(0);-webkit-backface-visibility: hidden;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;transition-property: transform;-webkit-transition-duration: 0.4s;-moz-transition-duration: 0.4s;transition-duration: 0.4s;}

.cd-main-content.lateral-menu-is-open {-webkit-transform: translateX(-7.6rem);-moz-transform: translateX(-7.6rem);-ms-transform: translateX(-7.6rem);-o-transform: translateX(-7.6rem);transform: translateX(-7.6rem);}

header.lateral-menu-is-open {-webkit-transform: translateX(-7.6rem);-moz-transform: translateX(-7.6rem);-ms-transform: translateX(-7.6rem);-o-transform: translateX(-7.6rem);transform: translateX(-7.6rem);}

header.is-fixed {position: fixed;}

.overflow-hidden {overflow: hidden;}

/*导航的按钮*/

#cd-menu-trigger {position: absolute;right: 0rem;top:0.3rem;height:0.5rem;width:0.7rem;}

#cd-menu-trigger .cd-menu-icon {display: inline-block;position: absolute;left: 50%;top: 50%;bottom: auto;right: auto;-webkit-transform: translateX(-50%) translateY(-50%);-moz-transform: translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);-o-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%); width: 18px;height: 2px;background-color: #FFF;}

#cd-menu-trigger .cd-menu-icon::before, #cd-menu-trigger .cd-menu-icon:after {content: '';width: 100%;height: 100%;position: absolute;background-color: inherit;left: 0;-webkit-transform: translateZ(0);-webkit-backface-visibility: hidden;}

#cd-menu-trigger .cd-menu-icon::before { bottom: 5px;}

#cd-menu-trigger .cd-menu-icon::after {top: 5px;}

#cd-menu-trigger.is-clicked .cd-menu-icon {background-color: rgba(255, 255, 255, 0);}

#cd-menu-trigger.is-clicked .cd-menu-icon::before, #cd-menu-trigger.is-clicked .cd-menu-icon::after {background-color: white;}

#cd-menu-trigger.is-clicked .cd-menu-icon::before {bottom: 0; -webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg); transform: rotate(45deg);}

#cd-menu-trigger.is-clicked .cd-menu-icon::after { top: 0;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg); transform: rotate(-45deg);}

#cd-lateral-nav {display:none; position: fixed;height: 100%;right: 0;top: 0; z-index: 9999999; width:7.6rem; box-sizing: content-box;  overflow-y: auto; -webkit-transform: translateZ(0); -webkit-backface-visibility: hidden; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; transition-property: transform; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; transition-duration: 0.4s; -webkit-transform: translateX(0.8rem);-moz-transform: translateX(0.8rem); -ms-transform: translateX(0.8rem); -o-transform: translateX(0.8rem); transform: translateX(0.8rem);background-color:#fff;}

#cd-lateral-nav .cd-navigation {}

#cd-lateral-nav .sub-menu {display: none;}

#cd-lateral-nav a {display: block; font-size: 0.28rem; line-height:1.08rem; height:1.08rem;color: #ffffff; margin-bottom:0.25rem;  width:4.6rem;box-sizing:content-box; float:left; }

#cd-lateral-nav a.current {color: #ffffff;}

#cd-lateral-nav span{ display:block; width:1.7rem; height:1rem;float:left;}

#cd-lateral-nav span img{ float:right; width:0.3rem}

#cd-lateral-nav h2{ display:block; margin-left:0.4rem; height:1rem;float:left;}

#cd-lateral-nav.lateral-menu-is-open {display:none; -webkit-transform: translateX(0);-moz-transform: translateX(0);-ms-transform: translateX(0);-o-transform: translateX(0);transform: translateX(0);-webkit-overflow-scrolling: touch;}

#cd-lateral-nav .item-has-children > a {position: relative;text-transform: uppercase;font-weight: 600;}

 

/* header end */

/*home banner start */

.focus{ width:100%;height:auto;  margin:0 auto; position:relative; overflow:hidden;}

.focus .hd{ width:100%; height:5px;  position:absolute; z-index:1; bottom:0; text-align:center;  }

.focus .hd ul{ overflow:hidden; display:-moz-box; display:-webkit-box;  height:5px; background-color:rgba(0, 0, 0, 0.5);   }

.focus .hd ul li{ -moz-box-flex:1; -webkit-box-flex:1; box-flex:1; }

.focus .hd ul .on{ background: #ffffff;  }

.focus .bd{ position:relative; z-index:0; }

.focus .bd li img{ width:100%;  height:auto; }

.focus .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0.5); /* 取消链接高亮 */ }

/*banner end*/

/*home our server start*/

dt.sicon{ width:100%; height:1rem; text-indent: -9999px;background-repeat: no-repeat; background-position:  center top; background-size:1rem  1rem;}

dt.sicon1{ background-image: url("../images/sicon1.png"); }

dt.sicon2{ background-image: url("../images/sicon2.png"); }

dt.sicon3{ background-image: url("../images/sicon3.png"); }

.severicon dd h3{ text-align: center; font-size: 0.24rem; font-weight: bold; color: #000000; line-height: 0.5rem;}

.severicon dt,.severicon dd p{ color: #000000;}

.severicon:hover dt{ background-position-x:-1rem;}

.severicon:hover dd p{ color: #e04840;}

.severicon2 dt{ background-position: 0rem -1rem;}

.severicon3 dt{ background-position: 0rem -2rem;}

/*首页 关于华宇美 简介 start*/

.aboutround{ padding-bottom:0.53rem;}

.aboutround li{ width:1.74rem; height:1.74rem; float: left; margin: 0rem 0.01rem; }

.aboutround li a{ display: block;width:1.74rem; height:1.74rem;-webkit-border-radius: 115px;border-radius: 115px;-webkit-transition: -webkit-transform 0.5s ease-out;-moz-transition: -moz-transform 0.5s ease-out;-o-transition: -o-transform 0.5s ease-out;-ms-transition: -ms-transform 0.5s ease-out;}

.aboutround li a:hover{-webkit-transform: rotateZ(360deg);-moz-transform: rotateZ(360deg);-o-transform: rotateZ(360deg);-ms-transform: rotateZ(360deg);transform: rotateZ(360deg);}

/*首页 案例 tab切换 start*/

.tab {width:7.1rem;}

.tab-title {width:7.1rem; margin:0 auto;overflow: hidden;}

.tab-title .item {display: inline-block;width:2rem;height:0.52rem;line-height:0.52rem;text-align: center;color: #000000;font-size:0.22rem; background-color:#dadada; margin:0.36rem 0.18rem; float:left;}

.tab-title .item-cur {color: #fff;background-color: #e04840;}

.tab-cont{position: relative; width:7.3rem;margin:0 auto;overflow: hidden;}

.tabconth{height:8.4rem;}

.tab-cont_wrap {position: absolute;}

.tab-cont .item{width:7.3rem;text-align: center;color: #fff;}

.tab-cont .item{height:8.4rem; }

.lanren{width:7.3rem;height:8.4rem;}

.lanren li{width:3.45rem;height:3rem;list-style:none;position:relative;float:left;overflow:hidden;  margin: 0rem 0.1rem 0.25rem 0.1rem;}

.lanren li .a1 img{width:3.45rem;height:2.6rem;}

.lanren li .a1 .divA{position:absolute;bottom:-2.6rem;left:0;width:3.45rem;height:2.6rem;}

/*遮罩*/

.lanren li .a2{position:absolute;top:0;left:-3.45rem;width:3.45rem;height:2.6rem;text-align:center;color:white; background:url('../images/hover.png') no-repeat left top; background-size:100% 100%；transition:all 0.2s;}

.lanren li .a2 .p4{width:3.45rem;text-align:center;position:absolute;top:2rem;left:-3.45rem;color:#e04840;font-size:0.2rem;transition:all 0.2s 0.1s ease-out;}

/*首页 案例 tab切换 end*/

.homemore{ display: block; width: 2.9rem; height: 0.7rem; text-align: center; line-height: 0.7rem; box-sizing: border-box; border: 1px solid #c1c1c1; margin:0.15rem auto; border-radius: 0.35rem; font-size: 0.26rem; color: #434343;}

/*首页的新闻 */

#menu{width:7.1rem; overflow:hidden; margin:0rem auto;}

#menu #navtab {display:block;width:7.1rem; margin:0 auto;list-style:none;}

#menu #navtab li {float:left;width:2rem;height:0.52rem;line-height:0.52rem;background-color:#dadada; margin:0.36rem 0.18rem;}

#menu #navtab li a {display:block;width:2rem;height:0.52rem;text-align: center;color: #000000;font-size:0.22rem; }

#menu_con{ width:7.1rem; }

.tag{overflow:hidden;}

#menu #navtab li .selected{color:#fff;background-color: #e04840;}

.tag{ width:7.1rem;overflow: hidden;}

.tag li{ float: left; width:7.1rem; margin-bottom:0.25rem;}

.tag li a.homenewimg{ width:2.3rem; float: left; height:1.65rem; padding:3px; border:1px solid #d2d2d2; display:block; box-sizing: content-box; overflow:hidden;}

.tag li a.homenewtxt{ width: 4.5rem; float: right;}

.tag li a.homenewtxt h3{ font-size: 0.26rem; color: #383838; line-height: 0.45rem;}

.tag li a.homenewtxt span{background: url("../images/dateicon.gif") no-repeat left center; width: 0.16rem; height: 0.16rem; background-size: 0.16rem 0.16rem; font-size: 0.18rem; color: #7b7b7b; line-height: 0.18rem; display: block; width:4.25rem; padding-left: 0.25rem; margin: 0.08rem 0rem; }

.tag li a.homenewtxt p{ font-size: 0.22rem; color: #727272; line-height: 0.32rem;}

/*首页的新闻 */

/*关于我们简介 start*/

.aboutcon dl{ width: 100%; float: left; margin-bottom:0.35rem;}

.aboutcon dl dt{ font-size:0.24rem; color: #525252; font-weight: bold; line-height:0.28rem;}

.aboutcon dl dd{ font-size:0.24rem; color: #807f7f; line-height:0.48rem;}

/*关于我们简介 end*

/*幕墙装饰 start*/

#curtainlc li{float: left; width:3.35rem;margin:0rem 0.2rem; margin-top: 0.25rem;}

#curtainlc li img,#curtainlc2 li img{ width: 100%; float:left;}

#curtainlc li.keynote,#curtainlc2 li.keynote{ margin-left: 0px;}

#curtainlc li h3{ font-size:0.24rem; color: #000000; text-align: center;width:3.35rem;line-height:0.5rem; float:left;}

#curtainlc li p{ font-size: 0.2rem; color: #686868; line-height:0.3rem; float:left;width:3.35rem;}

.mq_gold img{ width: 3.83rem; margin: 0rem auto;}

/*幕墙装饰 start*/

#curtainlc2 div li{float: left; width:3.4rem; margin-top: 0.35rem; }

#curtainlc2 div li h3{ font-size:0.24rem; color: #000000; text-align: center;  width:3.2rem; padding:0rem 0.1rem; box-sizing: content-box; line-height:0.4rem; float:left;}

#curtainlc2 div li p{ font-size:0.2rem; color: #686868; line-height:0.3rem; float:left; width:3.2rem; padding:0rem 0.1rem; box-sizing: content-box;}

/*光伏 政策 start*/

.policy li{ float: left; width: 100%;}

.policy li a{ display: block; width: 100%; font-size:0.22rem; color: #111111; line-height:0.3rem; margin-bottom: 0.25rem;}

/*光伏 政策下 四图片 */

#aboutinfo li{ width:3.4rem; float: left; padding-bottom:0.95rem;}

#aboutinfo li h3{width:3.4rem; background-color: #dd2222; height:0.5rem; line-height:0.5rem;}

#aboutinfo li .aboutinfoimg{ width:3.2rem; position: relative; box-sizing:content-box; margin: 0 auto; border: 1px solid #b5b5b5; border-top: 0px; height:3rem; padding-top:0.15rem;}

#aboutinfo li .aboutinfoimg p{ width:2.9rem; color: #000000; font-size:0.2rem; line-height:0.26rem; margin: 0rem auto; margin-bottom: 0.15rem;}

#aboutinfo li .zc_tu{ width:2.9rem; height:2.15rem; margin-left: 0.15rem;}

#aboutinfo li.keynote{ margin-left: 0px;}

#curtainlc2 div li.keynote,#aboutinfo li.keynote{ float: right;}

/*商业空间 start*/

.sykjinfo li{ width: 7.5rem; float: left; border-bottom: 1px solid #e4e4e4; padding-bottom: 0.15rem; margin-top: 0.25rem; font-size: 0.26rem; color: #000000; line-height: 0.28rem;}

.sykjinfo li img{ width: 3.5rem; height: 1.9rem;}

.sykjinfo li:last-child{ border-bottom: 0px;}

/*商业案例 导航 start*/

.synav{ width:3.4rem;}

.synav dt,.synav dd{  float: left;}

.synav dt{padding-left:0.5rem; width:2.9rem;background: url("../images/sy_nav.gif") no-repeat left top; height:0.53rem; line-height:0.53rem;font-size: 0.26rem; font-weight: bold; color: #000000; background-size:3.4rem  0.53rem; box-sizing:content-box;}

.synav dd{ font-size:0.2rem; line-height:0.5rem; width:3.4rem;}

.synav2{ width:7.1rem; margin-top:0.2rem; margin-bottom:0.35rem;}

.synav2 dt,.synav2 dd{  float: left;}

.synav2 dt{padding-left:0.5rem; width:6.6rem;background: url("../images/sy_nav2.gif") no-repeat left top; height:0.53rem; line-height:0.53rem;font-size: 0.26rem; font-weight: bold; color: #000000; background-size:7.1rem  0.53rem; box-sizing:content-box;}

.synav2 dd{ font-size:0.2rem; line-height:0.5rem; width:3.4rem;}

.synav2 dd:nth-child(odd){ float:right;}

.synav2 dd:nth-child(even){ float:left;}

/*案例的导航 */

.subnav li a{ color: #000000;}

.subnav li a.subnavactive{color: #011d4c;border-bottom: 1px solid #011d4c; box-sizing: border-box;}

.syinfo{ width: 6.7rem; padding: 0rem 0.2rem; box-sizing: content-box;}

.syinfo h2{ font-size: 0.26rem; color: #ffffff; line-height: 0.45rem; margin-top: 0.05rem;}

.syinfo p{ font-size: 0.18rem; color: #d3d3d3; line-height: 0.32rem;overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}

.viewmore{display: block; width: 2.15rem; line-height: 0.5rem; font-size: 0.22rem; color: #9c9c9c; margin: 0rem auto;}

/*案例的列表*/

#caselist dl{ width: 3rem; float: left; margin-top: 0.25rem;}

#caselist dl dt,#caselist dl dd{ width: 100%;float: left;}

#caselist dl dt a,#caselist dl dd a{ display: block; width: 100%; float: left;}

#caselist dl dd a{ text-align: center; font-size: 0.24rem; color: #000000; line-height:0.4rem;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

#caselist dl.keynote{ float: right;}

/*分页 start*/

.pages{ display: block; height: auto; overflow: hidden; box-sizing: content-box; width:6.7rem; margin-top:0.3rem; margin-bottom:0.3rem;}

.pages a{ display: block; padding: 0rem 0.1rem; float: left; height:0.5rem; font-size:0.24rem; color: #5b5b5b; margin: 0rem 0.04rem; line-height:0.5rem; border: 1px solid #d7d7d7; box-sizing: border-box;}

.pages a:hover,.pages a.pageactive{ background-color: #234fb0; border-color: #234fb0; color: #ffffff;}

/*上一页下一页 start*/

.nextprev li a{  display: block; height:0.54rem;line-height:0.54rem; font-size:0.35rem; color: #5b5b5b; width: 100%; margin-top: 0.3rem;}

.nextprev li a span{ width:1.3rem;height:0.54rem;text-align: center; margin-right: 0.22rem; line-height:0.54rem; border: 1px solid #d7d7d7; font-size:0.26rem; color: #5b5b5b; box-sizing: border-box;}

.nextprev li a:hover span{ border-color:#234fb0; background-color: #234fb0; color: #ffffff;}

/*新闻资讯 列表页面 start*/

.newslist li{ float: left; height:1.28rem; width:7.3rem; padding: 0rem 0rem 0.3rem 0rem; box-sizing: content-box; margin-top: 0.3rem;}

.newslist li .newdate{ width:1.28rem; height:1.28rem; float: left; background-color: #ebebeb; background-size:100% 100% !important;}

.newslist li span.datetime{ display: block; text-align: center; font-weight: 900; font-size: 0.46rem; color: #234fb0; line-height:0.55rem; height: 0.55rem; margin-top: 0.18rem;}

.newslist li span.monytime{ display: block; text-align: center; font-size:0.2rem; color: #234fb0; line-height:0.4rem; height:0.4rem;}

.newslist li .newstitle{ width:5.55rem; float: right; margin-right: 0.2rem;}

.newslist li .newstitle a{ display: block; width: 100%; float: left;}

.newslist li .newstitle a h3{ font-size:0.24rem; color: #050505; height:0.24rem;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;display:table-cell;vertical-align:top;}

.newslist li .newstitle a p{ font-size:0.22rem; color: #4e4e4e; margin-top:0.05rem; line-height:0.32rem;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}

.newslist li:hover{box-shadow: 0px 2px 3px #ffd4d4; }

/*新闻资讯 列表页面 end*/

.newslist li:last-child{ border-bottom: 0px;}

.newscon img{ width: 5.55rem; margin: 0rem auto;}

.jointit li{height: 0.66rem; line-height: 0.66rem; font-size: 0.24rem; color: #ffffff; font-weight: bold;}

.joincon{ height:0.77rem; line-height:0.77rem; border-bottom: 1px dashed #ffd4d4;overflow: hidden;}

.joincon li{font-size:0.22rem; text-align: center; height:0.77rem; line-height:0.77rem; color: #000000; }

.joincon:hover{box-shadow: 0px 2px 1px #ffd4d4; border-style: solid;}

.container{ width: 7.5rem; margin: 0 auto; height: 3.8rem; margin: 0.35rem auto 0.6rem auto;}

.anchorTL,.anchorBL,.BMap_stdMpZoom{ display:none;}

/*荣誉资质 start*/

.htmleaf-icon,.htmleaf-header h1 span{color: #fff;}

.htmleaf-container{ max-width: 7.5rem; margin: 0rem auto; height: auto; overflow: hidden;}

.containerimg:nth-child(even){background:whitesmoke}

.containerimg:nth-child(odd){background:#fff}

.box a img{-webkit-back-visibility:hidden;display:block;width:100%;height:auto;vertical-align:bottom}

.containerimg{width:7rem;margin: 0rem auto;height: auto;}

#box-container{margin:0;padding:0; width:6.9rem; margin:0 auto; overflow: hidden;}

.box{list-style-type:none;float:left; width: 3rem; margin-top: 0.25rem;}

.box:nth-child(2n+1){ float:left;}

.box:nth-child(2n+0){ float:right;}

.box a{display:block;width:100%;height:auto}

.box img{ width:3rem; height:2.25rem;}

.box h3{text-align: center; font-size: 0.24rem; color: #000000; height:0.45rem; line-height:0.45rem;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

/*底部信息*/




/*瀑布流开始*/

.wall {

  display: block;

  position: relative;

}

.wall-column {

  display: block;

  position: relative;

  width: 50%;

  float: left;

  padding: 0 2%;

  box-sizing: border-box;

}

.article {

  display: block;

  margin: 0 0 8% 0;

  padding: 5%;

  background: #fff;

  border-radius: 3px;

  box-shadow: 0px 2px 5px 1px #c8c8c8;

  transition: all 100;

  overflow: hidden;

  position: relative;

}

.article:hover{ transform: scale(1.01);}

.article img {

  display: block;

  width: 100%;

  margin: 0 0 5% 0;

}

.article a{ color: #666;}

.article p{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 70%; font-size: 1.2em; line-height: 1.5; color:#000;}

.article small{ font-size: 1em; color: #9f9e9e; line-height: 1.5;}

.article input{ width: 20%; padding: 0.6em; border-radius: 0.4em; font-size: 1.1em; z-index: 100; background-color: #f60; border: none; position: absolute; bottom: 3%; right: 5%; color: #fff; box-shadow: 0 0 7px #d7d7d7;}
.article font{ font-size:0.25rem; color:#9d9d9d; display:block; width:100%; text-align:right;}
.article font img{ width:10%; display:inline-table; vertical-align: text-top; margin:0; margin-left:4%;}
/*瀑布流结束*/

.wrapper h3{ text-align: center; margin:0 20%; white-space: nowrap; text-overflow: ellipsis; font-weight:normal; color: #333; overflow: hidden;  font-size: 1.5em; padding: 0.7em 0;}

.wrapper h4{ width: 90%; margin:0 5%; text-align: justify; font-weight:normal; color: #999;  font-size: 1.2em; margin-bottom: 3%; line-height:1.5; }


/*new 首页*/
.alert_window{ position:fixed; left:50%; top:0%; width:80%; margin-left:-40%; background:#fff; z-index:999; display:none; opacity:0; }
.alert_window span{ display:block; position:relative; padding-top:5%; padding-bottom:0%;}
.alert_window span a{ display:block; float:left; width:20%; margin-left:5%; margin-bottom:5%;}
.alert_window span a img{ width:80%;}
.alert_window span a.close_window{ position:absolute; width:100%; text-align:center; left:0px; z-index:999; bottom:-45%; margin:0px; padding:0px;}
.alert_window span a.close_window img{ width:13%; margin:0 auto;}
.tmbj{ background:url(../images/tmbj_01.png); width:100%; height:100%; position:fixed; left:0px; top:0px; z-index:800; display:none;}
.new_s1{ margin-top:10%;}
.new_s1 a{ display: block; float: left; width:20%; margin-left:4%;}
.new_s1 a img{ width:100%;}
.new_s1 b{ color:#02448f; font-size:0.35rem; margin-top:5%; text-align:center; display:block; width:100%;}
.new_s2{ width:90%; margin:0 auto; margin-top:10%; }
.new_s2 .new_s2_title{ margin-bottom:7%; width:100%;}
.new_s2 .new_s2_title div.left{ float:left; width:30%;}
.new_s2 .new_s2_title div.left span{ display:block; background:#d5d5d5; padding:10%; border-radius:5px 5px 0 0;}
.new_s2 .new_s2_title div.left b{ display:block; background:#b6b6b6; padding-top:4%; padding-bottom:4%;}
.new_s2 .new_s2_title div.left b a{ width:60%; margin:0 auto; display:block; margin-top:5%; margin-bottom:5%;}
.new_s2 .new_s2_title div.left b a img{ width:100%;}
.new_s2 .new_s2_title div.right{ float:right; width:67%;}
.new_s2 .new_s2_title div.right img{ display:inline-block; width:100%;}
.new_s3{ color:#02448f; font-size:0.35rem; margin-top:5%; text-align:center; font-weight:bold; width:100%;}
.new_foot{ width:100%; text-align:center; background:#404040; text-align: center; margin-top:10%;}
.new_foot img{ margin:0 auto; padding-top:5%;}
.new_foot_poweby{ padding-top:5%; text-align:center; color:#fff; font-size:0.25rem; padding-bottom:3%;}
.alert_message{ width:90%; position:fixed; left:50%; margin-left:-45%; top:20%; background:#fff; z-index:999; display:none; opacity:0;}
.tmbj2{ background:url(../images/tmbj_01.png); width:100%; height:100%; position:fixed; left:0px; top:0px; z-index:800; display:none;}
.alert_message div.title{ font-size:0.45rem; color:#02448f; text-align:center; font-weight:bold; padding-top:10%; position:relative;}
.alert_message div.title a.close_message{ color:#8d8d8d; font-size:0.8rem; font-weight:100; position:absolute; right:3%; top:0%; z-index:999;}
.alert_message div.form{ width:90%; margin:0 auto; padding-bottom:5%;}
.alert_message div.form div.input_phone{ background:url(../images/waps31_03.jpg) no-repeat; width:100%; background-size:100%; margin-top:5%;}
.alert_message div.form div.input_phone input{ padding-top:3%; padding-bottom:4%; width:80%; background:none; margin-left:18%; font-size:0.3rem;}
.alert_message div.form div.input_mianji{ background:url(../images/waps32_03.jpg) no-repeat; width:100%; background-size:100%; margin-top:5%;}
.alert_message div.form div.input_mianji input{ padding-top:3%; padding-bottom:4%; width:80%; background:none; margin-left:18%; font-size:0.3rem;}
.alert_message div.form div.input{ width:100%; margin-top:5%;}
.alert_message div.form div.input button{ width:100%; padding-top:3%; padding-bottom:3%; background:#162e61; font-size:0.3rem; color:#fff; text-align:center; display:block; border-radius:5px; border:0px;}
.alert_message div.form span{ color:#ff4040; padding-top:5%; text-align:right; display:block; font-size:0.2rem;}
.dqwz{ width:100%; padding-top:3%; margin:0 auto; color:#7e7e7e; text-align:left; font-size:0.35rem; margin-bottom:3%; border-bottom:#d1d1d1 solid 2px; padding-bottom:3%;}
.dqwz img{ display:inline-block; vertical-align:sub; padding-right:3%; margin-left:5%;}
.dqwz a{ color:#162e61; padding-left:2%;}
.navcs{ float:left; margin-left:5%; margin-top:3%;}
.navcs a{ color:#000; font-size:0.3rem; }
.navcs img{ display:inline-table; width:20%;}
/*材料大牌*/
.cldp2{ margin-top:10%;}
.cldp3{ margin-top:10%;}
.cldp4{ margin-top:10%;}
.cldp5{ margin-top:0%;}
.cldp6{ margin-top:10%; margin-bottom:10%;}

/*在建工地*/
.zjgd1{ width:90%; margin:0 auto;}
.zjgd1 ul li{ width:100%; overflow:hidden; margin-bottom:10%;}
.left_f{ float: left; width:45%;}
.left_f img{ width:100%;}
.right_r{ float:left; margin-left:5%;}
.right_r b{ color:#000; font-size:0.3rem;}
.right_r p{ font-size:0.3rem; color:#2e2e2e; margin-top:2%;}
.right_r span{ font-size:0.2rem; color:#fff; background:#002f87; display: block; padding-top:2%; padding-bottom:2%; width:70%; border-radius:20px; text-align:center; margin-top:3%;}

/*在建工地详情*/
.zjgdxq1{ width:100%;}
.zjgdxq2{ width:100%; position:relative;}
.zjgdxq2 span{ display:block; background:url(../img/zjgdxq2_03.png); width:100%;  position:absolute; left:0px; bottom:0px; padding-top:1%; padding-bottom:1%;}
.zjgdxq2 span b{ font-size:0.35rem; color:#fff; padding-left:5%;}
.zjgdxq2 span p{ font-size:0.25rem; color:#fff; padding-left:5%;}
.zjgdxq3{ width:90%; margin:0 auto;}
.zjgdxq4{ width:100%; text-align:center; font-size:0.4rem; margin-top:10%; border-bottom:#ccc dotted 1px; padding-bottom:5%;}
.zjgdxq4 span{ display:inline-table; width:0.5rem; height:0.5rem; background:#002f87; color:#fff; font-size:0.35rem; border-radius:50%; margin-right:3%;}
.gdnr img{ max-width:100% !important; height:auto !important;}
/*透明整装*/
.tmzz2{ margin-top:10%;}
.tmzz3{ margin-top:10%;}
.tmzz4{ margin-top:10%;}
.tmzz5{ margin-top:10%;}
.tmzz6{ margin-top:10%;}


/*近期活动*/
.right_hd{ float:left; margin-left:5%; width:50%;}
.right_hd b{ font-size:0.25rem; color:#ec1a22;}
.right_hd font{ font-size:0.2rem; color:#333333; margin-left:2%;}
.right_hd p{ display:block; font-size:0.2rem; color:#1e1a16; margin-top:2%;}
.right_hd p.miaosu{ display:block; font-size:0.2rem; color:#6f6f6f;}
.right_hd span{ display:block; font-size:0.2rem; color:#02448f; text-align:center; border:#c1c1c1 solid 1px; padding-left:3%; padding-right:3%; padding-top:1%; padding-bottom:1%; float:right; margin-top:5%;}

/*首页价格详情*/
.syjg1{ width:100%; margin:0 auto; text-align:center; margin-top:5%;}
.syjg2{ width:30%; text-align:center; margin:0 auto;}
.syjg3{ text-align:center; margin-top:2%;}
.syjg3 b{ color:#ffc000; font-size:0.4rem;}
.syjg3 b font{ color:#02448f; font-size:0.35rem; margin-left:1%;}
.syjg3 span{ color:#02448f; font-size:0.3rem; margin-left:3%;}
.syjg3 p{ display:block; font-size:0.25rem; color:#000; margin-top:1%;}
.syjg4{ margin-top:3%;}
.syjg4 img{width:90%; margin:0 auto;}
.syjg5{ width:45%; margin:0 auto; margin-top:5%;}
.syjg6{ width:90%; margin:0 auto; margin-top:3%;}
.syjg7{width:25%; margin:0 auto; margin-top:5%;}
.syjg8{ margin-top:3%;}
.syjg9{ width:35%; margin:0 auto; margin-top:5%;}
.syjg10{ margin-top:3%;}

/*关于千思*/
.gyqs1{ width:90%; margin:0 auto; font-size:0.2rem; position:relative; }
.gyqs1 img{ display:block;  width:45%; float:right;}
.gyqs1 b{ font-size:0.4rem;}
.gyqs1 p{ margin-top:3%; font-size:0.2rem;}
.gyqs2{ margin-top:5%;}

/*核心工艺*/
.hxgy1{ width:95%; margin:0 auto;}
.subMenu{ padding-top:2px;width:100%;}
.subMenu p{float:left; width:47.5%;}
.subMenu p a{display:block; padding-top:4%; padding-bottom:4%; background:#000; color:#fff; text-align:center; font-size:0.3rem; border-radius:5px;}
.subMenu .thisStyle a {background:#002f87;color:#fff;}
.subContent{ margin-top:5%;}
.subContent span{display:none;}
/*.swiper-container{height:1000px; width:100%;border-top:0;}*/
.swiper-slide{width:100%;background:none;color:#fff;}
.content-slide{padding:0px; width:100%;}
.content-slide img{ width:100%;}
.content-slide p{text-indent:2em;line-height:1.9;}


/*分站*/
.fzdh1{ width:80%; margin:0 auto; margin-top:10%; border:#ccc solid 1px; padding:5%;}
.fzdh2{float:none !important; display:inline-table !important; margin:0px !important; color:#06C !important; padding:0px !important; line-height:0px !important; width:auto !important; font-size:0.2rem !important; margin-left:0% !important; height:auto !important;}
.fzdh3{ font-weight:100; float:left; display:block; margin-left:5%; margin-top:2%;}
.fzdh4{ display:block; text-align:center; font-size:0.3rem; color:#000; font-weight:100;}
.fzdh5{ display:block; background:#02448f; width:100%; padding-top:3%; padding-bottom:3%; text-align:center; color:#fff; font-size:0.3rem; margin-top:5%; margin-bottom:5%;}
.fzdh6{float:none !important; display:block !important; margin:5% 0 !important; color:#000 !important; padding:5% 0 !important; line-height:0px !important; width:100% !important; font-size:0.3rem !important; margin-left:0% !important; height:auto !important; border:#e1e1e1 solid 2px; text-align:center;}

/*新首页*/
.new_sy1{ text-align:center;}
.new_sy1 a{ font-size:0.45rem; color:#02448f; display:block; font-weight:bold;}
.new_sy1 span{ display:block; font-size:0.3rem; color:#6f6f6f; padding-top:2%;}
.new_sy2{ margin-top:30px;}
.new_sy2 a{ width:45%; display:block; float:left; margin-left:3.5%; margin-bottom:3.5%;}

/*新装修知识*/
.new_zxzs1{ width:90%; margin:0 auto; background:#e5e5e5; margin-top:5%; margin-bottom:5%;}
.new_zxzs1 a{ display:block; background:#fff; text-align:center; font-size:0.25rem; padding-top:1%; padding-bottom:1%; float:left; margin:1.5% 2.3%; color:#000; padding-left:6%; padding-right:6%; padding-top:1%; padding-bottom:1%;}
.new_zxzs2{ background:url(../img/new_sy7_03.jpg) no-repeat; width:85%; height:0.5rem; background-size:100%; margin:0 auto; margin-bottom:5%;}
.new_zxzs2 input{ width:70%; display:block; float:left; background:none; padding-top:1%; padding-bottom:1%; color:#000; font-size:0.25rem; padding-left:10%;}
.new_zxzs2 button{ display:block; float:right; width:28%; background:none; border:0px; font-size:0.25rem; color:#fff; padding-top:1%;}

/*首页新增报价*/
.new_sy_bj1{width:90%; margin:0 auto; text-align:center; margin-top:5%;}
.new_sy_bj1 span{color:#747b80; font-size:0.35rem; font-weight:bold;}
.new_sy_bj2{background:url(../img/wapnewsy1_03.jpg) no-repeat; width:100%; height:6.5rem; background-size:100%; margin-top:5%;}
.new_sy_bj3{  width:70%;  margin-left:19%;margin-bottom: 0.32rem;}
.new_sy_bj3 input{background:none; width:100%; font-size:0.3rem; color:#000;height: 0.8rem;line-height: 0.8rem;}
.new_sy_bj3 button{width:100%; font-size:0.35rem; color:#fff; font-weight:bold; padding-top:3.5%; padding-bottom:3.5%; border:0; background:#162e61; border-radius:5px;}
.new_sy_bj2 b{font-size:0.25rem; color:#ff4040; font-weight:100; text-align:right; display:block; margin-top:3%;}

/*新增重点楼盘下拉样式*/
.toggle{width: 100%;position: relative; height: 2.6rem;margin: 0px auto; }
.hidejs{ background: #ebebeb;  font-size: 0.24rem;width: 100%;position: absolute;top: 0;left: 0; margin: 0 auto }
.hidejs h3{height: 0.36rem; font-weight: 500 ;line-height:0.36rem;color: #fff; background:#02448f;text-align: left; position: relative; padding-left: 0.3rem; padding-top:2%; padding-bottom:2%;}
.hidejs h3 span{display:inline-block; height: 0.36rem; width:10%;  background-size:cover;position: absolute; top: 25%;right: 0.3rem}
.hidejs .span{  padding:0 0.3rem; width:6.9rem; padding-top: 0.2rem; }
.hidejs .span span{ 
	    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    word-break: keep-all;
    font-size: 0.18rem;
    /* width: 1.1rem; */
    margin-bottom: 0.2rem;
    height: 0.31rem;
    line-height: 0.31rem;
    text-align: center;
    background: #fff;
    padding-left: 1%;
    padding-right: 1%;
    padding-bottom: 2%;
    padding-top: 2%;}
.hidejs .span span a{color:#9c9c9c; font-weight: 600 }
.hidejs .span span a:hover{ color: #02448f;}

.showjs{ width: 100%; background: #ebebeb; height: auto; font-size: 0.24rem;  position: relative;z-index: 2}
.showjs h3{height: 0.36rem;line-height:0.36rem;color: #fff; background:#02448f;text-align: center; position: relative; padding-top:2%; padding-bottom:2%;}
.showjs h3 span{display: inline-block; height:0.36rem; width:0.41rem; background: url(../images/hide.png) no-repeat center center; position: absolute; top: 25%;right: 0.46875rem}
.showjs b,.showjs em{display: block;height: 0.36rem;line-height: 0.36rem;text-align: center; padding-top:2%; padding-bottom:2%; margin-top:2%;}
.showjs b,.showjs em a{ color:#02448f; display:block; }
.showjs b{color: #02448f}
.showjs em{ background: #fff;color: #dddddd; font-weight:500;border-bottom: 1px solid #ebebeb; cursor: pointer;}
.showjs em:hover{color:#02448f; background: #dddddd;}
#hide_js,#hide_js_x,#show_js{cursor: pointer;}
i, em, strong { font-style:normal;} 



/*new banner*/



.hiSlider-pages,.hiSlider-title {
	position: absolute;
	z-index: 3
}

.hiSlider-btn-prev,.hiSlider-btn-next {
	position: absolute;
	z-index: 5;
	top: 50%;
	
	height: 30px;
	width: 30px;
	/*background: url(../images/hislider-arrow.png) no-repeat;*/
	margin-top: -15px;
	text-indent: -200px;
	overflow: hidden;
	opacity: .6;
	filter: alpha(opacity:60)
}

.hiSlider-btn-prev {
	left: 10px
}

.hiSlider-btn-next {
	right: 10px;
	background-position: -30px 0
}

.hiSlider-btn-prev:hover,.hiSlider-btn-next:hover {
	opacity: 1;
	filter: alpha(opacity:100)
}

.hiSlider-title {
	bottom: 0;
	width: 100%;
	padding: 6px 0;
	color: #fff;
	text-indent: 10px;
	background: rgba(0,0,0,.6);
	z-index: 2;
	display:none;
}

.hiSlider-pages {
	bottom: 10px;
	left:50%;
	margin-left:-10%;
	text-align: right
}

.hiSlider-pages a {
	height: 12px;
	width: 12px;
	margin: 0 6px;
	display: inline-block;
	overflow: hidden;
	text-indent: -100px;
	font-size: 0;
	border-radius: 50%;
	background: #ddd
}

.hiSlider-pages a.active {
	background: #5472BF
}
.qbtznew2{position:absolute; left:1%; top:0%; z-index:120;}