.pic-list .sub-tit a i{
    display: none;
}

.sec-tab {  padding-top:0.5625em; margin-top:2.5em;  }
.select-box { float:left; width:12.875em; margin-right:1.5625em; }
.select-box dt { background:url(../images/time.jpg) no-repeat left center; background-size:1.25em 1.375em; padding-left:2.4375em; }
.select-box dd span { color:#7d7d7d; }

.pic-list { padding-bottom:4.125em; }
.pic-list ul { margin:0px -1.875em; }
.pic-list ul li { float:left; width:33.33%; }
.pic-list ul li .con { margin:0px 1.875em; }
.pic-list .list { padding-bottom:2.875em;}
.pic-list ul li .label { position:relative; margin-top:0; left:0px; bottom:0px; right:0px; }
.pic-list ul li .label span { margin-right:6px; margin-top:0.5em;  }
.pic-list ul li .label span:last-child { margin-right:0}
.pic-list .text { /*min-height:11.875em;*/ }
/*.pic-list ul li .con { padding-bottom:11.875em; }*/

.pic-list ul li .con:hover .txt {
    height: 3.42em;
    -webkit-line-clamp: 2;
}


/************************************technology-index*********************************************/
.tech-index-sec01 { padding-top:2.5em; border-bottom:1px solid #e4e4e4;  }
.tech-index-sec01 .title { position:relative; padding-left:10em; }
.tech-index-sec01 .title .in-title { position:absolute; left:0px; top:0px; }
.tech-index-sec01 .title .con { padding-top:0.875em; line-height:1.85; }
.tech-index-sec01 ul { margin-left:-1px; overflow:hidden; padding-top:0.875em; padding-bottom:3em; }
.tech-index-sec01 ul li { float:left; padding:1.875em 0.5em 0px; margin-top:1.75em; width:24.99%; background:url(../images/tech-index-sec01-line01.jpg) no-repeat left center; }
.tech-index-sec01 ul li .img-wrap { position:relative; height:3.25em; }
.tech-index-sec01 ul li .img-wrap img { position:absolute; opacity:0; left:50%; top:50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); max-width:100%; max-height:100%;  }
.tech-index-sec01 ul li .img-wrap .img { opacity:1; }
.tech-index-sec01 ul li a { color:#2b2b2b; }
.tech-index-sec01 ul li:hover a { color:#e83421; }
.tech-index-sec01 ul li:hover .img-wrap .img { opacity:0; }
.tech-index-sec01 ul li:hover .img-wrap .img-hover { opacity:1; }
.tech-index-sec01 ul li p { height:2.8em; line-height:1.4; margin-top:1.125em;}
.tech-index-sec01 .list { overflow:hidden; }


.tech-index-sec02 { padding-top:3.75em; padding-bottom:1.25em;  }
.tech-index-sec02 .sub-tit { color:#2b2b2b; }
.tech-index-sec02 .title { position:relative; padding-left:10em; }
.tech-index-sec02 .title .in-title { position:absolute; left:0px; top:0px; }
.tech-index-sec02 .title .con { padding-top:0.875em; line-height:1.85; }

.tech-index-sec02 .tech-sec-01 { padding:4.0625em 0px 2.1875em; }
.tech-index-sec02 .tech-sec-01 .sec-con { padding-left:10em; position:relative; }
.tech-index-sec02 .tech-sec-01 .sub-tit { position:absolute; line-height:1.1; left:0px; top:0px; }
.tech-index-sec02 .tech-sec-01 ul li { float:left; color:#2b2b2b; width:27.5%; padding-right:1em; padding-left:5em; position:relative; }
.tech-index-sec02 .tech-sec-01 ul li .ico { position:absolute; left:0px; top:0px; }
.tech-index-sec02 .tech-sec-01 ul li .ico img { width:3.75em; }
.tech-index-sec02 .tech-sec-01 ul li .tit { line-height:1.1; padding-bottom:0.1875em; }
.tech-index-sec02 .num { color:#ea3323; }



.tech-index-sec02 .tech-sec-03 { border-top:1px solid #e4e4e4; padding:3.75em 0px 2.4375em; }
.tech-index-sec02 .tech-sec-03 .sec-con { position:relative; padding-left:10em; }
.tech-index-sec02 .tech-sec-03 .sec-con .sub-tit { position:absolute; line-height:1.1; left:0px; top:0px; }
.tech-index-sec02 .tech-sec-03 ul { margin:0px -1.25em; }
.tech-index-sec02 .tech-sec-03 ul li { float:left; width:33.33%; padding-bottom:1em; }
.tech-index-sec02 .tech-sec-03 ul li .con { margin:0px 1.25em; }
.tech-index-sec02 .tech-sec-03 ul li .img { overflow:hidden; }
.tech-index-sec02 .tech-sec-03 ul li .img span { display:block; padding-bottom:56.25%; }
.tech-index-sec02 .tech-sec-03 ul li .img span img{  position: absolute;width: 101%;-webkit-transition: all 0.5s;transition: all 0.5s; -webkit-transform: scale(1.02);transform: scale(1.02)}
.tech-index-sec02 .tech-sec-03 ul li .tit { padding-right:6em; margin-top:0.875em; color:#2b2b2b; position:relative; }
.tech-index-sec02 .tech-sec-03 ul li .tit .more { position:absolute; right:0px; top:50%; margin-top:-0.75em; }
.tech-index-sec02 .tech-sec-03 ul li .tit span { display:block; }


.tech-index-sec02 .tech-sec-02 { border-top:1px solid #e4e4e4; padding-top:2.5625em; padding-bottom:2.5625em;  }
.tech-index-sec02 .tech-sec-02 .tech-left { float:left; width:48.61%; }
.tech-index-sec02 .tech-sec-02 .tit { padding-right:6em; margin-top:1.625em; color:#2b2b2b; position:relative; }
.tech-index-sec02 .tech-sec-02 .tit .more { position:absolute; right:0px; top:50%; margin-top:-0.75em; }
.tech-index-sec02 .tech-sec-02 .tit span { display:block; }
.tech-index-sec02 .tech-sec-02 .tech-left ul li { width:50%; }
.tech-index-sec02 .tech-sec-02 .tech-left .pic-list { padding-top:0.25em; }
.tech-index-sec02 .jt-more a i {transition: all 0.5s }
/*.tech-index-sec02 .jt-more a:hover  i { right:-10px; }*/

.tech-index-sec02 .pic-list { padding-bottom:0px; }
.tech-index-sec02 .pic-list ul { margin:0px -1.25em; }
.tech-index-sec02 .pic-list ul li .con { margin:0px 1.25em; }
.tech-index-sec02 .pic-list .img a { padding-bottom:56.36%; }
.tech-index-sec02 .pic-list .text { padding:0.75em 1.25em 1.8125em; height:9em; }
.tech-index-sec02 .pic-list .time { position:static; left:1.667em; bottom:2.5em;}
.tech-index-sec02 .pic-list ul li .con { padding-bottom:8.625em; }
.tech-index-sec02 .pic-list ul li .label { padding-left:0; color:#2b2b2b; left:auto; margin-top:0; bottom:auto;  }
.tech-index-sec02 .pic-list ul li .label  span { float:none; }
.tech-index-sec02 .pic-list .sub-tit { margin-bottom:0.435em; }
.tech-index-sec02 .pic-list ul li .con:hover .sub-tit { height:3.42em;  }
.tech-index-sec02 .pic-list ul li { padding:1.375em 0px 0px; }

.tech-index-sec02 .tech-sec-02 .tech-right { float:right; width:45.97%; }
.tech-index-sec02 .tech-ach-list { padding-bottom:0px; }
.tech-index-sec02 .tech-ach-list .list { padding:0px; }
.tech-index-sec02 .tech-ach-list .list ul li { padding-bottom:2.5em; padding-top:2.125em; border-top:1px solid #e4e4e4; border-bottom:none; }
.tech-index-sec02 .tech-ach-list .list ul li dl { padding-right:0px; }
.tech-index-sec02 .tech-ach-list .list ul li .label { float:none; padding-top:1.875em; padding-left:4.2857em; margin-right:0px; text-align:left;  }
.tech-index-sec02 .tech-ach-list .list ul li:first-child { border-top:none; padding-top:1.5em; }


/****************************technology-dynamic****************************************/


/***********************tech-focus*************************/
.tech-focus { position:relative;  margin-top:2.5em; }
.tech-focus .img { float:left; width:50.69%; overflow:hidden; position:relative;  }
.tech-focus .img i { display:inline-block; position:absolute; left:0px; top:1.25em; padding:0px 1.25em; line-height:2.25; background:rgba(231,36,39,.6); color:#fff;  }
.tech-focus .img a { display:block; padding-bottom:56%; }
.tech-focus .img a img {
    position: absolute;
    width: 101%;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    -webkit-transform: scale(1.02);
    transform: scale(1.02);
}
.tech-focus .text { position:absolute; border:1px solid #e4e4e4; background:url(../images/ns-focus-ico01.jpg) no-repeat 91.86% 90%; background-size:9.86% auto; border-left:none; left:50.69%; top:0px; right:0px; bottom:0px; }
.tech-focus .table {  width:75.52%; left:9.86%; }
.tech-focus .sub-tit { position:relative; height:2.8em; margin-bottom:0.6em; }
.tech-focus .sub-tit a { position:absolute; line-height:1.4; left:0px; width:100%; height:100%; max-height:2.8em; top:0px; color:#2b2b2b;  }
.tech-focus .sub-tit a:hover {color:#e83421;  }
.tech-focus .txt { line-height:1.85; max-height:5.55em; margin-top:2em; margin-bottom:1.875em; }
.tech-focus .time { color:#ccc; }
.tech-focus .label { padding-top:1.7142em;}
.tech-focus .label span {  display:inline-block; margin-top:0.5em; border:1px solid #e4e4e4; margin-right:0.7142em; border-radius:0.9285em; padding:0.071em 1.071em; }


.technology-dynamic-wrap  .pic-list .list { padding-bottom:1.5em; }


/**********************technology-achievements-wrap************************/
.technology-achievements-wrap .pic-list { padding-top:1.5em; padding-bottom:2.875em; }
.technology-achievements-wrap .pic-list .list { padding-bottom:1.5em; }
.technology-achievements-wrap .pic-list ul li { float:left; width:25%; padding:1.25em 0px; }
/*.technology-achievements-wrap .pic-list .img a { padding-bottom:56.36%; }*/
.technology-achievements-wrap .pic-list .text { padding:0.75em 1.25em 1.8125em; height:9.5em; }
.technology-achievements-wrap .pic-list .time { position:static; left:1.667em; bottom:2.5em;}
.technology-achievements-wrap .pic-list ul li .label { padding-left:0; color:#2b2b2b; left:auto; bottom:auto;  }
.technology-achievements-wrap .pic-list ul li .label  span { float:none; }
.technology-achievements-wrap .pic-list ul li .con { padding-bottom:8.625em; }
.technology-achievements-wrap .pic-list .sub-tit { margin-bottom:0.435em; }
.technology-achievements-wrap .pic-list ul { margin:0px -1.25em; }
.technology-achievements-wrap .pic-list ul li .con { margin:0px 1.25em; }
.technology-achievements-wrap .pic-list ul li .con:hover .sub-tit { height:3.42em;  }


.tech-ach-sec02 { border-top:1px solid #e4e4e4; }
.tech-ach-sec02 .sec-tab { margin-top:3.75em }
.tech-ach-sec02 .select-box { margin-right:2.8125em; }
.tech-ach-sec02 .select-box dt { padding-left:0px; background:none; }

/*新增滚动条*/
.tech-ach-sec02 .select-box dd .con{max-height: 32em;overflow-y: auto;}
.tech-ach-sec02 .select-box dd .con::-webkit-scrollbar {
    width: 6px;
    height: 6px
}
.tech-ach-sec02 .select-box dd .con::-webkit-scrollbar-thumb {
    background-color: #d8d8d8;
    border-radius: 6px
}
.tech-ach-sec02 .select-box dd .con::-webkit-scrollbar-track {
    background: #ebebeb
}

.tech-ach-list { padding-bottom:4.1875em; }
.tech-ach-list .list { padding:2.6875em 0px 2.8125em; }
.tech-ach-list .list ul li { padding:1.5em 0px 1.5375em; border-bottom:1px solid #e4e4e4; }
.tech-ach-list .list ul li dl { background:url(../images/achievements-icon.jpg) no-repeat left 0.375em; padding-right:2em; padding-left:3.75em; background-size:2.25em 2.25em; overflow:hidden; }
.tech-ach-list .list ul li dl dt { color:#2b2b2b; margin-bottom:0.5em; }
.tech-ach-list .list ul li .label { float:right; padding-top:0.4375em; text-align:right; min-width:18em; margin-right:-1.0625em;  }
.tech-ach-list .list ul li .label span {float: left; display:inline-block; margin-right:1.0625em; border:1px solid #d8d8d8; color:#2b2b2b; min-width:4.7142em; padding:0px 0.5em; line-height:1.71; text-align:center; border-radius:0.855em; }
.tech-ach-list .list ul li .label span.on { color:#cbcbcb; }
.tech-ach-list .list ul li:hover dl dt { color:#e83421; }






/***********************technology-cooperation***********************/
.tech-cooper-sec { position:relative; margin-top:5em; overflow: hidden}
.tech-cooper-sec .img { position:absolute; top:0px; right:0px; width:48%; height: 100%}
.tech-cooper-sec .img img{width: 100%;}
.tech-cooper-sec .text { float:left; min-height:20.5em; width:48%; padding-top:0; padding-bottom:4.1875em; border-bottom:1px solid #e4e4e4;   }
.tech-cooper-sec:last-child .text { border-bottom:0;   }
.tech-cooper-sec .con { line-height:1.85; margin-top:2em; text-align:justify; }
.tech-cooper-sec .sub-tit { color:#2b2b2b; line-height:1.1; }
.tech-cooper-sec .list { padding-top:3.4375em; }
.tech-cooper-sec .list ul li { padding:0.4375em 0px; }
.tech-cooper-sec .list ul li a span { position:relative; color:#2b2b2b; max-width:100%; overflow:hidden; display:inline-block;  }
/*.tech-cooper-sec .list ul li a span i { position:absolute; right:0px; top:0px; height:100%; width:2em; background:url(../images/jt05.png) no-repeat right center #fff;}*/
.tech-cooper-sec .list ul li a span i {    display: inline-block;
    margin-left: 16px;
    right: 0px;
    top: 0px;
    height: 10px;
    width: 15px;
    background: url(../images/jt05.png) no-repeat right center #fff;}
.tech-cooper-sec .list ul li:hover a span  {  color:#e83421; }



.tech-cooper-sec02 .imglist { position:absolute; left:0px; top:0px; height:100%; width:48%;  }
.tech-cooper-sec02 .text { float:right; width:48%; padding-left:0.7%; padding-right:4.167%; padding-top:0px; padding-bottom:1.5em; }
.tech-cooper-sec02 .swiper-container2 { position:absolute; left:0px; top:0px; height:100%; right:0px; }
.tech-cooper-sec02 .swiper-container2 .imgbg { position:absolute; left:0px; width:100%; top:0px; }
.tech-cooper-sec02 .swiper-container2 .imgbg img{width: 100%}
.tech-cooper-sec02 .swiper-pagination-bullet { width:1.25em; height:2px; margin:0px 0.375em; background:#e4e6e1; opacity:1; border-radius:0px; }
.tech-cooper-sec02 .swiper-pagination-bullet-active { background:#ea341f; }
.tech-cooper-sec02 .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom:0.875em; }
.tech-cooper-sec02 .swiper-button-next {    transform: translateY(-100%); width:3em; right:0.625em; border-radius:50%; margin-top:-1.5em; height:3em; line-height:3; text-align:center; color:#fff; background:rgba(0,0,0,0.7); }
.tech-cooper-sec02 .swiper-button-prev {    transform: translateY(-100%); width:3em; left:0.625em;  border-radius:50%; margin-top:-1.5em; height:3em; line-height:3; text-align:center; color:#fff; background:rgba(0,0,0,0.7); }

.tech-cooper-sec03  { margin-top:3.5625em; }
.tech-cooper-sec03 .text { padding:2.5em 11.11% 1.325em; width:100%; color:#fff; margin-top:1.875em; }
.tech-cooper-sec03 .tech-tab { border-bottom:1px solid #afafb9; }
.tech-cooper-sec03 .tech-tab ul li { display:inline-block; padding:1em 0.5em; position:relative; cursor:pointer; }
.tech-cooper-sec03 .tech-tab ul li i { position:absolute; display:none; left:0px; bottom:-1px; right:0px; height:2px; background:#fff; }
.tech-cooper-sec03 .tech-tab ul li.on i { display:block; }
.tech-cooper-sec03 .tech-tab-con { padding:4em 0px 0.75em; }
.tech-cooper-sec03 .con { margin-top:1.5625em; min-height:15.625em; }
.tech-cooper-sec03 .con img { margin-top:2.625em; max-width:100%; max-height:100%; }
.tech-cooper-sec03 .select-box { width:100%; margin-right:0px; }
.tech-cooper-sec03 .select-box dt { border-bottom:medium; background:none; padding-left:0px; color:#fff; }
.tech-cooper-sec03 .select-box  dt i { background:none; border-color:#fff; }
.tech-cooper-sec03 .select-box .con { min-height:auto; }

.tech-cooper-sec04 .img { left:0px; right:auto; width:48%; height: 100%}
.tech-cooper-sec04 .text { float:right;  width:48%; padding-top:0px; padding-right:4%; padding-bottom:3.625em;  }

.tech-cooper-sec05 .img {  width:48%; }
.tech-cooper-sec05 .text {  width:48%; padding-top:0px; padding-bottom:3.625em; }
.tech-cooper-sec05 .list { padding-top:2.5625em; }

.tech-cooper-sec06 { margin-bottom:5em; }
.tech-cooper-sec06 .img { left:0px; right:auto; width:48%; height: 100%}
.tech-cooper-sec06 .text { float:right; padding-left:0.5%;  width:48%; padding-top:1.0625em; padding-right:5%; padding-bottom:4.625em;  }



/************************technology-personnel*****************************/
.tech-per-sec01 .text { padding-top:0px; }
.tech-per-sec01 .con { margin-top:3.6125em;}

.tech-per-sec02 .img { left:0px; right:auto; width:48%; height: 100%}
.tech-per-sec02 .text { float:right;  width:48%; padding-left:0.5%; padding-top:0px; padding-right:4%; padding-bottom:1.375em;  }
.tech-per-sec02 .list { padding-top:1.1875em; }
.tech-per-sec02 .list ul li { padding:0.3em 0px; }

.tech-per-sec03 { margin-top:6em; }
.tech-per-sec03 .text { width:100%; min-height:5em; padding:0px; padding-top:1.875em; padding-bottom:1em; border-bottom:none; }
.tech-per-sec03 .text .con { float:left; width:75%; margin-top:0px;  }
.tech-per-sec03 .text .img-list { width:23.5%; float:right; }
.tech-per-sec03 .text .img-list ul li { width:7em; display:inline-block; color:#2b2b2b; }
.tech-per-sec03 .text .img-list ul li img { height:3.75em; margin-bottom:1.25em; }

.tech-per-sec04 { margin-bottom:5em; }



/************************technology-communication*****************************/
.tech-comm-sec01 .text { padding-top:0px; }
.tech-comm-sec01 .con { margin-top:4.9375em; min-height:10.125em; }

.tech-comm-sec02  { margin-top:4.5em; }
.tech-comm-sec02 .text { padding-left:10em; min-height:auto; border-bottom:none;  position:relative; width:100%; padding-top:0px; padding-bottom:4em;  }
.tech-comm-sec02 .text .sub-tit { position:absolute; left:0px; top:0.2em; }
.tech-comm-sec02 .con { margin-top:0px; }
.tech-comm-sec02 .img { position:relative; width:100%; }
.tech-comm-sec02 .img img { max-width:100%; }

.tech-comm-sec03 { margin-bottom:5em; margin-top:4.125em; }
.tech-comm-sec03 .img { left:0px; right:auto; width:48%; }
.tech-comm-sec03 .text { float:right;  width:48%; padding-left:0.5%; padding-top:1em; padding-right:4%; }




/********************technology-detail************************/
.tech-detail-sec01 { padding-top:2.5em; padding-bottom:2em;  }
.tech-detail-sec01 .pic-tab-nav { width:16.875em; padding-right:3.125em;  }
.tech-detail-sec01 .pic-tab-nav .nr-nav-right1 { width:auto; border-bottom:1px solid #e4e4e4; padding-top:1em; margin-top:60px; }
.tech-detail-sec01 .pic-tab-nav .nr-nav-right1>li>a { padding-right:3.375em; padding:1.125em 3.375em 1.125em 1em; text-align:right; color:#666; }
.tech-detail-sec01 .pic-tab-nav .nr-nav-right1>li>a.hover,.tech-detail-sec01  .pic-tab-nav .nr-nav-right1>li>a:hover { color:#fff; }
.tech-detail-sec01 .pic-tab-nav .nr-nav-right1>li>a i { right:1.25em; }

.tech-detail-list .sub-tit { color:#2b2b2b; line-height:60px; }

.tech-detail-sec01 .nr-nav-con { overflow:hidden; margin-top:1em; }
.tech-detail-sec01 .nr-nav-con .text { border:1px solid #e4e4e4; border-top:none; padding:1.875em 2.5em 1.6875em; color:#666; line-height:1.875; }
.tech-detail-sec01 .nr-nav-con .tech-detail-list { display:none; }
.tech-detail-sec01 .nr-nav-con .img img { width:100%; }


.tech-detail-con01 { position:relative; }
.tech-detail-con01 .bg01 {  height:45em; position:relative;transition: all 0.5s;}
.tech-detail-con01 .bg01_hei {  height:36.6em; position:relative; }
.tech-detail-con01 .bg01 .img { height:100%; opacity:0; position:absolute; z-index:2; left:0px; top:0px; width:100%; height:100%;  }
.tech-detail-con01 .bg01 .img.on { opacity:1; z-index:3; }

.tech-detail-con01 .sec { position:absolute; z-index:4; cursor:pointer; color:#fff; padding:0px 0.75em 0px 2em; top:0px; height:100%; border-right:2px solid rgba(255,255,255,0.3); }
.tech-detail-con01 .more { background:url(../images/jt05.png) no-repeat left center; height:10px; margin-top:1em;  }
.tech-detail-con01 .text { position:absolute; left:2em; right:0.75em; bottom:36%; }
.tech-detail-con01 .con { height:0px; overflow:hidden;}
.tech-detail-con01 .num { padding-bottom:1em; }
.tech-detail-con01 .title { height:3em;  }
.tech-detail-con01 .sec .secbg { position:absolute; z-index:3; left:0px; top:0px; right:0px; bottom:0px; background:none; }
.tech-detail-con01 .sec .label { position:absolute;opacity:0;font-size:13px;line-height:0px;font-family:ProximaBold, sans-serif;white-space:nowrap;text-transform:uppercase;transition:opacity .2s ease-out;-moz-user-select:none;-webkit-user-select:none;-webkit-user-drag:none;user-select:none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0); left:50%; transform-origin:0 0 0; transform:matrix(0, 1, -1, 0, 0, 0);  top:30px;  }
.tech-detail-con01 .btn-back { width:3.125em; cursor:pointer; z-index:10; position:absolute; top:1.75em; display:none; right:1.875em;  height:3.125em; background:url(../images/close.png) no-repeat center center; background-size:100% 100%; }
.tech-detail-con01 .sec:hover .secbg { background:rgba(255,255,255,0.2); }
.tech-detail-con01 .sec:hover .con { height:3em; margin-top:0.625em;  }
.tech-detail-con01 .sec.active { }
.tech-detail-con01.open .sec .text { display:none; }
.tech-detail-con01.open .sec .label { opacity:1; }
.tech-detail-con01.open .sec.active .text { display:block; z-index:2; }
.tech-detail-con01.open .sec.active .label { opacity:0; }
.tech-detail-con01.open .sec.active .more { display:none; }
.tech-detail-con01.open .sec.active .con { height:auto; font-size:18px; max-width:413px; margin-top:0.625em; max-height:4.5em; display: -webkit-box; -webkit-line-clamp: 3; }
.tech-detail-con01.open .sec.active .con {
    max-height: 100em;
    -webkit-line-clamp: 300;
}
.tech-detail-con01.open .sec.active .title { font-size:36px; }
.tech-detail-con01.open .sec.active:hover .con { height:auto; }
.tech-detail-con01.open .sec.active .text {
    bottom:5%;
    left:3em;
    width: 430px;
    /*background: #0000008f;*/
    border-radius: 10px;
    padding: 10px 10px 10px 15px;
}
.tech-detail-con01.open .sec.active .title { height:auto; }
.tech-detail-con01.open .sec.active .btn-back { display:block; }
.tech-detail-con01.open .sec.active .secbg { display:none!important; }
.tech-detail-con01 .beer-reveal img {  height:45em; width:100% }

.tech-detail-con01 .beer-slider { position:absolute;  height:100%; width:100%; z-index:5; left:0px; top:0px; right:0px; bottom:0px; }
.tech-detail-con01 .beer-slider .img01 { height:45em; opacity:1; }
.tech-detail-con01.open .sec.active .beer-slider { z-index:5; display:block;  }

.tech-detail-con01 .sec p , .tech-detail-con01 .sec img{display: none}

@media only screen and (max-width: 1640px){

    .tech-focus .txt { margin:1em 0px; }
    .tech-focus .label { padding-top:1em; }


}

@media only screen and (max-width: 1340px){

    .technology-achievements-wrap .pic-list ul { margin:0px -0.5em; }
    .technology-achievements-wrap .pic-list ul li .con { margin:0px 0.5em; }
    .technology-achievements-wrap .pic-list .text { padding:0.75em 1em 1.8125em; }

    .tech-cooper-sec03 .text { padding:2.5em 5%; }
    .tech-cooper-sec02 .text,.tech-cooper-sec06 .text,.tech-per-sec02 .text {padding-right:0px; padding-left:0px;}
    .tech-cooper-sec04 .text { padding-right:0px; }

    .tech-comm-sec03 .text {padding-left:0px;padding-right:0px; }



    /************************************technology-index*********************************************/
    .tech-index-sec01 ul li { width:25%; }



}


@media only screen and (max-width: 1280px){


    .tech-focus .sub-tit {  height:1.4em; }
    .tech-focus .sub-tit a {  max-height:1.4em; text-overflow:ellipsis; white-space:nowrap; display:block; }



    .pic-list ul { margin:0px -0.625em; }
    .pic-list ul li .con { margin:0px 0.625em; }

    .technology-achievements-wrap .pic-list .time { left:auto;  }
    /*.technology-achievements-wrap .pic-list ul li .label { padding-left:0px; margin-top:0px; position: absolute;bottom: 2.2em;}*/
    .technology-achievements-wrap .pic-list .text { height:10em; }
    .technology-achievements-wrap .pic-list ul li .con { padding-bottom:10em;}


    .tech-cooper-sec04 .text { padding-right:0px; }

    .tech-per-sec03 .text .con { width:70%; }
    .tech-per-sec03 .text .img-list { width:28%; }



    /************************************technology-index*********************************************/
    .tech-index-sec02 .tech-sec-01 ul li { width:33.33%; }
    .tech-index-sec02 .pic-list .time { position:relative; left:0px; bottom:0px; }
    .tech-index-sec02 .pic-list ul li .label { padding-left:0px; margin-top:0px; }
    .tech-index-sec02 .pic-list .text { height:10em; }

    .tech-index-sec02 .tech-sec-03 ul { margin:0px -0.5em; }
    .tech-index-sec02 .tech-sec-03 ul li .con { margin:0px 0.5em; }
    .tech-index-sec02 .title .con br { display:none; }

    .tech-index-sec02 .pic-list ul { margin:0px -0.5em; }
    .tech-index-sec02 .pic-list ul li .con { margin:0px 0.5em; }
    .tech-index-sec02 .pic-list .text { padding:0.75em 1em 1.8125em; }

}


@media only screen and (max-width:1000px){

    .tech-index-sec02 .tech-sec-01 ul li { padding-left:4em; }
    .tech-index-sec02 .tech-sec-01 ul li .ico img { width:3em; }

    .tech-index-sec02 .tech-sec-03 ul li .tit { padding-right:0px; }
    .tech-index-sec02 .tech-sec-03 ul li .tit .more { position:absolute; top:0px; margin-top:0px;  }
    .tech-index-sec02 .tech-sec-03 ul li .tit .more span { display:inline-block; }

}


@media only screen and (max-width:767px){

    .pic-list ul li .con {
        padding-bottom: 0;
    }

    .sec-tab { padding-left:0px; margin-top:1em;  }
    .sec-tab .tit { position:relative; padding-bottom:0.5em; }
    .select-box { width:auto; margin-right:5%; }
    .nrnav-box .nr-nav-right1>li { padding-left:0px; }

    .tech-focus .img { width:100%; }
    .tech-focus .text { position:relative; padding:1.5em; border:1px solid #e4e4e4; border-top:none; left:0px; top:0px; float:left; width:100%; }
    .tech-focus .table { position:relative; left:0px; width:100%; }




    .pic-list { padding-bottom:2.5em; padding-top:1em; }
    .pic-list ul { margin:0px; }
    .pic-list ul li { width:100%; }
    .pic-list ul li .con { margin:0px; }
    .pic-list .list { padding-bottom:2em;}


    .technology-achievements-wrap .pic-list ul li { width:100%; }
    .technology-achievements-wrap .pic-list { padding-bottom:2em; }


    .tech-ach-sec02 .sec-tab { margin-top:2em; }
    .tech-ach-list { padding-bottom:2em; }
    .tech-ach-list .list { padding:1em 0px; }
    .tech-ach-list .list ul li { padding-bottom:4em; position:relative; }
    .tech-ach-list .list ul li dl { padding-left:3em; }
    .tech-ach-list .list ul li .label { width:100%; position:absolute; left:0px; bottom:1.5em; }
    .tech-ach-sec02 .select-box { margin-right:0; margin-top:0.5em;position: static }
    .tech-ach-sec02 .select-box dt{border-bottom: 0}

    .tech-ach-sec02 .select-box dt b:after{
        content: "";
        display: inline-block;
        width: 15px;
        height: 7px;
        margin-left: 8px;
        position: relative;
        top: -2px;
        transform: scale(0.8);
        background: url(../images/jt07.png) no-repeat 0 0;
    }
    .tech-ach-sec02 .select-box i{
        display: none;
    }
    .tech-ach-sec02 .text_j{
        display: flex;
        justify-content: center;
    }

    .tech-ach-sec02 .select-box dd {
        border-top: 1px solid #e83421;
    }



    /***********************technology-cooperation***********************/
    .tech-cooper-sec {  margin-top:2em; }
    .tech-cooper-sec .img { position:relative; float:left;  width:100%; }
    .tech-cooper-sec .text { width:100%; min-height:auto; padding-top:1.5em; padding-bottom:2em; }
    .tech-cooper-sec .con { margin-top:1em; }
    .tech-cooper-sec .list { padding-top:1em; }

    .tech-cooper-sec02 .imglist { position:relative; width:100%; padding-bottom:50%; }
    .tech-cooper-sec03 .tech-tab-con { padding-top:2em; }
    .tech-cooper-sec06 { margin-bottom:2em; }

    .tech-per-sec03 .text .con { width:100%; }
    .tech-per-sec03 .text .img-list { width:100%; padding-top:1em; }

    .tech-per-sec04 { margin-top:1em; margin-bottom:2.5em; }


    .tech-comm-sec01 .con { min-height:auto;}
    .tech-comm-sec02 .text  { padding-left:0px; padding-top:0px; }
    .tech-comm-sec02 .text .sub-tit { position:relative; top:0px; }
    .tech-comm-sec02 .img { padding-bottom:0px; }
    .tech-comm-sec03 { margin-bottom:2em; }



    .tech-index-sec01 .title { padding-left:0px; }
    .tech-index-sec01 .title .in-title { position:relative; }
    .tech-index-sec01 .title .con br { display:none; }
    .tech-index-sec01 ul li { width:50%; margin-top:1em;  }
    .tech-index-sec01 ul { padding:0px 0px 1em; }

    .tech-index-sec02 { padding-top:2em; }
    .tech-index-sec02 .title { padding-left:0px; }
    .tech-index-sec02 .title .in-title { position:relative; }
    .tech-index-sec02 .tech-sec-01 { padding:2em 0px; }
    .tech-index-sec02 .tech-sec-01 .sec-con { padding-left:0px; }
    .tech-index-sec02 .tech-sec-01 .sub-tit { position:relative;margin-bottom: 16px }
    .tech-index-sec02 .tech-sec-01 ul li { width:33.3%; margin-top:1em;padding-left: 0; }

    .tech-index-sec02 .tech-sec-01 ul li .ico {
        position: static;
        margin-bottom: 20px;
    +    }


    .tech-index-sec02 .tech-sec-02 { padding:2em 0px 1em; }
    .tech-index-sec02 .tech-sec-02 .tech-left { width:100%; }
    .tech-index-sec02 .tech-sec-02 .tech-left ul li { width:100%; }
    .tech-index-sec02 .tech-sec-02 .tech-right { width:100%; }
    .tech-index-sec02 .tech-ach-list .list ul li .label { position:relative; padding:0px; padding-left:3em; padding-top:1em; bottom:0px; }
    .tech-index-sec02 .tech-ach-list .list ul li { padding:1.5em 0px; }

    .tech-index-sec02 .tech-sec-03 { padding:2em 0px 1em; }
    .tech-index-sec02 .tech-sec-03 .sec-con { padding-left:0px; }
    .tech-index-sec02 .tech-sec-03 .sec-con .sub-tit { position:relative; }
    .tech-index-sec02 .tech-sec-03 ul { padding-top:0.5em; }
    .tech-index-sec02 .tech-sec-03 ul li { width:100%; padding-top:1em;  }


    .tech-detail-sec01 { padding:2em 0px; }
    .tech-detail-sec01 .pic-tab-nav .nr-nav-right1 { margin-top:1em; width:100%; }
    .tech-detail-sec01 .pic-tab-nav .nr-nav-right1>li>a { padding:0.75em 1em; }
    .tech-detail-sec01 .pic-tab-nav { width:100%; padding-right:0px; }
    .tech-detail-sec01 .nr-nav-con { float:left; width:100%; }
    .tech-detail-sec01 .nr-nav-con .text { padding:1em; }


    .tech-detail-con01 .sec { width:100%; border-right:0px; border-bottom:1px solid  rgba(255,255,255,0.6); overflow: hidden;background: rgba(0,0,0,0.8); }
    .tech-detail-con01 .more { display:none; }
    .tech-detail-con01 .con { display:none; font-size: 14px}
    .tech-detail-con01 .num { display:inline-block; padding-bottom:0px; vertical-align:middle; display: none}
    .tech-detail-con01 .title { display:inline-block; height:auto;vertical-align:middle;padding-right: 50px;}
    .tech-detail-con01 .title br { display:none; }
    .tech-detail-con01 .text { bottom:auto; top:50%; vertical-align:middle; transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); -o-transform: translate(0,-50%);  }
    .tech-detail-con01 .btn-back { display:block; top:50%; width:2em; height:2em; margin-top:-1em; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);  }
    .tech-detail-con01 .btn-back.on {-moz-transform: rotate(0deg); top:2em; -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg);  }
    .tech-detail-con01.open .sec .text { display:block;}
    .tech-detail-con01.open .sec .text .num { font-size:14px; display: none}
    .tech-detail-con01.open .sec .text .title { font-size:18px; }
    .tech-detail-con01.open .sec.active .text {
        bottom: auto;
        left: 2em;
        width:initial;
        height: 9.4em;
        padding:initial;
        overflow-y: auto;
        background:none;
        border-radius:initial;
    }
    .tech-detail-con01.open .sec .label { display:none; }

    .tech-detail-con01.open .sec.active .con{font-size: 14px}

    .tech-detail-con01 .sec p , .tech-detail-con01 .sec img{display: block}
    .tech-detail-con01 .bg01 .img.on{opacity: 0}

    .tech-detail-con01 .sec.active p{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.5);
        z-index: 1;

    }
    .tech-detail-con01 .sec img{
        position: absolute;
        top: 0;
        left: 0;
        width: 115%;
        opacity: 0;
    }
    .tech-detail-con01 .sec.active img{
        opacity: 1;
    }
    .tech-detail-con01.open .sec.active .beer-slider {
        display: none;
    }


}

.nrnav-box .nr-nar-left2 .select-box dd{
    max-height: 86vh;
    overflow-y: auto;
}
.nrnav-box .nr-nar-left2 .select-box dd::-webkit-scrollbar {
    width: 6px;
    height: 6px
}
.nrnav-box .nr-nar-left2 .select-box dd::-webkit-scrollbar-thumb {
    background-color: #d8d8d8;
    border-radius: 6px
}
.nrnav-box .nr-nar-left2 .select-box dd::-webkit-scrollbar-track {
    background: #ebebeb
}


@media only screen and (max-width:540px) {
    .tech-ach-list .list ul li .label{
        text-align: left;
        padding-left: 3em;
    }
    .tech-index-sec02 .tech-sec-01 ul li {
        text-align: center;
    }
    .tech-index-sec02 .tech-sec-01 ul li .tit {
        line-height: 1.2;
        height: 2.4em;
        overflow: hidden;
    }

    .tech-index-sec02 .pic-list .text , .technology-achievements-wrap .pic-list .text{
        height: 9em;
    }
    .tech-index-sec02 .pic-list .time  ,.technology-achievements-wrap .pic-list .time{
        /*position: absolute;*/
        left: 1.667em;
        bottom: auto;

        position: static;
        margin-bottom: 8px;
    }
    .pic-list ul li .label span {
        margin-top: 0;
    }
    .technology-achievements-wrap .pic-list ul li .label{
        bottom: auto;
    }

    .tech-index-sec02 .pic-list .sub-tit {
        margin-bottom: 0;
    }
    .tech-index-sec02 .pic-list .img a , .tech-index-sec02 .pic-list ul li .con{
        padding-bottom: 0;
    }
    .pic-list .text{
        position: relative;
    }

}

@media only screen and (max-width:500px) {
    .technology-achievements-wrap .pic-list ul li .con{
        padding-bottom: 0;
    }

}

@media only screen and (max-width:414px) {
    .nrnav-box .nr-nar-left2 .select-box dd { width:13em; }
    .nrnav-box .nr-nar-left2 .select-box dd a { margin:0px 1em 0px 0.5em; }

}

@media only screen and (max-width:340px) {

    .tech-cooper-sec03 .select-box { font-size:13px; }
    .tech-cooper-sec03 .select-box dd a { padding:0px 1em; }

    .nrnav-box .nr-nar-left2 .select-box dd { left:-2em; }

}