/*技术研发*/
.devep_wrap{max-width: 1510px; margin:0 auto; width:90%;}
.devep_list{padding:0% 0 5%;}
.devep_list li{margin-bottom: 2%;}

.devep_list li:nth-child(2n) .li_top .img{ float: left;}
.devep_list li:nth-child(2n) .li_top .txt{ float: right;}
.li_top{margin-bottom: 2%; background: #F8F9FA;}
.li_top .txt{ float: left; width:43%;}
.li_top .img{ float: right; width:57%;}
.li_top .txt .inner{padding:8% 8% 0;}
.li_top .txt h2{margin-bottom: 5%;}
.li_top .txt .c{line-height: 1.8; height:12.6em; margin-bottom: 5%;}
.li_top .txt .btn{ display: block; text-align: center; width:192px; height: 56px; line-height: 56px; color:#fff!important; border-radius: 26px; background: #02468D;}
.li_top .txt .btn em{ float: left; margin-left:50px;}
.li_top .txt .btn i{ float: right; margin-right:25px;font-size:20px;}
.li_bot{position: relative;}
.li_bot .bg{position: absolute; lefT:0; top:0; width:100%; height: 100%; background: rgba(0,0,0,0.4);}
.li_bot .bg .inner{padding:6% 4%; color:#fff; width:46%;}
.li_bot .bg h2{padding-bottom: 5%; margin-bottom: 5%; position: relative;}
.li_bot .bg h2::after{content: ""; position: absolute; left:0; bottom:0; width:60px; height: 4px; background: #fff;}
.li_bot .bg .c{line-height: 1.8; opacity: 0.9;}

@media only screen and (max-width:1399px) {
    .li_top .txt .c{ height: 10.8em;}
}
@media only screen and (max-width:1279px) {
    .li_top .txt .c{ height: 9em;}
    .li_top .txt .btn{ width:100px; height: 36px; line-height: 36px;}
    .li_top .txt .btn em{margin-left: 15px;}
    .li_top .txt .btn i{margin-right: 10px; font-size: 14px;}
    .li_bot .bg .inner{width:92%;}
    .li_bot .bg h2{padding-bottom: 2%;margin-bottom: 2%;}
}
@media only screen and (max-width:1023px) {
    .devep_list li{margin-bottom: 5%;}
    .li_top .txt .c{ line-height: 1.5; height: 6em;}
    .li_bot .bg .c{line-height: 1.5;}
    .li_top .txt,.li_top .img{width:100%;}
    .li_top .txt .inner{padding:5%;}
    .li_bot{height: auto!important;}
    .li_bot .bg{position: static;}
    .li_bot .bg .inner{padding:5%; widtH:90%;}
    .li_bot .bg .c{opacity: 1;}
}


.paper_list{padding:0 0 2%;}
.paper_list ul{margin-bottom:2%;}
.paper_list li{ box-sizing: border-box; padding: 2.5% 3%; text-align: center; float: left; height: 216px; width:48%; margin-bottom: 3%;position: relative;}
.paper_list li::before{content:""; position: absolute; lefT:0; top:0; width:100%; height: 100%;border:1px solid #80A1C6;}
.paper_list li:nth-child(2n){ float: right;}
.paper_list li h2{padding:0 5%;}
.paper_list li .ico-box{ display: none; color:#02468D; height: 36px; line-height: 36px; margin-top:3%; position: relative;}
.paper_list li .ico-box::after{content: "";position: absolute; left:50%; top:20%; width:1px; height: 60%; background: #02468D;}
.paper_list li .ico-box a{color:#02468D; margin:0 20px;}
@media only screen and (max-width:1520px) {
    .paper_list li{ height: 180px;}
}
@media only screen and (max-width:1279px) {
    .paper_list li{ height: 160px;}
}
@media only screen and (max-width:1024px) {
    .paper_list li{ height: auto;}
    .paper_list li .ico-box{ display: block;}
    .paper_list li .ico-box::after{ height: 50%; top:25%;}
    .paper_list li h2{padding:0;}
}
@media only screen and (max-width:767px) {
    .paper_list li{width:100%;}
    .li_bot .bg .inner{padding:6% 4%; color:#fff; width:100%; background: #f8f9fa; color: #000;}
    .li_bot .bg h2::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        width: 30px;
        height: 2px;
        background: #000;
    }
}



.color_w{color:#fff;}
.certify_list{padding:0 0 2%;}
.certify_list ul{margin:0 -2% 2%;}
.certify_list li{ float: left; width:21%; margin:0 2% 1.5%;}
.certify_list li .img{ border:1px solid #E1E1E1; position: relative; overflow: hidden;}
.certify_list li .img img{max-width: 86%;}
.certify_list li h3{margin-top:4%; height: 3em; overflow: hidden; text-align: center;}
@media only screen and (max-width:1023px) {
    .certify_list li{ width:46%;}
}

.patent_bg{background: #F8F9FA;}
.patent_box{padding:0 0 2%; }
.patent_box .ll{ float: left; width:45.5%; margin-left:2%;}
.patent_box .ll li{ display: none;}
.patent_box .ll li.on{ display: block;}
.patent_box .ll li .img{box-shadow: 0 0 10px 10px #E1E2E2; overflow: hidden; margin-bottom: 5%;}
.patent_box .ll li .img img{ display: block; max-width:78%; padding-top:10%; margin:0 auto;}
.patent_box .ll li h3{color:#000000; font-weight:bold;}
.patent_box .rr{ float: right; width:45.5%; margin-right: 2%;}
.patent_box .rr ul{padding-bottom:6%;}
.patent_box .rr li{ float: left; width:47%; margin-bottom: 2%; position: relative;}
.patent_box .rr li:nth-child(2n){ float: right;}
.patent_box .rr li em{ opacity: 0; z-index: 2; display: block; width:34px; height: 22px; line-height: 22px; color: #fff; text-align: center; border-radius: 15px; background: #02438D;}
.patent_box .rr li em i{color:#fff; font-size: 12px;}
.patent_box .rr li .bg-layer{ opacity:0; position: absolute; z-index: 1; left:0; top:0; width:100%; height: 100%; background: rgba(0,0,0,0.4);}
.patent_box .rr li.on em,.patent_box .rr li.on .bg-layer{ opacity: 1;}
@media only screen and (max-width:1023px) {
.patent_box .rr .page i,.patent_box .rr .page a.num{ display: none;}
}
@media only screen and (max-width:767px) {
    .patent_box .ll{width:90%; margin:0 5% 5%;}
    .patent_box .rr{width: 100%; margin:0;}    
}



.invest_list{padding:0% 0 7%;}
.invest_list ul{margin-bottom:2%;}
.invest_list li{ box-sizing: border-box; padding: 2.5% 3%;float: left; width:48%; margin-bottom: 3%;position: relative;}
.invest_list li::before{content:""; position: absolute; lefT:0; top:0; width:100%; height: 100%;border:2px solid #E8E8E8;}
.invest_list li:nth-child(2n){ float: right;}
.invest_list li .ll{ float: left; width:64px; line-height: 72px;}
.invest_list li .txt{ float: right; width:calc(100% - 100px);}
.invest_list li h2{margin-bottom: 5%; position: relative; z-index: 10;}
.invest_list li h2 a{display: block;line-height: 30px;height: 60px;}
.invest_list li p span{ float: left; font-size: 12px; font-family: Arial, Helvetica, sans-serif;}
.invest_list li p span i{font-size: 16px; font-weight: bold; margin-right: 10px;}
.invest_list li p em{ float: right; padding:0 15px; height: 24px; line-height: 24px; color:#fff; border-radius: 15px; background: #666666;}


@media only screen and (max-width:1399px) {
    .invest_list li .ll{ line-height: 60px;}
    .invest_list li .txt{width:calc(100% - 70px);}  
}
@media only screen and (max-width:1279px) {
    .invest_list li .ll{width:40px; line-height: 40px;}
    .invest_list li .txt{width:calc(100% - 50px);}  
}
@media only screen and (max-width:767px) {
    .invest_list li{width:100%;}
    .invest_list li .ll{width:30px; line-height: 30px;}
    .invest_list li .txt{width:calc(100% - 30px);}  
    .invest_list li p span i,.invest_list li p em{font-size: 12px;}
}



.education_tit{margin:2% 0 5%;}
.education_tit a{float: left; margin-right:30px; height: 46px; line-height: 46px; padding: 0 30px; color:#4F535D; border-radius: 30px; }
.education_tit a.on{ color:#fff; font-weight: bold; background: #02438D;}
.education_list{margin-bottom: 7%;}
.education_list ul{margin:0 0 2%;}
.education_list li{ box-sizing: border-box; padding: 3% 5%;margin:0 0 2%;border:3px solid transparent; background: #F8F9FB;}
.education_list li h2{position: relative; padding-right: 100px; margin-bottom: 2%;}
.education_list li h2 span{position: absolute; right:0; top:0; font-size: 12px;}
.education_list li a.btn{ display:inline-block; height: 40px; line-height: 40px; padding:0 20px; color:#fff; border-radius: 30px; background: #666666;}
.education_list li a.btn i{margin-left: 5px; font-weight: bold; font-size: 14px;}
@media only screen and (max-width:767px) {
    .education_list li{padding:5%;}
    .education_list li h2{margin-bottom: 4%;}
    .education_list li a.btn{height: 30px; line-height: 30px; padding:0 10px;}
}


@media only screen and (max-width:767px) {
    .education_tit a:nth-child(2){
        margin-right: 0;
    }
    .paper_list li h2,.certify_list li h3,.invest_list li h2,.education_list li h2{ font-size: 16px;}
}
@media only screen and (min-width:1025px) {
    .paper_list li::before,.certify_list li .img,.certify_list li .img img,.certify_list li h3,.invest_list li::before,.education_list li,
    .patent_box .rr li em,.patent_box .rr li .bg-layer{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
    .li_top .txt .btn:hover{color: #fff!important;font-weight: bold;}
    .page a.prev:hover,.page a.next:hover{background: #006dbb;color: #fff!important;}
    .paper_list li:hover::before{width:calc(100% - 4px); height:calc(100% - 4px);border:3px solid #02468D; box-shadow: 0 0 5px 5px #EBEBEB;}
    .paper_list li:hover span{ display: none;}
    .paper_list li:hover .ico-box{ display: block;}
    .certify_list li:hover .img img{max-width: 90%;}
    .certify_list li:hover .img{border:1px solid #02468D;}
    .certify_list li:hover h3{color:#02468D;}
    .invest_list li:hover::before{width:calc(100% - 2px); height:calc(100% - 2px);border:3px solid #02468D; box-shadow: 0 0 5px 5px #EBEBEB;}
    .invest_list li:hover .ll i,.invest_list li:hover h2 a{color:#02438D;}
    .invest_list li:hover p em{background:#02438D;}
    .education_list li:hover{border: 3px solid #02438D; box-shadow: 0 0 8px 8px #DCDCDC; background: #fff;}
    .education_list li:hover h2 a{color:#02438D;}
    .education_list li:hover a.btn{color:#fff!important;background: #02438D;}
    .patent_box .rr li:hover em,.patent_box .rr li:hover .bg-layer{opacity: 1;}
}
@media only screen and (max-width:320px) {
    .education_tit a{
        width: 50%;
        margin: 0;
        box-sizing: border-box;
        
    }
    .exchange_txt {
        padding: 0 !important;
    }
}

/* .patent_bg>*{touch-action:none;} */

.lt10 .fancybox-content{transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); position:absolute; left:50%; top:50%;}


.fancybox-container{z-index: 10000000000;}