@charset "utf-8";
@font-face {
	font-family: 'Conv_HelveticaNeueLTPro-Lt';
	src: url('HelveticaNeueLTPro-Lt.eot');
	src: url('HelveticaNeueLTPro-Lt.woff') format('woff'), url('HelveticaNeueLTPro-Lt.ttf') format('truetype'), url('HelveticaNeueLTPro-Lt.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


/* --------------- life wangliuzhan [[ ----------------- */
.life_title{width: 100%;height: 960px;background: url("../images/new_version/life_bg.jpg") no-repeat center center;text-align: center;}
.life_title h2{padding-top: 294px;font-weight: normal;font-size: 44px;color: #fff;}
.life_title p{margin-top: 24px;font-size: 20px;color: #fff;}
.life_block{width: 100%;position: relative;overflow: hidden;}
.life_block .lb_time{position: absolute;left: 0;top:0;margin-top: 8%;z-index: 3;}
.life_block .lb_time .lt_scale{margin-top: 24px;width: 9px;height: 1px;filter:alpha(opacity=40);opacity:0.4;background-color: #fff;}
.life_block .lb_time .lt_scale.lt_first{margin-top: 12px;}
.life_block .lb_time .lt_line{margin-top: 12px;filter:alpha(opacity=40);opacity:0.4;width: 100px;transition:all 1s linear;-webkit-transition:all 1s linear;display: block;}
.life_block .lb_time .lt_line.lt_active{filter:alpha(opacity=100);opacity:1;transition:all 1s linear;-webkit-transition:all 1s linear;}
.life_block .lb_time .lt_line.lt_active em{width: 27px;height: 5px;}
.life_block .lb_time .lt_line.lt_active p{margin-left: 10px;}
.life_block .lb_time .lt_line em{display: block;width: 20px;height: 3px;float: left;background-color: #fff;margin-top: 12px;}
.life_block .lb_time .lt_line p{float: left;font-size: 16px;color: #fff;line-height: 28px;margin-left: 14px}
.life_block .ll_block{width: 100%;text-align: center;position: absolute;top: 0;opacity: 0;filter:alpha(opacity=0);z-index: 2;}
.life_block .ll_block.ll_curr,.life_block .lb_time.ll_curr{position: fixed;top: 0;left: 0;}
.life_block .ll_block.ll_one{background: url("../images/new_version/life_banner1.jpg") no-repeat center center;opacity: 1;filter:"alpha(opacity=100)";background-size: cover;}
.life_block .ll_block.ll_two{background: url("../images/new_version/life_banner2.jpg") no-repeat center center;background-size: cover;}
.life_block .ll_block.ll_three{background: url("../images/new_version/life_banner3.jpg") no-repeat center center;background-size: cover;}
.life_block .ll_block .lb_title{height: 200px;}
.life_block .ll_block .lb_title span{font-size: 48px;color: #333;display: inline-block;vertical-align: middle;}
.life_block .ll_block .lb_title span.lt_number{width: 125px;text-align: right;}
.life_block .ll_block .lb_title img{padding: 0 30px;display: inline-block;vertical-align: middle;}
.life_block .ll_block .lb_txt{margin-top: 16px;text-align: center;width: 400px;font-size: 16px;color: #333;margin-left: 50px;}
.life_block .ll_block.ll_three .lb_title span,.life_block .ll_block.ll_three .lb_txt{color: #fff}
.life_block .ll_block.ll_one .lb_pic{width: 453px;margin-top: 30px;background: url("../images/new_version/life_pic1.png") no-repeat center center;height: 52px;}
.life_block .ll_block.ll_two .lb_pic{width: 513px;margin-top: 30px;background: url("../images/new_version/life_pic2.png") no-repeat center center;height: 49px;}
.life_block .ll_block.ll_three .lb_pic{width: 493px;margin-top: 30px;background: url("../images/new_version/life_pic3.png") no-repeat center center;height: 47px;}
.life_block .ll_block .lb_container{width: 1190px;margin: 0 auto;text-align: left;padding-left: 20px;}
/* --------------- life wangliuzhan ]] ----------------- */




/*-------------- about [[ ----------------*/
.about_banner{margin-top:60px; position: relative; height: 480px;background-position:center;background-repeat: no-repeat; background-size: contain}
.about_menu{background-color: rgba(255,255,255,.8); position: relative; width: 100%; top:0; left: 0}
.am_center{width: 1150px; margin:0 auto; height: 50px}
.am_center ul li{float: left; height: 50px; margin-left:40px;}
.am_center ul li a{display: block; height: 48px; line-height: 48px; color: #555}
.am_center ul li a:hover{border-bottom:2px solid #0dbe2b; color: #0dbe2b}
.company_mm{overflow: hidden; height: 224px ;}

.contacts_container{padding-bottom:40px;}
.cc_center{width: 1150px; margin:40px auto;}
.ccc_left{float: left; width: 341px}
.ccc_right{float: right; width: 640px}
.ccc_left dl.ccc_sz{padding-bottom:40px; border-bottom:1px solid #e9e9e9;}
.ccc_left dl.ccc_am{margin-top:40px;}
.ccc_left dl dt{font-size: 18px; color: #333}
.ccc_left dl.ccc_sz dd h3{margin-top:30px; color: #0dbe2b; font-weight: normal;font-size: 18px}
.ccc_left dl.ccc_sz dd div.ccc_address,.ccc_left dl.ccc_am dd div{margin-top:30px;}
.ccc_left dl.ccc_sz dd div.ccc_phone{margin-top:20px;}

.about_it{margin-top:10px;}
.ai_center{width: 1150px; margin:0 auto; overflow: hidden;}
.aic_managers{padding-bottom:50px; border-bottom:1px solid #e9e9e9;}
.aic_managers ul{margin-left:-56px; width: 1210px}
.aic_managers ul li{float: left; width: 186px; margin:40px 0 0 108px; height: 260px}
.aic_managers ul li div{ text-align: center; margin-top:15px;}

.financing{margin-top:33px;padding-bottom:27px;}
.financing span{float: left; }
.financing_ht{margin-right:96px;}
.financing_lx{margin-right:93px;}
.financing_me{margin-right:84px;}

/*new version company 20160122 */
.jc_companyvalues{padding:106px 0; background-color: #fff}
.company_as .global_center{background-color: #fff}
.company_values{border-bottom: 1px solid #f5f5f5}
.jc_companyvalues dl{float: left; width: 364px;*zoom:1; margin-right: 29px}
.jc_companyvalues dl:after{display:block;clear:both;content:"\0020";visibility:hidden;height:0;}
.jc_companyvalues dl dd{text-align: center; height: 105px; float: left; width: 100%; margin-top: 50px}
.jc_companyvalues dl dd h3{font-size: 22px;color: #ff7497; font-weight: normal; line-height: 22px}

.jc_companyvalues dl dd div em{width: 26px; height: 2px; overflow: hidden; background-color: #ff7497; display: inline-block;}
.jc_companyvalues dl dd h5{color: #333; margin-top:20px;}
.jc_companyvalues dl dd h5 p{margin-top: 8px}
.jc_companyvalues dl dt{float: left; width: 364px; height: 100px;  text-align: center;}
.jc_companyvalues dl.jcc_three {margin-right: 0}
.jc_companyvalues dl.jcc_three dd{background: none}
.jc_companyvalues dl.jcc_two,.jc_companyvalues dl.jcc_two dd{width: 364px}
.jc_companyvalues dl.jcc_two h3{color: #9ad2f1}
.jc_companyvalues dl.jcc_three h3{color: #fab342}
.jc_companyvalues dl.jcc_two dd div em{background-color: #9ad2f1}
.jc_companyvalues dl.jcc_three dd div em{background-color: #fab342}
.ca_center{width: 795px; margin:0 auto;}
.ca_center h4{display: none}

.en_font .jc_companyvalues dl dt h3{font-family: ssps}
.en_font .jc_companyvalues dl dt h5{font-family: sspr}
.ca_center h2{font-size: 72px; color: #ddd; font-weight: normal; line-height: 72px; font-family: sspr,arial;padding-top: 100px} 
.ca_center h3{font-weight: normal; color: #333; font-family: sspr, arial;  font-size: 22px}
.ca_center h3 em{color: #12cd3e;font-family: "Microsoft YaHei", 微软雅黑,\9ed1\4f53,\5b8b\4f53, "Microsoft JhengHei", 华文细黑, STHeiti, MingLiu;}
.ca_content{margin-top: 50px}
.ca_content p{text-indent: 28px;margin-top: 10px; color: #666}
.ca_content p em{color: #333}
.jg_q{margin-top: 26px}
.jg_q em{background-color: #12cd3e;width: 25px;height: 2px ; overflow: hidden; display: inline-block;}
.jgq_center{text-align: center; margin-top: 76px; padding-bottom: 142px}
.en_font .ca_content{font-family: sspr}


/*-------------- about End ]] ----------------*/
/*-------------- others [[ ----------------*/
.comments{margin-top:60px;}
.comments_center,.hc_center{width: 1150px; margin:0 auto;}
.cc_title{border-bottom:1px solid #e7e7e7;}
.cc_title h2{height: 30px; font-family: arial; color: #12cd3e; font-size: 30px; padding:65px 0 60px 0; font-weight: normal; }
.comments_list{margin-top:51px; padding-bottom:35px; border-bottom:1px solid #e7e7e7;}
.cl_iterm{float: left; width: 50%; height:187px }
.cl_iterm .cli_left{float: left;width: 25%}
.cl_iterm a.cli_right{float: right; width: 75%}
.cl_iterm a.cli_right h3{color: #333; }
.cl_iterm a.cli_right div{text-align: justify;color: #888; margin-top:8px; width: 90%; margin-left:5px}
.scroll_page{position:absolute;top:0;z-index:998;width:100%;height:100%;overflow:hidden;}
.scroll_page .page,.page_bg{width:100%;height:100%;margin:0 auto;position:relative;color:#FFF;overflow:hidden;background-color:#fff;}
/* .scroll_page .first{} */
.page_bg{z-index: 1}
.page_bg img{margin:0 auto; height: 100%; width: 100%}
.first_animate,.sa_center,.ta_center,.fa_center,.as_center, .ae_center{margin:0 auto; width: 1150px; position: relative;z-index: 99; height: 100%}

.first_animate div,.sa_center div, .fa_center div,.first_animate a{position: absolute;}
.fa_phone{bottom:0; left: -353px; left: -16px \9;opacity: 0; transition:all .6s linear; width: 693px}
.fa_phone img{width: 100%}
.fa_right{margin-right:-150px;margin-right:0 \9; opacity: 0;transition:all .6s linear;}

.curr .fa_right{margin-right: 0; opacity: 1; transition:all .6s linear;}
.curr .fa_phone{bottom:0; left: -16px;  opacity: 1; transition:all .6s linear;}
.fa_logo{right:233px;bottom:643px;}
.fa_title{right:174px;bottom:549px;}
.fa_more{right:63px;bottom:401px;}
.fa_a{right:283px;bottom:199px;}
.fa_ios{right:33px;bottom:199px;}
.fa_qcode{right:36px;bottom:41px; position: absolute;}

.second_animate,.third_animate,.fourth_animate{width: 100%;  position: absolute;z-index: 99; height: 100%; left: 0; top: 0 }

.sac_left{bottom:258px;left: -200px; opacity: 0; transition:all .2s linear;}
.curr .sac_left{bottom:258px; left: -40px; opacity: 1; transition:all .6s linear;}
.sac_left h3,.ta_title h3{font-size: 50px; font-weight: normal; color: #fff; font-family: arial }
.sac_leften h3,.ta_titleen h3{font-size: 36px}
.sac_left h4,.ta_title h4{font-size: 30px; color: #cccbcb; font-weight: normal;font-family: arial ; margin-top:22px;}
.ta_titleen h4,.ta_titleen h4{font-size: 24px}
.sac_leften h4{font-size: 24px}
.sac_right{bottom:15px; width: 622px; height: 858px; right: -27px}
.sr_circle{width: 622px; height: 603px; transform:scale(1.2); transition:all .2s linear; opacity: 0}
.curr .sr_circle{width: 622px; height: 603px; transform:scale(1); transition:all .6s linear; opacity: 1}
.sr_circle i{width: 8px; height: 8px; background-color: #ddc5a9;border:1px solid #ddc5a9; border-radius: 50%;position: absolute; }
.sr_two{left: 257px; top: -104px; opacity: 0 ; transform:scale(1.2); transition:all .2s linear;}
.sr_one{left: -64px; top: 337px; opacity: 0 ; transform:scale(1.2); transition:all .2s linear;}
.sr_three{right: -64px; top: 328px; opacity: 0; transform:scale(1.2); transition:all .2s linear;}

.curr .sr_two{left: 257px; top: -52px; transform:scale(1); transition:all .6s linear; opacity: 1}
.curr .sr_one{left: -34px; top: 337px;transform:scale(1); transition:all .6s linear;  opacity: 1}
.curr .sr_three{right: -24px; top: 328px;transform:scale(1); transition:all .6s linear;  opacity: 1}

.sr_phone{top:627px; left: 131px; opacity: 0; transition:all .2s linear;}
.curr .sr_phone{top: 127px; left: 131px; opacity: 1; transition:all .6s linear;}
.ta_title{top: 119px; left: -353px; position: absolute;opacity: 0;transition:all .2s linear;}
.curr .ta_title{top: 119px; left: -193px; position: absolute;opacity: 1; transition:all .6s linear;}
.ta_list {position: relative; top: 152px; width: 1150px;left: 0}
.ta_list div{position: absolute;}
.tal_iterm{background-color: rgba(255,255,255,0); border:0 ; border-radius: 0;transition:all .2s linear;}
.curr .tal_iterm{background-color: rgba(255,255,255,.2);border-radius: 18px;transition:all .6s linear; border:1px solid #fff}

.tal_iterm img{opacity: 0;transition:all .2s linear; }
.curr .tal_iterm img{opacity: 1;transition:all .6s linear;}

.tal_ir{width:79px; height:118px; top:306px; left:-249px}
.tal_ir img{margin:40px 0 0 17px;}
.tal_wifi{width:142px; height:212px;top:258px; left:-155px}
.tal_wifi img{margin:89px 0 0 30px;}
.tal_zwave{width:160px; height:239px;top:245px; left:5px}
.tal_zwave img{margin:91px 0 0 16px;}
.tal_zigbee{width:190px; height:283px;top:223px; left:185px}
.tal_zigbee img{margin:121px 0 0 19px;}
.tal_phone{width:361px; height:552px;top:352px; left:396px; opacity: 0;transition:all .2s linear;}
.curr .tal_phone{opacity: 1;transition:all .6s linear;top:0; left:396px}
.tal_osram{width:190px; height:283px;top:223px; right:185px}
.tal_osram img{margin:126px 0 0 25px;}
.tal_philips{width:160px; height:239px;top:245px; right:5px}
.tal_philips img{margin:108px 0 0 19px;}
.tal_o{width:142px; height:212px;top:258px; right:-155px}
.tal_o img{margin:71px 0 0 36px;}
.tal_ho{width:79px; height:118px;top:306px; right:-249px }
.tal_ho img{margin:53px 0 0 6px;}
.fac_left{left: 1100px; top: 348px; opacity: 0; transition:all .2s linear;}
.curr .fac_left{left: 751px; opacity: 1; transition:all .6s linear;}
.fac_left h3{height: 46px; line-height: 46px; font-size: 50px; font-weight: normal;font-family: arial ; }
.fac_leften h3{font-size: 36px}
.fac_left h4{width: 557px; text-align: justify;margin-top: 29px; font-size: 30px; color: #cccbcb;font-weight: normal;font-family: arial ; }
.fac_leften h4{font-size: 24px}
.fac_phone{top:134px; left:122px}
.fac_icon1{opacity: 0;transition:all .2s linear;top:188px; left:49px}
.fac_icon2{opacity: 0;transition:all .2s linear;top:410px; left:-52px}
.fac_icon3{opacity: 0;transition:all .2s linear;top:72px; left:382px}
.fac_icon4{opacity: 0;transition:all .2s linear;top:603px; left:543px}
.fac_icon5{opacity: 0;transition:all .2s linear;top:669px; left:340px}
.fac_icon6{opacity: 0;transition:all .2s linear;top:612px; left:-78px}
.curr .fac_icon1{opacity: 1;transition:all .6s linear 0s;}
.curr .fac_icon2{opacity: 1;transition:all .6s linear .4s;}
.curr .fac_icon3{opacity: 1;transition:all .6s linear .2s;}
.curr .fac_icon4{opacity: 1;transition:all .6s linear .6s;}
.curr .fac_icon5{opacity: 1;transition:all .6s linear .8s;}
.curr .fac_icon6{opacity: 1;transition:all .6s linear 1s;}
.app_footer{position: absolute;bottom:0;z-index: 999; background-color: #1e2023; width: 100%; height:30px ; text-align: center; line-height: 30px; color: #898989; font-size: 12px}
.oc_contacts {padding-bottom:80px;}
.oc_contacts .occ_center{width: 1150px; margin:0 auto;}
.oc_contacts .occ_center h2{text-align: center; font-size: 36px; font-weight: 300; color: #333}
.oc_content{position: relative;width: 1150px; overflow: hidden;}
.oc_content dl{display: inline-block; margin:75px 0 0 72px; width: 300px}
.oc_content dl dt{font-size: 18px; color: #333}
.oc_content dl dd{margin-top:30px;}
.oc_content dl dd p{margin-top:5px;}



/*-------------- others End ]] ----------------*/
.new_support_container{width:1190px;margin:0 auto;position:relative;}
.support_service{position: fixed; left:1190px; display: block; bottom:10%;}
.support_service a{width: 45px; height: 45px; display: block; border:1px solid #e9e9e9; border-radius: 2px; background-color: #fff}
.support_service a em,.julrb_share dd a{background:url("http://img.massky.com/guanwang_second/front/images/global.png") no-repeat;}
.support_service a em{background-position: -123px -184px; width:26px; height: 25px; margin:12px 0 0 10px; display: block;}
.support_service div{text-align: center; margin-top:5px;}
.pre_window{position: absolute;z-index: 9999; width: 450px; height: 614px; background-color: #fff; top: 0; left: 0}
.pre_close{position: absolute;right: 40px; top: 40px; background-position: -69px -184px; width: 22px; height: 22px}
.prew{margin:40px 0  0 40px; width: 370px}
.prew_top hgroup{font-size:26px; height: 28px ; line-height: 28px;}
.prew_top em{margin-top:12px; color: #999; display: block}
.prew_top div{width: 188px ; height: 28px; line-height: 28px ; color: #fff ;background-color: #eb5c5c; line-height: 28px; font-size: 14px; margin-top:30px;  padding:0 10px;}
.prew_group{margin-top:15px;}
.prew_group label{color: #999}
.prew_group input.form-control,.prew_group textarea.form-control{box-sizing:border-box; *height: 22px ;background-color: #f6f6f6; border-radius: 0}
.prew_group textarea.form-control{height: auto}
.prew_group em{font-style: #f00; font-size: 12px}
.prew_button{text-align: center;}
.prew_button input{width: 88px;  border-radius: 2px ; padding:5px 12px;}
.modal-open{overflow: hidden;}
.media_bg{position: absolute;/* top: 0; */ left: 0; background-color: #000; opacity: .3; z-index: 9990;filter:alpha(opacity="30");}
.form-control{display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}
.form-control:focus{border-color:#66afe9;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)}
.form-control::-moz-placeholder{color:#999;opacity:1}
.form-control:-ms-input-placeholder{color:#999}
.form-control::-webkit-input-placeholder{color:#999}
.btn{display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:4px}
.btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}
.btn.focus,.btn:focus,.btn:hover{color:#333;text-decoration:none}
.btn.active,.btn:active{background-image:none;outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}
.btn.disabled,.btn[disabled],fieldset[disabled] .btn{pointer-events:none;cursor:not-allowed;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none;opacity:.65}
.btn-default{color:#333;background-color:#fff;border-color:#ccc}
.btn-success{color:#fff;background-color:#0dbd2a;border-color:#0dbd2a}
.btn-success.active,.btn-success.focus,.btn-success:active,.btn-success:focus,.btn-success:hover,.open>.dropdown-toggle.btn-success{color:#fff;background-color:#12c430;border-color:#12c430}
.btn-success.active,.btn-success:active,.open>.dropdown-toggle.btn-success{background-image:none}
.btn-success.disabled,.btn-success.disabled.active,.btn-success.disabled.focus,.btn-success.disabled:active,.btn-success.disabled:focus,.btn-success.disabled:hover,.btn-success[disabled],.btn-success[disabled].active,.btn-success[disabled].focus,.btn-success[disabled]:active,.btn-success[disabled]:focus,.btn-success[disabled]:hover,fieldset[disabled] .btn-success,fieldset[disabled] .btn-success.active,fieldset[disabled] .btn-success.focus,fieldset[disabled] .btn-success:active,fieldset[disabled] .btn-success:focus,fieldset[disabled] .btn-success:hover{background-color:#12c430;border-color:#12c430}
.btn-success .badge{color:#5cb85c;background-color:#fff}
.btn-danger{color:#fff;background-color:#d9534f;border-color:#d43f3a}
.btn-danger.active,.btn-danger.focus,.btn-danger:active,.btn-danger:focus,.btn-danger:hover,.open>.dropdown-toggle.btn-danger{color:#fff;background-color:#c9302c;border-color:#ac2925}
.btn-danger.active,.btn-danger:active,.open>.dropdown-toggle.btn-danger{background-image:none}
.btn-danger.disabled,.btn-danger.disabled.active,.btn-danger.disabled.focus,.btn-danger.disabled:active,.btn-danger.disabled:focus,.btn-danger.disabled:hover,.btn-danger[disabled],.btn-danger[disabled].active,.btn-danger[disabled].focus,.btn-danger[disabled]:active,.btn-danger[disabled]:focus,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger,fieldset[disabled] .btn-danger.active,fieldset[disabled] .btn-danger.focus,fieldset[disabled] .btn-danger:active,fieldset[disabled] .btn-danger:focus,fieldset[disabled] .btn-danger:hover{background-color:#d9534f;border-color:#d43f3a}
.btn-danger .badge{color:#d9534f;background-color:#fff}


@media screen and (max-width:1149px) {
  .guide_content ul li,.gs_center,.am_center,.an_center,.aj_center,.jc_center,.cc_center,.ai_center,.company_center,.cc_content,.support_nav nav,.ss_center,.shortcut_center,.shortcut_center ul li,.sd_center,.as_center,.sa_center,.first_animate,.ta_center,.hs_center,.hc_center,.bv_center,.banner_slider,.iu_center, .ib_center, .ip_center,.ib_slider,.ic_center,.im_center,.product_menu nav,.pd_menu nav,.pl_center,.product_list dl dt,.product_list dl,.global_center{width: 100%}
  .am_center ul li{width: 100%; background-color: rgba(255,255,255,.7)}
  .about_menu{ display: none}
  .company_center ul li.cc_intro_right img{float: left}
  .ss_search .sss_bit{width: 50%; font-size: 12px}
  .shortcut_center ul li{margin:0px -1px -1px 0}
  .sl_center{width: 90%; margin: 0 auto;}
  .sl_list dl{width: 100%}
  .sdc_left{width: 90%; padding-right:0;border-right: 0; margin-left:5%;}
  .sdc_right{width: 90%; padding:10px 0 0 0 ;}
  .as_center .asc_top p{height: auto; width: 90%; margin:0 auto;}
  .asc_bottom,.ae_center{width: 90%; margin:10px 5% ;}
  .asc_bottom dl{width: 90%;  margin:20px auto; float: inherit}
  .ae_center dl.aec_one,.ae_center dl.aec_two,.ae_center dl.aec_three,.ae_center dl.aec_four,.ae_center dl.aec_five{width: 100%; margin-top: 50px; position: relative; float: left ;top: inherit; left: inherit}
  .offline_exhibition ul li{width: 100%}
  .oc_window .pre_close{right: 117px}
  .banner_slider{background-position: left !important}
  .hs_two div.hst_left , .hs_two div.hst_center,.hs_two div.hst_right{float: inherit;margin:70px auto 0 auto;}
  .hc_iterm_left img{margin:0 auto; display: block}
  .hci_content{float: inherit; margin:58px auto 0 auto; width: 80%;}
  .hci_b{width: 100%}
  .hc_bottom{float: inherit;width: 80%; margin:58px auto 0 auto; }
  .bsc_left h2 p.bl_one,.bsc_left h2 p.bl_two{font-size: 36px}
  .ip_title h2 p{display: block; font-size: 5.5rem; color: #333 ; font-weight: normal;}
  .ip_title h2 p em{color: #12cd3e}
  .ip_title h2 img,.ip_title h2 a{display: none}
  .ip_recommend,.in_list{width: 96%; margin-left: 2%; padding-bottom:70px ;margin:0 auto;}
  .ip_recommend ul li{width: 49%; margin:2vh 1% 0 0 ;}
  .ip_recommend ul li a div.ipr_top{width: 100%; float: left; height: auto}
  .ip_recommend ul li a div.ipr_top img{width: 100%;position: relative;}
  .ip_recommend ul li a div.ipr_bottom{width: 100%; height: auto}
  .ipr_bottom div.iprb_description{width: 80%; margin-left: 10%; }
  .ip_recommend ul li a:hover div.ipr_top{width: 100%; height: auto; border:0; }
  .ip_recommend ul li a:hover div.ipr_top img{top: 0; left: 0}
  .ip_recommend ul li a:hover div.ipr_top em{top: 14px; right:14px}
  .ip_recommend ul li a:hover div.ipr_bottom{background-color: #fff}
  .ip_recommend ul li a:hover div.ipr_bottom div.iprb_description h3{color:#4b4b4b;}
  .ip_recommend ul li a:hover div.ipr_bottom div.iprb_description h4{color:#c7c7c7;}
  .ip_recommend ul li a:hover div.ipr_bottom div.iprb_description h6{color:#c7c7c7;}
  .index_product .in_more {display: block}
  .in_list ul li{width: 100%; background-color: #fff; height: auto;}
  .in_list ul li a{width: 100%; height: auto; padding-bottom:10rem;}
  .in_list ul li a em{margin:3rem 0 0 3rem;font-size: 1.5rem}
  .in_list ul li a h3{margin:1rem 0 0 3rem; font-size: 2rem; width: 90%}
  .in_list ul li a p{margin:2rem 0 0 3rem; font-size: 1.8rem; width: 90%;text-align: justify;}
  .in_list ul li a div{right: 5%; bottom:2rem;font-size: 1.8rem;}
  .in_list ul li a div span{height: 18px; line-height: 18px}
  .in_list ul li a div img{width: 18px}
}
@media screen and (min-width: 320px) and (max-height:842px) {
  .fa_phone{width: 546px}
  .fa_phone img{width: 100%}
  .fa_right{margin-right:-75px;margin-right:0 \9; opacity: 0;transition:all .6s linear;}
  .fa_logo{right:263px;bottom:573px;}
  .fa_title{right:204px;bottom:479px;}
  .fa_more{right:93px;bottom:331px;}
  .fa_a{right:313px;bottom:129px;}
  .fa_ios{right:313px;bottom:61px;}
  .fa_qcode{right:56px;bottom:41px; position: absolute; z-index: 999}
  .curr .sac_left{bottom:258px; left: 0; }
  .sac_left h3,.ta_title h3,.fac_left h3{font-size: 40px; }
  .sac_left h4,.ta_title h4,.fac_left h4{font-size: 24px; }
  .sac_right{bottom:inherit; width: 436px; height: 601px; right: 57px; top: 100px}
  .sr_circle{width: 436px; height: 603px; }
  .curr .sr_circle{width: 436px; height: 603px; }
  .sr_two{left: 179px; top: -104px; width: 78px}
  .sr_one{left: -64px; top: 255px; width: 78px}
  .sr_three{right: -64px; top: 243px;width: 78px}
  .sr_two img,.sr_one img,.sr_three img{width: 100%}
  .curr .sr_two{left: 179px; top: -52px;}
  .curr .sr_one{left: -34px; top: 255px;}
  .curr .sr_three{right: -24px; top: 243px}
  .sr_phone{top:627px; left: 91px; width: 253px }
  .sr_phone img,.tal_phone img{width: 100%}
  .curr .sr_phone{top: 127px; left: 91px; }
  .ta_title{top: 119px; left: -153px; }
  .curr .ta_title{top: 119px; left: 13px;}
  .ta_list {position: relative; width: 70%; margin:0 auto;}
  .ta_list div{position: absolute;}
  .tal_iterm{background-color: rgba(255,255,255,0); border:0 ; border-radius: 0;transition:all .2s linear;}
  .curr .tal_iterm{background-color: rgba(255,255,255,.2);border-radius: 18px;transition:all .6s linear; border:1px solid #fff}
  .tal_ir{width:55px; height:83px;top:306px; left:-174px}
  .tal_ir img{margin:28px 0 0 12px; width:31px }
  .tal_wifi{width:99px; height:148px;top:258px; left:-108px}
  .tal_wifi img{margin:62px 0 0 21px; width: 58px}
  .tal_zwave{width:112px; height:167px;top:245px; left:3px}
  .tal_zwave img{margin:64px 0 0 11px; width: 90px}
  .tal_zigbee{width:133px; height:198px;top:223px; left:129px}
  .tal_zigbee img{margin:85px 0 0 13px; width: 107px}
  .tal_phone{width:253px; top:352px; left:278px; }
  .curr .tal_phone{left:278px;}
  .tal_osram{width:133px; height:198px;top:223px; right:129px}
  .tal_osram img{margin:88px 0 0 18px; width: 98px}
  .tal_philips{width:112px; height:167px;top:245px; right:3px}
  .tal_philips img{margin:76px 0 0 13px; width: 86px}
  .tal_o{width:99px; height:148px;top:258px; right:-108px}
  .tal_o img{margin:50px 0 0 25px; width: 49px}
  .tal_ho{width:55px; height:83px ;top:306px; right:-174px}
  .tal_ho img{margin:37px 0 0 4px; width: 47px}
  .fac_phone{top:94px; left:85px}
  .fac_phone img{ width:253px }
  .fac_icon1{top:131px; left:34px}
  .fac_icon2{top:287px; left:-36px}
  .fac_icon3{top:72px; left:267px}
  .fac_icon4{top:422px; left:380px}
  .fac_icon5{top:468px; left:238px}
  .fac_icon6{top:428px; left:-55px}
  .fac_icon1 img{width:32px;}
  .fac_icon2 img{width:196px;}
  .fac_icon3 img{width:218px;}
  .fac_icon4 img{width:52px;}
  .fac_icon5 img{width:307px;}
  .fac_icon6 img{width:304px;}
  .fac_left{left: 1100px; top: 348px; opacity: 0; transition:all .2s linear;}
  .curr .fac_left{left: 651px; opacity: 1; transition:all .6s linear;}
  .fac_left h3{height: 46px; line-height: 46px;}
  .fac_left h4{width: 421px;margin-top: 29px; }
  .hs_center hgroup img{width: 86%}
  


}
@media screen and (min-width:1100px) and (max-width: 1280px) {
  .guide_content ul li .guide_text span{font-size:1.8rem }
  .guide_content ul li .guide_text em{font-size: 1.2rem}
  .fa_ios{right:283px;bottom:134px;}
}
@media screen and (min-width: 320px) and (max-height:742px) {
  .fa_phone{width: 446px}
  .curr .fa_phone{left: 50px}
  .fa_phone img{width: 100%}
  .fa_right{margin-right:-75px;margin-right:0 \9; opacity: 0;transition:all .6s linear;}
  .fa_logo{right:303px;bottom:473px;}
  .fa_title{right:244px;bottom:379px;}
  .fa_more{right:133px;bottom:231px;}
  .fa_a{right:353px;bottom:29px;}
  .fa_ios{right:103px;bottom:29px;}
  .fa_qcode{right:96px;bottom:41px; position: absolute; display: none}


}


@media screen and (min-width : 320px) and (max-width:1013px) {
  html{font-size: 6px;}
  .an_one{width: 320px}
  .jc_center,.ccc_left{margin:10px auto; width: 300px}
  .ccc_left dl{margin-left:10px;}
  .ccc_right{width: 320px; float: left; margin-left:10px;}
  .ccc_right img{width: 100%}
  .aic_managers ul{width: 100%}
  .aic_managers ul li{width: 300px; text-align: center }
  .company_center ul li{margin-left:12px;}

   /*index*/
  .bsc_right{display: none}
  .bsc_left,.iuc_left{float: inherit;width: 100%; }
  .bsc_left h2 img{ display: none}
  .bsc_left h2 p.bl_one,.bsc_left h2 p.bl_two,a.iu_center .iuc_left h4 p.bl_one,a.iu_center .iuc_left h4 p.bl_two,a.iu_center .iuc_left h4 p.bl_four{display: block; text-align: center}
  .bsc_left h2 em.bl_three,a.iu_center .iuc_left h4 em.bl_three{display: block; text-align: center}
  .bsc_left a.bsc_video{margin:53px auto;}
  a.iu_center .iuc_left h4{width: 100%; font-weight: 100; margin-top:94px;}
  a.iu_center .iuc_left h4 img{display: none !important}
  a.iu_center .iuc_left h4 p{ color:#333; font-size: 40px; }
  a.iu_center .iuc_left h4 em{color: #888; font-size: 20px}
  .iuc_iconstart{position: absolute; bottom:75px;left: 0%; width: 100% ; text-align: center; }
  .iuc_iconstart img{width: 70%}
  .iuc_left em.bl_checkmore{position: absolute; bottom:10px; text-align: center; left: 0;width: 100% }
  .iuc_right {float: inherit;margin:40px auto 0 auto;}
  .iuc_right img{width: 100%}
  .ib_center h2 p{display: block}
  .ib_center h2 img{display: none}
  .ib_slider ul{width: 100%}
  .ib_slider ul li{display: none; float: inherit;margin:10px auto;}
  .ib_slider ul li:first-child{display: block}
  .ianner_blog, .index_product,.ip_center{height: auto}
  .ipc_product ul li{width: 100%; height: auto}
  .ipc_product ul li a{text-align: center; width: 100%}
  .ipc_product ul li:last-child a:last-child,.index_media{display: none}
  .icc_list,.index_comment{height: auto}
  .icc_iterm .icci_content{font-size: 24px;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;text-overflow:ellipsis; overflow: hidden;}
  .icc_iterm .icci_content a em{bottom: }
  .icc_list dl dt{text-align: center; width: 100%}
  .icc_list dl{border-right: 0; margin-left: 0; width: 100%; margin-top:10px;}
  .icc_list dl dd{width: 100%; text-align: center}
  .old_site{display: none}
  .ib_slider{margin:10px 0 0 0 ;}
  .ib_slider ul{margin:0 auto;}
  .product_list dl dd{width: 100%}
  .product_list dl dd a{margin-top:20px;}
  .product_list dl dt{height: auto}
  .product_list dl dt a h3{width: 100%; margin:69px 0 0 0px;}
  .product_list dl dt a span{float: inherit !important; display: block !important; margin:75px auto !important;}
  .product_list dl dd a img{margin:0 auto;}
  .address{margin-top: 5.5rem; box-shadow: -2px 0px 15px #333 ; font-size: 2rem; line-height: 2rem; height: auto; padding:4rem 0;}
  .ip_recommend ul li a div.ipr_bottom div.iprb_description h3{font-size: 2rem; margin-top: 1vh; white-space: nowrap;overflow: hidden; text-overflow:ellipsis;}
  .ip_recommend ul li a div.ipr_bottom div.iprb_description h4{font-size: 1.7rem; margin-top: .33vh}
  .ip_recommend ul li a div.ipr_bottom div.iprb_description h6{font-size: 1.5rem}
   .in_list ul li{transition:all 0 linear !important;-webkit-transition:all 0 linear !important;margin-top:-1px;}
   .in_list ul li.cur{box-shadow: 0 0 0 rgba(0,0,0,0);-webkit-box-shadow: 0 0 0 rgba(0,0,0,0);-moz-box-shadow: 0 0 0 rgba(0,0,0,0); transform:none;-webkit-transform:none;-moz-transform:none;background-color: #fff}
   .ip_title{padding:7rem 0;}
   .ss_search .btn{width: 55px}
  .pre_window{width: 320px}
    .prew{width: 300px; margin:20px 0 0 10px;}
  .support_nav{display: none}
  .support_search{margin-top: 60px}
  .mobile_bg{display: block; width: 100%; font-size: 0}
  .bv_container{display: none}
  .banner_video{height: auto}
  .about_banner{height: 93.4vw; background-size: cover;}
/*   .company_mm .global_center img{width: 200vw; margin-left: -50vw} */
  .jc_companyvalues{padding:30px 0;}
  .jc_companyvalues dl,.jc_companyvalues dl.jcc_two{width: 33.3%; margin-right: 0}
  .jc_companyvalues dl dt,.jc_companyvalues dl dd,.jc_companyvalues dl.jcc_two dd{width: 100%; }
  .jc_companyvalues dl dd div{display: none}
  .jc_companyvalues dl dd h5{font-size: 1.4rem; color: #666; width: 90%}
  .jc_companyvalues dl dd h3{font-size: 20px}
  .jc_companyvalues dl dt img{width: 51px; margin-top: 10vw}
  .jc_companyvalues{border-bottom: 0}
  .ca_center{width: 90%; margin-top: 20vw; padding-bottom: 10vw}
  .ca_center h2,.ca_center h3,.jg_q{display: none}
  .ca_center h4{text-align: center;font-size: 5.7rem; color: #333; display: block;font-weight: normal;}
}




/*----------------------productList lihao------------------------------------*/
.product_list_container{width: 100%;height: auto;background: #f6f6f6;padding:96px 0 40px 0}
.product_list_container .icon{position: absolute;top:10px;display: block;}
.product_list_container li:first-child a .icon{top:8px;}
.product_list_container li a .ic_active{display: none;}
.product_list_container li a .ic_default{display: block;}
.product_list_container .main{width: 1200px;margin: 0 auto;position: relative;}
.product_list_container .main ul li{float: left;position: relative;}
.product_list_container .main .nav{margin-bottom: 40px;}
.product_list_container .main .nav>li{margin-right: 60px;}
.product_list_container .horizontal{background: #ccc;width: 100%;border: 0;height: 1px;display: block;position: absolute;top:51px;left: 0;margin-bottom: 40px;}
.product_list_container ul.nav li a{padding-left: 38px;color: #2f2f2f;line-height: 50px;z-index: 10;font-size: 16px;}
.product_list_container ul.nav li.active a{color: #2f7cd3}
.product_list_container .sub_nav{display: none;width: 100%;}
.product_list_container .sub_nav li:after{content: "|";color: #b2b2b2;margin: 0 20px;}
.product_list_container .sub_nav li a{color: #b2b2b2!important;}
.product_list_container .sub_nav li.last_one:after{content: " ";clear: both;}
.product_list_container .sub_nav li.active a{color: #2f7cd3!important;}
.product_list_container li.active a .ic_active{display: block;}
.product_list_container li.active a .ic_default{display: none;}
.product_list_container #second_nav{width: 100%;padding-bottom: 15px;height: 53px;}
.product_list_container .list{width: 1196px;margin: 0 auto;display: none;background:#fff;}
.product_list_container .list ul li{width: 297.5px;height: 398px;border: 1px solid #efefef;background: #fff;border-right: 0;text-align: center;position: relative;}
.product_list_container .list ul li:last-child{border-right:1px solid #efefef;}
.product_list_container .list .last_one,.product_list_container .list ul li:nth-child(n+4){border-top:1px solid #efefef; }
.product_list_container .list ul li p{padding: 0 20px;color:#b8b8b8;font-size: 12px;}
.product_list_container .list ul li .p_name{color:#2F2F2F ;font-size: 14px;}
.product_list_container .list ul li img{transition: transform .8s  ease ;transform: scale(1);}
.product_list_container .list ul li:hover img{ transition: transform .8s  ease ;transform: scale(1.2) ;}
.product_list_container .list ul li>div{cursor: pointer;}
.product_list_container .list ul li a.detail{color: #464646;font-size: 12px;display: block;width: 110px;height: 28px;line-height:28px;border: 1px solid #efefef;margin: 20px auto 0;}
.product_list_container .list .p_des{margin-top:10px }
.product_list_container .list ul li:before{width: 100%;height: 100%;box-sizing: border-box;border-left: 1px solid #f2f2f2;border-left: 1px solid rgba(0,0,0,.1);position: absolute; left:0;top:0;z-index: 1;pointer-events: none;  }
.product_list_container .cover{display:block;position:absolute;left:0;top:0;bottom:0;right:0;z-index:20;background:url(//img.massky.com/guanwang_second/front/images/new/i_shadow.gif) repeat;-webkit-transition:all 0s;transition:all 0s}
.product_list_container .cover:hover,.cover:active{-webkit-transition:none;transition:none;box-shadow:0 0 1.5rem rgba(0,0,0,.08) inset}