*{ margin:0px; padding:0px; } ul,li{ list-style:none; } img{ border:none; } a{ color:#343434; text-decoration:none; } a:hover{ color:#01a88c; } body,html{ font-size:12px; font-family:Times New Roman; color:#343434; background-color: #fff; } .txc { text-align: center !important; } /****个性化网页字体******/ /****个性化网页字体结束*****/ .top{ height:80px; background:#fff; } .clear{ clear:both; } .top_main{ width:1100px; margin:0 auto; position:relative; /*overflow:hidden;*/ } .top_main_l{ float:left; padding-top:23px; } .nav{ float:right; } .nav ul{ } .nav li{ line-height:80px; float:left; text-align:center; font-size:16px; display: inline-block; margin: 0 24px; } .nav li a{ color:#14100d; } .nav li a:hover{ color:#b2b2b2; } /*.nav>ul>li:first-child a { color:#fff; }*/ .main{ width:1100px; margin:0 auto 60px; } .banner{ width:100%; position:relative; z-index:1; } .hot_pro{ padding-top:60px; } .hot_pro_title{ font-size:30px; text-align:center; } .hot_pro_title2{ padding-top:12px; text-align:center; color:#009688; font-size:16px; } .index_pro_list{ padding-top:62px; } .index_pro_list ul{ } .index_pro_list li{ float:left; padding-right:120px; } .green{ color:#00a88d; } .index_pro_warp{ width:280px; cursor:pointer; } .index_pro_warp_pic{ width:280px; height:290px; transition:all 1s ease 0s; } .index_pro_warp_pic:hover{ transform:scale(1.2); } .index_pro_warp img{ width:280px; } .index_pro_warp p{ line-height:28px; text-align:center; font-size:16px; } .f20{ font-size:20px; } .index_pro_line{ padding-top:50px; border-bottom:1px solid #e5e5e5; } .index_b{ padding-top:65px; } .index_b_l{ float:left; padding-right:56px; } .index_b_r{ float:left; } .video_title{ font-size:20px; color:#484848; } .video_main{ padding-top:18px; width:520px; } .news_title{ font-size:20px; border-bottom:1px solid #e5e5e5; width:520px; color:#484848; overflow:hidden; padding-bottom:5px; } .news_title ul { float:left; line-height:40px; } .news_title li { float:left; padding:0 20px; cursor:pointer; line-height:40px; } .news_title li.cur { color:#00a88d; } .news_title span{ float:right; color:#00a88d; font-size:16px; line-height:40px; } .news_title span a{ color:#00a88d; } .news_index{ } .news_index_list{ padding-top:15px; border-bottom:1px solid #e5e5e5; padding-bottom:15px; } .news_index_list_img{ float:left; padding-right:15px; } .news_index_list_img img{ width:110px; height:90px; } .news_index_list_r{ float:left; width:394px; } .news_index_list_r h1{ font-size:18px; font-weight:normal; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:394px; } .new_info{ padding-top:7px; font-size:14px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:394px; color:#666666; } .new_info p{ font-size:14px; } .new_info a{ color:#666666; } .new_date{ padding-top:20px; color:#999999; } .footer{ background:#000; width:100%; color:#cccccc; overflow: hidden; padding-top: 50px; } .footer_main{ width:1100px; margin:0 auto; } .footer_main a{ color:#5c5c5c; } .footer_box{ float:left; padding-top:30px; } .footer_box_list{ float:left; width:170px; } .footer_box_list h1{ font-size:16px; font-weight:normal; color:#FFF; } .footer_box_list ul{ } .footer_box_list li{ padding-top:12px; font-size:16px; color:#666666; } .footer_box_list li a{ } .footer_box_list li a:hover{ color:#01a88c; } .footer_box_list .title { font-size: 16px; color:#fff; } .gray2{ color:#666666; } .ewm{ float:right; margin-top:12px; margin-right: 44px; margin-bottom: 50px; } .ewm p{ padding-top:2px; text-align:center; font-size:14px; color: #727171; margin-top: 10px; } .footer_line{ margin-top:30px; margin-bottom: 30px; height: 1px; background-color: #393939; } .footer_b{ margin-top:16px; color:#CCC; font-size:14px; } .footer_k{ padding-top:10px; color:#5c5c5c; font-size:12px; } .flexslider { margin: 0px auto; position: relative; width: 100%; height: 31.25vw; overflow: hidden; zoom: 1; z-index:1; } .flexslider .slides li { width: 100%; height: 100%; z-index:10; } .flex-direction-nav a { width: 70px; height: 70px; line-height: 99em; overflow: hidden; margin: -35px 0 0; display: block; background: url(img/ad_ctr.png) no-repeat; position: absolute; top: 50%; z-index: 100; cursor: pointer; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .3s ease; border-radius: 35px; } .flex-direction-nav .next { background-position: 0 -70px; right: 0; } .flex-direction-nav .prev { left: 0; } .flexslider:hover .next { opacity: 0.8; filter: alpha(opacity=25); } .flexslider:hover .prev { opacity: 0.8; filter: alpha(opacity=25); } .flexslider:hover .next:hover, .flexslider:hover .prev:hover { opacity: 1; filter: alpha(opacity=50); } .flex-control-nav,.news_banner .news_banner_page{ width: 100%; position: absolute; bottom: 10px; text-align: center; z-index:9999; } .flex-control-nav li,.news_banner .news_banner_page li{ margin: 0 2px; display: inline-block; zoom: 1; *display: inline; } .flex-control-paging li a,.news_banner .news_banner_page li a{ display: block; width: 76px; height: 2px; background-color: #e5e5e5; overflow: hidden; text-indent: -99em; cursor: pointer; } .flex-control-paging li a.flex-active, .flex-control-paging li.active a { background-color: #ff0000; } .flex-control-paging li.on a { background-color: #ff0000; } .flexslider .slides a img { width: 100%; height: 31.25vw; display: block; background-size: 100% !important; } .banner_product{ background:url(img/product_banner.jpg) no-repeat center; width:100%; height:550px; } .product_nav{ height:80px; border-bottom:1px solid #e5e5e5; } .product_nav ul{ } .product_nav li{ float:left; font-size:18px; padding-right:80px; line-height:80px; } .product_nav li .active{ color:#009688; } .product_box{ margin-top:30px; padding-bottom:10px; } .product_list{ width: 1120px; margin-left:-10px; display: none; } .product_list.active { display: block; } .product_list ul { overflow: hidden; } .product_list li{ float:left; width:540px; margin:0 10px 25px; padding: 40px 0 20px; background-color: #fff; min-height: 314px; } .product_list_box{ text-align:center; /*cursor:pointer;*/ /*overflow: hidden;*/ } .product_list_box_pic{ margin:0 auto; /*width: 330px;*/ height: 220px; transition:all 1s ease 0s; } .product_list_box_pic:hover{ transform:scale(1.2); } .product_list_box img{ text-align:center; } .product_list_box p{ padding-top:10px; text-align:left; padding-left: 25px; } .font18{ font-size:18px; } .product_list_box .title { font-size: 20px; color:#221815; } .product_list_box .gray { font-size: 18px; color: #898989; } .product_line{ border-bottom:1px solid #e5e5e5; padding-top:20px; clear:both; } .newsbox{ padding-top:20px; } .news_l{ float:left; padding-right:20px; } .news_r{ float:left; } .news_nav{ width:760px; height:60px; line-height:60px; background:#FFF; } .news_nav ul{ padding-left:20px; } .news_nav li{ float:left; font-size:16px; padding-right:70px; } .news_nav li .active{ color:#009688; } .news_detail_box{ margin-top:20px; width:760px; background:#FFF; padding-bottom:20px; } .detail_share{ padding-top:12px; float:right; padding-right:15px; } .detail_main{ width:705px; margin:0 auto; } .detail_title{ padding-top:10px; text-align:center; font-size:22px; font-weight:bold; } .detail_nav{ padding-top:18px; text-align:center; padding-bottom:18px; border-bottom:1px solid #efefef; color:#999999; font-size:14px; font-family:Arial, Helvetica, sans-serif; } .news_btn{ width:70px; height:24px; text-align:center; border:1px solid #ff6633; color:#ff6633; line-height:24px; border-radius:4px; display:inline-block; margin-right:15px; } .news_hy_btn{ width:70px; height:24px; text-align:center; border:1px solid #64cc9b; color:#64cc9b; line-height:24px; border-radius:4px; display:inline-block; margin-right:15px; } .detail_warp{ padding-top:5px; font-size:14px; } .detail_warp p{ padding-top:15px; text-indent:2em; line-height:28px; font-size:16px; } .detail_warp img{ padding-top:15px; display:block; padding-left:10px; max-width:675px; text-align:center; } .share_b{ padding-top:20px; padding-bottom:10px; padding-left:240px; } .share_b ul{ padding-left:280px; } .share_b li{ float:left; padding-right:20px; } .detail_line{ padding-top:15px; border-bottom:1px solid #e5e5e5; width:100%; } .detail_xg{ padding-top:10px; } .detail_xg ul{ } .detail_xg li{ padding-top:15px; font-size:16px; } .jingxiu{ background:#FFF; padding-bottom:10px; width:320px; } .jingxiu_main{ width:290px; margin:0 auto; } .jingxiu_nav{ padding-top:20px; color:#999999; font-size:14px; border-bottom:1px solid #e5e5e5; padding-bottom:10px; } .jingxiu_list{ padding-top:2px; } .jingxiu_list li{ padding-top:8px; position:relative; } .jingxiu_list li img{ width:290px; height:120px; position:relative; } .jingxiu_list_text{ position:absolute; text-align:center; color:#FFF; top:45px; font-size:16px; left:40px; right:40px; font-weight:bold; line-height:26px; } .news_header{ padding-top:20px; font-size:22px; } .news_list_nav{ padding-top:18px; color:#999999; font-size:14px; font-family:Arial, Helvetica, sans-serif; } .news_list_img{ width:705px; padding-top:10px; } .news_list_img img{ width:705px; height:259px; } .news_list_info{ margin-top:5px; max-height:66px; line-height:30px; font-size:14px; overflow:hidden; } .news_list_more{ padding-top:10px; float:right; color:#00ab8d; font-size:16px; } .news_list_more a{ color:#00ab8d; } .fenye{ padding-top:30px; text-align:center; padding-left:150px; margin-bottom: 30px; } .fenye ul{ overflow: hidden; } .fenye li { width:45px; height:45px; display:inline-block; text-align:center; background:#ffffff; border-radius:50%; color:#00a789; margin-right:12px; line-height:45px; font-size:16px; font-family:Arial, Helvetica, sans-serif; } .fenye li .active{ background:#00a789; color:#FFF; display:block; border-radius:50%; } .fenye li a:hover{ background:#00a789; color:#FFF; width:45px; height:45px; display:block; border-radius:50%; } .about_banner{ background:url(img/about_banner.jpg) no-repeat center; width:100%; height:400px; } .about_nav{ height:83px; border-bottom:1px solid #e5e5e5; line-height:83px; font-size:18px; } .about_nav ul{ } .about_nav li{ float:left; padding-right:80px; } .about_nav li .active{ color:#00a789; } .about_warp{ padding-top:60px; } .about_warp p{ padding-top:15px; text-indent:2em; font-size:16px; line-height:28px; } .about_warp_title{ text-align:center; font-size:24px; border-bottom:1px solid #e5e5e5; text-align:center; padding-bottom:10px; width:110px; margin:0 auto; } .about_warp_img{ padding-top:30px; } .contact{ } .contact p{ text-indent:0em; padding-top:4px; } .job_list p{ text-indent:0em; padding-top:5px; } .job_list h1{ padding-top:35px; font-size:20px; padding-bottom:15px; } .project_banner{ background:url(img/project_banner.jpg) no-repeat center; width:100%; height:400px; } .fn_drop{ position:relative; } .fn_drop_list{ background:#FFF; padding-bottom:20px; /*box-shadow:0 2px 2px #c1c1c1;*/ padding-bottom:10px; position:absolute; display:none; z-index:9999; top:80px; } .fn_drop_list li{ height:35px; line-height:35px; font-size:16px; text-align:center; padding-left:0px; } .fn_drop_list li a:hover{ background:#efefef; height:35px; display:block; } .news_drop{ position:relative; } .news_drop_list{ width:110px; background:#FFF; padding-bottom:20px; box-shadow:0 2px 2px #c1c1c1; padding-bottom:10px; position:absolute; display:none; z-index:9999; left:10px; top:80px; } .news_drop_list ul{ } .news_drop_list li{ height:35px; line-height:35px; font-size:16px; text-align:center; padding-left:0px; } .news_drop_list li a:hover{ background:#efefef; height:35px; display:block; } .dp_drop{ position:relative; } .dp_drop_box{ background:#FFF; width:100%; height:200px; z-index:1000; position:absolute; top:80px; display:none; box-shadow:0 3px 4px rgba(0, 0, 0, 0.18); border-top:1px solid #e0e0e0; } .dp_drop_box_main{ width:864px; margin:0 auto; padding-top:25px; } .dp_drop_box_main ul{ } .dp_drop_box_main li{ float:left; width:126px; text-align:center; padding:0 10px; font-size:14px; } .dp_drop_box_main li img{ width:110px; height:110px; } .jj_drop{ position:relative; } .jj_drop_box{ background:#FFF; width:100%; height:200px; z-index:1000; position:absolute; top:80px; display:none; box-shadow:0 3px 4px rgba(0, 0, 0, 0.18); border-top:1px solid #e0e0e0; } .jq_drop{ position:relative; } .jq_drop_box{ background:#FFF; width:100%; height:200px; z-index:1000; position:absolute; top:80px; display:none; box-shadow:0 3px 4px rgba(0, 0, 0, 0.18); border-top:1px solid #e0e0e0; } .banner_line{ border-bottom:3px solid #f9f9f9; } .gy_drop,.lua_drop{ position:relative; } .lua_drop { font-size: 12px !important; cursor:pointer; } .gy_drop_list,.fn_drop_list,.lua_drop_list{ /*background:#444;*/ padding-bottom:20px; /*box-shadow:0 2px 2px #c1c1c1;*/ padding-bottom:10px; position:absolute; display:none; z-index:999; top:80px; width: 113px; left: -23px; } .lua{ top:60px; width: 80px; } .gy_drop_list li,.fn_drop_list li,.lua_drop_list li{ height:35px; line-height:35px; font-size:16px; text-align:center; padding-left:0px; margin:0 auto; display: block; width: 100%; } .lua_drop_list li{ font-size:12px !important; } .gy_drop_list li a,.fn_drop_list li a,.lua_drop_list li a{ display: block; background: #fff; } .gy_drop_list li a:hover,.fn_drop_list li a:hover,.lua_drop_list li a:hover{ /*background:#000;*/ background:#efefef; height:35px; display:block; } .slides{width:100%;height:31.25vw;position:relative;overflow:hidden; } .slideInner{height:500px;position:relative;left:0;margin-left:0;} .slideInner a{display:block;height:500px;background-size:cover;background-position:center center;position:relative;text-align:center;z-index:1;} .slideInner a div.img1{width:1070px;position:absolute;left:50%;margin-left:-535px;} .slideInner a div.img2{width:1070px;position:absolute;top:557px;left:50%;margin-left:-535px;} .slideInner .slide3 .img2{top:200px;} .slideInner .slide3 .img3{width:181px;height:286px;position:absolute;left:50%;margin-left:330px;top:330px;} .nav2{width:1200px;position:relative;left:50%;margin-left:-600px;display:none;} .nav2 a{display:block;width:41px;height:119px;opacity:.2;z-index:9;} .nav2 a.prev{position:absolute;left:0;top:-270px;margin-top:-58px;background:url(img/ban_pre.png) no-repeat;} .nav2 a.next{position:absolute;right:0;top:-270px;margin-top:-58px;background:url(img/ban_next.png) no-repeat;} .navListBox{position:absolute;left:50%;top:470px;z-index:99;} .navListBox li{width:12px;height:12px;float:left;margin-left:5px;border-radius:50%;overflow:hidden;} .navListBox li:first-child{margin-left:0;} .navListBox li a{display:block;width:100%;height:100%;border-radius:50%;background-color:#fff;} .navListBox li a.active{background-color:#55ddff;} .product_show{ } /*****主机显示页*******/ .master_bg1{ background:url(img/master_bg1.jpg) no-repeat center; width:100%; height:948px; } .master_bg1_main{ width:1160px; margin:0 auto; padding-top:156px; } .master_bg1_main_l{ float:left; padding-right:30px; padding-left:20px; padding-top:80px; } .master_bg1_main_r{ float:left; } .master_bg1_main_r_pic{ transition:all 1s ease 0s; cursor:pointer; } .master_bg1_main_r_pic:hover{ transform:scale(1.1); } .master_bg2{ background:#4aac7d; width:100%; height:948px; } .master_bg2_main{ width:1160px; margin:0 auto; padding-top:132px; color:#FFF; } .master_bg2_main h1{ font-size:42px; text-align:center; color:#FFF; font-weight:normal; } .master_bg2_main h2{ padding-top:10px; text-align:center; font-size:42px; font-weight:normal; color:#b8f5d7; } .master_bg2_info{ padding-top:25px; text-align:center; } .master_bg2_info p{ line-height:32px; font-size:19px; color:#b8f5d7; } .master_bg2_list{ padding-top:35px; padding-left:200px; padding-right:100px; } .master_bg2_list ul{ } .master_bg2_list li{ float:left; padding-right:56px; text-align:center; font-size:19px; padding-top:20px; color:#b8f5d7; } .master_bg2_list_pic{ transition:all 0.8s ease 0s; cursor:pointer; width:139px; height:143px; } .master_bg2_list_pic:hover{ transform:rotate(360deg); } .master_bg3{ background:url(img/master_bg3.jpg) no-repeat center; width:100%; height:950px; } .master_bg3_main{ width:1160px; margin:0 auto; } .master_bg3_main_l{ padding-left:850px; padding-top:280px; } .master_bg3_main_l h1{ color:#626262; font-size:42px; font-weight:normal; } .master_bg3_main_l h2{ padding-top:10px; color:#313131; font-size:42px; font-weight:normal; } .master_bg3_main_info{ padding-top:20px; line-height:36px; font-size:18px; color:#626262; } .master_bg4{ background:url(img/master_bg4.jpg) no-repeat center; width:100%; height:900px; } .master_bg4_main{ width:1160px; margin:0 auto; position:relative; } .diandeng{ background:url(img/diandeng.png) no-repeat; width:118px; height:118px; position:absolute; top:185px; left:40px; } .dianshi{ background:url(img/dianshi.png) no-repeat; width:118px; height:118px; position:absolute; top:535px; right:60px; } .scaleout{ cursor: pointer; -webkit-animation: scaleout 1.2s infinite ease-in-out; animation: scaleout 1.2s infinite ease-in-out; } @-webkit-keyframes scaleout { 0% { -webkit-transform: scale(1.0) } 100% { -webkit-transform: scale(1.3); opacity: 0; } } @keyframes scaleout { 0% { transform: scale(1.0); -webkit-transform: scale(1.0); } 100% { transform: scale(1.1); -webkit-transform: scale(1.3); opacity: 0; } } .yijian{ padding-top:375px; padding-left:48px; } .yijian_main{ width:588px; height:300px; background:rgba(0, 0, 0, 0.4); color:#FFF; } .yijian_main h1{ padding-left:20px; padding-top:30px; font-size:40px; font-weight:normal; } .yijian_main_infor{ padding-top:20px; padding-left:20px; line-height:34px; font-size:18px; color:#c9c9c9; } .master_bg5{ background:url(img/master_bg5.jpg) no-repeat center; width:100%; height:900px; } .master_bg5_main{ width:1160px; margin:0 auto; } .master_bg5_main_l{ padding-left:320px; padding-top:207px; } .master_bg5_main_l h1{ font-size:42px; color:#34393e; font-weight:normal; } .master_bg5_main_info{ padding-top:20px; line-height:35px; font-size:20px; color:#626262; } .master_bg6{ background:#4aac7d; width:100%; height:580px; } .master_bg6_main{ width:1160px; margin:0 auto; padding-top:116px; color:#FFF; } .master_bg6_main h1{ font-size:42px; text-align:center; font-weight:normal; } .master_bg6_main p{ padding-top:15px; font-size:20px; text-align:center; color:#b8f5d8; } .master_bg6_main_list{ padding-top:45px; padding-left:250px; } .master_bg6_main_list ul{ } .master_bg6_main_list li{ float:left; padding-right:85px; text-align:center; color:#b8f5d8; } .master_bg6_main_list li p{ padding-top:10px; } .master_bg6_main_listpic{ transition:all 1s ease 0s; cursor:pointer; } .master_bg6_main_listpic:hover{ transform:scale(1.2); } .master_bg7{ background:url(img/master_bg6.jpg) no-repeat center; width:100%; height:959px; } .master_bg8{ background:url(img/master_bg8.jpg) no-repeat center; width:100%; height:900px; } .master_bg8_main{ width:1160px; margin:0 auto; } .master_bg8_main_l{ float:left; padding-right:36px; padding-top:55px; } .master_bg8_main_r{ float:left; position:relative; } @keyframes tingdian { 0%{ top:90px } 100%{ top:105px; } } .tingdian{ animation:2s linear 0s alternate none infinite running tingdian; background:url(img/tingdian.png) no-repeat; width:278px; height:278px; position:absolute; top:93px; left:197px; } @keyframes dazhe { 0%{ top:373px } 100%{ top:423px; } } .dazhe{ animation:2s linear 0s alternate none infinite running dazhe; background:url(img/dazhe.png) no-repeat; width:278px; height:278px; position:absolute; top:373px; left:15px; } @keyframes tonghua { 0%{ top:560px } 100%{ top:613px; left::260px; } } .tonghua{ animation:2s linear 0s alternate none infinite running tonghua; background:url(img/tonghua.png) no-repeat; width:278px; height:278px; position:absolute; top:560px; left:240px; } .master_bg9{ background:url(img/master_bg9.jpg) no-repeat center; width:100%; height:900px; } .icool_bg_add{ background:url(img/icool-15.jpg) no-repeat center; width:100%; height:778px; } .master_bg9_main{ width:1160px; margin:0 auto; } .shouxing{ padding-top:128px; padding-left:406px; transition:all 0.8s ease 0s; cursor:pointer; } .shouxing:hover{ transform:scale(1.1); } .master_bg10{ height:703px; margin:0 auto; width:1160px; } .master_bg10 h1{ padding-top:120px; text-align:center; font-size:42px; font-weight:normal; } .master_bg10_list{ padding-top:20px; padding-left:200px; padding-right:100px; } .master_bg10_list ul{ } .master_bg10_list li{ padding-top:35px; float:left; padding-right:75px; text-align:center; line-height:30px; font-size:20px; } .master_bg11{ background:url(img/master_bg11.jpg) no-repeat center; width:100%; height:900px; } .master_bg12{ background:url(img/master_bg12.jpg) no-repeat center; width:100%; height:200px; } .master_bg13{ background:url(img/master_bg13.jpg) no-repeat center; width:100%; height:948px; } .master_bg14{ background:url(img/master_bg14.jpg) no-repeat center; width:100%; height:386px; } .master_bg15{ background:url(img/master_bg15.jpg) no-repeat center; width:100%; height:886px; } .master_bg16{ background:url(img/master_bg16.jpg) no-repeat center; width:100%; height:274px; } .master_bg17{ background:url(img/master_bg17.jpg) no-repeat center; width:100%; height:788px; } .master_bg18{ background:url(img/master_bg18.jpg) no-repeat center; width:100%; height:530px; } .icool_bg1{ background:url(img/icool-1.jpg) no-repeat center; width:100%; height:946px; } .icool_bg2{ background:url(img/icool-2.jpg) no-repeat center; width:100%; height:948px; } .icool_bg3{ background:url(img/icool-3.jpg) no-repeat center; width:100%; height:947px; } .icool_bg4{ background:url(img/icool-4.jpg) no-repeat center; width:100%; height:497px; } .icool_bg5{ background:url(img/icool-5.jpg) no-repeat center; width:100%; height:948px; } .icool_bg5_main{ width:1160px; margin:0 auto; position:relative; } .kongtiao{ background:url(img/kongtiao.png) no-repeat; width:392px; height:119px; position:absolute; top:80px; left:30px; } .icool{ background:url(img/icool.png) no-repeat; width:293px; height:296px; position:absolute; top:636px; left:90px; } .icool_bg6{ background:url(img/icool-6.jpg) no-repeat center; width:100%; height:947px; } .icool_bg7{ background:url(img/icool-7.jpg) no-repeat center; width:100%; height:945px; } .icool_bg8{ background:url(img/icool-8.jpg) no-repeat center; width:100%; height:944px; } .icool_bg9{ background:url(img/icool-9.jpg) no-repeat center; width:100%; height:944px; } .icool_bg10{ background:url(img/icool-10.jpg) no-repeat center; width:100%; height:944px; } .icool_bg11{ background:url(img/icool-11.jpg) no-repeat center; width:100%; height:952px; } .icool_bg12{ background:url(img/icool-12.jpg) no-repeat center; width:100%; height:952px; } .icool_bg13{ background:url(img/icool-13.jpg) no-repeat center; width:100%; height:952px; } .icool_bg14{ background:url(img/icool-14.jpg) no-repeat center; width:100%; height:778px; } .reveal-modal-bg { position: fixed; height: 100%; width: 100%; background: #000; background: rgba(0,0,0,.8); z-index: 100; display: none; top: 0; left: 0; } .bofang{ padding-top:150px; padding-left:230px; } .shipinbox{ width:680px; margin:0 auto; padding-top:40px; } .iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap} .iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word} /***触控产品详情页*******/ .touch_bg1{ background:url(img/touch_bg1.jpg) no-repeat center; width:100%; height:948px; } .touch_bg1_main{ width:1160px; margin:0 auto; } .touch_bg1_main_r{ float:right; right:18px; padding-top:230px; } .touch_bg1_main_r_pic{ transition:all 1s ease 0s; cursor:pointer; } .touch_bg1_main_r_pic:hover{ transform:scale(1.1); } .touch_bg2{ background:url(img/touch_bg2.jpg) no-repeat center; width:100%; height:700px; } .touch_bg2_main{ width:1160px; margin:0 auto; } .touch_bg2_main_title{ text-align:center; padding-top:160px; font-size:28px; } .touch_bg2_main_list{ padding-top:50px; } .touch_bg2_main_list ul{ } .touch_bg2_main_list li{ float:left; padding-right:30px; } .touch_bg2_main_list li p{ padding-top:30px; text-align:center; font-size:22px; color:#707070; } .touch_bg2_main_list_pic{ transition:all 1s ease 0s; cursor:pointer; } .touch_bg2_main_list_pic:hover{ transform:scale(1.1); } .touch_bg3{ } .touch_bg3_main{ width:1160px; margin:0 auto; } .touch_bg3_main_title{ text-align:center; padding-top:85px; font-size:42px; } .touch_bg3_main_title2{ text-align:center; padding-top:5px; font-size:42px; padding-bottom:10px; color:#707070; } .touch_bg3_main_nav{ text-align:center; padding-top:5px; font-size:20px; padding-bottom:85px; color:#707070; } .touch_bg4{ background:url(img/touch_bg4.jpg) no-repeat center; width:100%; height:962px; } .touch_bg4_main{ width:1160px; margin:0 auto; position:relative; } .touch_kai{ background:url(img/touch2.png) no-repeat; width:439px; height:718px; top:110px; left:42px; position:absolute; } .touch_bg5{ background:url(img/touch_bg5.jpg) no-repeat center; width:100%; height:739px; } .touch_bg5_main{ width:1160px; margin:0 auto; position:relative; } @keyframes xiaban { 0%{ top:100px } 100%{ top:130px; } } @keyframes xiabans { 0%{ top:360px } 100%{ top:390px; } } .xiaban{ animation:2s linear 0s alternate none infinite running xiaban; background:url(img/xiaban.png) no-repeat; width:305px; height:305px; position:absolute; top:100px; left:245px; } .xiaban2{ animation:2s linear 0s alternate none infinite running xiabans; background:url(img/xiaban2.png) no-repeat; width:280px; height:280px; position:absolute; top:360px; left:420px; } .touch_bg6{ background:url(img/touch_bg6.jpg) no-repeat center; width:100%; height:710px; } .touch_bg6_main{ width:1160px; margin:0 auto; position:relative; } @keyframes shuijiao { 0%{ top:70px } 100%{ top:100px; } } .shuijiao{ animation:2s linear 0s alternate none infinite running shuijiao; background:url(img/shuijiao.png) no-repeat; width:305px; height:305px; position:absolute; top:70px; left:160px; } .shuijiao2{ animation:2s linear 0s alternate none infinite running shuijiao; background:url(img/shuijiao2.png) no-repeat; width:280px; height:280px; position:absolute; top:70px; left:10px; } @keyframes chumen { 0%{ top:70px } 100%{ top:100px; } } .chumen{ animation:2s linear 0s alternate none infinite running chumen; background:url(img/chumen.png) no-repeat; width:305px; height:305px; position:absolute; top:70px; right:160px; } .chumen2{ animation:2s linear 0s alternate none infinite running chumen; background:url(img/chumen2.png) no-repeat; width:280px; height:280px; position:absolute; top:70px; right:200px; } .touch_bg7{ background:url(img/touch_bg7.jpg) no-repeat center; width:100%; height:882px; } .touch_bg8{ background:url(img/touch_bg8.jpg) no-repeat center; width:100%; height:699px; } .tese{ width:1160px; margin:0 auto; padding-bottom:110px; } .tese_title{ text-align:center; padding-top:124px; font-size:42px; } .tese_list{ padding-left:164px; padding-top:20px; } .tese_list ul{ overflow:hidden; } .tese_list li{ text-align:center; float:left; width:213px; padding-top:30px; } .tese_list li p{ padding-top:15px; font-size:20px; color:#707070; } .touch_bg9{ background:url(img/touch_bg9.jpg) no-repeat center; width:100%; height:1213px; } .touch_bg9_main{ width:1160px; margin:0 auto; } .touch_bg9_main_title{ padding-top:130px; text-align:center; font-size:42px; } .touch_bg9_main_title2{ padding-top:5px; text-align:center; font-size:42px; color:#707070; } .dengmb{ margin:120px auto 0; width:145px; height:50px; display:block; line-height:50px; font-size:24px; text-align:center; border:1px solid #a0a0a0; } .dengmb_list{ padding-top:30px; } .dengmb_list li{ float:left; padding-right:45px; padding-top:15px; } .dengmb_list li p{ text-align:center; font-size:19px; padding-bottom:16px; color:#707070; } .dengmb_b{ padding-top:60px; padding-left:290px; } .dengmb_b_l{ float:left; padding-right:20px; } .dengmb_b_r{ float:left; } .dengmb_b_r h1{ font-weight:normal; font-size:22px; padding-top:15px; } .dengmb_b_r p{ padding-top:10px; font-size:19px; color:#707070; } .touch_bg10{ background:url(img/touch_bg10.jpg) no-repeat center; width:100%; height:950px; } .touch_bg10_main{ width:1260px; margin:0 auto; } .touch_bg10_main_l{ float:left; padding-top:246px; padding-right:60px; } .touch_bg10_main_r{ float:left; padding-top:246px; } .tgmb{ width:145px; height:50px; display:block; line-height:50px; font-size:24px; text-align:center; border:1px solid #a0a0a0; margin-top:50px; } .tgmb_b{ padding-top:40px; } .tgmb_b_l{ float:left; padding-right:20px; } .tgmb_b_r{ float:left; } .tgmb_b_r h1{ font-weight:normal; font-size:22px; padding-top:15px; } .tgmb_b_r p{ padding-top:10px; font-size:19px; color:#707070; } .touch_bg14{ background:url(img/touch_bg14.jpg) no-repeat center; width:100%; height:478px; margin-top:10px; } .touch_bg11{ background:url(img/touch_bg11.jpg) no-repeat center; width:100%; height:947px; } .touch_bg11_main{ width:1160px; margin:0 auto; } .touch_bg11_main_l{ float:left; padding-top:250px; padding-left:130px; } .touch_bg12{ background:url(img/touch_bg12.jpg) no-repeat center; width:100%; height:947px; } /***门口机产品详情页******/ .floor_bg1{ background:url(img/floor_bg1.jpg) no-repeat center; width:100%; height:948px; } .floor_bg1_main{ width:1160px; margin:0 auto; } .floor_bg1_main_f{ float:right; padding-right:20px; padding-top:116px; } .floor_bg1_main_f_pic{ transition:all 1s ease 0s; cursor:pointer; } .floor_bg1_main_f_pic:hover{ transform:scale(1.1); } .floor_bg2_main{ width:1160px; margin:0 auto; padding-bottom:100px; } .floor_bg2_main_title{ padding-top:110px; text-align:center; font-size:42px; } .floor_w{ } .floor_bg2_main_nav{ padding-top:12px; line-height:32px; font-size:20px; text-align:center; color:#707070; } .floor_bg2_main_list{ padding-top:25px; padding-left:400px; } .floor_bg2_main_list ul{ } .floor_bg2_main_list li{ float:left; padding-right:110px; } .floor_bg2_main_list li p{ text-align:center; padding-top:21px; font-size:20px; color:#707070; } .liu_pic{ transition:all 0.8s ease 0s; cursor:pointer; } .liu_pic:hover{ transform:rotate(360deg); } .floor_bg3{ background:url(img/floor_bg2.jpg) no-repeat center; width:100%; height:649px; } .floor_bg3_main{ width:1160px; margin:0 auto; position:relative; } .shinei{ background:url(img/shinei.png) no-repeat; width:369px; height:822px; position:absolute; top:78px; left:166px; } .floor_bg11{ background:url(img/b0.jpg) no-repeat center; width:100%; height:947px; } .floor_bg12{ background:url(img/b1.jpg) no-repeat center; width:100%; height:949px; } .floor_bg13{ background:url(img/b2.jpg) no-repeat center; width:100%; height:951px; } .floor_bg4{ background:url(img/floor_bg4.jpg) no-repeat center; width:100%; height:948px; } .floor_bg4_main{ width:1160px; margin:0 auto; } .floor_bg4_main_list{ padding-top:25px; padding-left:20px; } .floor_bg4_main_list li{ float:left; padding-right:120px; } .floor_bg5{ background:url(img/floor_bg5.jpg) no-repeat center; width:100%; height:951px; } .floor_bg6{ background:url(img/floor_bg6.jpg) no-repeat center; width:100%; height:951px; } .floor_bg6_1{ background:url(img/floor_bg6_1.jpg) no-repeat center; width:100%; height:948px; } .floor_bg7{ background:url(img/floor_bg7.jpg) no-repeat center; width:100%; height:957px; } .floor_bg8{ background:url(img/floor_bg8.jpg) no-repeat center; width:100%; height:982px; } .floor_bg9{ background:url(img/floor_bg9.jpg) no-repeat center; width:100%; height:1113px; } .floor_bg10{ background:url(img/floor_bg10.jpg) no-repeat center; width:100%; height:408px; } /*******方案应用*****/ .project_show{ } .project_show_title{ padding-top:30px; text-align:center; font-size:50px; } .project_show_1{ background:url(img/pr1.jpg) no-repeat center; width:100%; height:950px; } .project_show_2{ background:url(img/pr2.jpg) no-repeat center; width:100%; height:950px; } .project_show_3{ background:url(img/pr3.jpg) no-repeat center; width:100%; height:950px; } .project_show_4{ background:url(img/pr4.jpg) no-repeat center; width:100%; height:950px; } .jiuxu_mask{ width:290px; height:120px; background:#000; filter:alpha(opacity:30); opacity:0.3; position:absolute; top:8px; left:0px; bottom:0px; right:0px; cursor:pointer; } .jiuxu_mask:hover{ filter:alpha(opacity:50); opacity:0.5; cursor:pointer; } .aboutb{ padding-top:40px; padding-left:20px; } .aboutb li{ float:left; width:320px; padding-right:20px; text-align:center; } .aboutb li p{ padding-top:8px; font-size:16px; } /***红外线****/ .infrared_bg1{ background:url(img/infrared_bg1.jpg) no-repeat center; width:100%; height:946px; } .infrared_bg2{ background:url(img/infrared_bg2.jpg) no-repeat center; width:100%; height:949px; } .infrared_bg2_main{ width:1160px; margin:0 auto; } .infrared_bg2_main_title{ font-size:42px; padding-top:127px; text-align:center; padding-bottom:10px; } .infrared_bg2_main p{ padding-top:8px; text-align:center; font-size:20px; color:#707070; } .infrared_bg3{ background:url(img/infrared_bg3.jpg) no-repeat center; width:100%; height:950px; } .infrared_bg3_main{ width:1160px; margin:0 auto; } .infrared_bg3_main p{ padding-top:8px; font-size:20px; color:#707070; } .infrared_bg3_main_t{ padding-left:640px; } .infrared_bg3_main_t_title{ padding-top:160px; font-size:42px; } .infrared_bg3_main_t_title2{ padding-top:5px; font-size:42px; padding-bottom:10px; color:#707070; } .infrared_bg4{ background:url(img/infrared_bg4.jpg) no-repeat center; width:100%; height:943px; } .infrared_bg4_main{ width:1160px; margin:0 auto; } .infrared_bg4_main_title{ padding-top:124px; text-align:center; font-size:42px; padding-bottom:10px; } .infrared_bg4_main p{ padding-top:8px; text-align:center; font-size:20px; color:#707070; } .infrared_bg5{ background:url(img/infrared_bg5.jpg) no-repeat center; width:100%; height:950px; } .infrared_bg5_main{ width:1160px; margin:0 auto; } .infrared_bg5_main p{ text-align:center; padding-top:8px; font-size:20px; color:#707070; } .infrared_bg5_main_title{ padding-top:107px; font-size:42px; text-align:center; padding-bottom:10px; } .infrared_bg6{ background:url(img/infrared_bg6.jpg) no-repeat center; width:100%; height:533px; } .socket_bg1{ background:url(img/socket_bg1.jpg) no-repeat center; width:100%; height:948px; } .socket_bg2{ background:url(img/socket_bg2.jpg) no-repeat center; width:100%; height:945px; } .socket_bg2_main{ width:1160px; margin:0 auto; } .socket_bg2_main_title{ padding-top:127px; text-align:center; font-size:42px; padding-bottom:10px; } .socket_bg2_main p{ padding-top:8px; text-align:center; font-size:20px; color:#707070; } .socket_bg3{ background:url(img/socket_bg3.jpg) no-repeat center; width:100%; height:948px; } .socket_bg3 p{ padding-top:8px; text-align:center; font-size:20px; color:#707070; } .socket_bg3_title{ padding-top:108px; font-size:42px; text-align:center; padding-bottom:10px; } .socket_bg4{ background:url(img/socket_bg4.jpg) no-repeat center; width:100%; height:949px; } .socket_bg4_title{ padding-top:151px; font-size:42px; text-align:center; padding-bottom:10px; } .socket_bg4 p{ padding-top:8px; text-align:center; font-size:20px; color:#707070; } .socket_bg5{ background:url(img/socket_bg5.jpg) no-repeat center; width:100%; height:949px; } .socket_bg5_title{ padding-top:150px; font-size:42px; text-align:center; color:#FFF; padding-bottom:10px; } .socket_bg5 p{ padding-top:8px; text-align:center; font-size:20px; color:#e5e5e5; } .socket_bg6{ background:url(img/socket_bg6.jpg) no-repeat center; width:100%; height:950px; } .socket_bg6_title{ padding-top:150px; font-size:42px; text-align:center; padding-bottom:10px; } .socket_bg6 p{ padding-top:8px; text-align:center; font-size:20px; color:#707070; } .socket_bg7{ background:url(img/socket_bg7.jpg) no-repeat center; width:100%; height:581px; } .hotel_bg{ background:url(img/hotel_bg.jpg) no-repeat center; width:100%; height:1360px; } .hotel_bg_main{ width:1160px; margin:0 auto; padding-top:90px; } .hotel_bg_main_title{ font-size:42px; text-align:center; } .hotel_bg_main_w{ padding-top:10px; } .hotel_bg_main_w p{ padding-top:10px; text-align:center; font-size:19px; color:#707070; } .hotel_bg_main_img{ padding-top:76px; } .zhjt_app_down { background:url(img/zhjt_app_down.jpg) no-repeat center center; width:100%; height:720px; } .project_bg{ background:url(img/project_bg.jpg) no-repeat; width:100%; height:2521px; } .project_bg_main{ width:1160px; margin:0 auto; padding-top:150px; } .hotel_bg_main_title2{ font-size:42px; text-align:center; padding-top:78px; } .hotel_bg_main_img2{ padding-top:43px; } .shequ_bg{ background:url(img/shequ_bg.jpg) no-repeat center; width:100%; height:4000px; } .jiqi_bg{ background:url(img/jiqi_bg.jpg) no-repeat center; width:100%; height:950px; } /****面板详情页面*****/ .panel_bg1{ background:url(img/panel_bg1.jpg) no-repeat center; width:100%; height:924px; } .panel_bg1_1{ background:url(img/panel_bg1_1.jpg) no-repeat center; width:100%; height:947px; } .panel_bg2{ background:url(img/panel_bg2.jpg) no-repeat center; width:100%; height:948px; } .panel_bg2_main{ width:1160px; margin:0 auto; } .panel_bg2_main_title{ font-size:42px; text-align:center; padding-top:110px; } .gray4{ color:#626262; } .panel_bg2_main p{ padding-top:18px; text-align:center; color:#626262; font-size:19px; } .panel_bg3{ background:url(img/panel_bg3.jpg) no-repeat center; width:100%; height:950px; } .panel_bg3_main{ width:1160px; margin:0 auto; } .panel_bg3_main_title{ padding-top:125px; text-align:center; font-size:42px; } .diao{ padding-left:800px; } .diao_title{ padding-top:352px; font-size:42px; } .diao_title2{ padding-top:12px; font-size:42px; padding-bottom:10px; } .diao_main{ } .diao_main p{ color:#626262; font-size:19px; padding-top:6px; } .diaosi{ width:1160px; margin:0 auto; } .panel_bg3_main p{ padding-top:18px; text-align:center; color:#626262; font-size:19px; } .panel_bg4{ background:url(img/panel_bg4.jpg) no-repeat center; width:100%; height:950px; } .panel_bg5{ background:url(img/panel_bg5.jpg) no-repeat center; width:100%; height:950px; } .panel_main6{ width:1160px; margin:0 auto; } .panel_main6_title{ padding-top:140px; text-align:center; font-size:42px; } .panel_main6_list{ padding-top:60px; margin-bottom:60px; } .panel_main6_list li{ float:left; padding-right:60px; text-align:center; } .panel_main6_list li p{ padding-top:8px; text-align:center; font-size:20px; color:#626262; } .gateway_bg1{ background:url(img/gateway_bg1.jpg) no-repeat center; width:100%; height:947px; } .gateway_bg2{ background:url(img/gateway_bg2.jpg) no-repeat center; width:100%; height:948px; } .gateway_bg03{ background:url(img/gateway_bg03.jpg) no-repeat center; width:100%; height:321px; } .gateway_bg04{ background:url(img/gateway_bg04.jpg) no-repeat center; width:100%; height:941px; } .gateway_bg05{ background:url(img/gateway_bg05.jpg) no-repeat center; width:100%; height:293px; } .gateway_bg06{ background:url(img/gateway_bg06.jpg) no-repeat center; width:100%; height:951px; } .gateway_bg07{ background:url(img/gateway_bg07.jpg) no-repeat center; width:100%; height:320px; } .gateway_bg08{ background:url(img/gateway_bg08.jpg) no-repeat center; width:100%; height:946px; } .gateway_bg09{ background:url(img/gateway_bg09.jpg) no-repeat center; width:100%; height:306px; } .gateway_bg10{ background:url(img/gateway_bg10.jpg) no-repeat center; width:100%; height:930px; } .gateway_bg11{ background:url(img/gateway_bg11.jpg) no-repeat center; width:100%; height:272px; } .gateway_bg12{ background:url(img/gateway_bg12.jpg) no-repeat center; width:100%; height:942px; } .gateway_bg13{ background:url(img/gateway_bg13.jpg) no-repeat center; width:100%; height:603px; } .gateway_bg2_main{ width:1160px; margin:0 auto; } .gateway_bg2_main p{ padding-top:16px; text-align:center; font-size:20px; color:#626262; } .gateway_bg2_main_title{ padding-top:140px; text-align:center; font-size:42px; } .gateway_bg3{ background:url(img/gateway_bg3.jpg) no-repeat center; width:100%; height:947px; } .gateway_bg3_main{ width:1160px; margin:0 auto; } .gateway_bg3_main p{ padding-top:20px; text-align:center; font-size:20px; color:#626262; } .gateway_bg3_main_title{ padding-top:145px; text-align:center; font-size:42px; } .gateway_bg4{ background:url(img/gateway_bg4.jpg) no-repeat center; width:100%; height:948px; } .gateway_bg5{ background:url(img/gateway_bg5.jpg) no-repeat center; width:100%; height:947px; } .gateway_bg5_main{ width:1160px; margin:0 auto; } .gateway_bg5_main p{ padding-top:20px; padding-left:100px; font-size:20px; } .gateway_bg5_main_title{ padding-top:684px; padding-left:250px; font-size:42px; } .gateway_bg6{ background:url(img/gateway_bg6.jpg) no-repeat center; width:100%; height:950px; } .gateway_bg6_main{ width:1160px; margin:0 auto; } .gateway_bg6_main p{ padding-top:20px; text-align:center; font-size:20px; } .gateway_bg6_main_title{ text-align:center; padding-top:165px; font-size:42px; } .gateway_bg6{ background:url(img/gateway_bg6.jpg) no-repeat center; width:100%; height:950px; } .gateway_bg7{ background:url(img/gateway_bg7.jpg) no-repeat center; width:100%; height:559px; } .gray5{ color:#c9c9c9; } .gray6{ color:#626262; } .lvse{ color:#b8f5d8; } .gray8{ color:#707070; } .gray9{ color:#e5e5e5; } /***滚动效果*****/ a.abtn{display:block;height:130px;width:17px;overflow:hidden;background:url(img/arrow3.png) no-repeat 0px 50%;} a.aleft{float:left;} a.agrayleft{cursor:default;background-position:-34px 50%;} a.aright{float:right;background-position:-17px 50%;} a.agrayright{cursor:default;background-position:-51px 50%;} .scrolllist{width:902px;margin:0 auto; padding-top:25px;} .scrolllist .imglist_w{width:864px;height:204px;overflow:hidden;float:left;position:relative;/*必要元素*/} .scrolllist .imglist_w ul{width:20000px;position:absolute;left:0px;top:0px;} .scrolllist .imglist_w li{width:126px;float:left;padding:0 10px;} .scrolllist .imglist_w li img{padding:2px;} .scrolllist .imglist_w li p{line-height:24px;text-align:center; font-size:14px;} #s2{width:214px;} #s2 .imglist_w{width:176px;} #s2 .imglist_w ul{height:20000px;width:auto;position:absolute;left:0px;top:0px;} #s2 .imglist_w li{float:none;} .icool_bg111{ background:url(img/icool_1111.jpg) no-repeat center; width:100%; height:683px; } /***弹出层效果*****/ .mask { position:absolute; top: 0px; filter: alpha(opacity=60); background-color: #777; z-index: 1002; left: 0px; opacity:0.5; -moz-opacity:0.5; } .model_open{ position:fixed; top:50%; left:50%; background:#FFF; z-index:1003; display:none; width:720px; height:550px; margin-top:-275px; margin-left:-360px; } .close_box{ float:right; padding-top:5px; padding-right:15px; font-size:14px; } .banben{ position:absolute; right:0px; top:6px; font-size:12px; color:#8f8f8f; z-index:10000; margin-right:-80px; } .banben a{ color:#fff; /*background:#e6e6e6; padding:3px 6px; display:inline; border-radius:4px; margin-right:4px;*/ margin-top: 35px; display: inline-block; } .banben a:hover{ color:#666666; /*background:#e2e2e2;*/ } .panel_bg7{ background:url(img/panel_bg6.jpg) no-repeat center; width:100%; height:950px; } .panel_bg7_main{ width:1160px; margin:0 auto; } .panel_bg7_main_title{ padding-top:160px; padding-left:140px; font-size:42px; } .icool_main { width: 1160px; margin: 0 auto; } .icool_main_cart { padding-top: 551px; padding-left: 10px; } .panel_bg7_main_title2{ padding-top:10px; padding-left:140px; font-size:42px; } .panel_bg7_main_wen{ padding-left:140px; } .panel_bg7_main_wen p{ padding-top:15px; font-size:19px; color:#626262; } /*艾特全站微信客服*/ #rightWx{ width:140px;background:white;z-index:999;height:120px; position:fixed; right:0px; cursor:pointer; _position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))); } #rightWx{ top:200px; _margin-top:210px;} /***魔镜产品详情****/ .mirror_bg{ background:url(img/mojing_bg1.jpg) no-repeat center; width:100%; height:945px; } .mirror_bg_title{ padding-top:110px; text-align:center; padding-bottom:110px; } .mirror_bg_title h1{ font-weight:normal; font-size:42px; } .title_gray{ color:#707070; } .mirror_bg_title p{ padding-top:15px; font-size:19px; color:#707070; } .mirror_bg2{ background:url(img/mojing_bg2.jpg) no-repeat center; width:100%; height:944px; } .mirror_bg3{ background:url(img/mojing_bg3.jpg) no-repeat center; width:100%; height:944px; } .mirror_bg4{ background:url(img/mojing_bg4.jpg) no-repeat center; width:100%; height:951px; } .mirror_bg5{ background:url(img/mojing_bg5.jpg) no-repeat center; width:100%; height:950px; } .mirror_bg5_main{ width:1160px; margin:0 auto; padding-top:190px; } .mirror_bg5_main_list{ padding-top:40px; padding-left:70px; } .mirror_bg5_main_list_img{ float:left; padding-right:30px; } .mirror_bg5_main_list_r{ float:left; width:445px; color:#FFF; } .mirror_bg5_main_list_r p{ line-height:32px; font-size:19px; } .f22{ font-size:22px; } .mirror_bg6{ background:url(img/mojing_bg6.jpg) no-repeat center; width:100%; height:950px; } .mirror_bg7{ background:url(img/mojing_bg7.jpg) no-repeat center; width:100%; height:950px; } .mirror_bg7_main{ width:1160px; margin:0 auto; } .mirror_bg7_main_l{ padding-left:100px; } .mirror_bg7_list{ width:310px; text-align:center; padding-top:125px; } .mirror_bg7_list h1{ font-size:32px; font-weight:normal; } .mirror_bg7_list p{ padding-top:12px; color:#707070; font-size:22px; } .mirror_bg8{ width:1430px; margin:0 auto; } .mirror_bg8 li{ float:left; padding-right:6px; } .mirror_bg8 li p{ text-align:center; padding-top:15px; font-size:22px; } .mirror_bg9{ height:660px; width:100%; background:#eeeeee; margin-top:140px; } .mirror_bg9_main{ padding-top:30px; } .mirror_bg9_main p{ text-align:center; padding-top:35px; font-size:30px; } .mirror_bg9_t{ width:960px; margin:0 auto; padding-top:80px; } .mirror_bg9_t li{ float:left; width:230px; text-align:center; height:84px; border-right:1px solid #a0a0a0; font-size:24px; line-height:42px; } .mirror_bg10{ background:url(img/mojing_bg10.jpg) no-repeat center; width:100%; height:492px; } /***别墅门口机***/ .villa_bg1{ background:url(img/villa_bg1.jpg) no-repeat center; width:100%; height:947px; } .villa_blist{ width:1160px; margin:0 auto; padding-top:40px; } .villa_blist li{ float:left; width:290px; text-align:center; } .villa_bg2{ background:url(img/villa_bg2.jpg) no-repeat center; width:100%; height:948px; } .villa_bg3{ background:url(img/villa_bg3.jpg) no-repeat center; width:100%; height:950px; } .villa_bg4{ background:url(img/villa_bg4.jpg) no-repeat center; width:100%; height:950px; } .villa_bg5{ width:1160px; margin:0 auto; padding-top:50px; } .villa_bg5_l{ float:left; padding-top:50px; padding-right:30px; } .villa_bg5_r{ float:left; padding-top:90px; } .villa_bg5_r_list{ width:320px; float:left; margin-top:50px; } .villa_bg5_r_list img{ float:left; padding-right:10px; } .villa_bg5_r_list p{ padding-top:8px; font-size:16px; } /**宠物机器人***/ .cong_bg1{ background:url(img/cong_bg1.jpg) no-repeat center; width:100%; height:998px; } .cong_bg1_main{ width:1000px; margin:0 auto; padding-top:80px; position:relative; } .cong_bg1_main p{ padding-top:45px; font-size:32px; text-align:center; color:#2f2f2f; } .fw20{ font-weight:400; color:#000; } .cong_bg2{ background:url(img/cong_bg2.jpg) no-repeat center; width:100%; height:641px; } .cong_bg2_main{ width:1000px; margin:0 auto; } .cong_bg2_main_word{ float:right; padding-right:50px; padding-top:130px; color:#FFF; text-align:right; } .we_t{ font-size:42px; } .we_t p{ padding-top:20px; } .we_b{ padding-top:80px; } .we_b p{ padding-top:8px; font-size:20px; } .cong_bg3{ background:#d2d2d2; width:100%; height:270px; text-align:center; color:#000; font-size:42px; line-height:270px; } .cong_bg4{ width:1160px; margin:0 auto; } .cong_bg4_t{ padding-top:80px; text-align:center; } .cong_bg4_t p{ padding-top:5px; } .f34{ font-size:34px; } .f50{ font-size:50px; } .cong_bg4_list{ padding-top:40px; padding-left:160px; } .cong_bg4_list li{ float:left; padding-right:90px; text-align:center; } .cong_bg4_list li p{ font-size:24px; padding-top:10px; } .cong_bg4_img{ padding-top:30px; padding-bottom:50px; width:931px; margin:0 auto; } .cong_bg5{ background:url(img/cong_bg5.jpg) no-repeat center; width:100%; height:954px; } .cong_bg5_main{ width:1000px; margin:0 auto; padding-top:60px; font-size:42px; } .cong_bg5_main p{ padding-top:15px; text-align:right; } .huis{ color:#7d7d7d; } .f20{ font-size:20px; color:#7d7d7d; } .fabox{ padding-top:100px; float:right; } .fabox li{ float:left; height:60px; border-right:1px solid #8fc31f; color:#8fc31f; font-size:24px; text-align:left; padding-left:40px; } .wanbox{ padding-top:100px; float:right; } .cong_bg6{ background:url(img/cong_bg6.jpg) no-repeat center; width:100%; height:938px; } .cong_bg6_main{ width:1000px; margin:0 auto; padding-top:100px; font-size:42px; } .cong_bg6_main p{ padding-top:8px; padding-left:5px; } .cong_bg6_img{ padding-top:180px; } .cong_bg7{ background:url(img/cong_bg7.jpg) no-repeat center; width:100%; height:950px; } .cong_bg7_main{ width:1000px; margin:0 auto; padding-top:120px; } .cong_bg7_main_l{ float:left; padding-right:40px; width:560px; } .cong_bg7_main_l p{ font-size:42px; padding-top:15px; } .cong_bg7_main_r{ float:left; } .cong_bg7_main_list{ padding-top:150px; } .cong_bg7_main_list li{ float:left; padding-right:80px; font-size:20px; color:#8fc31f; } .f30{ font-size:30px; font-weight:bold; } .congshi{ padding-top:127px; padding-left:21px; } .cong_bg8{ background:url(img/cong_bg8.jpg) no-repeat center; width:100%; height:989px; } .cong_bg8_main{ width:1000px; margin:0 auto; padding-top:100px; } .cong_bg8_main p{ text-align:right; font-size:42px; padding-top:15px; } .cong_bg9{ background:url(img/cong_bg9.jpg) no-repeat center; width:100%; height:949px; } .cong_bg9_main{ width:1000px; margin:0 auto; padding-top:100px; } .cong_bg9_main p{ font-size:42px; padding-top:15px; } .cong_bg10{ background:url(img/cong_bg10.jpg) no-repeat center; width:100%; height:950px; } .cong_bg10_main{ padding-top:250px; } .cong_bg10_main p{ color:#FFF; text-align:center; padding-top:15px; font-size:42px; } .cong_bg11{ width:1000px; margin:0 auto; padding-top:80px; padding-bottom:80px; } .cong_bg11_l{ float:left; width:590px; padding-top:80px; } .cong_bg11_l p{ font-size:42px; padding-top:15px; } .cong_bg11_r{ float:left; } .lu_list{ padding-top:150px; } .lu_list li{ float:left; padding-right:80px; text-align:center; } .lu_list li p{ color:#8fc31f; text-align:center; padding-top:5px; font-size:22px; } .cong_bg12{ background:url(img/cong_bg12.jpg) no-repeat center; width:100%; height:950px; margin-top:50px; } .cong_bg12_main{ width:1000px; margin:0 auto; padding-top:100px; position:relative; } .cong_bg12_main p{ padding-top:15px; font-size:42px; } .chongwu{ animation:1s linear 0.2s alternate none infinite running chongwu; background:url(img/congwu.png) no-repeat; position:absolute; width:519px; height:479px; top:510px; left:300px; } @keyframes chongwu { 0%{ left:300px } 50%{ left:400px; top:490px; } 100%{ left:400px; top:490px; } } .huichong{ margin-top:80px; width:140px; height:140px; background:#FFF; border-radius:50%; line-height:140px; color:#8fc31f; text-align:center; font-size:24px; } .cong_bg13{ background:url(img/cong_bg13.jpg) no-repeat center; width:100%; height:935px; } .cong_bg13_main{ padding-top:100px; } .cong_bg13_main p{ font-size:42px; padding-top:15px; text-align:center; } .cong_bg14{ background:url(img/cong_bg14.jpg) no-repeat center; width:100%; height:950px; } .cong_bg14 p{ padding-top:150px; text-align:center; font-size:42px; } .cong_bg15{ background:url(img/cong_bg15.jpg) no-repeat center; width:100%; height:1244px; } .cong_bg15 p{ padding-top:120px; text-align:center; font-size:42px; } .cong_bg16{ background:url(img/cong_bg16.jpg) no-repeat center; width:100%; height:950px; } .cong_bg17{ background:url(img/cong_bg17.jpg) no-repeat center; width:100%; height:532px; } /***璀璨面板***/ .cui_bg1{ background:url(img/cui_bg1.jpg) no-repeat center; width:100%; height:793px; } .cui_bg2_new{ background:url(img/cui_bg2_new.jpg) no-repeat center; width:100%; height:902px; } .cui_bg2{ background:url(img/cui_bg2.jpg) no-repeat center; width:100%; height:1273px; } .cui_bg2_main{ width:1160px; margin:0 auto; } .cui_bg2_main h1{ font-size:32px; text-align:center; color:#5e564f; font-weight:normal; padding-top:105px; } .cui_bg2_main_list{ padding-top:80px; text-align:center; padding-left:142px; } .cui_bg2_main_list li{ display:inline-block; padding-right:150px; } .cui_bg3{ background:url(img/cui_bg3.jpg) no-repeat center; width:100%; height:910px; } .cui_bg4{ background:url(img/cui_bg4.jpg) no-repeat center; width:100%; height:1005px; } .cui_bg5{ background:url(img/cui_bg5.jpg) no-repeat center; width:100%; height:550px; } .cui2_bg1{ background:url(img/cui2_bg1.jpg) no-repeat center; width:100%; height:948px; } .cui2_bg3{ background:url(img/cui2_bg3.jpg) no-repeat center; width:100%; height:834px; } .cui2_bg4{ background:url(img/cui2_bg4.jpg) no-repeat center; width:100%; height:1013px; } .cui2_bg2_new{ background:url(img/cui2_bg2_new.jpg) no-repeat center; width:100%; height:840px; } .touch2_bg5 { background:url(img/touch2_bg5.jpg) no-repeat center; width:100%; height:829px; } .touch2_bg6 { background:url(img/touch2_bg6.jpg) no-repeat center; width:100%; height:950px; } .touch_bg8_2 { background: url(img/touch_bg8_2.jpg) no-repeat center; width: 100%; height: 885px; } .touch_bg8_4 { background: url(img/touch_bg8_4.jpg) no-repeat center; width: 100%; height: 699px; } .cui3_bg1 { background:url(img/cui3_bg1.jpg) no-repeat center; width:100%; height:950px; } .cui3_bg3{ background:url(img/cui3_bg3.jpg) no-repeat center; width:100%; height:907px; } .cui3_bg4{ background:url(img/cui3_bg4.jpg) no-repeat center; width:100%; height:945px; } .touch_bg5_3 { background:url(img/touch_bg5_3.jpg) no-repeat center; width:100%; height:1077px; } .touch_bg8_3 { background:url(img/touch_bg8_3.jpg) no-repeat center; width:100%; height:892px; } .cui3_bg2_new { background:url(img/cui3_bg2_new.jpg) no-repeat center; width:100%; height:876px; } .cui3_bg5 { background:url(img/cui3_bg5.jpg) no-repeat center; width:100%; height:538px; } .cui4_bg1 { background:url(img/cui4_bg1.jpg) no-repeat center; width:100%; height:793px; } .cui4_bg3 { background:url(img/cui4_bg3.jpg) no-repeat center; width:100%; height:864px; } .cui4_bg4 { background:url(img/cui4_bg4.jpg) no-repeat center; width:100%; height:1006px; } .touch4_bg8 { background:url(img/touch4_bg8.jpg) no-repeat center; width:100%; height:840px; } .cui4_bg2_new { background:url(img/cui4_bg2_new.jpg) no-repeat center; width:100%; height:902px; } .cui4_bg5 { background:url(img/cui4_bg5.jpg) no-repeat center; width:100%; height:550px; } .cui5_bg1 { background:url(img/cui5_bg1.jpg) no-repeat center; width:100%; height:950px; } .cui5_bg3 { background:url(img/cui5_bg3.jpg) no-repeat center; width:100%; height:831px; } .cui5_bg4 { background:url(img/cui5_bg4.jpg) no-repeat center; width:100%; height:982px; } .touch_bg8_5 { background:url(img/touch_bg8_5.jpg) no-repeat center; width:100%; height:885px; } .cui5_bg2_new { background:url(img/cui5_bg2_new.jpg) no-repeat center; width:100%; height:840px; } .cui6_bg1 { background:url(img/cui6_bg1.jpg) no-repeat center; width:100%; height:950px; } .cui6_bg3 { background: url(img/cui6_bg3.jpg) no-repeat center; width: 100%; height: 851px; } .cui6_bg4 { background: url(img/cui6_bg4.jpg) no-repeat center; width: 100%; height: 945px; } .cui6_bg2_new { background: url(img/cui6_bg2_new.jpg) no-repeat center; width: 100%; height: 876px; } .cui7_bg1 { background:url(img/cui7_bg1.jpg) no-repeat center; width:100%; height:945px; } .cui8_bg1 { background:url(img/cui8_bg1.jpg) no-repeat center; width:100%; height:949px; margin-top: -16px; } .touch2_bg4 { background:url(img/touch2_bg4.jpg) no-repeat center; width:100%; height:949px; } .touch3_bg6 { background:url(img/touch3_bg6.jpg) no-repeat center; width:100%; height:950px; } .touch3_bg5 { background:url(img/touch3_bg5.jpg) no-repeat center; width:100%; height:829px; } .touch4_bg5 { background:url(img/touch4_bg5.jpg) no-repeat center; width:100%; height:829px; } .touch3_bg8 { background:url(img/touch3_bg8.jpg) no-repeat center; width:100%; height:829px; } .touch3_bg7 { background:url(img/touch3_bg7.jpg) no-repeat center; width:100%; height:953px; } .touch3_bg9 { background:url(img/touch3_bg9.jpg) no-repeat center; width:100%; height:840px; } /**新增情景面板详情页**/ .cui9_bg1 { background:url(img/cui9_bg1.jpg) no-repeat center; width:100%; height:800px; } .cui9_bg3 { background:url(img/cui9_bg3.jpg) no-repeat center; width:100%; height:692px; } .cui9_bg4 { background:url(img/cui9_bg4.jpg) no-repeat center; width:100%; height:556px; } .cui9_bg4 .shuijiao { background: url(img/cui9_shuijiao.png) no-repeat; } .cui9_bg4 .chumen { background: url(img/cui9_chumen.png) no-repeat; } .cui9_bg5 { background:url(img/cui9_bg5.jpg) no-repeat center; width:100%; height:560px; } .cui9_bg5 .shuijiao { background: url(img/cui9_shuijiao_5.png) no-repeat; } .cui9_bg5 .chumen { background: url(img/cui9_chumen_5.png) no-repeat; } .cui9_bg6 { background:url(img/cui9_bg6.jpg) no-repeat center; width:100%; height:829px; } .cui9_bg6 .xiaban { animation:2s linear 0s alternate none infinite running xiabans; background: url(img/cui9_xiaban.png) no-repeat; left: 440px; } @keyframes xiabans { 0%{ top:360px } 100%{ top:390px; } } .cui9_bg7 { background:url(img/cui9_bg7.jpg) no-repeat center; width:100%; height:902px; } .cui9_bg8 { background:url(img/cui9_bg8.jpg) no-repeat center; width:100%; height:950px; } .cui9_bg9 { background:url(img/cui9_bg9.jpg) no-repeat center; width:100%; height:493px; } .cui10_bg1 { background:url(img/cui10_bg1.jpg) no-repeat center; width:100%; height:800px; } .cui10_bg3 { background:url(img/cui10_bg3.jpg) no-repeat center; width:100%; height:625px; } .cui10_bg2 { background:url(img/cui10_bg2.jpg) no-repeat center; width:100%; height:705px; } .cui10_bg8 { background:url(img/cui10_bg8.jpg) no-repeat center; width:100%; height:770px; } .cui10_bg9 { background:url(img/cui10_bg9.jpg) no-repeat center; width:100%; height:472px; } .paddingToBo50 { padding-top: 50px !important; padding-bottom: 50px !important; } .paddingToBo80 { padding-top: 80px !important; padding-bottom: 80px !important; } .cui11_bg1 { background:url(img/cui11_bg1.jpg) no-repeat center; width:100%; height:800px; } .cui11_bg3 { background:url(img/cui11_bg3.jpg) no-repeat center; width:100%; height:638px; } .cui11_bg2 { background:url(img/cui11_bg2.jpg) no-repeat center; width:100%; height:707px; } .cui11_bg8 { background:url(img/cui11_bg8.jpg) no-repeat center; width:100%; height:771px; } .cui11_bg9 { background:url(img/cui11_bg9.jpg) no-repeat center; width:100%; height:472px; } .cui12_bg1 { background:url(img/cui12_bg1.jpg) no-repeat center; width:100%; height:900px; } .cui12_bg3 { background:url(img/cui12_bg3.jpg) no-repeat center; width:100%; height:788px; } .cui12_bg4 { background:url(img/cui12_bg4.jpg) no-repeat center; width:100%; height:840px; } .cui12_bg5 { background:url(img/cui12_bg5.jpg) no-repeat center; width:100%; height:445px; } .cui13_bg1 { background:url(img/cui13_bg1.jpg) no-repeat center; width:100%; height:900px; } .cui13_bg3 { background:url(img/cui13_bg3.jpg) no-repeat center; width:100%; height:952px; } .cui13_bg5 { background:url(img/cui13_bg5.jpg) no-repeat center; width:100%; height:486px; } .cui13_bg4 { background:url(img/cui13_bg4.jpg) no-repeat center; width:100%; height:830px; } .cui14_bg1 { background:url(img/cui14_bg1.jpg) no-repeat center; width:100%; height:900px; } .cui14_bg3 { background:url(img/cui14_bg3.jpg) no-repeat center; width:100%; height:762px; } .cui14_bg7 { background:url(img/cui14_bg7.jpg) no-repeat center; width:100%; height:754px; } .cui14_bg5 { background:url(img/cui14_bg5.jpg) no-repeat center; width:100%; height:477px; } .cui14_bg6 { background:url(img/cui14_bg6.jpg) no-repeat center; width:100%; height:829px; } /***智能锁***/ .shuo_bg1{ background:url(img/shuo_bg1.jpg) no-repeat center; width:100%; height:1073px; } .shuo_bg2{ background:url(img/shuo_bg2.jpg) no-repeat center; width:100%; height:947px; } .shuo_bg3{ background:url(img/shuo_bg3.jpg) no-repeat center; width:100%; height:951px; } .shuo_bg4{ background:url(img/shuo_bg4.jpg) no-repeat center; width:100%; height:949px; } .shuo_bg5{ background:url(img/shuo_bg5.jpg) no-repeat center; width:100%; height:949px; } .shuo_bg6{ background:url(img/shuo_bg6.jpg) no-repeat center; width:100%; height:950px; } .shuo_bg7{ background:url(img/shuo_bg7.jpg) no-repeat center; width:100%; height:949px; } .shuo_bg8{ background:url(img/shuo_bg8.jpg) no-repeat center; width:100%; height:950px; } .shuo_bg9{ background:url(img/shuo_bg9.jpg) no-repeat center; width:100%; height:950px; } .shuo_bg10{ background:url(img/shuo_bg10.jpg) no-repeat center; width:100%; height:325px; } .shuo_bg11{ background:url(img/shuo_bg11.jpg) no-repeat center; width:100%; height:953px; } .shuo_bg12{ background:url(img/shuo_bg12.jpg) no-repeat center; width:100%; height:549px; } .shuo_bg13{ background:url(img/shuo_bg13.jpg) no-repeat center; width:100%; height:623px; } /***空气盒子***/ .airbox_bg1{ background:url(img/airbox_bg1.jpg) no-repeat center; width:100%; height:948px; } .airbox_bg2{ background:url(img/airbox_bg2.jpg) no-repeat center; width:100%; height:950px; } .airbox_bg3{ background:url(img/airbox_bg3.jpg) no-repeat center; width:100%; height:950px; } .airbox_bg4{ background:url(img/airbox_bg4.jpg) no-repeat center; width:100%; height:950px; } .airbox_bg5{ background:url(img/airbox_bg5.jpg) no-repeat center; width:100%; height:950px; } .airbox_bg6{ background:url(img/airbox_bg6.jpg) no-repeat center; width:100%; height:950px; } .airbox_bg7{ background:url(img/airbox_bg7.jpg) no-repeat center; width:100%; height:950px; } .airbox_bg8{ background:url(img/airbox_bg8.jpg) no-repeat center; width:100%; height:600px; } .f20{ font-size:20px; } .villa_bg6{ background:url(img/villa_bg6.jpg) no-repeat center; width:100%; height:600px; margin-top:100px; } /*新客服*/ .qqkefu{ position: fixed; top:58%; _position: absolute; _top: expression(eval(document.documentElement.scrollTop + 365)); z-index: 20; right:0; width:45px; } .qqkefu ul li{ width: 50px; height:50px; margin-bottom:1px; float:right; background-color:#009976; line-height:45px; font-size:14px; cursor:pointer; position:relative; } .qqkefu ul li a{ color:#fff; display: block; overflow: hidden; height: 50px; position: relative; } .qqkefu ul li.qq_cza{ overflow:hidden } .qqkefu ul li:hover{ background-color:#f08519; } .qqkefu ul li.top:hover { background:url("img/backup.png") no-repeat 7px 7px #f08519; background-size: 34px; } .qqkefu ul li.top{ background:url("img/backup.png") no-repeat 7px 7px #009976; background-size: 34px; cursor:pointer; display: none; } .qqkefu ul li.top span{ position:absolute; display:block; left:50px; top:3px; height:5px; width:60px; text-align: center; } /*.qqkefu ul li.top:hover span{*/ /*background:url(img/czx2_hover.png) no-repeat center}*/ .qqkefu ul li b{ width:50px; height:50px; display:block; } .qqkefu ul li span{ color: #FFF; } .qqkefu ul li b.a{ background:url(img/qq.png) no-repeat center center; } .qqkefu ul li b.b{ background:url(img/message.png) no-repeat center center; background-size: 34px; } .qqkefu ul li b.c{ background:url(img/weixin.png) no-repeat center center; background-size: 34px; } .qqkefu ul li b.e{ background:url(img/tel.png) no-repeat center center; } .qqkefu .qq_czaa i { position: absolute; left: 50px; display: block; height: 5px; width: 60px; top:4px; font-style: normal; } .qqkefu ul li.qq_czae{ line-height:15px !important} .erweima{ /*width: 390px;*/ height: 150px; position: absolute; top: -107px; left: -140px; background: #FFF; border: 1px solid #CCC; float: right; cursor: default !important; display:none } .erweima p{ line-height: 20px; color: #000; font-size: 12px; text-align: center; float: left; width: 130px; } .erweima p a{height: auto;} .erweima p img{ width: 110px; height: 110px; margin: 10px 10px 0px 10px; } .erweima .arrow3 { width: 5px; height: 10px; display: block; background:url(img/czx6.png) no-repeat; position: absolute; right: -5px; top: 122px; } .kaigou{ position:absolute; top:182px; right:0px; } /**xinshipin**/ .xinfan{ width:520px; } .xinfan li{ float:left; padding-left:10px; padding-right:8px; font-size:16px; padding-top:15px; text-align:center; } .xinfan li p{ line-height:28px; width:240px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } .xinfan li img{ width:240px; height:140px; } /**xinviode**/ .xinvideo{ width:760px; padding-bottom:25px; } .xinvideo_list{ float:left; width:347px; height:270px; background:#FFF; margin-left:15px; margin-right:15px; margin-top:25px; } .xinvideo_list_img{ position:relative; cursor:pointer; transition:all 0.6s; overflow:hidden; } .xinvideo_list_img img{ transition:all 0.6s; overflow:hidden; } .xinvideo_list_img img{ width:347px; height:222px; } .xinvideo_list:hover img{ transform:scale(1.2); } .xinvideo_list p{ font-size:28px; font-size:16px; text-align:center; padding-left:4px; padding-right:4px; padding-top:8px; } .xin_mask{ display:none; position:absolute; width:347px; height:222px; background-color: rgba(0,0,0,0.5); padding-top:100px; padding-left:150px; top:0px; } .xin_mask img{ width:30px; height:30px; } .youzb{ padding-top:15px; color:#5c5c5c; line-height:25px; } .youzb a{ /*color:#343434;*/ } /**1031锁***/ .sid{ background:#f3f3f3; width:100%; padding-top:60px; padding-bottom:60px; } .suo_main{ width:1100px; margin:0 auto; } .suo_r{ float:right; padding-top:40px; padding-right:50PX; text-align:right; } .suo_r h1{ font-size:40px; font-weight:normal; } .suo_r p{ font-size:19px; padding-top:15px; } .hesuo{ background:#000; color:#fac371; padding-bottom:20px; padding-top:80px; } .hesuo p{ color:#fac371; } .shuozhi{ background:#f3f3f3; width:100%; padding-bottom:60px; } .shuozhi_main{ width:1100px; margin:0 auto; padding-top:60px; } .shuozhi_main li{ float:left; padding-left:65px; padding-right:65px; } .shuozhi_main li p{ font-size:24px; line-height:36px; width:400px; text-align:center; padding-top:25px; } /**摄像机***/ .cam_bg1{ background:url(img/cam_bg1.jpg) no-repeat center; width:100%; height:948px; } .cam_bg2{ background:#f0f0f0; width:100%; padding-bottom:60px; } .cam_main{ width:1160px; margin:0 auto; } .cam_main_list{ padding-left:30px; } .cam_main_list li{ float:left; padding-top:40px; text-align:center; font-size:18px; padding-right:20px; width:160px; } .cam_main_list li img{ height:115px; width:115px; } .cam_bg3{ background:url(img/cam_bg2.jpg) no-repeat center; width:100%; height:679px; } .cam_bg4{ background:url(img/cam_bg4.jpg) no-repeat center; width:100%; height:679px; } .cam_bg5{ background:url(img/cam_bg5.jpg) no-repeat center; width:100%; height:724px; } .cam_bg6{ background:url(img/cam_bg6.jpg) no-repeat center; width:100%; height:717px; } .cam_bg7{ background:url(img/cam_bg7.jpg) no-repeat center; width:100%; height:722px; } .cam_bg8{ background:url(img/cam_bg8.jpg) no-repeat center; width:100%; height:733px; } .cam_bg9{ background:url(img/cam_bg9.jpg) no-repeat center; width:100%; height:739px; } .cam_bg10{ background:url(img/cam_bg10.jpg) no-repeat center; width:100%; height:705px; } .cam_bg11{ background:url(img/cam_bg11.jpg) no-repeat center; width:100%; height:725px; } .cam_bg12{ background:url(img/cam_bg12.jpg) no-repeat center; width:100%; height:772px; } .cam_bg13{ background:url(img/cam_bg13.jpg) no-repeat center; width:100%; height:756px; } .cam_bg14{ background:url(img/cam_bg14.jpg) no-repeat center; width:100%; height:779px; } .cam_bg15{ background:url(img/cam_bg15.jpg) no-repeat center; width:100%; height:977px; } /**安防***/ .an_bg1{ background:url(img/an_bg1.jpg) no-repeat center; width:100%; height:1065px; } .an_bg2{ background:url(img/an_bg2.jpg) no-repeat center; width:100%; height:1079px; } .an_bg3{ background:url(img/an_bg3.jpg) no-repeat center; width:100%; height:1079px; } .an_bg4{ background:url(img/an_bg4.jpg) no-repeat center; width:100%; height:1079px; } .an_bg5{ background:url(img/an_bg5.jpg) no-repeat center; width:100%; height:1079px; } .an_bg6{ background:url(img/an_bg6.jpg) no-repeat center; width:100%; height:614px; } .an_bg7{ background:url(img/an_bg7.jpg) no-repeat center; width:100%; height:468px; } .an_bg8{ background:url(img/an_bg8.jpg) no-repeat center; width:100%; height:500px; } .an_bg9{ background:url(img/an_bg9.jpg) no-repeat center; width:100%; height:516px; } /****智能网关***/ .wangguan_bg1{ background:url(img/wangguan_bg1.jpg) no-repeat center; width:100%; height:952px; } .wangguan_bg2{ background:url(img/wangguan_bg2.jpg) no-repeat center; width:100%; height:750px; } .wangguan_bg2_list{ width:1160px; margin:0 auto; padding-top:466px; } .wangguan_bg2_list li{ font-size:19px; color:#707070; float:left; } .wangguan_bg3{ background:url(img/wangguan_bg3.jpg) no-repeat center; width:100%; height:949px; } .wangguan_bg4{ background:url(img/wangguan_bg4.jpg) no-repeat center; width:100%; height:949px; } .wangguan_bg4_main{ width:1160px; margin:0 auto; padding-top:785px; padding-left:40px; font-size:19px; color:#707070; } .wangguan_bg5{ background:url(img/wangguan_bg5.jpg) no-repeat center; width:100%; height:950px; } .wangguan_bg6{ background:url(img/wangguan_bg6.jpg) no-repeat center; width:100%; height:950px; } .wangguan_bg7{ background:url(img/wangguan_bg7.jpg) no-repeat center; width:100%; height:950px; } .wangguan_bg8{ background:url(img/wangguan_bg8.jpg) no-repeat center; width:100%; height:600px; } .footer_b p a[alt="可信任网站"],.footer_b p a[href="/"],.footer_b p a[href="http://www.miitbeian.gov.cn"],.footer_b p a[href="http://www.sznet110.gov.cn/"],.footer_b p a[href="http://www.anquan.org/"],.footer_b p a[href="http://www.anquan.org/"],.footer_b p a[href="http://www.gov.cn/"],.footer_b p a[href="http://webscan.360.cn/index/checkwebsite/url/www.atsmartlife.com"],.footer_b p a[title="中华人民共和国中央人民政府门户网站"]{ display: none; } /*无极开关*/ .wjkg_bg1 { background: url(img/wjkg_bg1.jpg) no-repeat center; width: 100%; height: 948px; } .wjkg_bg2 { background: url(img/wjkg_bg2.jpg) no-repeat center; width: 100%; height: 1074px; } .wjkg_bg3 { background: url(img/wjkg_bg3.jpg) no-repeat center; width: 100%; height: 1129px; } .wjkg_bg4 { background: url(img/wjkg_bg4.jpg) no-repeat center; width: 100%; height: 916px; } .wjkg_bg5 { background: url(img/wjkg_bg5.jpg) no-repeat center; width: 100%; height: 1055px; } .wjkg_bg6 { background: url(img/wjkg_bg6.jpg) no-repeat center; width: 100%; height: 1268px; } .wjkg_bg7 { background: url(img/wjkg_bg7.jpg) no-repeat center; width: 100%; height: 979px; } .wjkg_bg8 { background: url(img/wjkg_bg8.jpg) no-repeat center; width: 100%; height: 851px; } .wjkg_bg9 { background: url(img/wjkg_bg9.jpg) no-repeat center; width: 100%; height: 804px; } .wjkg_bg10 { background: url(img/wjkg_bg10.jpg) no-repeat center; width: 100%; height: 552px; } /*招商加盟修改*/ .jm_bg1 { background: url(img/jm_bg1.jpg) no-repeat center; width: 100%; height: 510px; padding-top:190px; text-align: center; } .jm_bg1 .banner_title { font-size: 52px; color: #a1a199; } .jm_bg1 .banner_sub_title { font-size: 52px; color:#baa86a; } .jm_bg1 .sub_title { font-size: 22px; color: #9a9c8e; margin-top:60px; } .jm_bg1 .sub_title_b { width: 522px; height: 36px; line-height: 36px; border:1px solid #a0a398; font-size: 18px; color: #a0a398; margin:20px auto 70px; } .jm_bg1 .jiameng_btn,.jm_bg9 .jiameng_btn{ display: block; width:180px; border-radius: 5px; font-size:18px; height: 50px; line-height: 50px; background-color: #267ad1; text-align: center; color: #fff; text-decoration: none; margin:0 auto; } .jm_bg9 .jiameng_btn { margin:40px auto; } .jm_bg2 { background: url(img/jm_bg2.jpg) no-repeat center; width: 100%; height: 497px; padding-top: 72px; } .jm_bg2 .title { font-size: 34px; color:#fff; text-align: center; } .jm_bg3 { background: url(img/jm_bg3.jpg) no-repeat center; width: 100%; height: 825px; padding-top: 54px; } .jm_bg3 .title { font-size: 33px; color:#fff; text-align: center; } .jm_bg3 ul { width: 1144px; margin-left:14px; margin-top:290px; overflow: hidden; } .jm_bg3 li { font-size: 22px; color:#fff; float: left; width: 170px; margin:0 58px; } .jm_bg3 .common_title { color:#fff; font-size: 30px; margin-left: -20px; } .jm_bg3 .sub_nav { font-size: 21px; margin-top:126px; margin-left: 605px; } .jm_bg3 .sub_nav p { margin-top: 78px; } .jm_bg3 .sub_nav p:nth-of-type(1){ margin-left:178px; } .jm_bg3 .sub_nav p:nth-of-type(2){ margin-left:84px; } .jm_bg3 .sub_nav p:nth-of-type(3){ margin-left:18px; } .jm_bg3 .sub_nav p:nth-of-type(4){ margin-left:118px; } .jm_bg3 .sub_nav p:nth-of-type(5){ margin-left:18px; margin-top: 66px; } .jm_bg3 .sub_nav p:nth-of-type(6){ margin-left:185px; margin-top: 66px; } .jm_bg4 { background: url(img/jm_bg4.jpg) no-repeat center; width: 100%; height: 1021px; padding-top: 60px; } .jm_bg4 .common_title { margin-left:-20px; } .jm_bg4 .sub_des { font-size: 22px; margin-top:296px; overflow: hidden; } .jm_bg4 .sub_des li { width: 185px; float: left; } .jm_bg4 .sub_des li .des{ margin-top: 28px; text-align: justify; } .jm_bg4 .sub_des li:nth-of-type(1) { margin-left: 100px; margin-top: 20px; } .jm_bg4 .sub_des li .title { font-weight: bold; } .jm_bg4 .sub_des li:nth-of-type(1) .title { color:#24c8ca; } .jm_bg4 .sub_des li:nth-of-type(2) { margin-left: 194px; margin-top:130px; } .jm_bg4 .sub_des li:nth-of-type(2) .title { color:#ef8200; } .jm_bg4 .sub_des li:nth-of-type(3) { margin-left: 160px; } .jm_bg4 .sub_des li:nth-of-type(3) .title { color:#02b6f1; } .jm_bg5 { background: url(img/jm_bg5.jpg) no-repeat center; width: 100%; height: 983px; padding-top: 80px; } .jm_bg5 .common_title { color:#fff; } .jm_bg5 .sub_des { margin-top: 160px; color:#fff; font-size: 18px; width: 1230px; margin-left: -6px; text-align: center; } .jm_bg5 .sub_des li { float: left; width: 170px; margin:0 25px; } .jm_bg5 .sub_des .title { font-weight: bold; } .jm_bg5 .sub_des li .des { margin-top: 200px; text-align: justify; } .jm_bg5 .sub_des li:nth-of-type(2) { width: 196px; margin-left: 10px; } .jm_bg5 .sub_des li:nth-of-type(3) { margin-left:18px; margin-top:-10px; } .jm_bg5 .sub_des li:nth-of-type(3) .des { margin-top:190px; } .jm_bg5 .sub_des li:nth-of-type(5) { width: 196px; margin-left: 8px; } .jm_bg6 { background: url(img/jm_bg6.jpg) no-repeat center; width: 100%; height: 865px; padding-top: 85px; } .jm_bg2 .nav_title,.jm_bg6 .nav_title,.jm_bg10 .nav_title { font-size: 36px; color: #271918; text-align: center; } .jm_bg7 { background: url(img/jm_bg7.jpg) no-repeat center; width: 100%; height: 1837px; padding-top: 62px; } .jm_bg7 .nav_title { font-size: 32px; text-align: center; /*color:#706b68;*/ } .jm_bg7 .nav_title strong{ color:#000; } .jm_bg7 .nav_des { font-size: 20px; margin-top: 16px; text-align: center; color:#706b68; } .jm_bg7 .sub_des { width: 1230px; overflow: hidden; margin-left: -60px; margin-top: 90px; } .jm_bg7 .sub_des li { width: 320px; margin:0 45px; float: left; padding-top: 340px; height: 210px; } .jm_bg7 .sub_des .title { font-size: 20px; font-weight: bold; text-align: center; } .jm_bg7 .sub_des .des { margin-top:40px; font-size: 16px; line-height: 1.6; text-align: justify; } .jm_bg8 { background: url(img/jm_bg8.jpg) no-repeat center; width: 100%; height: 918px; padding-top: 60px; } .jm_bg8 .nav_title { font-size: 30px; text-align: center; } .jm_bg8 .nav_des { font-size: 32px; text-align: center; color:#706b68; } .jm_bg8 .sub_des { width: 1168px; margin-left:-34px; margin-top:80px; } .jm_bg8 .sub_des li { width: 516px; float: left; margin:0 34px 13px; height: 75px; padding-top: 20px; } .jm_bg8 .sub_des .title { font-size: 20px; font-weight: bold; padding-left: 60px; } .jm_bg8 .sub_des .des { font-size: 16px; margin-top:10px; } .jm_bg9 { background: url(img/jm_bg9.jpg) no-repeat center; width: 100%; height: 253px; padding-top: 73px; } .jm_bg9 .title { font-size: 32px; text-align: center; } .jm_bg9 .email_wrap { overflow: hidden; font-size: 20px; margin-top: 66px; } .jm_bg9 .email { padding-left: 166px; float: left; } .jm_bg9 .qq { padding-left: 166px; float: right; } .jm_bg10 { background: url(img/jm_bg10.jpg) no-repeat center; width: 100%; height: 918px; padding-top: 60px; } .jm_main { width:1100px; margin:0 auto; color:#271918; } .jm_main .common_title { font-size: 34px; } /*金刚智能门锁*/ .znms_bg1 { background: url(img/znms_bg1.jpg) no-repeat center; width: 100%; height: 943px; } .znms_bg2 { background: url(img/znms_bg2.jpg) no-repeat center; width: 100%; height: 894px; } .znms_bg3 { background: url(img/znms_bg3.jpg) no-repeat center; width: 100%; height: 1149px; } .znms_bg4 { background: url(img/znms_bg4.jpg) no-repeat center; width: 100%; height: 937px; } .znms_bg5 { background: url(img/znms_bg5.jpg) no-repeat center; width: 100%; height: 1163px; } .znms_bg6 { background: url(img/znms_bg6.jpg) no-repeat center; width: 100%; height: 1137px; } .znms_bg7 { background: url(img/znms_bg7.jpg) no-repeat center; width: 100%; height: 934px; } .znms_bg8 { background: url(img/znms_bg8.jpg) no-repeat center; width: 100%; height: 1550px; } .znms_bg9 { background: url(img/znms_bg9.jpg) no-repeat center; width: 100%; height: 1143px; } .znms_bg10 { background: url(img/znms_bg10.jpg) no-repeat center; width: 100%; height: 1124px; } .znms_bg11 { background: url(img/znms_bg11.jpg) no-repeat center; width: 100%; height: 985px; } .znms_bg12 { background: url(img/znms_bg12.jpg) no-repeat center; width: 100%; height: 598px; } /*小乐智能语音*/ .znyy_title { width: 1000px; margin:0 auto; text-align: center; padding-top: 60px; } .znyy_title.yk_title { text-indent: -290px; } .znyy_title p { font-size: 40px; color: #727171; } .znyy_title p strong { color:#fff; font-weight: normal; } .znyy_title.black p { color:#707070; } .znyy_title.black p strong { color:#343434; font-weight: normal; } .znyy_bg1 { background: url(img/znyy_bg1.jpg) no-repeat center; width: 100%; height: 680px; } .znyy_bg2 { background: url(img/znyy_bg2.jpg) no-repeat center; width: 100%; height: 720px; } .znyy_bg3 { background: url(img/znyy_bg3.jpg) no-repeat center; width: 100%; height: 919px; } .znyy_bg4 { background: url(img/znyy_bg4.jpg) no-repeat center; width: 100%; height: 799px; } .znyy_bg5 { background: url(img/znyy_bg5.jpg) no-repeat center; width: 100%; height: 971px; } .znyy_bg6 { background: url(img/znyy_bg6.jpg) no-repeat center; width: 100%; height: 1005px; } .znyy_bg7 { background: url(img/znyy_bg7.jpg) no-repeat center; width: 100%; height: 827px; } .znyy_bg8 { background: url(img/znyy_bg8.jpg) no-repeat center; width: 100%; height: 1134px; } .znyy_bg9 { background: url(img/znyy_bg9.jpg) no-repeat center; width: 100%; height: 1092px; } .znyy_bg10 { background: url(img/znyy_bg10.jpg) no-repeat center; width: 100%; height: 448px; } /*改版新增*/ a:hover { cursor: pointer; } .content_title_wrap { margin:60px auto 0px; overflow: hidden; } .content_title_wrap .content_title { font-size: 36px; color: #221815; text-align: center; line-height: 48px; } .content_title_wrap .content_title_en { font-size: 12px; color: #595757; text-transform:uppercase; text-align: center; line-height: 36px; } .content_title_wrap .content_title_left { margin-left: 88px; } .content_title_wrap .more_link { float: right; font-size: 16px; width: 88px; height: 30px; line-height: 30px; text-align: center; margin-top: 10px; /*background-color: #9fa0a0;*/ color: #009976; } .case_wrap { position: relative; } .case_wrap .arrow { width: 14px; height: 30px; position: absolute; top:186px; background-image: url(img/arrow.png); background-repeat: no-repeat; } .case_wrap .arrow:hover { cursor: pointer; } .case_wrap .prev { left:-30px; } .case_wrap .next { right:-30px; background-position: 0 -30px; } .case_wrap .picList li { width: 366px; margin-left: 3px; } .case_wrap .pic { height: 290px; } .case_wrap .pic img { width: 100%; } .case_wrap .title { height: 82px; background-color: #f8f8f8; } .case_wrap .title { padding-top: 30px; } .case_wrap .title span { display: block; width: 38px; height: 2px; background: #8c9b9e; margin:0 auto 20px; } .case_wrap .title p { font-size: 20px; color: #221815; text-align: center; } .dialog_wrap,.dialog_wrap2 { width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); position: fixed; top: 0; left: 0; z-index: 9999; display: none; } .dialog_wrap .dialog,.dialog_wrap2 .dialog { width: 678px; height: 480px; background-color:#fff; position: absolute; top: 50%; left: 50%; margin-top:-255px; margin-left:-339px; z-index: 999999; display: none; } .dialog_wrap .dialog .title_wrap,.dialog_wrap2 .dialog .title_wrap { height: 60px; line-height: 60px; position: relative; color: #595757; font-weight: normal; margin-bottom: -20px; } .dialog_wrap .dialog .title,.dialog_wrap2 .dialog .title { font-size: 24px; padding-left:40px; } .dialog_wrap .dialog .close,.dialog_wrap2 .dialog .close { position: absolute; top:0; right: 20px; width: 36px; height: 60px; font-size: 40px; } .video_news_wrap { font-size: calc(100vw/19.2); overflow: hidden; margin:46px auto 40px; padding-left: 0.6em; padding-right: 0.6em; } .video_wrap { overflow: hidden; width: 8.7em; height: 5.74em; float: left; } .video_list { width: 1148px; height: auto !important; margin-left:-24px; } .video_list.video_wrap .video { width: 524px; height: 406px; margin:0 25px 50px; float: left; } .video_wrap .video { position: relative; background-color: #f8f8f8; height: 100%; } .video_list.video_wrap .video .videobg{ height: 306px; } .video_wrap .video .videobg { width: 100%; height: 5.74em; } .video_list.video_wrap .video .title { background-color: #fff; line-height: 80px; padding-left: 26px; text-align: left; display: block; height: 96px; font-size: 26px; margin:0; overflow: hidden; } .video_wrap .video .title { height: 1.83em; display: none; background-color: #f8f8f8; font-size: 30px; color: #9fa0a0; text-align: center; margin: 0.88em auto; } .video_list.video_wrap .video .play_icon { width: 50px; height: 50px; position: absolute; left:26px; top:230px; background-image: url(img/list_video_play.png); background-size: 50px 100px; background-position: 0 0; } .video_list.video_wrap .video:hover { cursor:pointer; } .video_list.video_wrap .video:hover .play_icon { background-position: 0 -50px; } .video_wrap .video .video_shade { width: 100%; height: 6.17em; position: absolute; left:0px; top:0px; opacity: 0; background-color: #000; z-index: 9; transition: all 0.8s; } .video_wrap .video:hover .video_shade { opacity: 0.6; } .video_wrap .video .play_icon { width: 1.35em; height:1.35em; position: absolute; left:50%; -webikit-transform: translateX(-50%); transform: translateX(-50%); top:2.27em; background: url(img/video_play.png); z-index: 99; background-repeat: no-repeat; } .news_nav .crumbs { height: 60px; line-height: 60px; padding-left: 30px; } .crumbs { height: 52px; line-height: 52px; color:#221815; font-size: 14px; } .crumbs a { color:#221815; } .index_news_list { float: right; width: 8.85em; } .index_news_list .more { overflow: hidden; margin-left: 20px; height: 55px; font-size: 24px; } .index_news_list .more>span{ color:#898989; text-align: center; margin:10px; } .index_news_list .more>span.active,.index_news_list .more>span:hover{ color: #221815; cursor: pointer; } .index_news_list .more>em { color: #ccc; font-style: normal; height: 40px; font-size: 24px; font-weight: 400; } .index_news_list .more a { color: #898989; float: right; font-size: 16px; } .index_news_list .more a:hover { color:#009976; } .index_news_list .img_lits{ width: 9.56em; height: 7em; float: left; overflow:hidden; } .index_news_list .list_list { margin-top: 0.1em; } .index_news_list .list_list>ul{ display: none; } .index_news_list .list_list>ul.active { display: block; } .index_news_list .list { height: 1.1em; padding-top: 0.2em; padding-right: 1em; transition: all .2s linear; -webkit-transition: all .2s linear; } .index_news_list .list:hover { /*border:1px solid #f1f1f1;*/ -moz-box-shadow:2px 2px 15px rgba(0,0,0,.1); -webkit-box-shadow:2px 2px 15px rgba(0,0,0,.1); box-shadow:2px 2px 15px rgba(0,0,0,.1); } .index_news_list .list:hover .month { color: #221815; opacity: 0.8; } .index_news_list .list .title_wrap { float: left; width: 5.7em; } .index_news_list .list .title { color:#221815; /*font-size: 22px;*/ font-size: 20px; height: 1.667em; line-height: 1.667; overflow: hidden; } .index_news_list .list .title a { color: #221815; } .index_news_list .list .des { font-size: 15px; line-height: 1.57; height: 2.8em; overflow: hidden; color:#898989; } .index_news_list .list .des a { color:#898989; } .index_news_list .list .date { float: left; width: 1.66em; padding-right: .4em; /*height: .86em;*/ padding-top:.1em; } .index_news_list .list .month { color:#b5b5b6; font-size: .36em; display: block; text-align: right; transition: all .2s linear; -webkit-transition: all .2s linear; font-family: "PingFangSC-Ultralight, sans-serif" !important; /*font-family: "Helvetica Neue LT Pro" !important;*/ } .index_news_list .list .year { font-size: .12em; color:#b5b5b6; display: block; text-align: right; margin-right: 0.2em; } .index_news_list .list.on { background-color: #9fa0a0; } .index_news_list .list.on .month,.index_news_list .list.on .year,.index_news_list .list.on .title a{ color:#fff; } .index_news_list .list.on .des a{ color:#f6f6f6; } .index_news_list .list.on .date { padding-right: .36em; } .index_news_list .list.on .title_wrap { margin-left: 1.6em; width: 6.9em; position: relative; } .index_news_list .list.on .date { width: 1.26em; } .index_news_list .list.on .month { /*margin-left: 1.1em;*/ } .index_news_list .img_lits .img { position: relative; } .index_news_list .img_lits span { position: absolute; top:0.15em; bottom:0.15em; left: 0.15em; right: 0.15em; border: 1px solid #fff; width: 9.25em; height: 6.67em; } .index_news_list .img_lits img { width: 9.56em; height: 7em; } .index_news_list .title_wrap .arrow { font-size: 30px; color:#f6f6f6; display: block; width: 16px; height: 20px; line-height: 20px; position: absolute; top:30px; right: -42px; /* background-image: url(img/arrow.png); background-size: 16px 20px; background-position: 0 0; */ display: none; } .index_news_list .list.on .arrow { display: block; } .index_xl_wrap { background: url(../images/index_xl_bg.jpg) no-repeat center; background-size: cover; } .index_column_wrap { background: #fff; padding:0.77em 0.6em 0.5em 0.6em; overflow:hidden; margin-top: 6px; font-size: calc(100vw/19.2); } .index_column_wrap .column { float: left; width: 5.6em; margin-right: 0.46em; } .index_column_wrap .column:last-child { margin-right: 0; } .index_column_wrap .column img { width: 100%; height: 2.5em; vertical-align:bottom; /*去掉外层a标签的基线*/ } .index_column_wrap .column>a { display: block; } .index_column_wrap .column p { font-size: 0.24em; line-height: 2.4; text-align: center; margin-top:20px; } .index_column_wrap .column p i { display: inline-block; width: 1.2em; height: 1.2em; border-radius:50%; margin-left: 0.5em; vertical-align: middle; background: url(../images/index_column_i.png) no-repeat center; } /*新闻列表页幻灯片*/ .news_banner,.news_banner .slides{ height: 560px; } .news_banner .slides a img { height: 560px; } .news_banner .news_banner_page li a.flex-active, .news_banner .news_banner_page li.active a { background-color: #979797; } .news_banner .news_banner_page li.on a { background-color: #979797; } .list_news_list>ul li { padding:10px 20px; background-color: #fff; margin:20px auto; height: 245px; overflow: hidden; } .list_news_list>ul li .img { width: 420px; height: 245px; float: left; } .list_news_list>ul .img img { width: 100%; height: 245px; } .list_news_list>ul li .txt { margin-left:484px; } .list_news_list .title { height: 46px; line-height: 46px; overflow: hidden; margin-top: 10px; } .list_news_list .title a { font-size: 26px; color: #221815; } .list_news_list .title a:hover { color:#00998a; } .list_news_list .des { line-height: 30px; height: 90px; margin-top: 10px; } .list_news_list .des a { font-size: 20px; color:#221815; } .list_news_list .des a:hover { color:#00998a; } .list_news_list li .bottom { overflow: hidden; margin-top: 55px; } .list_news_list li .date { font-size: 12px; color:#727171; } .list_news_list li .more_link { font-size: 14px; color:#00998a; float: right; } .product_title { margin:25px auto; height: 50px; line-height: 50px; border-bottom: 1px solid #d3d3d4; } .product_title span { font-size: 26px; color:#221815; border-bottom: 1px solid #727171; padding:0 8px 8px; } .product_list_nav { display: flex; } .product_list_nav li a { display: block; } .product_list_nav li { width: 110px; padding:55px 0 30px; flex-shrink: 0; } .product_list_nav li i { display: block; width: 42px; height: 42px; margin:0 auto; background-image:url(img/product_icon.png); background-repeat: no-repeat; } .product_list_nav li:nth-of-type(1) i { background-position: 0 -378px; } .product_list_nav li:nth-of-type(2) i { background-position: 0 -336px; } .product_list_nav li:nth-of-type(3) i { background-position: 0 -294px; } .product_list_nav li:nth-of-type(4) i { background-position: 0 -252px; } .product_list_nav li:nth-of-type(5) i { background-position: 0 -210px; } .product_list_nav li:nth-of-type(6) i { background-position: 0 -168px; } .product_list_nav li:nth-of-type(7) i { background-position: 0 -126px; } .product_list_nav li:nth-of-type(8) i { background-position: 0 -84px; } .product_list_nav li:nth-of-type(9) i { background-position: 0 -42px; } .product_list_nav li:nth-of-type(10) i { background-position: 0 0; } .product_list_nav li span { display: block; font-size: 16px; color:#b5b5b5; text-align:center; margin-top:20px; } .product_list_nav li a:hover span,.product_list_nav li.on span{ color:#00998a; } .product_list_nav li:nth-of-type(1) a:hover i,.product_list_nav li:nth-of-type(1).on i{ background-position: -42px -378px; } .product_list_nav li:nth-of-type(2) a:hover i,.product_list_nav li:nth-of-type(2).on i{ background-position: -42px -336px; } .product_list_nav li:nth-of-type(3) a:hover i,.product_list_nav li:nth-of-type(3).on i{ background-position: -42px -294px; } .product_list_nav li:nth-of-type(4) a:hover i,.product_list_nav li:nth-of-type(4).on i{ background-position: -42px -252px; } .product_list_nav li:nth-of-type(5) a:hover i,.product_list_nav li:nth-of-type(5).on i{ background-position: -42px -210px; } .product_list_nav li:nth-of-type(6) a:hover i,.product_list_nav li:nth-of-type(6).on i{ background-position: -42px -168px; } .product_list_nav li:nth-of-type(7) a:hover i,.product_list_nav li:nth-of-type(7).on i{ background-position: -42px -126px; } .product_list_nav li:nth-of-type(8) a:hover i,.product_list_nav li:nth-of-type(8).on i{ background-position: -42px -84px; } .product_list_nav li:nth-of-type(9) a:hover i,.product_list_nav li:nth-of-type(9).on i{ background-position: -42px -42px; } .product_list_nav li:nth-of-type(10) a:hover i,.product_list_nav li:nth-of-type(10).on i{ background-position: -42px 0; } .index_product_list { width: 1080px; padding-left:10px; } .index_product_list ul{ } .index_product_list li{ text-align: center; width: 360px; height: 220px; float: left; position: relative; } .index_product_list li .border_shadow { position: absolute; width: 100%; height: 100%; top:0; left:0; box-shadow: 2px -4px 10px 0px #e0dfdf; transform: rotate(180deg); z-index:9; opacity: 0; } .index_product_list li:hover .border_shadow{ opacity: 1; transition: all .5s; } .index_product_list .border_shadow i { display: block; width: 42px; height: 42px; position: absolute; top:120px; left:162px; background-image: url(img/product_icon.png); background-repeat: no-repeat; transform: rotate(180deg); } .index_product_list li:nth-of-type(1) .border_shadow i { background-position: -42px -336px; } .index_product_list li:nth-of-type(2) .border_shadow i { background-position: -42px -294px; } .index_product_list li:nth-of-type(3) .border_shadow i { background-position: -42px -252px; } .index_product_list li:nth-of-type(4) .border_shadow i { background-position: -42px -210px; } .index_product_list li:nth-of-type(5) .border_shadow i { background-position: -42px -168px; } .index_product_list li:nth-of-type(6) .border_shadow i { background-position: -42px -126px; } .index_product_list li:nth-of-type(7) .border_shadow i { background-position: -42px -84px; } .index_product_list li:nth-of-type(8) .border_shadow i { background-position: -42px -42px; } .index_product_list li:nth-of-type(9) .border_shadow i { background-position: -42px 0; } .index_product_list .border_shadow em { display: block; width: 34px; height: 2px; background-color: #099384; position: absolute; top:80px; left:166px; transform: rotate(180deg) } .index_product_list li a { box-sizing: border-box; display: block; position: absolute; width: 100%; height: 100%; top:0; left:0; margin:20px 0; z-index: 99; } .index_product_list li span { font-size: 20px; color:#9fa0a0; margin-top:20px; display: block; } .index_product_list li:hover span { color: #221815; } .index_product_list li:hover { cursor: pointer; box-shadow: 2px 6px 10px 0px #e0dfdf; transition: all .5s; } .index_product_list li img { opacity: 1; } .index_product_list li:hover img { opacity: 0; transition: all .5s; } .index_product_list li div { height: 123px; display: flex; align-items: center; justify-content: center; } .footer_jiameng { float: right; text-align: right; margin-top: 28px; } .footer_jiameng span { display: block; } .footer_jiameng .title{ font-size: 18px; color:#727171; font-weight:bold; } .footer_jiameng .tel { font-size: 28px; color:#727171; font-family: "Impact"; color: #fff; } .footer_jiameng .tel2 { margin-top: 50px; color: #fff; } .footer_jiameng .time{ font-size: 14px; color:#727171; } /*地暖和温控产品页*/ .dn_wrap { width: 1300px; margin:0 auto; } .dn_title { text-align: center; margin:40px auto; color:#000; } .dn_title p{ font-size: 38px; margin-bottom: 20px; } .dn_title .gray { opacity: .7; } .dn_title span { opacity: .7; font-size: 20px; } .dn_title em { font-style: normal; } .dn_wrap .dn_bg0 { background: url(img/dn_bg0.jpg) no-repeat center; width: 100%; height: 665px; } .dn_wrap .dn_bg1 { background: url(img/dn_bg1.jpg) no-repeat center; width: 100%; height: 713px; } .dn_wrap .dn_bg2 { background: url(img/dn_bg2.jpg) no-repeat center; width: 100%; height: 751px; } .dn_wrap .dn_bg3 { background: url(img/dn_bg3.jpg) no-repeat center; width: 100%; height: 867px; } .dn_wrap .dn_bg4 { background: url(img/dn_bg4.jpg) no-repeat center; width: 100%; height: 209px; } .wenkong_wrap { width: 1080px; margin:0 auto; } .wenkong_wrap .wenkong_bg1 { background: url(img/wenkong_bg1.jpg) no-repeat center; width: 100%; height: 520px; } .wenkong_wrap .wenkong_bg2 { background: url(img/wenkong_bg2.jpg) no-repeat center; width: 100%; height: 658px; } .wenkong_wrap .wenkong_bg3 { background: url(img/wenkong_bg3.jpg) no-repeat center; width: 100%; height: 656px; } .wenkong_wrap .wenkong_bg4 { background: url(img/wenkong_bg4.jpg) no-repeat center; width: 100%; height: 664px; } .wenkong_wrap .wenkong_bg5 { background: url(img/wenkong_bg5.jpg) no-repeat center; width: 100%; height: 677px; } .wenkong_wrap .wenkong_bg6 { background: url(img/wenkong_bg6.jpg) no-repeat center; width: 100%; height: 579px; } .wenkong_wrap .wenkong_bg7 { background: url(img/wenkong_bg7.jpg) no-repeat center; width: 100%; height: 221px; } /*智慧社区单页*/ .shequ_banner { background: url(img/shequ_banner.jpg) no-repeat center; width: 100%; height: 596px; padding-top: 230px; } .shequ_banner { text-align: center; } .shequ_banner_title { width: 700px; margin:0 auto; padding-left: 410px; } .shequ_banner .title { font-size: 48px; color:#fff; } .shequ_banner .des { font-size: 21px; line-height: 40px; width: 954px; margin: 102px auto 0; color: #fff; text-align: left; opacity:.7; } .shequ_bg10 { width: 100%; height: 451px;; padding-top: 90px; background: url(img/shequ_bg10.jpg) no-repeat center; } .shequ_bg10 .title { font-size: 48px; color: #fff; text-align: center; } .shequ_bg10 .title sup { font-size: 18px; vertical-align: top; margin-left:6px; } .shequ_bg10 ul { width: 1062px; overflow: hidden; margin:190px auto 0; } .shequ_bg10 ul li { width: 147px; height: 44px; line-height: 44px; font-size: 20px; text-align: center; color: #fff; float: left; margin: 0 10px; } .shequ_bg10 ul li:nth-of-type(1){ margin-left:44px; } .shequ_bg1 { width: 100%; height: 819px; background: url(img/shequ_bg1.jpg) no-repeat center; padding-top: 20px; } .shequ .big_title { text-align: center; font-size: 30px; /*font-weight: bold;*/ color: #000; background-color: #fff; } .shequ .yellow_title { font-size: 30px; color: #000; line-height: 48px; text-align: center; } .shequ .des_title { font-size: 28px; color:#707070; text-align: center; } .shequ_bg2 { width: 100%; height: 1372px; background: url(img/shequ_bg2.jpg) no-repeat center; padding-top: 20px; } .shequ_bg3 { width: 100%; height: 856px; background: url(img/shequ_bg3.jpg) no-repeat center; padding-top: 20px; } .shequ_bg4 { width: 100%; height: 1164px; background: url(img/shequ_bg4.jpg) no-repeat center; padding-top: 20px; } .shequ_bg5 { width: 100%; height: 1676px; background: url(img/shequ_bg5.jpg) no-repeat center; padding-top: 20px; } .shequ_bg6 { width: 100%; height: 814px; background: url(img/shequ_bg6.jpg) no-repeat center; padding-top: 20px; } .shequ_bg7 { width: 100%; height: 559px; background: url(img/shequ_bg7.jpg) no-repeat center; padding-top: 50px; background-color: #fff; } .shequ_bg8 { width: 100%; height: 752px; background: url(img/shequ_bg8.jpg) no-repeat center; background-color: #fff; } .index_community_wrap { width: 100%; margin:0 auto; } .index_community_wrap a { display: block; height: 541px; background: url(img/community_wrap.jpg) no-repeat center; } .app_down_bg { background: url(img/app_down_bg.jpg) no-repeat center; width: 100%; height: 1200px; } .app_down_content { width: 1100px; height: auto; margin:0 auto; padding-top: 450px; } .app_down_content>a { display: inline-block; width: 258px; height: 54px; cursor: pointer; margin-left: 725px; } .app_down_content .ios_down{ margin-top:40px; } .jiameng_from { display: none; position: absolute; top: 50%; left: 50%; margin-top: -339px; margin-left: -245px; z-index: 999999; width: 490px; padding:40px 60px; border-radius: 10px; background-color: #fff; } .jiameng_from .close { width: 36px; height: 36px; position: absolute; top:-12px; right: -12px; background: url(img/jiameng_close.png) no-repeat; cursor:pointer; } .jiameng_from h3 { text-align: center; color:#474747; font-size: 36px; margin-bottom: 20px; font-weight: normal; } .jiameng_from>p { margin-bottom: 10px; font-size: 14px; color:#999; } .jiameng_from input { display: inline-block; width: 420px; height: 50px; line-height: 50px; border:1px solid #ccc; padding-left: 20px; border-radius: 5px; box-sizing: content-box; } .jiameng_from .form_code { width: 100px; } .jiameng_from .code_img { display: inline-block; vertical-align: middle; } .jiameng_from select { /* border: none; outline: none; */ width: 142px; height: 48px; line-height: 48px; border-radius: 5px; margin-right: 4px; background-color: #f9f9f9; appearance: none; /* -webkit-appearance: none; -moz-appearance: none; */ padding-left: 20px; } .jiameng_from textarea { vertical-align: top; padding:20px; width: 400px; height: 150px; border: 1px solid #ccc; border-radius: 5px; box-sizing: content-box; } .jiameng_from .tijiao { display: block; width: 480px; margin-left: -10px; margin-bottom: 20px; margin-top: 10px; height: 50px; line-height: 50px; background-color: #267ad1; color:#fff; text-align: center; border-radius: 5px; font-size: 18px; } .jiameng_from .total_num { text-align: right; display: block; margin-right:36px; } .jiameng_from .total_num em { font-style: normal; } .top_main_l img{ border:none; width: 141px; height: 27px; } .ewm img{ border:none; width: 100px; height: 100px; } .index_link_list .img_wrap { width: 2.8em; height: 1.77em; text-align: center; color:#fff; background:rgba(41,42,45,0.6); border-bottom: 1px solid #525357; /*box-sizing: border-box;*/ padding-top: 0.48em; position: relative; } .index_link_list .img_wrap:last-child { border-bottom: 0; } .index_link_list .img_wrap .tips { position: absolute; top:0.68em; right: 0; display: block; width: 1.22em; height: 0.25em; display: none; } .index_link_list .img_wrap p { font-size: 0.16em; color:#fff; margin-top: 01em; } .index_link_list .img_wrap a { display: block; width: 0.95em; height: 0.95em; margin:0 auto; transition:all 1s ease 0s; } .index_link_list .img_wrap a img { width: 100%; } .index_link_list .img_wrap .hover_up:hover{ transform:scale(1.2); } .content_title_next { font-size: 16px; color: #221815; text-align: center; line-height: 36px; } .more_wrap{ height: 0.26em; margin: 0 auto; margin-top:0.2em; } .more_wrap.fixed_width { width: 6.32em; } .know_more{ font-size: 14px; line-height: 30px; text-align: center; color: #b5b5b6; margin-left:10em; text-align: center; display: block; float: left; } .know_more:hover { color:#fff; } .more_wrap .know_more:last-child { margin-left:0; margin-right: 10em; float: right; } .lock_img{ margin-top:84px; } .lock_img img{ border: none; margin:0 auto; display:block; } .switch_img img{ border: none; margin:0 auto; display:block; width:3.05em; height:3.05em; } /*.yingrun_switch{ width: 3.04em; height:3.04em; } .chuican_switch{ width: 3.57em; height:3.03em; } .wuji_switch{ width: 4.38em; height:3.08em; }*/ .xiaole{ width: 3.9em; height:5.66em; } .jingang_lock{ display: block; width: 9.22em; height:5.94em; } .switch_img{ margin:1.39em auto; } .switch_wrap .switch:last-child { margin-right:0; } .switch{ width: 6.2em; float:left; background: #fbfbfb; margin-right: 0.1em; padding-top:1.2em; height: 7.88em; } .switch_wrap{ background: #fff; overflow: hidden; margin-top:10px; font-size: calc(100vw/19.2); } .index_news_list .list .month,.index_news_list .list .year,.index_news_list .list .title,.index_news_list .list .des{ font-family: Arial, Helvetica, sans-serif; } .top_ph{ display:inline-block; width:10px; height:10px; margin-top:1px; background:url(img/top_ph.png) no-repeat; margin-left:10px; } .top_p{ display:inline-block; width:10px; height:10px; margin-top:1px; background:url(img/top_p.png) no-repeat; margin-left:10px; } /*酷宝机器人样式*/ .kubao_bg1 { background: url(img/kubao_bg1.jpg) no-repeat center; width: 100%; height: 680px; } .kubao_bg2 { background: url(img/kubao_bg2.jpg) no-repeat center; width: 100%; height: 736px; } .kubao_title { padding-top: 50px; text-align: center; padding-bottom: 50px; } .kubao_title h2 { font-weight: normal; font-size: 42px; color:#727171; } .kubao_title h2 strong,.kubao_title.black h2 { font-weight: normal; color: #343434; } .kubao_title h2 span { font-weight: normal; color: #fff; } .kubao_title p { padding-top: 15px; font-size: 19px; color: #707070; line-height: 32px; } .kubao_title p span { color: #fff; } .kubao_title .gray { color:#727171; } .kubao_title .white { color:#fff; } .kubao_title .yuyin_title { margin-top: 20px; } .kubao_bg3 { background: url(img/kubao_bg3.jpg) no-repeat center; width: 100%; height: 651px; } .kubao_bg4 { background: url(img/kubao_bg4.jpg) no-repeat center; width: 100%; height: 652px; } .kubao_bg5 { background: url(img/kubao_bg5.jpg) no-repeat center; width: 100%; height: 653px; } .kubao_bg6 { background: url(img/kubao_bg6.jpg) no-repeat center; width: 100%; height: 652px; } .kubao_bg7 { background: url(img/kubao_bg7.jpg) no-repeat center; width: 100%; height: 645px; } .kubao_bg8 { background: url(img/kubao_bg8.jpg) no-repeat center; width: 100%; height: 731px; } .kubao_bg9 { background: url(img/kubao_bg9.jpg) no-repeat center; width: 100%; height: 663px; } .kubao_bg10 { background: url(img/kubao_bg10.jpg) no-repeat center; width: 100%; height: 696px; } .kubao_bg11 { background: url(img/kubao_bg11.jpg) no-repeat center; width: 100%; height: 425px; } .bg_gray { background-color: #f9f7f8; } /*全自动门锁*/ .qzdms_bg1 { background: url(img/qzdms_bg1.jpg) no-repeat center; width: 100%; height: 900px; } .qzdms_bg2 { background: url(img/qzdms_bg2.jpg) no-repeat center; width: 100%; height: 898px; } .qzdms_title { padding-top: 50px; text-align: center; padding-bottom: 50px; color:#dcdddd; } .qzdms_title h2 { font-size: 42px; font-weight: normal; margin-bottom: 30px; } .qzdms_title h2 span { color: #727171; } .qzdms_title p { font-size: 19px; margin-top: 10px; } .qzdms_bg3 { background: url(img/qzdms_bg3.jpg) no-repeat center; width: 100%; height: 769px; padding-top: 130px; } .qzdms_bg4 { background: url(img/qzdms_bg4.jpg) no-repeat center; width: 100%; height: 662px; padding-top: 230px; } .qzdms_bg5 { background: url(img/qzdms_bg5.jpg) no-repeat center; width: 100%; height: 808px; padding-top: 100px; } .qzdms_bg6 { background: url(img/qzdms_bg6.jpg) no-repeat center; width: 100%; height: 900px; } .qzdms_bg7 { background: url(img/qzdms_bg7.jpg) no-repeat center; width: 100%; height: 1000px; } .qzdms_bg8 { background: url(img/qzdms_bg8.jpg) no-repeat center; width: 100%; height: 1187px; } .qzdms_bg9 { background: url(img/qzdms_bg9.jpg) no-repeat center; width: 100%; height: 1445px; } .qzdms_bg10 { background: url(img/qzdms_bg10.jpg) no-repeat center; width: 100%; height: 1001px; padding-top: 150px; } .qzdms_bg11 { background: url(img/qzdms_bg11.jpg) no-repeat center; width: 100%; height: 1000px; } .qzdms_bg12 { background: url(img/qzdms_bg12.jpg) no-repeat center; width: 100%; height: 802px; } .qzdms_pao_wrap { width: 1200px; height: 285px; margin:0 auto; position: relative; } @keyframes qzdms_pao { 0%{ top:-50px } 100%{ top:50px; } } .qzdms_pao_wrap .qzdms_pao { width: 285px; height: 285px; animation: 2s linear 0s alternate none infinite running qzdms_pao; } .qzdms_pao_wrap .qzdms_pao1 { background: url(img/qzdms_pao1.png) no-repeat center; position: absolute; top:0; right: 0; } .qzdms_pao_wrap .qzdms_pao2 { background: url(img/qzdms_pao2.png) no-repeat center; position: absolute; top:0; right: 0; } .qzdms_pao_wrap .qzdms_pao3 { background: url(img/qzdms_pao3.png) no-repeat center; position: absolute; top:0; left: 0; } /*智能语音面板*/ .yuyinmb1 { background: url(img/yuyinmb_bg1.jpg) no-repeat center; width: 100%; height: 900px; } .yuyinmb2 { background: url(img/yuyinmb_bg2.jpg) no-repeat center; width: 100%; height: 912px; } .yuyinmb3 { background: url(img/yuyinmb_bg3.jpg) no-repeat center; width: 100%; height: 1039px; overflow: hidden; } .yuyinmb4 { background: url(img/yuyinmb_bg4.jpg) no-repeat center; width: 100%; height: 1002px; } .yuyinmb5 { background: url(img/yuyinmb_bg5.jpg) no-repeat center; width: 100%; height: 766px; } .yuyinmb6 { background: url(img/yuyinmb_bg6.jpg) no-repeat center; width: 100%; height: 1087px; } .yuyinmb7 { background: url(img/yuyinmb_bg7.jpg) no-repeat center; width: 100%; height: 1080px; } .yuyinmb8 { background: url(img/yuyinmb_bg8.jpg) no-repeat center; width: 100%; height: 1078px; } .yuyinmb9 { background: url(img/yuyinmb_bg9.jpg) no-repeat center; width: 100%; height: 1112px; } .yuyinmb10 { background: url(img/yuyinmb_bg10.jpg) no-repeat center; width: 100%; height: 418px; margin-top: -50px; } .yuyinmb3 .kubao_title { width: 1134px; margin: 0 auto; text-align: left; } .yuyinmb3 .kubao_title p { width: 512px; } .ripple_content_wrap { width: 600px; height: 600px; margin:0 auto; position: relative; } .ripple_content_wrap .yuyinmb_dia { background: url(img/yuyinmb_dia.png) no-repeat center; width: 260px; height: 100px; position: absolute; left:20px; bottom: 160px; } .ripple_content { width: 600px; height: 600px; margin-left:-80px; position: relative; } .ripple_content .circle { width: 100%; border: 3px solid #5da2c1; background: rgba(93,162,193,0.5); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#7f5da2c1", endColorstr="#7f5da2c1")\9; border-radius: 50%; height: 100%; -webkit-animation: spread 4s linear infinite; animation: spread 4s linear infinite; position: absolute; top: 0; left: 0; } .ripple_content .circle2 { -webkit-animation-delay: 1s; animation-delay: 1s; } .ripple_content .circle3 { -webkit-animation-delay: 2s; animation-delay: 2s; } .ripple_content .circle4 { -webkit-animation-delay: 3s; animation-delay: 3s; } @keyframes spread { 0% { -webkit-transform: scale(0.2); transform: scale(0.2); opacity: .5; filter: alpha(opacity=50)\9; } 100% { -webkit-transform: scale(3); transform: scale(3); opacity: 0; filter: alpha(opacity=0)\9; } } /*鎏金灯光面板*/ .dengguangmb1 { background: url(img/dengguangmb1.jpg) no-repeat center; width: 100%; height: 900px; } .dengguangmb2 { background: url(img/dengguangmb2.jpg) no-repeat center; width: 100%; height: 1000px; } .dengguangmb3 { background: url(img/dengguangmb3.jpg) no-repeat center; width: 100%; height: 1000px; } .dengguangmb4 { background: url(img/dengguangmb4.jpg) no-repeat center; width: 100%; height: 1000px; } .dengguangmb5 { background: url(img/dengguangmb5.jpg) no-repeat center; width: 100%; height: 1000px; } .dengguangmb6 { background: url(img/dengguangmb6.jpg) no-repeat center; width: 100%; height: 1000px; } .dengguangmb7 { background: url(img/dengguangmb7.jpg) no-repeat center; width: 100%; height: 1000px; } .dengguangmb8 { background: url(img/dengguangmb8.jpg) no-repeat center; width: 100%; height: 1000px; } .dengguangmb9 { background: url(img/dengguangmb9.jpg) no-repeat center; width: 100%; height: 999px; } .dengguangmb10 { background: url(img/dengguangmb10.jpg) no-repeat center; width: 100%; height: 723px; } .dengguangmb11 { background: url(img/dengguangmb11.jpg) no-repeat center; width: 100%; height: 372px; } /*鎏金情景面板*/ .lj_qingjingmb1 { background: url(img/lj_qingjingmb1.jpg) no-repeat center; width: 100%; height: 900px; } .lj_qingjingmb2 { background: url(img/lj_qingjingmb2.jpg) no-repeat center; width: 100%; height: 1000px; } .lj_qingjingmb3 { background: url(img/lj_qingjingmb3.jpg) no-repeat center; width: 100%; height: 1000px; } .lj_qingjingmb4 { background: url(img/lj_qingjingmb4.jpg) no-repeat center; width: 100%; height: 1000px; } .lj_qingjingmb5 { background: url(img/lj_qingjingmb5.jpg) no-repeat center; width: 100%; height: 1000px; } .lj_qingjingmb6 { background: url(img/lj_qingjingmb6.jpg) no-repeat center; width: 100%; height: 1000px; } .lj_qingjingmb7 { background: url(img/lj_qingjingmb7.jpg) no-repeat center; width: 100%; height: 1000px; } .lj_qingjingmb9 { background: url(img/lj_qingjingmb9.jpg) no-repeat center; width: 100%; height: 999px; } .lj_qingjingmb11 { background: url(img/lj_qingjingmb11.jpg) no-repeat center; width: 100%; height: 420px; } /*鎏金调光面板*/ .lj_tiaoguangmb1 { background: url(img/lj_tiaoguangmb1.jpg) no-repeat center; width: 100%; height: 900px; } .lj_tiaoguangmb2 { background: url(img/lj_tiaoguangmb2.jpg) no-repeat center; width: 100%; height: 1000px; } .lj_tiaoguangmb3 { background: url(img/lj_tiaoguangmb3.jpg) no-repeat center; width: 100%; height: 1000px; } .lj_tiaoguangmb4 { background: url(img/lj_tiaoguangmb4.jpg) no-repeat center; width: 100%; height: 1000px; } .lj_tiaoguangmb5 { background: url(img/lj_tiaoguangmb5.jpg) no-repeat center; width: 100%; height: 1000px; } .lj_tiaoguangmb6 { background: url(img/lj_tiaoguangmb6.jpg) no-repeat center; width: 100%; height: 1000px; } .lj_tiaoguangmb7 { background: url(img/lj_tiaoguangmb7.jpg) no-repeat center; width: 100%; height: 386px; } .lj_tiaoguang_title_wrap { width: 1326px; margin: 0 auto; padding-top: 190px; } .lj_tiaoguang_title_wrap .lj_tiaoguang_title { width: 666px; height: 197px; padding-top: 50px; background:rgba(255,255,255,0.6); color: #343434; } .lj_tiaoguang_title h2 { font-size: 40px; width: 568px; margin:0 auto; font-size: normal; font-weight: normal; } .lj_tiaoguang_title p { font-size: 20px; width: 568px; margin:28px auto 0; line-height: 36px; } /*鎏金插座面板*/ .lj_chazuomb1 { background: url(img/lj_chazuomb1.jpg) no-repeat center; width: 100%; height: 900px; } .lj_chazuomb2 { background: url(img/lj_chazuomb2.jpg) no-repeat center; width: 100%; height: 1000px; } .lj_chazuomb3 { background: url(img/lj_chazuomb3.jpg) no-repeat center; width: 100%; height: 1000px; } .lj_chazuomb4 { background: url(img/lj_chazuomb4.jpg) no-repeat center; width: 100%; height: 1000px; } .lj_chazuomb5 { background: url(img/lj_chazuomb5.jpg) no-repeat center; width: 100%; height: 1000px; } .lj_chazuomb6 { background: url(img/lj_chazuomb6.jpg) no-repeat center; width: 100%; height: 1000px; } .lj_chazuomb7 { background: url(img/lj_chazuomb7.jpg) no-repeat center; width: 100%; height: 1000px; } .lj_chazuomb8 { background: url(img/lj_chazuomb8.jpg) no-repeat center; width: 100%; height: 1000px; } .lj_chazuomb9 { background: url(img/lj_chazuomb9.jpg) no-repeat center; width: 100%; height: 305px; } /*zigbee双路调光器*/ .sl_tjq1 { background: url(img/sl_tjq1.jpg) no-repeat center; width: 100%; height: 900px; } .sl_tjq2 { background: url(img/sl_tjq2.jpg) no-repeat center; width: 100%; height: 1000px; } .sl_tjq3 { background: url(img/sl_tjq3.jpg) no-repeat center; width: 100%; height: 1000px; } .sl_tjq4 { background: url(img/sl_tjq4.jpg) no-repeat center; width: 100%; height: 1000px; } .sl_tjq5 { background: url(img/sl_tjq5.jpg) no-repeat center; width: 100%; height: 1000px; } .sl_tjq6 { background: url(img/sl_tjq6.jpg) no-repeat center; width: 100%; height: 401px; } .lj_chazuomb_pao_wrap { width: 1000px; height: 570px; margin: 0 auto; position: relative; } .lj_chazuomb_pao_wrap .lj_chazuomb_pao1 { background: url(img/lj_chazuomb_pao1.png) no-repeat center; position: absolute; top: 0; right: 25px; } .lj_chazuomb_pao_wrap .lj_chazuomb_pao2 { background: url(img/lj_chazuomb_pao2.png) no-repeat center; position: absolute; top: 275px; left: 155px; } @keyframes lj_chazuomb_pao { 0%{ top:-50px } 100%{ top:50px; } } @keyframes lj_chazuomb_paos { 0%{ top:222px } 100%{ top:325px; } } .lj_chazuomb_pao_wrap .lj_chazuomb_pao1,.lj_chazuomb_pao_wrap .lj_chazuomb_pao3 { width: 290px; height: 290px; animation: 2s linear 0s alternate none infinite running lj_chazuomb_pao; } .lj_chazuomb_pao_wrap .lj_chazuomb_pao2 { width: 290px; height: 290px; animation: 2s linear 0s alternate none infinite running lj_chazuomb_paos; } .lj_chazuomb_pao_wrap .lj_chazuomb_pao3 { background: url(img/lj_chazuomb_pao3.png) no-repeat center; position: absolute; top: 50px; left: -56px; } /*调光面板*/ .lj_tgmb1 { background: url(img/lj_tgmb1.jpg) no-repeat center; width: 100%; height: 900px; } .lj_tgmb2 { background: url(img/lj_tgmb2.jpg) no-repeat center; width: 100%; height: 1000px; } .lj_tgmb3 { background: url(img/lj_tgmb3.jpg) no-repeat center; width: 100%; height: 1000px; } .lj_tgmb4 { background: url(img/lj_tgmb4.jpg) no-repeat center; width: 100%; height: 1000px; } .lj_tgmb5 { background: url(img/lj_tgmb5.jpg) no-repeat center; width: 100%; height: 1000px; } .lj_tgmb6 { background: url(img/lj_tgmb6.jpg) no-repeat center; width: 100%; height: 1000px; } .lj_tgmb7 { background: url(img/lj_tgmb7.jpg) no-repeat center; width: 100%; height: 1000px; } .lj_tgmb8 { background: url(img/lj_tgmb8.jpg) no-repeat center; width: 100%; height: 1000px; } .lj_tgmb9 { background: url(img/lj_tgmb9.jpg) no-repeat center; width: 100%; height: 1000px; } .lj_tgmb11 { background: url(img/lj_tgmb11.jpg) no-repeat center; width: 100%; height: 313px; } .index_video_pre { width: 100%; cursor:pointer; } .index_prdouct_show { overflow:hidden; width: 1100px; margin:0 auto; position: relative; } .index_prdouct_show li { width: 220px; float: left; box-sizing: border-box; text-align: center; font-size: 24px; border-right: 1px solid #b5b7b6; padding:20px 0; } .index_prdouct_show li:nth-of-type(1),.index_prdouct_show li:nth-of-type(2),.index_prdouct_show li:nth-of-type(3),.index_prdouct_show li:nth-of-type(4),.index_prdouct_show li:nth-of-type(5){ border-bottom: 1px solid #b5b7b6; } .index_prdouct_show li:nth-of-type(5n) { border-right: 0; } .index_prdouct_show li i { display: block; width: 50px; height: 50px; margin: 0 auto 24px; background-image: url(img/index_product_icon.png); background-repeat: no-repeat; } .index_prdouct_show li:nth-of-type(2) i { background-position: 0 -50px; } .index_prdouct_show li:nth-of-type(3) i { background-position: 0 -100px; } .index_prdouct_show li:nth-of-type(4) i { background-position: 0 -150px; } .index_prdouct_show li:nth-of-type(5) i { background-position: 0 -200px; } .index_prdouct_show li:nth-of-type(6) i { background-position: 0 -250px; } .index_prdouct_show li:nth-of-type(7) i { background-position: 0 -300px; } .index_prdouct_show li:nth-of-type(8) i { background-position: 0 -350px; } .index_prdouct_show li:nth-of-type(9) i { background-position: 0 -400px; } .index_prdouct_show li:nth-of-type(10) i { background-position: 0 -450px; } .index_prdouct_show li a { cursor:pointer; } .index_prdouct_show li a:hover { color:#343434; } .index_prdouct_show li i { transition:all 1s ease 0s; } .index_prdouct_show li:hover i{ transform:scale(1.3); } .index_anli_wrap { background: #fff; padding: 0 0.6em; overflow: hidden; font-size: calc(100vw/19.2); } .index_anli_wrap .img_text { width: 4.46em; float: left; background: #efefef; height: 6em; } .index_anli_wrap .img_text .title { font-size: 0.38em; margin-top: 6.3em; margin-left: 1em; } .index_anli_wrap .img_text .des { font-size: 0.18em; margin-top: 1.4em; margin-left: 2em; margin-right:3.8em; line-height: 1.4; } .index_anli_wrap .img_wrap { width: 13.3em; float: left; height: 6em; /*margin-left: 0.04em;*/ } .index_anli_wrap .img_wrap img { display: block; width: 100%; } .anli_picScroll li { width: 4.42em; float: left; margin-left: .02em; } .anli_picScroll li img { display: block; height: 2.6em; width: 100%; } .anli_picScroll li p { font-size: 0.24em; height: 3.1em; line-height: 3.1em; background: #efefef; text-align: center; } /*鎏金窗帘面板*/ .chuanglianmb1 { background: url(img/chuanglianmb1.jpg) no-repeat center; width: 100%; height: 900px; } .chuanglianmb2 { background: url(img/chuanglianmb2.jpg) no-repeat center; width: 100%; height: 1000px; } .chuanglianmb3 { background: url(img/chuanglianmb3.jpg) no-repeat center; width: 100%; height: 1000px; } .chuanglianmb4 { background: url(img/chuanglianmb4.jpg) no-repeat center; width: 100%; height: 1001px; } .chuanglianmb5 { background: url(img/chuanglianmb5.jpg) no-repeat center; width: 100%; height: 999px; } .chuanglianmb6 { background: url(img/chuanglianmb6.jpg) no-repeat center; width: 100%; height: 1000px; } .chuanglianmb7 { background: url(img/chuanglianmb7.jpg) no-repeat center; width: 100%; height: 1000px; } .chuanglianmb8 { background: url(img/chuanglianmb8.jpg) no-repeat center; width: 100%; height: 1000px; } .chuanglianmb9 { background: url(img/chuanglianmb9.jpg) no-repeat center; width: 100%; height: 721px; } .chuanglianmb10 { background: url(img/chuanglianmb10.jpg) no-repeat center; width: 100%; height: 495px; } /*猫眼*/ .maoyan1 { background: url(img/maoyan1.jpg) no-repeat center; width: 100%; height: 900px; } .maoyan2 { background: url(img/maoyan2.jpg) no-repeat center; width: 100%; height: 1000px; } .maoyan3 { background: url(img/maoyan3.jpg) no-repeat center; width: 100%; height: 1000px; } .maoyan4 { background: url(img/maoyan4.jpg) no-repeat center; width: 100%; height: 1000px; } .maoyan5 { background: url(img/maoyan5.jpg) no-repeat center; width: 100%; height: 1000px; } .maoyan6 { background: url(img/maoyan6.jpg) no-repeat center; width: 100%; height: 1000px; } .maoyan7 { background: url(img/maoyan7.jpg) no-repeat center; width: 100%; height: 1000px; } .maoyan8 { background: url(img/maoyan8.jpg) no-repeat center; width: 100%; height: 1000px; } .maoyan9 { background: url(img/maoyan9.jpg) no-repeat center; width: 100%; height: 1000px; } .maoyan10 { background: url(img/maoyan10.jpg) no-repeat center; width: 100%; height: 1000px; } .maoyan11 { background: url(img/maoyan11.jpg) no-repeat center; width: 100%; height: 1000px; } .maoyan12 { background: url(img/maoyan12.jpg) no-repeat center; width: 100%; height: 1000px; } .maoyan13 { background: url(img/maoyan13.jpg) no-repeat center; width: 100%; height: 1000px; } /*A8室内机*/ .indoor1 { background: url(img/indoor1.png) no-repeat center; width: 100%; height: 900px; } .indoor2 { background: url(img/indoor2.png) no-repeat center; width: 100%; height: 1000px; } .indoor3 { background: url(img/indoor3.png) no-repeat center; width: 100%; height: 1000px; } .indoor4 { background: url(img/indoor4.png) no-repeat center; width: 100%; height: 1000px; } .indoor5 { background: url(img/indoor5.png) no-repeat center; width: 100%; height: 1000px; } .indoor6 { background: url(img/indoor6.png) no-repeat center; width: 100%; height: 1573px; } .indoor7 { background: url(img/indoor7.png) no-repeat center; width: 100%; height: 1194px; } .indoor8 { background: url(img/indoor8.png) no-repeat center; width: 100%; height: 806px; } .indoor9 { background: url(img/indoor9.png) no-repeat center; width: 100%; height: 939px; } .indoor10 { background: url(img/indoor10.png) no-repeat center; width: 100%; height: 789px; } .indoor11 { background: url(img/indoor11.png) no-repeat center; width: 100%; height: 901px; } .indoor12 { background: url(img/indoor12.png) no-repeat center; width: 100%; height: 999px; } .indoor13 { background: url(img/indoor13.png) no-repeat center; width: 100%; height: 1001px; } .indoor14 { background: url(img/indoor14.jpg) no-repeat center; width: 100%; height: 519px; } /*A5智慧屏*/ .media1 { background: url(img/media1.png) no-repeat center; width: 100%; height: 900px; } .media2 { background: url(img/media2.png) no-repeat center; width: 100%; height: 1000px; } .media3 { background: url(img/media3.png) no-repeat center; width: 100%; height: 1000px; } .media4 { background: url(img/media4.png) no-repeat center; width: 100%; height: 1000px; } .media5 { background: url(img/media5.png) no-repeat center; width: 100%; height: 1000px; } .media6 { background: url(img/media6.png) no-repeat center; width: 100%; height: 1000px; } .media7 { background: url(img/media7.png) no-repeat center; width: 100%; height: 1000px; } .media8 { background: url(img/media8.png) no-repeat center; width: 100%; height: 1000px; } .media9 { background: url(img/media9.png) no-repeat center; width: 100%; height: 1000px; } .media10 { background: url(img/media10.png) no-repeat center; width: 100%; height: 1000px; } .media11 { background: url(img/media11.jpg) no-repeat center; width: 100%; height: 553px; } .media12 { background: url(img/media12.jpg) no-repeat center; width: 100%; height: 1000px; } .media6 .tag_wrap { width: 1252px; height: 624px; margin:0 auto; position: relative; } .media6 .tag_wrap .tag { display: block; width: 226px; height: 70px; border-radius: 35px; position: absolute; font-size: 22px; line-height: 70px; text-align: center; background-color: #dbdbdb; } .media6 .tag_wrap .tag1 { left: 340px; top:0; background: #c3cbcd; } .media6 .tag_wrap .tag2 { left: 700px; top:58px; background: #d0dbdd; } .media6 .tag_wrap .tag3 { left: 47px; top:129px; } .media6 .tag_wrap .tag4 { left: 970px; top:166px; background: #d5d9da; } .media6 .tag_wrap .tag5 { left: 180px; top:240px; background: #d5d9da; } .media6 .tag_wrap .tag6 { left: 896px; top:318px; background: #c3cbcd; } .media6 .tag_wrap .tag7 { left: 0; top:340px; background: #d0dbdd; } .media6 .tag_wrap .tag8 { right: 0; top:414px; background: #c3cbcd; } .media6 .tag_wrap .tag9 { left: 194px; top:519px; } .media6 .tag_wrap .tag10 { left: 816px; top:560px; } .media4_bg_main { width: 800px; margin: 60px auto; position: relative; } @keyframes media_bg_main_bgone { 0%{ top:30px } 100%{ top:100px; } } @keyframes media_bg_main_bgtwo { 0%{ top:140px } 100%{ top:210px; } } .media4_bg_main .bg1 { animation:2s linear 0s alternate none infinite running media_bg_main_bgone; background:url(img/media4_bg_main_bg1.png) no-repeat; width:305px; height:305px; position:absolute; top:102px; left:60px; } .media4_bg_main .bg2 { animation:2s linear 0s alternate none infinite running media_bg_main_bgtwo; background:url(img/media4_bg_main_bg2.png) no-repeat; width:305px; height:305px; position:absolute; top:210px; right:0px; } /*智能床*/ .zhinengchuang1 { background: url(img/zhinengchuang1.jpg) no-repeat center; width: 100%; height: 1000px; } .zhinengchuang2 { background: url(img/zhinengchuang2.jpg) no-repeat center; width: 100%; height: 1000px; } .zhinengchuang3 { background: url(img/zhinengchuang3.jpg) no-repeat center; width: 100%; height: 1000px; } .zhinengchuang4 { background: url(img/zhinengchuang4.jpg) no-repeat center; width: 100%; height: 1000px; } .zhinengchuang5 { background: url(img/zhinengchuang5.jpg) no-repeat center; width: 100%; height: 1000px; } .zhinengchuang6 { background: url(img/zhinengchuang6.jpg) no-repeat center; width: 100%; height: 1000px; } .zhinengchuang7 { background: url(img/zhinengchuang7.jpg) no-repeat center; width: 100%; height: 1000px; } .zhinengchuang4_bg_main { width: 800px; margin: 0 auto; position: relative; } @keyframes zhinengchuang_bg_main_bgone { 0%{ top:180px } 100%{ top:300px; } } @keyframes zhinengchuang_bg_main_bgtwo { 0%{ top:180px } 100%{ top:300px; } } .zhinengchuang4_bg_main .bg1 { animation:2s linear 0s alternate none infinite running zhinengchuang_bg_main_bgone; background:url(img/zhinengchuang4_bg_main_bg1.png) no-repeat; width:305px; height:305px; position:absolute; top:102px; left:0px; } .zhinengchuang4_bg_main .bg2 { animation:2s linear 0s alternate none infinite running zhinengchuang_bg_main_bgtwo; background:url(img/zhinengchuang4_bg_main_bg2.png) no-repeat; width:305px; height:305px; position:absolute; top:210px; right:-300px; } /*智能锁s1*/ .zhinengsuos1_1 { background: url(img/zhinengsuos1_1.jpg) no-repeat center; width: 100%; height: 900px; } .zhinengsuos1_2 { background: url(img/zhinengsuos1_2.jpg) no-repeat center; width: 100%; height: 1000px; } .zhinengsuos1_3 { background: url(img/zhinengsuos1_3.jpg) no-repeat center; width: 100%; height: 1000px; } .zhinengsuos1_4 { background: url(img/zhinengsuos1_4.jpg) no-repeat center; width: 100%; height: 1000px; } .zhinengsuos1_5 { background: url(img/zhinengsuos1_5.jpg) no-repeat center; width: 100%; height: 1000px; } .zhinengsuos1_6 { background: url(img/zhinengsuos1_6.jpg) no-repeat center; width: 100%; height: 1000px; } .zhinengsuos1_7 { background: url(img/zhinengsuos1_7.jpg) no-repeat center; width: 100%; height: 1000px; } .zhinengsuos1_8 { background: url(img/zhinengsuos1_8.jpg) no-repeat center; width: 100%; height: 1000px; } .zhinengsuos1_9 { background: url(img/zhinengsuos1_9.jpg) no-repeat center; width: 100%; height: 1000px; } .zhinengsuos1_10 { background: url(img/zhinengsuos1_10.jpg) no-repeat center; width: 100%; height: 1000px; } .zhinengsuos1_11 { background: url(img/zhinengsuos1_11.jpg) no-repeat center; width: 100%; height: 1000px; } .zhinengsuos1_12 { background: url(img/zhinengsuos1_12.jpg) no-repeat center; width: 100%; height: 558px; } /*智能锁s2*/ .zhinengsuos2_1 { background: url(img/zhinengsuos2_1.jpg) no-repeat center; width: 100%; height: 900px; } .zhinengsuos2_2 { background: url(img/zhinengsuos2_2.jpg) no-repeat center; width: 100%; height: 1000px; } .zhinengsuos2_3 { background: url(img/zhinengsuos2_3.jpg) no-repeat center; width: 100%; height: 1000px; } .zhinengsuos2_4 { background: url(img/zhinengsuos2_4.jpg) no-repeat center; width: 100%; height: 1000px; } .zhinengsuos2_5 { background: url(img/zhinengsuos2_5.jpg) no-repeat center; width: 100%; height: 1000px; } .zhinengsuos2_6 { background: url(img/zhinengsuos2_6.jpg) no-repeat center; width: 100%; height: 1000px; } .zhinengsuos2_7 { background: url(img/zhinengsuos2_7.jpg) no-repeat center; width: 100%; height: 1000px; } .zhinengsuos2_8 { background: url(img/zhinengsuos2_8.jpg) no-repeat center; width: 100%; height: 1000px; } .zhinengsuos2_9 { background: url(img/zhinengsuos2_9.jpg) no-repeat center; width: 100%; height: 1000px; } .zhinengsuos2_10 { background: url(img/zhinengsuos2_10.jpg) no-repeat center; width: 100%; height: 1000px; } .zhinengsuos2_11 { background: url(img/zhinengsuos2_11.jpg) no-repeat center; width: 100%; height: 561px; } .zhinengsuos2_12 { background: url(img/zhinengsuos2_12.jpg) no-repeat center; width: 100%; height: 600px; } /*智能锁s3*/ .zhinengsuos3_1 { background: url(img/zhinengsuos3_1.jpg) no-repeat center; width: 100%; height: 900px; } .zhinengsuos3_2 { background: url(img/zhinengsuos3_2.jpg) no-repeat center; width: 100%; height: 1000px; } .zhinengsuos3_3 { background: url(img/zhinengsuos3_3.jpg) no-repeat center; width: 100%; height: 1000px; } .zhinengsuos3_4 { background: url(img/zhinengsuos3_4.jpg) no-repeat center; width: 100%; height: 1000px; } .zhinengsuos3_5 { background: url(img/zhinengsuos3_5.jpg) no-repeat center; width: 100%; height: 1000px; } .zhinengsuos3_6 { background: url(img/zhinengsuos3_6.jpg) no-repeat center; width: 100%; height: 1000px; } .zhinengsuos3_7 { background: url(img/zhinengsuos3_7.jpg) no-repeat center; width: 100%; height: 1000px; } .zhinengsuos3_8 { background: url(img/zhinengsuos3_8.jpg) no-repeat center; width: 100%; height: 1000px; } .zhinengsuos3_9 { background: url(img/zhinengsuos3_9.jpg) no-repeat center; width: 100%; height: 1000px; } .zhinengsuos3_10 { background: url(img/zhinengsuos3_10.jpg) no-repeat center; width: 100%; height: 1000px; } .zhinengsuos3_11 { background: url(img/zhinengsuos3_11.jpg) no-repeat center; width: 100%; height: 1000px; } .zhinengsuos3_12 { background: url(img/zhinengsuos3_12.jpg) no-repeat center; width: 100%; height: 562px; } /*晾衣架*/ .liangyijia1 { background: url(img/liangyijia1.jpg) no-repeat center; width: 100%; height: 900px; } .liangyijia2 { background: url(img/liangyijia2.jpg) no-repeat center; width: 100%; height: 1000px; } .liangyijia3 { background: url(img/liangyijia3.jpg) no-repeat center; width: 100%; height: 1100px; } .liangyijia4 { background: url(img/liangyijia4.jpg) no-repeat center; width: 100%; height: 900px; } .liangyijia5 { background: url(img/liangyijia5.jpg) no-repeat center; width: 100%; height: 900px; } .liangyijia6 { background: url(img/liangyijia6.jpg) no-repeat center; width: 100%; height: 900px; } .liangyijia7 { background: url(img/liangyijia7.jpg) no-repeat center; width: 100%; height: 900px; } .liangyijia8 { background: url(img/liangyijia8.jpg) no-repeat center; width: 100%; height: 2300px; } .liangyijia9 { background: url(img/liangyijia9.jpg) no-repeat center; width: 100%; height: 900px; } .liangyijia10 { background: url(img/liangyijia10.jpg) no-repeat center; width: 100%; height: 900px; } .liangyijia11 { background: url(img/liangyijia11.jpg) no-repeat center; width: 100%; height: 900px; } .yijiawrap { overflow: hidden; width: 1840px; margin:690px auto 0; } .yijiawrap li { font-size: 26px; color: #000; line-height: 26px; width: 456px; text-align: center; float: left; margin-right:5px; } .yijiawrap li:last-child { margin-right: 0px; } .yijiawrap li span { font-size: 21px; color: #707070; margin-top: 20px; display: block; } .yijia_wrap { width: 1200px; margin: 0 auto; } /*更多产品推荐*/ .more_product_wrap { width: 100%; background-color: #f6f6f6; padding-bottom: 50px; } .more_product_wrap>p{ font-size: 20px; font-weight: normal; color: #221815; text-align: center; height: 100px; line-height:100px; } .more_product { width: 1200px; margin:0 auto; overflow: hidden; } .more_product li { float: left; background: #fff; width: 300px; padding: 20px 38px; margin-right: 30px; transition: All 0.5s ease-in-out; -webkit-transition: All 0.5s ease-in-out; -moz-transition: All 0.5s ease-in-out; -o-transition: All 0.5s ease-in-out; } .more_product li:hover{ transform: scale(1.05); transform: translate(0,-10px); -webkit-transform: translate(0,-10px); -moz-transform: translate(0,-10px); -o-transform: translate(0,-10px); -ms-transform: translate(0,-10px); } .more_product li:last-child { margin-right: 0px; } .more_product li a,.more_product li img { display: block; max-width: 100%; margin:0 auto; } .more_product li img { height: 100%; } .more_product li h3{ font-size: 20px; font-weight: normal; color: #221815; margin: 10px auto; } .more_product li p { font-size: 18px; color: #898989; line-height: 24px; height: 48px; overflow: hidden; } .more_product li .img_wrap { height: 210px; } /*智屏a10*/ .indoor10_1 { background: url(img/indoor10_1.jpg) no-repeat center; width: 100%; height: 900px; } .indoor10_2 { background: url(img/indoor10_2.jpg) no-repeat center; width: 100%; height: 1000px; } .indoor10_3 { background: url(img/indoor10_3.jpg) no-repeat center; width: 100%; height: 1000px; } .indoor10_4 { background: url(img/indoor10_4.jpg) no-repeat center; width: 100%; height: 1000px; } .indoor10_5 { background: url(img/indoor10_5.jpg) no-repeat center; width: 100%; height: 1000px; } .indoor10_6 { background: url(img/indoor10_6.jpg) no-repeat center; width: 100%; height: 1000px; } .indoor10_7 { background: url(img/indoor10_7.jpg) no-repeat center; width: 100%; height: 850px; } .indoor10_8 { background: url(img/indoor10_8.jpg) no-repeat center; width: 100%; height: 898px; } .indoor10_9 { background: url(img/indoor10_9.jpg) no-repeat center; width: 100%; height: 900px; } .indoor10_10 { background: url(img/indoor10_10.jpg) no-repeat center; width: 100%; height: 900px; } .indoor10_11 { background: url(img/indoor10_11.jpg) no-repeat center; width: 100%; height: 570px; } .indoor10_12 { background: url(img/indoor10_12.jpg) no-repeat center; width: 100%; height: 961px; } .indoor10_13 { background: url(img/indoor10_13.jpg) no-repeat center; width: 100%; height: 569px; } .indoor10_14 { background: url(img/indoor10_14.jpg) no-repeat center; width: 100%; height: 900px; } .indoor10_15 { background: url(img/indoor10_15.jpg) no-repeat center; width: 100%; height: 570px; } .indoor10_16 { background: url(img/indoor10_16.jpg) no-repeat center; width: 100%; height: 900px; } .indoor10_17 { background: url(img/indoor10_17.jpg) no-repeat center; width: 100%; height: 751px; } .indoor10_18 { background: url(img/indoor10_18.jpg) no-repeat center; width: 100%; height: 900px; } .indoor10_19 { background: url(img/indoor10_19.jpg) no-repeat center; width: 100%; height: 1255px; } .indoor10_20 { background: url(img/indoor10_20.jpg) no-repeat center; width: 100%; height: 1000px; } .indoor10_21 { background: url(img/indoor10_21.jpg) no-repeat center; width: 100%; height: 1400px; } .indoor10_22 { background: url(img/indoor10_22.jpg) no-repeat center; width: 100%; height: 610px; } /*智屏A4*/ .media4_1 { background: url(img/media4_1.jpg) no-repeat center; width: 100%; height: 900px; } .media4_2 { background: url(img/media4_2.jpg) no-repeat center; width: 100%; height: 1000px; } .media4_3 { background: url(img/media4_3.jpg) no-repeat center; width: 100%; height: 1000px; } .media4_4 { background: url(img/media4_4.jpg) no-repeat center; width: 100%; height: 1000px; display: none; } .media4_5 { background: url(img/media4_5.jpg) no-repeat center; width: 100%; height: 1000px; } .media4_6 { background: url(img/media4_6.jpg) no-repeat center; width: 100%; height: 1000px; } .media4_7 { background: url(img/media4_7.jpg) no-repeat center; width: 100%; height: 1000px; } .media4_8 { background: url(img/media4_8.jpg) no-repeat center; width: 100%; height: 1000px; } .media4_9 { background: url(img/media4_9.jpg) no-repeat center; width: 100%; height: 1000px; } .media4_10 { background: url(img/media4_10.jpg) no-repeat center; width: 100%; height: 1000px; } .media4_11 { background: url(img/media4_11.jpg) no-repeat center; width: 100%; height: 1000px; } .media4_12 { background: url(img/media4_12.jpg) no-repeat center; width: 100%; height: 1000px; } .media4_13 { background: url(img/media4_13.jpg) no-repeat center; width: 100%; height: 551px; } /*第一个气泡动画*/ .media4_4_bg_main { width: 800px; margin: 60px auto; position: relative; } @keyframes media4_bg_main_bgone { 0%{ top:30px } 100%{ top:100px; } } @keyframes media4_bg_main_bgtwo { 0%{ top:140px } 100%{ top:210px; } } .media4_4_bg_main .bg1 { animation:2s linear 0s alternate none infinite running media4_bg_main_bgone; background:url(img/media4_bg4_main_bg1.png) no-repeat; width:305px; height:305px; position:absolute; top:102px; left:60px; } .media4_4_bg_main .bg2 { animation:2s linear 0s alternate none infinite running media4_bg_main_bgtwo; background:url(img/media4_bg4_main_bg2.png) no-repeat; width:305px; height:305px; position:absolute; top:210px; right:0px; } /*第二个气泡动画*/ .media4_4_bg_main2 { width: 800px; margin: 60px auto; position: relative; } @keyframes media4_bg_main2_bgone { 0%{ top:130px } 100%{ top:240px; } } .media4_4_bg_main2 .bg1 { animation:2s linear 0s alternate none infinite running media4_bg_main2_bgone; background:url(img/media4_bg4_main2_bg1.png) no-repeat; width:305px; height:305px; position:absolute; top:102px; left:60px; } .media4_4_bg_main2 .bg2 { animation:2s linear 0s alternate none infinite running media4_bg_main2_bgone; background:url(img/media4_bg4_main2_bg2.png) no-repeat; width:305px; height:305px; position:absolute; top:210px; right:0px; }