@charset "utf-8"; @media (min-width: 768px) { html { font-size: 28px!important; } } .about-mamindody .leftz .naleft-jie::-webkit-scrollbar { width: 3px; height:3px; } .about-list3 .fazhengbodyu .swiper-slide .rightz::-webkit-scrollbar { width: 3px; height:3px; } .hovergun::-webkit-scrollbar { width: 3px; height:3px; } .hovergun::-webkit-scrollbar-thumb:vertical:hover { background: transparent; } .hovergun::-webkit-scrollbar-thumb { background: transparent; /*border-radius: 4px;*/ } .hovergun::-webkit-scrollbar-thumb:window-inactive { background: transparent; } @media (min-width: 1025px) { ::-webkit-scrollbar { width: 6px; height:6px; } ::-webkit-scrollbar-track { background: #fff; } ::-webkit-scrollbar-thumb { background: #298efd; /*border-radius: 4px;*/ } ::-webkit-scrollbar-thumb:window-inactive { background: #298efd; } ::-webkit-scrollbar-thumb:vertical:hover { background: #298efd; } html { font-size: 30px!important; } body{ -ms-overflow-style: scrollbar; } } @media (min-width: 1440px) { html { font-size: 34px!important; } } @media (min-width: 1680px) { html { font-size: 40px!important; } } /* 重置表单样式 */ select::-ms-expand { display: none; } input,select,textarea{ box-shadow: none; outline: none; border: none; border-radius: 0; -ms-appearance: none; -moz-appearance: none; -webkit-appearance:none; appearance:none; padding: 0; } textarea{ resize: none; } select::-ms-expand { display: none; } /* 更改placeholder颜色 */ input::-webkit-input-placeholder{ color:#888; } input:-moz-placeholder{ color:#888; } input::-moz-placeholder{ color:#888; } input:-ms-input-placeholder { color:#888; } textarea::-webkit-input-placeholder{ color:#888; } textarea:-moz-placeholder{ color:#888; } textarea::-moz-placeholder{ color:#888; } textarea:-ms-input-placeholder { color:#888; } .nei-banner{ position:relative; width:100%; overflow: hidden; } .nei-banner img{ width:100%; } .pho-neibaneer{ display:none; } .nei-banner .banner-item{ position:absolute; top:40%; left:50%; transform:translate(-50%,-50%); width:60%; text-align:center; } .nei-banner .banner-item .en-blod{ font-size:1.5rem; line-height:1.5rem; color:#fff; /* font-family: "PINGFANG HEAVY_1"; */ } .nei-banner .banner-item .cn-blod{ font-size:1.5rem; line-height:1.5rem; color:#fff; /* font-family: "PINGFANG HEAVY_1"; */ margin-top:0.4rem; } .contact-mian{ padding: 0 0 1.52rem; background-color:#f6fbff; } .contact-mian .header-nav{ height:2.5rem; line-height:2.5rem; background-color:#fff; border-top-left-radius: 6px; border-top-right-radius:6px; border-bottom:1px solid #e5e5e5; box-sizing:border-box; } .contact-mian .header-nav .nav{ width:90.5%; margin:0 auto; position:relative; font-size:0; text-align:left; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .contact-mian .header-nav .nav a{ display:inline-block; font-size:0.4rem; color:#333333; /* font-family: "PINGFANG MEDIUM_1"; */ color:#333333; transition:all 0.3s; } .contact-mian .header-nav .nav a.cur{ color:#2a8dfd } .contact-mian .header-nav .nav span{ display:inline-block; width:6px; height:12px; background-size:6px; margin:0 0.6rem; background-repeat:no-repeat; background-position:center; background-image:url(../img/j-right.png); } .contact-mian .map-conlist{ padding: 1.75rem 0 ; background-color:#fff; } .contact-mian .map-conlist .name-biao{ font-size:1.3rem; color:#333333; line-height:1.3rem; text-align:center; position:relative; /* font-family: "PINGFANG HEAVY_1"; */ margin-bottom: 2.5rem; } .contact-mian .map-conlist .name-biao:after{ position:absolute; bottom:-0.5rem; left:50%; transform:translateX(-50%); content: ""; width:1.5rem; height:0.2rem; background-position:center; background-repeat:no-repeat; background-size:100% 100%; background-image:url(../img/after.png); } .contact-mian #map{ height:12.5rem; } .contact-mian .contact-lianxi{ position:relative; width:90.5%; margin:0 auto; } .contact-mian .contact-lianxi .lixi{ height:2rem; line-height:2rem; background-repeat:no-repeat; background-size:0.6rem; background-position:right center; background-image:url(../img/conpho.png); font-size:0.6rem; color:#333333; border-bottom:1px solid #e5e5e5; } .contact-mian .contact-lianxi ul.lianxi{ margin-top:0.75rem; font-size:0; text-align:left; } .contact-mian .contact-lianxi ul.lianxi li{ display:inline-block; width:24.7%; box-sizing: border-box; margin-right:12.95%; position:relative; } .contact-mian .contact-lianxi ul.lianxi li:after{ position:absolute; right:-24.5%; content:""; width:1px; height:100%; top:0; background-color:#e5e5e5; } .contact-mian .contact-lianxi ul.lianxi li:after:nth-child(3){ display:none; } .contact-mian .contact-lianxi ul.lianxi li:nth-child(3){ border-right:0; margin-right:0; } .contact-mian .contact-lianxi ul.lianxi li .biaoname{ font-size:0.45rem; color:#333333; line-height:0.5rem; /* font-family: "PINGFANG MEDIUM_1"; */ } .contact-mian .contact-lianxi ul.lianxi li .div-item>.item{ display:inline-block; margin-right:2rem; } .contact-mian .contact-lianxi ul.lianxi li .div-item>.item:nth-child(2){ margin-right:0; } .contact-mian .contact-lianxi ul.lianxi li .div-item .item .name-item{ width:3.5rem; height:1.5rem; line-height:1.5rem; font-size:0.45rem; color:#808080; background-size:0.6rem; background-image:url(../img/conren.png); background-position:right center; background-repeat:no-repeat; border-bottom:1px solid #e5e5e5; } .contact-mian .contact-lianxi ul.lianxi li .div-item .item .name-item.item1{ background-image:url(../img/conren1.png); } .contact-mian .contact-lianxi ul.lianxi li .div-item .item .tel{ font-size:0.45rem; line-height:0.5rem; color:#808080; margin-top:0.4rem; /* font-family: "PINGFANG BOLD_1"; */ font-weight: bold; font-weight: bold; } .contact-mian .contact-lianxi .lixi.conaddress{ background-image:url(../img/conadd.png); margin-top:0.5rem; } .contact-mian .conaddul{ margin-top:0.75rem; font-size:0; text-align:left; } .contact-mian .conaddul li{ width:50%; display:inline-block; } .contact-mian .conaddul li .items{ width:8rem; } .contact-mian .conaddul li .items .name{ font-size: 0.45rem; color:#333333; line-height:0.5rem; background-repeat:no-repeat; background-size: 0.6rem; background-position:right center; background-image:url(../img/addlou.png); padding-bottom:0.5rem; border-bottom:1px solid #e5e5e5; /* font-family: "PINGFANG BOLD_1"; */ font-weight: bold; } .contact-mian .conaddul li .items .addresname{ font-size:0.45rem; line-height:0.6rem; color:#666666; margin-top:0.5rem; } .contact-mian .w1700{ margin-top:-2.5rem; } .investor-mian{ position:relative; } .investor-mian .left{ width:23.6%; background-color:#f7f7f7; position:relative; position:absolute; height:100%; } .investor-mian .left .biaotiem{ font-size:1.2rem; line-height:1.3rem; padding-top: 1.75rem; border-bottom:1px solid #e5e5e5; text-align:center; padding-bottom:0.75rem; /* font-family: "PINGFANG BOLD_1"; */ font-weight: bold; } .investor-mian .left ul.left-ul{ width:60%; position:relative; padding-top:1rem; margin:0 auto; } .investor-mian .left ul.left-ul li{ width:100%; text-align:center; /* font-family: "PINGFANG BOLD_1"; */ font-weight: bold; border-bottom:1px solid #e5e5e5; padding-bottom:1rem; margin-bottom:1rem; } .investor-mian .left ul.left-ul li dt{ font-size:0.4rem; color:#333; position:relative; } .investor-mian .left ul.left-ul li dt:after{ position:absolute; top:50%; transform:translateY(-50%); left:-32%; width:4px; height:0; content:""; background-color:#2588f6; transition:all 0.3s; } .investor-mian .left ul.left-ul li dt a{ color:#333; display:block; background-position:right center; background-repeat:no-repeat; background-size:10px; background-image:url(../img/touright.png); } .investor-mian .left ul.left-ul li.show dt a{ background-image:url(../img/touxia.png); } .investor-mian .left ul.left-ul li.noer dt a{ background-image:none !important; } .investor-mian .right{ float:right; width:76.4%; background-color:#fff; position:relative; padding: 1.75rem 0 2.5rem; min-height:10rem; } .investor-mian .left ul.left-ul li dd{ font-size:0.35rem; color:#999999; position:relative; margin-top:0.5rem; display:none; } .investor-mian .left ul.left-ul li dd:after{ position:absolute; top:50%; transform:translateY(-50%); left:-32%; width:4px; height:0; content:""; background-color:#2588f6; transition:all 0.3s; } .investor-mian .left ul.left-ul li dd a{ color:#999999; display:block; } .investor-mian .right ul.investor-ul{ width:85.8%; margin:0 auto; position:relative; } .investor-mian .right ul.investor-ul li{ height:1.85rem; line-height:1.85rem; position:relative; border-bottom:1px solid #e5e5e5; width:100%; vertical-align:middle; } .investor-mian .right ul.investor-ul li .touzi{ font-size:0; width:1.15rem; height:1.15rem; display:inline-block; background-position:center; background-repeat:no-repeat; background-size:100% 100%; background-image:url(../img/touzi.png); position:absolute; top:50%; transform:translateY(-50%); left:0.3rem; } .investor-mian .right ul.investor-ul li .touzi:after{ position:absolute; width:3px; height:3px; content:""; border-radius:50%; top:50%; transform:translateY(-50%); right:-0.5rem; background-color:#5e5e5e; } .investor-mian .right ul.investor-ul li p{ font-size:0.45rem; color:#4c4c4c; width:80%; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; padding-left:2.35rem; /* font-family: "PINGFANG BOLD_1"; */ font-weight: bold; position:relative; } .investor-mian .right ul.investor-ul.invew1 li p{ padding-left:1rem; } .investor-mian .right ul.investor-ul.invew1 li p:after{ position:absolute; width:3px; height:3px; content:""; border-radius:50%; top:50%; transform:translateY(-50%); left:0.7rem; background-color:#5e5e5e; } .investor-mian .right ul.investor-ul li .tiem{ font-size:0.4rem; color:#808080; position:absolute; top:50%; transform:translateY(-50%); right: 0; } .investor-mian .right .more-page{ margin-top:1.2rem; text-align:center; font-size:0; } .investor-mian .right .more-page .moremore{ font-size:0.45rem; color:#333333; line-height:0.75rem; height:0.75rem; display:inline-block; padding-left:1.1rem; background-position:left center; background-size:0.75rem; background-repeat:no-repeat; background-image:url(../img/moremore.png); } .science-mamin{ background-color:#fff; padding:1.75rem 0 2.25rem; } .science-mamin .tebold{ font-size:1.3rem; line-height:1.3rem; text-align:center; position:relative; color:#333333; margin-bottom: 1.75rem; /* font-family: "PINGFANG HEAVY_1"; */ } .science-mamin .tebold:after{ position:absolute; left:50%; transform:translateX(-50%); width:1.5rem; height:0.2rem; content:""; background-image:url(../img/after.png); background-repeat:no-repeat; background-size:100% 100%; background-position:center; bottom:-0.75rem; } .science-mamin ul.tab-liqie{ font-size:0; text-align:center; } .science-mamin ul.tab-liqie li{ display:inline-block; width:4.25rem; height:1rem; font-size:0.4rem; border-radius: 0.5rem; border:1px solid #e5e5e5; margin:0 0.375rem; line-height:1rem; transition:all 0.3s; } .science-mamin ul.tab-liqie li.cur{ background-color:#298efd; border:1px solid #298efd; } .science-mamin ul.tab-liqie li a{ color:#666; display:block; } .science-mamin ul.tab-liqie li.cur a{ color:#fff; } .science-mamin ul.idea-ulmian{ width:85.9%; margin:1.2rem auto 0; } .science-mamin ul.idea-ulmian li{ float:left; width:18.1%; position:relative; padding-bottom:25%; border:1px solid #e5e5e5; margin-right:2.375%; margin-bottom:0.75rem; box-sizing: border-box; overflow: hidden; } .science-mamin ul.idea-ulmian li:nth-child(5n){ margin-right:0; } .science-mamin ul.idea-ulmian li .idea-inco{ position:absolute; top:50%; left:50%; width:80%; transform:translate(-50%,-50%); text-align:center; transition:all 0.3s; opacity: 1; } .science-mamin ul.idea-ulmian li .idea-inco .img{ text-align:center; } .science-mamin ul.idea-ulmian li .idea-inco .img img{ width:1.8rem; } .science-mamin ul.idea-ulmian li .idea-inco .name{ font-size:0.5rem; margin-top: 0.5rem; line-height:0.6rem; color:#666666; /* font-family: "PINGFANG BOLD_1"; */ font-weight: bold; } .science-mamin ul.idea-ulmian li .idea-inco .en-name{ font-size:0.35rem; line-height:0.45rem; margin-top:0.4rem; color:#666; /* font-family: "PINGFANG MEDIUM_1"; */ } .science-mamin ul.idea-ulmian li .hover-divshow{ position:absolute; top:0; left:0; width:100%; height: 100%; background-color:#298efd; transform:translateY(100%); transition:all 0.3s; opacity: 0; z-index: 3; } .science-mamin ul.idea-ulmian li .hover-divshow .hovergun{ font-size:0.35rem; color:#fff; line-height:0.75rem; position:absolute; top:50%; left:50%; width:90%; transform:translate(-50%,-50%); max-height:80%; overflow: auto; text-align:justify; } .science-mamin ul.join-ulmian>li{ border: 1px solid #e5e5e5; margin-bottom:0.5rem; } .w1540{ position:relative; width:90.5%; margin:0 auto; } .w948{ position:relative; width:94.8%; margin:0 auto; } .science-mamin ul.join-ulmian{ margin-top: 1.25rem; } .science-mamin ul.join-ulmian li .li-header{ height: 2rem; line-height:2rem; padding-left:1.1rem; background-repeat:no-repeat; background-size:0.65rem; background-position: left center; background-image:url(../img/hrem.png); transition:all 0.3s; font-size:0.6rem; color:#333333; cursor:pointer; border-bottom:1px solid #e5e5e5; position:relative; } .science-mamin ul.join-ulmian li .li-header .inco-s{ background-repeat:no-repeat; background-size:0.65rem; background-position: left center; background-image:url(../img/jia.png); position:absolute; width:0.65rem; height:0.65rem; display:inline-block; top:50%; transform:translateY(-50%); right:0; } .science-mamin ul.join-ulmian li .jioin-li{ font-size:0; text-align:center; padding:0.75rem 0; } .science-mamin ul.join-ulmian li .jioin-li li{ display:inline-block; width:25%; font-size:0.4rem; color:#999999; /* font-family: "PINGFANG BOLD_1"; */ font-weight: bold; text-align:left; } .science-mamin ul.join-ulmian li .jioin-li li:nth-child(5){ text-align:right; } .science-mamin ul.join-ulmian li .join-detail{ background-color:#fafafa; padding:1.25rem 1rem 1rem ; display:none; } .science-mamin ul.join-ulmian li .join-detail .detian-p{ font-size:0.4rem; color:#999999; /* font-family: "PINGFANG BOLD_1"; */ font-weight: bold; text-align:left; } .science-mamin ul.join-ulmian li .join-detail .btn-more{ font-size:0.4rem; /* font-family: "PINGFANG BOLD_1"; */ font-weight: bold; color:#fff; text-align:center; display:inline-block; width:4.25rem; height:1rem; line-height:1rem; border-radius:0.5rem; margin-top:1rem; background-color:#2a8dfd; } .science-mamin ul.join-ulmian>li.cur .w948{ width:auto; padding:0 1rem; background-color:#2a8dfd; } .science-mamin ul.join-ulmian>li.cur .li-header{ color:#fff; background-image:url(../img/lrem.png); border:0; } .science-mamin ul.join-ulmian>li.cur .li-header .inco-s{ background-image:url(../img/jian.png) } .science-mamin ul.join-ulmian li.cur .jioin-li{ display:none; } .join-fixedmodel{ position:fixed; top:0; left:0; width:100%; height:100%; z-index:300; display:none; } .join-fixedmodel .black{ position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.5) } .join-fixedmodel .join-mdeolmian{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:75.6%; background-color:#fff; } .join-fixedmodel .join-mdeolmian .item{ padding:1.75rem 2.5rem 2.5rem; } .join-fixedmodel .join-mdeolmian .item .title{ font-size:1.2rem; line-height:1.2rem; color:#333333; position:relative; /* font-family: "PINGFANG MEDIUM_1"; */ } .join-fixedmodel .join-mdeolmian .item .title .close-btn{ position:absolute; width:.65rem; height:0.65rem; background-image:url(../img/close.png); background-repeat:no-repeat; background-position:center; background-size:100% 100%; top:50%; transform:translateY(-50%); right:0; cursor:pointer; transition:all 0.3s; } .join-fixedmodel .join-mdeolmian .form-div{ margin-top:0.75rem; border-top:1px solid #e5e5e5; padding-top: 1rem; } .join-fixedmodel .join-mdeolmian .form-div .join-name{ font-size:0.4rem; color:#000000; /* font-family: "PINGFANG MEDIUM_1"; */ line-height:0.5rem; } .join-fixedmodel .join-mdeolmian .form-div .join-name span{ color:#559efd; } .join-fixedmodel .joinmodel{ margin-top:1rem; position:relative; overflow: auto; padding-right:0.5rem; max-height:10rem; } .join-fixedmodel .joinmodel li{ float:left; width:31%; margin-right:3.5%; margin-bottom:0.5rem; position:relative; } .join-fixedmodel .joinmodel li .control-group{ position:absolute; top:0; right:0; margin-bottom: 0 !important; top:50%; transform:translateY(-50%); } .join-fixedmodel .joinmodel li #js-files-show a{ font-size:0.4rem; color:#666; } .join-fixedmodel .joinmodel li:nth-child(3n){ margin-right:0; } .join-fixedmodel .joinmodel li .liname{ font-size:0.4rem; color:#000000; /* font-family: "PINGFANG MEDIUM_1"; */ line-height:0.5rem; margin-bottom:0.25rem; } .join-fixedmodel .joinmodel li .liname span{ color:#2a8dfd; } .join-fixedmodel .joinmodel li .item-input{ width:100%; border: 1px solid #e5e5e5; height:1rem; line-height:1rem; font-size:0; } .join-fixedmodel .joinmodel li .item-input input{ width:90%; height:1rem; line-height:1rem; font-size:0.4rem; color:#333; background-color:transparent; margin:0 auto; outline:none; display:block; } .join-fixedmodel .joinmodel li .item-xia{ position:relative; } .join-fixedmodel .joinmodel li .item-xiadiv{ height:1rem; line-height:1rem; font-size:0.4rem; border: 1px solid #e5e5e5; background-color:#f7f7f7; color:#000000; cursor:pointer; } .join-fixedmodel .joinmodel li .item-xiadiv .slesexia{ width:90%; height:1rem; line-height:1rem; margin:0 auto; background-position:right center; background-size:10px; background-repeat:no-repeat; background-image:url(../img/touxia.png); } .join-fixedmodel .joinmodel li .item-xia .search-div{ position:absolute; left: 0; top:1rem; width:calc( 100% - 2px); border: 1px solid #e5e5e5; background-color:#fff; z-index:3; display:none; } .join-fixedmodel .joinmodel li .item-xia .search-div>div{ padding:0 5%; height:1rem; line-height:1rem; font-size:0.4rem; color:#000; border-bottom:1px solid #e5e5e5; max-height:5rem; overflow: auto; cursor:pointer; } .join-fixedmodel .joinmodel li .item-xia .search-div>div:nth-last-child(1){ border-bottom:0; } .join-fixedmodel .joinmodel li .item-btn{ width:4.5rem; height:1rem; line-height:1rem; background-color:#e6e6e6; font-size:0; } .join-fixedmodel .joinmodel li .item-btn input{ width:100%; height:1rem; line-height:1rem; font-size:0.4rem; background-color:transparent; text-align:center; cursor:pointer; } .join-fixedmodel .joinmodel li.text{ margin-right:0; width:100%; } .join-fixedmodel .joinmodel li.text .item-texteart{ border:1px solid #e5e5e5; font-size:0; width:100%; height:2.75rem; font-size:0; } .join-fixedmodel .joinmodel li.text .item-texteart textarea{ width:98%; display:block; margin:0 auto; height:100%; font-size:0.4rem; color:#333; line-height: 0.8rem; } .join-fixedmodel .joinmodel li .yanma{ width:8.2rem; height:1rem; line-height:1rem; font-size:0; position:relative; } .join-fixedmodel .joinmodel li .yanma input{ height:1rem; line-height:1rem; width:4.5rem; border:1px solid #e5e5e5; font-size:0.4rem; color:#000; } .join-fixedmodel .joinmodel li .yanma img{ float:right; height:1rem; } .join-fixedmodel .join-bootm{ margin-top: 0.5rem; font-size:0; position:relative; } .join-fixedmodel .join-bootm input{ width:48%; display:block; font-size:0.4rem; text-align:center; height:1rem; line-height:1rem; border: 0; outline:none; } .join-fixedmodel .join-bootm .submit{ float:left; background-color:#2a8dfd; color:#fff; } .join-fixedmodel .join-bootm .reset{ float:right; background-color:#e6e6e6; color:#333; } ul.elegant-ulmian{ margin-top:1.5rem; } ul.elegant-ulmian li{ position:relative; margin-bottom:0.5rem; } ul.elegant-ulmian li .left-z{ float:left; width:31.8%; overflow: hidden; } ul.elegant-ulmian li .left-z img{ width:100%; transition:all 0.3s; } ul.elegant-ulmian li .right-z{ position:absolute; top:0; right:0; width:68.2%; height:100%; background-color:#f2f2f2; } ul.elegant-ulmian li .right-z .elegant-div{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:85%; } ul.elegant-ulmian li .right-z .elegant-div .yue{ font-size:0.4rem; color:#666666; } ul.elegant-ulmian li .right-z .elegant-div .yue span{ font-size:1.5rem; line-height: 1.5rem; color:#666666; /* font-family: "PINGFANG BOLD_1"; */ font-weight: bold; } ul.elegant-ulmian li .right-z .elegant-div .yue .more{ font-size:0.35rem; line-height:0.4rem; padding-right:0.7rem; position:absolute; top:0; right:0; background-position:right center; background-size:0.4rem; background-repeat:no-repeat; background-image:url(../img/smore.png); color:#666; } ul.elegant-ulmian li .right-z .elegant-div .itmname{ font-size:0.75rem; line-height:0.8rem; margin-top:1.2rem; color:#595959; /* font-family: "PINGFANG HEAVY_1"; */ overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } ul.elegant-ulmian li .right-z .elegant-div .item-jie{ font-size:0.4rem; color:#666666; line-height: 0.65rem; margin-top:0.75rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .science-mamin .more-page{ margin-top: 1.2rem; text-align: center; font-size: 0; } .science-mamin .more-page .moremore{ font-size: 0.45rem; color: #333333; line-height: 0.75rem; height: 0.75rem; display: inline-block; padding-left: 1.1rem; background-position: left center; background-size: 0.75rem; background-repeat: no-repeat; background-image: url(../img/moremore.png); } .science-mamin .science-imgop{ margin-top:1.5rem; position:relative; margin-bottom:1.5rem; } .science-mamin .science-imgop .left-s{ float:left; width:47.4%; overflow: hidden; } .science-mamin .science-imgop .left-s .science-swipwer{ position:relative; width:100%; overflow: hidden; } .science-mamin .science-imgop .left-s .science-swipwer img{ width:100%; transition:all 0.3s; } .science-mamin .science-imgop .left-s .scin-pagination{ position:relative; width:100%; margin-top:0.5rem; text-align:center; } .science-mamin .science-imgop .left-s .scin-pagination span{ width:0.3rem; height:0.3rem; border-radius:50%; display:inline-block; margin:0 0.25rem; background-color:#94c6fe; transition:all 0.3s; } .science-mamin .science-imgop .left-s .scin-pagination span.swiper-pagination-bullet-active{ background-color:#298efd; } .science-mamin .science-imgop .right-s{ position:absolute; width:46.7%; right:0; top:50%; transform:translateY(-50%); max-height:100%; overflow:auto; padding-right:0.3rem; } .science-mamin .science-imgop .right-s .name-con{ font-size:1.2rem; line-height:1.2rem; color:#353535; /* font-family: "PINGFANG HEAVY_1"; */ } .science-mamin .science-imgop .right-s .name-jie{ margin-top:1rem; font-size:0.35rem; color:#666666; line-height:0.75rem; } .science-mamin ul.science-bottonul{ position:relative; font-size:0; } .science-mamin ul.science-bottonul li{ float:left; width:17.2%; padding-bottom:19.4%; position:relative; border:1px solid #e5e5e5; box-sizing: border-box; margin-right:3.5%; cursor:pointer; transition:all 0.3s; } .science-mamin ul.science-bottonul li:nth-child(5){ margin-right:0; } .science-mamin ul.science-bottonul.analysisul{ width:80%; margin:0 auto; } .science-mamin ul.science-bottonul.analysisul li{ width:22.5%; padding-bottom:22.4%; margin-right:3.3%; } .science-mamin ul.science-bottonul.analysisul li:nth-child(4){ margin-right:0; } .science-mamin ul.science-bottonul li .inco-srinen{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:80%; } .science-mamin ul.science-bottonul li .inco-srinen .inco-img{ text-align:center; } .science-mamin ul.science-bottonul li .inco-srinen .inco-img img{ width:2rem; transition:all 0.3s; } .science-mamin ul.science-bottonul li .inco-srinen .inco-img .byimg{ display:none; } .science-mamin ul.science-bottonul li .inco-srinen .inco-cn{ font-size:0.6rem; color:#4c4c4c; line-height:0.7rem; text-align:center; margin-top: 0.5rem; /* font-family: "PINGFANG BOLD_1"; */ font-weight: bold; transition:all 0.3s; } .science-mamin ul.science-bottonul li .inco-srinen .inco-en{ font-size:0.35rem; color:#666666; transition:all 0.3s; position:relative; line-height: 0.45rem; text-align:center; padding-bottom:0.75rem; margin-top:0.35rem; transition:all 0.3s; } .science-mamin ul.science-bottonul li .inco-srinen .inco-en:after{ position:absolute; bottom:0; width:0.75rem; height:2px; content:""; left:50%; transform:translateX(-50%); background-color:#cccccc; transition:all 0.3s; } .science-bottom{ margin-top:2rem; } .science-bottom .tebold{ font-size: 1.3rem; line-height: 1.3rem; text-align: center; position: relative; color: #333333; margin-bottom: 1.75rem; /* font-family: "PINGFANG HEAVY_1"; */ } .science-bottom .tebold:after{ position: absolute; left: 50%; transform: translateX(-50%); width: 1.5rem; height: 0.2rem; content: ""; background-image: url(../img/after.png); background-repeat: no-repeat; background-size: 100% 100%; background-position: center; bottom: -0.75rem; } .science-bottom .scinence-pro-sipwer{ position:relative; width:100%; overflow: hidden; } .science-bottom .scinence-pro-sipwer .swiper-slide{ background-color:#fff; padding: 1rem 0 0.8rem; border-radius:0.5rem; } .science-bottom .scinence-pro-sipwer .swiper-slide .img{ overflow: hidden; } .science-bottom .scinence-pro-sipwer .swiper-slide .img img{ width:100%; transition:all .3s; } .science-bottom .scinence-pro-sipwer .swiper-slide .name{ padding:0 0.5rem; text-align:center; font-size:0.5rem; color:#4c4c4c; line-height:0.75rem; /* font-family: "PINGFANG BOLD_1"; */ font-weight: bold; margin-top:0.75rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; height:1.5rem; } .science-bottom .scinence-pro-sipwer .swiper-slide .more{ display:block; width:4.25rem; height:1rem; line-height:1rem; font-size:0.4rem; color:#666666; border:1px solid #e5e5e5; text-align:center; margin:2rem auto 0; position:relative; border-radius:0.5rem; transition:all .3s; } .science-bottom .scinence-pro-sipwer .swiper-slide .more:after{ position:absolute; top:-1.15rem; left:50%; transform:translateX(-50%); content:""; width:1.5rem; height:1px; background-color:#ccc; } .science-bottom .scinence-pro-btn{ margin-top:1rem; text-align:center; font-size:0; } .science-bottom .scinence-pro-btn .scinence-pro-prev,.science-bottom .scinence-pro-btn .scinence-pro-next{ display:inline-block; width:0.9rem; height:1rem; background-repeat:no-repeat; background-size:100% 100%; background-position:center; margin:0 4px; cursor:pointer; transition:all 0.3s; } .science-bottom .scinence-pro-btn .scinence-pro-prev{ background-image:url(../img/proprev.png) } .science-bottom .scinence-pro-btn .scinence-pro-next{ background-image:url(../img/pronext.png) } .index-banner-swiper{ position:relative; width:100%; overflow: hidden; height:100vh; } .index-banner-swiper .swiper-slide{ position:relative; width:100%; height:100%; overflow: hidden; } .index-banner-swiper .swiper-slide video{ position: absolute; right: 0; top: 50%; width: 115%; transform: translateY(-50%); background-color: #000; } .index-banner-swiper .swiper-slide .bo{ position:absolute; width:0.7rem; height:0.7rem; background-repeat:none; background-size:100% 100%; z-index:10; background-position:center; background-image:url(../img/bo.png); top:50%; left:50%; transform:translate(-50%,-50%); } .index-banner-swiper .swiper-slide .index-pcimg,.index-banner-swiper .swiper-slide .index-phoimg{ background-position:center; background-repeat:no-repeat; background-size:cover; position:absolute; top:0; left:0; width:100%; height:100%; transition:all 1s; transform:scale(1.1); } .index-banner-swiper .swiper-slide-active .index-pcimg,.index-banner-swiper .swiper-slide-active .index-phoimg{ transform:scale(1); } .index-banner-swiper .swiper-slide .index-phoimg{ display:none; } .index-banner-swiper .swiper-slide .banner-item{ position:absolute; top:50%; transform:translateY(-50%); left:9.4%; width:80%; text-align:left; } .index-banner-swiper .swiper-slide .banner-item .banner-bold{ font-size:1rem; color:#fff; line-height:1.5rem; width: 55%; /* font-family: "PINGFANG HEAVY_1"; */ } .index-banner-swiper .swiper-slide .banner-item .banner-en{ font-size:0.45rem; line-height:0.5rem; color:#fff; /* font-family: "PINGFANG MEDIUM_1"; */ margin-top: 0.5rem; text-transform:uppercase; } .index-banner-swiper .swiper-slide .banner-item .more{ display:inline-block; width:3.5rem; padding-left:0.75rem; height:1rem; line-height:1rem; margin-top:1.51rem; border-radius:0.5rem; font-size:0.35rem; color:#fff; /* font-family: "PINGFANG MEDIUM_1"; */ background-size:100%; background-repeat:no-repeat; background-position:center; background-image:url(../img/more-bj.png); position:relative; } .index-banner-swiper .swiper-slide .banner-item .more:after{ position:absolute; width:0.45rem; height:0.3rem; right:0.75rem; top:50%; transform:translateY(-50%); background-size:100%; background-repeat:no-repeat; background-position:center; background-image:url(../img/bannermore.png); transition:all 0.3s; content:"" } .main{ margin-top:2.5rem; } .index-banner-swiper .shubiao{ width:0.6rem; position:absolute; bottom:0.6rem; left:50%; transform:translateX(-50%); display:block; animation: arrow2 1s infinite linear; z-index:10; cursor:pointer; } @keyframes arrow2{ 0% { transform: translate(-50%,-50%); } 50% { transform: translate(-50%,-70%); } 100% { transform: translate(-50%,-50%); } } .index-banner-swiper .item-index-btn{ position:absolute; top:50%; transform:translateY(-50%); z-index:10; right:5.7%; width:1.75rem; height:5rem; font-size:0; } .index-banner-swiper .index-banner-prev,.index-banner-swiper .index-banner-next{ display:inline-block; width:1.75rem; height:1.75rem; margin: 0.25rem 0; background-position:center; background-size:0.8rem; background-repeat:no-repeat; cursor:pointer; transition:all 0.3s; opacity:0.7; border:1px solid #fff; border-radius:50%; } .index-banner-swiper svg{ width:100%; height:100% } .index-banner-swiper .index-banner-prev{ background-image:url(../img/bannerprev.png); } .index-banner-swiper .index-banner-next{ background-image:url(../img/bannernext.png); } .circle2{ transform-origin: center center; transform: rotate(-90deg); animation: dash 4.8s linear infinite; stroke-dashoffset: 220px; } @keyframes dash{ 0% { stroke-dashoffset: 218px; } 100% { stroke-dashoffset: 0px; } } svg:not(:root) { overflow: hidden; } .index-banner-swiper .index-numcon{ position:absolute; left:5.7%; bottom:1.25rem; text-align:left; z-index:10; width:3rem; font-size:0; } .index-banner-swiper .index-numcon .shu{ display:inline-block; position:relative; } .index-banner-swiper .index-numcon .xianshuo{ width:1.25rem; height:2px; margin:0 0.25rem; background-color:#9dcbfe; top:-4px; } .index-banner-swiper .index-numcon .xianshuo:after{ position:absolute; top:0; left:0; width:0%; content:""; background-color:#2a8dfd; height:2px; animation: dash1 5.5s linear infinite; } @keyframes dash1{ 0% { width: 0; } 100% { width: 100%; } } .index-banner-swiper .index-numcon .numindex{ font-size:0.4rem; color:#fff; /* font-family: "PINGFANG BOLD_1"; */ font-weight: bold; } .index-banner-swiper .index-numcon .allindex{ font-size:0.4rem; color:#2a8dfd; /* font-family: "PINGFANG BOLD_1"; */ font-weight: bold; } .index-list1{ padding:2rem 0 0rem; } .index-list1 .tebold{ font-size: 1.3rem; line-height: 1.3rem; text-align: center; position: relative; color: #333333; margin-bottom: 1.75rem; /* font-family: "PINGFANG HEAVY_1"; */ } .index-list1 .tebold:after{ position: absolute; left: 50%; transform: translateX(-50%); width: 1.5rem; height: 0.2rem; content: ""; background-image: url(../img/after.png); background-repeat: no-repeat; background-size: 100% 100%; background-position: center; bottom: -0.75rem; } .index-list1 .index-list1swiper{ position:relative; width:91.8%; padding:0.4rem; overflow: hidden; margin:0 auto; } .index-list1 .index-list1swiper .swiper-slide{ cursor:pointer; transition:all 0.3s; position:relative; } .index-list1 .index-list1swiper .item-img:after{ position:absolute; top:-0.375rem; right:-0.375rem; width:0.75rem; height:0.75rem; content:""; background-image:url(../img/active1.png); background-position:center; background-size:100% 100%; background-repeat:no-repeat; opacity:0; transition:all 0.3s; } .index-list1 .index-list1swiper .item-img{ background-color:#f7f7f7; padding:0.5rem 0 0.5rem; text-align:center; position:relative; } .index-list1 .index-list1swiper .item-img img{ width:1.25rem; } .index-list1 .index-list1swiper .item-img .ingname{ font-size:0.375rem; color:#606060; line-height:0.55rem; height:1.1rem; margin-top:0.2rem; padding:0 0.2rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .index-list1 .index-list1swiper .swiper-slide.active1{ transform:scale(1.05); z-index:10; box-shadow:0px 0px 27px rgba(37,137,246,0.22); } .index-list1 .index-list1swiper .swiper-slide.active1 .item-img:after{ opacity:1; } .index-list1 .index-list1swiper .swiper-slide.active1 .item-img{ background-color:#fff; background-image:url(../img/border1.png); background-repeat:no-repeat; background-position:center; background-size: 100% 100%; } .index-list2{ margin-top:0.75rem; margin-bottom:2rem; } .index-list2 .index-list2-swiper{ position:relative; width:100%; overflow: hidden; } .index-list2 .index-list2-swiper .swiper-wrapper{ transition-duration: inherit !important; } .index-list2 .index-list2-swiper .swiper-slide{ transition-duration: inherit !important; } .index-list2 .index-list2-swiper .swiper-slide>div{ position:relative; } .index-list2 .index-list2-swiper .left-img{ float:left; width:56.25%; padding-bottom:1.25rem; position:relative; } .index-list2 .index-list2-swiper .left-img>img{ width:80%; box-shadow:0 26px 62px rgba(1,126,255,0.12); } .index-list2 .index-list2-swiper .left-img .item-ab{ position:absolute; right:0; bottom:0; width:8.9rem; } .index-list2 .index-list2-swiper .left-img .item-ab>img{ width:100%; } .index-list2 .index-list2-swiper .left-img .item-ab .inco-item{ position:absolute; top:50%; left:50%; width:80%; text-align:center; transform:translate(-50%,-50%); } .index-list2 .index-list2-swiper .left-img .item-ab .inco-item .inco{ width:2.25rem; height:2.25rem; border-radius:50%; background-color:#fff; margin:0 auto; line-height:2.25rem; text-align:center; } .index-list2 .index-list2-swiper .left-img .item-ab .inco-item .inco-name{ font-size:0.6rem; color:#fff; line-height:0.8rem; /* font-family: "PINGFANG BOLD_1"; */ font-weight: bold; margin-top: 0.75rem; } .index-list2 .index-list2-swiper .swiper-slide .right-img{ position:absolute; top:50%; transform:translateY(-50%); width:29%; right:5.7%; text-align:left; } .index-list2 .index-list2-swiper .swiper-slide .right-img .item-name{ font-size:1.3rem; line-height:1.3rem; color:#282828; margin-bottom:2.5rem; position:relative; /* font-family: "PINGFANG BOLD_1"; */ /* font-weight: bold; */ } .index-list2 .index-list2-swiper .swiper-slide .right-img .item-name:after{ position: absolute; left:0; width: 1.5rem; height: 0.2rem; content: ""; background-image: url(../img/after.png); background-repeat: no-repeat; background-size: 100% 100%; background-position: center; bottom: -1.25rem; } .index-list2 .index-list2-swiper .swiper-slide .right-img .inre-jit{ font-size:0.35rem; color:#282828; line-height:0.75rem; } .index-list2 .index-list2-swiper .swiper-slide .right-img .more{ margin-top:2.25rem; display:block; width:3.5rem; padding-left:0.75rem; font-size:0.35rem; height:1rem; line-height:1rem; border-radius:0.5rem; color:#fff; background-color:#18a4fd; background-position:80% center; background-size:14px; background-repeat:no-repeat; background-image:url(../img/bannernext.png); cursor:pointer; transition:all 0.3s; } .index-list3{ padding:2rem 0; background-color:#f6fbff; } .index-list3 .tebold{ font-size: 1.3rem; line-height: 1.3rem; text-align: center; position: relative; color: #333333; margin-bottom: 1.75rem; /* font-family: "PINGFANG HEAVY_1"; */ } .index-list3 .tebold:after{ position: absolute; left: 50%; transform: translateX(-50%); width: 1.5rem; height: 0.2rem; content: ""; background-image: url(../img/after.png); background-repeat: no-repeat; background-size: 100% 100%; background-position: center; bottom: -0.75rem; } .index-list3 .news-more-sipwer{ position:relative; overflow: hidden; padding-top:0.5rem; } .index-list3 .news-more-sipwer .swiper-slide{ position:relative; transition:all 0.3s; border-radius:0.3rem; } .index-list3 .news-more-sipwer .swiper-slide .img{ overflow: hidden; border-radius:0.3rem; background-color:#fff; } .index-list3 .news-more-sipwer .swiper-slide .img img{ width:100%; transition:all 0.3s; } .index-list3 .news-more-sipwer .swiper-slide .img-name{ padding:0.75rem 1.75rem; background-color:#fff; } .index-list3 .news-more-sipwer .swiper-slide .img-name .tishi{ font-size:0.4rem; color:#999999; line-height:0.4rem; } .index-list3 .news-more-sipwer .swiper-slide .img-name .nameti{ font-size:0.55rem; color:#404040; line-height:0.75rem; margin-top:0.6rem; height:1.5rem; overflow:hidden; } .index-list3 .news-more-sipwer .swiper-slide .img-name .tiem{ font-size:0.4rem; color:#999999; line-height:0.5rem; margin-top: 0.75rem; } .index-list3 .more{ display:block; margin:1.5rem auto 0; width: 3.5rem; padding-left: 0.75rem; font-size: 0.35rem; height: 1rem; line-height: 1rem; border-radius: 0.5rem; color: #fff; background-color: #18a4fd; background-position: 80% center; background-size: 14px; background-repeat: no-repeat; background-image: url(../img/bannernext.png); cursor: pointer; transition: all 0.3s; } .index-list4{ padding:2rem 0 2.5rem; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../img/list4.jpg); } .index-list4 .tebold{ font-size: 1.3rem; line-height: 1.3rem; text-align: center; position: relative; color: #fff; margin-bottom: 1.75rem; /* font-family: "PINGFANG HEAVY_1"; */ } .index-list4 .tebold:after{ position: absolute; left: 50%; transform: translateX(-50%); width: 1.5rem; height: 0.2rem; content: ""; background-image: url(../img/after.png); background-repeat: no-repeat; background-size: 100% 100%; background-position: center; bottom: -0.75rem; } .index-list4 .tebiaole{ margin-top:1rem; font-size:0.9rem; color:#fff; line-height:1rem; /* font-family: "PINGFANG HEAVY_1"; */ text-align:center; } .index-list4 .sm-jie{ margin-top:0.75rem; font-size:0.35rem; color: #fff; text-align:center; line-height:0.75rem; } .index-list4 .more{ display:block; margin:1.25rem auto 0; width: 3.5rem; padding-left: 0.75rem; font-size: 0.35rem; height: 1rem; line-height: 1rem; border-radius: 0.5rem; color: #fff; background-color: #18a4fd; background-position: 80% center; background-size: 14px; background-repeat: no-repeat; background-image: url(../img/bannernext.png); cursor: pointer; transition: all 0.3s; } .index-list4 ul.list4ul{ margin-top:2rem; font-size:0; text-align:center } .index-list4 ul.list4ul li{ width:25%; display:inline-block; border-right:1px solid rgba(255,255,255,0.8); box-sizing:border-box; vertical-align:top; } .index-list4 ul.list4ul li:nth-last-child(1){ border-right:0; } .index-list4 ul.list4ul li .liname{ font-size:0.5rem; color:#fff; text-align:center; line-height:0.6rem; padding-top:0.5rem; } .index-list4 ul.list4ul li .num{ font-size:1.2rem; line-height:1.2rem; margin-top:0.5rem; color:#fff; font-family: "BEBAS_"; display:inline-block; } .index-list4 ul.list4ul li .num .base{ font-size:2rem; line-height:2rem; } .index-list5 { padding:2rem 0 3.25rem; } .index-list5 .tebold{ font-size: 1.3rem; line-height: 1.3rem; text-align: center; position: relative; color: #000; margin-bottom: 1.75rem; /* font-family: "PINGFANG HEAVY_1"; */ } .index-list5 .tebold:after{ position: absolute; left: 50%; transform: translateX(-50%); width: 1.5rem; height: 0.2rem; content: ""; background-image: url(../img/after.png); background-repeat: no-repeat; background-size: 100% 100%; background-position: center; bottom: -0.75rem; } .index-list5 ul.list5ul{ position:relative; } .index-list5 ul.list5ul li{ width:31.7%; float:left; margin-right:2.4%; padding-bottom:1.5rem; position:relative; } .index-list5 ul.list5ul li:nth-last-child(1){ margin-right:0; } .index-list5 ul.list5ul li .img{ overflow:hidden } .index-list5 ul.list5ul li .img img{ max-width:100%; transition:all 0.3s; } .index-list5 ul.list5ul li .img-time{ position:absolute; right:0; bottom:0; width:51%; border-radius:0.5rem; background-color:rgba(255,255,255,0.7); padding:1rem 0; text-align:center; box-shadow:0 16px 30px rgba(1,126,255,0.1); } .index-list5 ul.list5ul li .img-time .tcname{ font-size:0.5rem; line-height:0.5rem; margin-bottom: 0.75rem; color:#000; position:relative; } .index-list5 ul.list5ul li .img-time .tcname:after{ position: absolute; left: 50%; transform: translateX(-50%); width: 0.75rem; height: 0.1rem; content: ""; background-image: url(../img/after.png); background-repeat: no-repeat; background-size: 100% 100%; background-position: center; bottom: -0.375rem; } .index-list5 ul.list5ul li .img-time .itemjir{ font-size:0.35rem; line-height:0.75rem; color:#999999; padding:0 0.75rem; height:1.5rem; overflow:hidden; } .index-list5 ul.list5ul li .img-time .more{ margin:0.75rem auto 0; width:0.8rem; height:0.4rem; background-repeat:no-repeat; background-size:100% 100%; background-position:center; background-image:url(../img/more.png) } .innovation-jie{ font-size:0.35rem; color:#666666; line-height:0.75rem; text-align:center; } .innovationmian{ margin: 1.5rem auto 0; position:relative; width:90.5%; } .innovationmian li .lititem{ height:1.51rem; line-height:1.51rem; position:relative; background-repeat:no-repeat; background-position:center; background-size:100% 100%; border-bottom:1px solid #e5e5e5; cursor:pointer; transition:all 0.3s; } .innovationmian li .lititem span{ position:absolute; top:50%; transform:translateY(-50%); right:0; width:0.6rem; height:0.3rem; background-repeat:no-repeat; background-position:center; background-size:0.6rem; background-image:url(../img/scj1.png); transition:all 0.3s; } .innovationmian li .lititem.cur span{ background-image:url(../img/scj2.png); right:0.75rem; } .innovationmian li .lititem.cur{ padding:0 0.75rem; background-image:url(../img/listbj.png); } .innovationmian li .lititem p{ width:80%; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; font-size:0.4rem; color:#4c4c4c; } .innovationmian li .lititem.cur p{ color:#fff; } .innovationmian li .listinnvo{ padding:0.75rem 1rem; background-color: #fafdff; position:relative; display:none; } .innovationmian li .listinnvo .left{ float:left; width:35.8%; overflow:hidden; } .innovationmian li .listinnvo .left img{ width:100%; } .innovationmian li .listinnvo .right{ position:absolute; top:50%; transform:translateY(-50%); width:55%; right:2%; text-align:left; font-size:0.35rem; line-height:0.75rem; color:#808080; max-height:100%; overflow:auto; padding-right:0.5rem; } // .innovationmian .leftz{ // float:left; // width:50%; // position:relative; // } // .innovationmian .leftz img{ // width:100%; // } // .innovationmian .rightz{ // position:absolute; // top:0; // right:0; // width:45.5%; // padding-right:1rem; // height:100%; // overflow:auto; // } // .innovationmian .rightz ul.scinen-ul{ // position:relative; // } // .innovationmian .rightz ul.scinen-ul li .nameli{ // height:1.5rem; // line-height:1.5rem; // border-bottom:1px solid #e5e5e5; // font-size:0.4rem; // color:#4d4d4d; // padding-right: 1.5rem; // overflow: hidden; // text-overflow:ellipsis; // white-space: nowrap; // transition:all 0.3s; // cursor:pointer; // position:relative; // } // .innovationmian .rightz ul.scinen-ul li.cur .nameli{ // background-position:center; // background-repeat:no-repeat; // background-size:cover; // background-image:url(../img/scili.jpg); // color:#fff; // padding-left:0.75rem; // } // .innovationmian .rightz ul.scinen-ul li .nameli span{ // position:absolute; // top:50%; // right:0.5rem; // transform:translateY(-50%); // width:0.6rem; // height:0.3rem; // background-position:center; // background-repeat:no-repeat; // background-size:100% 100%; // background-image:url(../img/scj1.png); // } // .innovationmian .rightz ul.scinen-ul li.cur .nameli span{ // background-image:url(../img/scj2.png); // } // .innovationmian .rightz ul.scinen-ul li .name-itelaml{ // padding: 0.9rem 0.75rem 1rem 0.75rem; // background-color:#fafdff; // font-size:0.35rem; // color:#808080; // text-align:justify;; // line-height:0.75rem; // max-height:6.5rem; // overflow:auto; // display:none; // } .science-mamin ul.laws-ul{ width:90.5%; overflow:hidden; margin:1.25rem auto 0; } .science-mamin ul.laws-ul li{ width:23.5%; margin-right:2%; float:left; margin-bottom: 1rem; border:1px solid #e5e5e5; box-sizing:border-box; padding-bottom:27.5%; position:relative; cursor:pointer; } .science-mamin ul.laws-ul li:nth-child(4n){ margin-right:0; } .science-mamin ul.laws-ul li .lawli-item{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:80%; text-align:center; transition:all 0.3s; } .science-mamin ul.laws-ul li .lawli-item .img{ text-align:center; } .science-mamin ul.laws-ul li .lawli-item .img img{ width:1.5rem; } .science-mamin ul.laws-ul li .lawli-item .zaixian{ margin-top: 0.5rem; font-size:0.5rem; color:#666666; line-height:0.75rem; height:1.5rem; overflow:hidden; /* font-family: "PINGFANG BOLD_1"; */ font-weight: bold; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .science-mamin ul.laws-ul li .lawli-item .smbiao{ font-size:0.4rem; line-height:0.5rem; color:#666666; height:0.5rem; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; margin-top:0.25rem; /* font-family: "PINGFANG MEDIUM_1"; */ } .science-mamin ul.laws-ul li .lawli-item .en-biao{ font-size:0.4rem; line-height:0.5rem; color:#666666; height:1rem; overflow:hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin-top:0.25rem; /* font-family: "PINGFANG MEDIUM_1"; */ margin-top:1rem; } .science-mamin ul.laws-ul li .lawli-hover{ position:absolute; top:50%; left:50%; width:100%; height:100%; background-repeat:no-repeat; background-size:cover; background-position:center; background-image:url(../img/lawsli.jpg); transition:all 0.3s; overflow:auto; transform:scale(0) translate(-50%,-50%) } .science-mamin ul.laws-ul li .lawli-hover .itemd{ padding:1rem 1rem 0.75rem; position:relative; text-align:left; } .science-mamin ul.laws-ul li .lawli-hover .item-a{ font-size:0.9rem; line-height:0.9rem; position:absolute; top:1rem; right:0.75rem; color:#ffffff; opacity:0.4; } .science-mamin ul.laws-ul li .lawli-hover .itemd .div1{ font-size:0.4rem; color:#fff; line-height:.5rem; } .science-mamin ul.laws-ul li .lawli-hover .itemd .div1 span{ color:#cedff2; } .science-mamin ul.laws-ul li .lawli-hover .itemd .div2{ margin-top: 0.75rem; } .science-mamin ul.laws-ul li .lawli-hover .itemd .div2 .span{ font-size:0.4rem; color:#fff; line-height:.5rem; } .science-mamin ul.laws-ul li .lawli-hover .itemd .div2 .span1{ font-size:0.4rem; color:#cedff2; line-height:.75rem; margin-top:0.25rem; overflow:hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .science-mamin ul.laws-ul li .lawli-hover .itemd .div3{ margin-top:1rem; font-size:0.4rem; color:#fff; line-height:.5rem; } .science-mamin ul.laws-ul li .lawli-hover .itemd .div3.div4{ margin-top: 0.3rem; } .science-mamin ul.laws-ul li .lawli-hover .itemd .div3 span{ color:#cedff2; } .science-mamin ul.laws-ul li .lawli-hover .itemd .seart-tiem{ margin-top:1rem; font-size:0.4rem; color:#fff; line-height:.5rem; } .science-mamin ul.laws-ul li .lawli-hover .itemd .seart-tiem span{ color:#cedff2; } .science-mamin ul.laws-ul li .lawli-hover .itemd .end-tiem{ font-size:0.4rem; color:#fff; line-height:.5rem; margin-top:0.25rem; } .science-mamin ul.laws-ul li .lawli-hover .itemd .end-tiem span{ color:#cedff2; } .science-mamin .patent-name{ margin-top:1.5rem; font-size:0.6rem; color:#333333; line-height:0.6rem; /* font-family: "PINGFANG BOLD_1"; */ font-weight: bold; } .science-mamin ul.patent-ul{ margin-top:1rem; position:relative; } .science-mamin ul.patent-ul li{ float:left; width:18.2%; margin-bottom:1rem; margin-right:9%; text-align:center; outline:none; cursor:pointer; position:relative; } .science-mamin ul.patent-ul2 li:before{ position:absolute; height:100%; width:1px; top:50%; transform:translateY(-50%); content:""; background-color:#e5e5e5; right: -27.5%; } .science-mamin ul.patent-ul2 li:after{ position:absolute; height:1px; width:154%; bottom:-0.5rem; content:""; background-color:#e5e5e5; left: 0; } .science-mamin ul.patent-ul2 li:nth-child(4n):before{ display:none } .science-mamin ul.patent-ul2 li:nth-child(4n):after{ width:100% } .science-mamin ul.patent-ul li:nth-child(4n){ margin-right:0; } .science-mamin ul.patent-ul li .img{ overflow:hidden; border:1px solid #e5e5e5; } .science-mamin ul.patent-ul li .img img{ width:100%; transition:all 0.3s; } .science-mamin ul.patent-ul li .imgname{ margin-top:0.5rem; padding:0 0.25rem; font-size:0.4rem; color:#666666; line-height:0.75rem; height:1.5rem; overflow:hidden } .science-mamin ul.patent-ul2 li .imgname{ margin-top:0; } .science-mamin ul.patent-ul li .hao{ font-size:0.35rem; color:#666666; line-height:0.4rem; margin-top: 0.4rem; } .science-mamin .patent .more-page{ margin-top:0; } .search-mianbody{ padding:2rem 0; } .search-mianbody .w1700{ box-shadow:0 3px 10px rgba(128, 128, 128, 0.8); } .search-mianbody .search-ulitem{ padding:2.5rem 0 2.25rem; } .search-mianbody .search-ulitem .serlitu{ font-size:0.4rem; color:#808080; line-height:0.5rem; /* font-family: "PINGFANG MEDIUM_1"; */ } .search-mianbody .search-ulitem .serlitu span.shu{ color:#2588f6; } .search-mianbody .search-ulitem .search-diul{ margin-top:1.1rem; font-size:0; text-align:left; } .search-mianbody .search-ulitem .search-diul li{ width:3.75rem; font-size:0.4rem; color:#808080; height:1rem; line-height:1rem; border:1px solid #e5e5e5; border-radius:4px; margin-right:0.4rem; display:inline-block; text-align:center; cursor:pointer; } .search-mianbody .search-ulitem .search-diul li.cur{ border:1px solid #2588f6; color:#2588f6; } .search-mianbody .serach-ajax{ margin-top:0.75rem; } .search-mianbody .serach-ajax li{ padding:1rem 0; } .search-mianbody .serach-ajax li:nth-child(2n-1){ background-color:#fafdff; } .search-mianbody .serach-ajax li .itemli{ width:90.5%; margin:0 auto; position:relative; } .search-mianbody .serach-ajax li .itemli .itemname{ width:80%; } .search-mianbody .serach-ajax li .itemli .itemname .name{ font-size:0.45rem; color:#000; line-height:0.5rem; /* font-family: "PINGFANG BOLD_1"; */ font-weight: bold; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .search-mianbody .serach-ajax li .itemli .itemname .jies{ font-size:0.35rem; color:#999999; margin-top:0.5rem; line-height:0.6rem; } .search-mianbody .serach-ajax li .itemli .more{ position:absolute; top:50%; transform:translateY(-50%); right:0; padding-right:0.75rem; font-size:0.35rem; color:#999; background-position:right center; background-repeat:no-repeat; background-size:0.4rem; background-image:url(../img/sermore1.png); } .page{ margin-top:1.25rem; text-align:center; font-size:0; } .page a{ display:inline-block; width:1rem; height:1rem; font-size:0.4rem; color:#999; text-align:center; line-height:1rem; background-color:#f7f7f7; transition:all 0.3s; } .page a.active{ background-color:#2588f6; color:#fff; } .about-mamindody{ padding:2.5rem 0 4.7rem; background-color:#fff; background-repeat:no-repeat; background-position:left bottom; background-size:52%; background-image:url(../img/amap.png); } .about-mamindody .rightz{ float:right; width:47.4%; overflow:hidden; border-radius: 8px; position:relative; } .about-mamindody .rightz img{ width:100%; } .about-mamindody .rightz .bo{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:2.25rem; height:2.25rem; background-position:center; background-size:100% 100%; background-repeat:no-repeat; background-image:url(../img/bo.png); cursor:pointer; animation: arrow2 1s infinite linear; } .about-mamindody .leftz{ position:absolute; top:0; left:0; width:50%; height:100%; /* overflow:hidden; */ } .about-mamindody .leftz .name{ font-size:1.3rem; line-height:1.3rem; color:#000; margin-bottom:2.5rem; position:relative; } .about-mamindody .leftz .name:after{ position: absolute; left: 0%; width: 1.5rem; height: 0.2rem; content: ""; background-image: url(../img/after.png); background-repeat: no-repeat; background-size: 100% 100%; background-position: center; bottom: -1.25rem; } .about-mamindody .leftz .naleft-jie{ font-size:0.35rem; color:#666666; line-height:0.75rem; /* max-height:7.5rem; */ overflow:auto; } .about-list1{ padding:2rem 0; background-position:center; background-repeat:no-repeat; background-size:cover; min-height: 7.5rem; } .about-list1 .tebold{ font-size: 1.2rem; line-height: 1.2rem; text-align: center; position: relative; color: #fff; margin-bottom: 1.75rem; /* font-family: "PINGFANG HEAVY_1"; */ } .about-list1 .tebold:after{ position: absolute; left: 50%; transform: translateX(-50%); width: 1.5rem; height: 0.2rem; content: ""; background-image: url(../img/after.png); background-repeat: no-repeat; background-size: 100% 100%; background-position: center; bottom: -0.75rem; } .about-list1 .aboutul1{ font-size:0; text-align:center; padding-top:1rem; position:relative; } .about-list1 .aboutul1 li{ display:inline-block; vertical-align:top; margin:0 1.3rem; } .about-list1 .aboutul1 li .img{ text-align:center;; } .about-list1 .aboutul1 li .img img{ width:3rem; } .about-list1 .aboutul1 li .imgname{ font-size:0.55rem; color:#fff; margin-top:0.6rem; line-height:0.5rem; text-align:center; } .about-list1 .aboutul1 li .imgli{ margin-top:0.4rem; font-size:0.35rem; color:#fff; text-align:center; line-height:0.75rem; } .about-list2{ padding:2rem 0; background-color:#fff; } .about-list2 .tebold{ font-size: 1.3rem; line-height: 1.3rem; text-align: center; position: relative; color: #000; margin-bottom: 1.75rem; /* font-family: "PINGFANG HEAVY_1"; */ } .about-list2 .tebold:after{ position: absolute; left: 50%; transform: translateX(-50%); width: 1.5rem; height: 0.2rem; content: ""; background-image: url(../img/after.png); background-repeat: no-repeat; background-size: 100% 100%; background-position: center; bottom: -0.75rem; } .about-list2 .about2-swiper{ position:relative; width:100%; overflow:hidden; padding-top:0.5rem; } .about-list2 .about2-swiper .swiper-wrapper{ justify-content: center; } .about-list2 .about2-swiper .swiper-slide{ border-radius:8px; transition:all 0.3s; cursor:pointer; } .about-list2 .about2-swiper .swiper-slide .img{ position:relative; overflow:hidden; border-radius:8px; } .about-list2 .about2-swiper .swiper-slide .img img{ width:100%; transition:all 0.3s; } .about-list2 .about2-swiper .swiper-slide .img .imgane{ font-size:0.6rem; color:#fff; position:absolute; left:0.75rem; bottom:0.75rem; /* font-family: "PINGFANG BOLD_1"; */ font-weight: bold; } .about-list3{ padding:2rem 0 2.5rem; background-color:#f7f7f7; } .about-list3 .tebold{ font-size: 1.3rem; line-height: 1.3rem; text-align: center; position: relative; color: #000; margin-bottom: 1.75rem; /* font-family: "PINGFANG HEAVY_1"; */ } .about-list3 .tebold:after{ position: absolute; left: 50%; transform: translateX(-50%); width: 1.5rem; height: 0.2rem; content: ""; background-image: url(../img/after.png); background-repeat: no-repeat; background-size: 100% 100%; background-position: center; bottom: -0.75rem; } .about-list3 .fajie{ font-size:0.35rem; color:#333333; line-height:0.45rem; text-align:center; } .about-list3 .fabodymian{ margin-top:0.75rem; position:relative; } .about-list3 .fabodymian .fazhengye-swiper{ position:relative; width:76.5%; margin:0 auto; height:2.25rem; overflow:hidden; font-size:0; } .about-list3 .fabodymian .fazhengye-swiper:after{ position:absolute; top:50%; transform:translateY(-50%); width:100%; height:1px; border-bottom:1px dashed #cccccc; content:""; } .about-list3 .fabodymian .fazhengye-swiper .swiper-slide{ text-align:center; width:2.25rem; margin-left:8.6%; cursor:pointer; font-size:0; } .about-list3 .fabodymian .fazhengye-swiper .swiper-slide .item-acviet{ padding-top:0.75rem; transition:all 0.3s; } .about-list3 .fabodymian .fazhengye-swiper .swiper-slide .img{ width:0.75rem; height:0.75rem; display:inline-block; position:relative; transition:all 0.3s; font-size:0; } .about-list3 .fabodymian .fazhengye-swiper .swiper-slide .img img{ width:100%; } .about-list3 .fabodymian .fazhengye-swiper .swiper-slide .img .item2{ display:none; } .about-list3 .fabodymian .fazhengye-swiper .swiper-slide .img .tiyen{ position:absolute; top:50%; left:50%; width:70%; height:70%; text-align:center; color:#fff; border-radius:50%; background-color:#2a8dfd; font-size:0.5rem; transform:translate(-50%,-50%); vertical-align:middle; display:none; } .about-list3 .fabodymian .fazhengye-swiper .swiper-slide .yeader{ font-size:0.35rem; color:#000000; font-family: "BEBAS_"; opacity:0.5; margin-top:0.2em; text-align:center; line-height:0.4rem; } .about-list3 .fabodymian .fazhengye-swiper .active .item-acviet{ padding-top:0; } .about-list3 .fabodymian .fazhengye-swiper .active .img{ width:100%; height:100%; } .about-list3 .fabodymian .fazhengye-swiper .active .img .item1{ display:none; } .about-list3 .fabodymian .fazhengye-swiper .active .img .item2{ display:block; animation:rotate 5s linear infinite; } @keyframes rotate{ 0%{ -webkit-transform: rotate(0); transform: rotate(0); } 100%{ -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .about-list3 .fabodymian .fazhengye-swiper .active .yeader{ display:none; } .about-list3 .fabodymian .fazhengye-swiper .active .img .tiyen{ line-height:1.5rem; display:block; } .about-list3 .fabodymian .tab1-prev,.about-list3 .fabodymian .tab1-next{ position:absolute; top:50%; transform:translateY(-50%); background-size:100% 100%; background-repeat:no-repeat; background-position:center; width:0.9rem; height:0.9rem; cursor:pointer; z-index:10; } .about-list3 .fabodymian .tab1-prev{ left:0; background-image:url(../img/tab2.png) } .about-list3 .fabodymian .tab1-next{ right:0; background-image:url(../img/tab1.png) } .about-list3 .fabodymian .swiper-button-disabled{ display:none; } .about-list3 .fazhengbodyu{ margin: 1.5rem auto 0; max-width:920px; position:relative; overflow:hidden; } .about-list3 .fazhengbodyu .swiper-slide{ position:relative; } .about-list3 .fazhengbodyu .swiper-slide .leftz{ width:45.6%; overflow:hidden; border-radius:8px; } .about-list3 .fazhengbodyu .swiper-slide .leftz img{ width:100%; transition:all 0.3s; } .about-list3 .fazhengbodyu .swiper-slide .rightz{ // position:absolute; // top:0; // right:0; // width:45.6%; margin-left:10%; max-height:5rem; width:80%; overflow:auto; padding-right:0.3rem; } .about-list3 .fazhengbodyu .swiper-slide .rightz ul{ position:relative; } .about-list3 .fazhengbodyu .swiper-slide .rightz ul:after{ position:absolute; width:1px; height:100%; left:1.35rem; content:""; top:0; background-color:#ccc; z-index:-1; } .about-list3 .fazhengbodyu .swiper-slide .rightz li{ font-size:0.35rem; color:#333333; position:relative; cursor:pointer; padding:0.25rem 0 0.25rem 2.25rem; } .about-list3 .fazhengbodyu .swiper-slide .rightz li .yue{ position:absolute; top:50%; left:0; transform:translateY(-50%); font-size:0.35rem; color:#333; } .about-list3 .fazhengbodyu .swiper-slide .rightz li .yue:after{ position:absolute; width:0.4rem; height:0.4rem; background-repeat:no-repeat; background-image:url(../img/smyuan1.png); background-position:center; background-size:100%; top:50%; transform:translateY(-50%); left:calc(1.35rem - 0.2rem); content:""; z-index:10; } .fazhengbodyu .swiper-slide .rightz li.cur .yue:after{ background-image:url(../img/smyuan.png); } .fazhengbodyu .swiper-slide .rightz li.cur{ color:#2a8dfd; } .fazhengbodyu .swiper-slide .rightz li.cur .yue{ color:#2a8dfd; } .about-list4{ padding:2rem 0 2.5rem; background-color:#fff; } .about-list4 .tebold{ font-size: 1.3rem; line-height: 1.3rem; text-align: center; position: relative; color: #000; margin-bottom: 1.75rem; /* font-family: "PINGFANG HEAVY_1"; */ } .about-list4 .tebold:after{ position: absolute; left: 50%; transform: translateX(-50%); width: 1.5rem; height: 0.2rem; content: ""; background-image: url(../img/after.png); background-repeat: no-repeat; background-size: 100% 100%; background-position: center; bottom: -0.75rem; } .about-list4 .about-list4swiper{ position:relative; width:100%; overflow:hidden; padding-top:0.5rem; } .about-list4 .about-list4swiper .swiper-slide{ transition:all 0.3s; border-radius:8px; overflow:hidden; } .about-list4 .about-list4swiper .swiper-slide .img{ width:100%; border-radius:8px; } .about-list4 .about-list4swiper .swiper-slide .img img{ width:100%; transition:all 0.3s; } .about-list4 .about-list4swiper .swiper-slide .imgname{ height:1.75rem; text-align:center; line-height:1.75rem; background-color:#f7f7f7; font-size:0.6rem; color:#4c4c4c; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; } .about-list4 .about-list4page{ margin-top: 0.75rem; text-align:center; position:relative; } .about-list4 .about-list4page span{ background-color:#4c4c4c; width:0.3rem; height:0.3rem; border-radius:0.15rem; display:inline-block; margin:0 4px; transition:all 0.3s; } .about-list4 .about-list4page span.swiper-pagination-bullet-active{ width:0.6rem; background-color:#17a6fd; } .about-list4 .more{ display:block; margin:1rem auto 0; padding-left:0.75rem ; width:3.5rem; height:1rem; line-height:1rem; font-size:0.35rem; color:#fff; border-radius:0.5rem; background-color:#17a6fd; background-repeat:no-repeat; background-size:0.4rem; background-position:80% center; background-image:url(../img/bannernext.png) } .about-honer-model{ position:fixed; width:100%; height:100%; top:0; left:0; z-index:500; display:none; } .about-honer-model .black{ position:absolute; width:100%; height:100%; top:0; left:0; background-color:rgba(0, 0, 0, 0.5); } .about-honer-model .modelmian{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:1280px; border-radius:16px; background-color:#fff; overflow:hidden; } .about-honer-model .modelmian .clsoe-h{ position:absolute; top:0.75rem; right:0.75rem; width:0.75rem; height:0.75rem; background-image:url(../img/close-h.png); background-size:100% 100%; background-repeat:no-repeat; background-position:center; z-index:10; cursor:pointer; transition:all 0.3s; } .about-honer-model .modelmian .miaoop{ position:relative; background-color:#fafafa; } .about-honer-model .modelmian .lefti{ float:left; width:34.4%; position:relative; overflow:hidden; } .about-honer-model .modelmian .lefti .imgsopswiper{ position:relative; width:100%; overflow:hidden; } .about-honer-model .modelmian .lefti img{ width:100%; } .about-honer-model .modelmian .lefti .name{ font-size:0.24rem; line-height:0.3rem; text-align:center; display:none; } .about-honer-model .modelmian .righti{ float:right; width:52.4%; margin-right:1rem; padding-top:1.5rem; height:calc(100% - 1.5rem ); } .about-honer-model .modelmian .righti .item-name{ font-size:0.6rem; color:#333333; /* font-family: "PINGFANG HEAVY_1"; */ line-height:0.8rem; padding-bottom:0.75rem; border-bottom:1px solid #e5e5e5; } .about-honer-model .modelmian .righti .hong-siwpermian{ position:relative; width:100%; overflow:hidden; height:8.75rem; } .about-honer-model .modelmian .righti .hong-siwpermian .swiper-slide{ height:1.75rem; line-height:1.75rem; } .about-honer-model .modelmian .righti .hong-siwpermian .name{ padding-left:0.9rem; height:1.75rem; line-height:1.75rem; border-bottom:1px solid #e5e5e5; box-sizing:border-box; font-size:0.4rem; color:#999999; background-repeat:no-repeat; background-size:0.6rem; background-position:left center; background-image:url(../img/hy1.png); cursor:pointer; overflow:hidden; transition:all 0.3s; } .about-honer-model .modelmian .righti .hong-siwpermian .active .name{ background-image:url(../img/hy2.png); color:#2a8dfd; } .about-honer-model .hongpage{ margin-top: 0.75rem; text-align:center; position:relative; z-index:10 } .about-honer-model .hongpage span{ background-color:#b3b3b3; width:0.3rem; height:0.3rem; border-radius:0.15rem; display:inline-block; margin:0 4px; transition:all 0.3s; } .about-honer-model .hongpage span.swiper-pagination-bullet-active{ background-color:#17a6fd; } .science-mamin ul.videobody{ position:relative; } .science-mamin ul.videobody li{ float:left; width:32%; margin-right:2%; margin-bottom:1rem; border-radius:8px; background-color:#f7f7f7; overflow:hidden; cursor:pointer; transition:all 0.3s; } .science-mamin ul.videobody li:nth-child(3n){ margin-right:0; } .science-mamin ul.videobody li .img{ width:100%; overflow:hidden; border-radius:8px; position:relative; } .science-mamin ul.videobody li .img img{ width:100%; transition:all 0.3s; } .science-mamin ul.videobody li .imgname{ font-size:0.6rem; text-align:center; color:#4c4c4c; height:1.75rem; line-height:1.75rem; background-color:#f7f7f7; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .science-mamin ul.videobody li .mask{ position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.5) } .science-mamin ul.videobody li .mask .bo{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:2.25rem; height:2.25rem; background-position:center; background-size:100% 100%; background-repeat:no-repeat; background-image:url(../img/bo.png); z-index:10; cursor:pointer; } .video-mianmodel{ position:fixed; top:0; left:0; width:100%; height:100%; z-index:500; display:none; } .video-mianmodel .black{ top:0; left:0; width:100%; height:100%; position:absolute; background-color:rgba(0, 0, 0, 0.5); } .video-mianmodel .videomian{ width:1200px; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); } .video-mianmodel .videomian .close-v{ position:absolute; top:-2rem; right:-0.75rem; width:1.5rem; height:1.5rem; background-color:#fff; border-radius:50%; background-repeat:no-repeat; background-position:center; background-size:0.9rem; background-image:url(../img/close-h.png); } .video-mianmodel .videomian video{ width:100%; } .image-mianmodel{ position:fixed; top:0; left:0; width:100%; height:100%; z-index:500; display:none; } .image-mianmodel .black{ top:0; left:0; width:100%; height:100%; position:absolute; background-color:rgba(0, 0, 0, 0.5); } .image-mianmodel .imgmian{ width:62.5%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); border-radius:8px; overflow:hidden; background-color:#fff; } .image-mianmodel .imgmian .close-v{ position:absolute; top:0.5rem; right:0.5rem; width:1.5rem; height:1.5rem; background-color:rgba(0, 0, 0, 0.5); z-index:10; border-radius:50%; background-repeat:no-repeat; background-position:center; background-size:0.9rem; background-image:url(../img/close-img.png); cursor:pointer; } .image-mianmodel .imgmian .img-one-bigswiper{ position:relative; width:100%; border-radius:8px; overflow:hidden; } .image-mianmodel .imgmian .img-one-bigswiper .swiper-slide img{ width:100%; } .image-mianmodel .imgmian .img-one-bigswiper .swiper-slide{ position:relative; } .image-mianmodel .imgmian .img-one-bigswiper .swiper-slide .img-item{ position:absolute; width:86.7%; left:50%; transform:translateX(-50%); bottom:1rem; } .image-mianmodel .imgmian .img-one-bigswiper .swiper-slide .img-item .bai-ame{ font-size:0.75rem; color:#fff; line-height:0.8rem; /* font-family: "PINGFANG HEAVY_1"; */ overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .image-mianmodel .imgmian .img-one-bigswiper .swiper-slide .img-item .bai-jie{ font-size:0.4rem; color:#fff; margin-top:0.5rem; /* font-family: "PINGFANG BOLD_1"; */ font-weight: bold; line-height:0.75rem; height:1.5rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .image-mianmodel .imgmian .img-one-bigswiper .item-previmg,.image-mianmodel .imgmian .img-one-bigswiper .item-nextimg{ position:absolute; z-index:10; width:0.9rem; height:1rem; background-position:center; background-size:100% 100%; background-repeat:no-repeat; top:50%; transform:translateY(-50%;) } .image-mianmodel .imgmian .img-one-bigswiper .item-previmg{ left:0.9rem; background-image:url(../img/imgprev1.png); } .image-mianmodel .imgmian .img-one-bigswiper .item-nextimg{ right:0.9rem; background-image:url(../img/imgnext1.png); } .ime-two-smimgsiwper{ position:relative; padding:12px; overflow:hidden; } .ime-two-smimgsiwper .swiper-slide{ border-radius:4px; overflow:hidden; cursor:pointer; } .ime-two-smimgsiwper .swiper-slide img{ width:100%; } .ime-two-smimgsiwper .active img{ border:2px solid #2a8dfd; box-sizing:border-box; } .product-header{ margin:2rem auto 0; position:relative; width:90.5%; z-index:10 } .product-header:after{ position:absolute; content:""; width:50%; height:2px; left:50%; transform:translateX(-50%); background-color:#cbcbcb; top:0.5rem; display:none } .product-header .name-block{ font-size:1.2rem; line-height:1.2rem; color:#333333; /* font-family: "PINGFANG BOLD_1"; */ font-weight: bold; } .product-header .serachbane{ position:absolute; top:0; right:0; padding-right:1.2rem; background-size:8px; background-position:right center; background-repeat:no-repeat; background-image:url(../img/rightlv.png); color:#2a8dfd; font-size:0.6rem; /* font-family: "PINGFANG BOLD_1"; */ font-weight: bold; cursor:pointer; } ul.product-ulmian{ margin-top:1.75rem; } ul.product-ulmian li{ float:left; width:23.5%; margin-bottom:0.75rem; margin-right:2%; border-radius:8px; overflow:hidden; background-color:#fff; padding:1rem 0; } ul.product-ulmian li:nth-child(4n){ margin-right:0; } ul.product-ulmian li .img{ overflow:hidden; } ul.product-ulmian li .img img{ width:100%; transition:all 0.3s; } ul.product-ulmian li .imgname{ width:90%; margin:0.5rem auto 0; padding-bottom:0.75rem; font-size:0.5rem; color:#4c4c4c; line-height:0.65rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; height:1.3rem; text-align:center; position:relative; } ul.product-ulmian li .imgname:after{ position:absolute; content:""; left:50%; transform:translateX(-50%); bottom:0; width:1.25rem; height:1px; background-color:#e5e5e5; transition:all 0.3s; } ul.product-ulmian li .more{ display:block; width:4.25rem; height:1rem; line-height:1rem; font-size:0.4rem; color:#666666; text-align:center; border-radius:0.5rem; background-color:#fff; border:1px solid #e5e5e5; box-sizing:border-box; margin:1.25rem auto 0; } .prodcut-ajax .page a{ background-color:#fff; color:#686868; } .prodcut-ajax .page a.active{ background-color:#2588f6; color:#fff; } .product-header .headerulpro{ position:absolute; right:-1rem; min-width:7rem; max-height:13rem; white-space: normal; border-radius:8px; overflow:auto; top:1.4rem; background-color:#fff; box-shadow:0 5px 20px rgba(1,126,255,0.15); display:none; } .product-header .headerulpro>li{ position:relative; } .product-header .headerulpro>li a.tit{ line-height:1.4rem; font-size:0.4rem; color:#333333; vertical-align:middle; padding-left:1.75rem; position:relative; cursor:pointer; display:block; padding-right:1rem; } .product-header .headerulpro>li a.tit span{ width:6px; height:6px; border-radius:50%; display:inline-block; background-color:#4d4d4d; position:absolute; top:50%; transform:translateY(-50%); left:1.45rem; } .product-header .headerulpro>li ul.one{ background-color:#fff; display:none; padding-bottom:0.3rem; } .product-header .headerulpro>li ul.one>li{ font-size:0.4rem; } .product-header .headerulpro>li ul.one li a{ display:block; line-height:1.25rem; color:#333333; padding-left:1.75rem; border-bottom:1px solid #e5e5e5; cursor:pointer; padding-right: 1rem; } .product-header .headerulpro>li ul.one li>ul.two{ background-color:#f7f7f7; color:#999999; display:none; } .product-header .headerulpro>li ul.one li>ul.two a{ color:#999; display:block; } .info-mianbody{ padding:2rem 0; background-color:#fff; } .info-mianbody .infoname{ font-size:1.2rem; line-height:1.4rem; color:#000; text-align:left; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .info-mianbody .infobigimgswiper{ margin-top: 1.1rem; position:relative; overflow:hidden; } .info-mianbody .infobigimgswiper img{ width:100%; } .info-mianbody .infosmmian{ margin:0.5rem auto 0; max-width:790px; position:relative; } .info-mianbody .infosmmian .sminfosiwper{ position:relative; width:78.4%; margin:0 auto; overflow:hidden; } .info-mianbody .infosmmian .sminfosiwper .swiper-slide img{ width:100%; } .info-mianbody .infosmmian .sminfosiwper .active img{ border:1px solid #2a8dfd; box-sizing:border-box; } .info-mianbody .infosmmian .sm-prev,.info-mianbody .infosmmian .sm-next{ position:absolute; top:50%; transform:translateY(-50%); width:1rem; height:2rem; background-size:1rem; background-repeat:no-repeat; background-position:center; z-index:10; cursor:pointer; border-radius:4px; overflow:hidden; } .info-mianbody .infosmmian .sm-prev{ left:0; background-image:url(../img/prev12.jpg); } .info-mianbody .infosmmian .sm-next{ right:0; background-image:url(../img/next12.jpg); } .info-mianbody .infolist1{ margin-top:1.25rem; font-size:0.4rem; color:#666666; line-height:0.8rem; } .info-mianbody .infolistitem{ font-size:0.6rem; color:#000; margin-top:1.75rem; padding-bottom:0.5rem; line-height:0.7rem; /* font-family: "PINGFANG BOLD_1"; */ font-weight: bold; border-bottom:1px solid #e5e5e5; } .info-mianbody .infolist1{ margin-top:1rem; font-size:0.4rem; } .info-mianbody .infolist1 table{ width:100%; table-layout: fixed; } .info-mianbody .infolist1 table thead{ background-color:#2a8dfd; color:#fff; font-size:0.45rem; height:1.5rem; } .info-mianbody .infolist1 table thead th{ height:1.5rem; text-align:center; border: 1px solid #e5e5e5; box-sizing: border-box; } .info-mianbody .infolist1 img{ max-width:100%; } .info-mianbody .infolist1 table tbody tr:nth-child(2n-1){ background-color:#fff; color:#333; font-size:0.45rem; } .info-mianbody .infolist1 table tbody tr:nth-child(2n){ background-color:#f0f6fc; color:#333; font-size:0.45rem; } .info-mianbody .infolist1 table tbody tr{ height:2rem; } .info-mianbody .infolist1 table tbody tr td{ text-align:center; line-height:0.7rem; } .product-listmian{ padding:2rem 0 2.5rem; background-color:#fff; } .w1400{ position:relative; width:82.4%; margin:0 auto; } .product-listmian .proser{ font-size:0.35rem; color:#333333; line-height:0.4rem; } .product-listmian .searchproform{ height:1.51rem; line-height:1.51rem; border:1px solid #e5e5e5; font-size:0; margin-top:0.5rem; position:relative; margin-bottom:1.1rem; } .product-listmian .searchproform .text{ height:1.51rem; line-height:1.51rem; background-color:transparent; font-size:0.45rem; color:#999999; padding-left:0.75rem; width:90%; } .product-listmian .searchproform .submit{ position: absolute; top: 50%; right: 0.75rem; width: 0.5rem; height: 0.5rem; background-color: transparent; background-image: url(../img/s-aearch.png); background-position: center; background-size: 100% 100%; background-repeat: no-repeat; cursor: pointer; transform: translateY(-50%); } .product-listmian .teblod{ font-size: 1.3rem; line-height: 1.3rem; text-align: center; position: relative; color: #333333; margin-bottom: 1.75rem; /* font-family: "PINGFANG HEAVY_1"; */ } .product-listmian .teblod:after{ position: absolute; left: 50%; transform: translateX(-50%); width: 1.5rem; height: 0.2rem; content: ""; background-image: url(../img/after.png); background-repeat: no-repeat; background-size: 100% 100%; background-position: center; bottom: -0.75rem; } .ulmianopui ul.listsul-pro{ float:left; width:48.5%; margin-right:3%; } .ulmianopui ul.listsul-pro:nth-child(2n){ margin-right:0; } .product-listmian ul.listsul-pro>li{ width:100%; margin-bottom: 0.6rem; border:1px solid #e5e5e5; box-sizing:border-box; } .product-listmian ul.listsul-pro>li .li1{ padding:0 4.9%; margin:0 auto; height:2rem; line-height:2rem; background-position:4.9% center; background-size:0.5rem; background-repeat:no-repeat; background-image:url(../img/huiyuan.png); position:relative; text-indent: 3em; } .product-listmian ul.listsul-pro>li.active .li1{ background-color:#017eff; background-image:url(../img/baiyuan.png); } .product-listmian ul.listsul-pro>li .li1 a{ font-size:0.5rem; color:#000; } .product-listmian ul.listsul-pro>li.active .li1 a{ color:#fff; } .product-listmian ul.listsul-pro>li .li1 span{ position:absolute; top:50%; transform:translateY(-50%); width:0.5rem; height:0.5rem; background-position: center; background-size:100% 100%; background-repeat:no-repeat; background-image:url(../img/jia1.png); right:4.9%; cursor:pointer; } .product-listmian ul.listsul-pro>li.active .li1 span{ background-image:url(../img/jian1.png); } .product-listmian ul.listsul-pro>li .item-xia{ padding:0.5rem 4.9%; background-color:#fff; display:none; } .product-listmian ul.listsul-pro>li .item-xia .li2{ padding:0 3%; margin:0 auto; height:1.75rem; line-height:1.75rem; position:relative; text-indent: 1em; border-bottom:1px solid #e5e5e5; } .product-listmian ul.listsul-pro>li .item-xia .li2.active{ background-color:#017eff } .product-listmian ul.listsul-pro>li .item-xia .li2 a{ color:#4c4c4c; font-size:0.45rem; } .product-listmian ul.listsul-pro>li .item-xia .li2.active a{ color:#fff; } .product-listmian ul.listsul-pro>li .item-xia .li2 span{ position:absolute; top:50%; transform:translateY(-50%); width:0.5rem; height:0.5rem; background-position: center; background-size:100% 100%; background-repeat:no-repeat; background-image:url(../img/jia1.png); right:3%; cursor:pointer; } .product-listmian ul.listsul-pro>li .item-xia .li2 span.cur{ background-image:url(../img/jian1.png); } .product-listmian ul.listsul-pro>li .item-xia .two{ display:none; } .product-listmian ul.listsul-pro>li .item-xia .two .li3{ height:1.1rem; line-height:1.1rem; font-size:0.4rem; border-bottom:1px solid #e5e5e5; box-sizing:border-box; text-indent:3em; } .product-listmian ul.listsul-pro>li .item-xia .two .li3 a{ color:#999; } .product-listmian .more{ display:block; height:1.52rem; line-height:1.52rem; font-size:0.45rem; color:#fff; background-size:100% 100%; background-position: center; background-repeat:no-repeat; background-image:url(../img/listbj.png); margin-top: 0.5rem; position:relative; padding-left:41.4%; } .product-listmian .more span{ background-position: center; background-repeat:no-repeat; background-image:url(../img/bannermore.png); background-size:0.45rem; display:inline-block; position:absolute; top:50%; transform:translateY(-50%); right:40%; width:0.45rem; height:0.3rem; transition:all 0.3s; } .index-list1-pagetion{ display:none; position:relative; margin-top:0rem; width:100%; text-align:center } .index-list1-pagetion span{ width:0.12rem; height:0.12rem; border-radius:50%; display:inline-block; transition:all 0.3s; background-color:#beddfe; margin: 0 4px; } .index-list1-pagetion span.swiper-pagination-bullet-active{ background-color:#298ffd; } .index-list3-pagetion{ display:none; position:relative; margin-top:0.2rem; width:100%; text-align:center } .index-list3-pagetion span{ width:0.12rem; height:0.12rem; border-radius:50%; display:inline-block; transition:all 0.3s; background-color:#beddfe; margin: 0 4px; } .index-list3-pagetion span.swiper-pagination-bullet-active{ background-color:#298ffd; } .science-mamin ul.csllists{ position:relative; } .science-mamin ul.csllists li{ float:left; position:relative; width:31.2%; margin-right:3.2%; margin-bottom:1.25rem; border-radius:8px; overflow:hidden; } .science-mamin ul.csllists li:nth-child(3n){ margin-right:0; } .science-mamin ul.csllists li .img{ overflow:hidden; position:relative; } .science-mamin ul.csllists li .img img{ width:100%; transition:all 0.3s; } .science-mamin ul.csllists li .img .imgname{ font-size:0.6rem; color:#fff; position:absolute; left:0.75rem; width:80%; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; bottom:0.6rem; line-height:0.7rem; transition:all 0.3s; } .science-mamin ul.csllists li .itrmeing{ position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(41,143,253,0.8); transform:scale(0); opacity:0; transition:all 0.3s; } .science-mamin ul.csllists li .itrmeing .itme-div{ position:absolute; top:50%; transform:translateY(-50%); left:0.75rem; width:80%; text-align:left; } .science-mamin ul.csllists li .itrmeing .itme-div .name{ font-size:0.6rem; line-height:0.6rem; color:#fff; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; } .science-mamin ul.csllists li .itrmeing .itme-div .name-jie{ font-size:0.4rem; line-height:0.7rem; margin-top:0.5rem; color:#fff; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .science-mamin ul.csllists li .itrmeing .itme-div .more{ display:inline-block; font-size:0.4rem; color:#fff; line-height:0.5rem; margin-top:1rem; } .about2-paget{ display:none; position:relative; width:100%; text-align:center; margin-top:0.2rem; } .about2-paget span{ width: 0.12rem; height: 0.12rem; border-radius: 50%; display: inline-block; transition: all 0.3s; background-color: #beddfe; margin: 0 4px; } .about2-paget span.swiper-pagination-bullet-active{ background-color: #298ffd; } .imgsopspage{ display:none; position:relative; width:100%; text-align:center; margin-top:0.2rem; } .imgsopspage span{ width: 0.12rem; height: 0.12rem; border-radius: 50%; display: inline-block; transition: all 0.3s; background-color: #beddfe; margin: 0 4px; } .imgsopspage span.swiper-pagination-bullet-active{ background-color: #298ffd; } .newsoirji{ padding-top:0.75rem; } .case3-all .newsd-page ul li{ font-size:0.4rem; height:1.2rem; line-height:1.2rem; border-bottom:1px solid #e5e5e5; } .case3-all .newsd-page ul li a{ color:#666; width:100%; } .newsd-content{ padding-top:1rem; } .case-phone{ margin-top: 1rem; font-size:0.45rem; color:#666; margin-bottom:0.3rem; } .case-phone .left{ float:left; width:60%; } .case-phone .more1{ float:right; display: block; width: 4.25rem; font-size: 0.35rem; height: 1rem; line-height: 1rem; border-radius: 0.5rem; color: #fff; background-color: #18a4fd; cursor: pointer; transition: all 0.3s; text-align:center; } .case3-all .index-list1{ padding: 0; } .newsd-page .index-list1 .index-list1swiper .swiper-slide a{ width:100% !important; margin-bottom:0 !important; } .newsd-page .index-list1 .index-list1swiper{ width:96%; } @media (max-width: 1680px){ } @media (max-width: 1440px){ .about-honer-model .modelmian .righti .hong-siwpermian{ height:12.25rem; } } @media (max-width: 1366px){ .about-honer-model .modelmian{ width:90%; } .index-list5 ul.list5ul li .img-time .itemjir{ font-size:0.3rem; height:2.25rem; } .index-list5 ul.list5ul li .img-time .itemjir br{ display:none; } .about-list1 .aboutul1 li .imgname{ font-size: 0.85rem; line-height:0.9rem; // font-weight:bold } .about-list1 .aboutul1 li .imgli{ margin-top: 0.75rem; font-size:0.5rem; } } @media (max-width: 1200px){ .science-mamin ul.laws-ul li{ padding-bottom: 28.5%; } .about-list1 .aboutul1 li{ margin: 0 0.5rem; } .about-honer-model .modelmian .righti .hong-siwpermian{ height:8.75rem; } }