@charset "UTF-8";
@import url('base.css');
.header{position: relative; z-index: 101}
.header .top-itemh{position:absolute; width: 100%;}
.header .box1{background: #fff; line-height: 50px; position: relative; z-index: 10}
.header .box2{padding: 20px 0; position: relative;}
.header .logo{width:18.829%}
.header .search-item{width:72.657%}

.header .user{margin-left: 25px;}
.header .user a{cursor: pointer}
.header .user .outbox{background: url("../images/user.svg") no-repeat left; padding-left: 22px; background-size: 14px;}
.header .user .inbox{display: flex;}
.header .user .inbox b{display: flex;align-items: center}
.header .user .inbox img{width: 20px; height: 20px; object-fit: cover; object-fit: cover; margin-right: 6px; border-radius: 100%}
.header .language{position: relative}
.header .language dt{background: url("../images/language.svg") no-repeat left; padding-left: 26px; padding-right: 20px; position: relative}
.header .language dt:after{content: ''; position: absolute; right: 0; top: 0; bottom:0; margin: auto; width: 30px; height: 30px; background: url("../images/jt.svg") no-repeat center center}
.header .language dd a{line-height: .5rem;padding-left: 26px}
.header .filter{position: relative;flex: 1; border: solid 1px #cccccc;background: #fff;padding: 4px;border-radius: 4px;line-height: .40rem;padding-right: 1.5rem}
.header .filter dd ul{padding: .1rem; white-space: nowrap}
.header .filter dd ul li {padding: 5px 0}
.header .filter dd ul li a em{font-style: normal}
.header .filter dd ul li:hover a:hover{box-shadow: 0 0 0 1px #3476fe; border-radius: 2px;}
.header .search{flex: 1}
.header #TopKey{border: none;width: 100%; height: .4rem}
.header #TopBtn{width: 1.2rem; background: #3476fe url("../images/search.svg") no-repeat .28rem;background-size: 20px; color: #fff; position: absolute;text-indent: .6rem; right: 4px; top: 4px; cursor: pointer; border-radius: 4px;transition: 0.5s}
.header #TopBtn:hover{background-color: #000}
.header .series{position: relative;margin:0 .4rem}
.header .series:after{content: '';position: absolute; background: #ccd1d4; width: 1px; height: 14px; top: 0; bottom: 0; right: 0; margin: auto}
.header .series dt{padding: 0 .4rem; background: url("../images/all.svg") no-repeat left}
.header .series ul {min-width: 350px; display: flex; flex-wrap: wrap; justify-content: space-between;}
.header .series ul li{width: 48%}
.header .type{position: relative;padding: 0 .22rem}
.header .type:after{content: ''; position: absolute; right: 0; top: 0; bottom:0; margin: auto; width: 12px; height: 12px; background: url("../images/jt.svg") no-repeat center center}
.header .upload{padding-left: .1rem;}
.header .upload a{display:flex;background: #fff;border-radius: 4px; align-items: center; color: #3476fe;line-height: .5rem;padding: 0px .3rem;cursor: pointer; transition: 0.5s}
.header .upload a:before{content: '';margin-right: 12px;  width: 24px; height: 24px; background: url("../images/up.svg") no-repeat center center; background-size: contain}
.header .upload a:hover{background-color: #042464; color: #fff}
.header .format{padding-top: .1rem}
.header .format,
.header .format a{color: #ffffff}
.header .format li:not(:last-child){margin-right: 22px;}
.header .format ul{padding-right: .4rem}
.header .format ul li{text-transform: uppercase;}
.header .format ol li a{white-space: normal}

.header .nav li{margin-right: .28rem}
.header .nav li a{cursor: pointer}

body.ind-body .header .box2{padding: .8rem 0;}
@media(max-width:1200px){
.header .auto-inner{width: 96%}
.header .nav li{margin-right: .15rem}
.header .user{margin-left: .10rem}
}
@media(max-width:1024px){
body.ind-body .header .box2{padding: 20px 0;}
.header .nav{position: absolute; right: 0; top: 100%;width: 340px; padding: calc(24 / 16 * 1em); background: #fff;  visibility: hidden; transform: translateY(5em); transition: 0.3s; opacity: 0;}
.header .nav li{margin-right: 0; border-bottom: solid 1px #eee}
.open-menu{z-index: 10; width: 40px; height: 40px;position: relative; margin-left: .2rem; background: #3476fe; border-radius: 100%; cursor: pointer}
.open-menu i{position: absolute; width: 70%; height: 3px; background: #fff; left: 15%; top: 50%; margin-top: -1.5px; transition: 0.3s;}
body:not(.menu-show) .open-menu i:nth-child(1){margin-top: -10px;}
body:not(.menu-show) .open-menu i:nth-child(3){margin-top: 8px;}
body.menu-show .header .nav { transform: translateY(0); opacity: 1; visibility: inherit; }
body.menu-show .open-menu i:nth-child(2){opacity: 0;}
body.menu-show .open-menu i:nth-child(1){transform: rotate(-45deg);}
body.menu-show .open-menu i:nth-child(3){transform: rotate(45deg);}
}
@media(max-width:768px){
.header .search-item{width: 100%}
.header .logo{padding-bottom: 20px; width:30%}
.header .upload{position: absolute;top: 20px; right:2%}
}
@media(max-width:640px){
.header .txt{display: none}
.header .box1 .part-box {width: 100%; justify-content: flex-end}
.header .series{margin: 0}
.header .filter{padding:.1rem}
.header .search{position: relative; order: 3; width: 100%; flex: auto;}
.header #TopKey{ background: #eee; padding-left: .1rem}
.header #TopBtn{top: 0}
.header .upload a{line-height: .4rem; padding: 0 .15rem}
.header .format ul{padding-right: 0}
}

.footer{padding: .2rem 0; line-height: .4rem ; background: #ffffff; margin-top:4%}
.footer,
.footer a:not(:hover){color: #999999}
.footer .link{order: 2}
.footer .link a:not(:last-child){margin-right: .3rem}
@media(max-width:768px){
.footer .link{order: -1; width: 100%}
.footer .icp{display: none}
.footer .copyright{line-height: .24rem}
}

.location{padding: .2rem 0}

main.main{position: relative; z-index: 100; background: #f2f5f9}
body.ind-body main.main{background: none}

.search-record{padding: .2rem 0}
.search-record span{padding: 0 5px}

.part-box-round{background: #fff; padding: .3rem; border-radius: 10px;}

@media(max-width:768px){
.part-box-round{padding: .1rem}
}

.dl-drop-down dt{cursor: pointer}
.dl-drop-down dd{position: absolute;overflow:hidden;height: 0;min-width: 100%;  transform: translateY(20px);background: #fff;box-shadow: 0 0 20px rgba(102,102,102,0.5); top: 100%; border-radius:5px;transition: 0.5s; z-index: 99}
.dl-drop-down dd a{display: block;line-height: 30px;padding: 0px 13px; cursor: pointer}
.dl-drop-down dd:before{content: ''; position: absolute; width: 10px; height: 10px; left: 20px;top: -5px; background: #fff; transform: rotate(45deg)}
.dl-drop-down.active dd{overflow: inherit; height: auto; transform: translateY(0px)}


.column-title{padding-bottom: .2rem; border-bottom: solid 1px #e5e5e5}
.column-title h3{padding: 0; margin: 0; display: flex; align-items: center}
.column-title img{height: 20px; margin-right: 20px; }

[data-icon="doc"]{background-image: url("../images/file_doc.png")}
[data-icon="ppt"]{background-image: url("../images/file_ppt.png")}
[data-icon="pdf"]{background-image: url("../images/file_pdf.png")}
[data-icon="xls"]{background-image: url("../images/file_xls.png")}
[data-icon="txt"]{background-image: url("../images/file_txt.png")}
[data-icon="mp4"]{background-image: url("../images/file_mp4.png")}

.all-list-item{padding-top: .1rem}
.all-list-item ul h4{padding: 0; margin: 0;position: relative}
.all-list-item ul h4 a{ background-repeat: no-repeat;background-position: left; padding-left: .3rem}
.all-list-item ul p{padding: 0; margin: .1rem 0;line-height: .24rem; color: rgb(var(--rgb-666));}
.all-list-item ul .qita span{display: inline-block}
.all-list-item ul .qita.line span:not(:last-child):after{content: '|'; margin-left: .15rem}
.all-list-item ul .qita.flex{}
.all-list-item ul .qita.flex *:not(:last-child){margin-right: .15rem}
.all-list-item ul .collect{font-style: normal; padding-left: 27px; cursor: pointer;float: right; color: rgb(var(--rgb-999));position: relative;background: url("../images/collect.svg") no-repeat left; background-size: 17px}
.all-list-item ul .collect.on{color: #3476fe; background-image: url("../images/collect_on.svg")}
.all-list-item ul.li-flex .qita{margin-left: .2rem}
.all-list-item ul li{line-height: .38rem}
.all-list-item ul.li-flex li{display: flex; justify-content: space-between}
.all-list-item ul.li-line li{padding: .15rem 0; border-bottom:dashed 1px #cccccc}
.all-list-item ul.li-line li .qita{color: rgb(var(--rgb-999));}
.all-list-item ul.li-bg li{background: #f2f5f9; border-radius: 5px;padding: .1rem .2rem; margin-bottom: .1rem}
.all-list-item ul.li-bg li.first{background: none; padding-left: 0;margin-bottom: 0;padding-top: 0}
.all-list-item ul.qita-w h4{flex: 1}
.all-list-item ul.qita-w .qita{width: 2.4rem}
.all-list-item ul .qita .operate{width: 1.4rem; display: flex; justify-content: space-between}
.all-list-item ul .qita .operate a{display:flex;align-items: center; cursor: pointer; position: relative;}
.all-list-item ul .qita .operate a:not(:last-child):after{content: '';position: absolute; top: 0; bottom: 0; right: -.15rem; margin: auto; width: 1px; height: 11px; background: #999999;}
.all-list-item ul .qita .operate a:not(:hover){color: rgb(var(--rgb-999));}
.all-list-item ul .qita .operate.icon a:before{content: '';display: block; width: 20px; height: 20px; background: no-repeat left}
.all-list-item ul .qita .operate.icon .del:before{background-image: url("../images/delete.svg")}
.all-list-item ul .qita .operate.icon .edit:before{background-image: url("../images/edit.svg")}
.all-list-item ul .qita .operate.icon a:not(:hover):before{filter: grayscale(100%) brightness(100%); }
#member .all-list-item ul.qita-w .qita{width: 3rem}
@media(max-width:1200px){
#member .all-list-item ul.qita-w .qita{width:2.6rem}
}
@media(max-width:1024px){
.all-list-item ul.qita-w li{flex-wrap: wrap}
.all-list-item ul.qita-w li.first time{opacity: 0}
.all-list-item ul.qita-w li:not(.first) h4{flex: auto; width: 100%}
.all-list-item ul.qita-w li:not(.first) .qita{width: 100%!important; margin-left: 0}
}

.detail-info .part-box-round:not(:last-child){margin-bottom: .2rem}
.detail-info .desc ul li{background: #ffffff; border-radius: 10px; padding: .2rem; margin-bottom: .1rem}
.detail-info .related{background: #ffffff; border-radius: 10px; padding: .2rem; margin-top: .1rem}
.detail-info .related .column-title{margin-bottom: .1rem}
.detail-info .link ul{}
.detail-info .link li{width: 48%; margin-top: 4%}
.detail-info .link li a{cursor: pointer;display: flex;justify-content: center; line-height: .6rem; background: #fff;border: solid 1px #80aaff; border-radius:5px;}
.detail-info .link li.download{width: 100%; margin-top: 0;}
.detail-info .link li.download a{background: #3476fe; color: #ffffff}
.detail-info .link li.collect a{display: flex; justify-content: center;align-items: center}
.detail-info .link li.collect i{width: 20px; height: 20px; margin-right: .1rem; font-style: normal;background: url("../images/collect.svg") no-repeat center center; background-size: 17px}
.detail-info .link li.collect.on a{color: #3476fe}
.detail-info .link li.collect.on i{background-image: url("../images/collect_on.svg")}
.detail-info .hits{display: flex;justify-content: space-between;padding: .1rem;max-width: 2.6rem;margin-left: auto;margin-bottom: 0 !important;}
.detail-info .hits .item{/* width: 48%; */font-size: calc(var(--font-size14));color: #333;box-sizing: border-box;display: flex;align-items: center;}
.detail-info .hits .item span{color: #80aaff;}
.detail-info .hits .item:last-child{border-right: 0;}
.detail-info .hits .item:before{display: block;content: '';width: .2rem;height: .2rem;background-size: 100%;margin-right: .1rem;}
.detail-info .hits .item:nth-of-type(1):before{background-image: url('../images/read.svg');}
.detail-info .hits .item:nth-of-type(2):before{background-image: url('../images/download.svg');}
.detail-info .detail {padding:10% 12%}
.detail-info .detail .title{text-align: center; padding-bottom: 3%}
.detail-info .detail .title span{display: block}
.detail-info .detail .article{color: rgb(var(--rgb-666)); line-height: 2}

.detail-info .tab_title{border-bottom: solid 1px #e5e5e5; display: flex; margin-bottom: .1rem}
.detail-info .tab_title span{padding: .1rem 0; color: rgb(var(--rgb-999)); cursor: pointer}
.detail-info .tab_title span:not(:last-child){margin-right: .3rem}
.detail-info .tab_title span.show{color: rgb(var(--rgb-333333));border-bottom: solid 2px #000000}
.detail-info .tab_item .list li{padding: 4% 0; border-bottom: solid 1px #e6e6e6; justify-content: space-between}
.detail-info .tab_item .list .user{position: relative; padding-left: .7rem; width:32%}
.detail-info .tab_item .list .user time{display: block}
.detail-info .tab_item .list .user figure{position: absolute; left: 0;width: .54rem; height: .54rem; border-radius: 100%}
.detail-info .tab_item .list .user figure img{position: absolute; width: 100%; height: 100%; object-fit: cover;-o-object-fit: cover}
.detail-info .tab_item .list .txt{width: 66%}
.detail-info .comment h5{padding-bottom: .1rem}
.detail-info .comment .text{width: 100%; height: 1.2rem; border: solid 1px #e6e6e6; padding: .2rem}
.detail-info .comment .submit{ background: #3476fe; color: #fff; width: 1rem; height: .5rem; border-radius: 10px; cursor: pointer; border: none}
.detail-info .part-box-round_two { padding: .4rem;}
.detail-info .part-box-round .video{ width: 95%; margin: .2rem auto; display: block;}
@media(min-width:768px){
.detail-info {display: flex}
.detail-info .part-box-left{flex: 1}
.detail-info .part-box-right{width: 3rem; margin-left: .2rem}
}
@media(max-width:1200px){
.detail-info .detail{padding: 4%}
}
@media(max-width:768px){
.detail-info .part-box-right{padding-top: .5rem}
.detail-info .link ul li{width: 49%; margin-top: 2%}
.detail-info .tab_item .list .user{width: 100%}
.detail-info .tab_item .list .txt{width: 100%;padding:3% 0}
}

.single-article{min-height: 3rem}

.upload-document{background: #fff;padding: 4%}
.upload-document .title{text-align: center; padding-bottom:1%}
.upload-document .box{width: 49%}
.upload-document .group{position: relative;  padding: 5px 0;line-height: 48px;}
.upload-document span.biaoti{display: block;}
.upload-document label.tip{position: absolute; padding-left: 15px; color: rgb(var(--rgb-999));line-height: 48px;}
.upload-document p.tip{color: rgb(var(--rgb-999));line-height:24px;background: url(../images/tip.svg) no-repeat left 5px; padding-left: 21px;}
.upload-document input.text{width: 100%; border: solid 1px #e5e5e5; height: 48px;padding: 0px 15px;}
.upload-document .file-box{display: flex}
.upload-document .file-box .biaoti{position: relative}
.upload-document .file-box input.text{flex: 1}
.upload-document .file-box .upload{background: #3476fe url(../images/up2.svg) no-repeat 24px; background-size: 24px; color: #fff; width: 1.5rem;padding-left: .25rem; border: none; border: none; cursor: pointer; transition: 0.5s; position: relative; z-index: 10}
.upload-document .file-box .upload:hover{background-color: #042464}
.upload-document .input-fang label{margin-left: .3rem}
.upload-document .submit-reset{text-align: center; padding: 3% 0}
.upload-document .submit-reset input[type=button]{cursor: pointer; width: 48%; max-width:2rem; height: .5rem; border: none}
.upload-document .submit-reset .submit{background: #3476fe; color: #ffffff}
.upload-document .submit-reset .submit:hover{background-color: #042464}
.upload-document .submit-reset .reset{background-color: #f0f0f0; color: #333}

@media(max-width:1024px){
.upload-document .box{width: 100%}
.upload-document .file-box .upload{width: auto; padding-left: .5rem; padding-right: .2rem; background-position: .1rem}
}

/*member*/
#member{padding-top: 4%}
@media(min-width:768px){
#member{display: flex; justify-content: space-between}
#member .part-box-left{width: 2.6rem; margin-right: .2rem}
#member .part-box-right{flex: 1}
#member .partH{height:calc(100% - .9rem)}
}

.aside-menu .user{margin-bottom: .2rem; padding-left: 0; padding-right: 0}
.aside-menu .user figure{width: .8rem; height: .8rem;margin: auto; position: relative;border-radius: 100%;box-shadow:  0 0 11px rgba(0,0,0,0.11)}
.aside-menu .user figure img{position: absolute; width: 87.5%; height:87.5%; margin: auto; left: 0; right: 0; top: 0; bottom: 0; border-radius: 100%;object-fit: cover;-o-object-fit: cover;}
.aside-menu .user figure{width: .8rem; height: .8rem;position: relative;border-radius: 100%;box-shadow:  0 0 11px rgba(0,0,0,0.11)}
.aside-menu .user p b{display: block; text-align: center; padding-top: .1rem}
.aside-menu .user .txt p{padding: .15rem .2rem}
.aside-menu .user .txt p:not(:last-child){border-bottom: solid 1px #f2f2f2}

.aside-menu .menu{padding: 0}
.aside-menu .menu li:not(:last-child){border-bottom: solid 1px #f2f2f2}
.aside-menu .menu li a{display: flex;height: .7rem;padding-left: .3rem; align-items: center}
.aside-menu .menu li img{margin-right: .15rem; max-height: .2rem}
.aside-menu .menu li:not(:hover):not(.aon) img{filter: brightness(100) invert(1);}
@media(max-width:768px){
.aside-menu{padding-bottom: .2rem}
.aside-menu .menu ul{display: flex; flex-wrap: wrap; padding: .1rem;}
.aside-menu .menu li{width: 20%}
.aside-menu .menu li a{padding-left: 0; height: .5rem}
}
@media(max-width:640px){
.aside-menu .menu li{width:33.333%}
}

.my-title{padding: .24rem 0; margin-bottom: .1rem}
.my-title span{border-left: solid 4px #3476fe; padding-left: 16px; display: inline-block; line-height: 24px;}

.my-article{}
.my-article .article{color: rgb(var(--rgb-666))}

.my-article .video{position: relative; max-width: 550px; margin: auto}
.my-article .video img{width: 100%; border-radius: .2rem}

.my-experiment li{width: 49.5%;margin-bottom: 1%; background: #fff; border-radius: 10px;padding: .3rem}
.my-experiment h4:after{content: ''; display: block;margin: .1rem 0; width: 23px; height: 2px; background: #3476fe}
.my-experiment p{color: rgb(var(--rgb-222)); padding: .05rem 0}
.my-experiment .more{color: rgb(var(--rgb-999));display: block;padding-top: .2rem}
@media(max-width:1024px){
.my-experiment li{width: 1024%;}
}

.my-collect{background: none; padding: 0; border-radius: 0}
.my-collect li{background: #fff; padding: .3rem; border-radius: 10px; margin-bottom: .1rem}

.my-contact .box1{background: #f2f5f9; border-radius: 20px;overflow: hidden; margin-bottom:6%}
.my-contact .box1 ul{margin-left: -1px;}
.my-contact .box1 li{width: 25%;padding: 4% 2%; border-left: solid 1px #e4e7ea; text-align: center}
.my-contact .box1 p:nth-child(2){padding-top: .1rem; padding-bottom: .05rem}
.my-contact .box1 p{padding: 0; margin: 0; color: #666; line-height: 22px;}
.my-contact .box1 p span{color: #222}
.my-contact .box1 figure{width: 50px; height: 50px;margin: auto; background: #3476fe; border-radius: 100%;}
.my-contact .box1 figure img{max-width: 25px; max-height: 25px;}
.my-contact .box2{text-align: center;max-width: 4rem;width: 90%;margin: auto}
.my-contact .box2 p{color: #222}
.my-contact .box2 .ewm{position: relative; padding-top: 15px;z-index: 2}
.my-contact .box2 .ewm:before,
.my-contact .box2 .ewm:after{content: '';position: absolute;  left: 0; right: 0; top: 0; margin: auto; border-radius: 30px;}
.my-contact .box2 .ewm:before{width: 100%; height: .4rem; background: linear-gradient(#bed4ff,#e6eeff);z-index:-1}
.my-contact .box2 .ewm:after{width: 90%; height: .1rem; top: 15px;  background: linear-gradient(rgba(52,118,254,1),rgba(52,118,254,1),rgba(52,118,254,1));-webkit-animation: shao 3s linear infinite; z-index: 5}
.my-contact .box2 figure{width: 82.5%; overflow: inherit; padding: 10%; margin: auto; position: relative;background: linear-gradient(#98b9ff,#f2f6ff 15%);}
.my-contact .box2 figure:after{content: '';position: absolute; margin: auto; border-radius: 10px;left: -1px; right: -1px; top: -1px; bottom: -1px;background: linear-gradient(#96b9ff,#f2f6ff); z-index:-1}
.my-contact .box2 figure img{width: 100%; border-radius: 10px;position: relative; z-index: 3}
@-webkit-keyframes shao {
  0% {top:15%;height: .1rem; opacity:1; }
  100% {opacity: 0; height: .2rem; top:100%; background: linear-gradient(rgba(52,118,254,0.5),rgba(52,118,254,1),rgba(52,118,254,0.5));}
}
@media(max-width:1024px){
.my-contact .box1 li{width: 50%}
.my-contact .box1 li:nth-child(2)~li{ border-top: solid 1px #e4e7ea; }
}

.my-meassage {max-width: 5.8rem;margin: auto}
.my-meassage .group{padding: .1rem 0}
.my-meassage .biaoti{width: .82rem; text-align: right; margin-right: .2rem}
.my-meassage .box{flex: 1}
.my-meassage label.tip{position: absolute; line-height: .5rem;padding-left: .2rem}
.my-meassage .text{width: 100%;border: solid 1px #e6e6e6; border-radius: 5px; height: .5rem;line-height: .5rem; padding: 0 .2rem}
.my-meassage textarea.text{height: 3rem}
.my-meassage .submit{width: 100%; color: #fff;background: #3476fe; height: .5rem; border-radius: 5px; border: none; cursor: pointer; transition: 0.5s}
.my-meassage .submit:hover{background: #042464}

/*member end*/


.pop-up{position: fixed;display: none; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 101; top: 0;}
.pop-up .out-box{width: 100%; height: 100%; display: flex; justify-content: center; align-items: center}
.pop-up .in-box{ position: relative;width:96%; max-width:7rem; margin: auto; background: #f5f9fe; border-radius: 20px;}
.pop-up .part-box{display: none;padding: 10% 6%;}
.pop-up .close{right: .1rem; top: .1rem}
.pop-up .close::before,
.pop-up .close::after{background: #000000;width: 50%; height: 1px; margin-top: -0.5px; left: 25%}
.pop-up[data-type="app"] .in-box{max-width: 6rem; text-align: center; color: rgb(var(--rgb-000));background: #ffffff}
.pop-up[data-type="app"] .txt p{padding: .1rem 0}
.pop-up[data-type="app"] figure{width: 70%; max-width: 1.6rem; margin: auto}

.form-title{text-align: center;color: rgb(var(--rgb-000)); padding-bottom: .1rem}
.form-title p{padding: .1rem 0;color: rgb(var(--rgb-666))}
.form-title p a{color: #3476fe; cursor: pointer}

.form-pop .group{padding: .1rem 0}
.form-pop .biaoti{width: .82rem; text-align: right; margin-right: .2rem}
.form-pop .biaoti em{font-style: normal; color: #ff0000; padding-right: 5px;}
.form-pop .box{flex: 1}
.form-pop .yzm{position: relative;}
.form-pop .yzm a{position: absolute; top: 0; right: 0; color: #3476fe;display: block;line-height: .5rem; padding: 0 .2rem}
.form-pop .yzm a:hover{color: #fff;background: #3476fe; cursor: pointer}
.form-pop label.tip{position: absolute; line-height: .5rem;padding-left: .2rem}
.form-pop .text{width: 100%;border: solid 1px #e6e6e6; border-radius: 5px; height: .5rem;line-height: .5rem; padding: 0 .2rem}
.form-pop label.tip{color: rgb(var(--rgb-999))}
.form-pop div.tip{padding: .1rem 0;color: rgb(var(--rgb-999))}
.form-pop div.tip a{ color:  rgb(var(--rgb-999))}
.form-pop div.tip.blue a{ color: #3476fe;}
.form-pop .submit{width: 100%; color: #fff;background: #3476fe; height: .5rem; border-radius: 5px; border: none; cursor: pointer; transition: 0.5s}
.form-pop .submit:hover{background: #042464}

/*index*/

.ind-part1{padding-bottom: .2rem;}
.ind-part1 .left{flex: 1;}
.ind-part1 .right{width: 3.2rem; margin-left: .2rem}
.ind-part1 .right .all-list-item li{line-height: .3rem}
.ind-part1 .right .all-list-item li:not(:last-child){margin-bottom: .05rem}
@media(max-width:1024px){
.ind-part1 {margin-top: 0}
.ind-part1 .left{flex:auto;width: 100%}
.ind-part1 .right{width: 100%; margin-left: 0; margin-top: .2rem}
}

.ind-part2{ padding-bottom: .2rem}

.ind-overview{padding: .4rem 0;color: rgb(var(--rgb-666)); line-height: 1.875}
.ind-overview .article{text-align: justify}
.ind-overview .figure{padding-top: 5%}
.ind-overview .figure img{width: 100%; border-radius: 10px;}
@media(min-width:768px){
.ind-overview.have-img{display: flex; justify-content: space-between}
.ind-overview.have-img .article{flex: 1}
.ind-overview.have-img .figure{width:45.083%; margin-left:4%; padding-top: 0}
}
/*index end*/
.Popups{position: fixed;left: 50%;top: 50%;max-width: 3.6rem;width: 100%;transform: translate(-50%, -50%);z-index: 333;background-color: #fff;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
.Popups .close{position: absolute;right: -.15rem;top: -.15rem;width: .3rem;height: .3rem;background-color: #3476fe;border-radius: .3rem;z-index: 33;cursor:pointer; }
.Popups .close:before{display: block;content: '';position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;width: .02rem;height: .24rem;background-color: #fff;z-index: 3;transform: rotate(-45deg)}
.Popups .close:after{display: block;content: '';position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;width: .02rem;height: .24rem;background-color: #fff;z-index: 3;transform: rotate(45deg)}
.Popups img{width: 100%}
.Popups .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: #fff;}

.Popups2{position: fixed;left: 50%;top: 50%;max-width: 4.6rem;width: 100%;transform: translate(-50%, -50%);z-index: 333;background-color: #fff;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
.Popups2 .close{position: absolute;right: -.15rem;top: -.15rem;width: .3rem;height: .3rem;background-color: #3476fe;border-radius: .3rem;z-index: 33;cursor:pointer; }
.Popups2 .close:before{display: block;content: '';position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;width: .02rem;height: .24rem;background-color: #fff;z-index: 3;transform: rotate(-45deg)}
.Popups2 .close:after{display: block;content: '';position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;width: .02rem;height: .24rem;background-color: #fff;z-index: 3;transform: rotate(45deg)}
.Popups2 .list{padding: .3rem .2rem;}
.Popups2 .list ul li{margin-bottom: .15rem;}
.Popups2 .list ul li:last-child{margin-bottom: 0rem;}
.Popups2 .list ul li .name{margin-bottom: .1rem;font-size: .18rem;}
.Popups2 .list ul li .text{width: 100%;height: .45rem;padding: 0 .15rem;border: 1px solid #ddd;box-sizing: border-box;}
.Popups2 .list ul li .code{display: flex;}
.Popups2 .list ul li .code .text{width: calc(100% - 1rem)}
.Popups2 .list ul li .code button{margin-left: .2rem;width: .8rem;height: .45rem;background-color: #3476fe;color: #fff;border: 0;cursor:pointer; }
.Popups2 .list ul li .submit{display: block;margin: 0 auto;width: 1.4rem;height: .45rem;background-color: #3476fe;color: #fff;border: 0;cursor:pointer;border-radius: .45rem;}

/*20250507*/
.search-tag p{display:inline-block;margin:0 auto 0.3rem;margin-right:0.3rem;padding:0.05rem 0.2rem;border-radius:3px}
.search-tag p span{color:red;margin-left:0.05rem;margin-right:0.05rem}
.search-tag p:hover,.search-tag p.on{color:#fff;background:#3476FE;}
.Product{ padding:2% 0 0 0;}
.Product li{ float:left; position:relative;  padding:15px; width:23.5%;margin:0 2% 2% 0;background: #fff;}
.Product li:nth-child(4n){ margin-right:0;}
.Product li a{ position:absolute; z-index:3; left:0; top:0; right:0; bottom:0;border:1px solid #dcdcdc;}
.Product li a:hover{ border-color:#e00616; border-width:2px;}
.Product li span{ position:absolute; right:0; top:0; padding-left:25px; padding-right:10px;height:29px; line-height:29px; background:url(../images/rxicon.png) no-repeat;color:#fff;z-index: 9;}
.Product li figure{ padding-bottom:100%; background-color:#fff; background-size:contain;}
.Product li figure img{ display:none; width:100%;}
.Product li p{color:#555;  line-height:20px; height:40px; overflow:hidden;}
.Product li:hover p{ color:#000;}
.Product li h5{ margin:0; font-size:16px; color:#e00616;}
.Product li h5 i{ font-style:normal; font-size:12px;}
@media(max-width:640px){
.Product li{ width:49%;}
.Product li:nth-child(2n){ margin-right:0;}
}