﻿@media screen and (min-width:980px){@font-face{font-family:SourceHanSans;src:url(https://cdn.aqara.com/cdn/website/static/font/SourceHanSansCN-Normal.otf) format("opentype"),url(https://cdn.aqara.com/cdn/website/static/font/SourceHanSansCN-Normal.ttf) format("truetype")}}html{font-size:16px}a,abbr,acronym,audio,big,body,canvas,center,cite,code,dd,del,div,dl,dt,em,fieldset,footer,form,h1,h2,h3,h4,h5,h6,header,html,i,iframe,img,label,legend,li,mark,menu,nav,ol,p,pre,q,s,samp,section,small,span,summary,table,tbody,td,th,time,tr,u,ul,video{border:none;margin:0;padding:0;outline:0}article,aside,details,figcaption,figure,footer,header,hgroup,iframe,menu,nav,section{display:block}img{border:none;max-width:100%}address,caption,cite,code,dfn,var{font-weight:400;font-style:normal}
dl,li,ol,ul{list-style:none}button,h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}button,input,select,textarea{font-family:inherit;font-size:inherit;outline:0}a{color:#666;text-decoration:none;-webkit-tap-highlight-color:transparent}a:hover{color:#546c9e}dl:after,ul:after{content:"";display:block;height:0;line-height:0;clear:both;visibility:hidden;overflow:hidden}
body{font-size:16px;font-family:FZHei-B01S,SourceHanSans,"Microsoft Yahei","PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif;line-height:1.5;background:#fff;color:#666;min-width:1200px;-webkit-text-size-adjust:none;overflow-x:hidden}
.fl{float:left}.fr{float:right}.cler{clear:both;overflow:hidden;height:0;}.both{clear:both;overflow:hidden;/*height:2em*/}.clr::after,.clr:after{content:"";display:block;height:0;clear:both;overflow:hidden}
.box{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.wrap{margin:0 auto}.alt_clear,.apA_bLi img,.apA_navLi,.apB_img img,.apB_liImg img,.apC_img img,.apN_liBl,.modal-popup .modal-backdrop,.modal-popup .modal-dialog{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.in2_col,.in2_ti{-webkit-transition:all 1s cubic-bezier(.75,0,.25,1);-moz-transition:all 1s cubic-bezier(.75,0,.25,1);transition:all 1s cubic-bezier(.75,0,.25,1)}.apA_bLi:hover img,.apB_img:hover img,.apB_liImg:hover img,.apC_img:hover img{-webkit-transform:scale(1.1)}.wraper,.wrapper{position:relative;width:80%;margin:0 auto}.wrap-container{position:relative;width:69%;margin:0 auto;min-height:100%}#Banner .swiper-container,#Footer .share-link,.btn-more,.layer,section{width:100%}
.bgGray{background:#f8f8f8}.bgE,.gray{background:#eee}.inner-gray{background:#eef1f5}.padBox{padding:100px 0 60px}.padBox{padding:35px 0 50px}.padwrap{padding:50px 0 20px}.paddingBox{padding:50px 0 60px}.padbom{padding:0 0 3.75rem}.paddCase{padding:60px 0}
.colm-title,.column-title{font-size:1.5rem}#map img{max-width:initial}
.text{font-size:16px;line-height:26px}
.box-table,.table{display:table;width:100%;height:100%;vertical-align:middle}
.table-cell{display:table-cell;vertical-align:middle;width:100%}
.about-menu,.center{text-align:center}.hot-nav{margin-bottom:15px}
.btn{width:170px;height:42px;line-height:42px;border-radius:21px;-webkit-border-radius:21px;text-align:center;background:#ddd0ae;color:#fff}
.btn-more a{display:block;width:145px;height:35px;line-height:35px;margin:0 auto;text-align:center;font-size:.875rem;color:#434343;border:1px solid #546c9e;color:#546c9e;border-radius:21px;-webkit-border-radius:21px}
.btn-more a:hover{background:#546c9e;color:#fff}
.colm-title{font-size:1.5rem;color:#546c9e;text-align:center;margin-bottom:2rem}
.is-inline-block{display:inline-block}
.colblue{color:#7d8fb4!important;border:1px solid #7d8fb4!important}
.ts,.ain-grid,.newslist li a,#Header .menu,#Header .subnav,#Header ul#nav li a.m::after,.trans-up,[data-animation=ani-down],[data-animation=ani-left],[data-animation=ani-right],[data-animation=ani-up],.info-cont h2,.info-cont h3{transition:all .5s ease-out;-webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out}
.trs,#Header .openmenu i,#submenu,.btn-more a,.contArea .btn-link a,.contArea .pd-close i,.contact .dj a,.img-ts,.sustain .sup-top p,.tabs .row .text-grid,.ys-list i,.ys-list p,.contArea .product-ul p img,.product-list .prod-img img,.about-menu a,.menubar li a,.page-menu ul a,.page-menu ul span,.prod-nav li a,.prod-nav li em,.prod-nav li h1,.prod-nav li i,.section .pro-lists .col-img,.section .dz-list .dz-img img,.section .pro-lists .col-img img,.serv-list .item a img,.left-wrapper .sort em{transition:all .35s;-webkit-transition:all .35s;-moz-transition:all .35s}
.ys-list span{transition:padding .35s;-webkit-transition:padding .35s;-moz-transition:padding .35s}
.img-hv:hover .img-ts{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1)} 
#Header .subnav,.prod-nav li i,.trans-up,[data-animation=ani-down],[data-animation=ani-left],[data-animation=ani-right],[data-animation=ani-up],.info-cont h2,.info-cont h3{visibility:hidden;opacity:0}
[data-animation=ani-up]{transform:translateY(-30%);-webkit-transform:translateY(-30%);-moz-transform:translateY(-30%)}
[data-animation=ani-down]{transform:translateY(30%);-webkit-transform:translateY(30%);-moz-transform:translateY(30%)}
[data-animation=ani-left]{transform:translateX(-20%);-webkit-transform:translateX(-20%);-moz-transform:translateX(-20%)}
[data-animation=ani-right]{transform:translateX(20%);-webkit-transform:translateX(20%);-moz-transform:translateX(20%)}
.trans-up{transform:translateY(80px);-webkit-transform:translateY(80px);-moz-transform:translateY(80px)}
.delay01{transition-delay:.1s;-webkit-transition-delay:.1s;-moz-transition-delay:.1s}
.delay02{transition-delay:.2s;-webkit-transition-delay:.2s;-moz-transition-delay:.2s}
.delay03{transition-delay:.3s;-webkit-transition-delay:.3s;-moz-transition-delay:.3s}
.delay04{transition-delay:.4s;-webkit-transition-delay:.4s;-moz-transition-delay:.4s}
.delay05{transition-delay:.5s;-webkit-transition-delay:.5s;-moz-transition-delay:.5s}
.is-visible>[data-animation=ani-down],.is-visible>[data-animation=ani-left],.is-visible>[data-animation=ani-right],.is-visible>[data-animation=ani-up]{transform:none;-webkit-transform:none;-moz-transform:none;visibility:visible;opacity:1}
.is-visible .trans-up{transform:none;-webkit-transform:none;-moz-transform:none;visibility:visible;opacity:1}
.perch{height:110px;width:100%;}
#Header{height:60px;width:100%;min-width:1200px;z-index:10000;position:fixed;top:0;left:0} 
#Header .head{height:60px;position:relative;z-index:200;padding:0 3%}
#Header .head .logo-img{display:block;height:100%;text-align:center}
#Header .weblogo{display:inline-block;height:60px;line-height:60px;width:172px;background:url(../images/logo-web.png) no-repeat center;background-size:auto 35px}
#Header .openmenu{width:50px;height:50px;position:absolute;top:50%;left:3%;margin-top:-25px;cursor:pointer}
#Header .openmenu i{display:block;width:22px;height:2px;position:absolute;top:50%;left:50%;margin-left:-11px;background:#fff;}
#Header .openmenu i.a{margin-top:-7px;}#Header .openmenu i.b{margin-top:-1px;}#Header .openmenu i.c{margin-top:5px;}
#Header .opennow i.b{width:0px;}
#Header .opennow i.a{margin-top:-1px;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);}
#Header .opennow i.c{margin-top:-1px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);}
#Header .store{width:auto;height:40px;position:absolute;top:50%;right:3%;margin-top:-20px;}
#Header .store .grid{float:left;height:100%;position:relative}
#Header .store a{display:block;width:100%;height:100%;line-height:40px;cursor:pointer;text-align:center;color:#fff;font-size:16px;}
#Header .find{width:30px;}
#Header .finder{background:url(../images/finda1v.png) no-repeat center;background-size:auto 20px;} 
#Header .work{margin-left:7px;padding-left:7px}
#Header .login{margin:0px 5px;padding:0 0px;}  
#Header .login::before,#Header .work::after{content:"";display:block;width:1px;height:14px;position:absolute;top:50%;margin-top:-7px;background:#fff}
#Header .login::before,#Header .work::after{left:0px} 
#Header .login a{background:url(../images/logina1v.png) no-repeat center;background-size:auto 20px;overflow:hidden;text-indent:999rem;}
#Header .login a,#Header .login::before{display:none}#Header .menu{padding:0 3%;}
#Header .hidemenu{transform:translateY(-50px);-webkit-transform:translateY(-50px);-moz-transform:translateY(-50px);visibility:hidden;opacity:0;}
#Header .navg{height:100%;width:980px;margin:0 auto;position:relative}
#Header #nav{height:100%;width:100%;position:relative}
#Header #nav li{display:block;float:left;height:100%;position:relative;margin:0 35px}
#Header #nav li a.m{display:block;line-height:50px;font-size:18px;color:#ddd;position:relative}
#Header #nav li a.m::after{content:"";display:block;width:0%;height:2px;background:#546c9e;position:absolute;left:50%;bottom:0;overflow:hidden}
#Header #nav li:hover a.m::after{width:100%;left:0}
#Header .subnav,#Header .serv{width:180px;height:auto;position:absolute;left:50%;top:90px;margin-left:-90px;padding:15px 0;z-index:10;background:#fff;box-shadow:0 20px 24px rgba(203,203,203,.25)}
#Header .subnav p{display:block;height:100%;line-height:40px;margin:0 15px;text-align:center}
#Header .subnav p a{display:block;color:#4a4a4a;font-size:16px} 
#Header #nav li:hover .subnav{top:50px;visibility:visible;opacity:1}
#Header .search-box{width:100%;height:50px;position:absolute;top:60px;left:0;z-index:1;border-top:1px solid #eee;background:#ffffff;display:none}
#Header .search_from{width:980px;height:100%;margin:auto;position:relative}
#Header .btn-search{width:40px;height:40px;float:left;cursor:pointer;background:url(../images/icon-search.png) no-repeat center;background-size:20px auto;margin-top:5px}
#Header .inp-search{height:40px;margin-left:50px;padding-top:5px}
#Header .inp-search input{width:100%;height:100%;border:none;outline:0;font-size:16px}
#Header .hot-search{width:100%;height:auto;position:absolute;top:50px;left:0;background:#fff;border-top:1px solid #eee;display:none}
#Header .hot-search h1{display:block;margin:0 40px 10px;font-size:16px;font-weight:400;color:#999;padding:20px 0 0}
#Header .hot-search ul{margin:0 40px;padding-bottom:20px}
#Header .hot-search li{display:block;padding:0 16px}
#Header .hot-search li a{display:block;padding:0 16px;line-height:45px;height:45px;font-size:16px}
#Header .hot-search li a:hover{color:#546c9e;background:#eee}
#Header .search-close{width:40px;height:40px;position:absolute;top:5px;right:0;cursor:pointer;background:url(../images/icon-cross.png) no-repeat center;background-size:25px auto}
#Header .search_wall{width:100%;height:100%;position:fixed;top:0px;left:0px;z-index:0;display:none}
#Header.black,#Header.black .menu,#pagehead #Header .head,#pagehead #Header .menu{background:#FFF}
#pagehead #Header .head{box-shadow: 0 0 20px rgba(84,108,158,.15);}
#Header.black #nav li a.m,#pagehead #Header #nav li a.m{color:#333}
#Header.black .openmenu i,#pagehead #Header .openmenu i{background:#000}
#Header.black .weblogo,#pagehead #Header .weblogo{background:url(../images/logo-web-blk.png) no-repeat center;background-size:auto 35px;}
#Header.black .finder,#pagehead #Header .finder{background:url(../images/finda2.png) no-repeat center;background-size:auto 20px;} 
#Header.black .login a,#pagehead #Header .login a{background:url(../images/logina2.png) no-repeat center;background-size:auto 20px;} 
#Header.black .finder,#Header.black .login a,#Header.black .work a,#pagehead #Header .finder,#pagehead #Header .work a{color:#333}
#Header.black .login::before,#Header.black .work::after,#pagehead #Header .login::before,#pagehead #Header .work::after{background:#333}
#Header.black .store a:hover,#pagehead #Header .store a:hover{color:#546c9e}
#submenu{width:100%;height:0%;position:fixed;top:0px;left:0px;background:#FFF;z-index:100;overflow:hidden}
#submenu .nav{margin:0 5%;padding:50px 0px;}
#submenu .nav ul{width:200px;text-align:center;margin:0 auto;padding:30px 0px;display:none}
#submenu .nav li{display:block;text-align:center;border-bottom:1px solid #FFF;animation:upshow 0.5s ease-out both;-webkit-animation:upshow 0.5s ease-out both;}
#submenu .nav li:nth-child(1){animation-delay:0.1s;-webkit-animation-delay:0.1s;}
#submenu .nav li:nth-child(2){animation-delay:0.2s;-webkit-animation-delay:0.2s;}
#submenu .nav li:nth-child(3){animation-delay:0.3s;-webkit-animation-delay:0.3s;}
#submenu .nav li:nth-child(4){animation-delay:0.4s;-webkit-animation-delay:0.4s;}
#submenu .nav li:nth-child(5){animation-delay:0.5s;-webkit-animation-delay:0.5s;}
#submenu .nav li:nth-child(6){animation-delay:0.6s;-webkit-animation-delay:0.6s;}
#submenu .nav li:nth-child(7){animation-delay:0.7s;-webkit-animation-delay:0.7s;}
#submenu .nav li:nth-child(8){animation-delay:0.8s;-webkit-animation-delay:0.8s;}
#submenu .nav a.m{display:block;height:50px;line-height:50px;font-size:20px;}
#submenu .subnag{width:100%;display:none}
#submenu .subnag p{display:block;height:35px;line-height:35px;}
#submenu .subnag a{display:block;font-size:18px;}#submenu.show{height:100%}
#Header .subnav p a:hover,#Header ul#nav li.curr a.m,#Header ul#nav li.current a.m,#Header ul#nav li:hover a.m,#submenu .nav li.isDown a.m{color:#546c9e}
/* Footer */
#Footer{position:relative;background-color:#f2f2f2;padding-top:30px}
#Footer .ft-wrap{margin:0 10.4%}
#Footer .foot-link{width:95%;margin:0 auto;padding-bottom:30px}
#Footer .foot-nav,#Footer .foot-share{width:auto}
#Footer .foot-nav dl{float:left;margin-right:50px;text-align:center}
#Footer .foot-nav dt{display:block;margin-bottom:10px}
#Footer .foot-nav dt a{display:block;font-size:16px}
#Footer .foot-nav dd{display:block}
#Footer .foot-nav dd p{display:block;padding:5px 0}
#Footer .foot-nav dd p a,#Footer .rights a{color:#666}
#Footer .foot-nav dd p a:hover,#Footer .rights a:hover{color:#546c9e}
#Footer .foot-share h1{display:block;font-weight:400;font-size:16px;margin-bottom:15px}
#Footer .foot-share h1 a{font-size:30px;margin-left:60px}
#Footer .share-link ul{margin:0 -8px}
#Footer .share-link li{display:block;width:33.33%;float:left;text-align:center}
#Footer .share-link a{display:block;margin:0 8px}
#Footer .share-link p{display:block;width:105px;height:105px;line-height:100px;background:#fff;text-align:center;border-radius:5px;overflow:hidden}
#Footer .share-link span{display:block;width:100%;padding-top:10px;font-size:14px}
#Footer .rights{width:95%;margin:0 auto;height:30px;line-height:30px;border-top:1px solid #c7c7c7;padding:10px 0;color:#666;font-size:14px;}
#Footer .rights p{display:block;text-align:center}
#Footer .rights span{margin:0 10px 0px 0px} 
#Footer .rights .lang{position:relative}
#Footer .rights .lang p{float:left;margin-left:10px;}
#Footer .rights .lang::after{content:"";display:block;width:1px;height:14px;position:absolute;top:8px;right:25px;background:#777}
.banner-layer{height:auto;width:100%}
.banner-layer img{display:block;width:100%;}
.banner-layer .relatebox{position:relative;box-sizing:content-box;width:100%;}
.banner-layer .fixedbox{width:100%;height:100vh;position:relative;top:0px;left:0px;}
.banner-layer .contenter,.banner-layer .wallayer,.hig{width:100%;height:100%;position:relative}
.banner-layer .vidbox{width:100%;height:100%;position:absolute;top:0px;left:0px;overflow:hidden}
.banner-layer .vidbox video{width:100%;/*height:100%;*/height:auto;object-fit:fill !important}
.banner-layer .boxsell{width:70%;position:absolute;top:50%;left:15%;letter-spacing:5px;}
.banner-layer .info{width:100%;color:#fff;text-align:center;transform:translateY(100%);-webkit-transform:translateY(100%);opacity:0;transition:all .5s;-webkit-transition:all .5s;}
.banner-layer .info p{display:block;font-size:60px;margin-bottom:20px;}
.banner-layer .info a{display:inline-block;border:2px solid #FFF;padding:10px 30px;color:#fff;font-size:20px;} 
#Banner{width:100%;height:auto;position:relative;overflow:hidden;z-index:5}
#Banner .banner-swiper{height:604px;margin-bottom:5px}
#Banner .mobile-banner-swiper{display:none}
#Banner .swiper-container .swiper-slide,#Banner .swiper-container .swiper-wrapper,.ban-swiper{width:100%;height:100%!important}
#Banner .swiper-container .swiper-slide{position:relative}
#Banner .swiper-container .wall-img{width:100%;height:100%;background-size:cover!important;}
#Banner .swiper-container a{display:block;width:100%;height:100%}
#Banner .pageBanner img,#Banner .swiper-container .swiper-slide img,.banner-inner-cont img,.com-banner .img-grid img{display:block;width:100%}
#Banner .banner-infor{width:80%;height:100%;position:absolute;top:0;left:8%;z-index:10}
#Banner .banner-text{width:60%;height:auto;position:relative;z-index:10;font-size:46px;padding-top:10%}
#Banner .banner-text h1{display:block;height:65px;line-height:60px;font-size:1em;color:#fff;font-weight:700}
#Banner .banner-text p{display:block;font-size:21px;color:#fff}
#Banner .a-link,#Banner .lk-link{width:145px;height:37px;line-height:37px;margin-top:30px;border:1px solid #fff;background:0 0;visibility:hidden;}
#Banner .lk-link{position:absolute;top:50%;left:8%;z-index:100}
#Banner .a-link a{display:block;width:100%;height:100%;color:#fff;font-size:16px}
#Banner .a-link p{display:inline-block;background:url(../images/link-rt.png) no-repeat 100px 50%;padding-right:0}
#Banner .a-link a:hover p{background:url(../images/link-rt.png) no-repeat center right;padding-right:40px}
#Banner .swiper-pagina{width:100%;position:absolute;left:0;bottom:20px;z-index:100}
#Banner .swiper-pagina .swiper-pagination{width:90%;text-align:right;margin:0 auto;position:static}
#Banner .ban-swiper .swiper-pagination{width:90%;text-align:center;margin:0 auto}
#Banner .swiper-pagina .swiper-pagination-bullet,#Banner .swiper-pagina .swiper-pagination-switch{display:inline-block;width:10px;height:10px;border-radius:5px;background:#d2d2d2;margin:0 5px;cursor:pointer;opacity:1}
#Banner .swiper-pagina .swiper-active-switch,#Banner .swiper-pagina .swiper-pagination-bullet-active{background:#546c9e}
#Banner .swiper-pagina .mobile-swiper-pagination{text-align:center}
#Banner .pageBanner{width:100%;position:relative;overflow:hidden}
#Banner #bannerPic{display:block;height:251px}
#Banner .search-case{width:430px;height:120px;position:absolute;top:50%;left:50%;margin-top:-60px;margin-left:-215px}
#Banner .search-case h1{font-size:1.5rem;color:#fff;font-weight:400;text-align:center;display:block;margin-bottom:.875rem}
#Banner .search-layer{background:#fff;width:100%;height:40px;border-radius:20px;position:relative;overflow:hidden}
#Banner .search-layer span{display:block;height:100%;margin-left:50px;margin-right:20px}
#Banner .ui-button{width:50px;height:40px;border:none;box-sizing:border-box;position:absolute;top:0;left:0;background:url(../images/find.png) no-repeat center}
#Banner .ui-input{width:100%;height:100%;border:none;box-sizing:border-box}
#container{position:relative;width:100%;min-width:1200px;overflow:hidden}
#container .base-layer,#container .info-layer,#container .inner-box,#container .dt-layer{position:relative;width:100%} 
#container .inner-fixed,#container .dt-layer,#container .base-layer,#container .pop-layer,#container .video-tier,#container .mask,#container .videoBar{width:100%;height:100%}
#container .pop-layer,#container .video-tier,#container .mask,#container .videoBar{position:absolute;top:0px;left:0px;overflow:hidden} 
#container .video-tier video,#container .videoBar video{display:block;width:100%}
#container .mask{background:#04060e;opacity:0}
#container .pic{display:block;width:100%}
#container .layer-boxes{width:80%;position:absolute;top:50%;left:50%;margin-left:-40%;}
#container .info-cont{text-align:center;color:#fff;}
#container .info-cont h2{display:block;font-size:40px;display:block;margin-bottom:10px}
#container .info-cont h3{display:block;font-size:24px;letter-spacing:5px;transition-delay:0.2s;-webkit-transition-delay:0.2s;-moz-transition-delay:0.2s;}
#container .info-cont .anim{transform:translateY(100%);-webkit-transform:translateY(100%);-moz-transform:translateY(100%)}
#container .ani-show .anim{visibility:visible;opacity:1;transform:none;-webkit-transform:none;-moz-transform:none}
#container .hwrapper{margin:0 3%;position:relative;}
#container .home-product{width:100%;padding:15px 0px;}
#container .home-product dl{margin:0 -8px;}
#container .home-product dd{display:block;float:left;width:50%;}
#container .home-product .desc-box{position:relative;margin:0 8px;background:#fafafa}
#container .home-product .picsrc{width:100%;position:relative;overflow:hidden;cursor:pointer}
#container .picsrc .video-play{width:80px;height:80px;position:absolute;top:50%;left:50%;margin-top:-40px;margin-left:-40px;cursor:pointer;background:url(../images/play11.png) no-repeat center;background-size:60px 60px;transform:scale(1.1);opacity:0;visibility:hidden;transition:all 0.35s}
#container .picsrc:hover .video-play{opacity:0.8;visibility:visible;transform:scale(1)}
#container .home-product .picinfo{padding:20px 30px;}
#container .home-product .picinfo h2,#container .home-product .picinfo h3{display:block;font-weight:normal;}
#container .home-product .picinfo h2{color:#333;font-weight:bold;font-size:26px;}
#container .home-product .picinfo h3{color:#adb1b1;margin-bottom:20px;font-size:24px;}
#container .home-product .prolist{width:100%;padding-bottom:10px;}
#container .home-product .prolist li{display:block;float:left;margin:0 35px 0 -14px;text-align:center;}
#container .home-product .prolist li:last-child{margin-right:0px;}
#container .home-product .prolist a{display:inline-block;text-align:center;}
#container .home-product .prolist span{display:block;width:53px;height:53px;margin:0 auto 7px;padding:0px;}
#container .home-product .prolist img{vertical-align:middle;transition:all 0.35s;-webkit-transition:all 0.5s;-moz-transition:all 0.35s;}
#container .home-product .prolist em{display:block;font-size:14px;font-weight:400;font-style:normal}
#container .home-product .prolist a:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);} 
.video-popup{width:100%;height:100%;position:fixed;top:0px;left:0px;z-index:11000;visibility:hidden;opacity:0;transition:all 0.25s ease-out;}
.video-popup .black{width:100%;height:100%;background:#000;opacity:0.8;filter:alpha(opacity = 80)}
.video-popup .videoMain{width:70%;position:absolute;top:50%;left:15%;background:#000;transform:translateY(-50%) scale(0.5);-webkit-transform:translateY(-50%) scale(0.5);-moz-transform:translateY(-50%) scale(0.5);transition:all 0.35s;}
.video-popup .closeBtn{width:40px;height:40px;position:absolute;top:-10px;right:-50px;z-index:100;background:url(../images/close.png) no-repeat center;cursor:pointer;opacity:0.75;}
.video-popup .closeBtn:hover{opacity:1}
.video-popup .videoContent{width:100%;height:100%;}
.video-popup .videoContent video{display:block;width:100%;height:100%} 
#videoPop.showTime{visibility:visible;opacity:1;}
#videoPop.showTime .videoMain{transform:translateY(-50%) scale(1);-webkit-transform:translateY(-50%) scale(1);-moz-transform:translateY(-50%) scale(1)}
.hot-tab-main,.hot-tab-main .imgBox,.hot-tab-main .owl-carousel,.hot-tab-nav,.owl-carousel{width:100%}
.hot-tab-nav ul{margin:0 -6px;height:auto}
.hot-tab-nav li{display:block;float:left;width:25%;text-align:center;position:relative;cursor:pointer}
.hot-tab-nav li .nv-item{margin:0 6px;position:relative;padding:30px 0}
.hot-tab-nav li h1{display:block;font-weight:400;font-size:21px;margin-bottom:5px;color:#3e3e3e}
.hot-tab-nav li p{display:block;font-size:16px;color:#a0a0a0}
.hot-tab-nav li.current .nv-item{background:#546c9e}
.hot-tab-nav li.current h1,.hot-tab-nav li.current p{color:#fff}
.hot-tab-nav li span{display:block;width:1px;height:100%;position:absolute;right:-2px;top:0;background:#fff;z-index:10}
.hot-tab-nav li span i{display:block;width:1px;height:60%;position:absolute;left:5px;top:20%;background:#d6d6d6}
.hot-tab-nav li:last-child span,.hot-tab-nav li:last-child::after{display:none}
.hot-tab-main{position:relative;padding-bottom:12px;overflow:hidden}
.hot-tab-main .hot-tab-layer,.hot-tab-main .prodInfor,.product-list{width:100%}
.hot-tab-main .swiper-slide{width:25%;float:left}
.hot-tab-main .swiper-slide a{display:block;width:100%;position:relative;color:#777;overflow:hidden;background:#eee}
.hot-tab-main .imgBox{width:100%;position:relative}
.hot-tab-main .rows4 .swiper-wrapper{width:initial;margin:0 -6px}
.hot-tab-main .rows4 .swiper-slide a{display:block;width:initial;margin:0 6px}
.hot-tab-main .cai-img{position:absolute;left:0;top:0;width:100%;height:100%}
.hot-tab-main .prod-text{padding:20px 20px}
.hot-tab-main .prod-text p{display:block;width:100%;font-size:16px;margin-bottom:5px}
.hot-tab-main .prod-text span{display:block;font-size:14px}
.hot-tab-main .cai-img{z-index:10;opacity:0;visibility:hidden;transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s}
.hot-tab-main .cai-img img,.prodcut-carousel .cai-img img{width:100%;height:100%}
.hot-tab-main .hot-tab-layer a:hover .cai-img{opacity:1;visibility:visible;transform:none;-webkit-transform:none;-moz-transform:none}
.hot-tab-main .owl-theme .owl-controls,.prodcut-carousel .owl-controls{margin-top:20px}
.hot-tab-main .owl-buttons,.prodcut-carousel .owl-buttons{display:none}
.hot-tab-main .rows4 .swiper-pagin{display:none}
.prodcut-carousel .owl-buttons{display:none}
.hot-tab-layer .swiper-pagin{width:100%;position:static;text-align:center;padding-top:6px}
.hot-tab-layer .swiper-pagination-bullet{display:inline-block;width:10px;height:10px;border-radius:5px;background:#d2d2d2;margin:0 5px;cursor:pointer;opacity:1}
.hot-tab-layer .swiper-pagination-bullet-active{background:#546c9e}
.prodcut-carousel .item{width:25%;float:left;margin-bottom:1.25rem}
.prodcut-carousel .owl-wrapper .item{width:100%;float:none;margin-bottom:0}
.prodcut-carousel a{display:block;margin:0 6px;position:relative;color:#777;overflow:hidden;padding:20px 0 0;background:#eee}
.prodcut-carousel .cai-img,.prodcut-carousel .prodInfor{position:absolute;left:0;top:0;width:100%;height:100%}
.prodcut-carousel .prod-text{padding:20px 20px}
.prodcut-carousel .prod-text p{display:block;width:100%;font-size:16px;margin-bottom:5px}
.prodcut-carousel .prod-text span{display:block;font-size:14px;display:none}
.prodcut-carousel .cai-img{z-index:10;opacity:0;visibility:hidden;transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1)}
.prodcut-carousel a:hover .cai-img{opacity:1;visibility:visible;transform:none;-webkit-transform:none;-moz-transform:none}
.prodcut-carousel .owl-controls{margin-top:20px}
.layer-pop{width:100%;height:100%;position:absolute;top:0;left:0;z-index:1}
.ban-swipe a{display:block;width:100%;position:relative}
.ban-swiper .prodcut{width:100%;height:50px;margin-bottom:1.25rem;color:#6c6c6c}
.ban-swiper .prodcut .pd-name{display:inline-block;line-height:50px;font-size:46px;padding-left:179px;background:url(../images/de-logo.png) no-repeat center left;color:#565656}
.ban-swiper .txt-left{text-align:left}
.ban-swiper .txt-right{text-align:right}
.ban-swiper .prodcut span{display:block;font-size:20px;border:1px solid #777;border-radius:18px;padding:0 1.25rem;color:#777;margin-left:1rem;margin-top:8px;float:left}
.ban-swiper .prodcut .lanse{border:1px solid #546c9e;color:#546c9e}
.ban-swiper .prodcut .wite-bor{border:1px solid rgba(255,255,255,.75);color:rgba(255,255,255,.75)}
.ban-swiper .desc-slog{display:block;font-size:24px;color:#565656}
.layer-pop .n200-main{width:100%;height:100%}
.layer-pop .padBox-ban{width:100%;padding-top:10%}
.video-wrapper a{display:block;width:150px;height:40px;line-height:40px;color:#fff;font-size:16px;text-align:center;border-radius:20px;position:absolute;top:50%;left:50%;margin-left:-75px;margin-top:-20px;opacity:.75}
.video-wrapper p{display:inline-block;background:url(../images/play.png) no-repeat center left;padding-left:30px}
.video-wrapper a:hover{background:#546c9e;opacity:1}
.video-mubu{width:100%;height:100%;position:fixed;top:0;left:0;z-index:11000}
.video-mubu .video-wall{width:100%;height:100%;background:#000;opacity:.7}
.video-mubu .video-content{width:100%;position:absolute;left:0;top:0;height:789px}
.video-mubu .mubu-close{width:30px;height:30px;position:absolute;top:5%;right:3%;cursor:pointer;z-index:10;background:url(../images/video-close-with.png) no-repeat center}
.com-banner{width:100%;min-height:100px;position:relative}
.com-banner .infor-grid{width:100%;height:100%;position:absolute;top:0;left:0;background:rgba(0,0,0,.5)}
.com-banner .video-grid{width:60%;height:100px;position:absolute;top:50%;left:20%;margin-top:-70px;color:#dfd2b0;text-align:center}
.com-banner .video-grid .title{font-size:24px;font-weight:400;display:block;margin-bottom:20px}
.com-banner .video-grid a{display:block;width:150px;height:40px;line-height:40px;color:#fff;font-size:16px;text-align:center;border:1px solid #fff;border-radius:20px;margin:0 auto}
.com-banner .video-grid p{display:inline-block;background:url(../images/play.png) no-repeat center left;padding-left:30px}
.com-banner .video-grid a:hover{border:1px solid #546c9e;background:#546c9e}
.com-banner .infor-grid .hkit{display:block;width:152px;height:40px;position:absolute;bottom:40px;left:50%;margin-left:-76px;text-align:center}
.com-banner .infor-grid .hkit img{height:40px}
.banner-inner{width:100%;position:relative;padding-top:0}
.banner-inner-cont,.com-banner .img-grid{width:100%;position:relative}
.banner-inner-cont .top-enter-btn{display:block;position:absolute;right:29%;bottom:24%;width:10%;height:60px;cursor:pointer}
.page-menu{height:90px}
.col3 li{width:33.33%}
.shadow{box-shadow:0 0 20px rgba(112,112,112,.15)}
.about-menu,.page-menu .serve-menu{height:100%}
.page-menu ul{width:85%;height:100%;margin:0 auto;background:url(../images/icon-line.png) no-repeat left center}
.page-menu ul li{display:block;float:left;width:25%;height:100%;position:relative;background:url(../images/icon-line.png) no-repeat right center}
.page-menu ul a{display:block;width:100%;height:100%;text-align:center;font-size:1.25rem;line-height:90px}
.page-menu ul span{display:inline-block;padding-left:60px;color:#5b5b5b}
.page-menu ul .a1{background:url(../images/icona.png) no-repeat left center}
.page-menu ul .a2{background:url(../images/iconb.png) no-repeat left center}
.page-menu ul .a3{background:url(../images/iconc.png) no-repeat left center}
.page-menu ul .a4{background:url(../images/icond.png) no-repeat left center}
.page-menu ul .a5{background:url(../images/icone.png) no-repeat left center}
.page-menu ul li a:hover,.page-menu ul li.current a{background:#546c9e;color:#fff;width:101%;margin:0 -1%}
.page-menu ul li a:hover .a1,.page-menu ul li.current .a1{background:url(../images/icona-1.png) no-repeat left center;color:#fff}
.page-menu ul li a:hover .a2,.page-menu ul li.current .a2{background:url(../images/iconb-1.png) no-repeat left center;color:#fff}
.page-menu ul li a:hover .a3,.page-menu ul li.current .a3{background:url(../images/iconc-1.png) no-repeat left center;color:#fff}
.page-menu ul li a:hover .a4,.page-menu ul li.current .a4{background:url(../images/icond-1.png) no-repeat left center;color:#fff}
.page-menu ul li a:hover .a5,.page-menu ul li.current .a5{background:url(../images/icone-1.png) no-repeat left center;color:#fff}
.about-menu i{display:block;width:2px;height:16px;position:absolute;top:50%;left:50%;margin-left:-10px;margin-top:-8px;background:#dcdcdc}
.about-menu a{display:inline-block;height:100%;text-align:center;font-size:1.25rem;line-height:90px;margin:0 20px}
.about-menu a.current,.about-menu a:hover{color:#546c9e}
.menubar{height:70px;box-shadow:0 0 20px rgba(112,112,112,.15)}
.menubar ul{width:100%;height:70px}
.menubar li{display:block;float:left;position:relative;height:100%}
.menubar li a{display:inline-block;height:100%;line-height:70px;color:#546c9e;font-size:1.125rem}
.menubar li span{display:block;padding-left:55px;}
.menubar li a.lc span{background:url(../images/icon17.png) no-repeat center left;background-size:37px auto}
.menubar li a.bc span{background:url(../images/icon18.png) no-repeat center left;background-size:37px auto}
.menubar li a.sq span{background:url(../images/icon19.png) no-repeat center left;background-size:37px auto}
.menubar li:nth-child(2){text-align:center}
.menubar li:nth-child(2):after,.menubar li:nth-child(2):before{content:"";display:block;width:2px;height:20px;position:absolute;top:50%;margin-top:-10px;background:#e5e5e5}
.menubar li:nth-child(2):before{left:-1px}
.menubar li:nth-child(2):after{right:-1px}
.menubar li:last-child{text-align:right}
.menubar li a:hover{transform:scale(1.01);-webkit-transform:scale(1.01);-moz-transform:scale(1.01)}
.page-nav-bar{padding:2.5rem 0 1.5rem}
.page-nav-bar a,.page-nav-bar i{display:inline-block;color:#777}
.page-nav-bar a{font-size:1rem;color:#6c6c6c}
.page-nav-bar i{margin:0 10px}
.page-nav-bar a:hover{color:#546c9e}
.prod-nav{width:100%;height:166px;background:#f5f5f5;position:relative;z-index:100}
.prod-nav ul{width:100%;height:100%}
.prod-nav li{display:block;float:left;width:16.66%;height:100%;position:relative}
.prod-nav li a{display:block;padding:20px 0;text-align:center;width:100%}
.prod-nav li p{display:block;width:60px;height:90px;line-height:90px;position:relative;margin:0 auto .625rem}
.prod-nav li em,.prod-nav li i{display:block;width:100%;height:100%;position:absolute;top:0;left:0}
.prod-nav li img{vertical-align:middle;height:55px}
.prod-nav li h1{font-weight:400;display:block;font-size:1.25rem;color:#777}
.prod-nav li.curr a{position:absolute;top:-10px;left:0;height:126px;padding:30px 0;background:#546c9e;border-radius:7px;overflow:hidden}
.prod-nav li.curr h1,.prod-nav li:hover h1{color:#fff}
.prod-nav li.curr i,.prod-nav li:hover i{visibility:visible;opacity:1}
.prod-nav li.curr em,.prod-nav li:hover em{visibility:hidden;opacity:0}
.prod-nav li:hover a,.bgBlue{background:#546c9e}
.layer-pad{padding:50px 0} 
.bgBlue2{background:#48689b}
.imgBox img,.pictu{display:block;width:100%;height:auto}
#container .picsrc img,.hot-main .imgBox img,.hot-main .prod-text p,.hot-main .prod-text p::after{transition:all 0.5s ease-out;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;}
.hot-product{padding-top:40px;padding-bottom:60px;}
.hot-nav,.hot-main,.hot-main .imgBox,.hot-main .owl-carousel,.owl-carousel{width:100%}
.hot-nav ul{margin:0 -6px;height:auto}
.hot-nav li{display:block;float:left;width:25%;text-align:center;position:relative;cursor:pointer}
.hot-nav li .nv-item{margin:0 6px;position:relative;padding:20px 0;font-size:27px;color:#bfc3c3}
.hot-nav li.current .nv-item{color:#000;}
.hot-main{position:relative;overflow:hidden}
.hot-main .taber{margin:0 15px 0 15px;}
.hot-main .swiper-container{width:100%;overflow:visible;margin-bottom:40px;}
.hot-main .swiper-slide{width:25%;float:left;}
.hot-main .swiper-slide a{display:block;margin:0 15px;background:#eee;}
.hot-main .imgBox{width:100%;overflow:hidden}
.hot-main .prod-text{padding:10px 20px;text-align:center}
.hot-main .prod-text p{display:inline-block;padding-right:0px;position:relative;}
.hot-main .prod-text p::after{content:"";display:block;width:0px;height:100%;overflow:hidden;position:absolute;top:0px;right:0px;background:url(../images/ary-blk20.png) no-repeat center right;}
.hot-main .swiper-slide a:hover .imgBox img,#container .picsrc:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);}
.hot-main .swiper-slide a:hover .prod-text p{padding-right:40px;}
.hot-main .swiper-slide a:hover .prod-text p::after{width:30px;}
.hot-main .swiper-scrollbar{height:5px;width:90%;margin:0 auto;border-radius:0px;} 
.hot-main .swiper-scrollbar-drag{border-radius:0px;}

.product-list ul{margin:0 -7px}
.product-list li{width:50%;display:block;float:left}
.product-list li a{display:block;height:100%;width:100%;vertical-align:middle}
.product-list .item-box{margin:0 7px 15px;position:relative;padding:32px;display:block;background:#f5f5f5}
.product-list .prod-img{width:49%;height:247px;line-height:247px;float:left;text-align:center;overflow:hidden}
.product-list .prod-img img{width:150px;height:150px;vertical-align:middle}
.contArea .product-ul p img,.product-list .prod-img img{margin:0 auto;vertical-align:middle}
.product-list .prod-desc{height:247px;margin-left:0;position:relative;width:50%;float:right}
.product-list .prod-top{margin-bottom:1.5rem}
.product-list .prod-title{margin-bottom:16px}
.product-list .prod-title h1{display:block;font-weight:400;font-size:20px;position:relative}
.product-list .prod-title h1 span{border-radius:10px;height:20px;line-height:21px;padding:3px 8px;overflow:hidden;position:relative;top:-2px;background:#dfd5b7;color:#fff;font-size:13px}
.product-list .prod-title p{display:block;color:#546c9e}
.product-list .prod-gongneng{color:#777;margin-bottom:13px;height:68px;overflow:hidden}
.product-list .prod-price{display:block;color:#546c9e;font-size:1.5rem;height:36px}
.product-list .prod-price i{display:inline-block;font-style:normal;font-size:1rem;padding-right:5px}
.product-list .prod-link{width:110%;position:absolute;left:0;bottom:0}
.product-list .prod-link a{display:inline-block;height:40px;width:115px;line-height:40px;font-size:1rem;border-radius:20px;text-align:center;margin-right:15px;background:#838383;color:#fff}
.product-list .prod-link a.buy{background:#546c9e;margin-right:0}
.product-list .prod-link a:hover{background:#5d7fc8}
.product-list .item-box:hover .prod-img img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1)}
.lok-box{width:60%;height:100px;margin:0 auto;text-align:center;position:absolute;top:30%;left:20%}
.lok-box h1{font-size:1.5rem;color:#dfd2b0;margin-bottom:1.25rem;font-weight:400}
.lok-box .text{color:#fff;text-align:center;margin-bottom:2.5rem;font-size:1rem;line-height:1.875rem}
.lok-box .link-case{width:130px;height:40px;border-radius:20px;line-height:40px;text-align:center;margin:0 auto}
.lok-box .link-case a{display:block;width:100%;height:100%;border-radius:20px;background:#fff;border:1px solid #546c9e;overflow:hidden}
.lok-box .link-case span{display:inline-block;height:100%;background:url(../images/ary-rt-blue.png) no-repeat center right;background-size:6px auto;padding-right:15px}
.lok-box .link-case a:hover{background:#546c9e;color:#fff}
.lok-box .link-case a:hover span{background:url(../images/next-on.png) no-repeat center right;background-size:6px auto}
.contArea{width:100%;height:auto;position:relative;overflow:hidden}
.contArea #area-swiper{width:100%;height:auto}
.contArea #area-swiper .swiper-slide,.contArea #area-swiper .swiper-wrapper{width:100%;height:100%!important}
.contArea #area-swiper .swiper-slide{position:relative;overflow:hidden}
.contArea .area-paging{width:40%;height:auto;position:absolute;left:5%;bottom:2%;z-index:10}
.contArea .area-paging p{display:block;width:127px;height:88px;float:left;margin-left:7px;position:relative;cursor:pointer}
.contArea .area-paging span{display:block;height:86px;border:1px solid #546c9e;background:#000}
.contArea .area-paging img{display:block;width:125px;height:86px;opacity:.5}
.contArea .area-paging p.active img{opacity:1}
.contArea .img-box{width:100%;height:100%;position:relative}
.contArea .img-box img{display:block;width:100%;height:auto}
.contArea .posit{width:100%;height:100%;position:absolute;top:0;left:0}
.contArea .fix{width:35px;height:35px;position:absolute;top:0;left:0}
.contArea .fix a{display:block;width:100%;height:100%;position:relative;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;cursor:pointer;overflow:hidden}
.contArea .fix p{display:block;width:35px;height:35px;position:absolute;top:0;left:0;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;cursor:pointer;background:rgba(223,210,176,.7);animation:scIn 1s linear infinite;-webkit-animation:scIn 1s linear infinite}
.contArea .fix i{display:block;width:25px;height:25px;position:absolute;top:5px;left:5px;background:url(../images/icon30.png) no-repeat center}
.contArea .blue-fix .fix p{background:rgba(84,108,158,.7)}
.contArea .blue-fix .fix i{background:url(../images/icon31.png) no-repeat center}
.contArea .keting .plan1{left:18%;top:72%}
.contArea .keting .plan2{left:38%;top:17%}
.contArea .keting .plan3{left:52%;top:46%}
.contArea .keting .plan4{left:70%;top:2%}
.contArea .keting .plan5{left:72%;top:84%}
.contArea .keting .plan6{left:93%;top:54%}
.contArea .cating .plan1{left:10%;top:14%}
.contArea .cating .plan2{left:23%;top:28%}
.contArea .cating .plan3{left:19%;top:51%}
.contArea .cating .plan4{left:60%;top:20%}
.contArea .cating .plan5{left:61%;top:73%}
.contArea .cating .plan6{left:77.6%;top:34%}
.contArea .zhuwu .plan1{left:12.34%;top:64.62%}
.contArea .zhuwu .plan2{left:14.32%;top:52.63%}
.contArea .zhuwu .plan3{left:23.64%;top:71.6%}
.contArea .zhuwu .plan4{left:61.875%;top:3.05%}
.contArea .zhuwu .plan5{left:66.77%;top:32.68%}
.contArea .zhuwu .plan6{left:82.18%;top:79.55%}
.contArea .right-prod{width:1px;height:100%;position:absolute;top:0;right:0;z-index:100}
.contArea .openBtn{width:51px;height:100px;position:absolute;right:0;top:50%;margin-top:-50px;cursor:default;background:url(../images/rt-prod.png) no-repeat center}
.contArea .prod-list{width:244px;height:100%;position:absolute;right:-250px;top:0;background:url(../images/blk.png) repeat}
.contArea .shrink{width:42px;height:42px;position:absolute;left:0;top:50%;margin-top:-21px;cursor:pointer;background:url(../images/ary-both.png) no-repeat center}
.contArea .list-wrap{width:154px;height:100%;margin:0 auto;position:relative;overflow:hidden}
.contArea .btn-prev,.contArea .btn-prev.cannot:hover{width:100%;height:40px;position:absolute;top:0;left:0;cursor:pointer;background:url(../images/ary-up-btn.png) no-repeat center;z-index:10}
.contArea .btn-next,.contArea .btn-next.cannot:hover{width:100%;height:40px;position:absolute;bottom:0;left:0;cursor:pointer;background:url(../images/ary-down-btn.png) no-repeat center;z-index:10}
.contArea .btn-prev:hover{background:url(../images/ary-up-btn-on.png) no-repeat center}
.contArea .btn-next:hover{background:url(../images/ary-down-btn-on.png) no-repeat center}
.contArea .product-ul{width:100%;height:100%;position:relative;margin:40px auto;overflow:hidden}
.contArea .product-ul li{display:block;width:100%;text-align:center;margin-bottom:5px}
.contArea .product-ul p{display:block;background:#eee;position:relative;margin-bottom:5px;width:100%;height:97px;line-height:97px;overflow:hidden}
.contArea .product-ul p img{width:80px;height:80px;vertical-align:middle}
.contArea .product-ul h1{display:block;height:40px;line-height:20px;color:#fff;font-size:14px}
.contArea .product-ul li.active p:after{content:"";display:block;width:150px;height:93px;position:absolute;top:0;left:0;border:2px solid #dfd2b0}
.contArea .product-ul li.active h1{color:#dfd2b0}
.contArea .product-ul li:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1)}
.contArea .infor-boxs{width:100%;height:100%;position:absolute;top:0;left:0;z-index:10;background:url(../images/black.png) repeat;display:none}
.contArea .infor-boxs ul{width:100%;height:100%;position:relative}
.contArea .infor-boxs li{width:100%;height:100%;position:absolute;top:0;left:0}
.contArea .dsc-content{width:52%;height:77.5%;position:absolute;top:10%;left:25%;background:#e3dfdc}
.contArea .pd-img{width:100%;height:100%}
.contArea .pd-infor{width:55%;height:100%;position:absolute;top:0;right:0;padding-left:2.5rem;background:rgba(255,255,255,.15)}
.contArea .table{text-align:left}
.contArea .pd-name{font-size:1.5rem;color:#546c9e;width:100%;margin-bottom:1.25rem}
.contArea .pd-text{width:100%;color:#666;margin-bottom:2.5rem}
.contArea .btn-link,.param-wrap,.vid-poster,.video-wrap{width:100%;position:relative}
.contArea .btn-link a{display:block;width:140px;height:36px;line-height:36px;border:1px solid #546c9e;text-align:center;border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;color:#546c9e}
.contArea .btn-link a:hover{background:#546c9e;color:#fff}
.contArea .pd-close{width:40px;height:40px;position:absolute;top:-10px;right:-40px;cursor:pointer}
.contArea .pd-close i{display:block;width:100%;height:100%;background:url(../images/video-close.png) no-repeat center;background-size:20px auto}
.contArea .pd-close:hover i{transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg)}
.navmodel{width:100%;height:60px;background:#546c9e;position:relative;top:0px;left:0;z-index:200;transition:all .4s ease}
.main-wrapper{width:70%;height:100%;margin:0 auto}
.navmodel .product-name{float:left;height:100%;line-height:60px;color:#fff}
.navmodel .product-name .baben{border:1px solid #fff;color:#fff;border-radius:5px;padding:2px 6px;font-size:12px;position:relative;top:-1px;opacity:.6}
.navmodel .navbar-nav{float:right;height:36px;padding:12px 0}
.navmodel .navbar-nav a{display:block;float:left;height:100%;line-height:36px;margin-left:20px;padding:0 20px;color:#fff;border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px}
.navmodel .navbar-nav a.active,.navmodel .navbar-nav a:hover{background:#fff;color:#546c9e}
.navmodel.fiexd{position:fixed;top:0;left:0}
.inner-pad{padding:90px 0 60px}
.inner-title{color:#6c6c6c;margin-bottom:2.5rem}
.inner-title p{display:block;width:100%;margin-bottom:1.25rem;font-size:1.5rem}
.inner-title i{display:block;width:48px;height:1px;background:#546c9e}
.param-wrap dl{width:50%;float:left;margin-bottom:15px;font-size:16px}
.param-wrap dt{float:left;display:block;width:100px}
.param-wrap dd{display:block;margin:0 100px}
.product-caption,.vid-poster{background:#fff}
.product-caption,.vid-poster .poster{width:100%;position:relative}
.vid-poster{min-height:500px}
.vid-poster .poster{text-align:center;line-height:500px}
.vid-poster .poster img{vertical-align:middle}
.vid-poster .vid-btn{width:100%;height:100%;position:absolute;top:0;left:0;text-align:center;color:#fff;background:rgba(0,0,0,.5)}
.vid-poster .vid-btn h1{display:block;font-weight:400;font-size:1.5rem;padding-top:10%;margin-bottom:15px}
.vid-poster .vid-btn p{display:block;font-size:1.125rem;margin-bottom:30px}
.vid-poster .vid-btn .vid-play{display:block;width:83px;height:83px;margin:0 auto;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.video-wrap .video-content{width:100%;height:100%;position:absolute;top:0;left:0;background:#000;display:none}
.video-wrap video{width:100%;height:100%}
.video-wrap .vid-close{width:40px;height:40px;position:absolute;top:0;right:0;cursor:pointer;background:url(../images/close-white.png) no-repeat center}
.caption{background:#f9fafb}
.product-caption{padding:3rem 0;text-align:center}
.product-caption p{display:block;width:100%;margin-bottom:1.5rem}
.product-caption h1{display:block;font-weight:400;font-size:1.5rem;margin-bottom:2rem;text-align:center}
.product-caption a{display:block;width:150px;height:40px;line-height:40px;color:#fff;font-size:16px;text-align:center;background:#546c9e;border-radius:20px;margin:0 auto}
.product-caption a:hover{background:#5b7bbe}
.section{width:100%;position:relative;overflow:hidden;zoom:1;background-position:center!important;background-repeat:no-repeat!important;background-size:cover!important}
.section .layer{position:relative}
.section-ident,.section-index,.section-protection,.section-record,.section-shape,.section-voice{height:700px}
.section-control,.section-linked{height:701px}
.section-dingshi{height:850px}
.routine{height:650px}
.sec-anya{height:654px}
.sec-qidong{height:522px}
.sc-monitor{height:646px;background:#fff}
.section-high{height:725px;background:#242424}
.section-mount{height:540px;background:#242424}
.section-storing{height:540px;background:#3d3d3d}
.sec-timing{height:550px;background-position:center;background-repeat:no-repeat!important}
.xd-pai{height:629px;background-position:center;background-repeat:no-repeat!important}
.shuo-layer{height:641px;background-position:center;background-repeat:no-repeat!important}
.section-nicety{height:590px;background:#d8d8d8}
.se-xiaom{height:660px;background:#d8d8d8}
.section-parameter{background:#3d3d3d;color:#fff}
.section-black{height:650px;color:#fff;background-color:#4c4e50}
.section-index .wrapper{padding-top:3%}
.bgBlue-layer{background:#546c9e;color:#fff}
.gray-layer{background:#f1f2f3;padding:20px 0}
.gray-d7d7{background:#d7d7d7}
.gy-f7f7f9{background:#f7f7f9}
.bg-deep{background:#233746}
.bg-bz{background:#e4e5e9}
.bl-wall{background:#acc0cf}
.bg-black{background:#081525}
.self-motion{height:653px;background:#dfd2b0}
.self-moment{height:646px;background:#dfd2b0}
.blue-bg{background:#b1cbdc}
.last-gray{background:#e5e6e8}
.blk-wall{background:#17181b}
.xijie-layer{background:#bdc5d1}
.gry{background:#cacfd8}
.slse{background:#234e81}
.jgse{background:#d3d4d7}
.sec-life-desc{background:#cacfd8}
.ratio-layer{background:#f5f5f5;padding-top:54px}
.bg-wall{width:100%;height:100%;position:absolute;top:0;left:0;background:rgba(0,0,0,.75)}
.section .col-top,.section .param-title{font-size:1.5rem;margin-bottom:1.25rem}
.section .prod-title{font-size:1.625rem;text-align:center;margin-bottom:1.25rem}
.section .prod-head{width:100%;height:50px;text-align:center;margin-bottom:1.25rem}
.section .prod-head i{display:block;height:50px;margin-right:20px;float:left}
.section .prod-head .pd-name{display:block;float:left;height:50px;line-height:50px;font-size:50px;color:#565656}
.section .prod-head span{display:inline-block;font-size:1.25rem;border:1px solid #6c6c6c;border-radius:18px;padding:0 1.25rem;color:#6c6c6c;margin-left:1rem;margin-top:8px}
.section .prod-head .lad,.section .prodcut .lad{display:inline-block;height:100%}
.section .prodcut{width:100%;height:50px;margin-bottom:1.25rem;color:#6c6c6c}
.section .prodcut h1,.section .prodcut p{display:block;float:left;height:50px;line-height:50px;font-size:50px;padding-left:179px}
.section .prodcut .pd-name{background:url(../images/de-logo.png) no-repeat center left;color:#565656}
.section .prodcut .pd-name-white{background:url(../images/de-logo1.png) no-repeat center left;color:#fff}
.section .prodcut span{display:block;font-size:20px;border:1px solid #777;border-radius:18px;padding:0 1.25rem;color:#777;margin-left:1rem;margin-top:8px;float:left}
.section .prodcut .lanse{border:1px solid #546c9e;color:#546c9e}
.section .prodcut .wite-bor{border:1px solid rgba(255,255,255,.75);color:rgba(255,255,255,.75)}
.section .desc,.section .sec-title{font-size:22px;width:100%;margin-bottom:10px}
.section .desc h2,.section .det-list .det-img img,.section .img-item-ld img,.section .prd-list .pdt-img img,.section .prdss-list .pdt-img img,.section .pro-lists .pro-img img,.section .row4 .rig img,.section .row4 .rig span,.section .sec-title h2,.section .sp-img-case img,.section .wg-box .wg-item img{display:block;width:100%}
.section .prod-con-title{font-size:1.5rem;text-align:center;margin-bottom:1.25rem;color:#fff}
.section .prod-title span{display:inline-block;font-size:20px;border:1px solid #6c6c6c;border-radius:18px;padding:0 1.25rem;color:#6c6c6c;margin-left:1rem}
.section .prod-title em{display:inline-block;font-size:15px;line-height:1.5rem;border:1px solid #6c6c6c;border-radius:8px;padding:0 2.1rem 0 .875rem;color:#6c6c6c;margin-left:1rem;position:relative;top:-5px;font-style:normal}
.section .prod-title em i{display:block;position:absolute;top:1px;right:.875rem;font-style:normal;font-size:12px}
.section .tier-title{font-size:30px;margin-bottom:20px;line-height:40px;color:#333}
.section .hed-title{font-size:30px;line-height:36px;color:#333}
.section .pd-title{width:100%;font-size:30px}
.section .col-title-center{font-size:30px;margin-bottom:20px;line-height:30px;color:#fff;text-align:center}
.section .h2-title{display:block;width:100%;font-size:27px;line-height:40px;margin-bottom:20px}
.section .h2-title em{display:inline-block;font-size:15px;line-height:1.5rem;border:1px solid #6c6c6c;border-radius:8px;padding:0 2.1rem 0 .875rem;color:#6c6c6c;margin-left:1rem;position:relative;top:-5px;font-style:normal}
.section .h2-title em i{display:block;position:absolute;top:1px;right:.875rem;font-style:normal;font-size:12px}
.section .h3-title{display:block;width:100%;font-size:20px;line-height:40px;margin-bottom:20px}
.section .main-box{height:100%;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box}
.section .remark{width:100%;color:#6c6c6c}
.section .prod-infor{width:60%;text-align:center;margin:0 auto}
.section .prod-infor h1{display:block;font-size:1.25rem;font-weight:400;margin-bottom:.625rem}
.section .colum-content .text,.section-control .text{color:#fff;text-align:center}
.section .prod-file{width:45%;padding-top:13%}
.section .prod-file .co2_t,.section .prod-file .co2_te,.section .prod-file .prod-head,.section .prod-file .prod-infor,.section .prod-file .prod-title{text-align:left;width:100%}
.section .prod-file .co2_te{margin-bottom:2.5rem}
.section .vid-btn{height:40px;border:1px solid #546c9e;border-radius:20px;width:150px;text-align:center;line-height:40px}
.section .vid-btn a{display:inline-block;line-height:40px;color:#546c9e;background:url(../images/v-play.png) no-repeat center left;padding-left:35px}
.section .record-layer{width:900px;margin:0 auto;text-align:center;padding-top:2px}
.section .timing-txt{width:900px;margin:0 auto;text-align:center}
.section .tim-txt{width:90%;margin:0 auto;text-align:center}
.section .midden-txt{width:72%;margin:0 auto;text-align:center}
.section .prod-content{width:680px;margin:0 auto;text-align:center}
.section .heg-layer{width:70%;height:100%;margin:0 auto;text-align:center}
.section .general{width:40%;height:100%;margin:0 auto;float:right;margin-right:5%}
.section .linkage{width:450px;height:100%;float:left;margin-left:57%}
.section .seiko{width:465px;height:100%;text-align:justify}
.section .botm-text{width:100%;height:auto;position:absolute;left:0;bottom:30px;text-align:center;color:#fff}
.section .state-text{width:100%;height:auto;position:absolute;left:0;bottom:50px;text-align:center}
.section .ident-content{width:35%;margin-top:10%;float:right;margin-right:10%}
.section .nicety-left,.section .nicety-right,.section .voice-left,.section .voice-right{width:50%;height:100%;position:relative;float:left;background-position:center}
.section .voice-left .voice-content{width:30%;margin-top:15%;margin-left:62%}
.section .voice-right .voice-content{width:260px;margin-top:13%;margin-left:23%}
.section-mount .wrapper,.section-storing .wrapper{padding:60px 0}
.section .store-text{font-size:1rem;line-height:1.875rem;text-align:center;color:#fff;margin:0 auto 2.5rem}
.section-storing .tedian{margin-bottom:3rem}
.section .section-swiper{width:100%;height:auto;position:relative}
.section .section-wall,.section .swiper-slide,.section .swiper-wrapper{width:100%;height:100%;background:#f4f4f5}
.section .section-wall,.section .swiper-slide{position:relative}
.section .section-wall{width:58.64%}
.section .prot-content{height:100%;width:41%;position:absolute;top:0;right:0}
.section .prot-infor{width:80%;margin-left:10%}
.section .prot-infor .text{margin-bottom:2.5rem}
.section .prod-wrap{width:980px;margin:0 auto}
.section .pd_one .layer{width:100%;height:100%;position:relative}
.section .pd_one .offic{width:47.18%;height:100%;position:relative;overflow:hidden;float:right;background:#45423e}
.section .pd_one .pd-one-content{width:64%;margin:0 10%;color:#fff}
.section .tu-list{width:65%}
.section .tu-list ul{width:100%;text-align:center}
.section .tu-list li{display:block;width:auto;float:left;text-align:center}
.section .tu-list li.jia{width:80px;height:90px;background:url(../images/icon-jia.png) no-repeat center}
.section .tud_li{width:90px;float:left}
.section .tud_li .text_img{width:100%;margin-bottom:5px}
.section .note_text{width:60%;font-size:15px;color:rgba(0,0,0,.5)}
.section .content_c_white{width:63.24%;margin:0 auto;color:#fff;text-align:center}
.section .content_c_black{width:63.24%;margin:0 auto;color:#505050;text-align:center}
.section .note_text_botm{text-align:center;font-size:15px;color:rgba(255,255,255,.65);position:absolute;bottom:30px;left:20%;width:60%}
.section .d14_leBl{position:absolute;left:10%;width:30%;text-align:center;color:#fff;top:45%}
.section .d14_riBl{position:absolute;right:10%;width:30%;text-align:center;color:#fff;top:45%}
.section .content_gy_box{width:83.24%;margin:0 auto;color:#505050;text-align:center}
.section .swiper-pagina{width:10px;height:100%;position:absolute;right:2%;top:0}
.section .swiper-pagina .swiper-pagination{width:100%;height:100px;position:absolute;left:0;top:50%;margin-top:-50px}
.section .swiper-pagina .swiper-pagination-bullet{width:10px;height:10px;display:block;border-radius:50px;background:#bfbfbf;margin-bottom:20px}
.section .swiper-pagina .swiper-pagination-bullet-active{background:#546c9e;height:10px;opacity:1}
.section .prd_ul_four{width:65%;margin-top:60px}
.section .prd_ul_four .d23_li{width:20%;margin-right:4%;float:left;text-align:center}
.section .row3-list{padding-top:60px;width:72%;margin:0 auto}
.section .listbox,.section .row3-list ul{width:100%}
.section .row3-list li{display:block;float:left;width:16.66%;margin-bottom:20px}
.section .row3-list .d20_li{display:inline-table;margin:0 2%;width:20%}
.section .row4-list{width:70%;margin:0 auto;padding-top:60px}
.section .row4-list li{display:block;width:21%;margin:0 2%;float:left}
.section .row4-list .d20_li{display:inline-table;margin:0 auto;width:80%}
.d20_ul{position:relative;width:80%;text-align:center;padding-top:60px;margin:0 auto}
.section .colum-layer{width:32%;margin-left:13%;padding-top:10%;text-align:justify}
.section .high-pictrue,.section .tedian{width:100%;text-align:center;margin:0 auto 1.25rem}
.section .tedian{margin-bottom:60px}
.section .tedian li{display:inline-block;margin:0 1.5rem;color:#fff;font-size:1rem}
.section .curity p{display:block;width:70px;height:auto;margin:0 auto 10px;text-align:center}
.section .curity p img{width:60px}
.section .curity h1,.section .tedian h1{display:block;font-weight:400;font-size:14px}
.section .tedian span{font-size:.875rem;display:block}
.section-mount .tedian{width:100%;text-align:center;margin:0 auto 2.5rem}
.section-mount .tedian p{display:block;width:153px;height:auto;margin:0 auto 10px}
.section-mount .colum-content .delay04{margin-bottom:0}
.section .record-layer{width:58%;margin:0 auto}
.section .colum-content{width:80%;margin:0 auto}
.section .colum-content .col-top{color:#fff;text-align:center}
.section .colum-content .text{width:620px;margin:0 auto 1.25rem}
.section-mount .colum-content .text{width:620px;margin:0 auto 2.5rem}
.section .curity{width:100%;background:url(../images/icon-jiah.png) no-repeat 90px 25px}
.section .curity li{display:block;float:left;margin-right:50px;text-align:center}
.section .curity.nobg{background:0 0}
.section .mr-content{width:85%;height:100%}
.section .b144_block{width:30%}
.section .row3_ul{width:100%;margin-top:20px}
.section .row3_ul li{display:block;float:left;width:25%;text-align:center;margin-right:5%;font-size:14px}
.section .row3_ul .rw-bImg{width:55%;margin:0 auto}
.section .listbox li{display:block;float:left;width:25%;text-align:center;margin-right:5%;font-size:14px}
.section .listbox .co1_li{display:block;float:none;width:85px;margin:30px 0 0;text-align:center}
.section .listbox .co1_bImg{margin:0 auto}
.b25_block{position:absolute;top:100px;left:10%;color:#fff;width:44%}
.b27_block{position:absolute;top:160px;left:60%;color:#fff;width:44%}
.b28_block{position:absolute;top:100px;left:10%;width:44%}
.b29_block{position:absolute;top:180px;left:10%;width:31%;color:#fff}
.section .bist_ul{width:70%;margin:0 auto}
.section .bist_ul li{display:block;float:left;width:29%;margin:2%;text-align:center}
.b35_block{position:absolute;left:10%;top:32%;color:#fff;width:31%}
.co4_te{font-size:14px}
.section .nicety-code{width:80%;text-align:right;padding-top:25%}
.section .nicety-right{background:#3d3d3d;height:100%}
.section .nicety-list{width:80%;padding:10%}
.section .nicety-list li{display:block;width:50%;float:left;margin-bottom:40px;color:#fff;font-size:.875rem;text-align:center}
.section .nicety-list p,.section .nicety-list span{display:block;width:100%}
.section .nicety-list p{margin-bottom:10px}
.section-shape{margin-bottom:20px}
.section .param-layer{width:70%;margin:0 auto}
.section .param-layer .param-title{margin-bottom:2.5rem}
.section .param-layer .text{width:100%;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}
.section .param-layer dl{width:46%;float:left;margin:0 3% 20px 0}
.section .param-layer dt{display:block;float:left}
.section .param-layer dd{display:block;margin-left:100px;color:#fff;font-size:.875rem}
.section .pd-profile{width:40%;padding-top:10%}
.section .pd-profile .prod-title{text-align:left;width:100%}
.section .intord-list{width:100%;padding-top:50px}
.section .intord-list ul,.section .pro-lists,.section .prod-powe ul,.section .shop-butn,.section .sp-gn,.section .zhuhe{width:100%}
.section .intord-list li{display:block;width:33.33%;float:left}
.section .intord-list .cont{text-align:center;display:inline-block}
.section .intord-list p{display:block;margin-bottom:10px;text-align:center}
.section .intord-list h1{font-weight:400;display:block;text-align:center}
.section .step-list .cont{margin:0 30px}
.section .carousel{width:100%;padding-top:10px}
.section .scene-list .owl-carousel{margin:0 -7px;width:initial}
.section .scene-list .owl-carousel::after{content:"";display:block;width:100%;clear:both;overflow:hidden;height:0}
.section .scene-list .items{width:33.33%;float:left}
.section .carousel .item-box{margin:0 7px}
.section .carousel .items p{display:block;width:100%;margin-bottom:15px}
.section .carousel .items h1{display:block;font-weight:400;border:1px solid #909191;text-align:center;width:162px;height:40px;margin:0 auto;border-radius:5px;line-height:40px}
.section .xiaoai-tx{width:60%;margin-left:40%}
.section .pd-right{width:44%;margin-left:55%;color:#fff}
.section .pd-right .prod-title{text-align:left;width:100%}
.section .pd-padTop{padding-top:6%}
.section .prod-powe{width:700px;margin:0 auto}
.section .prod-powe li{display:block;width:33.33%;float:left}
.section .prod-powe .grid{border:1px solid #fff;border-radius:10px;width:180px;height:120px;margin:0 auto;text-align:center}
.section .prod-powe .grid h1{display:block;font-weight:400;font-size:24px}
.section .prod-powe .grid p{display:block;font-size:1rem;height:auto}
.section .image-left{width:60%;height:100%;float:left}
.section .pd-perc{width:40%;height:100%;float:right;background:#546c9e;color:#fff}
.section .pd-ption{width:70%;margin-left:60px;text-align:justify;padding-top:25%}
#aqara-ld .swiper-slide{width:100%;height:674px;position:relative;background:#ab9a84}
.section .liand-image{width:58.8%;height:100%;float:right}
.section .text-ld-model{width:32%;height:100%;display:table}
.section .wall-img-box{height:100%;width:58.59%}
.section .dd-cont{width:30%;float:right}
.section .wall-img-case{height:100%;width:55.26%;float:right}
.section .lef-cont{width:30%;height:100%}
.section .rjjb-img{height:100%;float:right;width:54.32%}
.section .motion{width:36%;height:100%;background:#dfd2b0}
.section .motion .box-table{width:70%;margin:0 auto}
.section .zjkg{height:100%;width:54.32%}
.section .zjkg-motion{width:39%;height:100%;float:right;background:#dfd2b0}
.section .row3,.section .row4{width:100%}
.section .row3 ul,.step-three ul{margin:0 -28px}
.section .row3 li,.step-three li{width:33.33%;float:left;display:block}
.section .row3 .grids{margin:0 28px;text-align:center}
.section .row3 .grids p{display:block;margin-bottom:15px;user-select:none}
.section .row3 .grids h1{display:block;font-weight:400}
.section .step-three{width:52%;margin:70px auto 0;color:#fff}
.section .prod-list{margin-top:50px}
.section .prod-list .prod-img{width:100%;position:relative;margin-bottom:20px}
.section .prod-list .prod-infor p{display:block;color:#6c6c6c}
.section .prod-list .prod-infor a{display:block;width:120px;height:34px;line-height:34px;text-align:center;border:1px solid #97999c;border-radius:3px;margin:0 auto;color:#6c6c6c}
.section .prod-list .prod-infor a:hover{color:#546c9e;border:1px solid #546c9e}
.section .prod-list .prod-img::after{content:"";display:block;width:1px;height:96%;position:absolute;right:-1px;top:2%;background:#dcddde}
.section .prod-list li:nth-child(3n) .prod-img::after{display:none}
.section .row4 ul{margin:0 -7px}
.section .row4 li{width:25%;float:left;display:block;text-align:center}
.section .row4 .rig{margin:0 7px}
.section .row4 .rig p{display:block;margin-bottom:10px;user-select:none}
.section .alarm{width:495px;height:100%;margin-left:55%;text-align:justify}
.section .zj-alarm{width:40%;height:100%;margin-left:60%;text-align:justify}
.section .zhuhe dd{display:block;float:left;text-align:center;position:relative}
.section .zhuhe .zh-infor{text-align:center;float:left;position:relative}
.section .zhuhe .zhe-img{width:100%;text-align:center;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.section .zhuhe .zhe-img img{width:75px;height:75px}
.section .zhuhe .jiah{width:35px;height:85px;float:left;background:url(../images/icon-jia2.png) no-repeat center}
.section .zhe-img{width:84px;margin:0 auto 10px}
.section .step-show{width:60%;margin:0 auto}
.section .step-show li{display:block;width:50%;margin:0 0;float:left;color:#6c6c6c}
.section .step-img{width:90%;margin:0 auto 10px;text-align:center}
.section .step-img img{width:70%}
.section .anz-show{width:80%;margin:0 auto}
.section .anz-show li{display:block;width:50%;margin:0 0;float:left;color:#fff}
.section .anz-show .prod-img{width:65%;margin:0 auto}
.section .lt-cell{width:36%;float:left}
.section .rt-cell{width:45%;float:right}
.section .pro-lists ul{margin:0 -8px}
.section .pro-lists li{display:block;width:33.33%;float:left}
.section .pro-lists .grids{margin:0 8px;position:relative}
.section .pro-lists .pro-img{width:100%;position:relative}
.section .pro-lists .pro-img i{width:100%;height:100%;position:absolute;top:0;left:0;background:#000;opacity:.7}
.section .pro-lists .pro-inf{display:block;width:100%;height:100%;position:absolute;top:0;left:0;text-align:center}
.section .pro-lists .col-img{width:168px;margin:0 auto 40px}
.section .dz-list .dz-img img,.section .pro-lists .col-img img{display:block;width:100%}
.section .pro-lists .col-text{color:#fff}
.section .pro-lists .grids:hover .col-img{margin:0 auto 30px}
.section .dz-list .rg-box:hover .dz-img img,.section .pro-lists .grids:hover .col-img img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1)}
.section .yz-box{width:480px;float:left;padding-top:15%}
.section .yz-image{width:50%;float:right}
.section .vd-button{width:170px;height:41px;line-height:41px;position:absolute;left:50%;top:50%;margin-left:-85px;margin-top:-25px;border:1px solid #fff;border-radius:20px;text-align:center;cursor:pointer}
.section .vd-button span{display:inline-block;height:41px;line-height:41px;color:#fff;background:url(../images/v-play-w.png) no-repeat center left;padding-left:35px}
.section .vd-button:hover{border:1px solid #546c9e}
.section .vd-button:hover span{color:#546c9e;background:url(../images/v-play.png) no-repeat center left}
.section .video-vplayer{width:100%;height:100%;position:fixed;left:0;top:0;overflow:hidden;z-index:10010;display:none}
.section .video-container-box{width:100%;height:90%;margin:3% 0;position:relative;z-index:10;zoom:1}
.section .video-container-box video{width:100%;height:100%}
.section .video-close{width:40px;height:40px;position:absolute;top:3%;right:2%;cursor:pointer;background:url(../images/c_1.png) no-repeat center;background-size:30px;z-index:100}
.section .s-logan{padding:38px 0;text-align:center}
.section .cont-mofa{width:45%;float:right;padding-top:15%}
.section .dz-list,.section .step-show-row3,.section .step-show-row3 ul{width:100%}
.section .dz-list ul{margin:0 -1px}
.section .dz-list li{display:block;float:left;width:16.66%}
.section .dz-list .rg-box{margin:0 1px;position:relative}
.section .dz-list .dz-img{width:100%;position:relative;overflow:hidden}
.section .dz-list .dz-infor{width:100%;padding:20px 0;background:#fff;text-align:center}
.section .dz-list .dz-infor p{display:block;width:35%;margin:0 auto 10px}
.section .dz-list .dz-infor h1{display:block;font-weight:400;color:#666}
.section .dz-list .rg-box:hover .dz-infor h1{color:#546c9e}
.section .hei-keji{margin-left:60%;height:100%;width:35%;color:#fff}
.section .tiyan{margin-left:40%;width:80%;padding-top:5%}
.section .step-show-row3{margin-bottom:50px}
.section .step-show-row3 li{display:block;width:31%;margin:0 1%;float:left}
.section .sm-tetx{width:100%;text-align:center;color:#fff}
.section .zigbee{margin-left:0;padding-top:10%;width:61%;color:#656565;text-align:left}
.section .shop-tier{width:370px;padding-top:7%}
.section .shop-butn a{display:block;width:200px;height:42px;line-height:42px;text-align:center;background:#546c9e;color:#fff;border-radius:21px}
.section .shop-butn a:hover{background:#4b6497}
.section .xd-tier{width:20%;margin-left:70%;padding-top:3%}
.section .xd-text{width:100%;margin-bottom:40%}
.section .shuo-teir{width:426px;color:#fff;padding-top:3%}
.section .shuo-teir .tier-title{color:#fff;margin-bottom:40px}
.section .shuo-teir .text{margin-bottom:10px}
.section .shuo-teir .sm-list{width:100%;margin-top:50px}
.section .shuo-teir .sm-list ul{margin:0 -18px}
.section .shuo-teir .sm-list li{display:block;width:24%;float:left}
.section .shuo-teir .sm-list .itemd{margin:0 18px;text-align:center;color:#fff}
.section .xiaom-txt{padding-top:7%;width:34%;margin-left:7%}
.section .pro-gn{width:100%;background:#e4e4e4}
.section .sp-img-case{width:50%}
.section .sp-txt-case{width:49%}
.section .sp-txt-cont{width:60%;padding-top:17%;margin:0 auto}
.section .sp-desc{font-size:20px;width:100%;margin-bottom:40px;color:#666}
.section .sp-gn dd{display:block;float:left;width:auto;text-align:center}
.section .sp-gn dd img{width:70px;height:70px}
.section .sp-gn dt{display:block;float:left;width:60px;height:78px;background:url(../images/icon-jiah.png) no-repeat center}
.section .youxi-img{width:45%;text-align:center;float:left}
.section .youxi-img img{vertical-align:middle}
.section .youxi-text{margin-left:48%;padding-top:13%;width:48%}
.section .youxi-text .text{color:#6c6c6c;text-align:justify}
.section .anya-txt{width:40%;padding-top:15%}
.section .qidong-txt{margin-left:55%;width:35%;padding-top:17%}
.section .bilie-img{width:40%;float:right}
.section .bilie-text{width:39%;float:left;margin-left:7%;padding-top:9%}
.sec-huanqu{height:526px}
.sec-huanqu .huanqu-txt{margin-left:56%;padding-top:10%;width:35%}
.section .az-hezi{width:70%;margin:0 auto}
.section .az-hezi li{display:block;width:33.33%;float:left;text-align:center}
.section .gd-main{width:45%;padding-top:2%}
.section .gd-main .text{margin-bottom:40px}
.section .gd-nl{width:100%;margin-bottom:40px}
.section .gd-nl li{width:20%;margin-right:5%;display:block;float:left}
.section .gd-nl .lm-item{text-align:center;display:inline-block}
.section .gd-kk .kk-item img,.section .gd-nl .lm-item img,.section .jia-box .box-item img,.section .smcl-list .cl-item img,.section .xq-list .xq-item img{width:70px;height:70px}
.section .gd-nl li p{display:block;margin-bottom:10px}
.section .gd-fs{width:125px;height:35px;border:1px solid #546c9e;border-radius:20px;text-align:center;line-height:35px;color:#546c9e;margin-bottom:40px}
.sec-kekao{height:664px;background:#29303a}
.section .kekao-main{width:45%;padding-top:3%;margin-left:55%;color:#fff}
.section .kekao-main .tier-title{color:#fff}
.section .kekao-main .text{margin-bottom:40px}
.section .gd-kk{width:80%;padding-top:20px}
.section .gd-kk ul{margin:0 -20px}
.section .gd-kk li{display:block;width:33.33%;float:left;margin-bottom:20px}
.section .gd-kk .kk-item{margin:0 20px;text-align:center}
.section .gd-kk .kk-item p{display:block;margin-bottom:3px}
.section .bz-two,.section .det-list .det-img,.section .lyj-log,.section .smcl-list,.section .wg-box,.section .xq-list{width:100%}
.section .wg-box ul{margin:0 -3px}
.section .wg-box li{display:block;width:33.33%;float:left}
.section .wg-box .wg-item{margin:0 3px;position:relative;overflow:hidden}
.section .wg-box .wg-infor{width:100%;padding:20px 0;position:absolute;left:0;bottom:0;text-align:center;background:rgba(255,255,255,.35)}
.sm-layer{background:#fcfafb;padding-top:105px}
.smaz-layer{background:#edeff4;padding-top:105px}
.section .smcl-img{width:50%;float:right}
.section .smcl-img img{display:block}
.section .smcl-cont{width:49%;float:left;padding-top:7%}
.section .smcl-list li{display:block;float:left}
.section .smcl-list .cl-item{display:block;text-align:center;float:left}
.section .smcl-list .jt{width:100px;height:86px;float:left;background:url(../images/jt.jpg) no-repeat center}
.section .bz-box{width:50%;margin:0 auto;text-align:center;font-size:1.25rem}
.section .bz-one{width:100%;margin-bottom:40px}
.section .bz-two li{width:33.33%;float:left;display:block}
.section .bz-two .bz-item{width:80%;margin:auto}
.section .lyj{width:45%;padding-top:10%}
.section .lyj-log li{display:block;width:35%;margin-right:15%;float:left}
.section .tiyuan-main{width:43%;padding-top:5%;margin-left:55%}
.sec-lkan{height:550px}
.section .lkan-txt{width:40%;padding-top:7%}
.section .xq-list li{display:block;float:left;width:31%;margin-right:1%}
.section .xq-list .xq-item{display:block;width:70%;text-align:center}
.section .xq-list .xq-item p{display:block;width:100%;margin-bottom:10px}
.section .xq-list .xq-item span{display:block}
.section .xq-list .xq-item em{font-size:1.5rem;font-style:normal}
.hog-later,.hsix,.section .hog-later{height:652px}
.section .hog-later .pagination{position:absolute;z-index:20;right:5%!important;top:50%;width:8px;left:inherit}
.section .hog-later .pagination span{display:block;width:8px;height:8px;border-radius:8px;background:#aab6cf;margin:0 0 20px;padding:0 0;border:1px solid #fff;cursor:pointer;padding:0 0}
.section .hog-later .swiper-pagination-switch{display:block;width:8px;height:8px;border-radius:8px;background:#aab6cf;margin:0 0 20px;padding:0 0;border:1px solid #fff;cursor:pointer;padding:0 0}
.section .hog-later .swiper-active-switch{background:#fff}
.section .hog-main{width:60%;color:#fff;margin:0 auto;text-align:center}
.section .hog-main .tier-title{color:#fff}
.section .prd-list ul{margin:0 -3px}
.section .prd-list li{display:block;float:left;width:25%}
.section .prd-list .prd-box{margin:0 3px}
.section .prd-list .pdt-img{width:100%;overflow:hidden}
.section .prd-list .pd-text{width:100%;text-align:center;padding:20px 0}
.section .prd-list .pd-text h1{font-size:1.25rem;font-weight:400;display:block;margin-bottom:10px}
.sec-app-desc{background:#e8e8e9}
.section .app-desc--img{width:43%;text-align:right;float:left}
.section .app-desc-infor{width:50%;padding-top:5%;float:right}
.section .gns-list li{display:block;width:28%;float:left}
.section .gns-list .gns-item{display:block;width:50%;text-align:center}
.section .gns-list .gns-item p{display:block;width:100%;margin-bottom:10px}
.section .gns-list .gns-item img{width:68px;height:68px}
.section .gns-list .gns-item span{display:block}
.section .xiaoai-main{width:37%;margin-left:60%;padding-top:15%}
.section .ls-main{width:40%;padding-top:7%}
.section .two-title{margin-bottom:20px;font-size:21px;color:#6c6c6c}
.section .jia-box{width:100%;margin-bottom:40px}
.section .jia-box dd{display:block;float:left;width:auto}
.section .jia-box dt{display:block;float:left;width:70px;height:70px;background:url(../images/icon-jiah.png) no-repeat center}
.section .jia-box .box-item{display:block;text-align:center;color:#6c6c6c}
.section .det-list{width:100%;background:#eef2f8}
.section .det-list li{display:block;float:left;width:20%;position:relative}
.section .det-list .txt-top .det-img{padding-top:100%}
.section .det-list .txt-bom .det-img{padding-bottom:100%}
.section .det-list .det-box{width:100%;height:50%;position:absolute;left:0;background:#eef2f8}
.section .det-list .txt-top .det-box{top:0}
.section .det-list .txt-bom .det-box{bottom:0}
.section .det-list .ary{width:0;height:0;border:transparent 20px solid;position:absolute;left:50%;margin-left:-20px}
.section .det-list .ary-up{top:-40px;border-bottom-color:#eef2f8}
.section .det-list .ary-dow{bottom:-40px;border-top-color:#d5dae1}
.section .det-list .ary-dow2{bottom:-40px;border-top-color:#eef2f8}
.section .det-list .det-text{padding:30% 15% 0}
.section .det-list .det-text h1{display:block;font-weight:400;font-size:1.25rem;margin-bottom:20px}
.section .det-list .det-text p{display:block;line-height:1.25rem}
.section .rt-sl-main{width:43%;padding-top:5%;margin-left:56%}
.section .rt-sl-main .gns-list{margin-bottom:40px}
.section .midd-main{width:70%;margin:0 auto}
.section .swiper-carousel{width:100%;position:relative}
.section .dingshi{height:850px;width:100%}
.section .dingshi .swiper-wrapper{width:100%;height:100%!important}
.section .dingshi .swiper-slide{width:100%;height:100%;background:#546c9e}
.section .dingshi .mode-main{width:53.38%;height:100%;position:relative;float:left}
.section .dingshi .ds-cont{width:46%;height:100%;float:right}
.section .dingshi .ds-cont-box{padding:10% 7%;width:62%;color:#fff}
.section .dingshi .tier-title{color:#fff;line-height:36px}
.section .cq-box,.section .cq-cont{width:100%;position:relative}
.section .cq-box h1{display:block;font-size:21px;font-weight:400;margin-bottom:10px}
.section .cq-box ul{width:100%;position:relative;padding:15px 0;z-index:10}
.section .cq-box li{display:block;width:100%;height:86px;padding:15px 0}
.section .cq-box .tim{float:left;width:86px;height:86px;text-align:center;line-height:86px;font-size:24px;color:#546c9e;border-radius:50%;background:#fff}
.section .cq-box .cq-evet{margin-left:106px;height:60px;padding:13px 0;line-height:30px}
.section .cq-box .line{display:block;width:1px;height:100%;position:absolute;left:42px;top:3px;background:#fff}
.section .gry-wall{width:44%;height:100%;float:left}
.section .gry-wrapper{height:100%;margin-left:45%}
.section .gry-main{height:100%;width:100%}
.section .gry-layer{width:60%;margin-left:10%}
.section .baita{padding-bottom:50px}
.section .bt-case{width:98%;margin:0 auto}
.section .prdss-list{width:100%;margin-bottom:50px}
.section .prdss-list ul{margin:0 -3px}
.section .prdss-list li{display:block;width:33.33%;float:left}
.section .prdss-list .prd-box{margin:0 3px;position:relative}
.section .prdss-list .pdt-img{width:100%;margin-bottom:25px}
.section .prdss-list .pd-text{width:100%}
.section .prdss-list .pd-text h1{display:block;font-size:21px;font-weight:400;text-align:center;margin-bottom:20px}
.section .prdss-list .pd-text i{display:block;width:16px;height:1px;margin:0 auto 20px;background:#fff}
.section .prdss-list .pd-text .pt{width:80%;text-align:center;margin:0 auto}
.section .three-box{width:100%;border-top:1px solid #fff;padding-top:5px;padding-bottom:50px}
.section .three-cont{width:100%;padding-bottom:40px}
.section .three-cont .title-clor{display:block;text-align:center;margin-bottom:20px;font-size:18px}
.section .three-cont .thre-left,.section .three-cont .thre-right{width:45%}
.section .three-cont ul{margin:0 -20px}
.section .three-cont li{display:block;float:left;width:33.33%;text-align:center}
.section .three-cont .conte{margin:0 20px}
.section .three-ramk{text-align:center;width:100%;color:#fff}
.section #swiper-container-life .wrapper{height:100%;position:relative}
.section #swiper-container-life,.section #swiper-container-life .swiper-slide{width:100%;position:relative}
.section #swiper-container-life .swiper-slide{background:#cacfd8}
.section #swiper-container-life .pagination-life{position:absolute;z-index:20;left:95%;top:45%;width:12px}
.section #swiper-container-life .swiper-pagination-bullet{display:block;width:8px;height:8px;border-radius:8px;background:#fff;margin:0 0 10px;padding:0 0;border:1px solid #fff;cursor:pointer}
.section #swiper-container-life .swiper-pagination-bullet-active{background:#546c9e}
.section .sc-life-img{width:59.57%;height:100%;position:relative}
.section .life-desc-infor{width:32%;height:100%;float:right;display:table}
.section .liuc-step{width:100%}
.section .liuc-step ul{margin:0 -20px}
.section .liuc-step li{display:block;float:left;width:14.28%;position:relative}
.section .liuc-step .box-item{margin:0 20px;position:relative;font-size:14px}
.section .liuc-step .dit{height:15px;width:30px;position:absolute;top:50%;margin-top:-7px;right:-52px;background:url(../images/icon-ary.png) no-repeat center}
.section .liuc-step .ige{display:block;width:77%;margin:0 auto 15px;position:relative;text-align:center}
.section .liuc-step .ige img{width:100px;height:100px}
.section .baoz-qd{width:100%}
.section .baoz-qd ul{margin:0 -15px}
.section .baoz-qd li{display:block;float:left;width:14.28%;position:relative}
.section .baoz-qd .bz-case{margin:0 15px;position:relative;text-align:center}
.section .baoz-qd .qd-img{width:100%;margin-bottom:10px}
.section .opple-layer{height:100%}
.section .opple-main{width:480px;height:100%}
.section .prtitle{width:100%;font-size:36px;color:#333;margin-bottom:25px}
.section .desc-slog{width:100%;font-size:24px;color:#2f2f2f;margin-bottom:10px}
.section .dex-text{width:100%;font-size:16px;color:#353535;margin-bottom:70px}
.section .opremark{width:100%;font-size:14px;color:#353535}
.section .zydy-main{width:80%;margin:0 auto;text-align:center}
.section .butn-list{width:340px;margin:0 auto;padding:50px 0}
.section .butn-list ul{margin:0 -20px}
.section .butn-list li{display:block;float:left;width:33.33%}
.section .butn-list .item{margin:0 20px}
.section .pros-list{width:100%}
.section .pros-list ul{margin:0 -20px}
.section .pros-list li{display:block;float:left;width:33.33%}
.section .pros-list .prod-nam{text-indent:2rem;padding-top:10px}
.section .parm-two ul{width:100%;padding:50px 0}
.section .parm-two li{display:block;width:50%;float:left;text-align:center}
.cx-heig,.section .cx-heig{height:676px;background:#eee}
.section #cx-heig{background:#eee}
.section #cx-heig .swiper-pagination{width:100%;height:auto;position:absolute;bottom:20px;z-index:100}
.section #cx-heig .swiper-pagination .swiper-pagination-bullet{width:10px;height:10px;border-radius:50%;background:#d1d1d1;opacity:1}
.section #cx-heig .swiper-pagination .swiper-pagination-bullet-active{background:#546c9e}
.section .lot-main{width:600px;height:100%}
.section .chixi-img{height:100%;width:60%;margin-left:40%}
.section .chixi-box{width:40%;height:100%;position:absolute;left:0;top:0;background:#eee}
.section .cx-infor{height:100%;margin-left:25%;width:64%}
.ld-heig{height:675px;background:#fff}
.section .ld-box{margin-left:66%}
.xy-layer{height:853px;background:#667699}
.section .xy-box{width:700px;margin:0 auto}
.section .xy-box .tier-title{color:#fff;text-align:center;margin-bottom:40px}
.section .xy-box .xy-list{width:100%}
.section .xy-box .xy-list ul{margin:0 -5px}
.section .xy-box .xy-list li{display:block;float:left;width:20%;color:#fff;text-align:center}
.section .xy-box .xy-list .xy-gr{margin:0 5px}
.section .tim-box{width:100%;margin-bottom:20px}
.section .tim-box p{display:block;margin:0 auto;width:132px;height:50px;line-height:50px;text-align:center;border:1px solid #707070;border-radius:3px;font-size:30px}
.section .tim-box i{display:block;width:89px;height:1px;background:#707070;margin:20px auto}
.section .zg-main{height:100%;width:42%;position:absolute;top:0;left:0;background:#eee}
.section .zg-infor{height:100%;width:75%;margin-left:18%;text-align:center}
.section .zg-list{width:100%}
.section .zg-list ul{margin:0 -10px}
.section .zg-list li{display:block;float:left;width:25%}
.section .zg-list .zg-box{margin:0 10px;position:relative}
.section .zg-list .zg-box p{display:block;width:66px;height:66px;margin:0 auto 10px}
.section .zg-list .zg-box img{display:block;width:66px;height:66px}
.section .zg-list .zg-box i{display:block;width:14px;height:14px;position:absolute;top:25px;right:-15px;background:url(../images/icon-jiah.png) no-repeat center}
.section .ready-more a{color:#546c9e;display:inline-block;border-bottom:1px solid #eee}
.section .ready-more a:hover{border-bottom:1px solid #546c9e}
.pb-wall{background:#f3f2f2}
.section .table-param{width:100%}
.section .table-param td{width:50%;text-align:center}
.section .table-param span{display:inline-block;text-align:left;width:230px;font-size:14px}
.section .col-gn{margin-top:40px}
.section .col-gn li{display:block;float:left;width:25%;margin-right:3%}
.section .col-item{display:inline-block;text-align:center;float:left}
.section .keji-ul{width:100%}
.section .keji-ul li{display:block;float:left;width:48%;margin-right:2%}
.section .keji-ul .b28_li{float:none;width:100%}
.section .section-voice .swiper-slide,.section .section-voice .swiper-wrapper{width:100%;height:700px!important;background:#000}
.section .section-voice .d16_content{width:100%;height:100%}
.section .section-voice .swiper-pagina{width:12px;right:5%}
.section .section-voice .swiper-pagination-switch{width:10px;height:10px;background:grey}
.section .section-voice .swiper-active-switch{background:#fff}
.section .co1_ul{width:100%}
.section .co1_ul li{display:block;width:25%;margin-right:5%;float:left;text-align:center}
.section .co1_ul .co1_bImg{margin:0 auto 10px}
.section .co1_ul .co1_bTi{font-size:14px;color:#9d9d9e}
.section .d23_ul li{width:30%;margin-right:3%;text-align:center;float:left;margin-bottom:20px}
.section .d23_ul .eig-box{display:inline-block}
.section .mid-jia{width:14px;height:90px;display:inline-block;background:url(../images/jia-beise.png) no-repeat center}
.ds-kg .swiper-slide,.ds-kg .swiper-wrapper,.section.ds-kg,.section.ds-kg .d16_content{width:100%;height:645px!important;background:#000}
.section.ds-kg .swiper-pagina{width:28px;height:114px;position:absolute;top:30%;right:3%;border-radius:14px;background:rgba(0,0,0,.25)}
.section.ds-kg .swiper-pagination-switch{width:10px;height:10px;margin:12px auto 0;background:#fff;opacity:.5}
.section.ds-kg .swiper-active-switch{background:#fff;opacity:1}
.section .co1_ul dd{display:block;float:left}
.section .akl_ul ul{width:100%;padding-top:50px}
.section .akl_ul li{display:block;float:left;width:22%;margin-right:3%}
.section .akl_ul .nia{text-align:center;display:inline-block}
.section .link-cl a{color:#546c9e}
.section .hy-ul,.section .xh-ul{width:100%}
.section .hy-ul ul{margin:0 -5px}
.section .hy-ul li{display:block;float:left;width:33.33%;margin-bottom:12px}
.section .hy-ul .li-grid{margin:0 5px}
.section .hy-ul .li-text{width:100%;text-align:center;padding:10px 0}
.section .xh-ul ul{width:80%;margin:0 auto;padding-bottom:20px}
.section .xh-ul li{display:block;float:left;width:33.33%;margin:0 0;padding-bottom:40px}
.section .xh-ul .li-box{width:85%;margin:0 auto}
.section .xh-ul .c213_img{width:100%;margin-bottom:15px;text-align:center}
.section .xh-ul .po-title{font-size:18px;margin-bottom:15px}
.section .tab-param{width:750px;margin:0 auto;text-align:left;color:#9d9d9f}
.section .tab-param td{width:50%;padding:5px 0}
.section .tab-param td span{color:#9d9d9f}
.section .jia-hao-hs{height:68px;width:14px;margin:0 15px;background:url(../images/icon-jiah.png) no-repeat center}
.section .jia-hao{height:68px;width:14px;margin:0 15px;background:url(../images/icon-jia-hui.png) no-repeat center;float:left}
.section-carousel .owl-carousel,.section-carousel .owl-carousel .item{width:100%}
.section-carousel .owl-carousel .owl-controls{width:100%;position:absolute;left:0;bottom:10px}
.section-carousel .owl-carousel .owl-controls .owl-page span{border-radius:0;height:4px;width:20px}
.section .gkbox{position:relative;height:390px}
.section .img-item-ld{width:50%;height:100%}
.section .img-item-rd{width:50%;height:100%;margin-left:50%}
.section .dlj-block{width:40%;position:absolute;top:0;left:55%;height:100%}
.section .ltf-block{width:30%;position:absolute;top:0;left:13%;height:100%;text-align:right}
.section #section-nicety,.section .section-nicety{width:100%;height:715px}
.section #section-nicety .life-titme-img{width:63%;height:100%;margin-left:37%}
.section #section-nicety .life-titme{width:30%;height:100%;position:absolute;left:4%;top:0;text-align:center}
.section #section-nicety .time{height:50px;width:137px;line-height:50px;margin:60px auto 0;font-size:30px;border:1px solid #666;border-radius:3px;text-align:center}
.section #section-nicety .lines{width:90px;height:1px;background:#333;margin:25px auto}
.section #section-nicety .pram{width:100%;position:absolute;left:0;bottom:40px}
.section .swiper-pagination-nic{width:10px;height:auto;position:absolute;left:97%;top:40%;z-index:100}
.section .swiper-pagination-nic .swiper-pagination-bullet{display:block;width:10px;height:10px;margin-bottom:5px;border-radius:50%;background:#bbb;opacity:1}
.section .swiper-pagination-nic .swiper-pagination-bullet-active{background:#546c9e}
.section .pro-tabs{width:100%;background:#dbdbdb}
.section .pro-tabs td{padding:20px;background:#fff;width:50%}
.section .pro-tabs .bpod-pics{width:100%;margin-bottom:20px}
.section .seco-title{font-size:21px;margin-bottom:10px;color:#32383f}
.section .par-text{font-size:14px;color:#999}
.section .note-botm{position:absolute;left:0;bottom:50px;width:100%}
.section .layer-pop{width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;zoom:1}
.section .main-right-table{height:100%;margin-left:53.8%}
.section .mo-rt{margin-left:62%}
.section .main-left-table{height:100%;width:40%}
.section .min-lt-box{margin-left:10%;padding-top:70px;width:33%}
.section .parm,.section .two-lis{padding:50px 0}
.section .parm li{display:block;width:80%;float:left;text-align:center}
.section .two-lis li{display:block;width:50%;float:left;text-align:center}
.section .n200-main{width:65%;height:100%;position:relative}
.section .rz-left-table{height:100%;width:40%;margin-left:0}
.section .rz-left-table .text{font-size:14px}
.section .jz-left-table{height:100%;width:60%;color:#b7b7b8}
.section .sbhy{height:64px;width:830px;margin:0 auto}
.section .sbhy span{display:block;float:left;width:125px;height:64px}
.section .sbhy p{display:block;margin-left:140px;padding:5px 0}
.section .main-con-lt{width:80%;padding-top:5%;margin-left:15%}
.section .sader-con-lt{margin-left:56%;padding-top:15%;color:#000;text-align:right}
.section .suo-con-rt{width:35%;margin-left:55%;padding-top:10%}
.section .zk-lt-table{width:54%;height:100%}
.section .yl-lt-table{width:34%;height:100%;position:relative}
.section .palm{width:100%;position:absolute;left:0;bottom:40px}
.section .dz-rt-table{width:40%;height:100%;position:relative;margin-left:53%}
.section .smaz-lt-table{width:44%;height:100%;position:relative}
.section .txt-layers ul{width:100%;border:1px solid #b0cadb}
.section .test-content li,.section .txt-layers li{display:block;width:33.33%;float:left}
.section .txt-layers .txt-box{padding:40px 20px;height:auto;border-bottom:1px solid #9fb7c6;box-sizing:border-box;border-right:1px solid #9fb7c6}
.section .test-content li .no-bor-btm,.section .txt-layers li .no-bor-btm{border-bottom:none}
.section .test-content li .no-bor-rt,.section .txt-layers li .no-bor-rt{border-right:none}
.section .txt-layers li h2{font-size:28px;line-height:35px;display:block;font-weight:400;color:#333;margin-bottom:5px}
.section .txt-layers li p{display:block;font-size:15px}
.section .ass-left-table{height:100%;width:44%;color:#606060}
.section .h1-title{font-size:34px;color:#333}
.section .note-text-botm{width:35%;position:absolute;left:55%;bottom:40px;color:rgba(255,255,255,.35);font-size:13px}
.section .test-title{color:#bbd2e3}
.section .test-content ul{width:100%}
.section .test-content .li-item{padding:40px 20px;height:auto;border-bottom:1px solid #495057;box-sizing:border-box;border-right:1px solid #495057;color:#bbd2e3}
.section .test-content .tt-box{display:inline-block}
.section .test-content .li-item h1{display:block;font-size:45px;line-height:35px;font-weight:400;text-align:left;color:#bbd2e3}
.section .test-content .li-item span{display:inline-block;position:relative}
.section .test-content .li-item em{display:block;position:absolute;top:-10px;left:110%;font-size:14px;width:30px;font-style:normal}
.section .test-content .li-item p{display:block;padding-top:10px}
.section .row-three-ld{margin:20px 0;width:100%}
.section .ld-layer{width:100%;margin-bottom:20px}
.section .row-three-ld ul{margin:0 -10px}
.section .row-three-ld li{display:block;float:left;width:50%}
.section .row-three-ld .ld-item{margin:0 10px;position:relative;overflow:hidden}
.section .row-three-ld .ld-infor{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;zoom:1}
.section .cqc-bx{width:40%;margin:0 auto;text-align:left;color:#858688}
.section .padwid{padding:5% 7%;width:50%;margin:0 auto}
.section .w35{width:36%;position:relative}
.section .wid450{width:35%;position:relative}
.section .wid50{width:50%}
.section .wid40{width:43%}
.section .w50{width:50%;margin:0 auto}
.section .w65{width:65%;margin:0 auto}
.section .w65{width:65%}
.section .w65mg{width:65%;margin:0 auto}
.section .w70{width:70%;margin:0 auto}
.section .w85{width:85%;margin:0 auto}
.section .wid60{width:68%;margin:0 auto}
.section .midde-wrap{width:65%;margin:0 auto}
.padTop{padding-top:105px}
.section .padBox{padding:50px 0}
.section .m-table{height:100%}
.section .noto-text{font-size:14px}
.section .secon-title{font-size:23px;margin-bottom:5px}
.section .col-black{color:#333}
.section .clbu{color:#546c9e;border-bottom:1px solid #858688;padding-bottom:40px}
.section .cljlse{color:#546c9e}
.section .btn-bor{width:100%;margin-bottom:20px}
.section .btn-bor span{border:1px solid #2b2d2f;line-height:30px;padding:1px 10px;border-radius:7px;font-size:26px}
.section .btn-bor .wht{border:1px solid #fff}
.section .t-center{text-align:center}
.section .col-white,.section .t-white,.section .t-wite,.section p.col-white{color:#fff}
.section .whi-op{color:rgba(255,255,255,.75)}
.section .prodcut p.col-white{background:url(../images/de-logo1.png) no-repeat center left}
.section .gd-main .text,.section .ify,.section .smcl-cont .text{text-align:justify}
.section .mag60{margin-bottom:60px}
.section .mar40{margin-bottom:40px}
.section .mar20{margin-bottom:20px}
.mar10{margin-bottom:10px}
.section .w60{width:680px;margin:0 auto}
.section .w488{width:500px;margin:0 auto;text-align:center}
.section .color333,.section .t-black{color:#333}
.section .col666{color:#666}
.section .pd-col{color:#b1b2b4}
.section .pic{display:block;width:100%;height:auto}
.section img{vertical-align:middle;height:auto;}
.section .test-content .li-item em .kit-layer{background:#3a3a3a}
.kit-layer .box-model{width:50%;padding:5% 0;float:left}
.kit-layer .left-box{background:#dfd2b0}
.kit-layer .right-box{background:#3a3a3a}
.kit-layer .model-item{width:67%}
.kit-layer .left-box .model-item{margin-left:20%}
.kit-layer .right-box .model-item{margin-left:15%;width:55%}
.kit-layer .img-item{width:100%;margin-bottom:1rem}
.kit-layer .kittext{color:#6c6c6c;text-align:justify;font-size:1rem;line-height:1.75rem}
.kit-layer .right-box .kittext{color:#fff}
.kit-desc-teir{padding:4% 0;background:#546c9e}
.kit-desc-title{font-size:1.5rem;color:#fff;width:290px;text-align:center;margin:0 auto 3rem}
.kit-desc-img{width:560px;text-align:center;margin:0 auto 3rem}
.kit-desc-intron{width:560px;line-height:1.875rem;margin:0 auto;color:#fff;font-size:1rem}
.kit-usage{padding:0 0;background:#eee;position:relative}
.kit-usage .left-model{width:50%;height:100%;position:absolute;top:0;left:0}
.kit-usage .model-content{width:52%;margin-left:25%;height:100%;text-align:justify}
.kit-usage .colm-title,.kit-usage .table{text-align:left}
.kit-usage .infor-content{width:100%;color:#6c6c6c;text-align:justify}
.kit-usage .infor-content p{margin-bottom:5px}
.kit-usage .grid-model{width:50%;margin-left:50%;position:relative}
.kit-usage .swiper-container{width:100%;height:auto!important}
.kit-usage .swiper-container .swiper-slide{width:100%;height:auto;position:relative}
.kit-usage .swiper-container .swiper-slide img .kit-usage .swiper-slide p{display:block;width:auto;height:auto;line-height:45px;position:absolute;top:0;left:0;padding:5px 20px;background:url(../images/bwall.png) repeat;font-size:1rem}
.kit-usage .swiper-pagina{width:100%;position:absolute;left:0;bottom:10px;z-index:100}
.kit-usage .swiper-pagina .swiper-pagination{width:98%;text-align:left;margin:0 auto;position:static}
.kit-usage .swiper-pagina .swiper-pagination-bullet{display:inline-block;width:10px;height:10px;border-radius:5px;background:#d2d2d2;margin:0 5px;cursor:pointer;opacity:1}
.kit-usage .swiper-pagina .swiper-pagination-bullet-active{background:#546c9e}
.kit-usage .swiper-pagina .mobile-swiper-pagination{text-align:center}
.kit-usage .tran-icon{width:45px;height:45px;position:absolute;top:0;left:-40px;background:url(../images/icon-tran.png) no-repeat center}
.siri-intro{width:100%;position:relative}
.siri-intro .siri-content{width:100%;height:100%;position:absolute;top:0;left:0}
.siri-intro .siri-infor{width:40%;position:absolute;left:10%;bottom:15%}
.siri-intro .siri-title{font-size:1.5rem;color:#546c9e;margin-bottom:2.5rem}
.siri-intro .siri-text{font-size:.875rem;color:#6c6c6c;width:100%;line-height:1.5rem}
.serve-conment{width:60%;margin:0 auto 2rem;color:#6c6c6c;text-align:center;font-size:1rem;line-height:1.875rem}
.serv-list .item{width:25%;float:left}
.serv-list .item a{display:block;margin:0 10px;position:relative;text-align:center;cursor:default}
.serv-list .item p{display:block;width:100%;margin-bottom:10px;overflow:hidden}
.serv-list .item a img{display:block;width:100%}
.serv-list .item h1{display:block;font-weight:400;font-size:1rem;color:#777}
.serv-list .item a:hover p img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1)}
.serv-list .item a:hover h1{color:#546c9e}
.serv-list .owl-wrapper .item{width:100%;float:none}
.serv-list .owl-controls .owl-buttons .owl-prev{width:30px;height:40px;position:absolute;left:0;top:50%;margin-top:-20px;background:url(../images/owl-prev.png) no-repeat center}
.serv-list .owl-controls .owl-buttons .owl-next{width:30px;height:40px;position:absolute;right:0;top:50%;margin-top:-20px;background:url(../images/owl-next.png) no-repeat center}
.set-intro{background:#efe8d7}
.set-intro .set-content{width:660px;text-align:center;margin:0 auto 2.5rem;font-size:1rem;color:#6d6d6d;line-height:1.875rem}
.learn-more{width:100%;text-align:center}
.learn-more a{color:#546c9e;font-size:16px}
.learn-more a:hover{border-bottom:1px solid #546c9e}
.bgWhite{background:#fff}
.service{position:relative}
.left-wrapper{width:397px;float:left;padding:20px 0;background:#fff}
.left-wrapper ul{width:100%;display:block}
.left-wrapper li{display:block;width:100%;margin-bottom:10px}
.left-wrapper .sort{width:100%;height:40px;position:relative;cursor:pointer}
.left-wrapper .sort p{display:block;padding-left:42px;line-height:40px;font-size:1.125rem;color:#6c6c6c}
.left-wrapper .sort em{display:block;width:30px;height:40px;position:absolute;top:0;right:42px;background:url(../images/ary-rtt.png) no-repeat center}
.left-wrapper .sort-list,.pay-list,.goods-list,.trail-list{width:100%}
.left-wrapper .sort-list p{display:block;padding:0 42px;height:30px;line-height:30px;position:relative}
.left-wrapper .sort-list a{display:block;font-size:1rem;color:#6c6c6c}
.left-wrapper .sort-list i{display:none;width:3px;height:20px;position:absolute;left:0;top:50%;margin-top:-10px;background:#546c9e}
.left-wrapper .sort-list p.on i{display:block}
.left-wrapper li .curr em{transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg)}
.content-wrapper{margin-left:418px;overflow:hidden}
.content-wrapper .content-main{padding:20px 40px 60px;background:#fff}
.fqa-list li{display:block;width:100%;margin-bottom:20px}
.question{width:100%;font-size:16px;color:#6c6c6c;cursor:pointer}
.answer{width:100%;padding:10px 0;font-size:1rem;color:#6c6c6c;line-height:26px;display:none}
.fqa-list li:hover .question{color:#546c9e}
.content-wrapper .prodcut-list,.content-wrapper .video-list{width:100%}
.content-wrapper .row3 ul{margin:0 -5px}
.content-wrapper .row3 li{display:block;width:33.33%;float:left;margin-bottom:10px}
.content-wrapper .row3 .grid{margin:0 5px}
.content-wrapper .row3 .prod-img{width:100%;height:290px;line-height:290px;overflow:hidden;margin-bottom:10px;position:relative;text-align:center;background:#fefefe}
.content-wrapper .row3 .prod-img img{height:150px;width:150px;vertical-align:middle;display:inline-block}
.content-wrapper .prodcut-list .grid{background:#fff}
.content-wrapper .prodcut-list .prod-name{padding:0 15px 20px;text-align:center;font-size:18px;color:#777;height:52px;overflow:hidden}
.content-wrapper .prodcut-list .prod-btn{padding:0 15px 20px;height:40px}
.content-wrapper .prod-btn a{display:block;height:40px;width:47%;text-align:center;line-height:40px;transition:all .35s}
.content-wrapper .prod-btn .look{background:#d9d9d9;color:#546c9e}
.content-wrapper .prod-btn .look:hover{background:#b2b2b2}
.content-wrapper .prod-btn .downlaod{background:#546c9e;color:#fff}
.content-wrapper .prod-btn .downlaod:hover{background:#637fb9}
.content-wrapper .prodcut-list .grid:hover{box-shadow:0 0 5px rgba(0,0,0,.15)}
.content-wrapper .video-list .video-name{padding:0 5px 20px;font-size:1.125rem;color:#777}
.content-wrapper .video-list .prod-img span{display:block;width:49px;height:49px;position:absolute;left:15px;bottom:15px;cursor:pointer;background:url(../images/playa.png) no-repeat center;z-index:10}
.sale-wrapper{width:100%;color:#777;font-size:1rem}
.sale-wrapper .marg,.sale-wrapper .one{width:100%;margin-bottom:1.125rem}
.sale-wrapper .title-layer{font-size:18px;margin-bottom:.625rem;color:#777;font-weight:600}
.sale-wrapper .infor{margin:0 36px;line-height:24px;font-size:16px}
.sale-wrapper .infor p{margin-bottom:7px}
.sale-wrapper .infor span{font-weight:600;font-size:16px}
.colum-title{font-size:1.25rem;color:#6c6c6c;width:100%;margin-bottom:1.875rem}
.pay-list ul{margin:0 -20px}
.pay-list li{display:block;width:20%;float:left}
.pay-list li .item{margin:0 20px}
.pay-list li .pay-img{width:100%;height:150px;border-radius:15px;margin-bottom:1.25rem;background:#fff;box-shadow:0 0 15px rgba(150,150,150,.35);text-align:center;vertical-align:middle}
.pay-list li .pay-img:after{content:"";display:inline-block;height:100%;vertical-align:middle}
.pay-list li .pay-img img{vertical-align:middle}
.pay-list li p{display:block;width:100%;font-weight:400;text-align:center;font-size:1.25rem;color:#6c6c6c}
.pay-list li .item:hover p{color:#546c9e}
.redar-title{font-size:1.25rem;color:#6c6c6c;width:100%;border-bottom:2px solid #546c9e;padding:1.25rem 0 .5rem}
.dd-text{border-bottom:1px solid #546c9e;padding:1.25rem 0;color:#6c6c6c} 
.trail-list ul{margin:0 -20px}
.trail-list li{display:block;width:33.33%;float:left}
.trail-list li .item{margin:0 20px;padding:2.5rem;background:#fff;border-radius:20px;color:#6c6c6c}
.trail-list li .trail-img{width:57px;margin:0 auto 1rem}
.trail-list li span{display:block;width:100%;font-weight:400;text-align:center;font-size:1.25rem;margin-bottom:.625rem}
.trail-list li .text{min-height:6rem}
.image-box{width:100%;position:relative;overflow:hidden}
.image-box img.pic{display:block;width:100%;height:auto}
.image-box .btn-more{width:160px;position:absolute;left:50%;margin-left:-80px;bottom:40px;cursor:pointer}
.image-box .iframe{width:100%;height:100%;position:absolute;top:0;left:0;z-index:10;display:none}
.infor-desc{width:60%;margin:0 auto;text-align:center;margin-bottom:2.5rem}
.ys-list{width:100%;text-align:center;margin-bottom:2rem}
.ys-list h3{display:inline-block;height:45px;line-height:45px;width:160px;color:#fff;margin:0 .625rem;border-radius:24px;-webkit-border-radius:24px;-moz-border-radius:24px;background:#546c9e;cursor:pointer;position:relative}
.ys-list span{display:inline-block;height:100%;background:url(../images/icon8.png) no-repeat center left;padding-left:37px;font-size:1rem}
.ys-list h3 i{display:block;width:0;height:0;border:13px solid transparent;border-bottom-color:#546c9e;position:absolute;left:50%;bottom:-2.5rem;margin-left:-13px;visibility:hidden}
.ys-list h3 i.gry{border-bottom-color:#e2e2e2;background:0 0!important}
.ys-list h3 i.rred{border-bottom-color:#d52943;background:0 0!important}
.ys-list h3:hover{box-shadow:0 0 15px rgba(54,108,158,.75)}
.ys-list h3.active span{background:0 0;padding-left:0}
.ys-list h3.active i{bottom:-2rem;visibility:visible}
.aqara-swiper,.layer-box{width:100%;position:relative}
.tab-wrapper .tab-item,.tab-wrapper .tab-main{width:100%;height:100%;position:absolute;left:0;top:0}
.tab-wrapper .tab-item{display:none}
.tab-wrapper .tab-left-box{width:60%;height:100%;display:table;vertical-align:middle}
.tab-wrapper .tab-right-box{width:40%;height:100%;display:table;vertical-align:middle;position:absolute;top:0;left:50%}
.tab-wrapper .content-text{padding:40px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.tab-wrapper .content-text .tile{display:block;font-size:20px;font-weight:400;margin-bottom:30px}
.tab-wrapper .one-text{width:415px;margin:auto;padding:0}
.tab-wrapper .two-text{width:350px;margin:auto;padding:0;color:#fff}
.tab-wrapper .title{width:100%;text-align:center;color:#fff;font-size:24px;margin-bottom:60px}
.tab-wrapper .text{width:100%;margin:auto}
.tab-wrapper .bgBlue{color:#fff}
.tab-wrapper .pics{width:100%;margin:auto;text-align:center}
.tab-wrapper .pics p{display:inline-block;width:auto;margin:0 5%;width:26%}
.tab-wrapper .pics em{display:block;width:70%;margin:0 auto}
.tab-wrapper .pics img{display:block;width:100%}
.tab-wrapper .pics span{display:block;width:100%;padding:10px 0 0}
.tab-wrapper .logol{width:80%;text-align:center;font-size:0;zoom:1;margin:0 auto}
.tab-wrapper .logol p{display:inline-block;width:auto;margin:0 3%}
.tab-wrapper .logol_jx{width:770px;text-align:center;font-size:0;zoom:1;margin:0 auto 20px}
.tab-wrapper .logol_jx p{display:block;width:90px;height:90px;line-height:90px;margin:0 9px;float:left;text-align:center}
.tab-wrapper .logol_jx img{vertical-align:middle;height:80px}
.tab-wrapper .lt-text{float:left;width:38%;text-align:left;margin-left:5%;padding-top:8%;color:#fff}
.tab-wrapper .map-img{width:100%;vertical-align:middle}
.tab-wrapper .map-img img{vertical-align:middle}
.aqara-layer,.marg-botom{margin-bottom:3rem}
.aqara-swiper .swiper-wrapper{width:100%;height:auto;margin-bottom:.5rem}
.aqara-swiper .swiper-slide{background:#efefef;width:100%;position:relative}
.aqara-swiper .swiper-slide::after,.aqara-swiper .swiper-slide:after{content:"";display:block;width:100%;clear:both;box-sizing:border-box}
.aqara-swiper .aqara-image{width:59.407%;float:right}
.aqara-swiper .aqara-image img{display:block;width:100%;height:auto}
.aqara-swiper .aqara-infor{width:43%;height:100%;position:absolute;left:0;top:0;background:#efefef}
.aqara-swiper .aqara-text{padding:0 10%;color:#6c6c6c}
.aqara-swiper .aqara-text .t{display:block;font-size:1.5rem;font-weight:400;margin-bottom:2.5rem}
.aqara-swiper .aqara-text p{display:block;font-size:15px;line-height:26px}
.aqara-layer .swiper-pagina,.aqara-swiper .swiper-pagina{width:100%;height:10px;position:relative}
.aqara-layer .swiper-pagination,.aqara-swiper .swiper-pagina .swiper-pagination{width:100%;text-align:center;margin:0 auto}
.aqara-layer .swiper-pagination-bullet,.aqara-swiper .swiper-pagina .swiper-pagination-switch{display:inline-block;width:10px;height:10px;border-radius:5px;background:#d2d2d2;margin:0 5px;cursor:pointer}
.aqara-layer .swiper-pagination-bullet-active,.aqara-swiper .swiper-pagina .swiper-active-switch{background:#546c9e}
.aqara-layer .swiper-pagina,.aqara-swiper .swiper-pagina .mobile-swiper-pagination{text-align:center}
.sustain{background:#546c9e;height:703px;position:relative;overflow:hidden}
.sustain .sup-nav{width:367px;height:100%;position:absolute;top:0;left:0}
.sustain .sup-nav li{display:block;width:100%}
.sustain .sup-top{position:relative;height:65px;width:100%;border-top:1px solid #546c9e;cursor:pointer}
.sustain .sup-top p{width:100%;height:100%;line-height:65px;text-align:center;position:absolute;top:0;left:0;background:#455982;color:#fff;font-size:1.25rem}
.sustain .sup-top i{display:block;width:65px;height:100%;position:absolute;top:0;right:0;background:url(../images/icon9.png) no-repeat center}
.sustain .sup-item{height:440px;width:100%;background:#546c9e;color:#fff;display:none}
.sustain .text-padd{padding:2.5rem 2rem 1.25rem 2rem;line-height:1.5rem}
.sustain .sup-nav li:first-child .sup-top{border:none}
.sustain .sup-nav .sup-active p{left:10px;top:10px;background:#e0d1b0;color:#546c9e;z-index:10}
.sustain .sup-nav .sup-active i{visibility:hidden}
.sustain .sup-pictrue{margin-left:367px;height:100%}
.sustain .sup-pictrue ul{width:100%;height:100%;position:relative}
.sustain .sup-pictrue li{width:100%;height:100%;position:absolute;top:0;left:0}
.sustain .sup-pictrue li img{display:block}
.lc-wrapper,.lc-wrapper ul,.sustain .sup-pictrue li img{width:100%} 
.lc-wrapper li{width:33.33%;display:block;float:left;margin-bottom:2.5rem;position:relative}
.lc-wrapper .item{width:70%;height:auto;position:relative;border:1px solid #aaa;border-radius:10px;padding:2rem 1.5rem 2.5rem;margin:0 auto;overflow:hidden}
.lc-wrapper .icon-box{width:100%;height:47px;text-align:center;margin-bottom:1.25rem}
.lc-wrapper .item .hj{display:block;font-weight:400;font-size:1.25rem;color:#546c9e;text-align:center;margin-bottom:.625rem}
.lc-wrapper .lc-text{text-align:center;font-size:1rem;color:#505050}
.lc-wrapper .nubmer{height:120px;overflow:hidden;position:absolute;left:10px;bottom:-10px;font-size:140px;color:#ddd;line-height:120px}
.lc-wrapper .ary-icon{width:10%;height:100%;position:absolute;right:-5%;top:0;background:url(../images/icon16.png) no-repeat center}
.lc-wrapper li:nth-child(3n) .ary-icon{display:none}
.kc-wrapper .main-text{width:60%;margin:0 auto 1.75rem;font-size:1rem;line-height:1.75rem;color:#4f4f4f}
.kc-wrapper .store-img-box,.kc-wrapper .store-img-teir{width:100%}
.kc-wrapper{width:79%;margin:0 auto}
.kc-wrapper .store-img-left{width:24.2%}
.kc-wrapper .store-img-right{width:74.34%;position:relative}
.kc-wrapper .store-img-box img,.kc-wrapper .store-img-left a,.kc-wrapper .store-img-right a{display:block;width:100%;overflow:hidden}
.store-img-teir ul{margin:0 -8px}
.store-img-teir li{display:block;float:left;width:50%}
.store-img-teir .imBox{display:block;margin:0 8px;position:relative;overflow:hidden}
.kc-wrapper .store-img-top{margin-bottom:20px}
.area-tab,.area-tab-main{width:100%}
.area-tab .area-tab-nav{width:100%;margin-bottom:2rem}
.area-tab .area-tab-nav ul{height:60px;margin:0 -5px}
.area-tab .area-tab-nav li{width:14.28%;height:100%;display:block;float:left}
.area-tab .area-tab-nav p{display:block;margin:0 5px;border:1px solid #dedede;text-align:center;color:#546c9e;height:58px;line-height:58px;font-size:1.5rem;border-radius:15px;-webkit-border-radius:15px;cursor:pointer;position:relative}
.area-tab .area-tab-nav p:hover{border:1px solid #546c9e;color:#546c9e}
.area-tab .area-tab-nav p::after{display:block;width:0;height:0;border:13px solid transparent;border-top-color:#546c9e;position:absolute;top:59px;left:50%;margin-left:-13px}
.area-tab .area-tab-nav p.active{background:#546c9e;color:#fff;border:1px solid #546c9e}
.area-tab .area-tab-nav p.active::after{content:""}
.area-tab .area-tab-main{width:100%;margin-bottom:2rem}
.area-tab .tab-item,.lxr .lxr-layer{width:100%;display:none}
.area-tab .area-city{border-bottom:1px solid #e5e5e5;padding:0 2.5rem .625rem}
.area-tab .area-city span{display:inline-block;font-size:1.25rem;color:#546c9e;margin-right:1.125rem;cursor:default}
.joinIn{width:100%;color:#6c6c6c;line-height:2rem;font-size:1.125rem;margin-bottom:2rem}
.joinIn a{color:#546c9e}
.lxr .lxr-layer p{display:block;line-height:2rem;font-size:1.25rem;padding-left:26px;background-size:20px auto!important}
.lxr .lxr-layer p.name{background:url(../images/icon5.png) no-repeat center left}
.lxr .lxr-layer p.weixin{background:url(../images/icon6.png) no-repeat center left;background-size:22px auto!important}
.query-area{padding:1.875rem 0 1.25rem;border-bottom:1px solid #dcdcdc;margin-bottom:1.5rem}
.query-area .branches{float:left;padding-left:15px;font-size:1rem;line-height:2rem}
.query-area .branches p{display:block;padding-left:35px;background:url(../images/icon20.png) no-repeat center left;background-size:22px auto!important;color:#777}
.query-area .query-box{float:right;height:2rem}
.query-area .query-box select{width:200px;height:2rem;margin-left:1rem}
.store-type{padding:0 0 1rem;height:2rem;border-bottom:1px solid #546c9e;margin-bottom:1.5rem}
.store-type span{display:block;float:left;line-height:2rem;font-size:1.25rem;font-weight:400;color:#6c6c6c}
.store-type .sele-wrap{float:right;height:2rem}
.store-type .sele-wrap select{width:200px;height:2rem;margin-left:1rem}
.store-place{border-bottom:1px solid #546c9e;padding:0 0 1.5rem;margin-bottom:3rem;position:relative}
.store-place .place-list{width:100%;position:relative}
.store-place .map-area{width:53%}
.store-place .stores-list{width:43%;height:100%;position:absolute;top:0;right:0}
.store-place .stores-list li{display:block;margin-bottom:1.25rem;line-height:1.5rem}
.store-place .stores-list h1{display:block;font-size:1.125rem;font-weight:400;color:#546c9e;margin-bottom:5px}
.store-place .stores-list p{display:block;padding-left:25px;margin-top:7px}
.store-place .stores-list p.adder{background:url(../images/icon21.png) no-repeat center left}
.store-place .stores-list p.peoplo{background:url(../images/icon22.png) no-repeat center left}
.store-place .stores-list p.plone{background:url(../images/icon23.png) no-repeat center left}
.quqeryBanner{width:100%;position:relative}
.query-gird{width:100%;background:url(../images/icon-wall.png) repeat;padding:36px 0;position:absolute;bottom:0;left:0}
.query-gird .search-layer{background:#fff;width:460px;height:40px;border-radius:20px;position:relative;overflow:hidden;margin:0 auto}
.query-gird .search-layer span{display:block;height:100%;margin-left:50px;margin-right:20px}
.query-gird .ui-button{width:50px;height:40px;border:none;box-sizing:border-box;position:absolute;top:0;left:0;background:url(../images/find.png) no-repeat center}
.query-gird .ui-input{width:100%;height:100%;border:none;box-sizing:border-box}
.lc-step{padding-bottom:3.125rem}
.lc-step ul{width:70%;margin:0 auto}
.lc-step li{display:block;width:100%}
.lc-step .item{width:50%;position:relative}
.lc-step .grid{width:70%;border-radius:15px;-webkit-border-radius:15px;-moz-border-radius:15px}
.lc-step .pad{padding:1.25rem;min-height:148px}
.lc-step .nub{width:100%;margin-bottom:.625rem;position:relative}
.lc-step .nub span{font-size:3.75rem;display:block;color:#999;line-height:1}
.lc-step .nub p{display:block;position:absolute;bottom:0;color:#546c9e;font-size:1rem}
.lc-step .item-text{color:#6c6c6c;line-height:1.625rem}
.lc-step .icon-img{width:30%;height:100%;position:absolute;top:0;z-index:10}
.lc-step .icon-img p{display:block;width:70%;height:auto;position:absolute;top:50%;left:15%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%)}
.lc-step .line-box{width:1px;height:100%;position:absolute;top:60%;background:#999}
.lc-step .item:hover .grid{box-shadow:0 0 20px rgba(8,1,3,.15)}
.lc-step li.even .icon-img{right:0}
.lc-step li.even .nub p{right:0}
.lc-step li.even .line-box{right:1%;transform:rotate(-35deg);-webkit-transform:rotate(-35deg);-moz-transform:rotate(-35deg)}
.lc-step li.odd .item{margin-left:50%}
.lc-step li.odd .grid{margin-left:30%}
.lc-step li.odd .nub span{text-align:right}
.lc-step li.odd .nub p{left:0}
.lc-step li.odd .line-box{left:1%;transform:rotate(35deg);-webkit-transform:rotate(35deg);-moz-transform:rotate(35deg)}
.lc-step li:last-child .line-box{display:none}
.cha-wrapper{width:60%;margin:0 auto 2.5rem;font-size:1rem;line-height:1.875rem;color:#6c6c6c}
.cha-tab{width:100%;min-width:880px}
.cha-tab .install-nav{width:100%;margin-bottom:1.75rem;text-align:center}
.cha-tab .install-nav span{display:inline-block;height:70px;line-height:70px;background:#eee;width:200px;text-align:center;font-size:1.25rem;margin:0 5px;cursor:pointer}
.cha-tab .install-nav .active{color:#fff;background:#546c9e}
.cha-tab .tab-main,.cha-tab .tab-item{width:100%;position:relative} 
.cha-tab .row ul{margin:0 -3px}
.cha-tab .row li{display:block;float:left;margin-bottom:10px}
.cha-tab .rol6 li{width:16.66%;min-width:220px}
.cha-tab .row li a{display:block;margin:0 3px;position:relative;background:#eee;overflow:hidden}
.cha-tab .row .img-item{width:100%;padding:35px 0;text-align:center;overflow:hidden}
.cha-tab .row .img-item img{width:150px;height:150px}
.cha-tab .row .text-grid{width:100%;height:100%;position:absolute;top:0;left:0;background:#707070;visibility:hidden;opacity:0;transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1)}
.cha-tab .row .pd-title{width:100%;position:absolute;top:0;left:0}
.cha-tab .row .pd-title p{display:block;padding:10px}
.cha-tab .row .pad{padding:1.125rem 1rem;color:#fff;text-align:justify;font-size:14px}
.cha-tab .row li a:hover .text-modal{transform:none;-webkit-transform:none;-moz-transform:none;visibility:visible;opacity:1}
.boxlevel,.brand-intro{width:100%;position:relative}
.news-stick{position:relative;height:auto;margin-bottom:50px;background-color:#fff;cursor:pointer;box-shadow:0 0 7px rgba(0,0,0,.15)}
.bgWall img,.bgWall p,.brand-intro ul,.news-stick .col-md img,.news-stick a,.newslist .imgBox,.newslist .imgBox img,brand-intro li{display:block;width:100%}
.news-stick .col-md{width:53%;overflow:hidden}
.news-stick .news-sumary{width:43%;overflow:hidden;padding:4rem 0}
.news-stick .news-sumary .nw-title{display:block;font-size:1.25rem;font-weight:400}
.news-stick .news-sumary .nw-time{display:block;font-size:.875rem;font-weight:400;margin-bottom:1.5rem}
.news-stick .news-sumary .text{width:90%}
.newslist{margin-bottom:40px}
.newslist ul{margin:0 -15px}
.newslist li{display:block;width:33.33%;float:left;margin-bottom:30px}
.newslist li a{display:block;margin:0 15px;background:#fff}
.newslist .imgBox{overflow:hidden}
.newslist .nw-title{padding:13px 15px;font-size:1.25rem;height:60px;color:#444950}
.newslist .nw-time{padding:0 15px 20px;font-size:.875rem;color:#666}
.newslist li a:hover{box-shadow:0 0 15px rgba(187,187,187,.35)}
.news-inner{width:80%;margin:0 auto;border-bottom:1px solid #ddd;margin-bottom:1.75rem}
.news-inner .news-title{font-size:1.5rem;color:#6c6c6c;margin-bottom:.625rem}
.news-inner .news-send{font-size:.875rem;padding-bottom:.9375rem;color:#6c6c6c}
.news-content{width:80%;margin:0 auto;margin-bottom:2.5rem;border-bottom:1px solid #ddd;padding-bottom:2rem}
.news-related{width:80%;margin:0 auto}
.news-col{font-size:1.5rem;margin-bottom:1.5rem;color:#6c6c6c}
.tale-layer{width:100%;height:100%;position:absolute;top:0;left:0;background:url(../images/d_8.png) repeat}
.tale-layer .case-boxs{height:100%;position:relative}
.tale-layer .title{color:#fff;display:block;font-weight:400;font-size:1.375rem;width:56%;margin:0 auto 2rem;text-align:center}
.tale-layer .brand-title{color:#fff;display:block;font-weight:400;font-size:36px;width:56%;margin:0 auto 1.5rem;text-align:center}
.tale-layer .text{width:70%;margin:0 auto;color:#fff;font-size:16px;line-height:28px}
.tale-slogan .slogan{color:#fff;font-size:24px;text-align:center;width:80%;margin:0 auto;line-height:40px}
.intro-layer{background:url(../images/wall1.jpg) no-repeat center #eee;background-size:cover;margin-bottom:0}
.intro-layer .intron{width:43%;color:#6c6c6c;padding:2.5rem 0}
.brand-intro .textgrid,.brand-intro .textgrid-infor,.intro-layer .intron{text-align:justify;font-size:16px;line-height:28px}
.brand-intro .textgrid-infor{width:72%;margin-left:8%}
.brand-intro li{background:#eee;height:440px;position:relative;overflow:hidden}
.brand-intro .content,.brand-intro .picture{width:50%;height:100%}
.brand-intro .picture{background-size:cover}
.brand-intro .picture img{height:auto}
.brand-intro .content{height:100%;position:absolute;top:0;background:#eee}
.brand-intro .content.cont-w48{width:50%}
.brand-intro .textgrid{width:72%;padding:1.25rem 0;color:#6c6c6c;margin-left:7%}
.brand-intro li.even .picture,.brand-intro li.odd .content{float:left}
.brand-intro li.even .content,.brand-intro li.odd .picture{float:right}
.brand-intro li.even .content{right:0}
.brand-intro li.odd .content{left:0}
.brand-intro li.odd .textgrid{margin-left:20%}
.contact .wrap{margin:0 5.2%}
.contact .wrapper{width:1320px;margin:0 auto}
.contact .layer{margin-bottom:2.5rem}
.contact .grid-title{height:40px;border-bottom:1px solid #e5e5e5;font-size:1.25rem;color:#6c6c6c;margin-bottom:1.75rem}
.contact .grid-title span{display:inline-block;height:39px;border-bottom:2px solid #546c9e}
.contact .all-box{width:50%}
.contact .all-code{width:40%}
.contact .c-list li{display:block;padding-left:30px;line-height:1.75rem;font-size:1rem;margin-bottom:.5rem;color:#777}
.contact .c-list li.adder{background:url(../images/icon1.png) no-repeat 0 2px}
.contact .c-list li.tell{background:url(../images/icon2.png) no-repeat 0 50%}
.contact .c-list li.fox{background:url(../images/icon3.png) no-repeat 0 50%}
.contact .c-list li.mail{background:url(../images/icon4.png) no-repeat 0 50%}
.contact .cd-list dl{margin-right:-3%}
.contact .cd-list dd{display:block;float:left;width:30%;margin-right:3%;text-align:center;color:#777}
.contact .cd-list p{display:block;max-width:140px;margin-bottom:.5rem}
.contact .cd-list h1{display:block;font-weight:400;width:140px}
.contact .tag-list{width:102%;zoom:1}
.contact .tag-list li{border-radius:4px;background:#fff;border:1px solid #aaa;display:inline-block;padding:12px 37px;margin-right:25px;cursor:pointer;font-size:1.25rem;color:#777}
.contact .tag-list li:last-child{margin-right:0}
.contact .tag-list li.active{background:#546c9e;border:1px solid #546c9e;color:#fff}
.contact .tab-infor,.contact .area-contact li{display:none}
.contact .area-list{width:100%;margin-bottom:2rem}
.contact .area-list span{display:inline-block;padding:5px 0;width:auto;margin-right:40px;font-size:1.125rem;cursor:pointer}
.contact .area-list span.active{color:#546c9e;font-weight:700}
.contact .contact-infor p{display:block;margin-bottom:.625rem;font-size:1rem;padding-left:30px;background-size:20px auto!important}
.contact .contact-infor p.name{background:url(../images/icon5.png) no-repeat center left}
.contact .contact-infor p.phone{background:url(../images/icon2-2.png) no-repeat center left}
.contact .contact-infor p.email{background:url(../images/icon4-2.png) no-repeat center left}
.contact .contact-infor p.weixin{background:url(../images/icon6.png) no-repeat center left}
.contact .dj a{display:block;width:73px;height:2.5rem;padding-right:20px;color:#546c9e;font-size:1.125rem;background:url(../images/ary-rt-blue.png) no-repeat 95% 50%}
.contact .dj a span{display:inline-block;line-height:2rem;border-bottom:2px solid #546c9e}
.contact .dj a:hover{background-position:100% 50%}
.contact .hz p{display:block;height:2.5rem;line-height:2.25rem;padding-left:40px;font-size:1.125rem;color:#777;background:url(../images/icon4.png) no-repeat 0 50%}
.theform .wrapper .layer{width:88%;margin:0 auto}
.step{padding:30px;background:#f3f3f3;color:#999;font-size:12px;overflow:hidden;margin-bottom:70px}
.step .step-item{width:14%;position:relative;text-align:center;float:left}
.step .step-text{margin-top:15px}
.step .step-num{width:40px;height:40px;border-radius:50%;text-align:center;line-height:40px;background:#ccc;display:inline-block;z-index:2;position:relative;color:#fff;font-size:16px;overflow:hidden}
.step .step-line{width:100%;height:2px;position:absolute;left:50%;top:19px;background:#ccc;z-index:0}
.step .step-active .step-num{background:#546c9e;color:#fff}
.step .step-active .step-text,.step .step-ok .step-text{color:#546c9e}
.step .step-ok .step-num{background:#546c9e;background:url(../images/ok.png) center center no-repeat;text-indent:999rem}
.step .step-ok .step-line{background:#546c9e}
.agreement-title{font-size:1.25rem;text-align:center;margin-bottom:3rem;border-bottom:1px solid #ddd;padding-bottom:2.5rem}
.agreement-infor{line-height:1.5rem;margin-bottom:2.5rem}
.agreement-infor p{margin-bottom:10px;text-indent:2rem}
.agreement-infor .title{font-weight:600;text-indent:0}
.btnwrap{width:100%;height:45px;margin-top:1.5rem;text-align:center}
.btnwrap .submitbtn{display:inline-block;width:145px;height:40px;line-height:40px;margin:0 2rem;text-align:center;font-size:1rem;color:#434343;border:1px solid #546c9e;color:#546c9e;border-radius:3px;-webkit-border-radius:3px;color:#546c9e;cursor:pointer;background:0 0;outline:0;box-sizing:border-box;padding:0}
.three-btn #laststep,.two-btn #laststep{background:#fff;color:#546c9e}
.three-btn #nextstep,.two-btn #nextstep{background:#546c9e;color:#fff}
.three-btn #preview{float:right;margin:0 0}
.required::before{content:"*";color:red;margin-right:5px}
.row,.d19_t2{width:100%}
.row:after{content:"";display:block;width:100%;clear:both;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.form-group{height:80px;margin-bottom:15px}
.form-group-higt{height:140px}
.address-wrap{height:160px}
.col-md-3{width:25%;float:left}
.col-md-4{width:33.33%;float:left}
.col-md-12{margin-bottom:2.5rem}
.submit-form{font-size:14px;margin:0 3%}
.form-group-title{margin:40px 0 20px 0;color:#000}
.submit-form label{margin-bottom:10px;display:block;font-weight:700}
.submit-form .radio label{display:inline-block}
.submit-form .form-control{width:auto;max-width:220px;height:40px;font-size:12px;border-radius:0;border:1px solid #999;display:inline-block;padding:6px 12px;box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;line-height:1.42857143;color:#555;background-color:#fff;background-image:none}
.submit-form .form-control:focus{border-color:#546c9e;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}
.submit-form .form-control::-moz-placeholder{color:#999;opacity:1}
.submit-form .form-control:-ms-input-placeholder{color:#999}
.submit-form .form-control::-webkit-input-placeholder{color:#999}
.submit-form .dropdown .btn{border-radius:0;height:38px;border:1px solid #999}
.submit-form .dropdown{display:inline-block}
.submit-form .inline-input{width:200px;display:inline-block}
.submit-form .submit-select{width:127px;height:40px;margin-top:-3px;border-color:#ccc}
.submit-form .percent{color:#ccc}
.submit-form textarea{width:100%;height:124px;border:1px solid #ccc}
.submit-form .has-error{border:1px solid red}
.submit-form .error_tip{display:block;color:red;font-size:12px;margin:5px 0}
.text-title{text-align:center;font-size:18px;font-weight:500}
.table{text-align:center;border-spacing:0;border-collapse:collapse}
.table thead td{background:#666!important;color:#fff;line-height:30px!important;vertical-align:middle}
.table tbody tr{vertical-align:middle}
.table tbody td{background:#eee!important;color:#333;line-height:24px!important;vertical-align:middle;padding:5px 10px}
.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{border-top:1px solid #fff}
.submitbtn-preview{float:right}
.explain{width:50%}
.infotitle{margin-bottom:16px}
.infoitem{font-size:14px;margin-bottom:20px}
.infoitem>div{margin-bottom:10px;word-break:break-all}
.modal-body{overflow:scroll;height:600px}
.loading{width:100%;height:100%}
.yzm-btn{display:inline-block;width:100px;line-height:38px;text-align:center;border:1px solid #999;color:#333;background:#fff;font-size:14px;margin:0;padding:0;outline:0;cursor:pointer}
.upload-wrap{position:relative;display:inline-block;width:118px;height:38px;line-height:38px;text-align:center;border:1px solid #999;color:#333;background:#fff;font-size:14px;margin:0;padding:0;outline:0;cursor:pointer}
.upload-btn{opacity:0;position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer;display:block;box-sizing:border-box}
.text-title{margin-bottom:50px;font-size:18px;color:#333}
.text-title span{color:red}
.submit-success p{text-align:center;margin-bottom:15px;font-size:1.375rem;color:#6c6c6c}
.video-play-layer{width:100%;height:100%;position:fixed;top:0;left:0;z-index:10000;visibility:hidden}
.video-play-layer .cwall{width:100%;height:100%;background:#000;opacity:.65;visibility:hidden;transition:all ease .35s}
.video-play-layer .video-curtain{width:760px;height:520px;position:absolute;top:50%;left:50%;margin-top:-260px;margin-left:-380px;background:#fff;border-radius:10px;opacity:0;transform:translateY(20%);transition:all ease .35s}
.video-play-layer .close-pop{width:40px;height:40px;position:absolute;top:10px;right:15px;background:url(../images/close.png) no-repeat center;cursor:pointer;opacity:.6}
.video-play-layer .close-pop:hover{opacity:1}
.video-play-layer .video-title{font-size:1rem;padding-top:10px;height:40px;line-height:40px;margin:0 15px 15px;border-bottom:1px solid #c9c9c9}
.video-play-layer .video-main{margin:0 15px 14px;height:440px}
.video-play-show{visibility:visible}
.video-play-show .cwall{visibility:visible}
.video-play-show .video-curtain{opacity:1;transform:translateY(0)}
.popup{width:100%;height:100%;position:fixed;top:0;left:0;z-index:1000;display:none}
.popup .wall{width:100%;height:100%;background:#000;opacity:.7}
.popup .com-media{width:73%;height:80%;position:absolute;top:15%;left:13%;z-index:1}
.popup .com-close{width:30px;height:30px;position:absolute;top:0;right:-40px;background:url(../images/close.png) no-repeat center;cursor:pointer;z-index:10}
.popup .media-box{width:100%;height:100%;position:relative}
.popup .media-btn{width:60px;height:60px;position:absolute;left:50%;top:50%;margin-left:-30px;margin-top:-30px;cursor:pointer;visibility:hidden;opacity:0}
.popup .media-btn i,.popup .media-btn img,.popup .media-btn p{display:block;width:100%;height:100%}
.popup .media-btn i{position:absolute;top:0;left:0;visibility:hidden;opacity:0}
.popup .media-btn-pause{transform:none;-webkit-transform:none;-moz-transform:none;visibility:visible;opacity:1}
.popup .media-btn-play{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);visibility:hidden;opacity:0;transition:all .35s ease}
.nodata{height:100px;line-height:100px;text-align:center}
.grids img,.noselect,.popup .media-btn{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.pagination{text-align:center}
.pagination a,.pagination span{color:#666;font-size:13px;display:inline-block;border:1px solid #ccc;padding:.2em .6em}
.pagination span.pagetext{border:none}
.pagination a{display:inline-block;padding:.2em .6em}
.pagination .page_current,.pagination a:hover{background:#219fbf;color:#fff;border:1px solid #aae;margin-right:5px}
.return-btn{position:relative}
.return-btn a{display:block;line-height:24px;position:absolute;top:0;right:0;background:url(../images/return.png) no-repeat 0 5px;padding-left:22px}
.return-btn a:hover{background-position:0 -14px}
.vhgt{height:100%;position:relative}
.d41_col{color:#f70000}
.pro_block{position:relative;width:100%}
.d1_ti{color:#565656;font-size:50px;padding-bottom:15px}
.d1_ti2{display:block;font-size:1.25rem;font-weight:400;margin-bottom:15px}
.d1_te{font-size:1rem;line-height:1.625rem}
.d1_t{font-size:1rem;line-height:1.625rem;width:75%;margin-top:20px}
.d1_img{padding:40px 0}
.d1_block{padding:80px 0;width:86%;margin:auto}
.d1_he{height:650px;background-size:cover;background-position:center}
.d2_he{height:698px;background-size:cover;background-position:center}
.d3_he{height:630px;background-size:cover;background-position:center}
.d4_he{height:750px;background-size:cover;background-position:center}
.d1_te2{color:#fff;width:66%;margin:auto;line-height:30px;font-size:1rem}
.d1_t2{text-align:center;font-size:1rem;color:#fff;position:absolute;bottom:0;left:20%;width:60%}
.d1_he .wrapper{height:82%}
.d13_content{text-align:center;width:60%;margin:auto}
.d13_ti{font-size:1.8rem;color:#565656;padding-bottom:20px}
.d13_img{padding:10px 0}
.d13_t{text-align:left}
.d14_t{font-size:14px;padding-top:2px;padding-bottom:5px}
.d15_ti{font-size:1.8rem;color:#565656;padding-bottom:20px;text-align:center}
.d15_te{text-align:center;width:80%;margin:auto;line-height:1.8em}
.d15_block{position:relative;width:100%;margin-top:50px;height:439px}
.d15_le{position:absolute;right:50%;width:960px;top:0}
.d15_ri{position:absolute;left:50%;width:960px;top:0}
.clear{clear:both}
.d15_tBlock{position:relative;width:920px;margin:auto;padding:60px 0}
.d15_tBl{position:relative;width:37%;float:left;padding-top:90px}
.d15_img{position:relative;float:right}
.d15_tTi{font-size:1.8rem;color:#565656;padding-bottom:10px}
.d15_tTe{line-height:1.8em}
.d13_t,.d13_te{line-height:1.8em}
.d16_content{position:relative;width:100%;height:648px;background-position:center}
.d16_block{position:absolute;left:58%;top:22%;color:#fff}
.d16_ti{padding-bottom:30px;font-size:1.8rem}
.d16_te{width:500px;line-height:1.8em}
.d16_ul{position:relative;padding-top:60px;float:left}
.d16_li{position:relative;float:left;width:94px;text-align:center;margin-right:100px}
.d16_t{padding-top:10px}
.d16_ico{position:absolute;left:50%;margin-left:-60px;top:50%}
.d17_ti{font-size:1.8rem;text-align:center;color:#565656;padding-bottom:10px}
.d17_te{position:relative;width:90%;margin:auto;text-align:center;line-height:1.8em}
.d17_img{text-align:center;padding-top:10px}
.d18_ti{font-size:1.8rem;text-align:center;color:#fff;padding-bottom:10px;padding-top:80px}
.d18_ul{position:relative;width:70%;text-align:center;margin:0 auto;margin-top:80px}
.d18_li{display:inline-table;text-align:center;color:#fff;width:28.33%;margin:0 2%}
.d18_te{padding-top:15px;width:82%;margin:auto;line-height:1.8em}
span.d11_img{margin-right:20px}
.d19_ti{font-size:1.8rem;text-align:center;color:#565656;padding-bottom:40px;padding-top:10px}
table.d19_table{border-right:1px solid #b5b5b5;border-bottom:1px solid #b5b5b5;border-collapse:collapse;width:80%;margin:auto}
table.d19_table td{border-left:1px solid #b5b5b5;border-top:1px solid #b5b5b5;padding:20px 25px;font-size:15px;line-height:1.8em;text-align:justify}
table.d19_table th{background:#dcdcdc;padding:20px 0;border-left:1px solid #b5b5b5;border-top:1px solid #b5b5b5}
.d19_img{width:160px;text-align:center}
.d19_content{padding-bottom:20px}
.d19_t1{width:160px;text-align:center}
.d19_bg2{background:#ededed}
.d19_p{position:relative;width:80%;margin:auto;padding-top:20px;font-size:14px}
.d2_content{position:absolute;left:60%;top:180px;color:#fff}
.d2_tiBl{font-size:50px;margin-bottom:1rem;font-weight:300}
.d2_t2{font-size:1.2rem}
.d2_ul{position:relative;padding:2rem 0;font-size:.8rem;line-height:1.8rem}
.d2_ul p{padding-left:20px;background:url(../images/b2_13.png) no-repeat 0 6px}
.co2_ti{position:relative;text-align:center;font-size:1.8rem;width:80%;margin:auto;margin-bottom:1rem;padding-top:.5rem}
.co2_te{position:relative;text-align:center;width:64%;margin:auto;line-height:1.8rem;max-width:860px;font-size:15px}
.d23_content{position:absolute;top:200px;left:10%;color:#fff;width:46%}
.co1_ti{font-size:1.8rem;margin-bottom:1rem;font-weight:300}
.d23_ul{position:relative;margin-top:40px;width:100%}
.d23_li{position:relative;float:left;margin-right:6%;width:26%;text-align:center;margin-bottom:30px;text-align:center}
.d23_li .d23_img{width:70px;height:70px;margin:0 auto}
.d23_li .d23_img img{display:block;width:70px;height:70px;margin:0 auto}
.d23_bTi{margin-top:.5rem;font-size:.8rem}
.co2_img{position:relative;width:100%;text-align:center;padding:1rem 0}
.d26_content{position:absolute;left:66%;width:400px;top:100px}
.co1_te{line-height:1.8rem;text-align:justify;max-width:440px;font-size:14px}
.d23_content .d23_ul{margin-top:80px}
.d27_ul{position:relative;text-align:center;margin-top:40px}
.d27_bTi{font-size:.8rem;margin-top:.5rem}
.d20_content{color:#fff;padding-top:30px}
.d20_te{position:relative;width:100%;line-height:1.8rem;padding-top:.5rem;font-size:14px;text-align:center;height:100px}
.co2_t{position:relative;width:60%;text-align:center;margin:auto;line-height:1.8rem;margin-top:50px;font-size:14px}
.in2_block{position:relative;width:100%}
.in2_ul{position:relative;width:100.4%}
a.in2_li{position:relative;width:24.7%;float:left;display:block;margin-right:.3%}
.in2_img{position:relative;width:100%;overflow:hidden}
.in2_ti{position:absolute;top:50%;right:50%;width:200px;margin-right:-100px;margin-top:-22px;color:#fff;z-index:99;font-size:26px;letter-spacing:4px;font-weight:100;text-align:center}
.in2_vid{position:absolute;top:-1%;left:-1%;width:102%;height:102%;z-index:90}
.in2_vid video{position:relative;width:100%;height:100%}
.in2_col{position:absolute;top:0;left:0;width:100%;height:100%;background:url(../images/d_8.png);z-index:80}
a.in2_li:hover .in2_col{opacity:.15}
a.in2_li:hover .in2_ti{right:0;margin-right:-20px}
.li_4:hover .in2_ti,a.in2_li:nth-child(4):hover .in2_ti{right:0;margin-right:0}
.vid_bg{position:fixed;top:0;left:0;width:100%;height:100%;background:url(../images/d_8.png);z-index:10006;display:none}
.vid_block{position:fixed;top:0;left:10%;height:100%;width:80%;z-index:10009;display:none}
.vid_block video{width:100%;height:100%}
.vid_clear{position:absolute;right:-68px;top:8%;width:26px;padding:10px;cursor:pointer}
.vid_video{position:relative;width:100%;height:100%}
.index_nullBlock{position:fixed;top:0;left:0;width:50%;height:100%;z-index:99999;background:#fff}
.index_nullBlockB{position:fixed;bottom:0;right:0;width:50%;height:100%;z-index:99996;background:#fff}
.ind1_right{position:absolute;right:0;bottom:0;width:10px;height:100%;background:#546c9e;background-size:cover}
.ind1_left{position:absolute;left:0;top:0;width:10px;height:100%;background:#546c9e;background-size:cover}
.index_amblock{position:fixed;top:-30%;left:-30%;width:160%;height:160%;z-index:999999;-webkit-transform:rotate(15deg)}
@-webkit-keyframes heAn{0%{opacity:0;height:0%}100%{opacity:1;height:100%}}
.ind1_left,.ind1_right{-webkit-animation:heAn 1s ease-in-out backwards}
.index_num{position:absolute;width:50px;height:50px;background:#546c9e;left:100%;top:50%;text-align:center;color:#fff;white-space:nowrap;line-height:50px;border-radius:200px;margin-left:-25px;margin-top:-25px}
.ind_logo{position:absolute;right:200px;top:40%;-webkit-transform:rotate(-15deg)}
.navmodel_null{position:relative;width:100%;height:60px}
.d2_te{line-height:1.8rem}
.d2_te p{min-height:28px}
.b22_block{position:absolute;left:30%;width:40%;text-align:center;color:#fff;top:30%}
.b22_ti p{margin-bottom:20px;font-size:1.2rem}
.b22_button{position:relative;border:1px solid #fff;width:125px;height:40px;border-radius:500px;line-height:40px;padding-left:35px;background:url(../images/b22_21.png) no-repeat 25px 6px;margin:auto;margin-top:80px;cursor:pointer}
.b23_block{position:absolute;left:57%;width:400px;bottom:80px;color:#fff}
.b24_block{position:absolute;left:72%;width:30%;top:100px;max-width:400px}
.b22_null{height:160px;width:100%}
.b291_ti{text-align:center;font-size:1.2em;padding-bottom:1rem;padding-top:1rem}
.b291_ul{text-align:center}
.b291_ul{padding-bottom:1rem}
.b26_ul{position:relative;width:101.2%;height:100%}
.b26_li{position:relative;width:32.3%;float:left;height:100%;margin-right:1%;background-size:cover;background-position:center}
.b26_ti{position:absolute;bottom:16%;left:20%;width:60%;text-align:center}
span.d11_img img{position:relative;top:6px}
span.d13_span{border:1px solid #fff;padding:2px 6px;border-radius:5px;margin-left:8px;font-size:12px;opacity:.6;position:relative;top:-1px}
.d31_content{position:absolute;left:54%;top:180px;width:600px}
span.d31_sp{border:1px solid #6c6c6c;color:#6c6c6c;margin-left:20px;padding:2px 20px;border-radius:500px;font-size:26px;opacity:.5;position:relative;top:-8px}
span.d31_sp2{border:1px solid #546c9e;color:#546c9e;margin-left:20px;padding:2px 20px;border-radius:500px;font-size:26px;opacity:.5;position:relative;top:-8px}
.co1_t2.trans-up.delay02{font-size:1.2rem;padding-bottom:.5rem}
.co1_te p{min-height:20px}
.b33_block{position:absolute;left:56%;top:24%}
.b34_block{position:absolute;left:10%;top:32%;color:#fff}
.b36_block{position:absolute;left:60%;top:21%;color:#fff}
.co1_t2{font-size:1.2rem;padding-bottom:1rem}
.co1_img{padding-top:40px}
.b37_block{position:absolute;left:50%;top:180px}
.b38_block{position:absolute;left:56%;top:70px}
.b38_ul{position:relative;padding-top:40px;width:100%}
.b38_li{position:relative;float:left;padding-right:30px;margin-right:30px}
.b38_wi{border-right:1px solid #999}
.d39_content{color:#fff;padding:40px 0}
.d27_bTi span{font-size:30px}
.d39_content .d27_ul{padding-top:30px}
.d39_content .d27_li{width:12.5%;display:block;float:left}
.d39_content .d27_li .d27_img{width:55%;margin:0 auto}
.d1_te p{min-height:20px}
.co2_ul{position:relative;text-align:center;margin-top:40px}
.co2_li{display:inline-table;margin:0 1rem}
.co2_bTi{font-size:.8rem;margin-top:.5rem;line-height:1.8rem}
.co1_ul{position:relative;margin-top:40px;width:100%}
.co1_li{position:relative;float:left;margin:0 0 30px;text-align:center}
.co1_li .co1_bImg{width:68px;height:68px;overflow:hidden}
.co1_bTi{margin-top:5px;font-size:12px;line-height:1.5rem}
.b143_block{position:absolute;right:52%;top:30%}
.b144_block{position:absolute;left:62%;top:16%}
.b149_block1.trans-up.delay01{position:absolute;right:60%;width:30%}
.b149_block2{position:absolute;left:56%;width:25%}
.b149_block3{position:absolute;left:56%;width:25%;bottom:5%}
.d5_he{height:790px;background-size:cover;background-position:center}
.d5_he .wrapper{height:88%}
.b149_content .co1_ul{width:140%;margin-top:20px}
.b141_t1{position:relative;width:760px;margin:auto;font-size:14px;line-height:1.8rem}
.b141_t2{width:940px;margin:auto;color:#fff;margin-top:40px;font-size:12px;text-align:center}
.b141_content .d18_ti{padding-top:30px}
.co1_t{font-size:.8rem;width:50%;line-height:1.8rem;margin-top:30px;max-width:400px}
.b31_block{color:#fff;padding-top:30px}
.c16_block{position:absolute;top:30%;left:10%;color:#fff}
.c17_block{position:absolute;left:55%;width:40%;top:20%}
.c17_tBl{position:relative;width:220px;margin:auto;margin-top:40px;padding-left:90px;text-align:center}
.c17_bImg{position:absolute;left:30px;top:-3px}
.c17_ti{font-size:1.5rem}
.c19_block{position:absolute;left:58%;top:14%;width:500px}
.c110_bg{height:700px;background-size:cover;background-position:center bottom}
.c17_t{font-size:.8rem;padding-top:3px}
.c18_ul{position:relative;width:100%;height:100%}
.c18_li{position:relative;width:25%;height:100%;background-size:cover;float:left;background-position:center}
.c18_ti{position:absolute;top:10%;left:10%;width:80%;text-align:center;color:#fff;font-size:1.5rem;letter-spacing:2px}
.c110_block{position:relative;width:100%;padding:20px 0;text-align:center}
.c24_img{position:relative;text-align:center;margin-bottom:-10px}
.c24_img{position:relative;text-align:center;margin-bottom:-10px}
.c23_block img{position:relative;width:100%;margin-bottom:-7px}
.c23_t1{position:absolute;bottom:6%;left:0;width:25%;text-align:center;z-index:90}
.c23_t2{position:absolute;bottom:6%;left:25%;width:25%;text-align:center;z-index:90}
.c23_t3{position:absolute;bottom:6%;left:50%;width:25%;text-align:center;z-index:90}
.c23_t4{position:absolute;bottom:6%;left:75%;width:25%;text-align:center;z-index:90}
.c25_block{position:absolute;left:10%;top:14%}
.co3_ul{position:relative;width:100%;margin-top:40px;max-width:600px}
.co3_li{position:relative;float:left;width:30%;margin-bottom:40px;padding-left:90px}
.co3_bImg{position:absolute;left:0}
.co3_bTe{font-size:.8rem;padding-top:5px}
.c27_block{position:absolute;right:5%;top:10%;text-align:right;width:440px}
.c27_block .co1_te{text-align:right}
.c27_block .co1_t{padding-left:30%;width:70%}
.c29_block{position:absolute;right:64%;top:22%}
.c29_block2{position:absolute;left:64%;top:10%}
.c29_block2 .co1_t{width:100%}
.c18_block{position:absolute;top:22%}
.c18_block .co1_t{width:100%;margin-top:50px}
.c212_ti{position:relative;width:100%;text-align:center;padding:40px 0;font-size:1.8rem}
.c212_ul{position:relative;width:102%}
.c212_li{position:relative;width:32.3%;float:left;margin-bottom:20px;text-align:center;margin-right:1%}
.c213_ti{position:relative;width:100%;text-align:center;font-size:1.8rem;padding:40px 0}
.c213_ul{position:relative;width:100%;text-align:center;padding-bottom:50px}
.c213_li{position:relative;width:346px;display:inline-block;text-align:left;margin:0 20px;display:inline-table}
.c213_lTi{font-size:1.2rem;padding-bottom:20px;width:80%;margin:auto}
.c213_lTe{font-size:.8rem;line-height:1.8rem;width:80%;margin:auto}
.c214_block{position:absolute;top:42%;right:60%}
#Footer .share-link li p img{padding-top:0;vertical-align:middle}
.qu_block{position:relative;width:100%;height:112px;overflow:hidden}
.Success_page{position:relative;width:100%;text-align:center;padding:60px 0;display:none;padding-bottom:10px}
.Result_content{position:relative;width:90%;margin:auto}
.Success_ul{position:relative;width:100%}
.Success_li{display:inline-block;margin:0 40px 40px;cursor:pointer}
.fail_page{position:relative;width:100%;text-align:center;padding:60px 0;color:#666;display:none}
.b21_block{position:absolute;left:6%;top:18%;color:#fff}
.b22_ul{position:relative;width:80%;margin:auto;color:#fff;padding:20px 0}
.b22_li{float:left;width:20%;padding:25px 0;text-align:center;border-bottom:1px solid rgba(255,255,255,.2)}
.b22_ti{font-size:1.2rem;padding-bottom:5px}
.b22_te{font-size:.8rem}
.b22_ul:after{display:block;position:absolute;top:50%;left:3%;width:94%;border-bottom:1px solid #fff;opacity:.2}
.b221_block{position:relative;color:#fff;padding:120px 0}
.b221_block .co2_ul{margin-top:100px}
.b231_block{position:absolute;top:20%;left:10%;color:#fff}
.b23_teBl{padding:10px 0}
.b23_ul{position:relative;width:100%;padding-top:20px}
.b23_li{position:relative;float:left;margin-right:40px}
.b23_t{font-size:.8rem;color:#ccc}
.b23_num{font-size:40px;color:#78a4ff}
.b23_num sup{font-size:1.2rem;margin-right:4px}
.b23_num sub{font-size:1rem;position:relative;top:-9px;margin-left:5px}
.b241_block{position:absolute;left:54%;top:16%;color:#fff;text-align:right}
.b251_block{position:absolute;left:10%;top:7%;color:#fff;width:550px}
.b232_block .co2_li{margin:0 50px}
.b262_block{position:absolute;left:52%;bottom:15%;color:#fff;text-align:right;width:440px}
.co1_t5{font-size:.8rem;margin-top:30px;line-height:1.8rem;color:#ccc}
.b262_block .co1_te p{text-align:right;color:#ccc}
.b263_block{position:absolute;top:15%;left:10%}
.b281_block{position:absolute;top:10%;color:#fff;left:6%;width:55%}
.b28_ul{position:relative;width:100%;margin-top:40px;padding-left:56px}
.b28_li{float:left;width:50%;margin-bottom:20px;position:relative}
.b28_te{font-size:.8rem;color:#ccc;padding-top:5px}
.b28_n{position:absolute;top:5px;left:-55px;width:40px;height:40px;background:#759df0;border-radius:6px;text-align:center;line-height:40px;font-size:23px}
.co2_te p{min-height:20px}
.b210_block{position:absolute;top:20%;left:10%}
.b211_block{position:absolute;top:20%;left:10%}
.b212_block{color:#fff;padding-top:50px}
.b213_block{position:absolute;top:20%;left:10%;color:#fff;width:500px}
.b214_block{position:absolute;left:53%;top:30%;text-align:right;width:440px}
.co1_t6{font-size:.8rem;margin-top:100px}
.b214_block p{text-align:right}
.b215_block{color:#fff;position:relative;width:60%;margin:auto;padding-top:40px;padding-bottom:60px}
.b215_block .co1_te{font-size:.8rem;max-width:600px}
.co1_t3{color:#ccc;font-size:.8rem;margin-top:40px;line-height:1.6rem}
.alt_bg{position:fixed;top:0;left:0;width:100%;height:100%;background:url(../images/d_8.png);z-index:10006;display:none}
.alt_content{position:fixed;top:4%;left:10%;width:80%;z-index:10008;display:none}
.alt_conBlock{position:relative;width:60%;margin:auto;background:#fff;border-radius:8px;box-shadow:0 0 10px 0 #000;min-width:540px;max-width:700px}
.alt_tiBl{position:relative;width:92%;padding:10px 4%;border-bottom:1px solid #ccc;font-size:16px}
.alt_clear{position:absolute;right:7px;top:1px;width:20px;padding:10px;height:20px;opacity:.5}
.alt_clear:hover{opacity:1}
.alt_InBlock{position:relative;width:100%;padding:20px 0 30px 0}
.alt_block{position:relative;margin:0 auto;width:350px;height:525px;color:#666;background:url(../images/bg-big-cate01.png) no-repeat;background-size:100%;padding:0 75px;padding-top:170px}
.alt_tBl{text-align:center}
.alt_tCh{font-size:24px}
.alt_tEn{font-size:12px}
.alt_tBlock{position:relative;width:100%;margin-top:30px}
.alt_t span{padding:0 2px;text-align:center;text-indent:0;line-height:20px;color:#333;font-weight:600;border-bottom:1px solid #666}
.alt_p{margin-top:20px;line-height:30px;text-indent:20px;text-align:justify;font-size:13px}
.alt_dateBl{margin-top:40px}
.alt_daTe{margin-top:10px}
.alt_daTe span{padding:0 2px;text-align:center;text-indent:0;line-height:20px;color:#333;font-weight:600;border-bottom:1px solid #666}
.alt_rBl{position:relative;float:right;margin-top:50px}
.alt_numBl{clear:both;position:absolute;bottom:45px;left:0;width:100%;text-align:center;padding-bottom:10px}
.alt_rTe{margin-bottom:10px}
.alt_rt span{padding:0 2px;text-align:center;text-indent:0;line-height:20px;color:#333;font-weight:600;border-bottom:1px solid #666}
.alt_ti{color:#666}
.apA_navLi.cur .apA_num,.apA_navLi:hover .apA_num,.b142_block,.b146_block,.b149_block,.b21_block .d1_ti,.b232_block,.b233_block,.b291_block,.b292_block,.c14_block,.c211_block,.c22_block,.c28_block,.d25_content,.d28_block,.d43_block,.d43_block1,.d45_block{color:#fff}
.apA_navLi.cur .apA_t,.apA_navLi:hover .apA_t{color:#fff}
@-webkit-keyframes an_1{0%{-webkit-transform:translate(0,-60px);opacity:0}100%{-webkit-transform:translate(0);opacity:1}}
.alt_content{-webkit-animation:an_1 .6s ease-in-out backwards}
.apT_block{position:absolute;top:25%;left:15%;width:500px;background:url(../images/b4_2.png);text-align:center;padding:30px 0}
.apT_ti{font-size:28px}
.apT_wi{position:relative;width:120px;border-bottom:2px solid #963;margin:20px auto}
.apT_te{font-size:16px;line-height:2rem}
.apN_content{position:relative;width:100%;background:#f5f5f5;z-index:90}
.apN_conBlock{position:relative;width:80%;margin:auto}
.apN_ulBl,.ap_conBlock,.ap_content{position:relative;width:100%}
.apN_liBl{position:relative;float:left;width:25%;padding:40px 0;font-size:1.25rem;color:#4a4a4a;cursor:pointer;top:-10px;margin-bottom:-20px}
.apN_ti{padding:10px 0;width:138px;margin:auto}
.apN_liBl:after{content:"";display:block;height:40px;border-right:2px solid #ccc;position:absolute;right:0;top:35px}
.apN_liBl:nth-child(4):after,.apA_navLi.cur .apA_wi,.apA_navLi:hover .apA_wi{display:none}
.apN_ti.apN_i1{background:url(../images/b4_3.png) no-repeat right;background-size:40px}
.apN_ti.apN_i2{background:url(../images/b4_4.png) no-repeat right;background-size:40px}
.apN_ti.apN_i3{background:url(../images/b4_5.png) no-repeat right;background-size:40px}
.apN_ti.apN_i4{background:url(../images/b4_6.png) no-repeat right;background-size:40px}
.apN_liBl:hover{background:#546c9e;color:#fff;border-radius:10px;box-shadow:0 5px 10px 0 #ccc}
a.apT_imgB{color:#333}
.apN_liBl:hover .apN_ti.apN_i4{background:url(../images/b4_61.png) no-repeat right;background-size:40px}
.apN_liBl:hover .apN_ti.apN_i3{background:url(../images/b4_51.png) no-repeat right;background-size:40px}
.apN_liBl:hover .apN_ti.apN_i2{background:url(../images/b4_41.png) no-repeat right;background-size:40px}
.apN_liBl:hover .apN_ti.apN_i1{background:url(../images/b4_31.png) no-repeat right;background-size:40px}
.apN_liBl:hover:after{display:none}
.ap_conBlock.ap_bgCo2{background:#f7f7f7}
.ap_conBlock.ap_bgCo4{background:#546c9e}
.apA_ti{text-align:center;font-size:30px;color:#546c9e;padding-top:60px;letter-spacing:2px}
.apA_content{position:relative;width:79%;margin:auto;margin-top:60px;padding-bottom:60px}
.apA_navUl{position:absolute;float:left;width:350px;border-right:1px solid #e8e8e8;left:0;top:0;z-index:90}
.apA_navLi{position:relative;width:100%;height:98px;padding-top:10px;cursor:pointer}
.apA_num{font-size:60px;color:#c8c8c8;float:left;font-weight:100;padding-left:40px;font-style:italic}
.apA_ico{width:56px;height:56px;float:left;position:relative;top:12px;margin-left:25px}
.apA_t{font-size:21px;color:#666;padding-top:25px;margin-left:30px;float:left}
.apA_ico.ic_1{background:url(../images/b4_7.png) no-repeat center}
.apA_ico.ic_2{background:url(../images/b4_8.png) no-repeat center}
.apA_ico.ic_3{background:url(../images/b4_9.png) no-repeat center}
.apA_navLi.cur,.apA_navLi:hover{background:#546c9e}
.apA_navLi.cur .apA_ico.ic_1,.apA_navLi:hover .apA_ico.ic_1{background:url(../images/b4_71.png) no-repeat center}
.apA_navLi.cur .apA_ico.ic_2,.apA_navLi:hover .apA_ico.ic_2{background:url(../images/b4_81.png) no-repeat center}
.apA_navLi.cur .apA_ico.ic_3,.apA_navLi:hover .apA_ico.ic_3{background:url(../images/b4_91.png) no-repeat center}
.apA_ulBl{padding-left:400px;height:354px;position:relative;overflow:hidden}
.apA_bTi{color:#333;font-size:18px;padding-bottom:6px}
.apA_bTe{color:#666;text-align:justify;line-height:1.8rem;height:86px;overflow:hidden;position:relative;width:100%}
.apA_bT2{font-size:18px;padding-top:10px}
.apA_bUl{position:relative;width:100%;margin-top:15px}
.apA_bT3{position:relative;width:100%;text-align:center;color:#666;padding-top:6px}
.apA_bLi{margin-right:0;position:relative;width:100%}
.apA_bImg img,.apC_img img,.c212_img img,.in2_img img{width:100%}
.apA_ic{width:8px;height:11px;background:url(../images/b6_1.png) no-repeat center;position:absolute;right:-8px;top:50%;margin-top:-6px;display:none}
.apA_navLi.cur .apA_ic{display:block}
.apA_wi{position:absolute;bottom:0;left:10%;width:80%;margin:auto;border-bottom:1px solid #f6f6f6}
.apA_liBl{position:relative;width:100%;margin-bottom:30px}
.apB_content{position:relative;padding-top:60px}
.apB_conBlock{position:relative;width:79%;margin:auto;padding-bottom:40px}
.apB_block{max-width:1000px;width:68%;position:relative;margin:auto}
.apB_img{float:left;width:48%;position:relative}
.apB_teBl{position:relative;float:right;width:48%;padding-top:40px}
.apB_teTi{color:#546c9e;font-size:23px;padding-bottom:20px}
.apB_teTe{position:relative;text-align:justify;line-height:1.8rem;color:#666}
.apB_ulBl{position:relative;width:86.15%;margin:auto}
.apB_ulContent{position:relative;width:100%;padding:15px 0;background:#d7d5d5}
.apB_liImg{position:relative;width:225px;margin-right:12px;height:184px;line-height:184px;overflow:hidden}
.apB1_left{position:absolute;left:2%;top:50%;width:40px;height:40px;background:url(../images/b5_6.png) no-repeat center;margin-top:-20px;cursor:pointer}
.apB1_right{position:absolute;right:2%;top:50%;width:40px;height:40px;background:url(../images/b5_7.png) no-repeat center;margin-top:-20px;cursor:pointer}
.apB_left{position:absolute;left:12%;top:26%;width:40px;height:40px;background:url(../images/b5_3.png) no-repeat center;margin-top:-20px;cursor:pointer;z-index:90}
.apB_right{position:absolute;right:12%;top:26%;width:40px;height:40px;background:url(../images/b5_4.png) no-repeat center;margin-top:-20px;cursor:pointer;z-index:90}
.apA_bUl .swiper-slide{width:auto;text-align:center}
.apA_swiper .swiper-slide,.apA_swiper1 .swiper-slide,.apA_swiper2 .swiper-slide{width:16.66%;float:left}
.apA_swiper .apA_bImg,.apA_swiper1 .apA_bImg,.apA_swiper2 .apA_bImg{background:#e8e8e8;text-align:center;height:130px;line-height:130px}
.apA_swiper .apA_bImg img,.apA_swiper1 .apA_bImg img,.apA_swiper2 .apA_bImg img{max-height:100px;vertical-align:middle;width:auto}
.apB1_swiper .swiper-slide{opacity:.5;width:auto;text-align:center}
.apB1_swiper .swiper-slide .apB_liImg{background:#fff}
.apB1_swiper .swiper-slide img{height:150px;vertical-align:middle}
.apB1_swiper .swiper-slide.cur{opacity:1}
.apB1_left:hover,.apB_left:hover{background:url(../images/b5_31.png) no-repeat center}
.apB1_right:hover,.apB_right:hover{background:url(../images/b5_41.png) no-repeat center}
.apC_ul{position:relative;width:60%;margin:60px auto 0}
.apC_li{position:relative;width:33.33%;float:left;height:60px;line-height:60px;font-size:20px;margin:0 0;cursor:pointer;text-align:center}
.apC_li span{display:inline-block;height:100%;padding-left:75px}
.apC_li.li_1 span{background:url(../images/b4_82.png) no-repeat left center}
.apC_li:after{content:"";display:block;height:22px;border-right:1px solid #c2c2c2;position:absolute;right:0;top:13px}
.apC_li.li_2 span{background:url(../images/b4_72.png) no-repeat left center}
.apC_li.li_3 span{background:url(../images/b4_92.png) no-repeat left center}
.apC_li.li_3:after,.apD_liTe:nth-child(4n):after{display:none}
.apC_li.cur,.apC_li:hover{color:#546c9e}
.apC_li.li_1.cur span{background:url(../images/b4_8.png) no-repeat left center}
.apC_li.li_2.cur span{background:url(../images/b4_7.png) no-repeat left center}
.apC_li.li_3.cur span{background:url(../images/b4_9.png) no-repeat left center}
.apC_swiper1 .swiper-slide,.apC_swiper2 .swiper-slide,.apC_swiper3 .swiper-slide{opacity:.5;-webkit-transform:scale(.8);-moz-transform:scale(.8);-ms-transform:scale(.8);-o-transform:scale(.8);transform:scale(.8)}
.apC_swiper1 .swiper-slide-active,.apC_swiper2 .swiper-slide-active,.apC_swiper3 .swiper-slide-active{top:0;opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
.apC_swiperBl{position:relative;width:100%;margin-top:60px;height:auto!important;overflow:hidden;padding-bottom:70px}
.apC_left{position:absolute;left:-70px;top:50%;z-index:90;padding:10px;cursor:default;margin-top:-30px;width:40px;height:40px;background:url(../images/b5_3.png) no-repeat center;opacity:.5}
.apC_right{position:absolute;right:-70px;top:50%;z-index:90;padding:10px;cursor:default;margin-top:-30px;width:40px;height:40px;background:url(../images/b5_4.png) no-repeat center;opacity:.5}
.apC_left.canMove,.apC_right.canMove{cursor:pointer;opacity:1}
.apC_left.canMove:hover{background:url(../images/b5_31.png) no-repeat center}
.apC_right.canMove:hover{background:url(../images/b5_41.png) no-repeat center}
.apC_block{position:relative;width:100%}
.apC_teBl{position:absolute;bottom:0;left:0;width:90%;background:url(../images/b4_2.png);padding:20px 5%}
.apC_teTi{font-size:18px;color:#546c9e}
.apC_teTe{text-align:justify;line-height:1.6rem;color:#333}
.apC_swiperBl .apC_swiper1,.apC_swiperBl .apC_swiper2,.apC_swiperBl .apC_swiper3{height:auto;position:relative;width:100%;overflow:visible}
.apD_ti{text-align:center;font-size:30px;color:#fff;padding-top:50px;letter-spacing:2px}
.apD_content{position:relative;width:79%;margin:auto;margin-top:60px;padding-bottom:20px}
.apD_ul{position:relative;width:100%;margin:auto;padding-bottom:60px;border-bottom:1px solid #ccc}
.apD_li{float:left;width:20%;text-align:center;position:relative}
.apD_te{color:#fff;font-size:18px;padding-top:10px}
.apD_ic{position:absolute;right:-12px;top:30%}
.apD_ulTe{position:relative;width:110%;color:#fff;padding:30px 0;left:-5%}
.apD_liTe{position:relative;width:25%;float:left;padding:30px 0;text-align:center}
.apD_liTe:after{content:"";height:66px;border-right:1px solid #c7cdd9;display:block;position:absolute;top:34px;right:0} 
.apC_ulBl{position:relative;width:100%;height:100%}
.apC_liBl{position:relative;width:51.04%;margin:0 auto 10px}
.apA_bImg{position:relative;max-width:100%;height:122px;overflow:hidden;margin-bottom:6px}
.apC_img{position:relative;width:100%;overflow:hidden}
.d41_1{position:absolute;bottom:0;left:0;width:100%}
.co2_num{text-align:center;font-size:2.4rem;font-weight:100;padding-top:20px}
.d47_block{position:absolute;left:58%;top:10%;color:#fff}
.co1_num{font-size:2.4rem;font-weight:100;padding-top:20px;padding-bottom:6px}
.d48_block .co2_t{position:absolute;bottom:20px;left:0;width:100%}
.d49_block{color:#fff;padding-top:20px}
.d49_block .co2_img{padding-top:40px}
.d49_block .co2_te{padding-top:20px}
.b141_ul{width:960px;margin:auto;position:relative;margin-top:70px}
.b141_li{float:left;padding:0 40px;text-align:center;color:#666;width:240px}
.b141_te{padding-top:5px}
.b141_content{position:relative;padding-top:40px}
.d1_he{color:#666}
.d46_block .co2_num{padding-top:0}
.b142_content{color:#fff;text-align:center}
.b142_ul{position:relative;width:100%}
.b142_li{position:relative;float:left;width:50%;text-align:center;min-height:240px}
.b142_img{width:160px;margin:auto}
.b142_ul{width:80%;margin:auto;position:relative;padding-top:30px}
.b142_te{padding-top:10px;padding-bottom:20px}
.co2_te2.trans-up.delay03{position:relative;text-align:center;width:64%;margin:auto;line-height:1.8rem;max-width:860px;padding-top:20px}
table.d41_table{width:680px;margin:20px auto;position:relative;border-spacing:0;border-collapse:collapse;margin-top:30px}
table.d41_table td{border:1px solid #ccc;text-align:center;padding:8px 0}
.d432_block{position:absolute;left:60%;top:20px}
.d43_block2{position:absolute;right:60%;top:480px;text-align:right;min-width:480px}
.co1_img img{margin-bottom:-5px}
.d43_block2 .co1_li{float:right;margin-right:0;margin-left:40px}
.d432_block .co1_t2{padding-bottom:30px}
.d43_block2 .co1_ul{margin-top:20px}
.d433_block{position:absolute;left:60%;top:30%;width:38%}
.d434_block{position:absolute;left:60%;top:22%;width:38%}
.youshi{padding:50px 0}
.youshi .title2{width:100%;display:block;font-weight:400;font-size:24px;margin-bottom:50px;text-align:center;color:#3f444a}
.ui-layer-main,.youshi .main{width:1170px;margin:0 auto}
.youshi .main .box{width:33.33%;float:left;margin-bottom:20px;position:relative;min-height:1px;padding-right:15px;padding-left:15px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.youshi .box-content{position:relative;margin:0 auto;height:600px;max-width:380px;border-radius:4px;background-color:#000;background-repeat:no-repeat;overflow:hidden;cursor:pointer}
.youshi .box-mask{background-image:linear-gradient(-180deg,#515767 1%,#303030 100%);height:100%;border-radius:4px;opacity:.9;transition:all .35s}
.youshi .box-content:hover .box-mask{opacity:.6}
.youshi .box-text{position:absolute;bottom:-157px;color:#fff;text-align:center;width:100%}
.youshi .box-content *{transition:all 1s}
.youshi .box-img{position:absolute;width:100%}
.youshi .box-mask{background-image:linear-gradient(-180deg,#515767 1%,#303030 100%);height:100%;border-radius:4px;opacity:.9}
.youshi .box-text{position:absolute;bottom:-190px;color:#fff;text-align:center;width:100%}
.youshi .box-text h2{color:#fff;font-size:32px;margin:0 0 60px 0}
.youshi .box-text .line{width:67px;height:4px;background:#fff;margin:0 auto}
.youshi .box-text .text{margin-top:40px;}
.youshi .box-text .text-1{min-height:78px}
.youshi .box-text p{opacity:.8;font-size:14px;margin:0}
.youshi .box-content:hover .box-mask{opacity:.6}
.youshi .box-content:hover .box-text{bottom:40px}
.youshi .box-content:hover .box-text .text{margin-top:20px}
.hq-suport,.sevice-plan{width:100%;padding:55px 0 40px}
.sevice-plan{position:relative;background-image:linear-gradient(-180deg,#515767 0,#303030 100%);overflow:auto}
.sevice-plan .title3{width:100%;display:block;font-weight:400;font-size:24px;margin-bottom:50px;text-align:center;color:#fff}
.sevice-plan .plan-left{width:33.33%;font-size:18px;color:#fff;float:left}
.sevice-plan .plan-left strong{font-size:28px}
.sevice-plan .plan-left p{margin-bottom:22px}
.sevice-plan .text-future{margin-top:70px}
.sevice-plan .top-enter-btn{display:block;position:absolute;right:28%;bottom:24%;width:12%;height:60px;cursor:pointer}
.sevice-plan .plan-right{width:50%;float:right;position:relative;min-height:1px;padding-right:15px;padding-left:15px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.sevice-plan .plan-right img{width:100%}
.sevice-plan .circle-dot{position:absolute;background-color:#ff0;border-radius:50%;width:20px;height:20px;left:calc(64.33% - 10px);top:calc(85.94% - 10px)}
.sevice-plan .circle-bom1{position:absolute;animation:bom1 infinite 1s;border:2px solid #ff0;border-radius:50%}
.sevice-plan .circle-bom2{position:absolute;animation:bom2 infinite 1s;border:2px solid #ff0;border-radius:50%}
.sevice-plan .circle-bom3{position:absolute;animation:bom3 infinite 1s;border:2px solid #ff0;border-radius:50%}
@keyframes bom1{from{opacity:1;left:calc(64.33% - 10px);top:calc(85.94% - 10px);width:20px;height:20px}to{opacity:0;left:calc(64.33% - 25px);top:calc(85.94% - 25px);width:50px;height:50px}}
@keyframes bom2{from{opacity:1;left:calc(64.33% - 15px);top:calc(85.94% - 15px);width:30px;height:30px}to{opacity:0;left:calc(64.33% - 30px);top:calc(85.94% - 30px);width:60px;height:60px}}
@keyframes bom3{from{opacity:1;left:calc(64.33% - 20px);top:calc(85.94% - 20px);width:40px;height:40px}to{opacity:0;left:calc(64.33% - 35px);top:calc(85.94% - 35px);width:70px;height:70px}}
.hq-suport .title4,.join-flow h2{width:100%;display:block;font-weight:400;font-size:24px;margin-bottom:40px;text-align:center;color:#3f444a}
#contactus .contact-content{padding:50px 60px;border-bottom-left-radius:12px;border-bottom-right-radius:12px;border:2px solid #506898}
.banner-inner .link-mask{position:absolute;left:62%;top:67%;z-index:9;height:auto}
.banner-inner .link-mask .contactus-link,.banner-inner .link-mask .consult-link{display:inline-block;height:26px;line-height:26px;padding:5px 15px;cursor:pointer;color:#fff;border:1px solid #fff;border-radius:3px;text-align:center;font-size:14px;background:#6a6e79}
.banner-inner .link-mask .contactus-link:hover,.banner-inner .link-mask .consult-link:hover{color:#eee}
.banner-inner .link-mask .consult-link{margin-left:0px}
.mobile-layer .links{width:80%;position:absolute;left:50%;bottom:10%;z-index:9;height:auto;transform:translateX(-50%);-webkit-transform:translateX(-50%);text-align:center}
.mobile-layer .links a{display:inline-block;height:24px;line-height:24px;padding:3px 10px;margin:0px 15px;cursor:pointer;color:#fff;border:1px solid #fff;border-radius:3px;text-align:center;font-size:14px;background:#6a6e79}
.col-md-6{width:50%;float:left}
.join-flow{width:1170px;margin:0 auto;padding-bottom:206px;position:relative}
.suport-box{position:relative;overflow:hidden;background-image:linear-gradient(-180deg,#4c515f 0,#343537 100%)}
.suport-box img{width:100%;display:block}
.suport-left{padding:0;float:left}.suport-right{padding:0;float:right} 
.suport-text-content,.suport-text-content h2{color:#fff}
.suport-text-content{padding-left:40%;margin:0 auto}
.suport-text-scontent{padding-top:35px;padding-bottom:35px}
.suport-text-content h2{font-size:24px;margin-bottom:30px}
.suport-text-content p{font-size:17px;margin-bottom:5px}
.suport-text-content p:last-child{margin-bottom:0}
.join-flow{position:relative;padding-bottom:206px}
.static{position:static;margin-bottom:20px;width:25%;float:left;min-height:1px;padding-right:15px;padding-left:15px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.flow-menu-li{border:1px solid #979797;border-radius:4px;height:400px;text-align:center;cursor:pointer}
.flow-tip{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:none;position:absolute;left:15px;bottom:60px;width:calc(100% - 30px);background:#f7f7f7;border-radius:1px;padding:40px;text-align:center}
.flow-tip p{font-size:18px;color:#333;margin:0}
.flow-menu-li h1{font-size:48px;color:#000;margin-top:80px}
.img_actived,.flow-menu-li__actived .flow-menu-img{display:none}
.flow,.contact-row,.flow-menu{width:100%} 
.flow-menu{display:flex;padding:0;} 
.flow-menu-li__actived .flow-menu-img.img_actived{display:inline-block}
.flow-menu-li h2{font-size:26px;color:#000}
.flow-menu-li .flow-menu-img{width:50px;margin-top:62px}
.flow-menu-li__actived{background-image:linear-gradient(-180deg,#4b505d 0,#353638 100%)}
.flow-menu-li__actived .flow-tip{display:block}
.flow-menu-li__actived h1,.flow-menu-li__actived h2{color:#fff}
.flow-menu-li__actived .flow-menu-img.img1{content:url(https://cdn.aqara.com/cdn/website/static/images/busi/service_provider_filtrate_selected.png)}
.flow-menu-li__actived .flow-menu-img.img2{content:url(https://cdn.aqara.com/cdn/website/static/images/busi/service_provider_probation_selected.png)}
.flow-menu-li__actived .flow-menu-img.img3{content:url(https://cdn.aqara.com/cdn/website/static/images/busi/service_provider_assess_selected.png)}
.flow-menu-li__actived .flow-menu-img.img4{content:url(https://cdn.aqara.com/cdn/website/static/images/busi/service_provider_official_selected.png)}
.video-layer-content{padding:45px 0 0px;text-align:center}
.video-layer-content .tipbtn{background:#333;border-radius:4px;color:#fff;display:inline-block;width:156px;height:60px;line-height:60px;font-size:20px;text-align:center}
.video-layer-content .col-md-4{width:33.33%;float:left;position:relative;min-height:1px;padding-right:15px;padding-left:15px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.video-layer-content .demo-box{position:relative;margin-bottom:30px;height:240px;border:1px solid #eee;background-color:#fff;overflow:hidden;cursor:pointer}
.video-layer-content .demo-box-surface{position:absolute;left:0;top:0;z-index:200;width:100%;height:240px;overflow:hidden}
.video-layer-content .media-zzc{display:block;position:absolute;top:0;left:0;right:0;width:100%;height:100%;z-index:250;background-color:rgba(0,0,0,.3);transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s}
.video-layer-content .playIconContainer{width:50px;height:50px;position:absolute;margin-left:-20px;bottom:5%;cursor:pointer;z-index:500;background:url(../images/ic_play2.png) no-repeat center center;background-size:auto 100%;bottom:18px;right:18px;transition:all .2s}
.video-layer-content .demo-box-surface:hover .media-zzc{display:none}
.video-layer-content .demo-box-surface:hover .playIconContainer{background-size:auto 100%;opacity:.9;transform:scale(.94)}
.video-layer-content .video-tip{font-size:18px;color:#333;text-align:left}
.video-layer-content .video-tip p{margin:0 0 10px 0}
#contactus .title4{display:block;padding:30px 0px;font-size:34px;line-height:40px;text-align:center;border-top-left-radius:12px;border-top-right-radius:12px;background:#506898;color:#FFF}
.ui-layer-main{padding:0px 15px;margin:0px auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.contact-content{padding:50px 60px} 
.contact-content .from-title{text-align:center;font-size:20px;display:block;margin-bottom:25px}
.contact-content .ui-grid{min-height:40px;margin-bottom:20px;position:relative}
.contact-content .ui-grid i{position:absolute;left:-16px;top:0px;color:#f30}
.contact-content .left-item, .contact-content .right-item{width:48%;height:40px;border:1px solid #506898;border-radius:14px;position:relative}
.contact-content .left-item,.grid-yzm{float:left;}.contact-content .right-item{float:right;}
.contact-content .grid-yzm{width:160px;height:40px;border:1px solid #506898;border-radius:14px;position:relative;padding:0px 5px}
.contact-content .code-img{display:block;width:112px;height:40px;margin-left:180px;cursor:default;border-radius:10px}
.contact-content .ui-input,.contact-content .ui-select,.contact-content .ui-button,.contact-content .ui-area{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent}
.contact-content .ui-input{width:100%;height:38px;padding:0px 10px;border-radius:14px;border:none}
.contact-content .slc-box{height:40px;width:31.33%;margin-right:3%;float:left;position:relative}
.contact-content .slc-box:last-child{margin-right:0px;}
.contact-content .ui-select{height:40px;width:100%;padding:0px 10px;border-radius:14px;border:1px solid #506898;background:url("../images/sl-down.png") no-repeat right center #FFF;background-size:auto 7px;-webkit-appearance:none;-moz-appearance:none} 
.contact-content .ui-area{width:100%;height:120px;padding:8px 10px;border-radius:16px;border:1px solid #506898;vertical-align:middle}
.contact-content .ui-button{width:100%;height:45px;line-height:45px;text-align:center;border-radius:14px;border:1px solid #546c9e;background:#546c9e;color:#fff;font-size:16px;cursor:pointer}
.contact-content .ui-button:hover{border:1px solid #267ad0;background:#267ad0;}
.contact-content input[type="button"], .contact-content input[type="submit"]{-webkit-appearance:none;}
.contact-content .ui-input:-moz-placeholder{color:#666}
.contact-content .ui-input::-moz-placeholder{color:#666}
.contact-content .ui-input::-webkit-input-placeholder{color:#666}
.contact-content textarea:-moz-placeholder{color:#666}
.contact-content textarea::-moz-placeholder{color:#666}
.contact-content textarea::-webkit-input-placeholder{color: #666} 
.contact-info{display:block !important}
.contactus-link{cursor:pointer}         
.video-layer-content .layer{margin-top:0px} 
.contact-info{display:block !important}.contactus-link{cursor:pointer}
.contact-us{position:relative;padding:40px 0 40px;border:1px solid #979797;border-radius:4px;margin-bottom:60px;border:none}
.contact-menu-li{border-radius:4px;background:#fff;border:1px solid #333;list-style:none;display:inline-block;padding:12px 20px;margin-right:38px;margin-bottom:38px;cursor:pointer;font-size:20px}
.contact-menu-li__actived{background:#333;color:#fff}
.contact-menu-li__actived .contact-tip{display:block}
.contact-info{margin-top:20px;display:none}
.province{display:inline-block;vertical-align:middle;width:88px;text-align:left;cursor:pointer;font-size:18px}
.contact-tip-info{margin-top:40px;font-size:18px;color:#333}
.contact-tip-email{font-size:18px;color:#333;line-height:25px}
.contact-tip-email a{color:#55c5ee}
.contact-tip-name{margin:10px 0px 5px}
.contact-tip-name span,.contact-tip-wechat span,.contact-tip-email{line-height:30px}
.contact-tip-name img,.contact-tip-wechat img{width:30px;margin-right:10px;vertical-align:middle}
.contact-content .from-title{text-align:center;font-size:20px;display:block;margin-bottom:30px} 
.form-pop{width:100%;height:100%;position:fixed;top:0px;left:0px;z-index:10000;display:none}
.form-pop .wall{width:100%;height:100%;background:rgba(0,0,0,0.65)}
.form-pop .form-container{width:960px;height:600px;position:absolute;left:50%;top:50%;margin-left:-480px;margin-top:-280px}
.form-pop .title4{padding:25px 0px;font-size:32px;line-height:40px;margin-bottom:0px;text-align:center;display:block;background:#506898;color:#FFF;border-top-left-radius:12px;border-top-right-radius:12px;}
.form-pop .form-content{padding:30px 60px 40px;border-bottom-left-radius:12px;border-bottom-right-radius:12px;border:2px solid #506898;background:#fff}
.form-pop .btn-close{width:46px;height:46px;position:absolute;top:-23px;right:-23px;z-index:100;cursor:pointer;}
.form-pop .btn-close p{display:block;width:100%;height:100%;overflow:hidden;background:rgba(0,0,0,0.5);border-radius:50%;transition:all 0.35s}
.form-pop .btn-close p:before,.form-pop .btn-close p:after{content:"";display:block;width:22px;height:2px;position:absolute;top:50%;left:50%;margin:-1px 0px 0px -11px;background:#FFF;transition:all 0.35s}
.form-pop .btn-close p:before{transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);}
.form-pop .btn-close p:after{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);}
.form-pop .btn-close:hover p:before,.form-pop .btn-close:hover p:after{background:#d60202}
.pop-link:hover{background-color:#506898 !important}
@media screen and (min-width:1024){::-webkit-scrollbar{width:5px;height:8px;background-color:rgba(210,210,210,.48);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:0}::-webkit-scrollbar-thumb{background-color:rgba(123,121,121,.7);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:0}}
@media screen and (max-width:1600px){#Banner .banner-text{font-size:40px}}
@media screen and (max-width:1440px){
body{font-size:14px;line-height:1.5;min-width:980px}
.apA_content,.apN_conBlock,.wrapper{width:90%}
.main-wrapper{width:85%}
#Footer .ft-wrap,#Header .hd-wrap{margin:0 5%} 
#Footer .foot-link,#Footer .rights{width:100%}
#Banner .banner-text{font-size:36px}
.brand-intro .textgrid{width:80%;margin-left:7%}
.brand-intro .textgrid,.brand-intro .textgrid-infor,.intro-layer .intron{text-align:justify;font-size:15px;line-height:25px}
.brand-intro li.odd .textgrid{margin-left:10%}
.contact .wrapper{width:1200px;margin:0 auto}
.contact .tag-list li{margin-bottom:1.25rem}
.lc-wrapper .nubmer{font-size:85px}
.co1_ti,.co2_ti,.section .h1-title,.section .prod-title,.section .tier-title{font-size:24px;line-height:34px}
.section .both-title{font-size:24px;margin-bottom:20px;line-height:34px}
.section .tier-title{font-size:24px;margin-bottom:20px;line-height:34px}
.section .hed-title{font-size:24px;line-height:34px}
.section .pd-title{width:100%;font-size:24px}
.section .col-title-center{font-size:24px;margin-bottom:20px;line-height:34px;color:#fff;text-align:center}
.section .txt-layers li h1{font-size:24px}
.section .desc-slog{font-size:22px}
.section .two-title{font-size:20px}
.text{font-size:14px}
.section .cx-infor{width:70%;margin-left:15%}
.b22_li{width:25%}
.section .opremark{width:92%;font-size:14px}
.section .liuc-step .liuc-text{font-size:12px;text-align:justify}
.apC_liBl{width:60%}
.apC_left{left:-68px}
.apC_right{right:-68px}
}
@media screen and (max-width:1366px){.main-wrapper,.wrapper{width:90%}
#Header .menu ul#nav li{display:block;float:left;height:100%;position:relative}
#Footer .ft-wrap{margin:0 5%}
#Footer .foot-link,#Footer .rights,.store-layer .store-text{width:100%}
#Footer .foot-nav dl{margin-right:2.25rem}
#Banner .banner-text{font-size:30px}
.contact .wrapper{width:1000px;margin:0 auto}
.section .wid50{width:70%}
.section .mar40{margin-bottom:20px}
.section .secon-title{font-size:20px}
.shux .t-grid .noto-text{height:48px;line-height:24px;padding:0 15px}
}
@media screen and (max-width:980px){#Banner .swiper-container .wall-img{background-position:center top !important}}
.cli_ico{position:absolute;top:50%;right:0;width:32px;height:32px;margin-top:-16px;background:url(../images/ico.png);display:none;-webkit-animation:animScale .6s linear infinite}
@keyframes animScale{0%{transform:scale(1)}50%{transform:scale(1.1)}100%{transform:scale(1)}}
@-webkit-keyframes animScale{0%{-webkit-transform:scale(1)}50%{-webkit-transform:scale(1.1)}100%{-webkit-transform:scale(1)}}
@-ms-keyframes animScale{0%{-ms-transform:scale(1)}50%{-ms-transform:scale(1.1)}100%{-ms-transform:scale(1)}}
@-moz-keyframes animScale{0%{-moz-transform:scale(1)}50%{-moz-transform:scale(1.1)}100%{-moz-transform:scale(1)}}
@-o-keyframes animScale{0%{-o-transform:scale(1)}50%{-o-transform:scale(1.1)}100%{-o-transform:scale(1)}}
.modal-popup{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;-webkit-overflow-scrolling:touch;outline:0;z-index:10001;width:100%;height:100%;visibility:hidden}
.modal-popup .modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;background-color:#000;opacity:.5;visibility:hidden}
.modal-popup .modal-dialog{width:70%;position:fixed;top:6%;right:0;bottom:0;left:50%;margin-left:-35%;z-index:100;opacity:.5}
.modal-popup .modal-content{position:relative;width:100%;height:auto;background-color:#fff;border:1px solid #999;border:1px solid rgba(0,0,0,.2);border-radius:6px;outline:0;-webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);box-shadow:0 5px 15px rgba(0,0,0,.5)}
.modal-popup .modal-header{padding:15px 20px 15px 20px;border-bottom:1px solid #eee;height:22px}
.modal-popup .modal-title{line-height:1.42857143;color:#3f444a;font-size:16px;font-weight:400;display:block;width:50%}
.modal-popup .close{-webkit-appearance:none;border:0;float:right;cursor:pointer;opacity:.5;margin-top:1px;width:20px;height:20px;outline:0;background:url(../images/icon-cross.png) no-repeat center;background-size:100%}
.modal-popup .close:hover{opacity:.9}
.modal-popup .modal-body{overflow:scroll;height:600px;padding:20px;position:relative}
.modal-popup .modal-scroll{width:100%}
.modal-popup .infotitle{margin-bottom:15px;font-size:17px}
.modal-popup .infoitem{font-size:14px;margin-bottom:20px;margin-right:-15px;margin-left:-15px}
.modal-popup .infoitem:after{clear:both;display:table;content:"";-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.modal-popup .col-md-3{width:25%;float:left;margin-bottom:10px;word-break:break-all;position:relative;min-height:1px;padding-right:15px;padding-left:15px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.modal-popup .table{text-align:center;width:100%;max-width:100%;margin-bottom:20px;background-color:transparent;border-spacing:0;border-collapse:collapse}
.modal-popup .table>tbody>tr>td,.modal-popup .table>tbody>tr>th,.modal-popup .table>tfoot>tr>td,.modal-popup .table>tfoot>tr>th,.modal-popup .table>thead>tr>td,.modal-popup .table>thead>tr>th{padding:8px;line-height:1.42857143;vertical-align:top;border-top:1px solid #ddd}
.modal-popup .table tbody td{background:#eee!important;color:#333;line-height:30px!important;vertical-align:middle}
.modal-popup .col-md-12{width:100%;padding-right:15px;padding-left:15px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.modal-popup .btn-wrap{margin-top:60px;text-align:center;clear:both}
.modal-popup .submitbtn{display:inline-block;width:118px;line-height:38px;text-align:center;border:2px solid #01b4f3;color:#01b4f3;background:#fff;font-size:14px;margin:0;padding:0;outline:0;cursor:pointer}
.modal-popup .marginleft{margin-left:80px}
.modal-popup .submitbtn-primary{background:#01b4f3;color:#fff}
#modal-popup.show{visibility:visible}
#modal-popup.show .modal-backdrop{visibility:visible}
#modal-popup.show .modal-dialog{top:12%;opacity:1}
.popup-tips{width:100%;box-sizing:border-box;height:100%;position:fixed;left:0;top:0;z-index:100000;animation:popScaleShow .2s linear;-webkit-animation:popScaleShow .2s linear}
.popup-tips .popup_main{position:fixed;left:50%;top:50%;transform:translate(-50%,0);-webkit-transform:translate(-50%,0);background:0 0}
.popup-tips .maskMain{background:rgba(0,0,0,.6);color:#fff;border-radius:5px}
.popup-tips .content{text-align:center;padding:20px;font-size:16px}
@keyframes popScaleShow{from{opacity:0;transform:scale(.5,.5)}to{opacity:1;transform:scale(1,1)}}
@-webkit-keyframes popScaleShow{from{opacity:0;-webkit-transform:scale(.5,.5)}to{opacity:1;-webkit-transform:scale(1,1)}}
@keyframes scIn{0%{opacity:1;transform:scale(0);-webkit-transform:scale(0);-moz-transform:scale(0)}100%{opacity:0;transform:scale(1.35);-webkit-transform:scale(1.35);-moz-transform:scale(1.35)}}
@-webkit-keyframes scIn{0%{opacity:1;-webkit-transform:scale(0)}100%{opacity:0;-webkit-transform:scale(1.35)}}
@keyframes upshow{0%{opacity:0;transform:translateY(100%);-webkit-transform:translateY(100%)}100%{opacity:1;transform:translateY(0%);-webkit-transform:translateY(0%)}}
@-webkit-keyframes upshow{0%{opacity:0;-webkit-transform:translateY(100%)}100%{opacity:1;-webkit-transform:translateY(0%)}} 
@keyframes shade{0%{opacity:0}100%{opacity:.55}}
@-webkit-keyframes shade{0%{opacity:0}100%{opacity:.55}} 
.shade{animation:shade 3s linear both;-webkit-animation:shade 3s linear both;}
/* 表单提交状态提示 */
.tip-pop{width:480px;height:260px;position:fixed;top:50%;left:50%;margin-top:-160px;margin-left:-240px;z-index:100000}
.tip-pop .tip-content{text-align:center;padding:60px 50px;height:140px;background:#FFF;border-radius:7px;box-shadow:0px 0px 7px rgba(0,0,0,0.35)}
.tip-pop .btnClose{width:30px;height:30px;position:absolute;top:15px;right:15px;z-index:100;cursor:pointer;}
.tip-pop .btnClose p{display:block;width:100%;height:100%;overflow:hidden;background:rgba(0,0,0,0.5);border-radius:50%;transition:all 0.35s}
.tip-pop .btnClose p:before,.tip-pop .btnClose p:after{content:"";display:block;width:16px;height:2px;position:absolute;top:50%;left:50%;margin:-1px 0px 0px -8px;background:#FFF;transition:all 0.35s}
.tip-pop .btnClose p:before{transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);}
.tip-pop .btnClose p:after{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);}
.tip-pop .btnClose:hover p:before,.tip-pop .btnClose:hover p:after{background:#d60202}
.tip-pop .tip-text{font-size:30px;margin-bottom:30px;}
.tip-pop .tip-word{margin-bottom:10px;font-size:16px}
.tip-pop .tip-btn span{color:#546c9e}