html { min-width: 1170px; overflow-y:scroll; } .padding0 { padding: 0; } /*澶撮儴鍥哄畾*/ .is-sticky #sticktop{ left: 0; width: 100%; z-index:99999; overflow:visible !important; } .is-sticky .access-project{ left: 0; width: 100%; z-index:9999; } /* 淇濊瘉灏忓睆骞曚笅鍥剧墖鍙互鏄剧ず涓棿閮ㄥ垎 */ .carousel-inner { overflow: hidden; width: 100%; height: 554px; } .carousel-inner .item { width: 100%; height: 100%; } .slider-img { display: block; width: 100%; height: 100%; } .carousel-indicators li { margin: 0; width: 12px; height: 12px; border-radius: 50%; border: none; background: #6a6a6a; } .carousel-indicators .active { background: #ff6a5a; border-radius: 50%; } .bg-light { background-color: #fff !important; box-shadow: 0px 1px 6px #eae8e8; } .navbar { height: 81px; background: #fff; border: none; box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.1) !important; } .logo img { width: auto; height: 46px; } .top-img { position: relative; } .icon-container { position: relative; bottom: 0; } .phone { position: absolute; bottom: -70px; } .platform-icon { position: absolute; right: 0; bottom: -60px; } .platform-icon>a { display: inline-block; margin-left: 30px; } .featurette { position: relative; } .featurette-image { position: absolute; width: 183px; height: auto; } .about-content { padding-left: 250px; } .featurette5 .lead{ line-height: 35px; } .featurette6 .lead{ line-height: 40px; letter-spacing: 2px; } .featurette7 .lead{ line-height: 30px; letter-spacing: 2px; } .about-container { padding: 38px 0 38px 0; } .about-title { height: 42px; font-size: 36px; font-family: NotoSansHans-Regular; font-weight: 400; color: #FF5D5D; line-height: 42px; } .sub-about-title { height:24px; font-size:30px; font-family:NotoSansHans-Regular; font-weight:400; color:#FF5D5D; line-height:28px; opacity:0.6; } .sub-about-title i{ margin: 0px 8px; font-style: normal; font-size: 26px; } .lead { font-size: 16px; font-family: MicrosoftYaHei; font-weight: 400; color: #666666; line-height: 28px; margin-bottom: 0; margin-top: 19px; } .no-top { margin-top: 0; } /*瀵艰埅鏍?/ .navbar-nav { float: right; } .navbar-nav>li{ padding: 0 20px; margin-left: 40px; /*border-bottom: 3px solid #f8f8f8; */ } .navbar-nav>li>a { padding: 0; height: 78px; line-height: 78px; font-size: 16px; color: #999 !important; } /*瀵艰埅鏍?/ .navbar-nav>li.active { background: rgba(255,118,118,0.1); border-bottom: 3px solid #FF7676; } .navbar-nav>li.active>a { color: #FF5D5D !important; background: transparent !important; } /*搴曢儴banner*/ .footer { background: #262E3B; } .border-bg { width: 100%; height: 4px; background: #fff url("../img/border.png") repeat; } .copyright { padding: 25px 0 20px 0; text-align: center; font-size: 14px; color: #999; } .cr-link { overflow: hidden; height: 28px; line-height: 28px; margin: 0; color: #999; } .cr-link span{ display: inline-block; width: 104px; height: 14px; line-height: 1; border-right: 1px solid rgba(153,153,153,0.2); } .cr-link span:last-child{ border-right: none; } .cr-link span a{ color: #999; } .cr-link span a:hover{ text-decoration: none; } /*鐗堟潈椤甸潰*/ .top-img img{ max-width: 100%; height: 141px; } /*鑳屾櫙鍥剧墖鏂囧瓧*/ .bg-word { position: absolute; height: 50px; line-height: 50px; top: 50%; margin-top: -25px; padding-left: 220px; margin-bottom: 0; font-size: 35px; color: rgba(255,255,255,.3); } .bg-word span{ font-size: 15px; } .bg-word span i{ margin: 0 8px; } /*鑿滃崟鏍忓瓙椤圭洰*/ .menu-item { position: relative; top: -10px; width: 145px; height: 137px; text-align: center; margin-bottom: 3px; background-color: rgba(153, 153, 153, 0.55); color: #fff; cursor: pointer; } .menu-item.active { background-color: rgba(255, 118, 118, 0.85); } .menu-item i{ display: inline-block; margin-top: 35px; } .menu-item p{ font-size: 16px; font-weight: 400; color: rgba(255,255,255,1); line-height: 46px; } .content-container { position: relative; } .menu-box { position: absolute; } /*鐗堟潈椤甸潰鍐呭*/ .cr-content{ padding-left: 220px; float: right; } .cr-item { margin-top: 70px; margin-bottom: 180px; font-size: 14px; line-height: 26px; } .cr-item .content { color: #666; } .cr-item .date { margin: 0; } .cr-title { font-size: 18px; color: #FF5D5D; margin-top: 50px; padding: 0 10px; border-left: 5px solid rgba(255, 93, 93, 0.31); } .sub-title-main { /* margin-left: 16px; */ margin-bottom: 10px; line-height: 38px; font-size: 14px; color: #999; } .cr-title span { color: rgba(255, 93, 93, 0.6); font-size: 14px; margin-left: 10px; } .top-content { color: #666; font-size: 14px; line-height: 26px; margin-bottom: 20px; margin-top: 5px; } .detail { font-size: 14px; line-height: 26px; /* margin-bottom: 30px; */ } .detail-title { margin-top: 20px; margin-bottom: 0; } .detail-title ul { margin-top: 20px; } .sub-detail-title span, .sub-detail-title p { margin-bottom: 0; } .sub-detail-title li { margin-top: 20px; } .cr-icon { background: url("../img/copyright.png"); } .sprite{ background: url("../img/sprite.png"); } .bq { width: 35px; height: 34px; background-position: -1px -2px; } .sy { width: 31px; height: 32px; background-position: -3px -51px; } .ys { width: 32px; height: 37px; background-position: -3px -190px; } .review { display: inline-block; width: 48px; height: 44px; background: url("../img/icon_review.png") no-repeat; } .menu-item.review-item i { margin-top: 26px; } .triangle { position: absolute; right: 0; width: 36px; height: 84px; background-position: 0 -96px; opacity: 0; } .menu-item.active .triangle{ opacity: 1; } .logo{ width: 137px; height: 47px; background-position: -4px -161px; } .home{ position: relative; top: 4px; display: inline-block; width: 21px; height: 21px; background-image: url("../img/liyong/home.png"); background-size: 100% 100%; margin-right: 8px; } .navbar-nav>li.active .home, .navbar-nav>li.hover .home{ background-image: url("../img/liyong/home_active.png"); } .app-intro{ position: relative; top: 4px; display: inline-block; width: 21px; height: 21px; background-image: url("../img/liyong/detail.png"); background-size: 100% 100%; margin-right: 8px; } .navbar-nav>li.active .app-intro, .navbar-nav>li.hover .app-intro{ background-image: url("../img/liyong/detail_active.png"); } .about{ position: relative; top: 4px; display: inline-block; width: 21px; height: 21px; background-image: url("../img/liyong/about.png"); background-size: 100% 100%; margin-right: 8px; } .navbar-nav>li.active .about, .navbar-nav>li.hover .about{ background-image: url("../img/liyong/about_active.png"); } .icon-box { position: relative; display: inline-block; width: 120px; height: 120px; } .iphone { background-position: -665px 0; } .iphone:hover { background-position: -795px 0; } .android { background-position: -333px 0; } .android:hover { background-position: -463px 0; } .three-six-zero { background-position: -1px 0; } .three-six-zero:hover { background-position: -131px 0; } .open-link { display: block; } /*鍔熻兘鎬ф牱寮?/ .hide { display: none; } .text-align { text-align: center; } .sub-title { margin-top: 10px; }