html,body { height: 100%; } .contain{ min-height: 100%; } .ml-2{ margin-left: 2rem; } /*flex 布局*/ .flex-box{ display: flex; } .flex-column{ display: flex; flex-direction: column; } .shrink-0{ flex-shrink: 0; } flex-1{ flex:1; } /* 导航栏 */ .title-bar{ height: 80px; } .logo-wrap{ padding-top: 15px; position: absolute; top: 0; left: 0; } .logo-wrap .logo{ display: block; margin-left: 100px; width: 214px; height: 57px;; background: url(../images/index/logo.png) no-repeat; } .nav-wrap{ padding-left: 310px; position: absolute; top: 30px; right: 86px; } .nav-wrap .nav li{ margin-right: 20px; } .nav-wrap .nav li a{ color: #626262; cursor: pointer; font: 500 16px/18px "微软雅黑"; } .nav-wrap .nav li a.active{ color: #0982fd; position: relative; } .nav-wrap .nav li a.active:after{ content:''; display: block; position: absolute; left:0; bottom: -5px; width: 100%; border-bottom: 2px solid #0A82FD; } /* 底部 */ .footer{ display: flex; flex-direction: column; justify-content: center; margin-top: -70px; padding-top: 14px; width: 100%; height: 120px; background: #0982fd; font-family: "微软雅黑"; } .footer .text-wrap{ color: #fff; font-size: 0; text-align: center; } .footer .text-wrap .text{ display: inline-block; font-size: 13px; line-height:30px; vertical-align: middle; padding-right: 16px; } /* banner */ .ban1{ background: url(../images/second/banner.jpg) no-repeat center center; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/website/portal/website/images/second/banner.jpg',sizingMethod='scale'); } .ban2{ background: url(../images/customer/banner.jpg) no-repeat center center; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/website/portal/website/images/customer/banner.jpg',sizingMethod='scale'); } .ban3{ background: url(../images/service/banner.jpg) no-repeat center center; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/website/portal/website/images/news/banner.jpg',sizingMethod='scale'); } .ban4{ background: url(../images/joinus/banner.png) no-repeat center center; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/website/portal/website/images/joinus/banner.png',sizingMethod='scale'); } .ban5{ background: url(../images/aboutus/banner.png) no-repeat center center; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/website/portal/website/images/aboutus/banner.png',sizingMethod='scale'); } .ban6{ background: url(../images/contact/banner.png) no-repeat center center; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/website/portal/website/images/contact/banner.png',sizingMethod='scale'); } .banner-wrap{ width: 100%; /*background-color: #526fef;*/ background: url(../images/common/bg.9.png) repeat-x; } .banner{ width: 100vw; height: 200px; margin: 0 auto; /*background-size: 100% 100%; -webkit-background-size: 100% 100%; -moz-background-size: 100% 100%; -o-background-size: 100% 100%; */ } .navigate{ padding: 46px 0 6px 20px; margin-bottom: 30px; font-size: 13px; color: #898989; border-bottom: 1px solid #eee; } /* tab */ .tab{ width: 100%; padding: 3px 0; margin-bottom: 30px; background: #ddd; } .tab .tab-btn{ display: inline-block; height: 35px; width: 175px; background: url(../images/second/title_bg.png) no-repeat 0 -109px; font-size: 0; cursor: pointer; } .tab .tab-btn.active01{ background: url(../images/second/title_bg.png) no-repeat 0 0; } .tab .tab-btn.active02{ background: url(../images/second/title_bg.png) no-repeat 0 -36px; } .tab .tab-btn.active03{ background: url(../images/second/title_bg.png) no-repeat 0 -72px; } .tab .tab-btn .icon{ display: inline-block; margin-top: 5px; margin-left: 6px; width: 24px; height: 24px; } .icon01{ background: url(../images/second/icon.png) no-repeat 0 0; } .icon02{ background: url(../images/second/icon.png) no-repeat -24px 0; } .icon03{ background: url(../images/second/icon.png) no-repeat -48px 0; } .icon04{ background: url(../images/news/icon.png) no-repeat 0 0; } .icon05{ background: url(../images/news/icon.png) no-repeat -24px 0; } .tab .tab-btn .tab-text{ display: inline-block; margin-top: 10px; margin-left: 18px; font-size: 16px; vertical-align: top; color: #fff; font-weight: 700; } .main { width: 966px; margin: 0 auto; padding-bottom: 70px; box-sizing: border-box; } .menu{ margin-top: 70px; width: 156px; /*position: relative;*/ } .main.p-fix{ padding-left: 156px; } .menu.fix-bar{ position: fixed; margin-top: 0; height: 100%; top: 0; left: 0; } .menu.fix-bar .menu-p{ margin-top: 70px; } .menu .menu-p{ /*position: fixed;*/ /*top: 0;*/ /*left: 0;*/ } .menu .btn-title{ height: 44px; line-height: 44px; color: #fff; font-size: 16px; } .tabbar{ padding-top: 4px; } .tabbar .choose{ height: 32px; line-height: 32px; color: #959392; font-size: 14px; } .menu .btn-title, .tabbar .choose { width: 136px; text-align: center; cursor: pointer; } .tabbar .choose.active{ color: #0982fd; } /* 分页 */ .paginate{ padding-top: 50px; height: 110px; width: 350px; margin: 0 auto; } .M-box{ float: right; } /* 回到顶部 */ .relative{position:relative;top:0;left:0;} /*asid_share*/ .asid_share { position: fixed; width: 40px; bottom: 140px; right: 0; z-index: 890; } *html #asid_share { position: absolute; top: expression(documentElement.scrollTop + "px"); margin: 300px 0 0 0; } .asid_share .asid_share_box { width: 100%; margin-bottom: 3px; background: #d9d9d9; text-align: center; } .asid_share .asid_share_box a { display: block; height: 30px; padding-top: 10px; } .asid_share .asid_share_box a:hover { background: #0982fd; text-decoration: none; } .asid_share .asid_share_box a:hover .asid_title, .asid_share .asid_share_box .asid_title { color: #fff; font-size: 12px; display: block; padding-left: 6px; line-height: 18px; width: 30px; margin-top: -8px; } .asid_share .red_bag { background: #1267AA; text-decoration: none; } .asid_share .asid_sha_layer { position: absolute; right: 40px; bottom: 0; z-index: 101; } .asid_share .asid_sha_layer .qrcode_wrap{ margin-right: 6px; background: #1267AA; } .asid_share .asid_sha_layer .qrcode_wrap .pb6{ color: #fff; padding-bottom:14px; } .sweep_img { padding: 10px; } /*.asid_share_box .asid_help_list li{line-height:26px;height:26px;background:url(../images/dian.png) no-repeat 6px 12px;}*/ .asid_share_box .asid_help_list li a { margin-right: 6px; padding: 0; height: 40px; line-height: 40px; text-align: center; color: #fff; background: #1267AA; } .asid_help_list li a:hover { color: #fff; } .asid_share_triangle { width: 12px; height: 40px; position: absolute; right: 45px; bottom: -12px; z-index: 100; } .border_sj, .con_sj { display: block; width: 18px; height: 28px; font-size: 18px; overflow: hidden; font-family: SimSun; } .border_sj { color: #1267AA; font-style: normal; } .con_sj { color: #1267AA; margin: -14px -2px 0 0; margin: -28px 0 0 -2px; } /* color */ .dark_grey{ color: #626262; } .french_grey{ /*color: #959392;*/ color: #898989; } .light_blud{ color: #0982fd; } .bg_color{ background: #f5f5f5; } .main_color{ background: #0982fd; } .text-overflow{ /*white-space: nowrap;*/ overflow: hidden; text-overflow: ellipsis; text-align: left; display: -webkit-box; line-clamp: 3; -webkit-line-clamp: 3; box-orient: vertical; -webkit-box-orient: vertical; } .text-ellipsis{ position: relative; overflow: hidden; } .text-ellipsis:after{ content: "..."; position: absolute; bottom: 0; right: 0; padding-left: 15px; background: -webkit-linear-gradient(left, transparent, #fff 55%); background: -o-linear-gradient(right, transparent, #fff 55%); background: -moz-linear-gradient(right, transparent, #fff 55%); background: linear-gradient(to right, transparent, #fff 55%); font-family: "微软雅黑"; } .m-auto{ margin-left: auto; margin-right: auto; } .text-center{ text-align: center; } /*通用文章格式*/ .c-content .article-img{ margin-bottom: 2rem; } .c-content .text{ font-size: 16px; line-height: 1.8; margin-bottom: 2rem; font-family: 'Microsoft YaHei UI'; } .c-content .text-tit{ font-size: 16px; line-height: 2.2; margin-bottom: 1rem; margin-top: 1.4rem; font-weight: bold; font-family: 'Microsoft YaHei UI'; } .c-content .section-title{ font-size: 18px; line-height: 2.2; margin-bottom: 1rem; font-weight: bold; font-family: 'Microsoft YaHei UI'; } .point{ display: inline-block; width: 8px; height: 8px; vertical-align: 1px; margin-right: .5rem; background: #898989; border-radius: 50%; } .point-check{ display: inline-block; margin-right: 1rem; width: 14px; height: 14px; background: url("../images/second/point-check.png") no-repeat center center; } .point-square{ display: inline-block; width: 9px; height: 9px; vertical-align: 1px; margin-right: .5rem; background: #898989; border-radius: 2px; transform: rotate(45deg); } .article-img-with-sub img{ max-width: 100%; } .article-img-with-sub .img-sub{ margin-top: .5rem; margin-bottom: 2rem; font-size: 14px; color: #898989; line-height: 2; text-align: center; } /*页签切换*/ .tab-content-page{ display: none; }