.index-main section{ margin: 80px 0; } .index-main section h3{ margin: 0 0 80px 0; } .index-main section h3 img{ margin: 0 auto; } .index-main .intr ul{ overflow: hidden; } .index-main .intr ul li{ float: left; width: 33.33%; padding: 0 20px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .index-main .intr li h6{ font-size: 24px; color: #333333; font-weight: normal; padding-bottom: 20px; margin: 0 0 40px 0; background: url("../images/border.jpg") no-repeat left bottom; } .index-main .intr li p{ line-height: 28px; font-size: 14px; } .index-main .intr .btn{ display: block; width: 700px; line-height: 36px; text-align: center; margin: 40px auto 0; color: #333333; background: #d9dadc; } .index-main .news{ padding: 40px 0; background: #333333; } .index-main .news h3{ color: #ffffff; } .index-main .news .tab ul{ overflow: hidden; width: 540px; margin: 0 auto; } .index-main .news .tab li{ float: left; margin: 0 5px; width: 160px; border: solid 1px #ffffff; line-height: 40px; text-align: center; } .index-main .news .tab li:hover{ border: solid 1px #eb8f1e; } .index-main .news .tab .cur{ border: solid 1px #eb8f1e; } .index-main .news .tab li a{ color: #ffffff; } .index-main .news .tab .cur a{ color: #eb8f1e; } .index-main .news .con{ margin: 40px 0 0 0; overflow: hidden; } .index-main .news .con dl{ float: left; width: 25%; padding: 0 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .index-main .news .con dt{ overflow: hidden; height: 225px; } .index-main .news .con dd{ padding: 20px; background: #ffffff; } .index-main .news .con dd h6{ overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; } .index-main .news .con dd .p1{ margin: 10px 0 20px; font-size: 12px; line-height: 24px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .index-main .news .con dd .p2{ text-align: right; color: #444; } .index-main .news .con dd .p2:hover{ color: #eb8f1e; } .share-video dl{ overflow: hidden; width: 100%; margin: 0 0 10px 0; } .share-video dt{ float: left; width: 30%; position: relative; } .share-video dt span{ width: 345px; height: 194px; display: none; position: absolute; } .share-video .play{ z-index: 99999; background: url('../../www-x-gobiz-x-com-x-hk.img.abc188.com/images/play_ico.png') no-repeat center center; } .share-video .black{ background: #000000; opacity: 0.5; z-index: 9999; } .share-video dd{ float: left; width: 70%; padding: 0 0 0 5%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .share-video dd h6{ font-size: 24px; color: #333333; font-weight: normal; margin: 0 0 30px 0; padding: 0 0 20px 0; background: url("../images/border.jpg") no-repeat left bottom; } .share-video dd p{ line-height: 34px; } .about-main section .txt01 h6{ font-size: 42px; font-weight: 600; color: #333; margin-bottom: 50px; padding-bottom: 40px; position: relative; } .about-main section .txt01 h6:before{ content: ''; width: 60px; height: 2px; position: absolute; left: 0; bottom: 0; background: #eb8f1e; } .about-main section .txt01 .p1{ line-height: 34px; font-size: 24px; color: #333; margin-bottom: 40px; } .about-main section p{ font-size: 14px; line-height: 1.8; } .about-main section .txt02{ margin: 70px 0 0 0; } .about-main section .txt02 h6{ font-size: 36px; color: #333; margin: 0 0 40px 0; } .about-main section .box01{ position: relative; } .about-main section .box01 a{ height: 100px; width: 40px; color: #333; font-size: 34px; line-height: 100px; text-align: center; position: absolute; top: 25px; } .about-main section .box01 a:hover{ background: #eb8f1e; color: #fff; } .about-main section .box01 .left-arr{ left: 60px; } .about-main section .box01 .right-arr{ right: 60px; } .about-main section .cus-logo{ width: 900px; height: 150px; margin: 40px auto 0; overflow: hidden; position: relative; } .about-main section .cus-logo ul{ width: 1200px; height: 150px; position: absolute; } .about-main section .cus-logo li{ float: left; width: 300px; height: 150px; background: url('../../www-x-gobiz-x-com-x-hk.img.abc188.com/images/c-logo01.png') no-repeat center center; } .about-main section .cus-logo .logo02{ background-image: url('../images/c-logo02.png'); } .about-main section .cus-logo .logo03{ background-image: url('../images/c-logo03.png'); } .about-main section .cus-logo .logo04{ background-image: url('../images/c-logo04.png'); } .about-main section .box02 ul{ overflow: hidden; margin: 40px auto 0; width: 880px; } .about-main section .box02 li{ float: left; width: 200px; padding: 20px; margin: 10px; cursor: pointer; box-sizing: border-box; } .about-main article img{ margin-top: 40px; } .cont-main .box{ overflow: hidden; } .cont-main dl{ width: 50%; height: 160px; float: left; overflow: hidden; margin: 0 0 60px 0; } .cont-main dt{ width: 64px; height: 64px; float: left; background: url('../images/Spirit.jpg') no-repeat; } .cont-main .dt02{ background-position: -64px 0; } .cont-main .dt03{ background-position: -128px 0; } .cont-main .dt04{ background-position: -192px; } .cont-main dd{ float: left; width: 400px; margin: 0 0 0 40px; } .cont-main dd h6{ font-size: 24px; padding: 0 0 15px 0; margin: 0 0 20px 0; color: #333333; letter-spacing: 1px; font-family: GeometriaNarrow; background: url("../images/border.jpg") no-repeat left bottom; } .cont-main dd p{ color: #333; font-size: 13px; line-height: 1.7; } .info-main dl{ overflow: hidden; margin: 0 0 40px 0; } .info-main dt{ font-size: 18px; color: #333333; margin: 0 0 20px 0; } .info-main .pic{ float: left; width: 30%; margin: 10px 0 0 0; } .info-main .txt{ float: left; width: 70%; } .info-main dd p{ line-height: 38px; } .news-main section dl{ overflow: hidden; border-bottom: 1px #cccccc dashed; margin: 0 0 20px 0; } .news-main section dt{ float: left; width: 10%; height: 110px; text-align: center; box-sizing: border-box; color: #eb8f1e; } .news-main section dt span{ font-size: 54px; } .news-main section dd{ float: right; width: 90%; padding: 10px 0 0 0; box-sizing: border-box; } .news-main section dd h6{ font-size: 24px; margin: 0 0 10px 0; color: #333333; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .news-main section dd h6:hover{ text-decoration: underline; } .news-main section dd .p1{ font-size: 14px; line-height: 24px; margin: 20px 0 10px 0; } .news-main section dd .p2{ font-size: 16px; text-align: right; color: #eb8f1e; } .newsPage-main section{ float: left; padding: 0 70px; } .newsPage-main section .tit{ margin: 0 0 40px 0; } .newsPage-main section .tit h6{ font-size: 24px; margin: 0 0 40px 0; position: relative; padding-bottom: 40px; } .newsPage-main section .tit h6:before{ content: ''; position: absolute; left: 0; bottom: 0; width: 60px; height: 2px; background: #eb8f1e; } .newsPage-main section .tit p{ font-size: 12px; color: #999999; } .newsPage-main section .tit p i{ color: #eb8f1e; font-size: 14px; margin: 0 6px 0 0; } .newsPage-main section .txt h6{ font-size: 18px; margin: 0 0 40px 0; } .newsPage-main section .txt p{ line-height: 28px; margin: 0 0 40px 0; } .newsPage-main section .txt img{ margin: 0 auto; } .pro-main section{ overflow: hidden; } .pro-main .tab-con{ margin: 60px 0; } .pro-main .tab-con ul{ overflow: hidden; width: 840px; margin: 0 auto; } .pro-main .tab-con li{ float: left; width: 190px; line-height: 35px; margin: 10px; text-align: center; background-color: #f1f1f1; } .pro-main .tab-con li a{ color: #666; display: block; } .pro-main .tab-con .cur a{ color: #fff; background-color: #eb8f1e; } .pro-main section dl{ width: 25%; float: left; padding: 10px; margin-bottom: 40px; border: solid 1px transparent; box-sizing: border-box; } .pro-main section dt{ margin-bottom: 40px; width: 267px; height: 267px; } .pro-main section dd{ height: 38px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .pro-main section dl:hover{ border: solid 1px #eb8f1e; } .tab-main .container{ background: url('../images/bg5.jpg') no-repeat left bottom; } .tab-main ul{ overflow: hidden; width: 900px; margin: 40px auto; } .tab-main li{ width: 160px; float: left; margin: 10px; text-align: center; line-height: 35px; background: #f1f1f1; } .tab-main li a{ display: block; } .tab-main .cur{ background: #eb8f1e; } .tab-main .cur a{ color: #fff; } .tab-main li a{ color: #666; } .deta-pro-main .tit{ margin-bottom: 40px; } .deta-pro-main .tit dl{ overflow: hidden; } .deta-pro-main .tit dt{ float: left; width: 40%; } .deta-pro-main .tit dt .pic{ position: relative; height: 390px; width: 456px; border: solid 1px #ddd; } .deta-pro-main .tit dt .pic img{ position: absolute; height: 100%; display: none; } .deta-pro-main .tit dt ul{ overflow: hidden; margin: 10px 0 0 0; } .deta-pro-main .tit dt li{ width: 107px; float: left; margin: 0 10px 0 0; border: solid 1px #ddd; box-sizing: border-box; } .deta-pro-main .tit dt li:hover{ border: solid 1px #eb8f1e; } .deta-pro-main .tit dd{ float: left; width: 55%; margin-left: 5%; } .deta-pro-main .tit dd h3{ font-size: 24px; padding-bottom: 20px; color: #333; border-bottom: 1px #eee solid; } .deta-pro-main .tit dd .box{ padding: 20px; background: #f3f3f3; } .deta-pro-main .tit dd .box h6{ font-size: 18px; margin: 0 0 20px 0; text-transform: uppercase; } .deta-pro-main .tit dd .box p{ line-height: 28px; margin-bottom: 10px; } .deta-pro-main .tit dd .box b{ width: 4px; height: 4px; margin: 0 8px 4px 0; background: #eb8f1e; border-radius: 50%; display: inline-block; } .deta-pro-main .tit dd a{ width: 200px; line-height: 60px; display: block; background: #eb8f1e; color: #fff; font-size: 18px; text-align: center; } .deta-pro-main section{ margin-bottom: 30px; } .deta-pro-main .con dt{ line-height: 50px; padding-left: 20px; color: #eb8f1e; font-size: 18px; border: 1px #eee solid; background: #f3f3f3; text-transform: uppercase; } .deta-pro-main .con dd{ border: 1px #eee solid; padding: 30px 20px; line-height: 34px; } .deta-pro-main .con-form dt{ background-color: #ffff; border: none; } .deta-pro-main .con-form dd{ padding: 0; border: none; } .deta-pro-main .con table{ width: 100%; text-align: center; } .deta-pro-main .con th{ color: #333; background: #f6f6f6; line-height: 40px; border: 1px #eee solid; } .deta-pro-main .con td{ line-height: 40px; border: 1px #eee solid; } .video-main{ margin: 0; } .video-main section{ padding: 40px 0; background: #ffffff; } .video-main section .tit h6{ font-size: 24px; padding-bottom: 20px; border-bottom: solid 2px #eb8f1e; } .video-main .share-video{ margin-top: 30px; padding-bottom: 20px; border-bottom: 1px #ddd solid; } .video-main section .tit p{ margin: 20px 0 0 0; line-height: 34px; } .sensor-main section{ font-size: 14px; margin: 0 0 50px 0; } .sensor-main section h6{ font-size: 24px; margin-bottom: 20px; color: #eb8f1e; } .sensor-main table{ width: 100%; text-align: center; } .sensor-main table th{ height: 60px; background: #f6f6f6; border: 1px #eee solid; } .sensor-main table td{ border: 1px #eee solid; } .file-main table{ width: 100%; line-height: 50px; text-align: left; text-indent: 2em; } .file-main table th{ color: #fff; border-right: solid 1px #444; background: #313131; } .file-main table td{ border-bottom: solid 1px #ddd; border-right: solid 1px #ddd; } .down-main{ margin: 0; height: 1000px; background: url('../images/download.jpg') no-repeat; } .down-main section{ padding-top: 140px; } .down-main section img{ margin: 0 auto; } .down-main section div{ width: 720px; margin: 120px auto 0; } .down-main section a{ width: 347px; height: 101px; border-radius: 8px; margin: 0 5px; display: inline-block; } .down-main section .android{ background: url('../images/android.png') no-repeat; } .down-main section .apple{ background: url('../images/apple.png') no-repeat; } .FAQ-main{ overflow: hidden; } .FAQ-main aside{ float: left; width: 280px; padding: 20px; box-sizing: border-box; border-right: solid 1px #eee; background: #fff; } .FAQ-main aside h6{ font-size: 20px; color: #333; line-height: 32px; margin-bottom: 20px; padding-bottom: 10px; font-weight: normal; border-bottom: solid 1px #eee; } .FAQ-main aside p{ line-height: 28px; cursor: pointer; margin-bottom: 10px; } .FAQ-main aside .cur{ color: #eb8f1e; } .FAQ-main section{ width: 953px; float: left; display: none; background: #fff; } .FAQ-main section.page{ display: block; } .FAQ-main section li{ border-bottom: solid 1px #eee; } .FAQ-main section li .show{ padding: 20px 30px; overflow: hidden; line-height: 40px; color: #333; } .FAQ-main section li .show:hover{ background: #d0d4d7; } .FAQ-main section li .show p{ float: left; font-size: 19px; } .FAQ-main section li .show span{ float: right; font-size: 34px; } .FAQ-main section li .hide{ line-height: 34px; padding: 20px 40px; background: #f6f6f6; display: none; }