@charset "utf-8"; @import url('reset.css?v=0.070'); @import url('swiper.min.css?v=0.026'); @import url('font-awesome/css/font-awesome.min.css'); @font-face { font-family: "HARMONYOS_LIGHT"; src: url("https://gvs-smartcom.oss-cn-guangzhou.aliyuncs.com/HARMONYOS_SANS_SC_LIGHT.TTF"); } @font-face { font-family: "HARMONYOS_MEDIUM"; src: url("https://gvs-smartcom.oss-cn-guangzhou.aliyuncs.com/HARMONYOS_SANS_SC_MEDIUM.TTF"); } @font-face { font-family: "HARMONYOS_REGULAR"; src: url("https://gvs-smartcom.oss-cn-guangzhou.aliyuncs.com/HARMONYOS_SANS_SC_REGULAR.TTF"); } @font-face { font-family: "nanshen"; src: url("https://gvs-smartcom.oss-cn-guangzhou.aliyuncs.com/nanshen.OTF"); } *{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} input,select,button,textarea{font-family: 'HARMONYOS_REGULAR', Arial, Helvetica, sans-serif;} body{font-family: 'HARMONYOS_REGULAR', Arial, Helvetica, sans-serif; background-color: #fff; font-size: 14px; color: #000;} a{background:transparent;text-decoration:none;color:#000} a:active,a:hover{outline:0}a:hover{text-decoration:none;color:#bd273a} .wrapper{width:1300px; margin: 0 auto;} .w { width:92%; max-width:1700px; margin:0 auto; } .w_w{ width:calc(92% + 90px); max-width:1790px; margin:0 auto; } .w5 { width: 50%; } .w1200{width: 1200px; margin: 0 auto;} .pf{position: fixed; z-index: 1;} .pz{position:relative;z-index: 1} .pa{position:absolute;z-index: 1999} .bz{box-sizing:border-box} .hidden{display:none !important} .ov{overflow: hidden;} ::placeholder{color: #666 !important;} .cb{clear:both} .vs{overflow:visible !important} .flex{display: -webkit-box; display: -webkit-flex; display: flex;} .flexCenter{display: -webkit-box; display: -webkit-flex; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;} .flexJc{display: -webkit-box; display: -webkit-flex; display: flex; flex-wrap: wrap; justify-content: center;} .flexAc{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center;} .flexColumn{display: -webkit-box; display: -webkit-flex; display: flex; flex-direction: column;} .flexWrap{display: -webkit-box; display: -webkit-flex; display: flex; flex-wrap: wrap; justify-content: flex-start;} .flexJb{display: -webkit-box; display: -webkit-flex; display: flex; justify-content: space-between; flex-wrap: wrap;} .flexRight{display: -webkit-box; display: -webkit-flex; display: flex; justify-content: flex-end;} .flexColumnJb{display: -webkit-box; display: -webkit-flex; display: flex; flex-direction: column; justify-content: space-between;} .transition,.transition *{transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s;} .textEllipsis{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; } .line6 { -webkit-line-clamp: 6; } .line5 { -webkit-line-clamp: 5; } .line4 { -webkit-line-clamp: 4; } .line3 { -webkit-line-clamp: 3; } .line2 { -webkit-line-clamp: 2; } .line1 { -webkit-line-clamp: 1; } /*.ellipsis{text-overflow: ellipsis; white-space: nowrap; display: block; overflow: hidden;}*/ table{border-collapse: collapse;} table td{border: 1px solid #bbbbbc;} .db{display: block;} .clear{clear: both;} img{max-width: 100%;} .mb30{margin-bottom:0.3rem!important;} .mb50{margin-bottom:0.5rem!important;} .mb140{margin-bottom:1.4rem!important;} .black{color:#000000!important;} .hui3{background:#f3f3f3!important;} .hui4{background:#e6e7e8!important;} .mt50{margin-top:0.5rem !important;} .mt30{margin-top:0.3rem !important;} .hui{background:#e6e7e8!important;} .hui2{background:#fcfcfb!important;} .huic{color:#545454!important;} .w80{ margin:0 auto; width:80%;} .w70{ margin:0 auto; width:70%;} .pc{ display:block;} .hidden-m{ display:none;} .m-height { height:1.6rem; } /*头部*/ header{width: 100%; height:70px; z-index: 1001 !important; background:#2c2c2c; } header section{height:70px;} header .logo img{height:30px;} /*导航*/ nav{height:70px; font-family:"HARMONYOS_LIGHT";} nav>ul>li{padding: 0 20px; height:70px; cursor: pointer;} nav>ul>li:first-child{margin-left: 0;} nav>ul>li>a.nav-link{ height:70px; font-size: 14px; color: #bcbcbc; line-height:70px; position: relative; text-transform:uppercase;} nav>ul>li>a.nav-link:hover, nav>ul>li.active>a.nav-link{color:#fff;} nav>ul>li>a.nav-link:hover::after, nav>ul>li.active>a.nav-link::after { content: ' '; position: absolute; left:calc(50% - 4px); bottom: 16px; width: 5px; height: 5px; background-color:#fff; border-radius: 2.5px; } /*导航下拉*/ nav li .subnav{left:0; display:none; top:70px; width:100%; background:#414141; padding:20px 0; position:absolute; z-index:9;} nav li:hover .subnav{display: block; animation: fadeIn .5s;-moz-animation: fadeIn .5s;-webkit-animation: fadeIn .5s;-o-animation: fadeIn .5s;} nav li .subnav dl{ margin:0 30px;} nav li .subnav dl dt a{ color:#FFFFFF; font-size: 14px;} nav li .subnav dl dt{ margin-bottom:10px;} nav li .subnav dl dd{ line-height:2; } nav li .subnav dl dd a{ color: #bcbcbc; font-size: 14px; } nav li .subnav dl dd a:hover{ color: #fff;} .m-navbth{display: none;} /*导航搜索*/ .lan{color: #bcbcbc; line-height:70px; height:70px; margin-left:20px; font-family:"HARMONYOS_LIGHT"; font-size:14px;} .search_c { width: 40px; margin-left:20px; cursor:pointer; } .search_c span,.lan span{color: #bcbcbc; } .lan dl{left:0; top:70px; width:80px; display: none; background:#414141; padding:10px 0;} .lan:hover dl{display: block; animation: fadeIn .5s;-moz-animation: fadeIn .5s;-webkit-animation: fadeIn .5s;-o-animation: fadeIn .5s;} .lan>dl dd{padding:0 20px; } .lan dl a{font-size: 14px; color: #fff; display:block; line-height:30px;} nav .tsearch { position: absolute; width:260px; right:0; top: 53px; z-index: 99; display:none; border:1px solid #fff; background: #fff; box-shadow: 0 0px 5px 0 rgba(0, 0, 0, 0.3); } nav .tsearch.active { display:block; } nav .tsearch .txt { width: 84%; float:left; color: #666; text-indent:10px; border:none; font-size:14px; height:40px; } nav .tsearch button { float:left; color:#bcbcbc; background:none; width: 16%; height:42px; font-size:14px; border:none; text-align: center; cursor:pointer; display:block; } nav.tsearch button span { font-size:24px; } /*轮播图*/ .indexbanner,.index_xc,.index_one,.index-tw,.bus-banner{width:100%;} .indexbanner{padding-top:70px;} .indexbanner video,.indexbanner img,.index_one_img img,.bus-banner img,.index_one_img img,.index_xc .swiper-slide img{width:100%;} .indexbanner video{ margin:0; padding:0;} .play{ width:35px; height:35px; background:url(../images/play.png) no-repeat; background-size:35px 35px; position:absolute; z-index:2; top:calc(50% - 17.5px); display:none; left:calc(50% - 17.5px);} .play.active{ display:block;} /*内容一*/ .index_one_text{ position:absolute; z-index:2; left:0; top:0; height:100%; width:100%;} .index_one_title,.index-about-tit,.index-history-tit,.index-products-tit,.index-project-tit,.smart_one_wz{ font-family:"HARMONYOS_MEDIUM"; font-size:40px;} .index_one_title,.smart_one_wz{font-size:45px;} .index_one_desc{ font-size:20px; color:#4c4c4c;} /*宣传*/ .index_xc .swiper-pagination-bullet { background:none; width:12px; height:12px; border:#fff solid 1px; opacity: 1; } .index_xc .swiper-pagination-bullet-active { background: #fff; } /*荣誉*/ .index-honor{padding:1.2rem 0 0;} .index-about-desc{color:#545454; font-size:18px; margin:0.5rem 0 0.75rem;} .index-honor-c .swiper-slide img,.about-honor-list .swiper-slide img{ width:100%;} .about-honor-list{ padding-bottom:0.5rem;} .index-honor-c .swiper-pagination-bullet { background: #e6e7e8; border-radius:0; width:60px; height:5px; opacity: 1; } .index-honor-c .swiper-pagination-bullet-active{ background: #000; } /*发展史*/ .index-history,.index-products{padding:1.2rem 0 1.4rem;} .history-tit{ background:url(../images/hh.jpg) left center repeat-x; text-align:center; font-size:30px; font-family: "nanshen"; } .history-tit span{ padding:0 20px; background:#FFFFFF;} .history-desc{ width:70%; margin:0 auto; color:#545454; font-size:14px; line-height:1.4; padding-top:20px; } /*图文*/ .index-tw-tit{font-size:40px; font-family:"HARMONYOS_MEDIUM"; padding:0.7rem 0; line-height:1.2; } .index-tw .index-tw-item .tw-text,.index-tw .index-tw-item .tw-img{ width:50%;} .index-tw .index-tw-item .tw-img img{ width:100%;} .index-tw .index-tw-item .tw-text{padding:0 1.1rem;} .index-tw .index-tw-item .tw-text .text-text{ width:100%;} .index-tw .index-tw-item .tw-text .tw-text-tit{ font-size:30px; line-height:1; font-family:"HARMONYOS_MEDIUM"; padding-bottom:20px; margin-bottom:20px; position:relative;} .index-tw .index-tw-item .tw-text .tw-text-tit:after{content: ""; background:#bd273a; width:54px; height:2px; position:absolute; left:0; top:100%;} .index-tw .index-tw-item .tw-text .tw-text-con{ color:#545454; font-size:18px;} .index-tw-list .index-tw-item:nth-child(2n){flex-flow: row-reverse wrap;} .index-tw-list .index-tw-item:nth-child(2n) .tw-text{ text-align:right;} .index-tw-list .index-tw-item:nth-child(2n) .tw-text-tit:after{left:calc(100% - 54px);} /*首页产品*/ .pro_switch{text-align:center; margin-top:30px;} .pro_switch li { display:inline-block; padding:0 15px; cursor:pointer; font-size:18px; padding-bottom:8px; } .pro_switch li a{ color:#6b6b6b;} .pro_switch li.active a{ text-decoration:underline; color:#000000; } .pro_content .pro_w { display:none; } .pro_content .pro_w.active { display:block; } .index-products .products-item{width:calc((100% - 90px) / 4); padding:30px 0; margin-top:30px; margin-right:30px; background:#e6e7e8;} .index-products .products-item:nth-child(4n){ margin-right:0;} .products-item-tit,.products-item-img{width:86%; margin:0 auto; text-align:center;} .products-item-tit{font-size:16px; font-family:"HARMONYOS_MEDIUM"; margin-bottom:20px;} .products-item-img img{ max-width:100%; margin:0 auto;} .index-products-more{ text-align:center; padding-top:40px; } .index-products-more a{text-decoration:underline; color:#cc3638; font-size:16px; } /*案例*/ .index-project,.index-news{padding:1.2rem 0 1.4rem;} .ht_switch{text-align:center; margin-top:10px;} .index-project .ht_switch .hts_item{ cursor:pointer; font-size:18px; padding-bottom:8px; color:#6b6b6b; width:120px; text-align:center; line-height:23px; margin-top:20px; margin-right:40px; padding:0; } .index-project .ht_switch .hts_item:last-child{margin-right:0;} .ht_switch .hts_item a{ color:#6b6b6b; } .ht_switch .hts_item.active a{ color:#000; } .ht_switch .hts_item div,.ht_switch .ht_items div { width:40px; height:35px; margin:0 auto; margin-bottom:6px; } .ht_switch .hts_item1 div { background:url(../images/Smart.png) center no-repeat; background-size:100% 100% } .ht_switch .hts_item2 div { background:url(../images/construction.png) center no-repeat; background-size:100% 100% } .ht_switch .hts_item3 div { background:url(../images/Hotel.png) center no-repeat; background-size:100% 100% } .ht_switch .hts_item4 div { background:url(../images/Rail.png) center no-repeat; background-size:100% 100% } .ht_switch .hts_item5 div { background:url(../images/Yiliao.png) center no-repeat; background-size:100% 100% } .ht_switch .hts_item1.active div { background:url(../images/Smart_hover.png) center no-repeat; background-size:100% 100% } .ht_switch .hts_item2.active div { background:url(../images/construction_hover.png) center no-repeat; background-size:100% 100% } .ht_switch .hts_item3.active div { background:url(../images/Hotel_hover.png) center no-repeat; background-size:100% 100% } .ht_switch .hts_item4.active div { background:url(../images/Rail_hover.png) center no-repeat; background-size:100% 100% } .ht_switch .hts_item5.active div { background:url(../images/Yiliao_hover.png) center no-repeat; background-size:100% 100% } .ht_content{ margin-top:30px;} .ht_content .ht_w { display:none; } .ht_content .ht_w.active { display:block; } .index-project .swiper-slide figure { background:#FFFFFF; margin:10px 0; cursor:pointer; } .index-project figure .pic{ position:relative; overflow:hidden; width:100%; } .index-project figure img{ width:100%; transition: all .6s ease 0s; } .index-project figure:hover img{ transform: scale(1.2); } .case_wtext{ padding:15px 25px;} .case_tit{ font-size:20px; color:#484848; line-height:1.5; } .case_wdesc{ margin:7px 0; font-size:14px; color:#7e7e7e; height:42px; line-height:1.3; } .case_wtext a{font-size:16px; padding-top:10px;} /*首页新闻*/ .in-news{display:flex; justify-content: flex-start; flex-wrap: wrap; margin-top:30px;} .index-news .slider-for{width:60%;} .index-news .slider-for img{ width:100%;} .index-news .slider-nav{width:40%; background:#e6e7e8;} .index-news .slider-nav .in_new_con{ padding:0.5rem 0.75rem;} .index-news .slider-nav .in_new_con .in_new_t{font-size:16px; font-family:"HARMONYOS_MEDIUM"; } .index-news .slider-nav .in_new_con .in_new_s{ color:#545454; font-size:14px;} .index-news .slider-nav .in_new_con .in_new_c{ color:#545454; font-size:14px; margin-top:20px; line-height:1.6} .index-news .slider-nav .slick-prev,.index-news .slider-nav .slick-next { top:calc(100% - 80px); border:#343434 solid 1px; width:40px; height:40px; z-index:99; color:#000; display: block; line-height:40px; } .index-news .slider-nav .slick-prev:hover,.index-news .slider-nav .slick-next:hover { border:#bd273a solid 1px; color:#bd273a; } .index-news .slider-nav .slick-prev { left:0.75rem; } .index-news .slider-nav .slick-next { left:calc(0.75rem + 50px); } .index-news .slider-nav .slick-prev:before,.index-news .slider-nav .slick-next:before { width: 20px; height: 40px; opacity:1; padding-left:10px; font-size:28px; font-family: "iconfont"; content: "\e630"; } .index-news .slider-nav .slick-next:before{ font-family: "iconfont"; content: "\e635"; padding-left:6px; } /*网站底部*/ footer{ width:100%; background:#272727; padding:0.8rem 0 0; color:#FFFFFF;} .foot_copy{font-size:16px; line-height:30px; padding:18px 0; background:#171717; color:#b3b3b3;} .flink{ width:60%;} .flink a{ margin-right:20px; color:#b3b3b3; font-size:14px;} .foot_nav_tit{font-size:16px; line-height:1; margin-bottom:25px;} .foot_nav_tit a{color:#FFFFFF;} .foot_nav_list,.foot_nav_list a,.foot_contact,.foot_contact a{ color:#a5a5a5; display:block; line-height:36px; font-size:14px; } .foot_nav_list a:hover,.foot_contact a:hover,.flink a:hover{color:#bd273a;} .foot-list-nav{display: -webkit-box; display: -webkit-flex; display: flex; justify-content: space-between; flex-wrap: wrap;} .shareus{display: -webkit-box; display: -webkit-flex; display: flex; justify-content:flex-end; flex-wrap: wrap; margin-top:20px;} .shareus a,.shareus .zhushou,.shareus .shipin,.shareus .douyin{ margin-left:10px;} .shareus a span,.shareus .wechat,.shareus .zhushou,.shareus .shipin,.shareus .douyin{ width:51px; height:52px; display:block;} .shareus .wechat{background:url(../images/icon1.png) no-repeat; position:relative; cursor:pointer; } .zhushou{background:url(../images/icon2.png) no-repeat; position:relative; cursor:pointer;} .shipin{background:url(../images/icon3.png) no-repeat; position:relative; cursor:pointer;} .weibo{background:url(../images/icon4.png?v=0.01) no-repeat;} .xiaohongshu{background:url(../images/icon5.png) no-repeat;} .douyin{background:url(../images/icon6.png) no-repeat; position:relative; cursor:pointer;} .shareus .wechat:hover .wechat_erweima,.shareus .zhushou:hover .wechat_erweima,.shareus .shipin:hover .wechat_erweima,.shareus .douyin:hover .wechat_erweima { display:block } .shareus .wechat_erweima{ display:none; position:absolute; top:0; left:0; width:126px; height:126px; padding:2px; background-color:#fff; transform:translate(-39px, -140px); border-radius:4px; box-shadow:0 0 5px 0 rgba(0, 0, 0, .2); } .shareus .wechat_erweima img { width:100%; height:100% } .shareus .wechat_erweima::after { content:''; display:block; position:absolute; bottom:-8px; left:50%; transform:translateX(-50%); width:0; height:0; border-right:8px solid transparent; border-left:8px solid transparent; border-top:8px solid #fff; filter: drop-shadow(1px 3px 1px rgba(0, 0, 0, .2)); } .shareus .wechat:hover{background:url(../images/icon1_hover.png) no-repeat; } .shareus .zhushou:hover{background:url(../images/icon2_hover.png) no-repeat; } .shareus .shipin:hover{background:url(../images/icon3_hover.png) no-repeat; } .shareus a:hover .weibo{background:url(../images/icon4_hover.png?v=0.01) no-repeat; } .shareus a:hover .xiaohongshu{background:url(../images/icon5_hover.png) no-repeat; } .shareus .douyin:hover{background:url(../images/icon6_hover.png) no-repeat; } /*金沙集团app最新版下载*/ .video_text,.k-bus_text{ position:absolute; z-index:2; left:0; top:70px; height:calc(100% - 70px); width:100%; color:#fff;} .k-bus_text{top:0; height:100%;} .smart_video_title,.k-bus-title{ font-weight:normal; font-family:"HARMONYOS_MEDIUM"; font-size:56px; line-height:1; text-transform:uppercase;} .k-bus-title{font-size:0.4rem;} .smart_video_desc,.k-bus-banner-desc{ font-size:0.26rem; line-height:1.4; margin-top:30px; } .k-bus-banner-desc{width:50%; font-size:0.24rem;} .pro-tit,.assurance-title,.system-tit,.strength_tit{ font-family:"HARMONYOS_MEDIUM"; font-size:30px; } .smart_two,.smart_section{padding:1.2rem 0 1.4rem;} .smart_two-tit,.stacks-title,.culture-title,.scene-tit{font-size:40px; font-family:"HARMONYOS_MEDIUM";} .smart_two-img img,.smart_three .scene-img img,.interaction-list .interaction-item img,.smart_system img,.realization-item img{ width:100%;} .smart_three .scene-img{ display:none;} .smart_three .scene-img.active{ display:block;} .scene_text,.system_text{position:absolute; z-index:2; left:0; top:0; height:100%; width:100%; padding:100px 0; color:#fff;/* background:#FF0000;*/} .scene_text .w{height:100%;} .scene-tit,.assurance-title,.stacks-title{ width:80%; margin:0 auto;} .scene-item{ margin-right:45px; font-size:20px; position:relative; cursor:pointer;} .scene-list .scene-item:last-child{margin-right:0;} .scene-list .scene-item::before { position:absolute; content:''; top:100%; left:0; background:#ffffff; height:3px; width:100%; } .scene-list .scene-item.active::before { background: linear-gradient(90deg,#ff8f8f 0,#b73030 100%); } .interaction-desc{color:#555555; font-size:18px;} .interaction-item{width: calc((100% - 60px) /3); margin-top:30px; margin-right:30px;} .interaction-list .interaction-item:nth-child(3n){ margin-right:0;} .interaction-item-tit{ position:absolute; left:10%; width:80%; top:12%; text-align:center; font-size:18px; font-family:"HARMONYOS_MEDIUM";} .system_text{padding:0;} .system_ban{ width:50%;} .system-tit,.pro-tit{ text-align:left; line-height:1;} .system-desc,.pro-desc{ font-size:18px; padding-top:40px; } .system-link{margin-top:30px;} .system-link a{ border:#cc3638 solid 1px; color:#cc3638; padding:5px 15px; font-size:16px; border-radius:5px; } .system-link a:hover{ background:#cc3638; color:#fff; } .ht_switch .ht_items{ width: calc((100% - 90px) /4); cursor:pointer; font-size:18px; padding-bottom:8px; text-align:center; color:#6b6b6b; margin-top:20px; margin-right:30px; } .smart-project-item{width: calc((100% - 90px) /4); margin-top:30px; margin-right:30px; background:#FFFFFF;} .smart-project-list .smart-project-item:last-child,.ht_switch .ht_items:last-child{ margin-right:0;} .smart-project-custom{ text-align:center; padding-top:50px;} .smart-project-custom a{ background:#cc3638; color:#fff; padding:7px 20px 8px; font-size:18px; border-radius:5px; } .smart-project-custom a:hover{background:#000;} .service-list{ margin-top:20px;} .service-list .service-item{ width:calc(100% /7); margin-top:30px;} .service-list .service-item .service-img{ border:#000000 solid 1px; width:120px; height:120px; text-align:center; background:#FFFFFF; border-radius:120px; margin:0 auto; position:relative;} .service-list .service-item .service-img::before { position:absolute; content:''; top:50%; left:100%; background:url(../images/xu.png) repeat-x; height:1px; width:200px;; } .service-list .service-item:last-child .service-img::before{ display:none;} .service-list .service-item .service-tit{text-align:center; font-size:16px; font-family:"HARMONYOS_MEDIUM"; padding-top:20px;} /*智能对讲*/ .realization-item{width: calc((100% - 90px) /4); margin-top:30px; margin-right:30px;} .realization-list .realization-item:nth-child(4n){ margin-right:0;} .case_sdesc{ font-size:16px; width:80%; margin:0 auto; padding:15px 0; color:#7e7e7e; line-height:1.4; } .three_products img{ width:100%;} .pro-tit{ line-height:1;} .pro-ctit{ font-weight:bold; font-size:18px; margin-top:20px;} .pro-link{margin-top:30px;} .solutions-more{ text-align:center;} .pro-link a{ background:#bd273a; color:#fff; padding:5px 15px 8px; font-size:16px; } .pro-link a:hover{ background:#000; } /*产品列表*/ .products_text{position:absolute; z-index:2; left:0; bottom:80px; width:100%; } .products_text .wrapper{text-align:center;} a.products_link{border:#fff solid 1px; color:#fff; padding:5px 15px; font-size:18px; border-radius:5px; margin:0 auto; cursor:pointer; } a.products_link:hover{border:#cc3638 solid 1px; color:#cc3638; } .products_head{ background:#e6e7e8; padding:15px 0;} .products_category a{ font-size:18px; font-family:"HARMONYOS_MEDIUM"; margin-right:20px; } .products_category a.active,.products_category a:hover{ color:#cc3638;} .search-c{ background:#FFFFFF; border-radius:15px; padding:0 15px; width:260px; } .search-c .txt { width:calc(100% - 40px); color: #666; border:none; font-size:14px; height:40px; } .search-c button { color:#bcbcbc; background:none; width: 30px; border:none; height:40px; line-height:40px; text-align: center; display:block; cursor:pointer; } .search-c button span { font-size:24px; } .products_middle{ margin-top:40px;} .products_slider{ width:300px;} .products_slider .scategory-item{ border-bottom:#c8c8c8 solid 1px; line-height:56px; font-size:16px; font-family:"HARMONYOS_MEDIUM";} .products_slider .scategory-item.active a,.products_slider .scategory-item:hover a{ color:#cc3638;} .products_products{width:calc(100% - 302px);} .products_products .products_list{border-top:#c8c8c8 solid 1px; border-left:#c8c8c8 solid 1px; } .products_products .products_item{width:calc(100% /3); border-right:#c8c8c8 solid 1px; border-bottom:#c8c8c8 solid 1px; padding:25px 0; } .products_products .products_item .products_pic,.products_products .products_item .products_tit{ width:90%; margin:0 auto;} .products_products .products_item .products_pic img,.news-item .img img,.related-article-item .img img{ width:100%; transition: all .6s ease 0s;} .products_products .products_item .products_pic:hover img,.news-item .img:hover img,.related-article-item .img:hover img{ transform: scale(1.2);} .products_products .products_item .products_tit{ margin:15px auto; text-align:center; font-size:16px; font-family:"HARMONYOS_MEDIUM"; line-height:1.4; } .products_products .products_item .hc_a{ width:86%; margin:0 auto; margin-top:20px;} .products_products .products_item .hc_a a { padding: 5px 18px; font-size: 16px; border: #CCCCCC solid 1px; color: #666; border-radius: 20px; } .products_products .products_item .hc_a a:first-child { margin-right:30px; } .products_products .products_item .hc_a a:hover{ background:#bd273a; color: #fff; } .pages { text-align:center; margin:80px 0; } .pages a { display:inline-block; width:45px; height:45px; border-radius:45px; margin-right:5px; line-height:45px;; color:#666; font-size:16px; } .pages a.info { width:auto; } .pages a.current, .pages a:hover { background:#cc3638; color:#FFFFFF; } .pages a.info:hover { color:#666; background:#FFFFFF; } .products_postion{background:#414141; padding:85px 0 15px; color: #bcbcbc; font-size:16px;} .products_postion a{color: #bcbcbc; font-size:16px;} .products_postion a:hover{color: #fff; } .strength-one img,.strength_citem img,.products-current-img img{ width:100%;} .strength { padding:1.2rem 0 0; } .strength_citem{margin-top:50px; background:#f4f4f4; display: -webkit-box; display: -webkit-flex; display: flex; flex-wrap: wrap; justify-content: flex-start;} .strength .strength_citem:nth-child(2n+1){flex-flow: row-reverse wrap;} .strength .strength_citem:nth-child(2n+1) .txt,.tu_winda{ text-align:right;} .strength_citem .txt { padding: 1rem 5% 0.5rem 5%; } .strength_citem .pic img { width: 53px; display:inline; } .tu_wind_tit{ font-size:35px; font-family:"HARMONYOS_MEDIUM";} .strength_citem .txt-tit,.wind_tit{ font-size:20px; font-family:"HARMONYOS_MEDIUM"; line-height:1.5; padding:10px 0; } .strength_citem .txt-txt,.wind_desc{ font-size:14px; } .tu_wind{ display:flex; flex-wrap: wrap; justify-content: flex-start; padding:0 50px; margin-top:50px; } .tu_windb, .tu_winda { width:32%; display:flex; flex-direction:column; justify-content:center; } .tu_windc { width: 32%; margin: 0 auto; display: flex; align-items: center; justify-content: center; } .tu_wind .pic{ width:100%; height:33px; } .tu_winda .pic img{ float:right; } .wind_text:nth-child(n+2) { margin-top:20px; } .products-parameter{margin-top:0.7rem; background:#e6e7e8; padding:1.2rem 0 1.4rem;} .parameter-list{ width:80%; margin:0 auto; margin-top:0.5rem; } .parameter-item{ font-size:16px; line-height:2; } .products-detail{ margin-top:0.5rem;} .products-pics{ width:500px;} .products-info{ margin-left:50px; width:calc(100% - 550px);} .products-current-img{ border:#adadad solid 1px; margin-bottom:20px;} .products-img-item{border:#fff solid 1px; cursor:pointer; width:20%;} .products-img-item.active{border:#cc3638 solid 1px;} h1.products-info-tit{font-size:36px; font-family:"HARMONYOS_MEDIUM"; font-weight:normal; line-height:1.5; margin-bottom:20px; } .products-info-con{ font-size:16px; margin-bottom:20px;} .products-model{font-size:18px; margin-bottom:15px; line-height:40px; } .products-model-tab{width:120px; } .products-manual{width:120px;} .products-manual span{ background:#cc3638; padding:7px 15px; color:#FFFFFF; border-radius:5px; } .down-manual a{ background:url(../images/down.png) center center no-repeat; width:50px; height:37px; display:block; border:#cc3638 solid 1px; border-radius:5px; cursor:pointer; margin-top:1px; } .down-manual a:hover{ background:#cc3638 url(../images/down_hover.png) center center no-repeat; width:50px; height:37px; display:block; border:#cc3638 solid 1px; border-radius:5px; cursor:pointer; } .products-material-list a,.products-color-list a{ border:#cc3638 solid 1px; padding:3px 6px; border-radius:5px; margin-right:15px; } .products-material-list a:hover,.products-color-list a:hover,.products-material-list a.active,.products-color-list a.active{ border:#cc3638 solid 1px; background:#cc3638; color:#FFFFFF; } .product-related{padding:1.2rem 0 1.4rem;} .related-pic{ background:#e6e7e8; margin-bottom:15px;} .related-pic img{width:100%;} .related-ptit{ padding:0 20px; text-align:center; font-size:14px; font-family:"HARMONYOS_MEDIUM"; line-height:1.4;} /*关于我们*/ .about-section{padding:1.2rem 0 1.4rem;} .about-asection{padding:1.4rem 0;} .about-bsection{padding:1.2rem 0 0.5rem;} .about-l{ width:370px; margin:0 60px;} .about-r{ width:calc(100% - 610px); margin:0 60px;} .about-title{ border-bottom:#bd273a solid 2px; padding-bottom:20px;} .about-title h1{font-size:0.48rem; font-family:"HARMONYOS_MEDIUM"; line-height:1.5; font-weight:normal; margin-bottom:10px;} .about-title span{font-size:18px; font-family:"HARMONYOS_MEDIUM"; line-height:1.5; font-weight:normal;} .about-r{font-size:16px;} .hui .history-tit span{background:#e6e7e8;} .about-honor-list{ margin-top:50px;} .about-honor-list .swiper-pagination-bullet { background: #fff; border-radius:0; width:60px; height:5px; opacity: 1; } .about-honor-list .swiper-pagination-bullet-active{ background: #2c2c2c; } .culture-l,.assurance-item,.KNX-item-img,.KNX-item-text{width:calc((100% - 60px) /2);} .KNX-item-text{ padding-top:0.5rem;} .culture-title{ margin-top:20px;} .culture-l img,.assurance-item-img img,.KNX-item-img img,.business-pic img,.future-item-img img{ width:100%;} .culture-l .culture-item:nth-child(n+1){ margin-bottom:40px; line-height:1.6; } .culture-item-t,.KNX-item-t{ font-size:24px; font-family:"HARMONYOS_MEDIUM"; } .culture-item-c,.KNX-item-c,.assurance-desc{font-size:18px; } .culture-item-c{ color:#181818;} .assurance-item-t,.assurance-item-c{ width:90%; margin:0 auto; text-align:center;} .assurance-item-t,.advantages-item-t{font-size:18px; font-family:"HARMONYOS_MEDIUM"; line-height:1.6; padding:20px 0; } .assurance-item-t{font-size:24px;} .stacks-item-t,.future-item-t{font-size:22px; font-family:"HARMONYOS_MEDIUM"; padding:20px 0;} .future-item-t{ font-size:30px; } .stacks-list{display: flex; flex-wrap: wrap; justify-content: space-between; } .stacks-list .stacks-item{ width:20%; text-align:center;} .assurance-con,.advantages-item-c{font-size:16px; line-height:2; } .assurance-item-c,.future-item-c{font-size:18px; line-height:2; } .future-item-c{ color:#545454;} .advantages-item-c{ color:#5d5d5d;} .assurance-desc,.assurance-con,.stacks-item-img{text-align:center;} .stacks-item-img img{ max-width:100%; margin:0 auto;} .stacks-title{ line-height:1.2;} .assurance-desc,.assurance-con{ width:70%; margin:0 auto; } .assurance-desc{ margin:0.3rem auto 1rem; color:#6c6c6c;} .assurance-con{color:#545454; margin-top:50px;} .KNX-item-t{padding:20px 0; font-size:24px;} .KNX-list .KNX-item:nth-child(2n){ flex-flow: row-reverse wrap; margin-top:50px; } .KNX-list .KNX-item:nth-child(2n) .KNX-item-text,.future-list .future-item:nth-child(2n) .future-item-text{ text-align:right; } .business-tit{ padding-bottom:30px; font-size:0.36rem; font-family:"HARMONYOS_MEDIUM"; line-height:1.6; text-align:center; } .future-list .future-item:nth-child(2n){ flex-flow: row-reverse wrap; } .future-item-img{width:calc(65% - 50px);} .future-item-text{ width:35%; padding:1rem 0.5rem 0.25rem; background:#FFFFFF;} .future-item{ margin-bottom:50px;} .advantages-item{width:calc((100% - 50px) /2 ); margin-top:50px;} .advantages-item-shu{ width:50px; font-family:"HARMONYOS_LIGHT"; font-size:36px; color:#aaaaaa; font-style:italic;} .advantages-item-text{width:calc(100% - 50px);} .lighting-item{ width:25%; text-align:center; margin-top:30px;} .stacks-item-c{ width:80%; margin:0 auto; font-size:14px; color:#5a5a5a;} /*联系我们*/ .page-main{ padding:30px 0;} #allmap{ margin:50px auto 80px;} .contact-guestbook form{ padding-top:30px;} .contact-address{ margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #d7d7d7; } .address-t{ font-size:24px; line-height:26px; font-family:"HARMONYOS_MEDIUM"; padding-left:15px; border-left:#bd273a solid 3px; margin-bottom:20px; } .contact-address .introduction{ font-size: 16px; color:#5b5b5b; } .book-item{ margin-bottom:25px;} .book-item-l{width:calc((100% - 50px) /2 );} .book-item-v{ width:140px;} .book-item-v,.book-item-l,.book-item-c{background: #efefef; border-radius: 8px; padding:5px 15px;} /*新闻资讯*/ .banner-category{ position:absolute; z-index:2; left:0; bottom:0; height:55px; width:100%; background:rgba(0, 0, 0, .4);} .app-solutions-text{position:absolute; z-index:2; left:0; bottom:0; padding:20px 0; width:100%; background:rgba(0, 0, 0, .4); display:none;} .app-solutions-text .index-products-more{ padding-top:20px;} .banner-category a{font-size:18px; line-height:55px; font-family:"HARMONYOS_MEDIUM"; margin-right:30px; color:#fff;} .banner-category a.active,.banner-category a:hover{color:#bd273a;} .banner-zcategory{height:75px; width:100%; background:#efefef; padding-top:20px;} .banner-zcategory a{font-size:18px; line-height:55px; font-family:"HARMONYOS_MEDIUM"; margin:0 25px 0 25px; } .banner-zcategory a.active,.banner-category a:hover{border-bottom:#bd273a solid 2px;} .tzlist{ padding:30px 0;} .tzlist .tz-item{font-size:16px; font-family:"HARMONYOS_MEDIUM"; line-height:1.4; padding:13px 30px; cursor:pointer;} .tzlist .tz-item .tz_title{ width:40%;} .tzlist .tz-item .tz_ctitle{ width:60%;} .tzlist .tz-item:nth-child(odd){ background:#efefef;} .tzlist .tz-item:hover{ color:#FF0000;} .news-item{width:calc((100% - 60px) /3 ); margin-top:30px; box-shadow:0 2px 10px 0 rgba(0, 0, 0, .4); margin-right:30px;} .newslist .news-item:nth-child(3n){ margin-right:0;} .news-item .text{ padding:25px;} .news-item .title{font-size:20px; font-family:"HARMONYOS_MEDIUM"; line-height:1.4;} .news-item .body{ margin-top:20px; font-size:16px; color:#343434;} .article-back a{ background:#cc3638; color:#fff; padding:7px 15px; font-size:16px; border-radius:5px; } .article-back a:hover{ background:#000; } .article-title{font-size:30px; font-family:"HARMONYOS_MEDIUM"; line-height:1; font-weight:normal;} .article-time{ margin: 10px 0 20px 0; line-height: 30px; font-size: 14px; color: #999; font-weight:normal; } .article-detail{ line-height: 30px; font-size: 16px; } .article-detail img{ max-width:100%;} .article-back{ margin-top: 30px; padding-top: 20px; border-top: 1px solid #dadada; } .article-pages { margin-top:10px; line-height: 30px; font-size: 16px; } .article-pages a { display:block; font-size: 16px; } .article-r h2 { line-height: 30px; font-size: 18px; } .related-article-item{ margin-top: 30px; } .related-article-item .time { margin-top: 9px; color: #999; } .related-article-item .title { line-height: 25px; font-size: 16px; } .article-r{ width:300px;} .article-l{width:calc(100% - 350px); padding-right: 50px; border-right: 1px solid #d7d7d7;} .article-article{ padding:20px 0 50px;} .solution-desc{ text-align:center; font-size:18px; width:80%; margin:0 auto;} .solution_banner_title{ font-family:"HARMONYOS_MEDIUM"; font-size:45px; line-height:1; color:#000000; text-transform:uppercase; font-weight:normal;} .signup{ background:#bd273a; text-align:center; width:100%; line-height:50px; color:#FFFFFF; font-size:22px; margin:20px 0; display:block;} .signup:hover{background:#000; color:#FFFFFF; } .training h2{ position:relative; font-size:22px; line-height:40px; font-weight:normal;} .training h2:before,.training h2:after { content: ''; display: block; width: 20px; height: 3px; position: absolute; z-index: 999; top: 42px; left: 0; background: #bd273a; } .training h2:after { left: 22px; } .training-cate{ padding-top:20px;} .training-cate a{ font-family:"HARMONYOS_MEDIUM"; font-size:16px; line-height:1; padding-bottom:15px; display:block;} .training h3 { line-height: 24px; font-size: 12px; color: #666; padding-top:6px; font-weight:normal; } .training .tsearch{ margin-top:25px;} .training .searchText { width:calc(100% - 45px);; height: 45px; line-height: 43px; border: 1px solid #f4f4f4; border-right: 0; background: none; padding: 0 20px; font-size: 14px; color: #333; } .training .searchBtn{ width:45px; height: 45px; background: #bd273a; text-align:center; border:none; cursor:pointer;} .training .searchBtn:hover{background:#000;} .training .searchBtn .fa{color:#fff;} .signup-title{ font-size:24px; line-height:26px; font-family:"HARMONYOS_MEDIUM"; padding-left:15px; border-left:#bd273a solid 3px; margin-bottom:20px; font-weight:normal; } .signupForm h3{font-size:18px; margin-bottom:30px; font-weight:normal;} .signupForm h4{font-size:18px; color:#868383; margin-bottom:10px; font-weight:normal;} .signupForm li{ margin-bottom:25px;} .signupForm .wbk{ width:100%; background:#efefef; border-radius:5px; border:none; border: 1px solid #efefef; } .signupForm .ib-item{ margin-right:30px; font-size:18px; color:#868383; } .signup-main{ padding:70px 0;} .signupForm .wbk{line-height:36px; padding:5px 12px; height:46px;} .signupForm .wbk2{width: 100px;} .signupForm #vercodeimg{ margin-left:10px;} .signupForm input.wbk:focus { outline: none !important; border: 1px solid #004190; } .signupForm .btn{background:#bd273a; color:#FFFFFF; display:block; padding:7px 0; line-height:30px; letter-spacing:1px; font-size:16px; border-radius:5px; border:none; cursor:pointer; width:160px;} .signupForm .btn:hover{ background:#fb6264; } .page-main .classname { margin-bottom: 20px; line-height: 50px; font-weight:normal; border-bottom: 1px solid #d2d2d2; font-family:"HARMONYOS_MEDIUM"; margin-bottom: 20px; font-size: 22px; text-indent: 10px; } .article-l .zsearch { line-height: 200%; font-size: 16px; } .article-l .noResult { line-height: 200%; padding:50px 0; color:#FF0000; font-weight:bold; text-align:center; font-size: 20px; } .app .swiper-slide { -webkit-transition: transform 1s; -moz-transition: transform 1s; -ms-transition: transform 1s; -o-transition: transform 1s; -webkit-transform: scale(.9); margin-top: 50px; margin-bottom: 70px; } .app .swiper-slide-active, .app .swiper-slide-duplicate-active { -webkit-transform: scale(1.1); transform: scale(1.1); z-index: 1002; top:0px; } .app .swiper-slide-active .app-solutions-text{ display:block;} .app-solutions-con{ font-size:16px; color:#fff;} .article-detail span img{ display:inline;} .arc-item{ font-size:18px; line-height:45px; border-bottom:#CCCCCC dashed 1px;} .strength .swiper-button-next,.strength .swiper-button-prev{top: calc(50% + 40px);} .px-tech .px-tech-item,.px-icon .px-ico-item{ width:33.3%; padding: 0 20px; margin-top:30px; text-align:center;} .px-tech-tit,.px-ico-tit{ font-weight:bold; padding-top:15px;} .px-tech-pic img,.px-ico-pic img{ margin:0 auto;} .px-one-pic{ width:180px;} .px-one-text{ width:calc(100% - 210px); margin-left:30px;} /*医护对讲*/ .yihu-tw .yihu-tw-item{ background:#e8f4ff;} .yihu-tw .yihu-tw-item .tw-text,.yihu-tw .yihu-tw-item .tw-img{ width:50%;} .yihu-tw .yihu-tw-item .tw-img img{ width:100%;} .yihu-tw .yihu-tw-item .tw-text{padding:0 1.1rem;} .yihu-tw .yihu-tw-item .tw-text .text-text{ width:100%;} .yihu-tw .yihu-tw-item .tw-text .tw-text-tit{ font-size:30px; line-height:1; font-family:"HARMONYOS_MEDIUM"; padding-bottom:20px; margin-bottom:20px; position:relative;} .yihu-tw .yihu-tw-item .tw-text .tw-text-con{ color:#545454; font-size:18px;} .yihu-tw .yihu-tw-item.two .w{flex-flow: row-reverse wrap;} .yihu-scene{padding: 0.7rem 0 0.7rem;} .yihu-scene-tit{ text-align:center; font-size:30px; line-height:1;} .yihu-scene-tit span{ position:relative;} .yihu-scene-tit span:before,.yihu-scene-tit span:after { content: ''; display: block; width: 7px; height: 7px; position: absolute; z-index: 999; top: 50%; margin-top:-3.5px; border-radius:7px; background: #000; } .yihu-scene-tit span:before{ left:-15px;} .yihu-scene-tit span:after { right:-15px;} .yihu-scene-item{ background:#e6e7e8; margin-bottom:30px;} .yihu-scene-item .scene-text,.yihu-scene-item .scene-img{ width:50%;} .yihu-scene-item .scene-img img{ width:100%;} .yihu-scene-item .scene-text{padding:0 1.1rem;} .yihu-scene-item .scene-text .text-text{ width:100%;} .yihu-scene-item .scene-text .scene-text-tit{ font-size:20px; line-height:1; font-family:"HARMONYOS_MEDIUM"; padding-bottom:20px; position:relative;} .yihu-scene-item .scene-text .scene-text-tit a{ color:#146bab;} .yihu-scene-item .scene-text .scene-text-tit a:hover{ color:#bd273a;} .yihu-scene-item .scene-text .scene-text-con{ color:#545454; font-size:16px;} .yihu-scene-item .scene-text .scene-text-con li{ background:url(../images/dian.png) left center no-repeat; padding-left:10px; } .yihu-scene .yihu-scene-item:nth-child(2n){flex-flow: row-reverse wrap;} .yihu-scene .yihu-scene-item:last-child{margin-bottom:0;} .nav_box { background: #414141; width: 100%; position: absolute; top: 60px; z-index:1002; display: none; height:100vh; overflow:auto; padding-bottom: 180px; animation: fadeIn .5s;-moz-animation: fadeIn .5s;-webkit-animation: fadeIn .5s;-o-animation: fadeIn .5s; } .nav_box.nav_show { display:block; } .nav_search { width: 92%; background: #2c2c2c; border-radius: 6px; color: #FFFFFF; padding: 10px 15px 15px 15px; margin: 20px auto 0; } .nav_search .search_ip { color: #999999; border: 1px solid #e4eaec; border-radius: 20px; font-size: 16px; font-weight: 400; width: 100%; padding: 6px 15px; } .nav_search .search_sbtn{ right: 15px; background: none; border-radius: 0 20px 20px 0; top: 0; position: absolute; height: 100%; padding: 0 15px; border: none; cursor: pointer } .nav_search .search_sbtn .icon { font-weight: 300; color: #999999; } .head-nav{ margin:0px auto; width:92%; } .head-nav .nav_item .title{ line-height:60px; position:relative; border-bottom:1px solid #dfdbdb; } .head-nav .nav_item .title, .head-nav .nav_item .title a{ color:#FFFFFF; font-size:16px; font-weight:normal; } .head-nav .nav_item .link-list{ padding:10px 15px 0px; display:none; animation: fadeIn 1s;-moz-animation: fadeIn 1s;-webkit-animation: fadeIn 1s;-o-animation: fadeIn 1s; } .head-nav .nav_item .link-list.active{ display:block } .head-nav .nav_item .link-list a{ display:block; padding-left:20px; line-height:36px; color:#FFFFFF; font-size:14px; } .head-nav .nav_item .link-list a.s-class{ padding-left:40px; } .jtt { position: absolute; top: 25px; right: 5px; font-size:20px; transition: transform .5s; } .head-nav .nav_item.open .jtt{ transform: rotate(180deg); } .foot_menu{ display:none;} @media (max-width: 1400px) { .wrapper,.w{width:94%;} .w_w{ width:100%; } } @media (max-width: 1300px) { header{height:60px; } header section{height:60px;} .indexbanner{padding-top:60px;} nav.showPc{ display:none;} .m-navbth { position: relative; display:block; width: 24px; height: 25px; margin-top:18px; } .m-navbth a { display:block; width: 24px; height: 25px; position:relative; } .m-navbth span { display:block; width:24px; height:2px; background:#fff; transition:transform .5s ease } .m-navbth .menu_top { position:absolute; top:2px; right:0 } .m-navbth .menu_mid { position:absolute; top:9px; right:0; opacity:1 } .m-navbth .menu_bot { position:absolute; top:16px; right:0 } .m-navbth span.menu_top_r { transform:rotateZ(-45deg); transform-origin:center } .m-navbth .menu_mid_r { opacity:0 } .m-navbth .menu_bot_r { transform:rotateZ(45deg); transform-origin:center } .m-lan{ margin-top:20px;} .m-lan a:first-child{ margin-right:20px;} .m-lan a{ color:#FFFFFF;} } @media (max-width: 1200px) { .w1200{width:92%;} .foot-list-nav{ display:none;} .foot_menu{ display:block;} .foot_menu .f_menu_box { padding-bottom:.7rem } .foot_menu .f_menu_box>li.f_menu { width:100%; border-bottom:1px solid #414141; } .foot_menu .f_menu_box>li>a { padding:0 .14rem 0 .1rem; color:#b3b3b3; display:block; height:0.8rem; line-height:0.8rem; font-size:.24rem; position:relative; } .foot_menu .f_menu_box>li>a>span { font-size:.22rem; transition:.5s; transform:rotate(-45deg); } .foot_menu .f_menu_box>li>a>span.active { transform:rotate(0); font-size:.22rem; opacity:1 } .foot_menu .f_menu_box .f_sub_menu { margin:0; padding-bottom:.2rem; display:none } .foot_menu .f_menu_box .f_sub_menu>li { height:.6rem; line-height:.6rem } .foot_menu .f_menu_box .f_sub_menu>li a { font-size:.22rem; color:#b3b3b3; display:block; padding-left:.40rem } .foot_menu .f_menu_box>li .foot_nav_mtit{ height:0.8rem; line-height:0.8rem; font-size:.24rem; color:#b3b3b3} .foot_menu .f_menu_box>li .foot_mcontact{ line-height:0.4rem; font-size:.22rem; color:#b3b3b3;} .foot_menu .f_menu_box>li .foot_mcontact a{ color:#b3b3b3;} .foot_menu .f_menu_box li a:hover{ color:#bd273a;} .smart-project-item { width: calc((100% - 60px) /3); } .service-list .service-item { width: calc(100% /4); } .service-list .service-item:nth-child(4) .service-img::before,.pro-desc{ display:none;} .scene-item { font-size: 24px; } .products_slider{ display:none;} .products_products,.index-news .slider-for,.index-news .slider-nav{ width:100%;} .index-news .slider-for,.index-news .slider-nav{ overflow:hidden;} .future-item-img, .future-item-text{ width:100%;} .future-item-t{ margin-top:0;} .future-list .future-item:nth-child(2n) .future-item-text{ text-align:left;} .future-item-text{padding:0.3rem 0.5rem 0.5rem;} .pc{ display:none;} .hidden-m{ display:block;} .pro_select { width: 100%; position: fixed; top: 60px; z-index: 100; } .pro_select .ps_header { height: 0.8rem; background-color: #fff; border-bottom: #e0e0e0 1px solid; position: relative; line-height: 0.8rem; padding: 0 0.3rem; font-size: .24rem; color: #7c7c7c; } .pro_select .ps_header span { font-size: .3rem; width:30px; color: #7c7c7c; transition: .2s all ease; } .pro_select .ps_header span.active { transform:rotateZ(180deg) } .pro_select .ps_catelog { position: absolute; box-sizing: border-box; padding: 0 0.3rem; width: 100%; background-color: #f6f6f6; display: none; z-index: 100; } .pro_select .ps_catelog .pro_citem{ height: 0.8rem; line-height: .8rem; border-bottom: #dbdbdb 1px solid; } .pro_select .ps_catelog .pro_citem a { display:block; height:100%; width:100%; line-height:.8rem; font-size:.22rem; color:#7c7c7c } .pro_select .ps_catelog .pro_citem a.current { color:#FF0000 } .pro_select .ps_catelog .pro_citem:last-child { border:none } .ps_mask { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; background: #000; opacity: .7; display: none; } .index-news .slider-nav .in_new_con{ padding:0.5rem 0.5rem 90px 0.5rem;} .index-news .slider-nav .slick-prev { left:0.5rem ; } .index-news .slider-nav .slick-next { left:calc(0.5rem + 50px); } } @media (max-width: 1050px) { .system_ban{ width:50%; padding:15px 0;} .about-l,.about-r{ width:100%; margin:0;} .article-detail img{max-width: 100% !important; height: auto !important;} .app .swiper-slide { -webkit-transform: scale(1); margin-top: 0; margin-bottom: 0; } .app .swiper-slide-active, .app .swiper-slide-duplicate-active { -webkit-transform: scale(1); transform: scale(1); top:0px; } .culture-l,.about-r,.article-r,.products-info{ padding-top:30px;} .culture-l,.culture-l,.article-l,.article-r,.products-pics,.products-info,.parameter-list{ width:100%;} .article-l{ border-right:none; padding-right:0;} .related-article-item{ width:48%;} .products-info{margin-left:0;} .strength_citem .w5{width:100%;} .strength .strength_citem:nth-child(2n+1) .txt,.tu_winda{ text-align:left;} .strength_citem .txt { padding:0.5rem; } } @media (max-width: 980px) { .yihu-tw .yihu-tw-item .tw-text,.yihu-tw .yihu-tw-item .tw-img,.yihu-scene-item .scene-text, .yihu-scene-item .scene-img{ width:100%;} .yihu-tw .yihu-tw-item .tw-text,.yihu-scene-item .scene-text { padding:0 20px 30px; } .yihu-scene-item .scene-text { padding-top:30px;} } @media (max-width: 930px) { .assurance-item,.KNX-item-img,.KNX-item-text,.w80{ width:100%;} .KNX-list .KNX-item:nth-child(2n) .KNX-item-text{ text-align:left;} .assurance-item{ margin-bottom:30px;} .assurance-item:last-child{ margin-bottom:0;} .system-desc{ display:none;} } @media (max-width: 860px) { .index-tw .index-tw-item .tw-text, .index-tw .index-tw-item .tw-img,.foot_copy,.flink{ width:100%;} .flink a{ margin-left:0; margin-right:20px;} .index-tw .index-tw-item .tw-text{ padding:30px 40px;} .index-tw-list .index-tw-item:nth-child(2n) .tw-text{ text-align:left;} .index-tw-list .index-tw-item:nth-child(2n) .tw-text-tit:after{left:0;} .index-news .slider-nav .slick-prev,.index-news .slider-nav .slick-next { width:30px; height:30px; line-height:30px; } .index-news .slider-nav .slick-prev:before,.index-news .slider-nav .slick-next:before { width: 20px; padding-left:7px; height: 30px; font-size:22px; } .index-news .slider-nav .slick-next:before { padding-left:4px; } .index-news .slider-nav .slick-next { left:80px; } .interaction-item,.realization-item,.news-item{width: calc((100% - 30px) /2);} .lighting-item { width: 50%; } .interaction-list .interaction-item:nth-child(3n),.newslist .news-item:nth-child(3n){ margin-right:30px;} .interaction-list .interaction-item:nth-child(2n),.realization-list .realization-item:nth-child(2n),.newslist .news-item:nth-child(2n){ margin-right:0;} .system-desc, .pro-desc{ padding:20px 0;} .about-honor-list .swiper-pagination-bullet { background: #fff; border-radius:0; width:30px; height:5px; opacity: 1; } .about-honor-list .swiper-pagination-bullet-active { background: #2c2c2c; } } @media (max-width: 780px) { .index-products .products-item{width:calc((100% - 30px) / 2);} .index-products .products-item:nth-child(2n){ margin-right:0;} .index-honor-c .swiper-pagination-bullet { width:30px; } .smart_video_title, .k-bus-title{font-size: 0.5rem; line-height:1.2;} .index_one_title, .index-about-tit, .index-history-tit, .index-products-tit, .index-project-tit,.smart_two-tit, .stacks-title, .culture-title,.index-tw-tit {font-size: 0.4rem; line-height:1.2;} .index-tw .index-tw-item .tw-text .tw-text-tit,.smart_one_wz, .scene-tit, .pro-tit, .assurance-title, .system-tit, .strength_tit {font-size: 0.3rem; line-height:1.2;} .history-tit { font-size: 40px; } .index_one_img{ padding:50px 0;} .index_one_title{ line-height:1.2; padding-bottom:10px;} .index_one_desc{font-size: 0.24rem;} .ht_switch .ht_items{ width:32%; margin-right:2%;} .smart-project-item { width:100%; margin-right:0; } .system-tit{ margin-bottom:30px;} .assurance-desc, .assurance-con, .stacks-title,.advantages-item,.k-bus-banner-desc,.book-item-l,.tu_winda,.tu_windc,.tu_windb{ width:100%;} .tu_wind{ padding:0; } .tu_winda{ text-align:left;} .tu_winda .pic img{ float:none;} .tu_windc{ padding:30px 0;} .book-item .book-item-l:last-child{ margin-top:20px;} .products_products .products_item{width:calc(100% /2); } .parameter-item{ margin-bottom:30px; width:100%;} .parameter-item:last-child{margin-bottom:0;} .px-tech .px-tech-item,.px-icon .px-ico-item{ width:50%;} } @media (max-width: 640px) { .index-project .ht_switch .hts_item { width: 50%; margin-right:0px; } .solutions-more{ margin-top:0;} .pro-ctit,.app-solutions-con{ display:none;} .px-one-pic{ width:100%;} .px-one-text{width:100%; margin-left:0; margin-top:30px;} } @media (max-width: 600px) { .index-products .products-item,.products_products .products_item,.news-item{width:100%; margin-right:0;} .stacks-list .stacks-item{width:100%;} .newslist .news-item:nth-child(3n){ margin-right:0;} .scene_text .scene-tit{ height:0; overflow:hidden;} .scene_text{ padding:30px 0;} .scene-item { font-size: 18px; margin-right:15px; } .interaction-item{width:100%; margin-right:0;} .interaction-list .interaction-item:nth-child(3n){margin-right:0;} .w80{ width:100%;} } @media (max-width: 480px) { .shareus a span,.shareus .wechat,.shareus .zhushou,.shareus .shipin,.shareus .douyin{ width:40px; height:41px;} .shareus .wechat,.zhushou,.shipin,.weibo,.xiaohongshu,.douyin{ background-size:40px 41px;} .shareus .wechat:hover,.shareus zhushou:hover,.shareus shipin:hover,.shareus a:hover .weibo,.shareus a:hover .xiaohongshu,.shareus douyin:hover{ background-size:40px 41px;} .service-list .service-item { width: calc(100% /4); } .pro-link a,.system-link a,.scene-item{ font-size:12px;} .related-article-item{width:100%;} .pro-tit,.yihu-scene-tit,.KNX-item-t,.stacks-item-t,.assurance-item-t,.business-tit{font-size:20px;} .yihu-scene-item .scene-text .scene-text-con{font-size:14px;} .yihu-tw .yihu-tw-item .tw-text .tw-text-tit,.future-item-t{ font-size:24px;} .solution_banner_title{ font-size:30px;} .system-tit{ font-size:18px;} .service-list .service-item .service-img::before{ width:50px; } .ht_switch.flexJc{justify-content: flex-start;} .ht_switch .ht_items{margin-right:0;} footer{ padding-bottom:0.9rem;} .history-desc{ text-align:center} .index_one_title,.smart_one_wz{ font-size:24px;} .index_one_desc,.smart_video_desc, .k-bus-banner-desc,.interaction-desc,.service-list .service-item .service-tit,.index-about-desc,.index-tw .index-tw-item .tw-text .tw-text-con,.KNX-item-c{ font-size:16px;} .pro_switch li { width:47%; padding:0; padding-bottom: 8px; font-size: 12px; } .index-project .ht_switch .hts_item,.ht_switch .ht_items { font-size: 12px; width: 25%; } .ht_switch .hts_item div, .ht_switch .ht_items div { width:20px; height:18px; background-size: 20px 18px;} .swiper-button-next, .swiper-button-prev { width: 10px; height: 16px; margin-top: -8px; background-size: 10px 16px; } .smart_video_title,.k-bus-title{ font-size: 30px; } .index-history-tit ,.smart_two-tit, .stacks-title, .culture-title,.index-products-tit,.index-project-tit,.index-tw-tit,.index-about-tit{ font-size: 30px; } .service-list .service-item .service-img{ width: 60px; height:60px; border-radius: 60px; } .service-list .service-item .service-img img{ width: 60%; } .assurance-desc,.yihu-tw .yihu-tw-item .tw-text .tw-text-con,.assurance-item-c,.culture-item-c,.future-item-c,.solution-desc{font-size: 16px;} .app .pro_switch li { width: 30%; } .app_content{ padding-top:10px;} .tu_wind_tit{font-size: 28px;} }