@charset "utf-8";
/* 华宇美装饰 CSS Document by nissachang 2017-8-3  QQ： */
/* Common style */
html{ -webkit-box-sizing:border-box; box-sizing:border-box;}
*,*: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:menu; font-size:0.14rem; color:#333;}
div,h1,h2,h3,h4,h5,h6{font-size:100%; font-weight: normal;}
ul,li{ margin:0; padding:0; list-style:none; list-style-type: 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%;margin: 0;padding: 0}
img{max-width:100%;vertical-align:middle; padding:0; margin:0;}
/* Link Style */
a:link,a:visited{color:#000000;text-decoration: none;}
a:hover,a:active{color:#000000;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;}
.text-hide{overflow : hidden; text-overflow: ellipsis; }
.text-tc{text-transform : capitalize;/*首字母大写*/}
.text-tu{text-transform: uppercase;/*全部大写*/}
/*行高*/
.lg-22{ line-height: 0.22rem;}
.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-60{ line-height: 0.6rem;}
.lg-65{ line-height: 0.65rem;}
.text-c{ text-align: center;margin: 0 auto}

/*字体大小*/
.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: #e04840;}
.ftc-52{ color:#525252;}
.ftc-34{ color: #343434;}
.ftc-w{ color: #ffffff;}
.ftc-7c{ color:#7c7c7c;}
.ftc-d60{ color: #d60000;}
.ftc-f94045{ color: #f94045;}
.ftc-7e{ color: #7e7e7e;}
.ftc-000{ color: #000000;}
.ftc-4e{ color: #4e4e4e;}
.ftc-807f7f{ color: #807f7f;}

.bd-bs-cd4{ border-bottom: 1px solid #d4d4d4;}
.bd-bs-cf2{ border-bottom: 1px solid #f2f2f2;}
/*加粗 strategy*/
.ftw-bd{ font-weight: bold;}
.ftw-nm{ font-weight: normal;}
.f-lg-2{display:inline-block;transform:scale(1,2);}
/*宽度*/
.w-a100{ width: 100%;overflow: hidden}
.w-all{width:7.5rem; margin:0 auto; overflow: hidden}
.w-71{ width: 7.1rem;margin: 0 auto;overflow: hidden}
.w-73{ width: 7.3rem;margin: 0 auto; overflow: hidden}

.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-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-l-10{ margin-left: 0.1rem;}
.m-l-85{ margin-left: 0.85rem;}
.m-lr-40{ margin: 0rem 0.4rem;}

.p-t-18{ padding-top: 0.18rem;}
.p-t-30{ padding-top: 0.3rem;}
.p-b-28{ padding-bottom: 0.28rem;}
.p-b-50{ padding-bottom: 0.5rem;}
.p-l-20{ padding-left: 0.2rem;}
.p-l-35{ padding-left: 0.35rem;}

/*高度start*/
.hg-25{ height: 0.25rem;}
.hg-40{ height: 0.32rem;}
.hg-60{ height: 0.6rem;}
.hg-56{ height: 0.56rem;}
.hg-90{ height: 0.9rem;}
.hg-100{height: 1rem;}

.ps-r{ position: relative;}
.ps-a{ position: absolute;}
.btm-0{ bottom: 0rem;}

.bg-iteam{background: url("../images/h_teambg.jpg"); background-size:100% 100%;}
.gobefore{background: url("../images/gobefore.png") no-repeat; background-size:0.15rem 0.6rem; text-indent: -9999px; width: 0.2rem;}
.bg-c49{ background-color: #494949;}
.bg-ce04840{ background-color: #d81213;}
.bg-cdd2222{ background-color: #dd2222;}

/* header start */
header{width:100%; height:1rem;position:fixed; top:0; z-index:223; box-sizing: border-box; background-color: #ffffff;transition-property: transform;transition-duration: 0.4s; box-sizing: border-box;border-bottom: 1px solid #dedede;}
header .top-logo{width:6.16rem; height:0.61rem;margin-top: 0.24rem; margin-left: 0.2rem; margin-bottom: 0.15rem;float: left;overflow: hidden;}

header .top-menu{width:0.85rem; height:1rem; background-color: #fff;box-sizing: border-box;border-bottom: 1px solid #dedede;}
header.is-fixed {position: fixed;}
header.lateral-menu-is-open {transform: translateX(-4.6rem);}
.overflow-hidden {overflow: hidden;}
.cd-main-content {min-height:100%;position: relative;background-color: #ffffff;z-index:222;transition-property: transform;transition-duration: 0.4s;}
.cd-main-content.lateral-menu-is-open{transform: translateX(-4.6rem);}
/*导航的按钮*/
#cd-menu-trigger {position: absolute;right: 0rem;top:0rem;height:1rem;width:0.7rem;}
#cd-menu-trigger.is-clicked {}

#cd-lateral-nav {position: fixed;height: 100%;right: 0;top: 0; z-index: 1; width:4.6rem; box-sizing: content-box;  overflow-y: auto; transition-property: transform; transition-duration: 0.4s;transform: translateX(0.8rem);background-color:#d91114;visibility: hidden}
#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;}
#cd-lateral-nav a.current {color: #ffffff;}
#cd-lateral-nav span{display:block; width:1.5rem; height:1rem;float:left;}
#cd-lateral-nav span img{float:right;}
#cd-lateral-nav h2{ display:block; margin-left:0.4rem; height:1rem;float:left;}
#cd-lateral-nav.lateral-menu-is-open {transform: translateX(0);visibility: visible}
#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*/
.linkyw{margin: 0 auto; overflow: hidden;clear: both; width: 100%}
.linkyw li{width:32%; display:inline-table; overflow: hidden; text-align: center;}
.linkyw li img{border: 0; text-align: center}
.linkyw li h3{ text-align: center; font-size: 0.24rem; font-weight: bold; color: #000000; line-height: 0.5rem;}
.linkyw li p{ color: #000000; text-align: center; font-size: 0.18rem}
.linkyw li:hover h3{ background-position-x:-1rem;}
/*.linkyw li:hover p{ color: #e04840;}
*//*首页 关于华宇美 简介 start*/
.aboutround{ padding-bottom:0.53rem; overflow: hidden}
.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{transform: rotateZ(360deg);}

/*首页 案例 tab切换 start*/
.tab {width:7.3rem;}
.tab-title {width:7.1rem; margin:0 auto;overflow: hidden;}
.tab-title a{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;}
.tab-cont .item{width:7.3rem;text-align:center;color: #fff;display:none;}
.lanren{margin: 0 auto}
.lanren li{width:3.45rem;height:2.6rem;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;}

/*首页的新闻 */
.tabBox{margin:0rem auto;width:7.3rem;overflow: hidden}
.tabBox .hd ul{margin:0rem auto; text-align: center; overflow: hidden}
.tabBox .hd ul li{float:left;width:2rem;height:0.52rem;line-height:0.52rem;background-color:#dadada; margin:0.36rem 0.18rem;}
.tabBox .hd ul li a{display:block;text-align:center;color:#000000;font-size:0.22rem;}
.tabBox .hd ul .on{color:#fff;background-color:#e04840;}
.tabBox .hd ul .on a{ display:block;color:#fff;}
.tabBox .bd ul{overflow:hidden;margin: 0 auto;position: relative;display: none;width:7.3rem;}
.tabBox .bd li{box-sizing: content-box;float: left;width: 7.3rem;height: 1.6rem;margin-bottom:0.25rem;clear: both;}
.tabBox .bd li .pic{float:left;width:2.4rem; text-align: left;position: relative;overflow: hidden}
.tabBox .bd li .pic img{padding:3px; border:1px solid #d2d2d2;height:1.6rem;width:2.3rem;}
.tabBox .bd li .conc{width:4.8rem;float:right;text-align:left;position:relative;top:0}
.tabBox .bd li .conc h3{font-size: 0.22rem; color: #383838; line-height:0.45rem; text-align: left}
.tabBox .bd  li .conc p{ font-size:0.15rem; color: #727272; line-height: 0.32rem;}
/*首页的新闻 */

/*关于我们简介 start*/
.about-slide ul{margin:0.30rem auto; text-align: center; overflow: hidden;border-bottom: 0.01rem solid #666666;padding: 0.1rem 0;}
.about-slide ul li{width:1.5rem;height:0.52rem;line-height:0.52rem;background-color:#dadada; margin:0.1rem 0.15rem;display: inline-table;font-size: 0.26rem;}
.about-slide ul li.on {color: #d60000;border-bottom: 1px solid #d60000;}
.about-slide ul li.on a{color:#d60000}

.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*
/*案例的列表*/
#caselist dl{margin-top: 0.25rem;width:50%;overflow: hidden; float: left; overflow: hidden}
#caselist dl dt,#caselist dl dd{ width: 100%;}
#caselist dl dt a,#caselist dl dd a{ display: block;}
#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;}
#caselist dl img{width:3.0rem;height:2.5rem;padding: 0;margin: 0 0.05rem;}

/*分页 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,.pages span{ 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: #d60000; border-color: #d60000; color: #ffffff;}

/*上一页下一页 start*/
.nextprev li a{  display: block; height:0.54rem;line-height:0.54rem; font-size:0.26rem; 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:#d60000; background-color: #d60000; 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;}
.newslist li span.datetime{ display: block; text-align: center; font-weight: 900; font-size: 0.46rem; color: #d60000; 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: #d60000; 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;overflow: hidden;}
.newslist li:hover{box-shadow: 0px 2px 3px #ffd4d4; }
.newslist li:last-child{ border-bottom: 0px;}
.newscon{margin: 0rem auto; text-align: left}
.newscon img{width:100%; margin: 0 auto; text-align: center}

/*底部信息*/
.botwei{color:#FFFFFF ; padding-bottom: 0.28rem; background-color: #494949;text-align: center}
.botwei img{max-width:100%;margin: 0 auto;}
.botwei ul li{text-align: center;display:inline-table;width:50%; overflow:hidden;float: left}

.footer{border-top:1px solid #e0e0e0; padding-bottom:0.04rem;position:fixed;bottom:0;left:50%;margin-left:-3.75rem;z-index:1000;background-color:rgba(219,0,0,0.8)}
.footer a{ text-align: center; font-size: 0.24rem; color:#FFFFFF;display:table-cell;vertical-align:bottom; width: 3.75rem; height: 0.9rem; float: left; line-height: 1.45rem;}
.footer a.footertel{box-sizing: border-box; border-right: 1px solid #e0e0e0;}
.ftelicon{background: url("../images/footertel.png") no-repeat center top; background-size:0.42rem 0.5rem;}