@charset "utf-8"; /* CSS Document */ html { font-family: PingFang-SC-Regular,'Helvetica Neue',Helvetica,'microsoft yahei'; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; color: #333; } html * { outline: 0; -webkit-text-size-adjust: none; tap-highlight-color: rgba(0,0,0,.05); -webkit-tap-highlight-color: rgba(0,0,0,.05); -ms-tap-highlight-color: rgba(0,0,0,.05) } :root { overflow-y: scroll; } body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { margin: 0; padding: 0; } body { overflow-scrolling: touch; -webkit-overflow-scrolling: touch; line-height: 1.5; font-size: 0.52rem; max-width: 750px; margin: 0 auto; min-height: 100%; background: #f7f7f7; font-family: PingFang-SC-Regular, 'Helvetica Neue', Helvetica, 'microsoft yahei'; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } fieldset, img { border: 0; } img { vertical-align: middle; } :focus { outline: 0; } address, caption, cite, code, dfn, em, b, i, th, var, optgroup { font-style: normal; } h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; } abbr, acronym { border: 0; font-variant: normal; } input, button, textarea, select, optgroup, option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; } textarea { overflow: auto; } code, kbd, samp, tt { font-size: 100%; } input, button, textarea, select { *font-size: 100%; } ol, ul, li { list-style: none; } table { border-collapse: collapse; border-spacing: 0; } a { text-decoration: none; color: #333; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; } a:hover{text-decoration:none; color:#A17B76;} caption, th { text-align: left; } sup, sub { font-size: 100%; vertical-align: baseline; } :link, :visited, ins { text-decoration: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } * { -webkit-tap-highlight-color: rgba(255, 255, 255, 0); } input, textarea { -webkit-appearance: none; border:none; } button { background: none; } em,i { font-style:normal; text-transform:uppercase; } a,a:focus { outline:none; } .noBg { background:none!important; } .noBd { border:0!important; } .noMg { margin: 0!important; } .fl { float:left; } .fr { float:right; } .noPd { padding: 0!important; } .clearfix:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; overflow:hidden; } .clearfix { display: block } @media (min-width: 319px) { html { font-size: 21px; } } @media (min-width: 359px) { html { font-size: 24px; } } @media (min-width: 374px) { html { font-size: 25px; } } @media (min-width: 413px) { html { font-size: 27px; } } @media (min-width: 479px) { html { font-size: 32px; } } @media (min-width: 639px) { html { font-size: 36px; } } @media (min-width: 749px) { html { font-size: 38px; } } .mg_b4 { margin-bottom:0.4rem; } /*header*/ .head_bg { background:#A17B76; padding:0 0.5rem; height:3.5rem; box-sizing:border-box; position:relative; z-index:9; } .head_top { height:2.4rem; } .logo { height: 1.2rem; width:6.0rem; margin-top:0.6rem; float: left; display:block; line-height:1.2rem; font-size:1.0rem; color:#fff; font-weight:bold; } .logo a { color:#fff;} .logo img { height:100%; } .menu { float:right; width:0.9rem; height:1.0rem; margin-top:0.7rem; } .menu_icon { display:block; width: 100%; height: 2px; background: #fff; margin: 0.4rem auto; position: relative; } .menu_icon::before{ position: absolute; top: -8px; content: ''; width: 100%; height: 2px; background: #fff; } .menu_icon::after{ position: absolute; bottom: -8px; content: ''; width: 100%; height: 2px; background: #fff; } .index_menu { width:100%; background:#fff; box-shadow: 0px 1px 6px 0px rgba(0,69,1,0.1); border-radius: 0.2rem; box-sizing: border-box; height:2.0rem; overflow:hidden; } .index_menu .navbar { width:100%; } .index_menu .navbar li { width:16.6%; float:left; text-align:center; font-size:0.65rem; line-height:1.3rem; overflow:hidden; } /*index star*/ .tech_banner { width:100%; height:8.2rem; overflow:hidden;} .tech_banner .swiper-container{ width:100%; height:8.2rem; overflow:hidden;} .tech_banner .swiper-slide { position:relative; } .tech_banner .swiper-slide img{width:100%; height:100%;} .tech_banner .swiper-slide p { position:absolute; width:100%; box-sizing:border-box; padding:0 3%; height:1.6rem; line-height:1.6rem; color: #fff; left:0; bottom: 0; background:rgba(0,0,0,.4)} .tech_banner .swiper-slide p b { display:block; width:85%; font-weight:normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size:0.6rem; } .tech_banner .swiper-pagination { bottom:15px!important; text-align:right !important; color:#fff; font-size: 0.4rem;} .tech_banner .swiper-pagination-bullet { background:#fff; margin:0 6px 0 0!important;} .index_slider { width:100%; } .index_box { padding:0 0.5rem; margin-bottom:0.4rem; background:#fff; } .box1_new li { height:1.8rem; line-height: 1.8rem; font-size:0.6rem; overflow: hidden; border-bottom: 1px solid #f2f2f2; text-overflow: ellipsis; white-space: nowrap; } .box1_new li:last-child { border-bottom:none; } .box1_new li i { display: block; float: left; width: 0.8rem; height: 0.8rem; background: #EB2E2E; color: #fff; margin-top: 0.6rem; text-align: center; line-height: 0.8rem; font-size: 0.5rem; border-radius: 0.1rem; } .box1_new li b { display: block; float: right; font-weight: normal; text-overflow: ellipsis; white-space: nowrap; width:-webkit-calc(100% - 1.1rem); width:-moz-calc(100% - 1.1rem); width:calc(100% - 1.1rem); overflow: hidden; } .sec_tit { height: 1.5rem; line-height: 1.5rem; font-size:0.75rem; font-weight:bold; } .index_pd { padding:0.3rem 0.5rem; } .index_yw {} .index_yw li { padding:0 0 0.2rem 0; } .index_yw li:first-child { padding-top:0; } .index_yw li h3 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height:1.4rem; height:1.4rem; font-size:0.65rem; } .video_i { display: block; float: left; width: 0.7rem; height: 0.7rem; background: url(../images/video_icon.png) center center no-repeat; background-size:auto 100%; margin-top:0.35rem; margin-right:0.25rem; } .index_yw li h3 span { display:block; float:left; width:1.0rem; height:1.0rem; background:#EB2E2E; color:#fff; margin-top:0.2rem; text-align:center; line-height:1.0rem; font-size:0.5rem; border-radius:0.1rem; } .index_yw li h3 b { display:block; float:right; font-weight: normal; text-overflow: ellipsis; white-space: nowrap; width: calc(100% - 1.3rem); overflow: hidden; } .indextop_hot { } .indextop_hot_t { height: 1.6rem; line-height: 1.6rem; overflow: hidden; background: #F5F5F5; margin-top:0.2rem; } .indextop_hot_t .ihottit { float: left; background: #A17B76; color: #FFF; width: 2.0rem; text-align: center; font-size: 0.6rem; } .indextop_hot_t .swiper-container { float: right; font-weight: normal; font-size: 0.6rem; width: -webkit-calc(100% - 2.6rem); width: -moz-calc(100% - 2.6rem); width: calc(100% - 2.6rem); overflow: hidden; margin-right: 0.2rem; } .indextop_hot_t .swiper-slide { height:1.6rem; line-height:1.6rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .indextop_hot ul { height: 6.5rem; overflow: hidden; margin-top: 0.3rem; margin-bottom: 0.4rem; } .indextop_hot ul:last-child { margin-bottom:0; } .indextop_hot ul li { font-size: 0.6rem; height: 1.3rem; line-height: 1.3rem; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; position: relative; z-index: 1; padding-left: 15px; } .indextop_hot ul li:before { content: ""; position: absolute; left: 0; top: 50%; width: 4px; height: 4px; background: #bbb; margin-top: -2px; } .index_yw li .cla { font-size:0.5rem; color:#999; height:1.0rem; } .index_yw li .cla a { color:#b9b9b9; } .index_yw li .cla span { display:block; float:left; border:1px solid #9caefb; height:0.8rem; line-height:0.8rem; padding:0 0.3rem; margin-right:0.8rem; color:#A17B76; } .index_yw li .cla span a { color:#A17B76; } .index_yw li .cla i { float:left; line-height:0.9rem; } .index_yw li .cla i a { display:block; float:left; margin-right:0.5rem; } .advert { width:100%; } .advert img { width:100%; } .sec_recom { padding:0.3rem 0 0.2rem 0;} .sec_recom li { width:-webkit-calc(50% - 5px); width:-moz-calc(50% - 5px); width:calc(50% - 5px); float:left; height:5.0rem; position:relative; z-index:1; overflow:hidden; border-radius:0.3rem; } .sec_recom li img { height: 100%; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; } .sec_recom li:nth-child(2n) { float:right; } .sec_recom li h3 { position: absolute; left: 0; bottom: 0; z-index: 5; background: linear-gradient(to top, rgb(0, 0, 0), transparent); width: 100%; color: #FFF; box-sizing: border-box; padding: 0 0.3rem 0 0.5rem; overflow: hidden; height: 1.6rem; line-height:1.6rem; font-size:0.6rem; } .sec_top { height: 1.6rem; line-height: 1.6rem; } .sec_top .theme { font-size:0.7rem; font-weight:bold; float:left; } .sec_top .theme { font-size:0.7rem; font-weight:bold; float:left; } .sec_top .tabs { float:right; font-size:0.6rem; } .sec_top .tabs li { display:inline-block; margin:0 0 0 0.5rem; } .sec_top .tabs li a { color:#909090; } .sec_list {} .sec_list li { padding:0.5rem 0; border-bottom:1px solid #eee; } .sec_list li:last-child { border-bottom:none; } .sec_list .news_info { width:-webkit-calc(100% - 5.5rem); width:-moz-calc(100% - 5.5rem); width:calc(100% - 5.5rem); float:right; } .sec_list .news_info h3 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; line-height:0.95rem; font-size:0.65rem; } .sec_list .news_info .bot { font-size:0.5rem; color:#b9b9b9; line-height:1.0rem; height:1.0rem; margin-top:0.3rem; overflow:hidden; } .sec_list .news_info .bot span { display:block; float:left; width:2.0rem; } .sec_list .news_info .bot i { width:-webkit-calc(100% - 2.0rem); width:-moz-calc(100% - 2.0rem); width:calc(100% - 2.0rem); float:left; } .sec_list .news_info .bot i, .sec_list .news_info .bot a { display:block; float:left; } .sec_list .news_info .bot i { display:none; } .sec_list .news_info .bot a { color:#b9b9b9; margin-right:0.35rem; } .sec_list .news_info .time { font-size:0.5rem; color:#b9b9b9; line-height:1.0rem; height:1.0rem; margin-top:0.3rem; } .sec_list .news_pic { width:5.0rem; height:3.2rem; overflow:hidden; float:left; position:relative; z-index:1; border-radius:0.2rem; } .sec_list .news_pic img { height:100%; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; z-index:5; } .sec_list .news_pic i { display:block; z-index:9; position:absolute; right:0.2rem; bottom:0.2rem; background-color:rgba(0,0,0,.7); line-height:0.8rem; font-size:0.45rem; color:#FFF; padding:0 0.2rem; border-radius:0.15rem; } .enter_channel { display:block; text-align:center; font-size:0.56rem; color:#A17B76; padding:0.6rem 0 0.2rem 0; line-height:1.0rem; border-top:1px solid #eee; } .sec_pics { width:100%; margin-top:0.2rem; } .sec_pics li { float:left; width:-webkit-calc(50% - 0.3rem); width:-moz-calc(50% - 0.3rem); width:calc(50% - 0.3rem); } .sec_pics li:nth-child(2n) { float:right; } .sec_pics li span { display:block; width:100%; height:3.6rem; overflow:hidden; position:relative; background:#f2f2f2; border-radius:0.3rem; } .sec_pics li span img { height:100%; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; } .sec_pics li p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size:0.6rem; line-height:1.2rem; height:1.2rem; margin-top:0.2rem; } .sec_single { border-top:1px solid #e5e5e5; margin-top:0.4rem; } .sec_single li { height:1.8rem; line-height:1.8rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size:0.65rem; border-bottom:1px dotted #ccc; } .sec_single li:last-child { border-bottom:none; } .links { padding:0.2rem 0.5rem; background:#FFF; margin-bottom:0.5rem; } .links h4 { position: relative; font-weight: 700; font-size: 0.7rem; line-height:1.6rem; } .links_c { font-size: 0.56rem; padding-bottom:0.2rem; } .links_c a { color: #888; margin-right: 0.5rem; line-height:1.0rem; display: block; float: left; } .copyright { font-size: 0.56rem; padding: 0.5rem 0; line-height: 0.8rem; color: #B7BBC2; text-align: center; } /*index end*/ .xl-btn { width:10%!important; height:2.0rem; position:absolute!important; z-index:11; right:0; top:0.1rem; } .xl-btn i { position: absolute; left:50%; margin-left: -8px; top:0.8rem; display:block; width:16px; height: 10px; background: url(../images/ico-3.jpg) no-repeat center 0; background-size:100% 200%; } .s-on { -webkit-transform: rotateZ(-180deg); } .s-box { display:none; position:absolute; top:2.2rem; padding:0.2rem 0; z-index:99; background: #F9F9F9; border-top: 1px solid #e5e5e5; width:100%; box-sizing:border-box; } .s-box_menu { padding:0.4rem 0 0 0; } .s-box_menu li { width: 25%; float: left; text-align: center; margin-bottom:0.4rem; } .s-box_menu li a { background: #ddd; display: block; height: 1.5rem; line-height: 1.5rem; border-radius: 0.8rem; width:-webkit-calc(100% - 0.4rem); width:-moz-calc(100% - 0.4rem); width:calc(100% - 0.4rem); margin:0 0.2rem; font-size:0.75rem; } .common_foot { color: #999; background-color: #232329; } .common_foot a { display: block; color: #999; } .common_foot .footer-panel { } .common_foot .footer-panel ul { line-height:2.0rem; font-size:0.7rem; text-align:center; } .common_foot .footer-panel li { display:inline-block; margin:0 0.5rem; } .common_foot .footer-info { font-size: 0.7rem; padding-bottom:0.5rem; text-align: center; } /*index*/ .notice { width: 298px; border: 1px solid #d5d5d5; overflow: hidden; } .notice .tab-hd { height: 29px; background-color: #eee; margin-bottom: -1px; color: #404040; } .notice .tab-hd ul { padding-top: 4px; margin-left: 7px; } .notice .tab-hd li{ float: left; height: 24px; line-height: 18px; border-top: 1px solid #eee; } .notice .tab-hd li a{ display:block; padding:0 14px; } .notice .tab-hd li a:hover{ color:#f60; text-decoration:underline; } .notice .tab-hd li.on{ border: 1px solid #d5d5d5; border-bottom: none; background-color: #fff; font-weight: bold; position: relative; margin-left: -1px; margin-right: -1px; } .notice .tab-bd { border-top: 1px solid #e8e8e8; padding:5px; } .notice .tab-bd ul{ overflow:hidden; zoom:1; } .notice .tab-bd li { height: 22px; line-height: 22px; padding: 0 10px 0 5px; overflow: hidden; width: 125px; float: left; } .find_nav_left { position: relative; height: 2.2rem; line-height: 2.2rem; border-bottom: 1px solid #dddddd; } .find_nav_list { position: absolute; width:100%; left: 0; } .find_nav_list ul { position: relative; white-space: nowrap; font-size: 0; } .find_nav_list ul li { float:left; width:50%; } .find_nav_list ul li i { display: block; width: 100%; height: 100%; font-size: 0.9rem; text-align: center; color: #444; } .find_nav_cur i { color: #FF552E !important; font-weight:bold; position:relative; z-index:1; } /*.find_nav_list i.active { color:#FF552E; }*/ .find_nav_cur i:before { position: absolute; display: block; content: " "; width: 3.4rem; height: 3px; background: #FF552E; left: 50%; margin-left: -1.7rem; bottom: -2px; } .li_list {} .swipe {} .yxtab-hd { height:2.2rem; line-height:2.2rem; border-bottom: 1px solid #dddddd; } .yxtab-hd li{ position: relative; width:50%; float: left; text-align: center; font-size: 0.9rem; color: #444; } .yxtab-hd li.cur:after{ position: absolute; display: block; content: " "; width: 3.4rem; height: 3px; background: #FF552E; left:50%; margin-left: -1.7rem; bottom:-2px; } .yxtab-hd li.cur{ color:#FF552E; font-weight:bold; } .yxtab-bd { display:none; } .yxtab-on { display:block } .box1_nlist { padding-top:0.2rem; height:15.8rem; overflow:hidden; } .box1_nlist h3 { height: 2.2rem; line-height: 2.2rem; font-size: 0.75rem; overflow: hidden; border-bottom: 1px solid #f2f2f2; text-overflow: ellipsis; white-space: nowrap; position:relative; z-index:1; padding-left:15px; } .box1_nlist h3:before { content:""; position:absolute; left:0; width:5px; height:5px; background:#E5E5E5; border-radius:50%; z-index:9; top:50%; margin-top:-2px; } .box1_nlist li:last-child { border-bottom:none; } .box1_pics { padding-top:0.5rem; height:15.5rem; overflow:hidden; } .box1_pics dl { width:-webkit-calc(50% - 0.3rem); width:-moz-calc(50% - 0.3rem); width:calc(50% - 0.3rem); float: left; overflow: hidden; margin-top:0.2rem; } .box1_pics dl:nth-child(2n) { float:right; } .box1_pics dt { width: 100%; height: 5.6rem; overflow: hidden; display: block; position:relative; z-index:1; } .box1_pics dt img{ position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; height:100%; } .box1_pics dt i { display:block; position:absolute; z-index:5; background:url(../images/video.png) no-repeat center; background-size:100% 100%; width:2.2rem; height:2.2rem; right:50%; top:50%; margin-right:-1.1rem; margin-top:-1.1rem; } .box1_pics dd { font-size: 0.75rem; height: 1.8rem; line-height: 1.8rem; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .index_title { border-top: 2px #FDD000 solid; position:relative; z-index:1; line-height:2.2rem; height:2.4rem; } .index_title .name { display:block; position: absolute; z-index:9; left: 0.6rem; top: -2px; border-top: 2px solid #FF552E; font-size: 1.0rem; color: #ff3d3d; } .index_title .menutag { position:absolute; z-index:9; right:0; font-size:0.7rem; } .index_title .menutag a { color:#777; margin-right:0.5rem; } .box2_main { margin:0 0.6rem; } .box2_pics { height:12.2rem; overflow:hidden; } .box2_pics li { width:-webkit-calc(33% - 0.3rem); width:-moz-calc(33% - 0.3rem); width:calc(33% - 0.3rem); float: left; overflow: hidden; margin-bottom:0.3rem; margin-right:0.5rem; } .box2_pics li:nth-child(3n) { float:right; margin-right:0; } .box2_pics li span { width: 100%; height: 4.0rem; overflow: hidden; display: block; position:relative; z-index:1; } .box2_pics li span img{ position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; height:100%; } .box2_pics li span i { position:absolute; z-index:11; width:1.4rem; height:1.4rem; background:url(../images/video.png) no-repeat center; background-size:100% auto; right:0.4rem; bottom:0.4rem; } .box2_pics li p { font-size: 0.75rem; height: 1.8rem; line-height: 1.8rem; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .box2_list { overflow:hidden; border-top: 1px solid #f2f2f2; } .box2_list li { height: 2.2rem; line-height: 2.2rem; font-size: 0.75rem; overflow: hidden; border-bottom: 1px dotted #eee; text-overflow: ellipsis; white-space: nowrap; background:url(../images/ss1.png) no-repeat left center; background-size:1.0rem auto; padding-left:1.3rem; } .clickmore { display: block; width: 100%; font-size: 14px; height: 40px; line-height: 40px; color:#E946; text-align: center; vertical-align: middle; } .clickmore i { display: inline-block; background: url(../images/ico-6.jpg) no-repeat center top; width:13px; height: 10px; margin-left: 5px; background-size: cover; } .index_jm { width:100%; background:#FFF; margin-bottom:0.5rem; } .jm_title { font-size:0.8rem; line-height:2.0rem; font-weight:bold; } .jmbar { height: 6.0rem; overflow:hidden; } .jmbar div { width: 100%; overflow-x: auto; overflow-y: hidden; white-space: nowrap; vertical-align: top } .jmbar a { display: inline-block; color: #666; width:6.0rem; margin:0 0.6rem 0 0; } .jmbar a:last-child { margin:0; } .jmbar span { display:block; width:100%; height:4.0rem; overflow:hidden; position:relative; z-index:1; border:1px solid #eee; } .jmbar span img{ width: 100%; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; } .jmbar b { display:block; height:1.8rem; line-height:1.8rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight:normal; font-size:0.7rem; } /*视频列表*/ .sposi { height:2.2rem; line-height:2.2rem; font-size:0.7rem; padding:0 0.6rem; overflow:hidden; } .sposi a { margin:0 0.3rem; } .video_all { } .video_all li { border-bottom: 1px solid #ebebeb; padding-top:0.6rem; } .video_all li:first-child { padding-top:0; } .video_all li:last-child { border-bottom:none; } .video_all li h3 { font-size:0.66rem; line-height:0.9rem; margin-bottom:0.5rem; } .video_all .pic_p { width:100%; height:8.0rem; overflow:hidden; position: relative; z-index:1; background:#eee; } .video_all .pic_p .time_num { display:block; position: absolute; bottom: 0.5rem; right: 0.5rem; background: rgba(0,0,0,.7); color: #fff; height: 1.0rem; line-height: 1.0rem; padding: 0 0.4rem; border-radius: 0.5rem; font-size: 0.5rem; z-index: 11; } .video_all .pic_p .play { display: block; position: absolute; z-index: 5; background: url(../images/video.png) no-repeat center; background-size: 100% 100%; width: 2.6rem; height: 2.6rem; right: 50%; top: 50%; margin-right: -1.3rem; margin-top: -1.3rem; } .video_all .pic_p img { position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; width:100%; z-index:5; } .video_tags { padding:0.5rem 0; display:none; } .video_tags .tag { } .video_tags .tag a { display:inline-block; background: #eee; height: 1.0rem; line-height: 1.0rem; border-radius: 0.6rem; padding: 0 0.5rem; font-size: 0.5rem; margin-right:0.24rem; color:#777; } .video_tags .time { font-size: 0.5rem; color:#999; line-height: 1.0rem; } /*page*/ .pages { text-align:center; padding:0.6rem 0.5rem 0.8rem 0.5rem; font-size:0.7rem; } .pages li { display:inline-block; } .pages a { border: 1px solid #DDDDDD; padding: 0.1rem 0.4rem; border-radius: 0.2rem; background: #FFF; display: block; } .pages span { border:1px solid #DDDDDD; padding: 0.1rem 0.4rem; border-radius:0.2rem; background:#FFF; display:block; } .pages li.active span { border: 1px solid #FF552E; padding: 0.1rem 0.4rem; border-radius: 0.2rem; background: #ffebe6; color: #FF552E; } /*资讯列表*/ .news_all { margin:0 0.6rem; } .news_all li { position: relative; padding: 0.65rem 0; border-bottom: 1px solid #f2f2f2; } .news_all li a { display: block; overflow: hidden; } .news_all li .pic { width: 5.5rem; float: right; height:3.4rem; position:relative; z-index:1; margin-left:0.5rem; background:#eee; } .news_all li .pic img { width: 100%; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; } .news_all li .title { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; font-size: 0.8rem; max-height: 2.2rem; line-height: 1.1rem; margin-top:-0.1rem; } .news_all li .times { display:block; font-size: 0.65rem; color: #999; height: 1.0rem; line-height: 1.0rem; margin-top: 0.2rem; } .channel_all { margin:0 0.6rem; } .channel_all li { position: relative; padding: 0.65rem 0; border-bottom: 1px solid #f2f2f2; } .channel_all li a { display: block; overflow: hidden; } .channel_all li .pic { width: 5.5rem; float: left; height:3.4rem; position:relative; z-index:1; margin-right:0.5rem; background:#eee; } .channel_all li .pic img { width: 100%; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; } .channel_all li .pic i { display:block; position:absolute; right:0.2rem; bottom:0.2rem; background-color:rgba(0,0,0,.5); color:#FFF; padding:0 0.3rem; border-radius:0.2rem; font-size:0.5rem; line-height:1.0rem; } .channel_all li .title { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; font-size: 0.8rem; max-height: 2.2rem; line-height: 1.1rem; } .channel_all li .times { display:block; font-size: 0.65rem; color: #999; height: 1.0rem; line-height: 1.0rem; margin-top: 0.2rem; } /*资讯详情*/ .news_detail { border-top: 2px #FDD000 solid; background:#fff; width:100%; box-sizing:border-box; padding:0.5rem 0.6rem; } .article_tit { font-size: 1.1rem; font-weight: 700; color: #181818; line-height: 1.7rem; } .article_info { overflow: hidden; font-size:0.65rem; color:#999; line-height:1.5rem; padding:0.3rem 0; border-bottom:1px solid #eee; } .article_content { padding:0.5rem 0; font-size: 0.82rem; word-break: break-all; word-wrap: break-word; text-align: justify; line-height: 1.5em; } .article_content img { max-width:100%; } .article_content p { padding:0.5rem 0; } /*视频详情*/ .video_detail_top { width:100%; height:10.5rem; overflow:hidden; } .video_detail { background:#fff; width:100%; box-sizing:border-box; padding:0.5rem 0.6rem; margin-bottom:0.7rem; } .atags { padding-top: 0.4rem; height: 1.2rem; line-height: 1.2rem; } .atags a { display: block; float: left; background: #eee; color: #777; font-size: 0.65rem; padding: 0 0.5rem; border-radius: 0.6rem; margin-right: 0.5rem; } .otherProduct_img { width: 5.0rem; height: 5.0rem; float: left; border: 1px solid #eee; overflow: hidden; position: relative; z-index: 1; margin-right:0.5rem; } .otherProduct_img img { height: 100%; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; } .otherProduct_txt .title { color: #222; font-size: 0.8rem; line-height: 1.1rem; max-height:2.2rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; } .otherProduct_txt .tas { margin-top: 10px; font-size: 0.65rem; color: #666; line-height: 1.1rem; } .otherProduct_txt .tas span { display: block; } .tag_list { padding:0.5rem 0 0.6rem 0; } .tag_list a { font-size: 14px; color: #3686f1; height: 24px; line-height: 24px; border: 1px solid #afcff9; padding: 0 6px; border-radius: 2px; float: left; margin-right: 7px; } .video_ano { } .video_ano li { position: relative; padding: 0.65rem 0; border-bottom: 1px solid #f2f2f2; } .video_ano li a { display: block; overflow: hidden; } .video_ano li .pic { width: 5.5rem; float: left; height:3.4rem; position:relative; z-index:1; margin-right:0.5rem; background:#eee; } .video_ano li .pic img { width: 100%; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; } .video_ano li .pic i { position: absolute; bottom: 0.4rem; right: 0.3rem; background: rgba(0,0,0,.7); color: #fff; height: 1.0rem; line-height: 1.0rem; padding: 0 0.4rem; border-radius: 0.5rem; font-size: 0.55rem; z-index: 11; } .video_ano li .title { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; font-size: 0.8rem; max-height: 2.2rem; line-height: 1.1rem; } .video_ano li .times { display:block; font-size: 0.65rem; color: #999; height: 1.0rem; line-height: 1.0rem; margin-top: 0.2rem; } .video_ano li:first-child { padding-top:0; } .video_ano li:last-child { border-bottom:none; } .snavbar { height: 2.4rem; line-height: 2.4rem; padding: 0 0.1rem; background: #fff; margin-bottom: 0.3rem; } .snavbar div { width: 100%; overflow-x: auto; overflow-y: hidden; white-space: nowrap; vertical-align: top; } .snavbar a { display: inline-block; padding: 0 0.4rem; white-space: nowrap; font-size: 0.75rem; color: #666; } .snavbar a.current { color:#FF552E; } .snav_tab { width: 100%; display: flex; flex-direction: row; border-bottom: 1px solid #f0f0f0; text-align: center; padding: 0.3rem 0 0.6rem 0; margin-bottom:0.6rem; } .snav_tab li { flex: 1; line-height: 1.5rem; } .snav_tab li i { display: block; width: -webkit-calc(100% - 0.4rem); width: -moz-calc(100% - 0.4rem); width: calc(100% - 0.4rem); margin: 0 0.2rem; background: #f0f0f0; border-radius: 5px; font-size: 0.65rem; } .snav_tab li a { display: block; } .snav_tab li i.current { background: #7D9BFC; color: #FFF; } .snav_tab li i.current a { color: #FFF; } .snav_tab li:first-child i { margin-left:0; } .snav_tab li:last-child i { margin-right:0; float:right; } /*说明书*/ .choose_tab { position:relative; z-index:1; } .topmenu{ width:100%; position:relative; z-index:9; } .topmenu dt{ width:-webkit-calc(50% - 1px); width:-moz-calc(50% - 1px); width:calc(50% - 1px); float:left; border-left:1px solid #e5e5e5; } .topmenu dt:first-child { border-left:none; } .selectlist{ width:100%; height:auto; box-sizing: border-box; } .select_textdiv{ height:2rem; width:100%; line-height: 2rem; text-align: center; position:relative; font-size:0.75rem; border-bottom: 1px solid #e5e5e5; } .s_text { position:relative; z-index:1; } .s_text:before { content:""; position: absolute; top: 50%; right: 10%; width: 6px; height: 6px; border-style: solid; border-width: 1px 1px 0 0; border-color: #ababab; -webkit-transform-origin: 75% 25%; -webkit-transform: rotateZ(135deg); -webkit-transition: 100ms ease-in .1s; transition: 100ms ease-in .1s; } .select_textul{ width:100%; box-sizing: border-box; display: none; width: 100%; max-height: 20rem; overflow-y: scroll; background:#FFF; font-size:0.7rem; text-align:center; } .select_first_ul{ width: 100%; position: absolute; box-sizing: border-box; left: 0; background:#FFF; border-bottom:1px solid #e5e5e5; padding:0.5rem 0.1rem 0.3rem 0.1rem; } .select_first_ul>li{ width:33%; float:left; line-height:2.0rem; height:2.0rem; margin-bottom:0.3rem; } .select_first_ul>li>p{ margin:0 0.3rem; box-sizing: border-box; background:#eee; } .select_first_ul>li>p.current { background:#FF552E; color:#fff; } .select_first_ul>li>p.current a { color:#fff; } .instr { } .instr li { overflow: hidden; zoom: 1; padding: 0.35rem 0; border-bottom: 1px dotted #ddd; position: relative; z-index: 1; } .instr li:first-child { padding:0 0 0.35rem 0; } .instr li .txt { margin:0 0.5rem; } .instr li .txt h2 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 0.86rem; line-height: 1.3rem; height: 1.3rem; background:url(../images/pdf.png) no-repeat left center; background-size:auto 1.2rem; padding-left:1.4rem; margin-bottom:0.3rem; } .instr li .txt .co { line-height: 1.2rem; height: 1.2rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #555; font-size: 0.65rem; margin-bottom:0.2rem; } .instr li .description { color: #999; height: 1.2rem; line-height: 1.2rem; font-size: 0.65rem; } .instr li .description span { display: block; float: left; margin: 0 0.5rem 0 0; } .instr_title { border-top: 2px #FDD000 solid; } .instr_title .name { color:#666; font-size:0.95rem; margin:0.8rem 0.5rem 0 0.5rem; font-weight:bold; line-height:1.4rem; } .instr_title .time { color:#999; font-size:0.7rem; margin:0 0.5rem; line-height:1.2rem; padding:0 0 0.5rem 0; } .instr_title .time span { margin-right:0.5rem; } .instr_info { margin:0 0.5rem; border-top: 1px dotted #d6d6d6; padding:0.5rem 0; } .instr_info li { line-height: 1.2rem; font-size:0.75rem; padding:0.25rem 0; } .load_down { display:block; margin:0 auto; width:4.0rem; height:2.0rem; line-height:2.0rem; font-size: 0.75rem; border-radius: 4px; background:url(../images/down.png) no-repeat 1.0rem 0.5rem #03b8cf; background-size:auto 0.8rem; border-color: #03a2b6; color:#FFF; padding-left:2.4rem; } .pd_5 { padding-bottom:0.6rem; } .instr_product_h { border-bottom: 1px solid #dfdfdf; height: 2.0rem; position: relative; z-index: 1; margin:0 0.5rem; } .instr_product_h h4 { position: absolute; z-index: 5; left: 0; bottom: -1px; font-size: 0.8rem; font-weight: 700; border-bottom: 2px solid #DE5934; line-height: 2.0rem; } .instr_product_c { line-height:180%; font-size:0.7rem; padding:0.8rem 0 0.5rem 0; margin:0 0.5rem; } .instr_product_c img { max-width:100%; } .instr_product_c p { margin-bottom:0.5rem; } .down_tit { font-size: 0.7rem; line-height:1.5rem; margin:0 0.5rem; padding:0.2rem 0; } .down_list { font-size: 0.7rem; margin:0 0.5rem; padding-bottom:0.5rem; } .down_list li { margin-bottom:0.5rem; } .down_list li a { color:#FFF; display:block; border-radius:3px; border:1px solid #238329; line-height:1.7rem; padding-left:2.3rem; background:url(../images/down.png) no-repeat 1.0rem 0.45rem #38b03f; background-size:auto 0.8rem; border-color: #329d38; } .instr_read { margin:0 0.5rem; padding:0.5rem 0; } .instr_read li { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height:1.8rem; line-height:1.8rem; font-size:14px; position:relative; z-index:1; padding:0 0 0 0.7rem; } .instr_read li:before { content: ''; width: 4px; height: 4px; border-radius: 2px; background-color: #FF552E; position:absolute; z-index:5; left:0; top:50%; margin-top:-2px; } /*科技*/ .tech_top { height:auto; background: url(../images/header_bg.jpg) no-repeat center; background-size: 100% 100%; padding: 0 0.5rem; box-sizing: border-box; } .tech_logo { height: 1.2rem; float: left; margin:0.6rem 0; } .tech_logo_index { display:block; float:left; height:100%; } .tech_logo_index img { height:100%; } .tech_logo_channel { display:block; float:left; height:100%; background:#fff; border-radius:3px; margin-left:0.2rem; line-height:1.2rem; font-size:0.7rem; padding:0 0.2rem; color:#A17B76; } .technav { height: 1.8rem; line-height: 1.8rem; padding: 0 0.1rem; background: #333333; } .technav div { width: 100%; overflow-x: auto; overflow-y: hidden; white-space: nowrap; vertical-align: top; } .technav a { display: inline-block; padding: 0 0.4rem; white-space: nowrap; font-size: 0.65rem; color: #fff; } .technav a.current { color:#91b0fe; } .techslider { padding-top:0; } /*顶部导航*/ .tbox { position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: none; z-index:99; background: #fff; } .tbox .closebtn { position: absolute; right: 0.5rem; top: 18px; width: 22px; height: 22px; } .closebtn:before, .closebtn:after { position: absolute; left: 10px; content: ' '; height: 22px; width: 2px; background-color: #333; } .closebtn:before { transform: rotate(45deg); } .closebtn:after { transform: rotate(-45deg); } .dh_box { } .dh_box .dhtitle { border-bottom:1px solid #eee; text-align:center; font-size:0.7rem; color:#222; line-height:1.2rem; padding:0.5rem 0; } .dh_box .dhlist { margin: 0 0.5rem; padding-top: 0.8rem; overflow: hidden; } .dh_box .dhlist li { display: block; width:-webkit-calc(25% - 0.3rem); width:-moz-calc(25% - 0.3rem); width:calc(25% - 0.3rem); height: 1.6rem; line-height: 1.6rem; float: left; overflow: hidden; margin-right:0.4rem; text-overflow: ellipsis; white-space: nowrap; text-align: center; background:#f2f2f2; margin-bottom:0.35rem; font-size:0.6rem; border-radius:0.2rem; } .dh_box .dhlist li:nth-child(4n) { float:right; margin-right:0; } .dh_box .dhlist li.backi { background:#d8e2fc; color:#FFF; } .nocontent { text-align: center; font-size: 0.6rem; padding: 1.0rem 0 1.2rem 0; line-height: 1.7; } .nocontent p { padding: 0.2rem 0; } .nocontent img { width: 32%; } .tagtitle { font-size: 0.7rem; font-weight: bold; padding-top:0.2rem; } /*返回顶部*/ .cd-top { display: inline-block; height: 1.8rem; width: 1.8rem; position: fixed; bottom: 2.0rem; right: 0.5rem; overflow: hidden; text-indent: 100%; white-space: nowrap; background: rgba(232, 98, 86, 0.8) url(../images/backtop.png) no-repeat center 50%; background-size:70% auto; visibility: hidden; opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; z-index:99; } .cd-top.cd-is-visible { visibility: visible; opacity: 1; } .cd-top.cd-fade-out { opacity: .8; } .no-touch .cd-top:hover { background-color: #e86256; opacity: 1; } /*foot*/ .map-footer { text-align: center; padding-bottom: 0.6rem; } .map-footer .mind_e { font-size: 0.4rem; color: #B7BBC2; border-bottom: 1px solid #DDDDDD; line-height: 0.8rem; padding-bottom: 0.3rem; } .map-footer .mind_e img { height:1.2rem;} .map-footer .mind_it { font-size: 0.4rem; color: #B7BBC2; border-bottom: 1px solid #DDDDDD; line-height: 0.8rem; padding-bottom: 0.3rem; } .map-footer .mind_it img { height:1.0rem;} .map-footer .foot_nav ul li { display: inline-block; vertical-align: middle; } .map-footer .foot_nav ul li:last-child:after { display: none; } .map-footer .foot_nav ul li:after { content: ' '; display: inline-block; height: 0.4rem; width: 1px; background: #DCDEE2; } .map-footer .links { font-size: 0.48rem; line-height: 0.52rem; } .map-footer .links a { display: inline-block; color: #B7BBC2; vertical-align: middle; font-size: 0.48rem; padding: 0 0.6rem; } .map-footer .links .current { color: #2E333F; font-size: 0.52rem; padding-right: 0.52rem; } .map-footer .links span { display: inline-block; margin: 0 0.4rem; background: #DCDEE2; width: 1px; height: 0.4rem; vertical-align: middle; } .map-footer .copyright { font-size: 0.45rem; padding-top: 0.3rem; line-height: 0.8rem; border-top: 1px solid #FFF; color: #B7BBC2; } .map-footer .copyright a { color: #B7BBC2; } .map-footer .code { margin-top: 0.36rem; } .indextopmenu { width:100%; height:2.0rem; overflow:hidden; } .indextopnavbar { height: 2.0rem; line-height: 2.0rem; padding:0 0.1rem; background: #fff; } .indextopnavbar div { width: 100%; overflow-x: auto; overflow-y: hidden; white-space: nowrap; vertical-align: top } .indextopnavbar a { display: inline-block; padding:0 0.45rem; white-space: nowrap; font-size: 0.7rem; color: #666; } .indextopnavbar a.on { position: relative; color: #47B751; font-weight: 700 } .indextopnavbar a.on:before { position: absolute; left: 30px; right: 30px; bottom: 0.15rem; content: ""; border-top: 3px solid #65BB0A; }