@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:#AEBC9E;}
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:#AEBC9E;
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: #AEBC9E;
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:#AEBC9E;
}
.index_yw li .cla span a {
color:#AEBC9E;
}
.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:#AEBC9E;
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:#AEBC9E;
}
.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;
}