.new-page{padding-bottom:40px;}
.new-page .mt-10 {margin-top: 10px !important;}
.clearfix:after, .clearfix:before {display: table !important;content: " " !important;clear: both !important;}
.new-page .index-supreme .query-mode {width: 232px;border-radius: 4px;overflow: hidden;}
.new-page .pull-left {float: left !important; width: 232px;}
.new-page .name {height: 161px;padding-top: 50px;background: url(/statics/epower/img/2fa38b8.png) no-repeat 50%;color: #fff;text-align: center;}
.new-page .name .cn {height: 30px;line-height: 30px;}
.index-supreme .query-mode .name .cn {height: 30px;line-height: 30px;font-size: 24px;}
.new-page .fs24 {font-size: 24px !important;}
.new-page .index-supreme .query-mode .name .en {width: 78px;  line-height: 16px; margin: 0 auto;padding: 16px 0;border-bottom: 1px solid #fff;font-size: 12px;}
.new-page .index-supreme .filter {padding: 10px 15px;background: #fff; position: relative;}
.new-page .index-supreme .filter .tit {height: 20px;margin-bottom: 12px;font-weight: 600;color: #6e6e6e;}
.new-page .index-supreme .filter .el-form-item {margin-bottom: 10px;}
.new-page .index-supreme .list-mode {width: 920px;}
.new-page .ml-10 {margin-left: 10px !important;}
.new-page .pull-left {float: left !important;}
.new-page .supreme-list {width: 958px;}
.new-page .supreme-list .item:not(:nth-child(5n+1)) {border-left: 0}
.new-page .supreme-list .item:not(:nth-child(-n+5)) { border-top: 0}
.new-page .supreme-list .item { width: 191px;height: 48px;line-height: 48px;margin: 0;border: 1px solid #f4f4f7;text-align: left;}
.new-page .supreme-list .item:hover {box-shadow: 0 7px 14px rgba(0, 0, 0, 0.1);position: relative;}
.new-page .supreme-list .item .link {position: relative;display: block;padding-left: 12px;}
.new-page .supreme-list .item .link .text {vertical-align: middle;}
.new-page .supreme-list .item .link .tag { top: 17px;right: 9px;}
.new-page .filter{padding: 10px 15px;background: #fff;position: relative;}
.new-page .filter .tit{height: 20px;margin-bottom: 12px;font-weight: 600;color: #6e6e6e;}
.new-page .verify-img {width: 90px;margin-left: 5px;height: 36px;border-radius: 2px;}
.new-page .index-supreme .list-mode {width: 920px;}
.new-page .index-custom .carousel-list { margin-top: 18px;}
.new-page .index-custom .carousel-list .item {float: left; width: 230px;height: 360px;padding: 10px;background: #fff; border-radius: 4px; text-align: center;overflow: hidden;}
.new-page .index-custom .carousel-list .item:hover .cus-layer {display: block;}
.new-page .index-custom .carousel-list .item .cus-img {height: 210px; line-height: 210px; background: #4d4c4b;overflow: hidden;}
.new-page .index-custom .carousel-list .item .cus-img img {max-width: 100%;}
.new-page .index-custom .carousel-list .item .cus-info { margin-top: 20px;}
.new-page .index-custom .carousel-list .item .cus-info .name {height: 20px;}
.new-page .index-custom .carousel-list .item .cus-info .abs {margin-top: 10px;font-size: 12px;color: #9b9b9b;}
.new-page .index-custom .carousel-list .item>.btns {width: 132px;height: 36px;line-height: 36px;margin: 16px auto 0;border-radius: 4px;color: #3c7ee5;}
.new-page .index-custom .carousel-list .item>.btns span {padding: 0 6px;}
.new-page .index-custom .carousel-list .item>.btns .i-tri {display: inline-block;width: 3px;height: 6px; margin-top: -2px;border-top: 3px solid transparent; border-bottom: 3px solid transparent;vertical-align: middle;}
.new-page .index-custom .carousel-list .item>.btns .i-tri.tri-left {border-right: 3px solid #3c7ee5;}
.new-page .index-custom .carousel-list .item>.btns .i-tri.tri-right { border-left: 3px solid #3c7ee5;}
.new-page .index-custom .carousel-list .item .cus-layer { display: none;position: absolute;  top: 0; left: 0;width: 230px; height: 360px;background: rgba(0, 0, 0, 0.7);border-radius: 4px; color: #fff; font-size: 12px;}
.new-page .index-custom .carousel-list .item .cus-layer .ewm {margin-top: 62px;}
.new-page .index-custom .carousel-list .item .cus-layer .ewm img {width: 107px;}
.new-page .index-custom .carousel-list .item .cus-layer .scan {line-height: 20px;}
.new-page .index-custom .carousel-list .item .cus-layer .scan .iconfont {margin-right: 4px;font-size: 12px;}
.new-page .index-custom .carousel-list .item .cus-layer .btns .btn {width: 112px;background-color: #3c7ee5;line-height: 26px;padding: 0;border-radius: 4px;}
.new-page .index-supreme .list-mode {width: 920px;}
.new-page .ml-10 {margin-left: 10px !important;}
.new-page .pull-left { float: left !important;}
.new-page .supreme-list {width: 1200px;}
.new-page .supreme-list .item {width: 240px;height: 48px; line-height: 48px;margin: 0;border: 1px solid #f4f4f7;text-align: left;}
.supreme-list .item {float: left;width: 232px;  height: 234px;margin: 0 0 10px 10px; border-radius: 4px; background: #fff;text-align: center; position: relative;overflow: hidden;transition: all .3s ease 0s;}
.pull-left {float: left !important;}
.new-page .supreme-list .item .link { position: relative;display: block;padding-left: 12px;}
.new-page a {color: #1b1b1b;background-color: transparent;-webkit-text-decoration-skip: objects;}
.new-page .supreme-list .item .link .text {vertical-align: middle;padding-left:10px;}
.new-page .el-form-item{margin-bottom:7.7px!important;}
.new-page button{width:100%;}
.new-page .supreme-list .item .link .tag {top: 17px; right: 9px;}
.new-page .supreme-list .item img{    position: relative;top: 4px;}
.new-page .float-tag.t-remark {background: #fb5555;}
.new-page .float-tag { position: absolute;width: 32px;height: 16px;line-height: 16px; border-radius: 2px; font-size: 12px;color: #fff;font-weight: 400;font-style: normal;text-align: center;}
.new-page .float-tag.t-remark:after {top: 5px; left: -3px; border-top: 3px solid transparent; border-bottom: 3px solid transparent;border-right: 3px solid #fb5555;}
.new-page .float-tag:after {content: " "; position: absolute;}
/* 注册流程 */
.process { width: 1200px;height: 210px;background-color: #f1f3f7;border-radius: 0 0 4px 4px;padding:0px 20px;}
.process .common_title_t p {font-size: 18px;}
.process_l {margin-top: 0px;}
.process_l li {width: 220px;height: 185px;float: left;background-color: #ffffff;-webkit-box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.02); box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.02);border-radius: 4px;margin-left: 15px; text-align: center;}
.process_l li:first-child {margin-left: 0;}
.process_l li:hover .process_l_t,
.process_l li:hover .process_l_d {color: #3c7ee5;}
.process_l_n {width: 33px;height: 33px;margin: auto;border: solid 1px rgba(60, 126, 229, 0.4);border-radius: 50%;font-size: 16px;color: #3c7ee5;font-weight: bold;text-align: center;line-height: 30px;margin: 24px auto 10px;}
.process_l_t {font-size: 16px;color: #424a66;font-weight: bold;-webkit-transition: all 0.4s;transition: all 0.4s;}
.process_l_d {font-size: 14px;color: #9b9da8;margin-top: 2px;-webkit-transition: all 0.4s;transition: all 0.4s;    padding: 20px;}
/*知识产权团队*/
.team{ background-image: url(/statics/epower/img/team.png);    background-repeat: no-repeat; background-position: center 334px;height:520px;}
.team li{float: left;width: 230px;height: 360px;padding: 10px;background: #fff;border-radius: 4px;text-align: center;overflow: hidden;margin-right:12px; position:relative;}
.team li img{max-width: 100%;}
.team li .info{margin-top: 20px;margin-bottom:0;}
.team li .info .name{height:20px;}
.team li .info .abs{ margin-top: 10px;font-size: 14px;color: #9b9b9b;}
.team li .btns {width: 132px;height: 36px;line-height: 36px;margin: 16px auto 0;border-radius: 4px;color: #3c7ee5;/* 为伪元素定位做准备 */display: inline-block;position: relative;text-decoration: none;text-align: center;}
/* 左侧实心三角形箭头 */
.team li .btns::before {content: "";position: absolute;top: 50%;left: 24px; /* 调整箭头与左侧的距离 */transform: translateY(-50%);width: 0;height: 0;border-top: 4px solid transparent;border-bottom: 4px solid transparent;
border-right: 6px solid #3c7ee5; /* 右向边框形成左箭头 */}
/* 右侧实心三角形箭头 */
.team li .btns::after {content: "";position: absolute;top: 50%;right: 24px; /* 调整箭头与右侧的距离 */transform: translateY(-50%);width: 0;height: 0;border-top: 4px solid transparent;border-bottom: 4px solid transparent;
border-left: 6px solid #3c7ee5; /* 左向边框形成右箭头 */}
.team li:nth-child(5){margin-right:0;}
/* ========== 新增的悬停遮罩层样式 ========== */
.team li .hover-mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.75); /* 半透明黑色背景 */
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    opacity: 0; /* 默认隐藏 */
    visibility: hidden;
    transition: all 0.3s ease; /* 平滑过渡动画 */
    z-index: 10;
}

/* 鼠标悬停时显示遮罩层 */
.team li:hover .hover-mask {
    opacity: 1;
    visibility: visible;
}

/* 二维码图片 */
.team li .hover-mask .qrcode {
    width: 140px;
    height: 140px;
    background: #fff;
    padding: 8px;
    border-radius: 4px;
    margin-bottom: 15px;
}

.team li .hover-mask .qrcode img {
    width: 100%;
    height: 100%;
    display: block;
}

/* 提示文字 */
.team li .hover-mask .tip-text {
    color: #fff;
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 20px;
}

/* 在线咨询按钮 */
.team li .hover-mask .chat-btn {
    display: inline-block;
    width: 120px;
    height: 36px;
    line-height: 36px;
    background: #3c7ee5;
    color: #fff;
    text-decoration: none;
    border-radius: 4px;
    font-size: 14px;
    transition: background 0.3s ease;
}

.team li .hover-mask .chat-btn:hover {
    background: #2a6ad4;
}




/*专利首页广告*/
.patent_adver{background-image: url("../../../img/adver.jpg"); height:100px; width:100%;}
/*专利首页流程*/
.patent_access{ height:400px;}
.patent_access .ideal{width:1200px;height:170px;margin:0 auto;padding-bottom:60px}
.patent_access .ideal .box{position:relative;float:left;width:260px;height:200px;background-color:#fff;border-radius:5px;box-shadow:0px 0px 10px #edeff0}
.patent_access .ideal .box .icon{font-style:normal;font-size:24px;position:absolute;top:-9px;right:-16px;width:44px;height:44px;text-align:center;line-height:44px;border-radius:50%;background-color:#fb5555;color:#fff;border:6px solid #f4f6f7}
.patent_access .ideal .box .p1{font-size:18px;color:#7e879f;background-repeat:no-repeat;margin-top:37px;margin-bottom:20px}
.patent_access .ideal .box .bold{font-weight:bold;color:#333;font-size:22px}
.patent_access .ideal .box .title{font-size:14px;color:#999999;text-align:center;line-height: 10px !important;height: 10px !important;}
.patent_access .ideal .img1 .p1{background-image:url("../../../img/liucheng-img01.png");background-position:40px 0px;line-height:37px;padding-left:82px}
.patent_access .ideal .img2 .p1{background-image:url("../../../img/liucheng-img02.png");background-position:48px 0px;line-height:33px;padding-left:80px}
.patent_access .ideal .img3 .p1{background-image:url("../../../img/liucheng-img03.png");background-position:49px 0px;line-height:31px;padding-left:85px}
.patent_access .ideal .img4 .p1{background-image:url("../../../img/liucheng-img04.png");background-position:20px 0px;line-height:33px;padding-left:58px}
.patent_access .ideal .ideal-next{float:left;width:25px;height:18px;background:url("../../../img/liucheng-next.png") no-repeat 0 0;margin:75px 13px 0px}
.patent_access .ideal .btn{text-align:center;    display: block;}
.patent_access .ideal .btn a{display:inline-block;height:28px;line-height:28px;border:solid 1px #3c7ee5;font-size:14px;color:#3c7ee5;border-radius:3px;text-align:center;margin:20px auto 0;padding:0 15px}
/*我们的客户*/
.patent_customer{}
.patent_customer li{float: left;width: 239px;height:239px;border:1px solid #ececec; margin:0 -1px -1px 0;}
.patent_customer li img{ width:100%;}