@charset "utf-8";
/*====================== 初始化 ====================*/
body { /*font-family: "Microsoft YaHei", "微软雅黑";*/ font:12px/22px; font-family:'Microsoft YaHei', '微软雅黑';/* background:#f0f0f0;*/ width:100%; }
body,ul,ol,li,p,span,i,strong,a,h1,h2,h3,h4,h5,h6,form,table,td,img,div,form,label,dl,dt,dd{margin:0;padding:0;border:0;} 
ul,ol{ list-style:none;}
table { border-collapse:collapse; border-spacing:0;}
a{ text-decoration:none; color:#000;}
input,button,select,textarea{outline:none; border:none}
.width1200{ margin:0 auto; width:1200px; min-width:1000px;}

/*====================== 智能家居 ====================*/
.furnishing{ width:100%; height:100%; background:#FFF url(../images/jjbj.jpg) no-repeat center / cover; overflow:hidden; position:relative; z-index:5;}
.furnishing_animation{ height:100%; position:relative;}
.furnishing_animation div{ height:100px; width:100px; border-radius:50%; position:relative;}
.furnishing_animation div span{display:inline-block; 
transform:scale(0);
-moz-transform:scale(0);
-ms-transform:scale(0);
-o-transform:scale(0);
-webkit-transform:scale(0);}
.furnishing_animation div span:nth-child(1){ height:100px; width:100px;  position:absolute; top:0; left:0; background:url(../images/furnishing_span1.png) no-repeat center;}
.furnishing_animation div span:nth-child(2){ height:80px; width:80px; position:absolute; top:10px; left:10px;background:url(../images/furnishing_span2.png) no-repeat center;}
.furnishing_animation div span:nth-child(3){ height:60px; width:60px; position:absolute; top:20px; left:20px;background:url(../images/furnishing_span3.png) no-repeat center;}
.furnishing_animation div.furnishing_animation1{ position:absolute; top:750px; left:-100px;}
.furnishing_animation div.furnishing_animation2{ position:absolute; top:550px; left:450px;}
.furnishing_animation div.furnishing_animation3{ position:absolute; top:550px; right:-290px;}
.furnishing_animation .furnishing_mobile{ width:384px; height:523px; position:relative; background:url(../images/furn_2.png) no-repeat center; border-radius:0; position:absolute; 
right:60px; bottom:0;}
.furnishing_mobile div{width:384px; height:523px; position:relative; border-radius:0;}
.furnishing_mobile p:nth-child(1){ height:309px; width:181px; /*background:url(../images/furn_1.gif) no-repeat center;*/ position:absolute; bottom:114px; left:87px; z-index:1;}
.furnishing_mobile p:nth-child(2){ height:229px; width:120px; background:url(../images/furn_3.png) no-repeat center; position:absolute; bottom:49px; left:17px; z-index:2}
.furnishing_mobile p:nth-child(3){ height:229px; width:136px; background:url(../images/furn_4.png) no-repeat center; position:absolute; bottom:256px; left:143px;}
.furnishing_mobile p img{ height:309px; width:181px;}
/*====================== 首页 ====================*/
/*.header{ height:90px; line-height:90px; position:relative; top:0; left:0; right:0; background:rgba(255,255,255,0.9); z-index:4;}
.header h1 a{ display:block; height:29px; width:86px; background:url(../images/spirit.png) no-repeat left -85px; float:left; margin-top:30px;}
.header ul{ float:right;}
.header ul li{ float:left; font-size:16px; display:block;width:120px; text-align:center; position:relative}
.header ul li a{color:#272727; display:block; width:100%;
transition:all 0.5s;
-moz-transition:all 0.5s;
-ms-transition:all 0.5s;
-o-transition:all 0.5s;
-webkit-transition:all 0.5s;}
.header ul li:hover a{ color:#009999}
.header ul li:hover ol li a{ color:#FFF;}
.header ul li.active a{ color:#009999}
.header ol{ position:absolute; top:90px; left:30px; z-index:111;
transform:scale(0);
-moz-transform:scale(0);
-ms-transform:scale(0);
-o-transform:scale(0);
-webkit-transform:scale(0);
transform-origin:left center;
-moz-transform-origin:left center;
-ms-transform-origin:left center;
-o-transform-origin:left center;
-webkit-transform-origin:left center;
transition:all 0.5s;
-moz-transition:all 0.5s;
-ms-transition:all 0.5s;
-o-transition:all 0.5s;
-webkit-transition:all 0.5s;}
.header ol li{ height:30px; width:93px; text-align:center; line-height:30px; font-size:16px; float:left; padding:0; background:url(../images/spirit.png) no-repeat -270px -164px;}
.header ol li a{ color:#fff;}
.header ul li.active ol li a{ color:#FFF;}
.header ol li.on{ height:40px; width:93px; background:url(../images/spirit.png) no-repeat -270px -120px; position:relative; top:-10px;}
.header ol li.on a{ display:block; margin-top:10px;}
.header ul li:hover ol{ transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
-webkit-transform:scale(1);}*/
.banner{ position:fixed; width:100%; top:0; left:0; background:url(../images/banner.jpg) no-repeat center / cover;}
.banner img{ width:100%;}
.relative1200{ width:1200px; height:200px; /*background:red;*/ margin:0 auto; position:relative;}
.banner_video{ height:70px; width:564px; position:absolute; bottom:160px; left:0; background:url(../images/banner_bj1.png) no-repeat center;}
/* .banner_video{ height:50px; width:564px; position:absolute; bottom:160px; left:0; } */
.banner_video span{ display:block; height:100%; width:100%; font-size:34px; color:#FFF; float:left; margin:12px 0 0 10px; width:430px;}
/* .banner_video:before{ content:""; display:block; height:59px; width:62px; background:url(../images/spirit.png) no-repeat -173px -1px; float:left; margin:20px 10px 0 20px;} */
.banner_video:before{ content:""; display:block; height:59px; width:62px; float:left; margin:20px 10px 0 20px;}
.banner_txt{ width:564px; height:111px; background:url(../images/banner_bj2.png) no-repeat center; position:absolute; bottom:24px; left:0; font-size:14px; color:#FFF; line-height:24px;}
.banner_txt span{ display:inline-block; padding:20px;}
.banner_shop{ height:60px; line-height:60px; width:210px; display:block; background:#faa50a; border-radius:5px; position:absolute; bottom:24px; right:0; font-size:14px; color:#FFF; text-align:center}
.banner_shop:before{ content:""; display:inline-block; height:34px; width:34px; background:url(../images/spirit.png) no-repeat -175px -81px; vertical-align:middle; margin-right:10px;}
.video{ height:470px; width:100%; overflow:hidden; position:relative; text-align:center; z-index:5;}
video,object{ display:inline-block; min-width:100%; min-height:100%;}
.video_mask{ position:absolute; top:0; left:0; bottom:0; right:0; background:rgba(0,0,0,0.5);}
.video_list h2{ font-size:24px; color:#FFF; margin:50px 0 100px 0;}
.video_list ul{ overflow:hidden}
.video_list ul li{ width:25%; float:left; text-align:center; font-size:14px; color:#FFF;}
.video_list ul li strong{ font-size:56px; display:block; margin:20px 0;}
.video_list ul li p{ color:#00feef;}
.video_list ul li span{display:block; height:67px; width:67px; background:url(../images/spirit.png) no-repeat 0 -124px; margin:0 auto;}
.video_list ul li:nth-child(2) span{ width:69px; background:url(../images/spirit.png) no-repeat -67px -124px;}
.video_list ul li:nth-child(3) span{background:url(../images/spirit.png) no-repeat -137px -124px;}
.video_list ul li:nth-child(4) span{ width:60px; background:url(../images/spirit.png) no-repeat -203px -124px;}
.news{ overflow:hidden; padding-top:90px; position:relative; background:#FFF; z-index:5; width:100%;}
.news_left{ width:540px; float:left;}
.news h3{ height:49px; border-bottom:2px solid #dcdcdc;}
.news h3:before{ content:""; display:inline-block; width:155px; height:51px; background:url(../images/spirit.png) no-repeat -246px 0px;}
.news_right{ width:540px; float:right;}
.news_banner a img{ height:170px; width:100%; border-top-right-radius:50px; border-bottom-left-radius:50px; margin:20px 0 10px 0;}
.news_left ul li{ width:100%; overflow:hidden; line-height:30px;}
.news_left ul li a{ display:block; color:#535252; font-size:16px;
transition:all 0.5s;
-moz-transition:all 0.5s;
-ms-transition:all 0.5s;
-o-transition:all 0.5s;
-webkit-transition:all 0.5s;}
.news_left ul li a:hover{ color:#40bbb4;}
.news_left ul li:before{ content:""; display:block; float:left; width:7px; height:14px; background:url(../images/spirit.png) no-repeat -373px -145px; margin:9px 5px 0 0;}
.news_left ul li span{ display:block; float:left}
.news_left ul li i{ display:block; float:right; font-style:normal; font-size:14px;}
.news_right h3:before{background:url(../images/spirit.png) no-repeat -246px -63px;}
.news_right ul{ margin-top:20px;}
.news_right ul li{ margin-top:15px; overflow:hidden;}
.news_right ul li div:nth-child(1){ height:100px; width:100px; background:#40bbb4; border-radius:0 50px 0 50px; text-align:center; float:left}
.news_right ul li span{ display:block; color:#FFF; font-size:18px; margin:0 auto; line-height:33px;}
.news_right ul li span:nth-child(1){ font-size:44px; padding-top:20px;}
.news_right ul li div:nth-child(2){ width:420px; float:right; font-size:14px; color:#7a7a7a; border-bottom:1px solid #e5e5e5; padding-bottom:5px;}
.news_right ul li h4{ font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.news_right ul li p{ margin:6px 0 5px 0;}
.news_right ul li a{ color:#7a7a7a; line-height:23px;}
.footer_nav{ width:100%; padding:30px 0 20px 0; overflow:hidden; background:#373737; position:relative; z-index:5;}
.footer_nav .pText{color: #fff; margin-top: 5px;}
.footer_nav ul li{ float:left; margin-right:30px;}
.footer_nav ul li h3{ font-size:14px; color:#e1e1e1; margin-bottom:15px;}
.footer_nav ul li a{ color:#aeaeae; font-size:12px; display:block; line-height:23px;
transition:all 0.5s;
-moz-transition:all 0.5s;
-ms-transition:all 0.5s;
-o-transition:all 0.5s;
-webkit-transition:all 0.5s;}
.footer_nav ul li a:hover{ color:#00feef;}
.footer_nav ul li a:before{ content:""; display:inline-block; width:5px; height:10px; background:url(../images/spirit.png) no-repeat -387px -147px; margin-right:5px; vertical-align:middle;}
.footer_nav ul li span{ display:block; float:left; background:#232323; height:26px; line-height:26px; margin:0 5px 5px 0; color:#aeaeae; padding:0 10px;}
.footer_nav ul li:nth-child(2){ width:240px;}
.footer_nav ul li:nth-child(4){ width:320px;}
.footer_nav ul li:nth-child(4) h3{ text-align:center}
.footer_nav ul li:last-child{ margin:0;}
.footer_nav ul li em{ display:block; font-style:normal; color:#aeaeae; font-size:12px; margin-top:15px;}
.footer_nav ul li em:before{ content:""; display:inline-block; width:18px; height:17px; background:url(../images/spirit.png) no-repeat -386px -170px; vertical-align:middle; margin-right:5px;}
.footer_nav ul li em:nth-child(2):before{ width:11px; background:url(../images/spirit.png) no-repeat -372px -170px; margin-right:12px;}
.footer_nav ol{ margin-top:30px;}
.footer_nav ol li{ width:25%; float:left; margin:0; text-align:center; font-size:12px; color:#aeaeae;}
.footer_nav ol li:nth-child(2){ width:25%;}
.footer_nav ol li:nth-child(4){ width:25%;}
.footer_nav ol li p:before{ content:""; display:block; height:40px; width:40px; margin:0 auto; background:url(../images/spirit.png) no-repeat 0px 0px; margin-bottom:5px;
transition:all 0.5s;
-moz-transition:all 0.5s;
-ms-transition:all 0.5s;
-o-transition:all 0.5s;
-webkit-transition:all 0.5s;}
.footer_nav ol li:nth-child(2) p:before{ background:url(../images/spirit.png) no-repeat -40px 0px;}
.footer_nav ol li:nth-child(3) p:before{ background:url(../images/spirit.png) no-repeat -80px 0px;}
.footer_nav ol li:nth-child(4) p:before{ background:url(../images/spirit.png) no-repeat -120px 0px;}
.footer_nav ol li:nth-child(1):hover p:before{ background:url(../images/spirit.png) no-repeat 0px -40px;}
.footer_nav ol li:nth-child(2):hover p:before{ background:url(../images/spirit.png) no-repeat -40px -40px;}
.footer_nav ol li:nth-child(3):hover p:before{ background:url(../images/spirit.png) no-repeat -80px -40px;}
.footer_nav ol li:nth-child(4):hover p:before{ background:url(../images/spirit.png) no-repeat -120px -40px;}
.footer_logo{ height:76px; width:100%; background:#232323; position:relative; z-index:4;}
.footer_logo .fLImg{display: block;height: 70px; background: url(../images/logo.png) no-repeat left top; padding-left: 300px; padding-top: 30px;}
.footer_logo h2 a{ display:block; height:27px; width:76px; background:url(../images/spirit.png) no-repeat -91px -89px; position:relative; top:24px;}
.footer_logo p{ text-align: center;padding-top: 30px; font-size:12px; color:#aeaeae;}
.footer_logo p span{ display:inline-block; margin-left:20px;}

/******** banner动画部分 *********/
.banner_animation{ height:700px; width:100%;text-align:center; position:relative; overflow:hidden; background:#FFF; z-index:5}
.banner_animation h3{ color:#424242; font-size:36px; padding:30px 0 10px 0;}
.banner_animation div.product{ color:#009999; font-size:24px; height:24px; line-height:24px; border-top:2px solid #a0a0a0; width:180px; position:relative; margin:0 auto;}
.banner_animation div.product span{ display:inline-block; position:absolute; top:-14px; left:30px; background:#fff; width:120px;}
.relative_animation{ height:100%; position:relative;}
.banner_animation .row{ border-radius:50%; background:#40bbb4;position:absolute;
transition:all 0.5s;
-moz-transition:all 0.5s;
-ms-transition:all 0.5s;
-o-transition:all 0.5s;
-webkit-transition:all 0.5s;}
.banner_animation .row span{ display:inline-block; width:230px; height:42px; background:url(../images/shaddow.png) no-repeat center; position:relative; top:30px;
transition:all 0.5s;
-moz-transition:all 0.5s;
-ms-transition:all 0.5s;
-o-transition:all 0.5s;
-webkit-transition:all 0.5s; opacity:0;}
.banner_animation .row{ z-index:1000;}
.banner_animation .row img{ margin-top:-20px;}
.banner_animation .animation_row4 img{ margin-top:30px;}
.banner_animation .animation_row2 span{ left:10px;}
.banner_animation .animation_row3 span{ left:10px;}
.banner_animation .animation_row4 span{ left:-20px;}
.banner_animation .animation_row1{ height:216px; width:216px; left:0; top:147px;}
.banner_animation .animation_row2{ height:292px; width:292px; left:254px; top:264px;}
.banner_animation .animation_row3{ height:300px; width:300px; left:670px; top:330px;}
.banner_animation .animation_row4{ height:150px; width:150px; top:190px; right:30px;}
.banner_animation .row:hover{ 
transform:translateY(-30px);
-moz-transform:translateY(-30px);
-ms-transform:translateY(-30px);
-o-transform:translateY(-30px);
-webkit-transform:translateY(-30px);}
.banner_animation .row:hover span{ opacity:1;}
.banner_animation i{ display:block; width:49px; height:71px; background:url(../images/didi.png) no-repeat center; position:absolute; opacity:0;}
.banner_animation i.water_1{ left:80px; top:210px;}
.banner_animation i.water_2{ left:380px; top:390px;}
.banner_animation i.water_3{ left:820px; top:440px;}
.banner_animation i.water_4{ right:90px; top:200px;}
.banner_animation strong{ display:block; width:238px; height:89px; background:url(../images/di4.png) no-repeat center; position:absolute; opacity:0;}
.banner_animation strong.drop_1{ left:0px; top:290px;}
.banner_animation strong.drop_2{ left:280px; top:470px;}
.banner_animation strong.drop_3{ left:720px; top:490px;}
.banner_animation strong.drop_4{ right:-10px; top:260px;}
.ball{ position:absolute; top:0; left:0;}
.ball span{ display:block; border-radius:50%; position:absolute; top:0; left:0; background:#c9eeed;}
.ball span.ba75,.ball span.ba75_2{ height:75px; width:75px;}
.ball span.ba90,.ball span.ba90_2{ height:90px; width:90px;}
.ball span.ba105,.ball span.ba105_2{ height:105px; width:105px;}
.ball span.ba160{ height:160px; width:160px;}
.ball span.ba190{ height:190px; width:190px;}
.ball span.ba230{ height:230px; width:230px;}
.wave{ width:100%; overflow:hidden; height:165px; position:relative; background:#FFF; z-index:4; padding-top:80px;}
.wave img{ position:absolute; left:0; bottom:0; 
animation:wave 15s linear infinite;
-moz-animation:wave 15s linear infinite;
-ms-animation:wave 15s linear infinite;
-o-animation:wave 15s linear infinite;
-webkit-animation:wave 15s linear infinite;}
.kongbai{ height:900px; position:relative; top:0; left:0; width:100%;}

/*====================== 企业资讯 ====================*/
.consult_banner img{ width:100%;}
.consult_nav{ text-align:center; width:100%; background:#009999; height:42px; line-height:42px;}
.consult_nav ul{ display:inline-block}
.consult_nav ul li{ float:left; font-size:18px;}
.consult_nav ul li a{ display:block; padding:0 30px; color:#fff;}
.consult_nav ul li.active a{ color:#009999; background:#FFF;}
.con_nav{ overflow:hidden;}
.con_nav a{ color:#333; font-size:12px; display:block; height:60px; line-height:60px; float:left; margin-right:5px;}
.consult_list ul{ overflow:hidden;}
.consult_list ul li{ width:580px; position:relative; float:left; background:red; margin-top:25px;}
.consult_list ul li:nth-child(even){ float:right;}
.consult_div1{ background:#f2fafa; overflow:hidden; width:580px; padding:20px 0; height:140px; position:absolute; top:-10px; left:-10px;}
.consult_div1 img{ height:130px; width:150px; float:left;}
.consult_div1 div{ width:410px; float:left; margin-left:20px;}
.consult_div1 h3{ color:#293841; font-size:16px; margin-top:10px;}
.consult_div1 i{ display:block; font-style:normal; font-size:12px; color:#445b69; margin:10px 0;}
.consult_div1 a{ color:#4c606b; font-size:14px; display:block; line-height:23px;}
.consult_div2{ width:580px; height:180px; background:#93d2d2;}
.consult_list ol{ overflow:hidden; clear:both; margin-top:30px; float:right}
.consult_list ol li{ float:left; font-size:18px; margin-right:15px;}
.consult_list ol li a{ color:#444343; display:block;}
.consult_list ol li.on a{ background:#009999; padding:0 20px; color:#fff; border-radius:20px;}
.consult_list ol li:last-child{ margin-left:10px;}
.consult_list ol li input[type="text"]{ color:#a0a0a0; height:22px; line-height:22px; border:1px solid #a0a0a0; width:50px; text-align:center; margin:0 10px; display:inline-block;}
.matter{ text-align:center;}
.matter h3{ font-size:22px; color:#333;}
.matter ul{ overflow:hidden; margin:20px 0; font-size:12px; color:#9c9b9b;}
.matter ul li{ width:50%; text-align:center; float:left}
.matter p{ font-size:14px; color:#333; text-align:left; text-indent:2em; line-height:24px; margin-top:10px;}
.matter img{ display:inline-block; max-width:100%; margin:10px 0;}
.bshar{ text-align:left; margin:20px 0;}
.read h3{ height:40px; text-align:left; background:#009999; color:#FFF; width:170px; line-height:40px; text-align:center;}
.read ul li{ width:290px; float:left; text-align:left; background:#f0f1f3; padding-bottom:20px; margin-right:10px; margin-top:15px;}
.read ul li img{ width:100%; height:170px; margin:0;}
.read ul li p{ color:#383838; font-size:18px; text-align:left; text-indent:0; padding:0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.read ul li i{ font-style:normal; height:20px; line-height:20px; width:80px; text-align:center; display:block; background:#96d4d4; font-size:12px; color:#FFF; margin:10px 0 5px 10px;}
.read ul li a{ font-size:14px;  color:#838383; line-height:23px;padding:0 10px; display:block;}

/*====================== 关于我们 ====================*/
.company{ display:none}
.company2{ display:block;}
.about:after{ content:""; display:block; clear:both; overflow:hidden;}
.about_left{ width:600px; float:left; float:left}
.about_left img{ position:relative; left:-366px;}
.about_right{ width:600px; height:600px; float:right; text-align:center; /*overflow:hidden;*/}
.about_right ol{ display:inline-block}
.about_right ol li{ float:left; width:140px; border:1px solid #293841; text-align:center; color:#293841; font-size:14px; height:40px; line-height:40px; margin-right:10px; cursor:pointer;
transition:all 0.5s;
-moz-transition:all 0.5s;
-ms-transition:all 0.5s;
-o-transition:all 0.5s;
-webkit-transition:all 0.5s;}
.about_right ol li.active{ background:#293841; color:#00feef;}
.about_right ol li:hover{ background:#293841; color:#00feef;}
.company_div1{ width:570px; height:480px; position:relative; left:20px; top:30px;}
.company_div1 div{ padding:10px 0; background:#009999; color:#FFF; width:280px; margin:0 auto; position:absolute; left:145px; z-index:2;}
.company_div1 div:nth-child(1){top:0;}
.company_div1 div:nth-child(2){ top:140px;}
.company_div1 div:nth-child(3){ top:300px; border-radius:20px;}
.company_div1 div:nth-child(4){ left:0; top:410px; width:200px;}
.company_div1 div:nth-child(5){ left:220px; top:410px; width:200px;}
.company_div1 div:nth-child(6){ left:440px; top:410px; width:200px;}
.company_div1 strong{ display:block; font-size:14px;}
.company_div1 i{ display:block;background:#009999; position:absolute; }
.company_div1 i:nth-child(7){ height:410px; width:1px; left:285px; top:0;}
.company_div1 i:nth-child(8){ height:1px; width:463px; top:320px; left:80px;}
.company_div1 i:nth-child(9){ height:90px; width:1px; left:80px; top:320px;}
.company_div1 i:nth-child(10){ height:90px; width:1px; left:542px; top:320px;}

.live{ width:412px; height:412px; position:relative; margin:20px auto;}
.live>div{ position:absolute; border-radius:50%;
transition:all 0.5s;
-moz-transition:all 0.5s;
-ms-transition:all 0.5s;
-o-transition:all 0.5s;
-webkit-transition:all 0.5s; overflow:hidden}
.live>div:nth-child(1){ width:412px; height:412px; background:url(../images/in_1.png) no-repeat center; top:0; left:0; z-index:1;}
.live>div:nth-child(2){ width:344px; height:344px; background:url(../images/in_2.png) no-repeat center; left:34px; top:34px; z-index:2}
.live>div:nth-child(3){ width:286px; height:286px; background:url(../images/in_3.png) no-repeat center; left:63px; top:63px; z-index:3}
.live>div:nth-child(4){ width:236px; height:236px; background:url(../images/in_4.png) no-repeat center; left:88px; top:88px; z-index:4}
.live>div:nth-child(5){ width:178px; height:178px; background:#009999; left:117px; top:117px; border-radius:50%;text-align:center; box-shadow:0 0 10px #009999; z-index:5;}
.live h3{ font-size:28px; color:#FFF; margin:55px 0 0 0px;
transition:all 0.5s;
-moz-transition:all 0.5s;
-ms-transition:all 0.5s;
-o-transition:all 0.5s;
-webkit-transition:all 0.5s;}
.live p{ font-size:18px; color:#FFF; margin:5px 0 0 0px;
transition:all 0.5s;
-moz-transition:all 0.5s;
-ms-transition:all 0.5s;
-o-transition:all 0.5s;
-webkit-transition:all 0.5s;}
.live div.scale{ 
transform:scale(1.1) rotate(360deg);
-moz-transform:scale(1.1) rotate(360deg);
-ms-transform:scale(1.1) rotate(360deg);
-o-transform:scale(1.1) rotate(360deg);
-webkit-transform:scale(1.1) rotate(360deg);}
.live div.live_show{ height:178px; width:178px; position:absolute; top:0; left:0; background:#009999;}
.live span{ display:block; line-height:178px; font-size:30px; color:#FFF;}
.live_txt{ width:412px; margin:0 auto; line-height:22px; font-size:14px; color:#464646;}
.company_div2:before{ content:""; display:block; width:313px; height:45px; background:url(../images/coperation.png) no-repeat center; margin:60px auto 0;}
.company_div2 h3{ color:#FFF; font-size:28px; height:48px; line-height:48px; width:500px; text-align:center; background:#009999; margin:40px auto;}
.company_div2 p{ color:#464646; font-size:18px; margin-top:20px; line-height:23px;}
.brief{ clear:both;}
.brie h3{ width:279px; height:47px; line-height:47px; background:url(../images/sprite2.png) no-repeat 0 -258px; text-align:center; margin:30px auto; color:#00feef; font-size:20px; letter-spacing:10px;}
.brief p{ color:#535353; font-size:18px; line-height:30px; text-indent:2em;}
.superiority{ background:#009999; padding:40px 0; margin:40px 0; overflow:hidden}
.superiority ul:before{ content:""; display:block; height:45px; width:121px; background:url(../images/sprite2.png) no-repeat -256px -100px; margin:0 auto 30px;}
.superiority ul li{ width:25%; text-align:center; float:left;}
.superiority ul li h4{ font-size:22px; color:#fff;}
.superiority ul li p{ font-size:14px; color:#a4e9e9; width:200px; margin:0 auto; line-height:25px;}
.superiority ul li:before{ content:""; display:block; height:85px; width:87px; background:url(../images/sprite2.png) no-repeat -32px 0; margin:0 auto; margin-bottom:30px;}
.superiority ul li:nth-child(2):before{ content:""; display:block; height:85px; width:87px; background:url(../images/sprite2.png) no-repeat -119px 0; margin:0 auto; margin-bottom:30px;}
.superiority ul li:nth-child(3):before{ content:""; display:block; height:85px; width:87px; background:url(../images/sprite2.png) no-repeat -205px 0; margin:0 auto; margin-bottom:30px;}
.superiority ul li:nth-child(4):before{ content:""; display:block; height:85px; width:87px; background:url(../images/sprite2.png) no-repeat -293px 0; margin:0 auto; margin-bottom:30px;}
.superiority ul li h4:after{ content:""; display:block; height:4px; width:53px; background:url(../images/sprite2.png) no-repeat -324px -301px; margin:20px auto 30px;}
.we_left{ width:430px; float:left;color:#535353;}
.we_left h3{ height:40px; width:190px; background:#293841; text-align:center; line-height:40px; color:#00feef;
font-size:20px; letter-spacing:10px;}
.we_left p{ font-size:24px; margin:40px 0;}
.we_left ul li{ font-size:18px; margin-top:30px;}
.we_left ul li:before{ content:""; display:inline-block; width:20px; height:28px;background:url(../images/sprite2.png) no-repeat 0 0; vertical-align:middle; margin-right:10px;}
.we_left ul li:nth-child(2):before{background:url(../images/sprite2.png) no-repeat 0 -28px; }
.we_left ul li:nth-child(3):before{background:url(../images/sprite2.png) no-repeat 0 -56px; }
.we_left ul li:nth-child(4):before{background:url(../images/sprite2.png) no-repeat 0 -83px; position:relative; top:-4px;}
.we_right{width:720px; float:right; position:relative;}
.we_right_div h3{ height:118px; width:279px; background:url(../images/sprite2.png) no-repeat 0 -132px; position:relative;}
.we_right ul li{ margin-top:30px; overflow:hidden;}
.we_right ul li input{ display:block; height:40px; line-height:40px; border:2px solid #47555d; border-radius:5px; width:480px; padding-left:20px; color:#6c777e;
font-size:18px; float:left; background:#bdcfcf;}
.we_right ul li textarea{ width:480px; padding:10px; border:2px solid #47555d; font-size:18px; color:#6c777e; border-radius:5px; min-height:200px; background:#bdcfcf;}
.we_right ul li:nth-child(1) input{ width:216px;}
.we_right ul li:nth-child(1) input:last-child{ margin-left:20px;}
.we_right_img{ width:720px; float:left;}
.we_right_div{ position:absolute; top:30px; left:100px;}
.patent{ color:#293841; font-size:12px; line-height:23px;}
.patent h3{ height:48px; line-height:48px; width:380px; border:2px solid #293841; font-size:18px; color:#293841;
margin:100px auto 0;}
.we_right_div h3:before{ content:""; display:block; height:20px; width:40px; background:#BDCFCF; position:absolute; right:0; top:0;}
.patent ul li{ width:50%; text-align:center; float:left;}
.patent ul li div{height:168px; width:171px; overflow:hidden; margin:0 auto; position:relative}
.patent ul li div p{height:168px; width:171px; transition:all 0.5s; margin:0 auto; position:absolute; top:0; left:0;}
.patent ul li div p:nth-child(1){ background:url(../images/s1.png) no-repeat 0 0;}
.patent ul li div p:nth-child(2){ background:url(../images/s2.png) no-repeat 0 0;
transform:scale(3);
-moz-transform:scale(3);
-ms-transform:scale(3);
-o-transform:scale(3);
-webkit-transform:scale(3);
opacity:0;}
.patent ul li div:hover p:nth-child(1){
transform:scale(0);
-moz-transform:scale(0);
-ms-transform:scale(0);
-o-transform:scale(0);
-webkit-transform:scale(0);
}
.patent ul li div:hover p:nth-child(2){ 
transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
-webkit-transform:scale(1);
opacity:1;}

.patent ul li:nth-child(2) div p:nth-child(1){ background:url(../images/s1.png) no-repeat -171px 0px;}
.patent ul li:nth-child(2) div p:nth-child(2){ background:url(../images/s2.png) no-repeat -171px 0px; opacity:0;
transform:scale(3);
-moz-transform:scale(3);
-ms-transform:scale(3);
-o-transform:scale(3);
-webkit-transform:scale(3);}
.patent ul li:nth-child(2) div:hover p:nth-child(1){ 
transform:scale(0);
-moz-transform:scale(0);
-ms-transform:scale(0);
-o-transform:scale(0);
-webkit-transform:scale(0);}
.patent ul li:nth-child(2) div:hover p:nth-child(2){ 
transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
-webkit-transform:scale(1);
 opacity:1;}
.patent ul li span{ display:block; font-size:14px; color:#293841; width:50%; margin:20px auto 0;}
.patent ul li i{ font-style:normal; color:#009999; font-size:16px;}
.patent p{ font-size:12px; color:#293841; width:50%; margin:60px auto;}
.patent ul li div.scale{ background:url(../images/s2.png) no-repeat 0 0px;}
.patent ul li:nth-child(2) div.scale{background:url(../images/s2.png) no-repeat -171px 0px;}
.invent{ overflow:hidden; margin-top:30px;}
.invent ul li{ float:left; width:50%; text-align:center; margin-top:20px;}
.honour{ width:552px; height:325px; background:url(../images/honour.png) no-repeat center; position:relative; top:170px; left:110px;}
.honour p{ font-size:16px; color:#293841; width:156px; position:absolute;top:340px;}
.honour p:nth-child(1){ top:150px; left:200px;}
.honour p:nth-child(2){ left:0px;}
.honour p:nth-child(3){ left:410px;}
.shade{ background:#009999; padding:20px 0; margin:40px 0; height:572px;}
.shade_relative{ height:572px; position:relative;}
.shade ul li{ float:left; position:absolute; text-align:center; transition:all 0.5s; overflow:hidden;}
.shade ul li:nth-child(1){ top:0; left:0; width:195px; height:325px;}
.shade ul li:nth-child(2){ top:329px; left:0; width:195px; height:243px;}
.shade ul li:nth-child(3){ top:0px; left:199px; width:456px; height:302px;}
.shade ul li:nth-child(4){ top:306px; left:199px; width:456px; height:266px;}
.shade ul li:nth-child(5){ top:0px; left:659px; width:237px; height:319px;}
.shade ul li:nth-child(6){ height:249px; width:237px; background:#01c7c7; bottom:0; left:659px;}
.shade ul li:nth-child(7){ top:231px; right:0; width:300px; height:227px;}
.shade ul li:nth-child(8){ top:0px; right:0; width:300px; height:226px;}
.shade ul li:nth-child(9){ bottom:0px; right:173px; width:127px; height:111px;}
.shade ul li:nth-child(10){ bottom:0px; right:0; width:169px; height:111px;}
.shade ul li div{ position:absolute; top:0; left:0; bottom:0; right:0; background:rgba(1,24,24,0.7);
transition:all 0.5s;
-moz-transition:all 0.5s;
-ms-transition:all 0.5s;
-o-transition:all 0.5s;
-webkit-transition:all 0.5s;}
.shade ul li p{ font-size:14px; color:#02cccc;}
.shade ul li p:nth-child(1){ position:absolute; bottom:30px; left:10px;}
.shade ul li p:nth-child(2){ position:absolute; bottom:10px; left:10px;}
.shade ul li span{ display:block; font-size:20px; color:#FFF; line-height:30px;}
.shade ul li span:nth-child(1){ margin-top:100px;}
.shade ul li div:nth-child(3){ 
transform:translate(0,-100%);
-moz-transform:translate(0,-100%);
-ms-transform:translate(0,-100%);
-o-transform:translate(0,-100%);
-webkit-transform:translate(0,-100%);
opacity:0; 
transition:all 0.5s ease-in 0.2s;
-moz-transition:all 0.5s ease-in 0.2s;
-ms-transition:all 0.5s ease-in 0.2s;
-o-transition:all 0.5s ease-in 0.2s;
-webkit-transition:all 0.5s ease-in 0.2s;}
.shade ul li em{ display:block; height:92px; width:92px; background:url(../images/iconFnd.jpg) no-repeat center; position:absolute; top:50%; left:50%; margin:-46px 0 0 -46px;}
.shade ul li:hover div:nth-child(2){ 
transform:scale(2);
-moz-transform:scale(2);
-ms-transform:scale(2);
-o-transform:scale(2);
-webkit-transform:scale(2);
opacity:0;}
.shade ul li:hover div:nth-child(3){
transform:translate(0,0);
-moz-transform:translate(0,0);
-ms-transform:translate(0,0);
-o-transform:translate(0,0);
-webkit-transform:translate(0,0);
opacity:1;}
.honour-list{ overflow:hidden;}
.honour-list ul{ margin-top:60px;}
.honour-list ul li{ width:30%; text-align:center; float:left; margin-right:5%;}
.honour-list ul li:last-child{ margin:0;}
.honour-list ul li img{ width:100%;}
.propose{ text-align:center; overflow:hidden; margin:80px auto 0;}
.propose h3{ width:208px; height:59px; background:url(../images/product.png) no-repeat center; margin:0 auto;}
.propose ol{ overflow:hidden; display:inline-block; margin:50px 0 40px;}
.propose ol li{ float:left; font-size:16px; color:#023242; height:40px; line-height:40px; margin-right:20px; padding:0 15px; cursor:pointer;}
.propose ol li.active{ background:#40bbb4; color:#fff;}
.propose_div{ display:none}
.propose_div2{ display:block}
.propose_div ul li{ float:left; width:33.333%;
transition:all 0.5s;
-moz-transition:all 0.5s;
-ms-transition:all 0.5s;
-o-transition:all 0.5s;
-webkit-transition:all 0.5s;}
.propose_div ul li img{ width:100%; display:block; transform:scale(0); opacity:0;
transition:all 0.5s ease-in 0.4s;
-moz-transition:all 0.5s ease-in 0.4s;
-ms-transition:all 0.5s ease-in 0.4s;
-o-transition:all 0.5s ease-in 0.4s;
-webkit-transition:all 0.5s ease-in 0.4s;}
.propose_div2 ul li.scale img{ transform:scale(1); opacity:1;
transition:all 0.5s ease-in 1.4s;
-moz-transition:all 0.5s ease-in 0.4s;
-ms-transition:all 0.5s ease-in 0.4s;
-o-transition:all 0.5s ease-in 0.4s;
-webkit-transition:all 0.5s ease-in 0.4s;}
.banner-fixed{ position:fixed; top:0; left:0; height:100%; width:1200px; z-index:3;}

.roof{  position:fixed; top:0; left:0; background:rgba(255,255,255,0.9); z-index:6; width:100%;}
.roof-t1{height:90px;}
.roof-t1 h1 a{ display:block; height:29px; width:86px; background:url(../images/spirit.png) no-repeat left -85px; float:left; margin-top:30px;}
.roof-t1 ul{ float:right}
.roof-t1 ul li{ float:left; height:90px; line-height:90px; margin-right:35px; font-size:14px;}
.roof-t1 ul li a{ color:#272727; height:16px; line-height:16px; display:inline-block;
transition:all 0.5s;
-moz-transition:all 0.5s;
-ms-transition:all 0.5s;
-o-transition:all 0.5s;
-webkit-transition:all 0.5s;}
.roof-t1 ul li a:hover{ color:#009999;}
.roof-t1 ul li:before{ content:""; display:inline-block; height:20px; width:20px; background:url(../images/icon_02.png) no-repeat center; vertical-align:middle; margin-right:3px;}
.roof-t1 ul li:nth-child(2):before{background:url(../images/icon_01.png) no-repeat center;}
.roof-t1 ul li:nth-child(2) a:nth-child(1){ border-right:1px solid #ddd; line-height:14px; margin-right:3px; padding-right:6px;}
.roof-t2{ height:60px; line-height:60px;}
.roof-div1 ul li{ float:left; font-size:16px; display:block; /*padding:0 30px;*/ width:120px; text-align:left; position:relative}
.roof-div1 ul li a{color:#272727; display:block; width:100%;
transition:all 0.5s;
-moz-transition:all 0.5s;
-ms-transition:all 0.5s;
-o-transition:all 0.5s;
-webkit-transition:all 0.5s;}
.roof-div1 ul li:hover a{ color:#009999}
.roof-div1 ul li:hover ol li a{ color:#FFF;}
.roof-div1 ul li.active a{ color:#009999}
.roof-div1 ol{ position:absolute; top:60px; left:30px; z-index:111;
transform:scale(0);
-moz-transform:scale(0);
-ms-transform:scale(0);
-o-transform:scale(0);
-webkit-transform:scale(0);
transform-origin:left center;
-moz-transform-origin:left center;
-ms-transform-origin:left center;
-o-transform-origin:left center;
-webkit-transform-origin:left center;
transition:all 0.5s;
-moz-transition:all 0.5s;
-ms-transition:all 0.5s;
-o-transition:all 0.5s;
-webkit-transition:all 0.5s;}
.roof-div1 ol li{ height:30px; width:93px; text-align:center; line-height:30px; font-size:16px; float:left; padding:0; background:url(../images/spirit.png) no-repeat -270px -164px;}
.roof-div1 ol li a{ color:#fff;}
.roof-div1 ul li.active ol li a{ color:#FFF;}
.roof-div1 ol li.on{ height:40px; width:93px; background:url(../images/spirit.png) no-repeat -270px -120px; position:relative; top:-10px;}
.roof-div1 ol li.on a{ display:block; margin-top:10px;}
.roof-div1 ul li:hover ol{ transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
-webkit-transform:scale(1);}
/*.root-submit{ height:38px; width:210px; float:right; margin:11px 35px 0 0; position:relative; border-bottom:1px solid rgba(120,125,130,.8);}
.root-submit input[type="text"]{ background:none; display:block; height:38px; line-height:38px; float:left; font-size:16px; color:#93999f; width:170px;}
.root-submit input[type="submit"]{ height:28px; width:28px; background:url(../images/sub-1.png) no-repeat; position:absolute; right:0; top:5px; cursor:pointer;
transition:all 0.5s;
-moz-transition:all 0.5s;
-ms-transition:all 0.5s;
-o-transition:all 0.5s;
-webkit-transition:all 0.5s;}
.root-submit input[type="submit"]:hover{background:url(../images/sub-2.png) no-repeat;}*/
.littleangle{ height:30px; width:30px; background:url(../images/littleangle.png) no-repeat; cursor:pointer; position:fixed; bottom:20px; left:50%; margin-left:-15px; z-index:3}
.littleangle2{ height:30px; width:30px; background:url(../images/littleangle.png) no-repeat; cursor:pointer; position:absolute; bottom:20px; left:50%; margin-left:-15px; z-index:6}

@media screen and (max-width: 1366px) {
	.banner_video{ height:100px; width:498px; position:absolute; bottom:120px; left:0; background:url(../images/banner_bj1.png) no-repeat center;}
	.banner_video span{ font-size:24px; width:390px;}
	.banner_txt{ width:498px; height:85px; background:url(../images/banner_bj2.png) no-repeat center; position:absolute; bottom:14px; left:0; font-size:14px; color:#FFF; line-height:24px;}
	.banner_shop{ height:50px; line-height:50px; width:180px; display:block; background:#faa50a; border-radius:5px; position:absolute; bottom:24px; right:0; font-size:14px; color:#FFF; text-align:center}
}
.root-list{ float:right}
.roof-div1{ float:left;}
.roof-btnBox{ float:right}
.roof-btnBox .htglxtBtn{margin-top:15px;color: #1890ff; background: #e8f4ff; border:1px solid #a3d3ff;cursor: pointer; padding: 7px 15px; font-size: 12px; border-radius: 3px;}
.root-list{ width:800px; float:right; color:#272727; font-size:12px; height:20px; line-height:20px; margin-top:20px;}
.root-list ul li{ float:left; width:auto; margin-right:10px;}
.root-list ul li:nth-child(1):before{ content:""; display:inline-block; height:17px; width:13px; background:url(../images/icon_position.png) no-repeat; margin-right:3px; vertical-align:middle}
.root-div1{ width:160px;height:20px; background:#eeeeee; line-height:20px; position:relative; overflow:hidden}
.root-div1 ol{ position:absolute; height:60px;}
.root-div1 ol li{ width:160px; clear:both;}
.root-div1 ol li.l1:before{ content:""; display:inline-block; width:18px; height:14px; 
background:url(../images/icon_weather.png) no-repeat; vertical-align:middle; margin:0 5px 0 10px;}
.root-div1 ol li.l2:before{ content:""; display:inline-block; width:18px; height:14px;
background:url(../images/icon_moisture.png) no-repeat; vertical-align:middle;margin:0 5px 0 10px;}
.root-div1 ol li.l3:before{ content:""; display:inline-block; width:18px; height:14px;
background:url(../images/icon_AQI.png) no-repeat; vertical-align:middle;margin:0 5px 0 10px;}
.root-list ul li.n:before{ content:""; display:inline-block;width:18px; height:14px; background:url(../images/icon_QS.png) no-repeat; vertical-align:middle}
.root-list ul li span{ display:inline-block; margin-right:3px;}
.roof-fixed{ position: static; }