@charset "utf-8"; 
h1,h2,h3{font-weight:normal;font-size:100%;}
.hot-tab-nav li h3{display:block;font-weight:normal;font-size:21px;margin-bottom:5px;color:#3e3e3e}
.hot-tab-nav li.current h3,.hot-tab-nav li.current p{color:#FFF}
.aqara-swiper .aqara-text h3{display:block;font-size:1.5rem;font-weight:normal;margin-bottom:2.5rem;}
.lc-wrapper .item h3{display:block;font-weight:normal;font-size:1.25rem;color:#546c9e;text-align:center;margin-bottom:0.625rem;}
.sustain .sup-top h3{width:100%;height:100%;line-height:65px;text-align:center;position:absolute;top:0px;left:0px;background:#455982;color:#FFF;font-size:1.25rem;}
.lc-wrapper .item h3{display:block;font-weight:normal;font-size:1.25rem;color:#546c9e;text-align:center;margin-bottom:0.625rem}
.com-banner .video-grid h2{font-size:24px;font-weight:normal;display:block;margin-bottom:20px;}
.news-content p{margin-bottom:7px;}
.news-content video{max-width:100%;}
.boxlevel .bgWall{width:100%;height:auto;} 
.owl-wrapper-outer{overflow:hidden;position:relative;width:100%;}
.md-tip{width:100%;height:100%;position:absolute;top:0px;left:0px;z-index:100;background:rgba(6,5,6,0.5);text-align:center;display:none}
.md-tip p{display:block;width:40%;position:absolute;left:30%;top:40%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);color:#FFF;}
.md-tip em{font-style:normal;}
#bannerPic .wall{width:100%;height:100%;background-size:cover;background-position:center}
#container{overflow:visible}
/* mobile */
.ui-text::-moz-placeholder{color:#cacaca;}
.ui-text:-ms-input-placeholder{color:#cacaca}
.ui-text::-webkit-input-placeholder{color:#cacaca}
.lnks-more{width:120px;height:35px;line-height:35px;margin:0 auto;text-align:center;border:1px solid #7d7d7e;color:#7d7d7e;border-radius:20px;display:none;}
.mo-box,.mobile-layer{width:100%;display:none}
.cont-hide{display:none}.case-pagination,.aqp-pastion{display:none}
.mobile-layer-slide{width:100%;height:0px;overflow:hidden}
img.pic{display:block;width:100%}
.navg-site{height:50px;width:100%;}
.navg-site .fl-site{width:auto;height:50px;line-height:50px;padding-left:10px;float:left}
.navg-site .fl-site span,.navg-site .fl-site em{display:block;float:left;color:#546c9e;font-size:15px;}
.navg-site .fl-site em{color:#546c9e;font-family:Arial;padding:0px 5px;font-size:18px;}
.navg-site .rt-back{float:right;width:auto;height:50px;line-height:50px;padding-right:10px;font-size:15px;}
.navg-site .rt-back a{display:block;padding-right:15px;color:#546c9e;background:url(../images/icon-back.png) no-repeat right center;background-size:auto 14px;}
.re-box{width:100%;height:30px;margin-bottom:10px;border-bottom:1px solid #dcdcdc;}
.re-box a{display:block;float:right;line-height:30px;background:url(../images/ary-rt-blue.png) no-repeat center right;padding-right:15px;background-size:auto 15px;color:#546c9e}
.back-box{width:100%;height:30px;}
.back-box a{display:block;border-radius:5px;height:30px;line-height:30px;text-align:center;width:100px;background:#546c9e;color:#FFF;margin:0 auto}
/* product */
.mobile-layer .wrapper{height:100%;position:relative}
.mobile-layer .mob-prodcut{width:100%;position:absolute;top:10px;left:0px;text-align:center;font-size:20px;}
.mobile-layer .mob-prodcut h1{display:inline;}
.mobile-layer .mob-prodcut span{border:1px solid rgba(0,0,0,0.25);border-radius:8px;font-size:14px;margin-left:8px;position:relative;top:-3px;padding:3px 10px;color:#7d7d7e}
.mobile-layer .slogan{width:100%;position:absolute;bottom:30px;left:0px;text-align:center;font-size:16px;}
.mobile-layer .wrapper{width:90%;margin:0 auto}
.mobile-layer .c-white{color:#FFF}
/* pagination */
.case-pagination{width:100%;position:absolute;left:0px;top:42%;text-align:center;z-index:5}
.case-pagination .swiper-pagination-bullet{margin:0px 3px;background:#FFF;opacity:0.5}
.case-pagination .swiper-pagination-bullet-active{opacity:1}
.aqp-pastion{width:100%;text-align:center;z-index:5}
.aqp-pastion .swiper-pagination-bullet{margin:0px 3px;background:#546c9e;opacity:0.5}
.aqp-pastion .swiper-pagination-bullet-active{opacity:1}
#map img{max-width:initial;}
/* media screen */
@media screen and (max-width:1024px) and (min-width:769px){ 
    .btn-primary{display:none}
    .wrapper{width:94%;}.paddingBox{padding:40px 0px 40px;}
    .wrap-container{width:92%}
    /* Header */
    #Header{width:100%;height:70px;}  
    /* Footer */
    #Footer{padding-top:15px;padding-bottom:0px;}
    #Footer .ft-wrap{margin:0px 3%;}
    #Footer .foot-link{width:100%;margin:0 auto;padding-bottom:30px;} 
    #Footer .foot-share h1{text-align:center;font-size:0.875rem;}
    #Footer .foot-share h1 a{font-size:1.875rem;margin-left:20px;} 
    #Footer .share-link li{display:block;width:33.33%;float:left;text-align:center}
    #Footer .share-link a{display:block;margin:0px 8px;font-size:0.875rem;}
    #Footer .share-link p{display:block;width:85px;height:85px;line-height:80px;margin:0 auto}
    #Footer .share-link p img{width:35px;}
    #Footer .rights{width:100%;font-size:0.875rem;line-height:24px;} 
    /* container */ 
    #container{min-width:1024px;width:100%;}
    .new-product .titleBox h1{display:block;width:100%;height:30px;line-height:30px;font-size:1.25rem;letter-spacing:1px;}
    .new-product li a:hover .imgBox img{transform:none;-webkit-transform:none;-moz-transform:none;}
    .hot-tab-nav li h1,.hot-tab-nav li h3{font-size:1.25rem}
    .hot-tab-nav li p{font-size:0.875rem;}
    .product-list .prod-link a{width:100px;height:30px;line-height:30px;font-size:14px;}
    .store-layer{ background-size:100% 100%;} 
    .store-layer .colm-title{font-size:1.25rem;}
    .store-layer .store-text{width:90%;line-height:1.625rem;font-size:0.9375rem;}
    .store-layer .store-data .num-box span{font-size:2.5rem;} 
    .store-layer .link-box a{width:130px;margin:0px 15px;height:35px;line-height:35px;}  
    .tale-layer .brand-title{font-size:30px;margin: 0 auto 10px;}
    .brand-intro .textgrid-infor{margin-left:10%;width:76%}
    .sevice-plan .plan-left{font-size:16px;margin-left:5%;}
    .sevice-plan .plan-left p{margin-bottom:10px;}
    .video-layer-content .layer{margin-bottom:60px;}
    .video-layer-content .demo-box,.video-layer-content .demo-box-surface{height:200px;}
    .video-layer-content .demo-box{margin-bottom:15px;}
    .ui-layer-main, .youshi .main,.join-flow{width:1000px;}
    .flow-menu-li h2{font-size:21px;}
    #contactus{padding-top:0px;}
    #contactus .contact-content{padding:0px 50px;}
    .suport-text-content{padding-left:30%;}
    .suport-text-content h2{margin-bottom:10px;font-size:24px;}
    .suport-text-content p{margin-bottom:0px;font-size: 16px;}
    .lc-step ul{width:96%;}
    .cha-tab .rol6 li{width:25%;}
    .store-place .stores-list p.adder{background: url(../images/icon21.png) no-repeat 0px 2px;}
    .apA_content, .apN_conBlock{width:94%;}
    .page-menu ul{width:94% !important;}
    .left-wrapper{width:320px;}
    .left-wrapper .sort p{padding-left:30px;}
    .left-wrapper .sort em{right:20px;}
    .left-wrapper .sort-list p{padding:0px 30px;}
    .content-wrapper{margin-left:340px;}
    .content-wrapper .row3 .prod-img{height:170px;line-height:170px;}
    .content-wrapper .row3 .prod-img img{width:120px;height:120px;}
    .content-wrapper .prodcut-list .prod-name{font-size:16px;padding:0 10px 10px;}
}
@media screen and (max-width:980px){
    body{-webkit-tap-highlight-color:rgba(0,0,0,0);min-width:320px;} 
    input[type='text'],input[type='text']:focus,select,textarea,textarea:focus{-webkit-appearance:none}
    a:hover{color:#666;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
    .btn-primary,#Header .menu,.pc-layer,.cont-hide,#container .lnks-more{display:none}
    .cont-show,.nav-btn,.mo-box,.mobile-layer{display:block;}
    .main-wrapper, .wrapper, .contents{width:94%;}
    .contents{margin:0 auto;}
    .webbox{margin:0 12px;}
    .wrap-container{width:100%;padding:0px 12px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;}
    .paddingBox{padding:20px 0px;}
    .colm-title{font-size:21px;margin-bottom:7px;}
    #container .vido-box-list .vid-title{font-size:20px;margin-bottom:5px;padding-top:10px;}
    .con-title{font-size:16px;}
    .text{font-size:14px;line-height:24px;}
    #Header{min-width:320px;}
    .perch{height:48px;}
    /* Header */
    #Header,#Header .head{width:100%;height:48px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
    #Header .openmenu{left:0px;} 
    #Header .weblogo{width:100px;height:48px;background-size:auto 25px !important;display:block;margin-left:120px;}
    #Header .login a, #Header .work a{font-size:12px;}
    #Header .finder,#Header .login a{background-size:auto 14px !important;}
    #Header .find,#Header .login a{width:20px;}
    #Header .login{padding:0 3px;}
    #Header .login::before, #Header .login::after{width:1px;height:14px;margin-top:-7px;}
    #submenu .nav ul{width:100%;position:relative;padding:20px 0px;}
    #submenu .nav a.m{font-size:18px;height:45px;line-height:45px;}
    #submenu .subnag a{font-size:16px;}
    #Header .search-box{top:50px;height:40px;width:100%}
    #Header .search_from{width:100%}
    #Header .btn-search{margin-top:0px;}
    #Header .inp-search{margin-left:41px;padding-top:0px;}
    #Header .inp-search input{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;font-size:14px;}
    #Header .hot-search{top:40px;}
    #Header .search-close{top:0px;}
    #Header .hot-search h1{margin:0 20px;padding:10px 0 10px;}
    #Header .hot-search li,#Header .hot-search li a{padding:0 0px;}
    #Header .hot-search li a{height:30px;line-height:30px;font-size:15px}
	#Header .store{right:1%}
	#Header .work{margin-left:3px;padding-left:3px}
    /* Footer */
    #Footer{padding-top:17px;padding-bottom:15px}
    #Footer .ft-wrap{margin:0 10px;}
    #Footer .fl,#Footer .fr,#Footer .rig-left{float:none;}
    #Footer .foot-link{padding-bottom:0px;position:relative;margin-bottom:18px}
    #Footer .foot-nav{display:block;margin-bottom:0px;margin-right:51px}
    #Footer .foot-nav::after{content:"";display:block;height:0px;clear:both;overflow:hidden;}
    #Footer .foot-nav dl{width:20%;margin-right:0px;display:block;text-align:left;}
    #Footer .foot-nav dt{margin-bottom:0px;}
    #Footer .foot-nav dt a{font-size:13px;}
    #Footer .foot-nav dd, #Footer .share-link{display:none}
    #Footer .foot-share{margin-bottom:0px;position:absolute;top:0px;right:0px}
    #Footer .foot-share h1{display:block;text-align:left;margin-bottom:0px;font-size:12px}
    #Footer .foot-share h1 span{display:inline-block;font-size:13px;}
    #Footer .foot-share h1 a{display:none;margin-left:10px;font-size:13px;color:#333} 
    #Footer .rights{height:auto;font-size:12px;line-height:24px;border-top:none;position:relative;padding:0px 0px 35px 0;}
    #Footer .rights span{display:block;margin:0px 0px 0px;line-height:20px;}
    #Footer .rights span a{margin-right:10px;} 
    #Footer .rights .lang{margin:0px auto;width:78px;height:24px;position:absolute;right:0px;bottom:-3px;} 
    #Footer .rights .lang::after{right:30px;height:10px;top:8px;}
    #Footer .rights .lang p{margin-left:15px;}
    #Footer .rights .lang a{line-height:24px;} 
    #Footer .rights::before{content:"rights reserved.";display:block;position:absolute;left:0px;bottom:0px;font-size:12px}
    /* Banner */
    #Banner .swiper-container .wall-img{background-size:cover !important;}
    #Banner .swiper-container .swiper-slide:nth-child(2) .wall-img{background-position:0px 0% !important}
    #Banner .banner-text h1{font-size:22px;height:auto;line-height:24px;font-weight:bold;margin-bottom:7px;}
    #Banner .banner-infor{width:94%;left:3%;}
    #Banner .banner-text{width:100%;text-align:center}
    #Banner .banner-text p{font-size:16px;}
    #Banner .banner-text a{padding-top:31px;}
    #Banner .a-link{position:absolute;left:50%;bottom:60px;margin-left:-75px;top:initial}
    #Banner .swiper-pagina .swiper-pagination{text-align:center}
    .banner-layer .pop-layer{letter-spacing:3px;}
    .banner-layer .info p{font-size:24px;letter-spacing:1px}
    .banner-layer .info a{font-size:16px;border:1px solid #FFF;padding:3px 10px;letter-spacing:1px} 
    /* container home */
    #container{min-width:320px;} 
    #container .mobile-layer{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}  
    #container .info-cont h2{font-size:22px}
    #container .info-cont h3{font-size:16px}
    #container .prod-desc{padding:10px 0px;}
    #container .prod-desc dl{margin:0 10px}
    #container .prod-desc dd{width:100%;float:none;margin-bottom:10px;}
    #container .picinfo{padding:10px 12px;}
    #container .picinfo h2{font-size:20px;}
    #container .picinfo h3{font-size:18px;}
    #container .icons-list{text-align:center}
    #container .icons-list li{margin-right:12px;margin-bottom:15px;} 
    #container .icons-list em{font-size:13px;}
    #container .desc-box,.hot-nav ul{margin:0 0px}
    #container .hwrapper{margin:0 0px;width:100%;overflow:hidden}
    #container .home-product{box-sizing:border-box;}
    #container .home-product dl{margin:0 8px}
    #container .home-product dd{width:100%;float:none;margin-bottom:10px;}
    #container .home-product .desc-box{margin: 0 0px;}
    #container .home-product .picinfo{padding:15px 15px;}
    #container .home-product .picinfo h2{font-size:20px;}
    #container .home-product .picinfo h3{font-size:18px;margin-bottom:0px;}
    #container .home-product .prolist{margin:0 -13px;width:initial}
    #container .home-product .prolist li{width:25%;margin:15px 0px 0px 0px;display:block;float:left}
    #container .home-product .prolist a{display:block;margin:0 13px}
    #container .home-product .prolist span{width:100%;height:auto;margin:0 auto 5px;}
    #container .home-product .prolist em{font-size:12px;} 
    .hot-product{padding-top:10px;padding-bottom:30px;} 
    .hot-nav li .nv-item{font-size:16px;padding:5px 0;}
    .hot-main .taber{margin:0 1% 15px;}
    .hot-main .swiper-container{margin-bottom:20px}
    .hot-main .swiper-slide a{margin:0 5px;}
    .hot-main .prod-text{padding:10px 5px;height:62px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
    .hot-main .prod-text p::after{display:none}
    .hot-main .swiper-slide a:hover .prod-text p{padding-right:0px;}
    #container .vido-box-list .vido-case-box,#container .vido-box-list .tabe-infor,.serve-menu,.page-menu ul,.common-img{width:100%}
    #container .vido-box-list li.even .vido-cont,#container .vido-box-list li.even .vido-desc,#container .vido-box-list li.odd .vido-case-box,#container .vido-box-list li.odd .vido-cont,#container .vido-box-list li.odd .vido-desc{margin-left:0px;margin-right:0px;}
    #container .vido-box-list li{margin-bottom:10px;}
    #container .vido-box-list .vido-case-box{margin-bottom:10px;} 
    #container .vido-box-list .vido-infor{width:100%;position:static}
    #container .vido-box-list .tabe-infor{padding:20px 0px;}
    #container .vido-box-list .vido-play-btn{background:url(../images/icon-plays.png) no-repeat center; background-size:40px 40px;}
    #container .vido-box-list .vido-play-btn-hs{background:url(../images/icon-plays-hs.png) no-repeat center; background-size:40px 40px;}  
    #container .vido-box-list .icons-list{height:auto !important;margin-bottom:0px !important;display:-webkit-flex;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;overflow:visible}
    #container .vido-box-list .is-inline{width:23%;height:80px;margin:0px 0px 10px;}
    #container .icons-list em{font-size:13px;}
    #container .vido-box-list .vid-title,.hot-tab-main .prod-text span{color:#7d7d7e}
    #container .vido-box-list .vid-title{font-weight:bold;letter-spacing:2px;}
    #container .vido-box-list .text{margin-bottom:10px;color:#7d7d7e;font-size:16px;}  
    #container .vido-box-list .mobile-layer{background:#f1f1f2;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;padding: 20px 0px;text-align:center}  
    .hot-tab-nav{width:100%;overflow:hidden}
    .hot-tab-nav ul{margin:0px -5px;}
    .hot-tab-nav li .nv-item,.hot-tab-main .rows4 .swiper-slide a{margin:0px 5px;}
    .hot-tab-nav li .nv-item{padding:15px 0px}
    .hot-tab-nav li h3{font-size:16px;margin-bottom:0px;}
    .hot-tab-nav li span{right:-1px;}
    .hot-tab-nav li span i{left: 4px;}
    .hot-tab-main{padding-bottom:3px;}
    .hot-tab-main .rows4 .swiper-wrapper{width:initial;margin:0 -5px;display:block}
    .hot-tab-main .swiper-slide{width:50%;float:left;margin-bottom:10px;margin-top:0px !important} 
    .hot-tab-main .prod-text{padding:10px 10px;height:96px;text-align:center;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
    .hot-tab-main .prod-text p{color:#3e3e3e}
    .hot-tab-main .prod-text span{display:block;width:100%;font-size:14px}
    .hot-tab-layer .swiper-pagin{padding-top:0px;margin-top:-10px;}
    .store-layer{height:380px !important;background-size:auto 100% !important; background-position:-50px -50px !important}
    .store-layer .wrapper{padding:42px 0px 20px}
    .store-layer .colm-title{font-size:21px;margin-bottom:10px;}
    .store-layer .store-text,.store-layer .store-data{margin-bottom:25px;}
    .store-layer .store-text{font-size:14px;line-height:22px;}
    .store-layer .store-data li{margin:0 3%;}
    .store-layer .store-data .num-box span{font-size:35px;line-height:45px;}
    .store-layer .store-data .num-box em{line-height:24px}
    .store-layer .store-data .name-box{font-size:15px;}
    .store-layer .link-box a{width:130px;margin:0 10px;height:33px;line-height:33px;}
    /* bannerPic and  page-menu */
    #Banner #bannerPic{height:auto;background-size:auto 140px!important;}
    #Banner #bannerPic img{display:block;height:auto;max-width:100%;}
    #Banner .swiper-pagina{bottom:5px;}
    .page-menu{height:50px;}
    .about-menu a{line-height:50px;font-size:18px;} 
    .page-menu ul{width:100% !important;background:none}
    .page-menu ul li{background:none}
    .page-menu ul a{font-size:16px;line-height:50px;}
    .page-menu ul .a1,.page-menu ul .a2,.page-menu ul .a3{background-size:auto 21px !important;padding-left:27px;}
    .padBox{padding:30px 0px 25px}
    .padTop{padding-top:30px;}
    .padBTM{padding-bottom:10px;}
    .page-nav-bar i{margin:0px 5px;}
    /* about */
    .news-stick .col-md,.news-stick .news-sumary,.newslist li,.news-related,.intro-layer .intron,.brand-intro .content, .brand-intro .picture,.brand-intro .content.cont-w48,.contact .all-box,.contact .all-code,.kit-layer .box-model,.left-wrapper{width:100%;float:none;}
    .news-stick{box-shadow:0px 3px 8px rgba(209,209,209,0.4);margin-bottom:15px;}
    .news-stick .news-sumary{padding:12px 15px 20px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
    .news-stick .news-sumary .nw-title{font-size:17px;margin-bottom:5px;}
    .news-stick .news-sumary .nw-time{font-size:16px;margin-bottom:5px;}
    .news-stick .news-sumary .text{width:100%;font-size:16px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
    .newslist{margin-bottom:10px;}
    .newslist ul,.newslist li a{margin:0 0px;width:100%}
    .newslist li,.newslist li a{display:block;}
    .newslist li{box-shadow:0px 3px 8px rgba(209,209,209,0.4);margin-bottom:15px;}
    .newslist .nw-time{font-size:16px;}
    .newslist .nw-title{height:auto;font-size:16px;margin-bottom:5px;padding:12px 15px 0px;}
    .news-inner,.news-content{width:100%;margin-bottom:15px;}
    .news-inner .news-title{font-size:18px;margin-bottom:5px;}
    .news-inner .news-send{font-size:16px;padding-bottom:10px;}
    .news-content{padding-bottom:16px;text-align:justify;border-bottom:none}
    .news-col{margin-bottom:11px;font-size:20px;}
    .tale-layer .brand-title{font-size:20px;margin:0 auto 5px;width:100%;}
    .tale-layer .text{width:100%;line-height:24px;font-size:14px;text-align:justify;}
    .tale-slogan .slogan{width:100%;line-height:26px;font-size:16px;}
    .intro-layer{width:100%;background-image:none;background-color:#e5e6ea;}
    .intro-layer .intron{padding:10px 0px 20px;color:#7d7d7e}
    .brand-intro li{height:auto;display:block;padding-bottom:20px;}
    .brand-intro li.even,.brand-intro li.even .content{background:#e9dfc8}
    .brand-intro li.odd,.brand-intro li.odd .content{background:#FFF} 
    .brand-intro li.even .picture, .brand-intro li.odd .content,.brand-intro li.even .content, .brand-intro li.odd .picture,.mob-layer,.kit-desc-img,.kit-desc-intron,.set-intro .set-content,.apC_liBl{width:100%} 
    .brand-intro .picture{background-image:none !important}
    .brand-intro .picture img{visibility:visible !important;}
    .brand-intro .content,.brand-intro .textgrid-infor,.brand-intro li.odd .textgrid{position:static;width:100%}
    .brand-intro .textgrid-infor,.brand-intro li.odd .textgrid{margin-left:0%;padding:12px 12px 20px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
    .brand-intro .table[data-animation=ani-down],.intron[data-animation=ani-down]{transform:none;-webkit-transform:none;-moz-transform:none;visibility:visible;opacity:1;}
    .brand-intro .textgrid, .brand-intro .textgrid-infor, .intro-layer .intron{text-align:justify;font-size:14px;line-height:24px;}
    .brand-intro .table,.brand-intro .table-cell{display:block}
    .contact .wrap{margin:0 10px;}
    .contact .wrapper,.contact .cd-list dl{width:100%}
    .contact .grid-title,.contact .layer{margin-bottom:15px;} 
    .contact .c-list li{line-height:26px;font-size:15px}
    .contact .c-list li.adder{background-position:0px 3px;}
    .contact .cd-list dl{margin-right:0%;}
    .contact .cd-list dd{width:37%;margin-right:10%;}
    .contact .cd-list p{margin-bottom:0px;}
    .contact .tag-list li{padding:10px 12px;font-size:16px;margin-right:10px;margin-bottom:10px;}
    .contact .area-list span{margin-right:16px;padding:5px 17px !important;font-size:16px;box-sizing:border-box} 
    .contact .dj a{width:auto;display:inline-block;background-size:auto 16px;font-size:18px;} 
    .contact .hz p{padding-left:30px;}
    /* Homekit */ 
    .common-img img{display:block;width:100%}
    .com-banner{height:auto;}
    .com-banner .img-grid{width:100%;height:100%;position:relative;overflow:hidden;}
    .com-banner .img-grid img{display:block;width:100%;height:auto;}
    .com-banner .video-grid{width:100%;left:0%;margin-top:-80px;}
    .com-banner .video-grid h2{font-size:21px;}
    .com-banner .video-grid a{height:33px;line-height:33px;width:130px;}
    .com-banner .video-grid p{background-size:auto 20px;}
    .com-banner .infor-grid .hkit{bottom:20px;}
    .com-banner .infor-grid .hkit,.com-banner .infor-grid .hkit img{height:30px;}
    .kit-layer .left-box .model-item,.kit-layer .model-item,.kit-layer .right-box .model-item,.kit-usage .model-content{margin-left:0%;width:100%;padding-bottom:20px}
    .kit-layer .img-item{width:95%;margin:0 auto 15px;}
    .kit-layer .kittext{margin:0px 12px;} 
    .kit-layer .kittext{line-height:24px;font-size:14px;}
    .kit-desc-title{font-size:21px;width:260px;}
    .mobile-layer-slide{height:auto;}
    .prodcut-carousel{height:0px;overflow:hidden;}
    .kit-usage .left-model{width:100%;position:static;}
    .kit-usage .model-content{padding:20px 0px;}
    .kit-usage .model-content .table,.kit-usage .model-content .table-cell,.kit-usage .swiper-slide p{display:block;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
    .kit-usage .model-content .table-cell{padding:0px 12px;}
    .kit-usage .grid-model{width:100%;margin-left:0%;}
    .kit-usage .swiper-slide p{line-height:22px;width:100%;padding:10px 12px;color:#333;font-size:14px;}
    .kit-usage .swiper-pagina .swiper-pagination{width:100%;text-align:center;}
    .kit-usage .swiper-pagina .swiper-pagination span{background:#434343;opacity:0.65}
    .kit-usage .swiper-pagina .swiper-pagination span.swiper-pagination-bullet-active{background:#546c9e;opacity:1}
    .siri-intro .siri-content,.siri-intro .siri-infor,.serve-intro .serve-conment{width:100%;position:relative;left:0%;bottom:0%;top:0%;right:0%}
    .siri-intro .siri-content{width:100%;padding:16px 0px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;background:#dfe4e7;}
    .siri-intro .siri-title{position:absolute;top:-50px;left:0%;font-size:20px;}
    .siri-intro .siri-text,.serve-intro .serve-conment{font-size:14px;line-height:24px;text-align:justify}
    .serve-intro .serve-conment{margin-bottom:15px;}
    .serv-list.owl-carousel .owl-wrapper-outer{width:100%;margin:0 auto}
    .serv-list .item a{margin:0 30px;}
    .serv-list .item h1{font-size:16px;}
    .serv-list .owl-controls .owl-buttons .owl-prev,.serv-list .owl-controls .owl-buttons .owl-next{width:20px;height:30px;background-size:auto 20px!important;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
    .set-intro .set-content{text-align:justify;line-height:24px;margin-bottom:20px;font-size:14px;}
    /* application */
    .apN_ulBl, .ap_content, .ap_conBlock{padding:0px 0px 0px;}
    .apT_block{width:90%;left:5%;padding:15px 0px;top:50%;background:rgba(255,255,255,0.75);color:#333;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);}
    .apT_ti{font-size:16px;}
    .apT_wi{margin:5px auto;width:40%;border-bottom:1px solid #963}
    .apT_te{line-height:22px;font-size:15px;padding:0px 15px;} 
    .apN_ulBl{height:71px;}
    .apN_liBl{padding:10px 0px;top:0px;margin-bottom:0px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;}
    .apN_liBl:after{top:0px;border-width:0px;height:100%}
    .apN_ti{width:100%;padding:30px 0 0px;}
    .apN_liBl:hover{border-radius:0px;top:0px;}
    .apN_ti.apN_i1,.apN_liBl:hover .apN_ti.apN_i1{background-position:center top;background-size:auto 27px}
    .apN_ti.apN_i2,.apN_liBl:hover .apN_ti.apN_i2{background-position:center top;background-size:auto 27px}
    .apN_ti.apN_i3,.apN_liBl:hover .apN_ti.apN_i3{background-position:center top;background-size:auto 27px}
    .apN_ti.apN_i4,.apN_liBl:hover .apN_ti.apN_i4{background-position:center top;background-size:auto 27px}
    .apN_ti h2{display:block;font-size:16px;text-align:center}
    .apA_ti{padding-top:20px;font-size:20px;}
    .apA_content{width:100%;margin-top:20px;padding-bottom:2px;}
    .apA_liBl{margin-bottom:10px;}
    .apA_navUl,.apA_ulBl{width:100%;float:none;height:auto}
    .apA_navUl{position:relative;left:0px;top:0px;right:0px;bottom:0px;border-right:0px;margin-bottom:20px;border-top:1px solid #f6f6f6}  
    .apA_ulBl{padding-left:0px;margin-left:0px;}
    .apA_navLi{width:33.33%;height:75px;float:left;text-align:center;border-right:1px solid #f6f6f6;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;} 
    .apA_num{font-size:30px;height:28px;line-height:28px;padding-left:0px;display:inline-block;float:none;display:none}
    .apA_ico{width:28px;height:28px;top:0;background-size:auto 30px!important;display:inline-block;float:none;margin-left:0px;}
    .apA_t{float:none;margin-left:0px;font-size:16px;padding-top:0px;width:100%} 
    .apA_ic{right:50%;top:79px;height:12px;margin-right:-4px;transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);}
    .apA_wi{left:0%;width:100%}
    .apA_bTi,.apA_bT2{margin:0px 15px;font-size:16px;}
    .apA_bTe{padding:0px 15px 10px;height:auto;line-height:24px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;}
    .apB_content{padding-top:20px}
    .apB_left{left:0px;width:20px;height:20px;margin-top:-40px;background-size:auto 20px!important;z-index:100;}
    .apB_right{right:0px;width:20px;height:20px;margin-top:-40px;background-size:auto 20px!important;z-index:100;}
    .apB_conBlock,.apB_block{width:100%;}
    .apB_img{padding:0 0px;float:none;width:60%;margin:0 auto;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;}
    .apB_teBl{padding-top:10px;width:90%;float:none;margin:0 auto}
    .apB_teTi{font-size:18px;padding-bottom:10px;padding:0px 0px 5px 0px;text-align:center}
    .apB_teTe{padding:0px 0px 0px 0px;line-height:22px;}
    .apA_bUl{width:94%;margin:13px auto 0px}
    .apB1_left{left:0px;width:20px;height:20px;margin-top:-10px;background-size:auto 20px!important;z-index:100;}
    .apB1_right{right:0px;width:20px;height:20px;margin-top:-10px;background-size:auto 20px!important;z-index:100;}
    .apB_ulBl{width:88%;}
    .apB_liImg{width:95%;margin:0 auto;height:104px;line-height:104px;}
    .apB1_swiper .swiper-slide img{height:75px;}
    .apD_ti{font-size:22px;padding-top:25px;}
    .apD_content{width:100%;margin-top:20px;}
    .apD_ul{padding-bottom:30px}
    .apD_img{width:55px;margin:0 auto}
    .apD_img img{display:block;}
    .apD_ic{width:12px;right:-6px;top:15%;}
    .apD_te{font-size:15px;padding-top:5px;}
    .apC_content{margin:0px 10px;}
    .apC_ul{width:100%;margin:15px auto 0;}
    .apC_li{height:55px;line-height:26px;font-size:16px;}
    .apC_li:after{height:38px;top:7px;}
    .apC_li span{background-size:auto 30px!important;padding-top:30px;background-position:center top!important;padding-left:0px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
    .apC_swiperBl{width:100%;padding-bottom:0px;margin-top:20px;}
    .apC_liBl{background:#f6f6f6;margin:0px 0px 0px;}
    .apC_swiper1 .swiper-slide, .apC_swiper2 .swiper-slide, .apC_swiper3 .swiper-slide{opacity:1;-webkit-transform:none;-moz-transform:none;transform:none;}
    .apA_swiper .apA_bImg, .apA_swiper1 .apA_bImg, .apA_swiper2 .apA_bImg{height:100px;line-height:100px;margin-bottom:0px;}
    .apA_swiper .apA_bImg img, .apA_swiper1 .apA_bImg img, .apA_swiper2 .apA_bImg img{height:60px;}
    .apC_teTe{line-height:24px;}
    .apC_left{left:0px;width:20px;height:20px;top:20%;margin-top:0px;background-size:auto 20px!important;z-index:100;padding:0px;}
    .apC_right{right:0px;width:20px;height:20px;top:20%;margin-top:0px;background-size:auto 20px!important;z-index:100;padding:0px;} 
    .apC_liBl::after{content:"";display:block;clear:both;height:0px;overflow:hidden;}
    .apC_img img{vertical-align:middle;display:block}
    .apC_teBl{position:static;min-height:200px;padding:13px 15px;width:100%;background:none;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
    .apD_ulTe{padding:0px 0px 0px 0px;width:100%;left:0px;}
    .apD_liTe{width:100%;padding:15px 0px 15px 0;border-bottom:1px solid #ddd}
    .apC_teBl .apD_liTe:last-child{border-bottom:none !important}
    .apD_liTe:after{display:none;}
    .case-pagination,.aqp-pastion{display:block}.flow-menu{display:block;}
    .aqp-pastion{margin-top:3px;}
    /* business */
    .youshi,.hq-suport, .sevice-plan,.video-layer-content,.page-nav-bar{padding:25px 0px;}
    .youshi .title2,.sevice-plan .title3,.suport-text-content h2,#contactus .title4, .hq-suport .title4, .join-flow h2{font-size:20px;margin-bottom:20px;} 
    .ui-layer-main, .youshi .main,.join-flow,#contactus .contact-content{width:100%}
    .youshi .main .box,.sevice-plan .plan-left,.sevice-plan .plan-right,.col-md-6,.static,.video-layer-content .col-md-4{width:100%;float:none} 
    .youshi .box-content{height:350px;min-height:300px;background-size:100% auto !important;background-position:center!important}
    .youshi .box-text{bottom:20px}
    .youshi .box-text h2{font-size:18px;margin:0 0 20px 0;}
    .youshi .box-text .line{height:2px;}
    .sevice-plan .text-current,.sevice-plan .text-future{padding:0px 15px}
    .sevice-plan .text-future{margin-bottom:30px;margin-top:30px;}
    .sevice-plan .plan-left,.suport-text-content p,.flow-tip p,.video-layer-content .video-tip,.contact-tip-info,.contact-tip-email{font-size:16px}
    .sevice-plan .plan-left p,.suport-text-content p{margin-bottom:10px;}
    .suport-text-content{padding-left:15%;padding-top:20px!important;padding-bottom:30px;} 
    .join-flow{padding-bottom:200px;}
    .flow-menu-li{height:300px;}
    .flow-menu-li h1{margin-top:40px;}
    .flow-menu-li .flow-menu-img{margin-top:40px;}
    .flow-tip{padding:25px 16px;bottom:30px;}
    .flow-tip p{line-height:26px;} 
    .video-layer-content .tipbtn{height:40px;line-height:40px;font-size:16px;}
    .video-layer-content .layer,.contact-tip-info{margin-top:20px;}
    .video-layer-content .demo-box{height:auto;margin-bottom:5px;}
    .video-layer-content .demo-box-surface{height:auto;position:relative;left:0px;top:0px;right:0px;bottom:0px;border-right:0px;} 
    .video-layer-content .demo-box-surface img{display:block;width:100%}
    #contactus{padding-top:10px;}
    .contact-us{padding:20px 15px;margin-bottom:60px;}
    #contactus .contact-content{padding:0px 0px;}
    .contact-menu-li{font-size:16px;padding:6px 10px;margin-right:19px;margin-bottom:19px;}
    .contact-menu-li:nth-child(4n),.contact-menu-li:last-child{margin-right:0px;}
    .province{width:auto;font-size:15px;margin-right:20px}
    .contact-tip-info p{margin-bottom:5px;}
    .contact-tip-name{margin:20px 0 15px 0;}
    .contact-tip-email{line-height:26px;}  
    .contact .contact-infor p{font-size:15px}
    .video-play-layer .video-curtain{width:94%;left:3%;margin-left:0px;margin-top:0px;height:auto;border-radius:3px;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);}
    .video-play-layer .close-pop{background-size:20px auto !important;right:5px;top:0px;}
    .video-play-layer .video-title{margin:0 7px 7px;padding-top:0px;}
    .video-play-layer .video-main{height:auto;margin: 0 7px 0px;} 
    .cha-wrapper,.store-place .map-area,.lc-step ul,.lc-step .item,.lc-step .grid{width:100%}
    .cha-tab{min-width:290px;margin:0px 0px;}
    .cha-tab .install-nav{height:50px;margin-bottom:20px;}
    .cha-tab .install-nav span{width:33.33%;height:50px;line-height:50px;margin:0 0px;display:block;float:left;font-size:18px;position:relative}
    .cha-tab .install-nav .active::after{content:"";display:block;width:0px;height:0px;border:5px solid transparent;border-bottom-color:#FFF;position:absolute;bottom:0px;left:50%;margin-left:-5px;}
    .cha-tab .row ul{margin:0 -6px;}
    .cha-tab .rol6 li{width:50%;min-width:100px;}
    .cha-tab .row li a{margin:0 6px;}
    .cha-tab .row .img-item{padding:50px 0px 30px;}
    .cha-tab .row .img-item img{width:80px;height:80px;} 
    .cha-tab .row .pd-title p{padding:5px;}
    .cha-tab .row .pad{padding:10px;font-size:12px;}
    .padbom{padding:0 0 40px;}
    .menubar{height:50px;}
    .menubar .wrap-container{padding:0px 0px;}
    .menubar ul{width:100%;height:100%; text-align:center} 
    .menubar li{width:auto;float:none;display:inline-block;}
    .menubar li:nth-child(2):after, .menubar li:nth-child(2):before{display:none}
    .menubar li a{font-size:16px;line-height:50px;margin:0 7px;}
    .menubar li span{background-size:auto 18px !important;padding-left:24px !important;}
    .store-type span{font-size:18px;}
    .store-type .sele-wrap{width:48%;}
    .store-type .sele-wrap select{width:100%;outline:none;margin-left:0rem;}
    .store-type .sele-wrap select, .query-area .query-box select{padding:0px 5px;box-sizing:border-box;-webkit-box-sizing:border-box;border:1px solid #ddd;color:#666;border-radius:0px !important; background:url(../images/aqara-down.png) no-repeat 95% 50%;-moz-appearance:none;-webkit-appearance:none;}
    .store-place{margin-bottom:0px;border-bottom:none;padding: 0 0 0rem;}
    .query-area{padding:20px 0px;margin-bottom:20px;}
    .query-area .branches,.query-area .query-box{padding-left:0px;float:none;width:100%}
    .query-area .branches{margin-bottom:10px;}
    .query-area .branches p{background-size:18px auto!important;padding-left:26px;}
    .query-area .query-box select{width:48%;margin-left:0px;outline:none;}
    .query-area #province{float:left;}
    .query-area #city{float:right} 
    .store-place .stores-list{width:100%;position:relative;top:0px;left:0px;} 
    .store-place .stores-list li span{color:#546c9e;font-size:16px;}
    .store-place .stores-list p{line-height:22px;}
    .store-place .stores-list p{background-position:0px 4px !important;background-size:auto 16px !important;padding-left:20px;}
    .store-place .map-area{margin:0 -15px;width:calc(100% + 27px);}
    .map-area #map img{max-width:initial !important}
    .lc-step{padding-bottom:20px;margin-top:17px;}
    .lc-step li{margin-bottom:10px;}
    .lc-step li .item{padding-bottom:15px;}
    .lc-step li .icon-img{left:0px !important;width:40px;height:40px;top:50%;margin-top:-20px;} 
    .lc-step .icon-img p{width:100%;left:0px;}
    .lc-step li.odd .item,.lc-step li.odd .grid{margin-left:0%}
    .lc-step li .line-box,.lc-step li.even .line-box,.lc-step li.odd .line-box{transform:rotate(0deg);-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);top:52%;}
    .lc-step li.even .line-box,.lc-step li.odd .line-box{right:initial;left:20px}
    .lc-step .item:hover .grid{box-shadow:0px 0px 0px rgba(255,255,255,1)}
    .lc-step .pad{padding:0px 0px;margin-left:57px;padding:10px 13px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;}
    .lc-step .item-text{line-height:24px;} 
    .lc-step .item:hover .pad{box-shadow: 0 0 20px rgba(8,1,3,.15);border-radius:15px;-webkit-border-radius:15px;-moz-border-radius:15px;}
    .lc-step .nub span{font-size:35px;color:#cecece}
    .lc-step li.odd .nub span{text-align:left}
    .lc-step li.odd .nub p{right:0px;left:initial}
    .Success_page{padding:20px 0px;}
    .Success_li{margin:0px 1% 20px;width:48%;box-sizing:border-box}
    .Success_li img{width:100%;vertical-align:middle}
    .query-gird .search-layer{width:90%;margin:0px auto}
    .alt_content{width:94%;left:3%;}
    .alt_conBlock{min-width:300px;width:100%;border-radius:1px;}
    .alt_InBlock{padding:0px 0px 0px;width:100%}
    .alt_block{background-size: 100% 100%!important;width:100%;height:calc(100vh - 100px);padding:0 15px;padding-top:35%;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;}
    .alt_tCh{font-size:18px;}
    .alt_tBlock{margin-top:0px;padding:15px 30px 10px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;}
    .alt_p{line-height:24px;margin-top:7px;}
    .alt_dateBl{margin-top:20px;}
    .alt_daTe{margin-top:5px;}
    .alt_rBl{margin-top:20px;}
    .alt_numBl{bottom:50px;}
    .Result_content{width:94%;} 
    /* service */
    .aqara-layer, .marg-botom{margin-bottom:20px;}
    #Banner .pageBanner img{height:auto;}
    #Banner .search-case{width:100%;height:40px;left:0px;margin-left:0px;margin-top:-20px;} 
    #Banner .search-case h1{font-size:21px;margin-bottom:7px;display:none}
    #Banner .search-layer{width:90%;margin:0 auto;height:40px;}
    #Banner .mobile-layer{display:block;}
    #Banner .ui-button{width:50px;height:40px;}
    .service .padBox{padding:0px 0px 0px;}
    .service .page-menu{box-shadow:0px 3px 10px #eeeeef;position:relative;z-index:5;} 
    .service .service{overflow:hidden;width:100%;}
    .left-wrapper{padding:10px 15px 40px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
    .left-wrapper li{margin-bottom:0px;}
    .left-wrapper .sort,.left-wrapper .sort-list{border-bottom:1px solid #d4d4d4}
    .left-wrapper .sort{height:50px;line-height:50px;}
    .left-wrapper .sort p{padding-left:20px;font-size:16px;line-height:50px;transition:all 0.35s;-webkit-transition:all 0.35s;}
    .left-wrapper .sort em{width:20px;height:18px;left:0px;right:0px;top:50%;margin-top:-9px;background-size:auto 12px!important}
    .left-wrapper .curr p{padding-left:30px;}
    .left-wrapper .curr em{background-position:center !important;}
    .left-wrapper .sort-list{padding:10px 0px;display:none}
    .left-wrapper .sort-list p{padding:0px 35px;height:30px;line-height:30px;}
    .left-wrapper .sort-list a{color:#546c9e;background:url(../images/ary-rt-blue.png) no-repeat right center;background-size:auto 12px!important}
    .left-wrapper .sort-list i{display:none !important}
    .content-wrapper{margin-left:0px;width:100%;padding:20px 0px 40px;display:none;}
    .content-wrapper .content-main{padding:0px 15px 20px;}
    .fqa-list li{border-bottom:1px solid #d4d4d4;margin-bottom:10px;padding-bottom:10px;}
    .fqa-list .question{position:relative;padding-right:20px;color:#546c98;font-size:16px;text-align:justify;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;} 
    .fqa-list .question::before{content:"";display:block;width:1px;height:11px;position:absolute;right:5px;top:5px;background:#546c9e}
    .fqa-list .question::after{content:"";display:block;width:11px;height:1px;position:absolute;right:0px;top:10px;background:#546c9e}
    .fqa-list .question.on::before{display:none;} 
    .content-wrapper .prodcut-list, .content-wrapper .video-list{background:#f8f8f8;padding:20px 10px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;} 
    .content-wrapper .row3 li{width:50%}
    .content-wrapper .row3 .prod-img{height:145px;line-height:145px;}
    .content-wrapper .row3 .prod-img img{width:75px;height:75px;}
    .content-wrapper .video-list .prod-img span{width:30px;height:30px;background-size:auto 30px !important;left:10px;bottom:10px;}
    .content-wrapper .video-list .video-name{font-size:16px;}
    .content-wrapper.content-show{display:block}
    .content-wrapper .answer{font-size:14px;line-height:24px;}
    .content-wrapper .prodcut-list .prod-name{font-size:16px;}
    .trail-list li,.pay-list li{width:100%;float:none;margin-bottom:20px;}
    .trail-list li .item{padding:20px;}
    .trail-list li .trail-img{width:30px;margin: 0 auto 7px;}
    .redar-title{padding:0px 0px 15px;} 
    /* theform */
    .theform .wrapper{padding-bottom:40px;}
    .theform .wrapper .layer{width:100%;}
    .theform .step{padding:15px 10px;margin-bottom:20px;} 
    .step .step-text{margin-top:0px;}
    .agreement-title{padding-bottom:20px;margin-bottom:20px;}
    .agreement-infor{margin-bottom:20px}
    .submit-form{margin:0px 0px;}
    .col-md-3,.col-md-12,.col-md-4{width:100%;float:none;margin-bottom:10px;} 
    .submit-form .form-group{height:auto}
    .submit-form .form-control,.submit-form textarea{width:100%;max-width:100%;font-size:14px;}
    .submit-form .submit-select{width:49%;margin-bottom:10px;}
    .btnwrap .submitbtn{width:95px;margin:0 13px;}
    .submit-form textarea{max-width:100% !important;}
    .submit-form .col-md-4 .form-control,.submit-form .col-sm-6 .form-control{width:50%;}
    .submit-success p{font-size:16px;} 
    /* product */
    .layer-pop .padBox-ban{padding-top:8%;} 
    .ban-swiper .prodcut{height:auto;margin-bottom:0px;}
    .ban-swiper .prodcut h1,.ban-swiper .prodcut .pd-name{display:inline-block;font-size:22px;padding-left:80px;height:auto;line-height:32px;float:none;background-size:auto 20px;} 
    .ban-swiper .txt-left{text-align:left}.ban-swiper .txt-center{text-align:center}.ban-swiper .txt-right{text-align:right} 
    .ban-swiper .desc-slog{font-size:18px;line-height:24px;}
    .prod-nav,.product-list .prod-gongneng{height:auto;}
    .prod-nav .wrapper{width:100%;}
    .prod-nav li{width:33.33%;height:112px}
    .prod-nav li a{padding:15px 0px;}
    .prod-nav li p{height:45px;line-height:45px;width:45px;margin: 0 auto 10px;}
    .prod-nav li img{height:45px;}
    .prod-nav li h1{font-size:16px;}
    .prod-nav li.curr a{position:absolute;top:-5px;left:0px;border-radius:5px;padding:15px 0px;height:87px;box-shadow:0px 0px 10px rgba(0,0,0,.15)}
    .product-list li,.product-list .prod-img,.product-list .prod-desc{width:100%;float:none}
    .product-list .item-box{padding:0px 0px 20px;margin:0 7px 10px}
    .product-list .prod-img{height:180px;line-height:180px;}
    .product-list .prod-img img{width:150px;height:150px;transform:none!important;}
    .product-list .prod-desc{height:auto;padding-bottom:40px;}
    .product-list .prod-title{margin-bottom:10px;}
    .product-list .prod-top{padding:0px 15px;margin-bottom:30px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;} 
    .product-list .prod-link{width:90%;left:5%;}
    .product-list .prod-link a{height:32px;line-height:32px;font-size:14px;width:100px;border-radius:5px;}
    .lok-box{top:10%;} .lok-box h1{margin-bottom:10px;font-size:20px;}
    .lok-box .text{margin-bottom:20px;line-height:24px;font-size:14px;} 
    .lok-box .link-case{height:30px;line-height:30px;width:110px;}
    .contArea .sl-box{width:100%;height:auto;overflow:hidden;overflow-x:scroll;position:relative}
    .contArea .pictrue{width:1567px;height:667px;position:relative}
    .contArea .img-box{width:100%;height:100%}
    .contArea .img-box img{width:auto;max-width:none;height:667px}
    .contArea .area-paging{width:80%;left:10%;padding:0px 5px;bottom:170px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
    .contArea .area-paging p{width:33.3333%;margin-left:0px;height:auto;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
    .contArea .area-paging span{display:block;margin:0 5px;height:60px;}
    .contArea .area-paging img{width:100%;height:60px;}
    .contArea .right-prod{width:100%;position:relative;}
    .contArea .openBtn,.contArea .shrink,.navmodel .product-name{display:none}
    .contArea .prod-list,.contArea .pd-infor{width:100%;position:relative;top:0px;right:0px;}
    .contArea .list-wrap{width:100%;padding:15px 0px;}
    .contArea .product-ul{margin:0px 20px;width:initial}
    .contArea .product-ul li{width:33.33%;float:left;margin-bottom:0px;}
    .contArea .product-ul p{width:95%;height:80px;line-height:80px;margin:0 auto 7px;}
    .contArea .product-ul p img{width:60px;height:60px;} 
    .contArea .product-ul li.active p:after{width:100%;height:100%;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
    .contArea .btn-prev, .contArea .btn-prev.cannot:hover,.contArea .btn-prev:hover{top:40px;width:20px;background:url(../images/prev-on.png) no-repeat center}
    .contArea .btn-next, .contArea .btn-next.cannot:hover,.contArea .btn-next:hover{top:40px;width:20px;right:0px;left:initial;background:url(../images/next-on.png) no-repeat center}
    .contArea .infor-boxs{position:fixed;left:0px;top:0px;width:100%;height:100%;}
    .contArea .dsc-content{width:94%;left:3%;height:auto;top:50%;transform:translateY(-45%);-webkit-transform:translateY(-45%);-moz-transform:translateY(-45%);}
    .contArea .pd-img,.contArea .pd-infor{height:auto}
    .contArea .pd-infor{padding-left:0px;}
    .contArea .table,.contArea .table-cell{display:block;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
    .contArea .table-cell{padding:10px 15px 15px;}
    .contArea .pd-img img{vertical-align:middle;display:block;width:100%}
    .contArea .pd-close{right:0px;top:-41px;}
    .contArea .btn-link a{width:120px;height:30px;line-height:30px;font-size:14px;margin:0 auto}
    .contArea .pd-name{font-size:18px;margin-bottom:7px;text-align:center}
    .contArea .pd-text{margin-bottom:20px;line-height:22px;}
    .contArea .pd-text p{position:relative;padding-left:7px;}
    .contArea .pd-text p::before{content:"";display:block;width:3px;height:3px;display:block;background:#6b6b6b;border-radius:50%;position:absolute;left:0px;top:9px;}
    .inner-pad{padding:30px 0px;}
    .navmodel{height:40px;} 
    .navmodel .navbar-nav{width:100%;float:none;padding:5px 0px;text-align:center}
    .navmodel .navbar-nav a{display:inline-block;line-height:30px;height:30px;float:none;margin-left:0px;padding:0 15px;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;}
    .navmodel .navbar-nav a:hover{background:#546c9e;color:#FFF;}
    .navmodel .navbar-nav a.active{background:#FFF;color:#546c9e;}
    .inner-title{margin-bottom:20px;}
    .inner-title p{font-size:20px;margin-bottom:10px;}
    .param-wrap dl{width:100%;float:none;font-size:14px;margin-bottom:10px;}
    .vid-poster{min-height:150px;}
    .vid-poster .poster{line-height:1.5;padding:40px 0px;} 
    .vid-poster .vid-btn h1{font-size:18px;margin-bottom:10px;padding-top:40px;}
    .vid-poster .vid-btn p{font-size:16px;margin-bottom:15px;}
    .vid-poster .vid-btn .vid-play{width:42px;height:42px;} 
    .param-wrap dt{width:80px;}
    .param-wrap dd{margin:0px 0px 0px 80px;}  
    .martop{margin-top:10px;} 
    .vid-poster .poster img, .product-caption p img{width:150px;}
    .product-caption h1{font-size:16px;}
    .product-caption a{width:130px;height:35px;line-height:35px;font-size:15px;}
    /* product page */
    .section .padBox{padding:30px 0 30px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;} 
    .section .mob-box{width:100%} 
    .section .midde-wrap{width:90%;margin:0 auto}
    .section .prodcut{text-align:center;height:35px;margin-bottom:10px;}
    .section .prodcut h1,.section .prodcut p{height:35px;padding-left:0px;font-size:24px;line-height:35px;float:none;display:inline-block;} 
    .section .prodcut p.white-logo{background:url("../images/de-logo1.png") no-repeat center left;background-size:100px auto;padding-left:110px;}
    .section .prodcut p.cm-logo{background:url(../images/logo_03.png) no-repeat center left;color:#565656;background-size:100px auto;padding-left:110px;}
    .section .prodcut p.gray-logo{background:url(../images/graylogo.png) no-repeat center left;color:#757575;background-size:100px auto;padding-left:110px;}
    .section .prodcut p.blak{color:#2f3133} 
    .section .prodcut span,.section .pt-vesion span{display:inline-block;float:none;font-size:14px;padding:0 10px;margin-top:0px;position:relative;top:-4px;border:1px solid #929292;color:#929292}
    .section .prodcut .pd-name{height:30px;line-height:30px;background-size:auto 23px;font-size:22px;padding-left:90px;display:inline-block;float:none}
    .section .prodcut span.blue{border:1px solid #546c9e;color:#546c9e}
    .section .prodcut.nomar{margin:0px 0px;margin-bottom:0px;} 
    .section .pt-vesion span{border-radius:15px;-webkit-border-radius:15px;-moz-border-radius:15px;top:-5px;}
    .section .desc, .section .sec-title{font-size:18px;text-align:center;margin-bottom:1px;line-height:24px;}
    .section .logan{font-size:18px;line-height:26px;text-align:justify;margin-bottom:7px;} 
    .section .big-text{font-size:18px;line-height:26px;} 
    .section .protext{font-size:16px;line-height:26px;}
    .section .text{font-size:14px;line-height:24px;} 
    .section .note_text,.section .d14_te,.section .note{width:100%;font-size:13px;line-height:21px;}
    .section .h2-title{font-size:20px;line-height:30px;margin-bottom:10px;}
    .section .h2-title em{font-size:14px;line-height:18px;padding:0px 26px 0px 10px;top:-2px;margin-left:5px;border-radius:3px;-webkit-border-radius:3px;}
    .section .h2-title em i{font-size:12px;top:-1px;right:5px;}
    .section .h2-title em.t-white{border:1px solid #FFF;color:#FFF}
    .section .titles{font-size:20px;line-height:30px;}
    .section.mobile-layer .h2-title,.section .cor-black{color:#333}  
    .section .pt-vesion,.section .wg-table .text{text-align:center} 
    .section .content_c_black,.section .col-title-center{width:100%;text-align:left;}
    .section .com-logo{width:100%;margin-bottom:7px;text-align:center;padding-top:12px}
    .section .com-logo img{width:81px;vertical-align:middle}
    .section .inner{display:inline-block;text-align:left} 
    .section .ui-table td{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;padding:7px;vertical-align:middle;text-align:center}
    .paddbom{padding-bottom:30px;}
    .section.oshow{overflow:visible}
    .section .zite{position:absolute;bottom:20px;left:20px;}
    /* bgc */
    .layer1{background:#e3e6e9}
    .gray1{background:#f4f5f5}
    .gray5{background:#f5f5f5}
    .gray2{background:#f1f1f1}
    .gray3{background:#d3d3d3}
    .gray4{background:#eceded}  
    .gray6{background:#ebecec}
    .gray7{background:#ededed}
    .bgblack{background:#121212}
    .blue1{background:#1199ed}
    .blue2{background:#546c9e}
    .black2{background:#29292b}
    .black3{background:#404040}
    .black4{background:#000}
    /* d1_1 */
    .section .layer-cont{width:94%;margin:0px auto 20px;} 
    .section .images{margin-bottom:5px;}
    .section .step-three{width:100%;padding:0px 0px;margin:20px 0px 0px;}
    .section .step-three ul{margin:0px 0px;}
    .section .step-three li{display:block;height:112px;padding:0px 7% 20px;width:100%;float:none;box-sizing:border-box;-webkit-box-sizing:border-box;margin-bottom:20px;border-bottom:1px solid rgba(255,255,255,0.25);}
    .section .step-three li:last-child{border:none}
    .section .step-three .step_img{width:91px;height:91px;float:left}
    .section .step-three .text{margin-left:118px;height:91px;text-align:center;box-sizing:border-box;padding-top:10px;color:rgba(255,255,255,0.8)}
    .section .step-three li.odd .step_img{float:right !important;}
    .section .step-three li.odd .text{margin-right:118px;margin-left:0px;}
    .section .step-three li:nth-child(1) .text{padding-top:20px;}
    .section .step-three span{display:block;width:100%}
    .section .step-three p{display:block;width:100%}
    .section .rez-table{width:100%;box-sizing:border-box;border:1px solid #d1d2d2;position:relative;margin-bottom:-1px;}
    .section .rez-table dt{display:block;width:90px;height:100%;position:absolute;top:0px;left:0%;text-align:center}
    .section .rez-table dd{display:block;margin-left:90px;border-left:1px solid #d1d2d2;}
    .section .rez-table-top dt{height:44px;line-height:44px;} 
    .section .rez-table .text{padding:10px 10px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
    .section .bor-bom{width:100%;border-bottom:1px solid #d1d2d2;}
    .section .rez-table dt img{width:60px;vertical-align:middle}
    .section .sup-table{width:100%;background:#cfd0d0;}
    .section .sup-table td{background:#f4f5f5}
    .section .parmes{width:100%;display:block;} 
    .section .parmes li{display:block;width:100%;margin-bottom:5px;}
    .section .parmes li::after{content:"";height:0px;overflow:hidden;clear:both}
    .section .parmes li span{display:block;float:left;width:80px;}
    .section .parmes li p{display:block;padding-left:80px;}
    .section .tableSebei{width:100%;background:#c4c4c4;}
    .section .tableSebei td{background:#eceded;padding:5px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
    .section .trd{writing-mode:vertical-lr;writing-mode:tb-lr;}
    .section .tableSebei span{font-size:12px;}
    .section .row3 ul, .step-three ul{margin:0px -7px;}
    /* d1_2 */
    .section .note-botom{width:100%;position:absolute;left:0px;bottom:5%;text-align:center}
    .section .note-botom img{height:40px;}  
    .section .row-box{width:100%;margin-top:20px;}
    .section .row-box li{display:block;float:left;text-align:center}
    .section .row-box img{width:50px;height:50px;}
    .section .row-box .text{font-size:14px;}
    .section .row-box ul{margin:0px -7px;}
    .section .row-box .li-inner{margin:0px 7px;}
    .section .rw4 li{width:25%;}
    .section .rw3 li{width:33%;margin-bottom:16px;}
    .section .table2{background:#b5b5b5}
    .section .table2 .top td{background:#dcdcdc}
    .section .table2 td{background:#ededed}
    .section .table2 .text,.txtbox{font-size:14px;line-height:21px;}
    .section .row-two{width:100%;margin-top:20px;}
    .section .row-two ul{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;}
    .section .row-two li{display:block;float:left;text-align:center;width:50%;width: calc(50% - 5px);height:auto;margin-bottom:20px;}
    .section .row-two .gird{margin:0px 7px;}
    .section .row-two .imgs{width:101px;height:101px;margin:0 auto}
    /* d1_3 */
    .section .icons-layer{width:96%;position:absolute;left:2%;top:-55px;padding:20px 15px 15px;background:#546c9e;border-radius:5px;-webkit-border-radius:5px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;z-index:100;}
    .section .icons-layer ul,.section .jid-list ul{text-align:center;width:100%;color:#FFF;margin:0px 0px;}
    .section .row3 li{width:33.33%;float:left;display:block;}
    .section .icons-layer span,.section .icons-layer p{display:block;width:100%}
    .section .icons-layer span img{width:56px;}
    .section .vid-poster{width:100%;position:relative;padding:7px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
    .section .vid-poster span{display:block;width:49px;height:49px;position:absolute;top:50%;left:50%;margin-top:-25px;margin-left:-25px;cursor:pointer;background:url(../images/vi-paly.png) no-repeat center;background-size:49px 49px;}
    .section .prot-infor{width:90%;margin:0px auto;}
    .section .prot-infor .text{margin-bottom:20px;}
    .section .curity{background:url(../images/icon-jiah.png) no-repeat 110px 20px;}
    .section .curity p{margin:0px 0px 0px;width:auto;}
    .section .curity p img,.section .tedian p img,.section .iclist img{width:50px;height:50px;}
    .section .tedian{margin-bottom:0px;}
    .section .tedian li{display:block;text-align:center;float:left;margin:20px 10px 10px 0px;color:rgba(255,255,255,0.8)} 
    .section .iclist li{display:block;text-align:center;float:left;margin:20px 10px 10px 0px;}
    .section .iclist-rw3,.insad{padding:20px 0px;}
    .section .iclist-rw3 li{display:block;text-align:center;float:left;margin:20px 20px 10px 0px;}
    .section .iclist-rw3 img{width:56px;height:56px;}
    .insad{padding:20px 20px;}
    .insad li{display:block;padding:10px 0px;margin-bottom:15px;}
    .insad li p{display:block;width:52px;float:left}
    .insad li h1,.insad li span{display:block;margin-left:66px;}
    .section .nicety-list{padding:0px;width:100%}
    .section .nicety-list li{margin-bottom:0px;padding:30px 10px;font-size:13px;border-bottom:1px solid #787878;border-right:1px solid #787878;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
    .nicety-list li:nth-child(2n){border-right:none;}
    .nicety-list li:nth-child(3),.nicety-list li:last-child{border-bottom:none}
    .nicety-list p,.section .jid-list span,.section .jid-list p{display:block}
    .nicety-list p img{width:52px;height:52px;vertical-align:middle} 
    .section .jid-list .grid{padding:20px 10px;font-size:13px;}
    .section .jid-list img{height:89px;width:auto;}
    .section .jid-list p{height:44px;}
    /* d1_4 */
    .section .lirow li{display:block;float:left;}
    .section .r3 li{width:33.33%;}
    .section .lirow p,.section .lirow span{display:block;}
    .section .lirow img,.co1_li .co1_bImg,.section .co1_ul .co1_bImg img{width:55px;height:55px;vertical-align:middle}
    .section .lirow .grid{width:auto;float:left}
    .section .co1_ul{margin-top:20px;}
    .section .co1_ul .co1_bImg{margin:0px auto 5px;}
    .section .jia-hao{height:55px;}
    .section .co1_ul .co1_bTi{font-size:13px;color:#505151;}
    .section .onece{margin-top:20px;}
    .section .onece .layer{margin:0px auto 27px;width:82%;}
    .section .onece img{width:119px;} 
    /* d2_1 */
    .section .cow_ul{width:100%;padding-top:20px;}
    .section .cow_ul .cow_li{width:50%;float:left;text-align:center;margin-bottom:30px;}
    .section .cow_li img{width:68px;height:68px;} 
    .section .col-gn{margin-top:25px;margin-bottom:15px;}
    .section .col-gn ul{width:85px;float:right}
    .section .col-gn li{width:100%;float:none;display:block;margin-bottom:16px;}
    .section .col-gn .col-item{display:block;float:none;text-align:center}
    .section .col-img img{width:50px;height:auto;}
    .section .b28_ul{padding-left:0px;margin-bottom:0px;}
    .section .keji-ul li{width:100%;float:none;display:block;padding-left:50px;box-sizing:border-box;-webkit-box-sizing:border-box;}
    .section .keji-ul .b28_li{margin-bottom:10px;}
    .section .con-title{font-size:17px;margin-bottom:1px;}
    /* d2_2 */
    .section .yesi ul{margin:0px -10px;padding-top:10px;}
    .section .yesi .grid{margin:0px 10px;text-align:center}
    .section .yesi img{width:77px;}
    .section .yesi .dimg{width:100%;margin-bottom:5px;}
    .section .yesi .text{color:rgba(255,255,255,0.8);line-height:20px;}
    .section .spw li span{width:100px;}
    .section .spw li p{margin-left:100px;padding-left:0px;}
    .section .bomImg{padding:12px;}
    .section .noto-text{line-height:20px;} 
    .section .zite-box{width:100%;position:absolute;left:0px;bottom:15px;}
    .section .t-center,.section .onece .text{text-align:center;}.section .t-right{text-align:right}
    .section .marbm{margin-bottom:16px;}
    .section .imglay{padding:0px 7px 7px;}
    .section .brmo{border-bottom:1px solid #c2c2c2}
    .section .txt-white,.section.mobile-layer .t-white{color:#FFF}
    .section .colBLK{color:#000}  
    .section .bk-txt{color:#505151}
    .section .txt-oa{color:rgba(255,255,255,0.8)}
    .section .txt-wopa{color:rgba(255,255,255,0.75)}  
    .section .rgb-txt{color:rgba(255,255,255,0.7)}
     .section .wt-op{color:rgba(255,255,255,0.6)}
    .section .rga-txt{color:rgba(0,0,0,0.6)} 
    .section .txt-ba{color:rgba(54,51,44,0.8)}
    .section .video-close{background-size:20px;top:20%}
    .section .video-container-box{width:100%;height:auto;position:absolute;left:0px;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);}
    .section .paBox{padding:15px 0px;}
    .section .mag10{margin-bottom:10px;}
    .pop-link{width:62px !important;height:62px !important;}
    .pop-link span{margin-top:7px !important}
    .form-pop .form-container{width:96%;height:auto;left:2%;margin-left:0px;margin-top:0px;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%)}
    .form-pop .title4{font-size:20px;padding:10px 0px;line-height:30px;}
    .form-pop .form-content{padding:10px 16px}
    .form-pop .btn-close{right:0px;top:-10px}
    .contact-content .from-title{font-size:18px;margin-bottom:10px}
    .contact-content .ui-input{width:95%}
    .contact-content .ui-grid,.contact-content .left-item,.contact-content .slc-box{margin-bottom:12px}
    .contact-content .left-item, .contact-content .right-item,.contact-content .slc-box{width:100%;float:none}
    .contact-content .slc-box:last-child{margin-bottom:0px}
    .contact-content .left-item,.contact-content .right-item,.contact-content .ui-select,.contact-content .ui-area,.contact-content .ui-button{border-radius:6px}
    .form-content input[type="text"]:-moz-placeholder{color:#666}
    .form-content input[type="text"]::-moz-placeholder{color:#666}
    .form-content input[type="text"]::-webkit-input-placeholder{color:#666}
    .form-content textarea:-moz-placeholder{color:#666}
    .form-content textarea::-moz-placeholder{color:#666}
    .form-content textarea::-webkit-input-placeholder{color:#666}
    .form-content input[type="button"],.form-content input[type="submit"]{-webkit-appearance:none}
}
@media screen and (max-width:640px) { 
.tip-pop{width:90%;height:260px;position:fixed;top:50%;left:5%;margin-top:-160px;margin-left:0;z-index:100000}
.tip-pop .tip-content{text-align:center;padding:40px 20px 30px;height:135px;background:#FFF;border-radius:7px;box-shadow:0px 0px 7px rgba(0,0,0,0.35)} 
.tip-pop .tip-text{font-size:24px;margin-bottom:20px}
}
@media screen and (min-width:380px ) and (max-width: 767px) {
    .apC_left,.apC_right{top:25%;}
    .case-pagination{top:47%;}
}
@media screen and (max-width:350px) {
    .menubar li a{margin:0 3px;font-size:15px;}
    .menubar li span{background-size:auto 16px !important;padding-left:20px !important;}
    #hKit-swiper .prod-text{font-size:13px;}
}