﻿html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}html{line-height:1}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}q,blockquote{quotes:none}q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}a img{border:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}*{-webkit-tap-highlight-color:transparent}body,html{width:100%;position:relative;color:#000;font-family:"微軟正黑體"}a{text-decoration:none;outline:none;-moz-transition:all,.4s;-o-transition:all,.4s;-webkit-transition:all,.4s;transition:all,.4s}.hide{zoom:1;filter:alpha(opacity=0);opacity:0}.wrap{width:100%;min-width:1000px;position:relative}.wrap img{display:block;width:100%}.wrap .content{width:1000px;margin:auto;position:relative}.header{width:100%;height:46px;border-bottom:1px solid #d4d4d4;position:relative;z-index:99}.header .content{height:46px}.header .content a{display:block;text-indent:200%;white-space:nowrap;overflow:hidden}.header .logo1{width:384px;height:61px;background:url(../images/header_logo1.png) no-repeat;position:absolute;top:0;left:0}.header .logo1 .robot_logo{width:140px;height:60px;position:absolute;top:0;left:20px}.header .logo1 .blueair_logo{width:165px;height:60px;position:absolute;top:0;left:177px}.header .logo2{width:241px;height:61px;background:url(../images/header_logo2.png) no-repeat;position:absolute;top:0;right:0}.header .logo2 .facebook{width:33px;height:33px;background:url(../images/fb_btn.png) no-repeat top;position:absolute;top:13px;left:25px;-moz-transition:all,0s;-o-transition:all,0s;-webkit-transition:all,0s;transition:all,0s}.header .logo2 .facebook:hover{background:url(../images/fb_btn.png) no-repeat bottom}.header .logo2 .mobile01_logo{width:160px;height:60px;position:absolute;top:0;left:70px}.kv{width:100%;height:510px;background:url(../images/kv.jpg) no-repeat center;position:relative}.kv .content{height:510px}.kv h1{display:none}.kv a.sell{display:block;padding:2px 34px 2px 10px;color:#333;font-size:28px;line-height:36px;font-weight:bold;border:1px solid #333;box-sizing:border-box;background:url(../images/a_icon1.png) no-repeat 92% center;position:absolute;top:210px;right:58px;letter-spacing:2px}.kv a.sell:hover{background:#333 url(../images/a_icon2.png) no-repeat 92% center;color:#fff}.footer{width:100%;height:36px;background:#fff;border-top:1px solid #666;font-size:13px;line-height:36px;color:#333;text-align:center}.main{width:100%;background:url(../images/main_bg.jpg)}.area1{width:1000px;margin:auto;position:relative}.area1 h2{width:1000px;height:80px;background:url(../images/area1_title.png) no-repeat;text-indent:200%;white-space:nowrap;overflow:hidden}.area1 .info{width:1000px;overflow:hidden}.area1 .info .item{width:500px;float:left}.area1 .info .item .pic{position:relative}.area1 .info .item .pic a{display:block;width:280px;height:34px;font-size:22px;line-height:34px;border:1px solid #64a70d;color:#64a70d;text-align:center;font-weight:bold;position:absolute;top:285px;left:110px}.area1 .info .item .pic a:hover{background:#64a70d;color:#fff}.area1 .info .item .pic a.product_link{width:500px;height:270px;position:absolute;top:0px;left:0px;border:none;text-indent:200%;white-space:nowrap;overflow:hidden}.area1 .info .item .pic a.product_link:hover{background:none}.area1 .info .item .video{width:400px;height:225px;margin:auto;overflow:hidden}.area1 .info .item .video ul li{float:left}.area1 .info .item .video ul li a{display:block;position:relative}.area1 .info .item .video ul li a::before{content:"";display:block;width:70px;height:40px;background:rgba(0,0,0,0.6);border-radius:10px;position:absolute;top:50%;left:50%;z-index:1;-moz-transform:translate(-35px, -20px);-ms-transform:translate(-35px, -20px);-webkit-transform:translate(-35px, -20px);transform:translate(-35px, -20px)}.area1 .info .item .video ul li a::after{content:"";display:block;height:0px;width:0px;border-color:transparent transparent transparent #64a70d;border-style:solid solid solid solid;border-width:10px 20px 10px 20px;position:absolute;top:50%;left:50%;z-index:2;-moz-transform:translate(-8px, -10px);-ms-transform:translate(-8px, -10px);-webkit-transform:translate(-8px, -10px);transform:translate(-8px, -10px)}.area1 .info .item .btns{width:400px;margin:auto;padding:10px 0 20px 0;overflow:hidden}.area1 .info .item .btns a{display:block;width:126px;float:left;margin:0 11px 0 0;padding:4px 0 4px 10px;color:#333;font-size:18px;line-height:20px;font-weight:bold;border:1px solid #64a70d;box-sizing:border-box;background:url(../images/a_icon1.png) no-repeat 92% center}.area1 .info .item .btns a:hover{background:#64a70d url(../images/a_icon2.png) no-repeat 92% center;color:#fff}.area1 .info .item .btns a:last-child{margin:0}.area1 .info .item .btns a.momo{line-height:40px}.area1 .info .item.blueair .pic a{border:1px solid #0075c2;color:#0075c2}.area1 .info .item.blueair .pic a:hover{background:#0075c2;color:#fff}.area1 .info .item.blueair .pic a.product_link{width:500px;height:270px;position:absolute;top:0px;left:0px;border:none;text-indent:200%;white-space:nowrap;overflow:hidden}.area1 .info .item.blueair .pic a.product_link:hover{background:none}.area1 .info .item.blueair .video ul li a::after{border-color:transparent transparent transparent #0173be}.area1 .info .item.blueair .btns a{border:1px solid #0075c2}.area1 .info .item.blueair .btns a:hover{background:#0075c2 url(../images/a_icon2.png) no-repeat 92% center}.area2{width:100%;background:url(../images/area2_bg.jpg)}.area2 .content{padding:20px;box-sizing:border-box}.area2 .content a.more{display:block;padding:4px 22px 4px 10px;color:#333;font-size:18px;line-height:20px;font-weight:bold;border:1px solid #333;box-sizing:border-box;background:url(../images/a_icon1.png) no-repeat 92% center;-moz-background-size:auto 55%;-o-background-size:auto 55%;-webkit-background-size:auto 55%;background-size:auto 55%;position:absolute;top:225px;left:40px}.area2 .content a.more:hover{background:#333 url(../images/a_icon2.png) no-repeat 92% center;-moz-background-size:auto 55%;-o-background-size:auto 55%;-webkit-background-size:auto 55%;background-size:auto 55%;color:#fff}.area3{width:1000px;margin:auto;position:relative}.area3 h2{width:1000px;height:280px;background:url(../images/area3_title.png) no-repeat;text-indent:200%;white-space:nowrap;overflow:hidden}.area3 ul{width:960px;margin:auto;overflow:hidden}.area3 ul li{width:304px;float:left;margin:0 24px 0 0}.area3 ul li:last-child{margin:0}.area3 ul li a{display:block;position:relative;border:2px solid rgba(0,117,194,0);box-sizing:border-box}.area3 ul li a span{display:block;width:100%;padding:15px 0 20px 0;position:absolute;bottom:0;left:0;background:rgba(0,0,0,0.6) url(../images/a_line1.png) no-repeat center 86%;font-size:22px;line-height:30px;font-weight:bold;color:#fff;text-align:center;letter-spacing:2px}.area3 ul li a:hover{border:2px solid #0075c2}.area3 ul li a:hover span{background:#0075c2 url(../images/a_line1.png) no-repeat center 86%}.area4{width:1000px;margin:auto;position:relative;padding:0 0 30px 0}.area4 h2{width:1000px;height:210px;background:url(../images/area4_title.png) no-repeat;text-indent:200%;white-space:nowrap;overflow:hidden}.area4 ul{width:960px;margin:auto;overflow:hidden}.area4 ul li{width:460px;float:left;margin:0 40px 0 0}.area4 ul li:last-child{margin:0}.area4 ul li a{display:block;position:relative;border:2px solid rgba(100,167,13,0);box-sizing:border-box}.area4 ul li a span{display:block;width:100%;padding:15px 0 20px 0;position:absolute;bottom:0;left:0;background:rgba(0,0,0,0.6) url(../images/a_line2.png) no-repeat center 86%;font-size:22px;line-height:30px;font-weight:bold;color:#fff;text-align:center;letter-spacing:2px}.area4 ul li a:hover{border:2px solid #64a70d}.area4 ul li a:hover span{background:#64a70d url(../images/a_line2.png) no-repeat center 86%}p.datafrom{font-size:24px;line-height:65px;color:#333;font-weight:bold;text-align:center}a.gotop{display:block;width:50px;height:50px;margin:10px auto 0 auto;background:url(../images/go_top.png) no-repeat top;-moz-transition:all,0s;-o-transition:all,0s;-webkit-transition:all,0s;transition:all,0s}a.gotop:hover{background:url(../images/go_top.png) no-repeat bottom}.popup{width:100%;height:100%;display:none;position:fixed;top:0;left:0;z-index:9999;background:rgba(0,0,0,0.8)}.popup .popupContent{width:800px;height:450px;position:absolute;top:50%;left:50%;z-index:1;-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.popup .popupContent iframe{display:block}.popup .popupContent .closepopup{display:block;width:40px;height:40px;border:1px solid #fff;box-sizing:border-box;position:absolute;top:-42px;right:-42px}.popup .popupContent .closepopup::before{content:"";width:40px;height:1px;background:#fff;position:absolute;top:50%;left:50%;-moz-transform:rotate(45deg) translate(-50%, -50%);-ms-transform:rotate(45deg) translate(-50%, -50%);-webkit-transform:rotate(45deg) translate(-50%, -50%);transform:rotate(45deg) translate(-50%, -50%);-moz-transform-origin:left top;-ms-transform-origin:left top;-webkit-transform-origin:left top;transform-origin:left top}.popup .popupContent .closepopup::after{content:"";width:40px;height:1px;background:#fff;position:absolute;top:50%;left:50%;-moz-transform:rotate(-45deg) translate(-50%, -50%);-ms-transform:rotate(-45deg) translate(-50%, -50%);-webkit-transform:rotate(-45deg) translate(-50%, -50%);transform:rotate(-45deg) translate(-50%, -50%);-moz-transform-origin:left top;-ms-transform-origin:left top;-webkit-transform-origin:left top;transform-origin:left top}.swiper-pagination{position:relative;width:400px;margin:auto;padding:10px 0 13px 0;border-bottom:1px solid #64a70d}.swiper-pagination .swiper-pagination-bullet{width:10px;height:10px;margin:0 20px 0 0;background:#64a70d;opacity:1;position:relative}.swiper-pagination .swiper-pagination-bullet:last-child{margin:0}.swiper-pagination .swiper-pagination-bullet-active::after{content:"";width:12px;height:12px;border:1px solid #64a70d;border-radius:100%;position:absolute;top:50%;left:50%;z-index:1;-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.dot2{border-bottom:1px solid #0075c2}.dot2 .swiper-pagination-bullet{background:#0075c2}.dot2 .swiper-pagination-bullet-active::after{border:1px solid #0075c2}
