/*
	[DESTOON B2B System] Copyright (c) 2008-2018 www.destoon.com
	This is NOT a freeware, use is subject to license.txt
*/
/* global */

.fl {float: left;}
.fr {float: right;}
.menu a { padding: 0 14px!important; }

body {background: #fff;}

.imgpointer {overflow: hidden;}
.imgpointer img {transition: all 0.6s;}
.imgpointer img:hover{
    /*放大缩小*/
    transform:scale3d(1.05,1.05,1);
}

/* 搜索框 */
.header_technology {background: #fff; overflow: hidden;width: 100%}
.header_technology .m {margin-top: 20px; margin-bottom: 20px;}
.header_technology .logo_technology {width: 500px}
.header_technology .head_form {width: 600px;}

.logo_technology a {float: left;  }
.logo_technology a:hover{ color: #333;}
.logo_technology a img {max-width: 100%; max-height: 100%; vertical-align: middle;}
.logo_technology .logoImg{ vertical-align: middle;}
.logo_technology .subName{ vertical-align: middle; padding-left: 20px; margin-left: 20px; margin-top: 23px; border-left: 2px solid #ccc;}
.head_form form {overflow: hidden;}
.head_form .head_search {padding-top:18px; width: 100%; height: auto;}
.head_form .head_search_int {
    border: 2px solid #028fd7;
    position: inherit;
}
.head_search .search_int_select {
    float: left;
    padding-right: 10px;
    border-right: 1px solid #ccc;
    width: 120px;
}
.head_search .search_int_select select {
    width: 100%;
    border: 0;
    outline: none;
    height: 36px;
    line-height: 36px;
}
.head_search .search_int_select option{ display: inline-block; line-height: 18px;}
.head_search .search_int_kw {width: 340px; padding: 0;}
.head_search .search_int_kw input{border: 0; line-height: 24px; outline: none;}
.search_int_btn {width: 100px;}
.search_m {
    width: 109px;
    display: inline-block;
    width: 68px;
    cursor: default;
    padding: 5px 16px 5px 15px;
    font-size: 14px;
    height: 26px;
    line-height: 26px;
    color: #666666;
    background: url(image/search-arrow-down.png) no-repeat right center scroll;
    border: none;
    cursor: pointer;
}
#search_module {
    margin-left: -2px;
    font-size: 14px;
    line-height: 30px;
    color: #666666;
    background: #FFFFFF;
    border: #028fd7 2px solid;
    cursor: pointer;
    position: absolute;
}
.search_i {color: #333; width: 340px;}

.head_search .search_int_btn {position: inherit; float: right; background: url(./image/search-technology.png) 50% 0 no-repeat #028fd7;}
.head_search .search_int_btn input {opacity: 0; height: 36px; line-height: 36px;}

/* 导航 */
.navtechnology-box {margin-bottom: 0; border-top: solid #028fd7 2px; background: #f6f6f6;}
.menutechnology > li {float: left; height: 40px; line-height: 40px; padding: 0 20px; position: relative;}
.menutechnology > li a {font-size: 16px;}
.technology-select {background: #028fd7;}
.technology-select a {color: #fff;}
.menutechnology .technology-select a span {background: url(./image/technology-down02.png) 50% 100% no-repeat; background-size: 63%;}
.er-technologyclick a {color: #028fd7;}
.menutechnology > li:hover {background: #028fd7;}
.menutechnology > li:hover a {color: #fff;}
.menutechnology > li .caret { margin-left: 3px; display: inline-block; height: 21px; width: 20px; background: url(./image/technology-down01.png) 50% 100% no-repeat; background-size: 63%;}
.menutechnology > li:hover .caret {background: url(./image/technology-down02.png) 50% 100% no-repeat; background-size: 63%;}
.menutechnology > li {transition: transform 3s;}
.menutechnology > li:hover .sub-menu {
    max-height: 800px;
    transition: max-height 0.85s ease-in;
    display: block;
}
.menutechnology .sub-menu {
    transition: max-height 0.15s ease-out;
    max-height: 0;
    overflow: hidden;
    position: absolute; 
    width: 100%; 
    top: 39px;
    left: -1px; 
    background: #fff;
    z-index: 999;
}

.menutechnology .sub-menu li {text-align: center;}
.menutechnology .sub-menu li a {font-size: 14px; color: #333;}
.menutechnology .sub-menu li a:hover {color: #028fd7;}

/* 幻灯片 */
.technology-slide { margin-top:15px;}
.slideFocus .slideNum{ text-align: left;}
.slideNum{ position: absolute; bottom: 10px; left: 0; right: 0; width: 100%; text-align: center;}
.slideNum .slideNumItemer{ display: inline-block; padding: 2px 20px; margin: 0 10px; cursor: pointer;}

/* 首页幻灯片 */
.technology-slide .fl {width:594px; height: 425px;}
.technology-slide .fl a {display: block; width:594px; height: 425px; overflow: hidden;}
.technology-slide .fl img {transition: all 0.6s;}
.technology-slide .fl img:hover{
    /*放大缩小*/
    transform: scale3d(1.05,1.05,1);
}
.slideBox{ position: relative;}
.slideTitle{ position: absolute; bottom: 20px; left: 0; right: 0; padding: 0 8% 1% 4%;}
.slideTitle p{font-size: 16px; line-height: 2.2; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.slideTitle p i{ background: #000; color: #FFF; padding: .3em 10px; -webkit-box-decoration-break: clone; box-decoration-break: clone;}
.slideNumBox{ position: absolute; bottom:10px; left: 0; right: 0; padding: 0 8% 0 4%;}
.slideNumBox .slideNum{ display: inline-block; width:40px; height: 3px; margin-right: 5px; cursor: pointer;}
.technology-slide .fr {width: 606px; }


#technology-index-roll li {float: left; width: 288px; height: 205px; margin-left: 15px; margin-bottom: 15px; opacity: 0.9;}
#technology-index-roll li a {display: block;-moz-box-shadow:0px 0px 5px #dadada; -webkit-box-shadow:0px 0px 5px #dadada; box-shadow:0px 0px 5px #dadada;}
#technology-index-roll li dl {position: relative; background: rgba(0,0,0,.68);}
#technology-index-roll li dd {
    position: absolute; 
    left: 0; 
    bottom: 10px;
    padding: 5px 10px;
    transition: all 0.5s; 
    color: #fff;
    text-align: justify;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
#technology-index-roll li dd p { font-size: 16px; line-height: 2.2; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis;
 display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
#technology-index-roll li dd p span{ background: #000; padding: .3em 10px; -webkit-box-decoration-break: clone; box-decoration-break: clone;}
#technology-index-roll li img {display: block; width: 100%; height:205px;}

/* 首页 */
.technologyindex-content { margin: 50px auto;}

.technologyindex-content-fl {width:880px;}
.technologyindex-fl-box{ margin-bottom: 50px;}
.technologyindex-switch-box .switch-hide{display: none;}
.technologyindex-switch-box .switch-show {display: block;}
.technologyindex-checked {
    text-align: center;
    font-size: 12px;
    color: #666666;
    clear: both;
}
.technologyindex-checked li {
    padding: 6px;
    cursor: pointer;
    width: 17px;
    margin-right: 5px;
    display: inline-block;
    border: #DDDDDD 1px solid;
}
.technologyindex-checked .lidj {
    background: #258CFF;
    border: #258CFF 1px solid;
    color: #FFFFFF;
}

.technologyindex-list {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.technologyindex-list > a {flex: 1; display: block;}
.technologyindex-list > a:nth-child(2) {
    margin: 0 20px;
}
.technologyindex-item {position: relative; min-height: 170px;}
.technologyindex-item p {
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #fff;
    background: rgba(0,0,0,0.5);
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    font-size: 12px;
    box-sizing: border-box;
    padding: 10px;
}
.technologyindex-item img {
    display: block;
    width: 100%;
    max-height: 240px;
}


/* 广告位 */
.technologyindex-advertisement {margin: 15px 0;}
.technologyindex-advertisement-3 {margin: 15px 0;}
.technologyindex-advertisement-3 .fl {width: 32%; margin-right: 2%;}
.technologyindex-advertisement-3 .fl:nth-child(3){margin-right: 0;}
.technologyindex-advertisement-3 dl {position: relative;}
.technologyindex-advertisement-3 dd {position: absolute; right: 0; top: 0; font-size: 12px; color: #ccc; background: #000; padding: 1px 2px; opacity: 0.9;}

.technologyindex-content-fr {width:275px;}
.technologyindex-fr-box-one {background: #f1f3f4; margin-bottom: 25px;}
.technologyindex-fr-box-one dl {position: relative;}
.technologyindex-fr-box-one a:hover {color: #1486C8;}
.technologyindex-fr-box-one dl span {position: absolute; top: 0; left: 0; font-size:12px; padding: 2px 7px; background: #f00; color: #fff;}
.technologyindex-fr-box-one1 dl span {position: absolute; top: 0; left: 0; font-size:12px; padding: 2px 7px; background: #f00; color: #fff;}
.technologyindex-fr-box-one2 dl span{position: absolute; top: 0; left: 0; font-size:12px; padding: 2px 7px; background: #ff6a00; color: #fff;}

.technologyindex-fr-box-one dt {text-align: center;}
.technologyindex-fr-box-one dt img {max-height: 210px;}
.technologyindex-fr-box-one dd {
    padding: 5px;
}
.technologyindex-fr-box-one dd  P {
    font-size: 14px; 
    line-height: 20px; color: #666;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.technologyindex-fr-box-two {margin-bottom: 20px;}
.technologyindex-fr-box-two dl{position: relative;}
.technologyindex-fr-box-two a:hover {color: #1486C8;}
.technologyindex-fr-box-two .newsNum {position: absolute; top: 0; left: 0; font-size:12px; padding: 2px 7px; background: #262626; opacity: 0.5; color: #fff;}
.technologyindex-fr-box-two .imgpointer {width:70px;}
.technologyindex-fr-box-two .imgpointer span{ display: block; width: 100%; height: 0;padding-bottom: 100%;background-color: #c3c3c3;border: 1px solid #efefef;position: relative; overflow: hidden;}
.technologyindex-fr-box-two .imgpointer img {position: absolute;top: 50%;left: 50%;-webkit-transform: translate3d(-50%,-50%,0);transform: translate3d(-50%,-50%,0);height: 100%;width: auto;min-width: 100%; max-width:none;}
.technologyindex-fr-box-two .newsSmall {width:160px; margin-left: 8px;}
.technologyindex-fr-box-two .newsSmall h5 {
    font-size: 14px; 
    font-weight: 500;
    color: #666;
    line-height: 18px;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 20px;
}
.technologyindex-fr-box-two .newsSmall  p {font-size: 12px;}
.technologyindex-fr-box{ border: 1px solid #e4e4e4;padding: 14px; margin-bottom: 50px;}
.technologyindex-title  { margin-bottom: 20px; font-weight: 500;}
.technologyindex-title span {font-size: 22px; height: 20px; line-height: 20px;}
.technologyindex-title a {font-size: 12px; color: #999; height: 20px; line-height: 20px;}
.technologyindex-title a:hover {color: #1486C8;}
.technologyindex-ul li {float: left; width: 282px; margin-right: 24px; border-radius: 15px; background: #fff; 
    -webkit-box-shadow: #ededf2 0px 0px 20px; 
    -moz-box-shadow: #ededf2 0px 0px 20px; 
    box-shadow: #ededf2 0px 0px 20px;
    margin-bottom: 20px;
} 
.technologyindex-ul li dt{border-radius: 15px 15px 0 0;}
.technologyindex-ul li dt img{border-radius: 15px 15px 0 0;}
.technologyindex-ul li:nth-child(4n+4){margin-right: 0;}
.technologyindex-ul dt {
    width: 282px;
    height: 170px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    background: #fff;
    border: 1px solid #eeeeee;
    box-sizing: border-box;
}
.technologyindex-ul dt img {
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 100%;
}
.technologyindex-ul dd {
    font-size: 14px; 
    line-height: 1.6em; 
    height: 39px;
    padding: 10px;
    display: -webkit-box;    
    -webkit-box-orient: vertical;    
    -webkit-line-clamp: 2;    
    overflow: hidden;}

/* list 页面 */
/* 面包屑导航 */
.technology-crumbs {margin-top: 10px; margin-bottom: 20px;}
.technology-crumbs .nav {border-bottom: solid #ccc 1px; margin-bottom: 10px;}
.technology-crumbs .nav > a:nth-child(1){color:#999;} 

.technologylist-fl {background: #fff; width: 160px;}
.technologylist-fr {background: #fff; width: 1020px; }

.technologylist-sidebarleft > li div a {font-size: 16px; font-weight: 500;}
.technologylist-sidebarleft > li div b {width: 40px; height: 42px;}
.technologylist-sidebarleft > li div a {display: block;width: 100%; height: 42px; line-height: 42px; padding: 0 10px;}
.technologylist-sidebarleft > li div span {width: 30px; height: 42px; background: url(./image/technologylist-icoright.png) 50% 50% no-repeat; background-size: 50%; cursor:pointer}
.technologylist-sidebarleft > li div .curret-ioc {background: url(./image/technologylist-icodown.png) 50% 50% no-repeat; background-size: 50%;}
.technologylist-sidebarleft > li .curret-bg{background: #028fd7;}
.technologylist-sidebarleft > li .curret-bg a {color: #fff;}

.technologylist-fr .info{ height: 30px; line-height: 30px;}
a.infoStoreBtn{ display: inline-block; font-size: 12px; padding: 6px 15px; line-height: 1.4em; margin-right: 50px; background-color: #e46a00; color: #FFFFFF; border-radius: 5px; vertical-align: middle;}    
a.infoStoreBtn:hover{ background-color: #b15200; color: #FFFFFF; }

/* 点击后 php添加的 父级 class technologyclick-bg  子级 er-technologyclick */
.technologylist-sidebarleft > .technologyclick-bg div {background: #028fd7;}
.technologylist-sidebarleft > .technologyclick-bg div a {color: #fff;}
.technologylist-sidebarleft > .technologyclick-bg:nth-child(1) div b {background: url(./image/technologylist-icor01-1.png) 50% 50% no-repeat; background-size: 50%;}
.technologylist-sidebarleft > .technologyclick-bg:nth-child(2) div b {background: url(./image/technologylist-icor02-1.png) 50% 50% no-repeat; background-size: 50%;}
.technologylist-sidebarleft > .technologyclick-bg:nth-child(3) div b {background: url(./image/technologylist-icor03-1.png) 50% 50% no-repeat; background-size: 50%;}
.technologylist-sidebarleft > .technologyclick-bg:nth-child(4) div b {background: url(./image/technologylist-icor04-1.png) 50% 50% no-repeat; background-size: 50%;}
.technologylist-sidebarleft > .technologyclick-bg:nth-child(5) div b {background: url(./image/technologylist-icor05-1.png) 50% 50% no-repeat; background-size: 50%;}
.technologylist-sidebarleft > .technologyclick-bg:nth-child(6) div b {background: url(./image/technologylist-icor06-1.png) 50% 50% no-repeat; background-size: 50%;}
.technologylist-sidebarleft > .technologyclick-bg:nth-child(7) div b {background: url(./image/technologylist-icor07-1.png) 50% 50% no-repeat; background-size: 50%;}
.technologylist-sidebarleft .ej .er-technologyclick a {color: #028fd7;}
.technologylist-sidebarleft .technologyclick-bg span {background: url(./image/technologylist-icodown.png) 50% 50% no-repeat; background-size: 50%;}
.technologylist-sidebarleft .technologyclick-bg .ej {display: block;}

.technologylist-sidebarleft > li div:hover {background: #028fd7;}
.technologylist-sidebarleft > li div:hover a {color: #fff;}


.technologylist-sidebarleft > li:nth-child(1) div b {background: url(./image/technologylist-icor01.png) 50% 50% no-repeat; background-size: 50%;}
.technologylist-sidebarleft > li:nth-child(1) div:hover b {background: url(./image/technologylist-icor01-1.png) 50% 50% no-repeat; background-size: 50%;}
.technologylist-sidebarleft > li:nth-child(2) div b {background: url(./image/technologylist-icor02.png) 50% 50% no-repeat; background-size: 50%;}
.technologylist-sidebarleft > li:nth-child(2) div:hover b {background: url(./image/technologylist-icor02-1.png) 50% 50% no-repeat; background-size: 50%;}
.technologylist-sidebarleft > li:nth-child(3) div b {background: url(./image/technologylist-icor03.png) 50% 50% no-repeat; background-size: 50%;}
.technologylist-sidebarleft > li:nth-child(3) div:hover b {background: url(./image/technologylist-icor03-1.png) 50% 50% no-repeat; background-size: 50%;}
.technologylist-sidebarleft > li:nth-child(4) b {background: url(./image/technologylist-icor04.png) 50% 50% no-repeat; background-size: 50%;}
.technologylist-sidebarleft > li:nth-child(4) div:hover b {background: url(./image/technologylist-icor04-1.png) 50% 50% no-repeat; background-size: 50%;}
.technologylist-sidebarleft > li:nth-child(5) div b {background: url(./image/technologylist-icor05.png) 50% 50% no-repeat; background-size: 50%;}
.technologylist-sidebarleft > li:nth-child(5) div:hover b {background: url(./image/technologylist-icor05-1.png) 50% 50% no-repeat; background-size: 50%;}
.technologylist-sidebarleft > li:nth-child(6) div b {background: url(./image/technologylist-icor06.png) 50% 50% no-repeat; background-size: 50%;}
.technologylist-sidebarleft > li:nth-child(6) div:hover b {background: url(./image/technologylist-icor06-1.png) 50% 50% no-repeat; background-size: 50%;}
.technologylist-sidebarleft > li:nth-child(7) div b {background: url(./image/technologylist-icor07.png) 50% 50% no-repeat; background-size: 50%;}
.technologylist-sidebarleft > li:nth-child(7) div:hover b {background: url(./image/technologylist-icor07-1.png) 50% 50% no-repeat; background-size: 50%;}

.technologylist-sidebarleft .ej {background: #e8e8e8; display: none;}
.technologylist-sidebarleft .ej li {height: 36px; line-height: 36px; text-align: center;}
.technologylist-sidebarleft .ej li a {font-size: 14px;}
.technologylist-sidebarleft .ej li a:hover {color: #028fd7;}

.technologylist-fr h2 { font-size: 16px; height: 40px; line-height: 40px; margin-bottom: 10px;}
.technologylist-fr .news-item dt .newsIntro a {
    color: #028fd7;
}



/* list 内容区域 */
.technologyListBox{ width: 100%; overflow: hidden;}
.technologyListBox .technologyItemerBox{ width: 1040px;}
.technologyItemerBox li.technologyItemer{ width: 100%; padding-bottom: 20px; border-bottom: 1px solid #eaeaea; margin-bottom: 20px;}
.technologyItemer .listImgBox{ width: 168px; height: 127px; overflow: hidden;}
.technologyItemer .listImgBox a.imgpointer{ display: inline-block; width: 168px; height: 127px; transition: all 0.6s;}
.technologyItemer .listImgBox a:hover{transform: scale3d(1.05,1.05,1);}
.technologyItemer .listMainBox{ width: 837px;}
.listMainBox .listMain{ padding-left: 12px;}
.listMainBox .listMain h5{ font-size: 16px; font-weight: 600; margin-bottom: 10px;}
.listMainBox .listMain h5 span {border: solid #f00 1px; padding: 2px 5px; color: #f00; font-size: 12px;}
.listMainBox .listInfo{ font-size: 14px; line-height: 1.4em;}
.listMainBox .listInfo a{ padding-left: 10px; color: #2aa2dc;}
.listMainBox .newsT{text-align: right;}
.newsT span{ color: #888;}

.technologylist-fr .news-item dd {
    width: 160px;
    height: 120px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    background: #fff;
    border: 1px solid #eeeeee;
    box-sizing: border-box;
}
.technologylist-fr .news-item dt {
    width: 1120px;
    height: 120px;
    margin-left: 20px;
    display: table-cell;
    box-sizing: border-box;
    padding-left: 15px;
}






/* 搜索页面 */
.search-result-technology li {padding: 10px; border-top: 1px solid #e9eaec;}
.search-result-technology dt {width: 128px; overflow: hidden;}
.search-result-technology dt a {
    width: 128px;
    height: 90px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    background: #fff;
    border: 1px solid #eeeeee;
    box-sizing: border-box;
    transition: all 0.6s;
}
.search-result-technology dt a:hover {
    /*放大缩小*/
    transform: scale(1.1);
}
.search-result-technology dd {
    width: 852px; 
    height: 90px;
    margin-left: 20px;
    display: table-cell;
    box-sizing: border-box;
    padding-left: 15px;
}
.search-result-technology dd h5 {
    font-size: 16px;
    margin-bottom: 10px;
}
.search-result-technology dd p a {color: #028fd7; font-weight: 700; margin-left: 5px;}
.search-result-technology dd p {margin-bottom: 5px;}

/* 商务合作 */
.kr-portal {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    z-index: 10009;
    overflow: hidden;
    display: none;
}
.kr-show {display: block;}
.connect-wrapper {
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0,0,0,.5);
}
.connect-wrapper .content {
    width: 430px;
    height: auto;
    position: absolute;
    z-index: 1001;
    padding: 50px;
    background: #fff;
    border-radius: 6px;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.connect-wrapper .content .text {
    text-align: center;
    font-size: 16px;
    color: #3d464d;
}
.connect-wrapper .content .text .text-title {
    font-size: 16px;
    text-align: center;
    margin-bottom: 10px;
    font-weight: 700;
}
.connect-wrapper .content p {
    font-size: 16px;
    color: #262626;
    text-align: center;
    line-height: 24px;
}
.connect-wrapper .content .text .text-title {
    font-size: 16px;
    text-align: center;
    margin-bottom: 10px;
    font-weight: 700;
}
.connect-wrapper .content .know {
    width: 200px;
    height: 40px;
    color: #fff;
    display: block;
    background: #4285f4;
    font-size: 16px;
    text-align: center;
    line-height: 40px;
    text-decoration: none;
    border-radius: 2px;
    margin: 50px auto 0;
    cursor: pointer;
    position: relative;
}

/* footer  */
.technologyfooter {background: #333; color: #999;}
.technologyfooter h4 {font-size: 14px; font-weight: 700; margin-bottom: 10px;}
.technologyfooter p {font-size: 14px; line-height: 25px;}
.footer_logo {width: 25%; margin-left: 5%; margin-right: 5%;}
.footer_logo a {float: left; width: 31.3%; padding: 0 1%;}
.footer_fl {width: 25%; text-align: center; padding-left: 5%;}
.footer_fl li {float: left; width: 40%; margin-right: 5%; line-height: 25px;}
.footer_fl li a {font-size: 14px; color: #999;}
.footer_fl li a:hover {color: #fff;}
.footer_fl .technologyclick a {color: #fff;}
.footer_contact {width: 20%; margin: 0 5%;} 
.footer_fr {width: 36%; margin-left: 34%;}
.footer_fr .fl {width:23%; padding: 0 1%;}
.footer_fr img {width: 100px;}
.footer_fr p {text-align: center;}

/* 内页文章样式排版 */
.technology-content-article h3 {
    line-height: 48px;
    margin-top: 20px;
    margin-bottom: 10px;
    border-bottom: solid  #1486C8 3px;
    display: inline-block;
    display:inline;
    zoom:1;
}
.technology-content-article h3 img {float: left;}
.technology-content-article h3 span {float: left; font-size: 18px; padding-left: 10px; padding-right: 10px; border-bottom: solid #1486C8 3px; height: 42px; line-height: 42px;}
.technology-content-article p {text-indent: 0; margin-bottom: 5px;}
.technology-content-article img {display: block; margin: 0 auto;}

/* 标签按钮 */
.technology-content-tag {
    background: #e6e6e6;
    padding: 10px;
    padding-bottom: 0;
    margin-bottom: 20px;
}
.technology-content-tag a {
    display: inline-block;
    padding: 3px 15px;
    background: rgba(181, 181, 181, 0.78);
    font-size: 12px;
    margin-right: 10px;
    margin-bottom: 10px;
    border-radius: 5px;
}
.technology-content-tag a:hover {color: #1486c8;}
.content .technology-content-tag {margin-bottom: 10px;}
.content .technology-content-tag a {color: #fff; line-height: 22px; height: 22px;}
.content .technology-content-tag a:hover {color: #fff;}

/* *
* 技术网站活动列表页
* 2020 - 12 - 14
* edgar
* */

.technology-activity-list-content{ margin-top: 30px;}
.technology-activity-list-content img {display: block;}
/* 标题 */
.activity-list-title { margin-bottom: 20px; height: 40px; line-height: 40px;}
.activity-list-title b {font-size: 30px; width: 150px; font-weight: 500;}
.activity-list-title span {width: 1050px; border-bottom: solid #e5e5e5 1px; height: 15px;}

.activityForum{ margin-bottom: 30px;}
.activityForumBox{ overflow: hidden;}
.activityForumItemer{ width: 1216px;}
.activityForumItemer li{ float: left; display: inline-block; width: 288px; margin-right: 16px; margin-bottom: 16px;}
.ForumItemer .ForumItemerImg{position: relative; width: 288px; height: 200px; }
.ForumItemer .ForumImgBox{ display: block; width: 288px; height: 200px; line-height: 200px; }
.ForumItemer .ForumProcess{ position:absolute; left: 2px; bottom: 2px; }
.ForumProcess span{display:inline-block; padding: 5px 18px; font-size: 14px;}
.ForumProcess .ForumSignUp{ background-color: #ff9100; color: rgb(255, 255, 255);}
.ForumProcess .ForumOver{ background-color: #e6e9ec; color: #666;}

.ForumItemer .ForumItemerTitle{ margin-top:5px;}
.ForumItemerTitle .ForumTle{ display: block; font-size: 16px; height: 40px; line-height:20px; overflow: hidden;}
.ForumItemerTitle .ForumTime{display: block; font-size: 12px; color: #888; margin-top: 3px;}



.activity-forum-box li {float: left; width: 288px; box-sizing: border-box; margin-right: 15px; margin-bottom: 15px;}
.activity-forum-box .nofloat {margin-right: 0;}
.activity-forum-box img {height: 200px;}
.activity-forum-box dt {position: relative;}
.activity-forum-box dt span {position: absolute; left: 2px; bottom: 5px; display: inline-block; width: 80px; height: 30px; line-height: 30px; background-color: #e6e9ec; text-align: center; font-size: 15px; font-weight: 500;}
.activity-forum-box dd b {font-size: 16px; line-height: 22px; font-weight: 500; display: block;}
.activity-forum-box dd span {color: #999; font-size: 14x;}

/* 访谈 */
.activityThumb{ margin-bottom: 30px;}
.activity-interview-top-fl {width: 800px; margin-right: 15px;}
.activity-interview-top-fl img {height: 400px;}
.activity-interview-top-fr {width: 385px;}
.activity-interview-top-fr li{ margin-bottom: 15px; }
.activity-interview-top-fr img{display:block;  width: 385px; height: 193px;}

.activity-interview-bottom{ overflow: hidden;}
.interviewImg{ width: 1215px;}
.interviewImg li{ float: left; display:inline-block; width: 288px; height: 150px; margin-right: 15px;}


/*menu菜单*/
.nav-box { background-color: #fff;margin-bottom: 0; }


/* 广告弹框 */
.frameMask {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.3);
    z-index: 999;
}
.advbox{
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.advboxre {
    position: absolute;
    width: 800px;
    left: 50%; 
    top: 50%; 
    margin:-215px 0 0 -400px;
}
.advbox .advpic{position:relative;height:458px;overflow:hidden;}
.advbox .advpic .closebtn{display:block;width:60px;height:22px;line-height:26px;font-size:12px;color:#fff;text-indent:12px;overflow:hidden;position:absolute;right:0px;top:5px;z-index:9999;}
.ad_midd{width:100%;margin:10% auto;overflow:hidden;height:90%; z-index: 9999;}
.ad_midd img{ height: 100%; width: 100%; }
.ad_midd span{ position: absolute; top: 0; right: 0; color: #fff; background: rgba(61,61,61,0.7); display: block; }