@charset "utf-8";
@font-face{
	font-family:fzqkbysjt;
	src:url(../fonts/fzqkbysjt.TTF);	
}
*{padding:0;margin:0;list-style:none;font-style:normal}
a{text-decoration:none; color:#000000}
img{border:0;}
.clear::after{content:".";display:block;height:0;clear:both;visibility:hidden}
.fl{float:left}
.fr{float:right}
main,article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
.width100{width:100%;display:block}
.width100 img{width:100%;display:block}
body{font-family:'方正清刻本悦宋简体',"fzqkbysjt",'Microsoft YaHei';font-size:13px; background:#FFFFFF; color:#000000}
.main{width:1000px;margin:0 auto}
body ,html{height:100%}
.m-head{height:80px; padding:0 13%;}
.m-head .logo{float:left}
.m-head .logo img{height:60px; padding:10px 0; display:block}
.m-head .nav{float:right; line-height:80px;}
.m-head .nav li{float:left; margin-left:20px}
.m-head .nav a{color:#333333; font-size:16px; display:inline; padding:5px 25px; border-radius:20px; border:1px solid rgba(0,0,0,0)}
.m-head .nav a.curr{color:#0C9F6B; border-color:#0C9F6B}
.m-head .nav a:hover{color:#0C9F6B}

.m-interspa{padding:80px 8%; text-align:center}
.m-interspa h1{font-weight:normal; font-size:20px; line-height:2}
.m-interspa p{color:#656565; font-size:18px; line-height:1.3}
.m-interspa ul li{float:left; width:25%}
.m-interspa ol{margin-top:80px}
.m-interspa ol li{float:left; width:33.3333%}
.m-interspa img{height:134px; display:block; margin:10px auto}

.m-supply{padding:0 20%; padding-bottom:70px;}
.m-supply li h1{ font-weight:500;font-size:30px; line-height:2}
.m-supply li p{font-size:20px; line-height:1.5}
.m-supply li img{width:190px; padding:0 15px}
.m-supply li{display: -webkit-box;display: -moz-box;display: -webkit-flex;display: -moz-flex;display: -ms-flexbox;display: flex; -webkit-align-items:center;-ms-align-items:center;align-items:center; padding:20px 0}
.m-supply2{margin-top:50px}
.m-supply2 li h1{font-size:32px}
.m-supply2 li p{font-size:21px; color:#656565; line-height:1.3}

.m-foot{color:#656565; text-align:center; line-height:1.5; padding:20px 0}

.m-lovwate{position:relative; width:100%; overflow:hidden; margin-bottom:30px}
.m-lovwate div{position:absolute; top:50%; left:5%; width:100%; color:#FFFFFF; -webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.m-lovwate div h1{font-size:42px; font-weight:normal; margin-bottom:20px;}
.m-lovwate div p{font-size:20px; line-height:1.4}
.m-lovwate div ul{display: -webkit-box;display: -moz-box;display: -webkit-flex;display: -moz-flex;display: -ms-flexbox;display: flex;font-size:22px; -webkit-align-items:flex-start;-ms-align-items:flex-start;align-items:flex-start;}
.m-lovwate div ul img{height:180px; display:block; margin-right:20px}
.m-lovwate div ul dl{height:180px; position:relative;}
.m-lovwate div ul dl dd{line-height:1.5}
.m-lovwate div ul a{color:#FFFFFF; background:#0B9F6B; position:absolute; bottom:5px; padding:10px 14px; border-radius:10px; opacity:0.7; font-size:20px}
.m-lovwate div ul a:hover{opacity:1}


/*之前的*/
.big-bg{width:100%; height:100%;background:url(../images/zhuye4.gif) #fff left top no-repeat; background-size:100% 100%;}
.tea_declare{padding-left:30%; width:100%; box-sizing:border-box; padding-top:24px}
.tea_declare .cjlive{margin-left:-32.7%; float:left; width:30%;background:url(../images/logo1.png) left 40% no-repeat;padding-left:130px;background-size:120px; padding-top:140px}
.tea_declare div{ float:left; width:50%; box-sizing:border-box;}
.declare_img{text-align:right; padding-right:80px;}
.declare_img img{height:380px}
.tea_declare p{line-height:2;  padding-left:20px; }
.smartHome{font-size:40px; text-align:center; padding:70px 0 30px}
.smartHome p:last-child{font-size:30px;line-height:1.7}
.cjlive{ float:left; background:url(../images/logo1.png) left 40% no-repeat; height:380px; line-height:380px; padding-left:130px; font-size:45px; letter-spacing:10px; width:45%; box-sizing:border-box; background-size:120px; white-space:nowrap}
.tea_declare{padding-left:30%; width:100%; box-sizing:border-box; padding-top:24px}
.tea_declare .cjlive{margin-left:-32.7%; float:left; width:30%;background:url(../images/logo1.png) left 40% no-repeat;padding-left:130px;background-size:120px; padding-top:140px}
.tea_declare div{ float:left; width:50%; box-sizing:border-box;}
.declare_img{text-align:right; padding-right:80px;}
.declare_img img{height:380px}
.tea_declare p{line-height:2;  padding-left:20px; }
.declare_p{font-size:14px}