* { margin: 0; padding: 0; list-style: none; border: 0; word-break:break-word; vertical-align:top; outline: none; /* moz-user-select: -moz-none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-touch-callout: none; -moz-touch-callout: none; -ms-touch-callout: none; -o-touch-callout: none; touch-callout: none; */} html,body{ min-height: 100%;overflow-x: hidden;} table{ border-collapse: collapse; } img { border: 0; padding: 0; display: inline; -webkit-user-select: none; -moz-user-select: none; -webkit-user-select:none; -o-user-select:none; user-select:none; } a { text-decoration: none; color: #727272; } li { list-style: none; } /* h1,h2,h3,h4,h5,h6{ font-weight: normal; font-size: 12px; } */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden} .clearfix { *+height: 1%; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary{ display: block; } /*强制去除表单自带的样式*/ select,input,textarea{ border-radius:0; -webkit-border-radius:0; color:#878787; font-family: "arial","sans-serif"; } input:focus { outline: none; } input,button,select,textarea{ outline:none; /*-webkit-appearance:none; */} textarea{ resize:none; /*-webkit-appearance:none; */} textarea,input,select { background:none; border:none; margin:0; padding:0; } a,a:link{ text-decoration:none; } a,a:visited{ text-decoration:none; } a,a:hover{ text-decoration:none; } a,a:active{ text-decoration:none} html{-webkit-text-size-adjust:100%;font-size:100px} @media (max-width:1440px) { html{font-size: calc((100 / 1600) * 100 * 1vw);} } @media (min-width:769px) and (max-width:1024px) { html{font-size: calc((100 / 1100) * 100 * 1vw);} } @media (max-width:768px) { html{font-size: calc((100 / 750) * 100 * 1vw);} } @media (max-width:640px) { html{font-size: calc((100 / 600) * 100 * 1vw);} } body {line-height: 1; font-weight: normal; font-family: "arial","sans-serif"; -webkit-text-size-adjust:100%; overflow:hidden;} body,input,pre,select,th,td,textarea{font-family:"arial","sans-serif";font-size: 0.16rem;} @media (max-width:480px) { body,input,pre,select,th,td,textarea{font-size: 0.2rem;} } .dot{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} .dot1,.dot2,.dot3,.dot4,.dot5,.dot6,.dot7,.dot8{display:-webkit-box;display:box;overflow:hidden;text-overflow:ellipsis;word-break:break-word;-webkit-box-orient:vertical} .dot1{-webkit-line-clamp:1} .dot2{-webkit-line-clamp:2} .dot3{-webkit-line-clamp:3} .dot4{-webkit-line-clamp:4} .dot5{-webkit-line-clamp:5} .dot6{-webkit-line-clamp:6} .dot7{-webkit-line-clamp:7} .dot8{-webkit-line-clamp:8} .w1600{max-width: 1600px;margin: auto;} .fl{ float: left; } .fr{ float: right; } .tac{ text-align: center; } .anim{ transition: 0.8s ease; transition: all 0.3s ease-in-out;} .por{ position: relative; } .dib{ display: inline-block; } .vam{ vertical-align: middle; } .omission1{ overflow: hidden; text-overflow: ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; } .omission2{ overflow: hidden; text-overflow: ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; } .omission3{ overflow: hidden; text-overflow: ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; } .omission4{ overflow: hidden; text-overflow: ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4; } .table{ display: table; width: 100%; height: 100%; } .table-call{ display: table-cell; vertical-align: middle; } /*页面框架结构*/ .w1280{ max-width: 12.8rem; margin: 0 auto; } .w1000{ max-width:10rem; margin: 0 auto; } .contain{} /*页面主体内容*/ .content{ }/*内容*/ .mainnav{ }/*主导航*/ .menu{ }/*边侧菜单*/ .maincontent{ padding: 50px 0; } /*主要内容*/ .txtbox,.singlepage{ word-wrap:break-word; overflow:hidden; } /*分页*/ .Pages{ margin-top: 4.57%; font-size: 0; text-align: center; } .Pages a{ display: inline-block; width: 40px; height: 40px; line-height: 40px;border-radius: 40px;font-size: 14px; color: #999;background-color: #f9f9f9;transition: 0.4s ease;box-sizing: border-box; font-style:normal;} .Pages a.a_first, .Pages .p_jump, .Pages a.a_end{ display:none;} .Pages a.anum{ font-family:'Arial'; } .Pages a.a_cur,.Pages a:hover{ background-color: #0c677c; color: #fff;} .Pages .num{ display: inline-block; margin: 0 10px; } .Pages .num a{ margin-right:10px; } .Pages .num a:last-child{ margin-right: 0; } .Pages .f1{ font-size: 14px; margin: 0 10px; color: #666; line-height: 42px; } .Pages .i_text{ display: inline-block; height: 40px; width: 80px; border: 1px solid #edecec; vertical-align: middle; } .Pages .i_button{ margin-left: 10px; padding: 0 15px; height: 42px; font-size: 14px; color: #666; border: 1px solid #edecec; } .Pages .a_prev,.Pages .a_next{ font-weight:bold; font-family:'宋体';box-sizing: border-box; } .prew{ position: relative; margin-top: 4.1%;padding-top: .45rem;border-top: 1px solid #d5e1e8;} .prew .prev{font-size: .16rem;color: #666666;} .prew .next{margin-top: .15rem;font-size: .16rem;color: #666666;} .prew .prev a,.prew .next a{color: #666;} .prew .return{margin-left: .3rem;float: right;} .prew .return a{display: block;width: 1.2rem;height: .42rem;text-align: center;line-height: .42rem;font-size: .14rem;color: #ffffff;background-color: #0c677c;border-radius: .42rem} /* 按钮 */ .rightMenuBtn { display:none; width:40px; height:40px; background-color:rgba(230,230,230,0.7); z-index:350; position:fixed; top: .05rem; right: .1rem} .rightMenuBtn span { display:block; height:3px; background-color:#0c677c; position:absolute; top:20px; transition:0.5s; } .rightMenuBtn img { display:block; position:absolute; bottom:5px; left: 5px; transition:0.5s; width:30px; height:auto; } .rightMenuBtn .openMenu { width:30px; left:5px; } .rightMenuBtn .closeMenu { left:25px; width:0; } .rightMenuBtn span:active { width:0; } .rightMenuBtn span:before,.rightMenuBtn span:after { content:""; display:block; width:30px; height:3px; background-color:#0c677c; position:absolute; transition:0.4s; } .rightMenuBtn .openMenu:before { top:-10px; left:-0; } .rightMenuBtn .openMenu:after { top:10px; left:-0; } .rightMenuBtn .closeMenu:before { top:0px; left:-20px; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); } .rightMenuBtn .closeMenu:after { top:0px; left:-20px; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg); } /*@font-face { font-family: 'HelveticaNeueLTPro-LtEx'; src: url('../fonts/HelveticaNeueLTPro-LtEx.eot'); src: local('☺'), url('../fonts/HelveticaNeueLTPro-LtEx.woff') format('woff'), url('../fonts/HelveticaNeueLTPro-LtEx.ttf') format('truetype'), url('../fonts/HelveticaNeueLTPro-LtEx.svg') format('svg'); font-weight: normal; font-style: normal; } */ /* 头部 */ .index-head{position:fixed; z-index: 100; width: 100%; left: 0; top: 0;transform: translateY(0);transition:.3s;} .index-head .logo{ display:table-cell; vertical-align:middle;} .index-head .logo img:nth-of-type(1){ display:block;} .index-head .logo img:nth-of-type(2){ display:none;} .index-head.on .logo img:nth-of-type(1){ display:none;} .index-head.on .logo img:nth-of-type(2){ display: block;} .index-head::before{ position:absolute; content:''; width:100%;height:130%; left:0; top:0; z-index:-1; background: -moz-linear-gradient(top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 82%, rgba(0,0,0,0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0) 82%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0) 82%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */} .index-head.on::before{display: none;} .index-head.on{background-color: #fff;box-shadow: 0 .1rem .15rem rgba(0, 0, 0, .18)} .index-head header nav ul li a{color: #fff;} .index-head header nav ul li a::before{background:#fff;} .index-head header nav ul li:hover>a, .index-head header nav ul li.on>a{color: #fff;} .index-head.on header nav ul li>a{color: #555;} .index-head.on header nav ul li>a::before{background:#fff} .index-head.on header nav ul li:hover>a,.index-headon header nav ul li.on>a{color: #0c677c;} .index-head.on header nav ul li:hover>a::before,.index-headon.on header nav ul li.on>a::before{background:#0c677c} .index-head header .language .name{color: #fff;background:url(../images/Top002262-lang1.png) no-repeat left center;background-size: auto 60%;} .index-head.on header .language .name{color: #555;background:url(../images/Top002262-lang.png) no-repeat left center;background-size: auto 60%;} .index-head header .language .name:after{border-top-color: #fff;border-right-color: #fff;} .index-head.on header .language .name:after{border-top-color: #555;border-right-color: #555;} .index-head.ani-hide{transform: translateY(-110%);} header.anim{transform: translateY(0);transition:.3s;} .anim.ani-hide{transform: translateY(-110%);} header .logo img{max-width: 145px;} header .logo img:nth-of-type(1){ display:none;} header .flex{display: flex;align-items: center;justify-content:space-between} header .right-box{display: flex;align-items: center} header nav ul{display: flex} header nav ul li{position:relative;margin-right: .45rem;} header nav ul li:last-child{ margin-right: 0; } header nav ul li>a{position:relative; font-size:.16rem; color:#000000;line-height: .8rem;} header nav ul li>a::before{ position:absolute; content:''; left:50%; transform:translateX(-50%); height:3px; background:#0c677c;width:0; transition:ease-in-out 0.3s;} header nav ul li>a:hover::before, header nav ul li.on>a::before{width:100%;} header nav ul li:hover>a, header nav ul li.on>a{color: #0c677c;} header nav ul li .drop-down{display: none;position: absolute;left: 0;width: 3rem;border-top: 4px solid #0c677c; z-index:5;} header nav ul li .drop-down dl{padding: .35rem .3rem;background-color: #fff} header nav ul li .drop-down dl dd{position: relative;margin-bottom: .15rem;padding-bottom: .15rem;border-bottom: 1px solid #ededed;} header nav ul li .drop-down dl dd:last-child{margin-bottom: 0;} header nav ul li .drop-down dl dd a{display: block;position: relative;font-size: .16rem;color: #252628;} header nav ul li .drop-down dl dd a:after{position: absolute;right: 0;top: 0;bottom: 0;margin: auto 0;display: block;content: '';width: 6px;height: 6px;border-top: 1px solid #666;border-right: 1px solid #666;vertical-align: middle;transform: rotate(45deg);} header nav ul li .drop-down dl dd a:hover{color: #0c677c;} header nav ul li .drop-down dl dd a:hover:after{border-top: 1px solid #0c677c;border-right: 1px solid #0c677c;} header nav ul li:hover .drop-down{display: block;} header .language{ position:relative;margin-left: .6rem;} header .language .name{ display:block;background:url(../images/Top002262-lang.png) no-repeat left center; line-height: .3rem; padding: 0 .22rem 0 .3rem; cursor:pointer; position: relative; z-index: 1; color: #000; background-size: auto 60%;} header .language .name:after{position: absolute; width: 6px; height: 6px; content: '';transform: rotate(135deg);-webkit-transform: rotate(135deg);-ms-transform: rotate(135deg);border-top-color: #000;border-right-color: #000;right: 0; top: 50%; margin-top: -3px;} header .language ul{ position:absolute; top:100%; left:50%; background:#fff; width:1.2rem; line-height: .4rem; display:none; margin-left: -.6rem; box-shadow: 0 0 .1rem rgba(0,0,0,0.1); z-index:5;} header .language a{ display:block; text-align:center; color:#333;} header .language a:hover{color:#fff; background: #0c677c; } header .language:hover ul{display: block;} /* 底部 */ footer{padding: .95rem 0 .4rem 0;background: url(../images/footer-bg.png) no-repeat center bottom #f2f5f7;} footer .share{margin-bottom:4%; padding-bottom:4%; border-bottom: 1px solid #eaeaea;} footer .share .logo{float: left;margin-top: .3rem;} footer .share .logo img{ display:block; width:100%;max-width:1.46rem;} footer .share ul{float: right;margin-top: .3rem;} footer .share li{ position:relative; float: left;} footer .share li figure{ display:none; position:absolute; left:12px; padding-left:2px; top:100%; text-align:center; background:url(../images/codebg.png) no-repeat; width:125px; height:132px; padding-top:17px; background-size: contain;} footer .share li figure img{ width:1rem; height:1rem;} footer .share li a{ display:block; width:.4rem; height:.4rem; background: url(../images/share.png) no-repeat left center #fff; border-radius:50%;background-size: cover;} footer .share li:not(:first-child) a{margin-left:15px;} footer .share li a:hover{ background-image:url(../images/share_hover.png); transition:0.3s;} footer .share li:last-child a{ margin-right:0;} footer .share li.li_sina a{ background-position:-.4rem center;} footer .share li.li_wx a{ background-position:-.8rem center;} footer .share li:hover figure{display: block;} footer .share .ewm{float: right;margin-left:.4rem;width: 1rem;padding: .1rem;background-color: #fff;box-sizing: border-box;} footer .share .ewm img{ max-width:100%;} footer .bottom_nav{display: flex;justify-content: space-between;} footer .bottom_nav dl{} footer .bottom_nav dt{ font-size:.18rem; color:#333; margin-bottom: .15rem; font-weight: bold;} footer .bottom_nav dd{ line-height:.24rem; padding:.12rem 0;} footer .bottom_nav dd a{ color:#777; font-size: .15rem;} footer .bottom_nav dd a:hover{ color:#0c677c;} footer .copyright{ border-top: 1px solid #eaeaea; color:#979595; padding-top:2%; font-size:.14rem; margin-top:4%;} footer .copyright a{color:#979595;} footer .copyright a:hover{ color:#0c677c;} footer .copyright dt{ float:left;} footer .copyright dt a::after{ display:inline-block; content:''; width:1px; height:.12rem; vertical-align:middle; margin:0 .1rem; background:#cfcfcf;} footer .copyright dt a:last-child::after{ display:none;} footer .copyright dd{ float:right;} #section7{background: url(../images/footer-bg.png) no-repeat center bottom #f2f5f7;} #section7 footer{background: none;padding: 0;transition-duration: 1.2s; transition-property: all; opacity: 0;transform: translateY(100px);-webkit-transform: translateY(100px);-ms-transform: translateY(100px);} #section7.ani-show footer{opacity: 1;transform: translateY(0);-webkit-transform: translateY(0);-ms-transform: translateY(0); } /*二级导航*/ .menu-location{position: absolute;left: 0;bottom: 0;width: 100%;padding: .4rem 0;border-top: 1px solid rgba(255, 255, 255, .2);} .column-menu{position: relative;padding: .4rem 0 .3rem 0;border-bottom: 1px solid #eeeeee;} .column-menu .name{display: none;} .column-menu ul{font-size: 0;} .column-menu ul li{position: relative;display: inline-block;margin-right: .45rem;} .column-menu ul li:last-child{margin-right: 0;} .column-menu ul li a{font-size: .18rem;color: #666666} .column-menu ul li.on a{color: #000;font-weight: bold;} .column-menu ul li a:hover{color:#0c677c;} @media screen and (max-width: 1200px){ .column-menu .w1280{position: relative;} .column-menu .name{position: relative;display: block;width: 100%;height: 45px;padding: 0 20px;line-height: 45px;font-size: 18px;color: #fff;background-color: #0c677c;box-sizing: border-box;z-index: 2} .column-menu .name:after{display: block;content: ">";position: absolute;font-size: 18px;overflow-x: hidden;max-height: 225px;color: #fff;font-family: '宋体';top: 50%;right: 20px;transform: translateY(-50%);z-index: 3} .column-menu ul{display: none;position: absolute;padding: .2rem;border: 1px solid #0c677c;left: 0;width: 100%;right: 0;left: 0;top: 45px;margin: 0 auto;background-color: #f3f3f3;z-index: 3;box-sizing: border-box;} .column-menu ul li{width: 100%;margin-right: 0;} .column-menu ul li a{border-radius: 0;} .column-menu:hover ul{display: block;} } /*面包屑*/ .location{float: right;} .location .box{display: inline-block;font-size: .15rem;color: #fffefe;vertical-align: middle;} .location .box:before{ display: inline-block; content: ''; width: .16rem; height: .14rem; margin-right: .1rem; background-image: url('../images/location.png');background-size: 100%;vertical-align: text-bottom;} .location a{color: #fffefe;vertical-align: middle;} .location span{color: #1ba3d5;vertical-align: middle;} /*banner*/ .banner{ position: relative; } .banner .pc{display: block;} .banner .media-img{display: none;} .banner img{width: 100%;} .column-banner{ position: relative; } .column-banner img{ width: 100%} .column-banner .pc{display: block;} .column-banner .move{display: none;} /*首页*/ #section2 .fp-tableCell,#section3 .fp-tableCell,#section4 .fp-tableCell,#section5 .fp-tableCell,#section6 .fp-tableCell,#section7 .fp-tableCell{padding-top: .8rem;box-sizing: border-box;} html #fp-nav{ top: auto; bottom: 3%;margin-top: 0;} html #fp-nav ul:before{display: block; width: 1px; height: 50px;margin: 0 auto 40px; content: '';background: rgba(255,255,255,0.2);} html #fp-nav.on ul:before{background: rgba(0,0,0,0.2);} html #fp-nav ul li{margin: 10px; width: 10px; height: 10px;} html #fp-nav ul li a span{width: 6px; height: 6px;background: #fff; margin: -3px 0 0 -3px;} html #fp-nav.on ul li a span{background: #999; } html #fp-nav ul li a.active span, html #fp-nav ul li:hover a.active span{width: 10px; height: 10px; margin: -5px 0 0 -5px;background:#0c677c; border: 1px solid #0c677c;} .public-title{margin-bottom: .7rem;} .public-title .en{font-size: .5rem;color: #7d7e80;font-family: "Arial";text-align: center;} .public-title .cn{margin-top: .1rem;font-size: .3rem;color: #7d7e80;text-align: center;} .banner .slider img{width: 100%} .banner li{position: relative;} .banner li #video{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 3;object-fit: cover;} .banner .slider .wap{display: none;} .banner .slider .pc{width: 100%;height: 100vh;background-size: cover;} .banner .slick-arrow{position: absolute; top: 50%; margin-top: -22px; border: 0;background: none;font-size: 0;padding: 0; border-top: 2px solid #999;border-right: 2px solid #999; z-index: 20; cursor: pointer;} .banner .slick-arrow{ margin-top: -30px; width:20px; height:20px; border-top-color:#fff;border-right-color: #fff;} .banner .slick-prev{transform: rotate(-135deg);left: 5%;} .banner .slick-next{transform: rotate(45deg);right: 5%; } .banner .slick-arrow:hover{border-top-color:#0c677c;border-right-color:#0c677c;} .section{background-repeat: no-repeat;background-position: center center; background-size: cover;position: relative;overflow: hidden;} #section2{background-image: url(../images/bag2.jpg);} #section2 .dot-icon{ right: 0; width:1.8rem;position: absolute; top:50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%); z-index: 10;} #section2 .dot-icon .slick-dots li{list-style: none; margin: .2rem 0;} #section2 .dot-icon .slick-dots li.slick-active button{background:#0c677c; } #section2 .dot-icon .slick-dots li button{position: relative;border: 0;background: none; border-radius:.6rem; padding: 0 .1rem;height: .6rem; width: 100%; text-align: left; cursor: pointer; background: rgba(243,243,243,0.8);} #section2 .dot-icon .slick-dots li button > *{display: inline-block; vertical-align: middle;} #section2 .dot-icon .slick-dots li .p{display: none;position: absolute;padding: .2rem .2rem .2rem .4rem;width: 2.4rem;top: 50%;right: 2rem;font-size: .15rem;color: #666666;background-color: #fff;border-radius: .1rem;transform: translateY(-50%); z-index: 10;box-sizing: border-box;box-shadow: 0 .05rem .1rem rgba(115, 176, 180, .17)} #section2 .dot-icon .slick-dots li .p span{display: block;position: relative;} #section2 .dot-icon .slick-dots li .p span:before{position: absolute; content: ''; width: 4px; height: 4px;border-radius:50%; background:#0c677c; left: -.25rem; top: 0;bottom: 0;margin: auto 0;} #section2 .dot-icon .slick-dots li b{color:#333;font-size: .18rem; margin-left: .15rem; font-weight: normal;} #section2 .dot-icon .slick-dots li:hover .p{display: block;} #section2 .dot-icon .slick-dots li.slick-active b{color: #fff;} #section2 .dot-icon .slick-dots li i{border-radius: 50%; background: #fff;} #section2 .dot-icon .slick-dots li img{display: block;width: 100%; max-width: .4rem;} #section2 .slider-pic{width:21.3545vw;height:21.3545vw; margin-left: 2.5rem;position: relative;border-radius: 50%; z-index: 1;} #section2 .slider-pic ul .slick-list, #section2 .slider-pic ul .slick-track, #section2 .slider-pic ul li, #section2 .slider-pic ul{height: 100%;} #section2 .slider-pic .Ispic{height: 100%;border-radius: 50%;background-repeat: no-repeat;background-position: center center;background-size: cover;} #section2 .slider-pic .quan i{position: absolute;border-radius: 50%; border: 1px solid transparent; z-index: 2;} #section2 .slider-pic .quan i:nth-child(1){left: -14%;right: -14%;top: -14%;bottom:-14%; border-color: rgba(113, 177, 181, 0.35);} #section2 .slider-pic .quan i:nth-child(2){left: -28%;right: -28%;top: -28%;bottom: -28%; animation: orbit linear 30s infinite;border-color: rgba(113, 177, 181, 0.25);} #section2 .slider-pic .quan i:nth-child(2):before{position: absolute; content: ''; width: 14px; height: 14px; border-radius: 50%;right: 11.5%;top: 16%; background:#0c677c;} #section2 .slider-pic .quan i:nth-child(3){left: -42%;right: -42%;top: -42%;bottom: -42%; border-color: rgba(113, 177, 181, 0.2);} #section2 .slider-pic .quan i:nth-child(4){left: -1px;right:-1px;top: -1px;bottom:-1px; border:8px solid #0c677c; } #section2 .w1280{transition-duration: 1s; transition-property: all; opacity: 0;transform: translateY(100px);-webkit-transform: translateY(100px);-ms-transform: translateY(100px);} #section2.ani-show .w1280{opacity: 1;transform: translateY(0);-webkit-transform: translateY(0);-ms-transform: translateY(0); } @-webkit-keyframes orbit{ 0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)} to{-webkit-transform:rotate(1turn);transform:rotate(1turn)} } #section3{background-image: url(../images/bag3.jpg);} #section3 .swiper{position: relative;} #section3 .swiper-slide{ position: relative; transform:scale(0.65);} #section3 .swiper-slide .img:after{position: absolute;top: 0;left: 0;display: block;content: '';width: 100%;height: 100%;background-color: rgba(255, 255, 255, .5);z-index: 4;} #section3 .swiper-slide.swiper-slide-active{transform:scale(1)} #section3 .swiper-slide.swiper-slide-active .img:after{display: none;} #section3 .swiper-slide .img{position: relative;} #section3 .swiper-slide .img img{width: 100%;border-radius: .1rem} #section3 .swiper-slide .play{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 3;} #section3 .swiper-slide .play:after{display: block;content: "";width: .54rem;height: .54rem;background-image: url('../images/play.png');background-size: 100%;cursor:pointer} #section3 .swiper-slide .video_ok{ opacity:0; position: absolute; top:0; left:0; width:100%; height:100%; overflow: hidden; border-radius:.1rem;} #section3 .swiper-slide .video_ok video{ object-fit:cover; width:100%; height:100%;} #section3 .swiper-slide .video_ok.on{ opacity:1;} #section3 .swiper-next{position: absolute;right:9%;top: 0;bottom: 0;margin: auto 0;width: .18rem;height: .32rem;background-image: url('../images/next.png');background-size: 100%;z-index: 3;cursor:pointer} #section3 .swiper-prev{position: absolute; left:9%; top:0;bottom: 0;margin: auto 0;width: .18rem;height: .32rem;background-image: url('../images/prev.png');background-size: 100%;z-index: 3;cursor:pointer} #section3 .swiper-button-disabled{display: none;} #section3 .pagination{margin-top: .3rem;text-align: center;} #section3 .pagination .swiper-pagination-bullet{display: inline-block;margin: 0 .07rem;width: .11rem;height: .11rem;border-radius: .11rem;background-color: rgba(0, 103, 125, .4)} #section3 .pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: rgba(0, 103, 125, 1)} #section4{background-image: url(../images/bag4.jpg);} #section4 ul * { -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s;} #section4 li{float: left; height:4.5rem;position: relative; overflow: hidden; border-radius: .25rem; margin-right: 0.5%; } #section4 li:last-child{margin-right:0; } #section4 li .pic{position: absolute; width: 100%; height: 100%; z-index:1; background:#000; border-radius: .25rem; } #section4 li .Ispic{position: absolute; width: 100%; height: 100%; z-index:1; opacity: 0.8; border-radius: .25rem;} #section4 li .liBox .liCon .icon img{max-width:.32rem;} #section4 li.on .liBox .liCon .icon img{max-width:.54rem;} #section4 li.on .Ispic{ opacity:1;} #section4 li.on .liBox:after{display: none;} #section4 li.on a{ width:100%; height: 1.3rem;overflow: hidden;background:rgba(0,103,125,0.9);} #section4 li a{display: block; color: #fff;position: absolute; width: 100%;height: 100%;left: 0;bottom: 0; z-index: 10;} #section4 li a .txt{display: none;} #section4 li a .txtBox .h3{text-align: center; font-size:.16rem; margin:.14rem 0; font-weight: normal;} #section4 li a .icon{max-width: 50%; text-align: center; margin: 0 auto;} #section4 li .liBox{ position: relative; width: 100%;height: 100%;overflow: hidden; z-index: 2; } #section4 li .liBox:after{content:''; position:absolute; left:0; width:100%; height:60%; bottom:0; z-index:-1;background: -moz-linear-gradient(top, rgba(113,176,180,0) 0%, rgba(113,176,180,0.7) 50%, rgba(113,176,180,0.9) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0,103,125,1) 0%,rgba(0,103,125,0.7) 50%,rgba(0,103,125,0.9) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0,103,125,0) 0%,rgba(0,103,125,0.7) 50%,rgba(0,103,125,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0c677c00', endColorstr='#0c677c',GradientType=0 ); /* IE6-9 */ } #section4 li.on .liBox .liCon{position:relative; height: 100%; padding-left:1.2rem; padding-right:1.2rem; bottom:0;} #section4 li.on .liBox .liCon .icon{position: absolute; left:.35rem;top: 50%; width:.6rem; height:.6rem;margin-top: -.3rem; } #section4 li.on .liBox .liCon .txt{display: block; font-size: .15rem; line-height: 1.5;} #section4 li.on a .txtBox .h3{text-align: left; margin-top:0; font-weight: bold; font-size:.2rem; } #section4 li.on a .txtBox{position: relative; top: 50%;-webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);-o-transform: translateY(-50%); transform: translateY(-50%);} #section4 li .liBox .liCon{position: absolute; width: 100%;bottom:.16rem;} #section4 .w1280{transition-duration: 1s; transition-property: all; opacity: 0;transform: translateY(100px);-webkit-transform: translateY(100px);-ms-transform: translateY(100px);} #section4.ani-show .w1280{opacity: 1;transform: translateY(0);-webkit-transform: translateY(0);-ms-transform: translateY(0); } #section5{background-image: url(../images/bag5.jpg);} #section5 .slogan{transform: translateY(100px);-webkit-transform: translateY(100px);-ms-transform: translateY(100px); opacity: 0; transition: 1s 0.3s;} #section5.ani-show .slogan{opacity: 1; transform: translateY(0);-webkit-transform: translateY(0);-ms-transform: translateY(0);} #section5 .slogan{text-align: center;font-size: .4rem;color: #222222;} #section5 .list{ margin-top: .8rem; width: 100%;} #section5 .list li{float: left;width: 20%;transform: translate3d(-.5rem,.5rem,.5rem);transition-duration: 1s; transition-property: all; opacity: 0;} #section5 .list li:nth-child(2){transition-delay: 0.5s;} #section5 .list li:nth-child(3){transition-delay: 0.6s;} #section5 .list li:nth-child(4){transition-delay: 0.7s;} #section5 .list li:nth-child(5){transition-delay: 0.8s;} #section5.ani-show .list li{opacity: 1; transform: translate3d(0,0,0);} #section5 .list li .inner{position: relative; max-width: 2.64rem; margin: 0 auto; width: 90%;text-align: center;} #section5 .list li .ytable{display: table;width: 100%;height: 100%;} #section5 .list li .ytable .ytable-cell{display: table-cell;vertical-align: middle;} #section5 .list li .svg{padding-bottom: 100%;position: relative;animation: zhuan 10s linear infinite;} #section5 .list li .txt, #section5 .list li .svg svg{position: absolute; left: 0; top: 0;right: 0;bottom: 0; z-index: 1;} #section5 .list li .txt{z-index: 10;color: #666;} #section5 .list li .txt .num{display: inline-block;position: relative;} #section5 .list li .txt .counter{overflow: hidden;} #section5 .list li .txt .counter.cPhone{display: none;} #section5 .list li .txt .counter i{font-style: normal;float: left; width: .32rem; height: .48rem;} #section5 .list li .txt .counter{overflow: hidden;font-size: .54rem;color: #0c677c;font-family: Arial;line-height: .8;} #section5 .list li .txt .counter i:before{font-size: .6rem;} #section5 .list li .txt .num sub{position: absolute; left: 100%; bottom: 0; font-size: .16rem; color:#0c677c; padding-left: 4px;white-space: nowrap;} #section5 .list li .txt .num span{display: inline-block;} #section5 .list li .txt p{padding-top: .1rem; margin: 0;font-size: .14rem;color: #666666;} @keyframes zhuan { 0%{transform: rotate(0deg);-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);} 100%{transform: rotate(360deg);-webkit-transform: rotate(360deg);-ms-transform: rotate(360deg);} } #section6{background-image: url(../images/bag6.jpg);} #section6 .main{position: relative; z-index: 1;} #section6 .carousel{ position :relative ;float: left;width:55.625%; } #section6 .carousel .slides{overflow: hidden;position :relative ;} #section6 .carousel .slides .slideItem {position:absolute;cursor :pointer;overflow:hidden;} #section6 .carousel .slides .slideItem a{position: relative; z-index: 10;display:block; border-radius: .2rem 0 0 .2rem; overflow: hidden; box-shadow: 0 0 10px rgba(0,0,0,0.1); } #section6 .carousel .slides .slideItem .desc{display: none;line-height: .4rem; text-align: center;} #section6 .carousel .slides .slideItem#side0 img{ opacity:1;filter:alpha(opacity=100); } #section6 .carousel .slides .slideItem#side0 .desc{display: block;position: absolute; left: 0; top: 100%; width: 100%;} #section6 .carousel .prevButton, #section6 .carousel .nextButton{position :absolute ;bottom :0;width :.4rem;height :.4rem;cursor :pointer; background:#fff; z-index:30; } #section6 .carousel .prevButton:before, #section6 .carousel .nextButton:before{position: absolute; content: ''; width: .1rem; height: .1rem; border-right: 1px solid #000;border-top: 1px solid #000; left: 50%; top: 50%; margin: -5px 0 0 -5px; transform: rotate(45deg);} #section6 .carousel .prevButton:before{transform: rotate(-135deg); } #section6 .carousel .prevButton:hover:before, #section6 .carousel .nextButton:hover:before{ border-right-color:#0c677c;border-top-color:#0c677c; } #section6 .carousel .prevButton, #section6 .carousel .nextButton{left: 100%;} #section6 .carousel .prevButton{ margin-left: -.4rem;} #section6 .info-show ul{height: 100%;position: relative;} #section6 .info-show li{position: absolute;left: 0; top: 0;height: 100%; width: 100%;opacity: 0;transition: 0.3s;} #section6 .info-show li.active{opacity: 1; z-index: 10;} #section6 .info-show li .ytable{display: table;height: 100%; width: 74%; margin: 0 auto;} #section6 .info-show li .ytable .ytable-cell {display: table-cell;vertical-align: middle;} #section6 .info-show{position: absolute;right: 0; top: 0; height: 100%; width:44.375%;background:#fff; border-radius:0 .2rem .2rem 0; box-shadow: 0 0 10px rgba(0,0,0,0.1);} #section6 .info-show li .time{ font-size: .54rem; line-height: .42rem; color:#0c677c; vertical-align: bottom; margin-bottom: 9.4%; font-family:Arial;} #section6 .info-show li .time i{ font-style: normal; font-size: .22rem; line-height: .22rem; vertical-align: bottom; margin:0 8px 0 5px; display: inline-block; } #section6 .info-show li .time span{ font-size: .18rem; line-height: .18rem; vertical-align: bottom; } #section6 .info-show li .title{ font-size: .18rem; line-height:.28rem; color:#222; margin-bottom: 4.7%; font-weight: bold;} #section6 .info-show li:hover .title{ color:#0c677c; } #section6 .info-show li .des{ font-size: .14rem; line-height:.24rem; color:#888; height: .72rem; overflow: hidden; -webkit-line-clamp:3; } #section6 .main{transform: translate3d(-.5rem,.5rem,.5rem);transition-duration: 1s; transition-property: all; opacity: 0;} #section6.ani-show .main{opacity: 1; transform: translate3d(0,0,0);} /*关于我们*/ .public-title2{margin-bottom: .7rem;font-size: .4rem;color: #000000;text-align: center;} .public-title2.white{color: #fff;} .About .origination{padding:.65rem 0 1.2rem;background-image: url('../images/About-origination.jpg');background-size: cover;} .About .origination .swiper{ position: relative;} .About .origination .swiper-slide{font-size: 0;} .About .origination .swiper-slide .img{ cursor:pointer; display: block;width: 4.45rem;height: 4.45rem;padding: .3rem;border-radius: 4.45rem;border: 1px solid #ecf4f5;box-sizing: border-box;vertical-align: middle;} .About .origination .swiper-slide .img span{display: block;width: 3.8rem;height: 3.8rem;padding: .22rem;border-radius: 3.8rem;background-color: #e3eff0;box-sizing: border-box;overflow: hidden;} .About .origination .swiper-slide .img span img{width: 100%;height: 100%;object-fit: cover;} .About .origination .swiper-slide .box{ display:none; width:calc(100% - 5.05rem); margin-left: .6rem; vertical-align: middle;} .About .origination .swiper-slide .box .name .en{font-size: .3rem;background-image:-webkit-linear-gradient(top,#ecf4f5,#fff);-webkit-background-clip:text; -webkit-text-fill-color:transparent; text-transform: uppercase;} .About .origination .swiper-slide .box .name .cn{position: relative;margin-top: -.15rem;font-size: .3rem;color: #0c677c;} .About .origination .swiper-slide .box .title{margin-top: .3rem;font-size: .16rem;color: #666666;} .About .origination .swiper-slide .box .title span{font-size: .26rem;color: #000000;vertical-align: bottom;} .About .origination .swiper-slide .box .text{margin-top: .4rem;padding-top: .4rem;border-top: 1px solid #dedede;font-size: .16rem;color: #333333;line-height: 2;} .About .origination .swiper-slide .box .text .d-flex{ display:flex; flex-wrap:wrap;} .About .origination .swiper-slide .box .text .w50{ color:#666666; min-width:40%;} .About .origination .scrollbar{margin-top: .8rem;position: relative;height: .1rem;width: 100%;border-radius: .1rem;background-color: #f8f9fa;} .About .origination .scrollbar .swiper-scrollbar-drag{background-color: #0c677c;background-image: url('../images/scrollbar.png');background-position: 95% center;background-repeat: no-repeat;} .About .origination .swiper-slide.swiper-slide-active .img{ cursor:inherit; display: inline-block;} .About .origination .swiper-slide.swiper-slide-active .box{ display:inline-block;} .About .origination .swiper-slide.swiper-slide-active .box .fadeInR{ animation:mymove 2.5s; -webkit-animation:mymove 2.5s; } @-webkit-keyframes mymove{ 0% { opacity: 0; -webkit-transform: translate3d(50%, 0, 0); -ms-transform: translate3d(50%, 0, 0); transform: translate3d(50%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes mymove{ 0% { opacity: 0; -webkit-transform: translate3d(50%, 0, 0); -ms-transform: translate3d(50%, 0, 0); transform: translate3d(50%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; } } .About .origination .swiper-slide.swiper-slide-prev .img{margin-left: auto;} .About .origination .swiper-slide.swiper-slide-next .img{margin-right: auto;} .About .origination .swiper-button-prev{left:-.4rem;color:#0c677c;} .About .origination .swiper-button-next{right:-.4rem;color:#0c677c;} @media(max-width:1024px){ .About .origination .swiper-button-prev{left:-.1rem;} .About .origination .swiper-button-next{right:-.1rem;} } @media(max-width:768px){ .About .origination .swiper-button-prev, .About .origination .swiper-button-next{ top:2.5rem;} .About .origination .swiper-slide .box{width: 100%;margin-left: 0;} .About .origination .swiper-slide.swiper-slide-active .img, .About .origination .swiper-slide .img{display: block;margin:0 auto;} } @media(max-width:640px){ .About .origination .swiper-button-prev, .About .origination .swiper-button-next{ top:1.9rem;} .About .origination .swiper-button-next:after, .About .origination .swiper-button-prev:after{ font-size:30px;} } .About .history{position: relative;} .About .history .img img{width: 100%} .About .history .box{position: absolute;left: 0;top: 0;width: 100%;height: 100%;padding: 1.2rem 0;z-index: 3;box-sizing: border-box} .About .history .box li .title{position: relative;} .About .history .box li .title span{font-size: .3rem;color: #fff;font-weight: bold;} .About .history .box dl{margin-top: .2rem;} .About .history .box dl dd{display: flex;margin-bottom: .15rem;line-height: 1.6;font-size: .16rem;color: #ffffff;} .About .history .box dl dd:last-child{margin-bottom: 0;} .About .history .box dl dd .time{width: .55rem} .About .history .box dl dd .text{width: calc(100% - .55rem)} .About .history .slick-slider{ padding-bottom:.5rem;} .About .history .slick-prev, .About .history .slick-next{ position: absolute; top:auto; bottom:0; width:.4rem; height:.4rem; background-size:cover; z-index:3; cursor:pointer; transition:.5s; border-radius:100%; overflow: hidden;} .About .history .slick-prev{ left:0; background-image:url('../images/slick-prev2.png');} .About .history .slick-next{ left:.6rem; background-image:url('../images/slick-next2.png');} .About .history .slick-prev:hover{ background-color:#0c677c;} .About .history .slick-next:hover{ background-color:#0c677c;} .About .history .dot-icon button{display: block;background-color: transparent;text-align: center;} .About .history .dot-icon button .name{margin-bottom: 5px;font-size: .2rem;color: #fff;} .About .history .dot-icon button i{display: inline-block;border: 3px solid #fff;border-radius: 50%;overflow: hidden;} .About .history .dot-icon button i:before{display: block;content: '';width: 8px;height: 8px;background-color: #598da5;} .About .history .dot-icon li{position: absolute;z-index: 3;cursor:pointer} .About .history .dot-icon li:nth-of-type(1){left:12.8%;bottom:7%;} .About .history .dot-icon li:nth-of-type(2){left:16.6%;bottom:14%;} .About .history .dot-icon li:nth-of-type(3){left:24.6%;bottom:23%;} .About .history .dot-icon li:nth-of-type(4){left:33.3%;bottom:20%;} .About .history .dot-icon li:nth-of-type(5){left:39.3%;bottom:23%;} .About .history .dot-icon li:nth-of-type(6){left:49.3%;bottom:21.2%;} .About .history .dot-icon li:nth-of-type(7){left:60%;bottom:28.8%;} .About .history .dot-icon li:nth-of-type(8){left:69.4%;bottom:37.5%;} .About .history .dot-icon li:nth-of-type(9){left:77.2%;bottom:43.8%;} .About .history .dot-icon li:nth-of-type(10){left:83%;bottom:50.7%;} .About .history .dot-icon li.slick-active button .name{color:#fff} .About .history .dot-icon li.slick-active{transform: translateY(13%)} .About .history .dot-icon li.slick-active button i{border: 10px solid #0c677c;} .About .history .dot-icon li.slick-active button i:before{width: 15px;height: 15px;background-color: #fff;} .About .culture{position: relative;padding: 1.2rem 0;} .About .culture .img{position: absolute;right: 0;bottom: 0; max-width:50%;z-index: 3;} .About .culture .img img{width: 100%;} .About .culture .img .play{position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;width: .66rem;height: .66rem;background-image: url('../images/play2.png');background-size: cover;cursor:pointer;z-index: 3;} .About .culture .img .videoBox{position: absolute;width: 100%;height: 100%;left: 0;top: 0;display: none;z-index: 5;} .About .culture .img .videoBox .closBtn{width: .21rem;height: .21rem;display: block;position: absolute;top: .25rem;right:.25rem;background:url(../images/col.png) no-repeat;z-index: 99;transition:.3s;background-size: contain;} .About .culture .img .videoBox video{width: 100%;} .About .culture .box{padding-top: 1rem;max-width: 39%} .About .culture .box .item{position: relative;padding-top: .7rem;margin-bottom: .3rem;} .About .culture .box .item:last-child{margin-bottom: 0;} .About .culture .box .item .en{position: absolute;left: 0;top: 0;font-size: 1.8rem;color: rgba(238, 238, 238, .36);z-index: -1;text-transform: uppercase;white-space: nowrap; font-weight: bold} .About .culture .box .item .cn{font-size: .18rem;color: #666666;} .About .culture .box .item .text{margin-top: .2rem;font-size: .26rem;color: #000000;line-height: 1.4;} @media(max-width:1480px){ .About .culture .box{padding-top: 0;} } .About .meaning{padding: 1.2rem 0;background-image: url('../images/About-meaning.jpg');background-size: cover;} .About .meaning .name{font-size: .18rem;color: #666666;text-align: center;} .About .meaning .title{margin-top: .2rem;font-size: .26rem;color: #000000;text-align: center;} .About .meaning .img{margin-top: 1rem;text-align: center;} .About .meaning .img img{max-width:90%;} .About .thought{position: relative;padding: 1.2rem 0;} .About .thought .box{padding-top: 1.5rem;max-width: 39%} .About .thought .box .item{position: relative;padding-left: .95rem;margin-bottom: .8rem;} .About .thought .box .item:last-child{margin-bottom: 0;} .About .thought .box .item:nth-of-type(1):before{display: block;content: '';position: absolute;left: .1rem;top: 0;width: .63rem;height: .68rem;background-image: url('../images/About-thought1.png');background-size: 100%;z-index: 1;} .About .thought .box .item:nth-of-type(2):before{display: block;content: '';position: absolute;left: .1rem;top: 0;width: .63rem;height: .68rem;background-image: url('../images/About-thought2.png');background-size: 100%;z-index: 1;} .About .thought .box .item .title{font-size: .18rem;color: #666666;} .About .thought .box .item .text{margin-top: .2rem;font-size: .26rem;color: #000000;line-height: 1.4;} .About .thought .img{position: absolute;right: 0;bottom: 0; max-width: 50%;z-index: 3;} .About .thought .img img{width: 100%;} .About .idea{padding: 1.2rem 0;background-image: url('../images/About-idea.jpg');background-size: cover;} .About .idea .list ul{text-align: center;} .About .idea .list ul li{display: inline-block;margin-right: .9rem; position:relative;} .About .idea .list ul li::after{ content:''; display:block; width:100%; height:100%; position: absolute; left:0; top:0; background:url(../images/Yuan_icon.png) no-repeat center; background-size:contain; animation:zhuan 10s linear infinite;} .About .idea .list ul li:last-child{margin-right: 0;} .About .idea .list ul li img{ max-width: 1.16rem} .About .social{padding: 1.2rem 0;} .About .social .swiper-slide{width: 5.35rem;margin-right:.4rem;} .About .social .swiper-slide .img{overflow: hidden;} .About .social .swiper-slide .img img{width: 100%;transition:.3s;} .About .social .swiper-slide .img:hover img{transform: scale(1.1, 1.1);} .About .social .swiper-slide .title{margin-top: .5rem;font-size: .26rem;} .About .social .swiper-slide:hover .title{color:#0c677c;} .About .social .swiper-slide .more{margin-top: .3rem;} .About .social .swiper-slide .more a{font-size: .16rem;color: #333333;} .About .social .swiper-slide .more a:after{display: inline-block;content: '';margin-left: .1rem;width: 6px;height: 6px;border-top: 1px solid #000;border-right: 1px solid #000;vertical-align: middle;transform: rotate(45deg);} .About .social .swiper-slide .more a:hover{color:#0c677c;} .About .social .btn{margin-top: .6rem; display:flex; align-items:center;} .About .social .btn .button-next, .About .social .btn .button-prev{ display:block; width:.4rem; height:.4rem; background-size:100%; cursor:pointer; transition:.3s; transform: translateY(-50%); border-radius:100%; overflow: hidden;} .About .social .btn .button-prev{ background-image: url('../images/slick-prev3.png');} .About .social .btn .button-next{ margin-left:.2rem; background-image: url('../images/slick-next3.png');} .About .social .btn .button-prev:hover{ background-color:#0c677c; background-image: url('../images/slick-prev2.png');} .About .social .btn .button-next:hover{ background-color:#0c677c; background-image: url('../images/slick-next2.png');} /*解决方案*/ .public-title3{margin-bottom: .6rem;text-align: center;} .public-title3 .title{font-size: .4rem;color: #000000;} .public-title3 .name{margin-top: .2rem;font-size: .18rem;color: #666666;} .Solution #medical{padding:.65rem 0 1.2rem;} .Solution #medical .img img{width: 100%;} .Solution #medical .list{margin-top: .3rem;} .Solution #medical .list ul{font-size: 0;margin: -.1rem;} .Solution #medical .list ul li{display:inline-block;margin: .1rem;width: calc(50% - .2rem);padding: .8rem .5rem .5rem .5rem;min-height: 3.2rem;box-shadow: 0 .08rem .4rem rgba(94, 106, 128, .1);box-sizing: border-box;transition:.3s;} .Solution #medical .list ul li .icon{ position: relative; display:inline-block; width:.8rem; height:.8rem;background-color: #fff;border-radius: .8rem;box-shadow: 0 .08rem .4rem rgba(94, 106, 128, .14); transition:.5s;} .Solution #medical .list ul li .icon img{width: 100%;transition:.5s;} .Solution #medical .list ul li .icon img.intera{ position: absolute; left:0; opacity:0;} .Solution #medical .list ul li .box{display: inline-block;width: calc(100% - 1.3rem);margin-left: .5rem;} .Solution #medical .list ul li .box .title{font-size: .26rem;color: #000000;} .Solution #medical .list ul li .box .text{margin-top: .2rem;font-size: .18rem;color: #666666;line-height: 1.8;} .Solution #medical .list ul li:hover{box-shadow: 0 .08rem .4rem rgba(94, 106, 128, .4);} .Solution #medical .list ul li:hover .icon{ background-color:#0c677c;} .Solution #medical .list ul li:hover .icon img{ opacity:0;} .Solution #medical .list ul li:hover .icon img.intera{ opacity:1;} .Solution #equipment{padding: 1.2rem 0;background-color: #f8f9fb;} .Solution #equipment .img{position: relative;border-radius: .2rem;overflow: hidden;} .Solution #equipment .img img{width: 100%;transition:.3s;} .Solution #equipment .img .play{position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;width: .66rem;height: .66rem;background-image: url('../images/play2.png');background-size: cover;cursor:pointer;z-index: 3;transition:.5s;} .Solution #equipment .img:hover img{transform: scale(1.1, 1.1);} .Solution #equipment .img .play:hover{transform: rotateY(360deg);} .Solution #product{padding:.65rem 0 1.2rem;} .Solution #product .list ul{font-size: 0;margin: -.4rem;} .Solution #product .list ul li{display: inline-block;width: calc(33.333% - .4rem); margin:.2rem;} .Solution #product .list ul li .img{border: .04rem solid #0c677c;border-radius: .15rem 0 .15rem 0;overflow: hidden;} .Solution #product .list ul li .img img{width: 100%;transition:.3s;} .Solution #product .list ul li:hover .img img{transform: scale(1.1, 1.1);} .Solution #product .list ul li .title{margin-top: .3rem;} .Solution #product .list ul li .title{font-size: .26rem;color: #000000;line-height: 1.1;} .Solution #product .list ul li .text{margin-top: .1rem;height: .56rem;font-size: .18rem;color: #666666;line-height: 1.6;} .Solution #product .list ul li:hover .title{color:#0c677c;} /*维保与升级*/ .Maintenance #service{padding:.65rem 0 1.2rem;} .Maintenance #service ul{font-size: 0;} .Maintenance #service ul li{display: inline-block;width: 49%;margin-right: 2%;padding: .6rem .3rem;min-height: 3rem;border: 1px solid #f0f4f8;background-color: #f8f9fa;background-image: url('../images/Maintenance-service.png');background-position: center;background-repeat: no-repeat;box-sizing: border-box;transition:.3s;} .Maintenance #service ul li:last-child{margin-right: 0;} .Maintenance #service ul li .icon{ position:relative; width:.48rem;margin: auto;transition:.5s;} .Maintenance #service ul li .icon .intera{ position: absolute; left:0; opacity:0;top: 0;} .Maintenance #service ul li .title{margin-top: .25rem;color: #000000;font-size: .3rem;text-align: center;} .Maintenance #service ul li .text{margin-top: .25rem;font-size: .16rem;color: #333333;line-height: 2;text-align: center;} .Maintenance #service ul li:hover{box-shadow: 0 .08rem .4rem rgba(94, 106, 128, .4);} .Maintenance #service ul li:hover .icon img{ opacity:0;} .Maintenance #service ul li:hover .icon .intera{ opacity:1;} .Maintenance #college1{padding: 1.2rem 0;background-color: #f8f9fa;} .Maintenance #college1 .list ul{display: flex;margin: -1px;} .Maintenance #college1 .list ul li{margin: 1px;position: relative;cursor:pointer} .Maintenance #college1 .list ul li .img{position: relative;} .Maintenance #college1 .list ul li .img img{width: 100%} .Maintenance #college1 .list ul li .img:after{display: block;content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-image: url('../images/Maintenance-college1.png');background-size: 100%;z-index: 3;} .Maintenance #college1 .list ul li .flex{position: absolute;left: 0;bottom: 0;width: 100%;padding: .3rem .5rem;text-align: center;z-index: 5;transition: all 0.3s ease-in-out;box-sizing: border-box;} .Maintenance #college1 .list ul li .title{font-size: .22rem;color: #ffffff;} .Maintenance #college1 .list ul li .text{display: none;margin-top: .3rem;font-size: .16rem;color: #ffffff;line-height: 1.8;} .Maintenance #college1 .list ul li:hover .flex{background-color: rgba(0, 103, 125, .9);height: 100%;display: flex;align-items: center} .Maintenance #college1 .list ul li:hover .text{display: block;} .Maintenance #college2{position: relative;padding-top: 1.2rem; overflow: hidden;} .Maintenance #college2 .college2_one{ display:flex; flex-wrap:wrap;} .Maintenance #college2 .img_box{ width:50%; float:left;} .Maintenance #college2 .img_box .img{ width:50vw; float:right; height:100%; background-size:cover;} .Maintenance #college2 .img_box .img img{ width:100%; opacity:0;} .Maintenance #college2 .list{ display:flex; align-items:center; float:right; width:calc(600 / 1280 * 100%);} .Maintenance #college2 .list ul{ padding-left:15%; width:100%;} .Maintenance #college2 .list ul li{padding-bottom:.3rem; margin-bottom:.5rem;border-bottom: 1px solid #eeeeee;} .Maintenance #college2 .list ul li:last-child{margin-bottom: 0;} .Maintenance #college2 .list ul li .icon{ display:block; margin-bottom:.18rem; content:""; width:.34rem; height:.34rem;background-size:100%;} .Maintenance #college2 .list ul li .title{font-size: .26rem;color: #000000;} .Maintenance #college2 .list ul li .text{margin-top: .2rem;font-size: .18rem;color: #666666;line-height: 1.8;} .Maintenance #maintain{padding: 1.2rem 0;} .Maintenance #maintain .list ul{display: flex;justify-content: space-between} .Maintenance #maintain .list ul li{ padding:.3rem 0; width:3.8rem; border-bottom: 2px solid #eef5f6;text-align: center;transition:.3s;} .Maintenance #maintain .list ul li .icon{ position: relative; width:1.03rem;height: 1.03rem;margin: auto;border-radius: 1.03rem;background-color: #fff;box-shadow: 0 .08rem .4rem rgba(94, 106, 128, .14);transition:.5s;} .Maintenance #maintain .list ul li .icon img{ width: 100%; height: 100%; transition:all .5s;} .Maintenance #maintain .list ul li .icon .intera{ position: absolute; left:0; opacity:0;} .Maintenance #maintain .list ul li .title{margin-top: .3rem;font-size: .26rem;color: #000000;} .Maintenance #maintain .list ul li .text{ padding:0 .1rem; margin-top: .25rem;font-size: .16rem;color: #666666;line-height: 1.8;} .Maintenance #maintain .list ul li:hover{box-shadow: 0 .08rem .4rem rgba(94, 106, 128, .1);} .Maintenance #maintain .list ul li:hover .icon{ background-color:#0c677c;} .Maintenance #maintain .list ul li:hover .icon img{ opacity:0;} .Maintenance #maintain .list ul li:hover .icon .intera{ opacity:1;} .Maintenance #contact{padding-bottom: 1.2rem;} .Maintenance #contact .img{overflow:hidden;} .Maintenance #contact .img img{width: 100%;transition:.3s;} .Maintenance #contact .por:hover .img img{transform: scale(1.1, 1.1);} .Maintenance #contact .box{position: absolute;left: 0;top: 0;width: 100%;height: 100%;padding: .8rem;box-sizing: border-box;z-index: 3;} .Maintenance #contact .box .title{font-size: .3rem;color: #000000;} .Maintenance #contact .box .name{margin-top: .25rem;font-size: .16rem;color: #666666;} .Maintenance #contact .box .tel{margin-top: .25rem;font-size: .36rem;color: #0c677c;font-weight: bold;} @media(max-width:1720px){ .Maintenance #college2 .list ul li{margin-bottom:.3rem;} .Maintenance #college2 .list ul li .text{margin-top:.15rem;font-size:.16rem;} } @media(max-width:640px){ .Maintenance #college2 .list ul{ padding:1% 0;} .Maintenance #college2 .img_box, .Maintenance #college2 .img_box .img{ width:100%;} } /*联系我们*/ .Contact{padding:.65rem 0 1.2rem;} .Contact .box{padding: .9rem .8rem;background-color: #fbfbfb;} .Contact .box .top-box{position: relative;} .Contact .box .top-box .list{float: left;margin-top: .3rem;} .Contact .box .top-box .list ul li{display: inline-block;width: 3.6rem} .Contact .box .top-box .list ul li .name{font-size: .24rem;color: #000000;} .Contact .box .top-box .list ul li .text{margin-top: .2rem;font-size: .18rem;color: #666666;} .Contact .box .top-box .ewm{float: right;text-align: center;} .Contact .box .top-box .ewm img{width:1.3rem;} .Contact .box .top-box .ewm .name{margin-top: .2rem;font-size: .16rem;color: #666666;} .Contact .box .top-box em{position: absolute;left: 0;bottom: .04rem;width: calc(100% - 2.6rem);} .Contact .box .top-box em:before{display: block;content: '';width: 100%;height: 1px;background-color: #eeeeee;} .Contact .box .top-box em:after{display: block;content: '';position: absolute;right: 0;top: 0;bottom: 0;margin: auto 0;width: 0;height: 0;border-left: 6px solid #000;border-top: 4px solid transparent;border-bottom: 4px solid transparent;z-index: 3;} .Contact .box .Contact-tit{ font-size:.26rem; color:#0c677c; margin-top:.4rem;} .Contact .box .table-nav{margin-top:.4rem;} .Contact .box .table-nav ul{font-size: 0;} .Contact .box .table-nav ul li{display: inline-block;padding-bottom: 6px;font-size: .24rem;color: #666666;margin-right: .4rem;border-bottom: 4px solid transparent;cursor:pointer;} .Contact .box .table-nav ul li:last-child{margin-right: 0;} .Contact .box .table-nav ul li.on{color: #000;border-bottom: 4px solid #0c677c;} .Contact .box .table-box{margin-top: .4rem;} .Contact .box .table-box .item{display: none;font-size: 0;} .Contact .box .table-box .item.on{display: block;} .Contact .box .table-box .item .left{display: inline-block;width: 49%;margin-right: 2%;} .Contact .box .table-box .item .right{display: inline-block;width: 49%} .Contact .box .table-box .item .img img{width: 100%} .Contact .box .table-box .item .address{margin-top: 7%;} .Contact .box .table-box .item .address .name{font-size: .24rem;color: #000000;} .Contact .box .table-box .item .address .text{margin-top: .2rem;font-size: .18rem;color: #666666;} /*新闻中心*/ .News{padding: 1.2rem 0;} .News .List ul li{display: flex;margin-bottom: .4rem;padding-bottom: .4rem;border-bottom: 1px solid #ededed;} .News .List ul li:last-child{margin-bottom: 0;} .News .List ul li .img{width: 2.5rem;overflow: hidden;} .News .List ul li .img img{width: 100%;transition: all 0.3s ease-in-out} .News .List ul li .img:hover img{transform:scale(1.2)} .News .List ul li .time{margin: .3rem 1rem 0 .5rem;font-size: .2rem;color: #000000;} .News .List ul li .box{width: 7.7rem;margin-top: .3rem;} .News .List ul li .box .title a{font-size: .2rem;color: #000000;line-height: 1.1;font-weight: bold;} .News .List ul li .box .title a:hover{color:#0c677c;} .News .List ul li .box .text{margin-top: .3rem;font-size: .16rem;color: #666666;line-height: 2;} .News .Details .head-box{padding: .4rem;text-align: center;background-color: #f8f9fa;} .News .Details .head-box .title{font-size: .26rem;color: #000000;} .News .Details .head-box .time{margin-top: .25rem;font-size: .16rem;color: #999999;} .News .Details .text{margin-top: .6rem;font-size: .16rem;color: #666666;line-height: 2;} /*创新*/ .Innovate #gene{padding:.65rem 0 1.2rem;} .Innovate #gene .list ul{font-size: 0;} .Innovate #gene .list ul li{display: inline-block; width: 56.5%;} .Innovate #gene .list ul li:nth-of-type(2n){width: 41.5%;margin-left: 2%;} .Innovate #gene .list ul li .title{margin-top: .4rem;font-size: .26rem;color: #000000;} .Innovate #gene .list ul li .text{margin-top: .25rem;font-size: .18rem;color: #666666;line-height: 2;} .Innovate #gene .list ul li .img{ overflow:hidden;} .Innovate #gene .list ul li img{ width: 100%; transition:all .5s;} .Innovate #gene .list ul li:hover img{ transform: scale(1.1);} .Innovate #platform{padding: 1.2rem 0;background-color: #fafafa;} .Innovate #platform .item{margin-bottom: 1rem;} .Innovate #platform .item:last-child{margin-bottom: 0;} .Innovate #platform .item .name{margin-bottom: .5rem;font-size: .26rem;color: #000000;text-align: center;} .Innovate #platform .item .name:after{display: block;content: '';width: .37rem;height: .08rem;margin: .2rem auto 0 auto;background-image: url('../images/Innovate-platform.png');background-size: 100%;} .section{background-repeat: no-repeat;background-position: center center; background-size: cover;position: relative;overflow: hidden;} .Innovate #platform .guide .list ul{ font-size: 0;} .Innovate #platform .guide .list ul li{ padding:10px; transition:.3s; top:0; position: relative;} .Innovate #platform .guide .list ul li .img{ overflow: hidden;} .Innovate #platform .guide .list ul li .img img{ width:100%;} .Innovate #platform .guide .list ul li .title{ margin-top:.2rem;font-size: .16rem;color: #666666;text-align: center;line-height: 1.6;} .Innovate #platform .guide .list .slick-arrow{ position: absolute; top:40%; z-index:5; transform: translateY(-50%); width:.45rem; height:.45rem; background-size:cover; border-radius:100%; overflow: hidden; transition: all .5s;} .Innovate #platform .guide .list .slick-prev{left:2%; background-image:url(../images/slick-prev2.png);} .Innovate #platform .guide .list .slick-next{right:2%; background-image:url(../images/slick-next2.png);} .Innovate #platform .guide .list .slick-arrow:hover{ background-color:#0c677c;} .Innovate #platform .clinical{padding: 1rem .35rem; margin-bottom:0; background-size: cover;background-image: url('../images/Innovate-platform-clinical.jpg');} .Innovate #platform .clinical .list ul{font-size:0;} .Innovate #platform .clinical .list ul li{display: inline-block} .Innovate #platform .clinical .list ul li .img{transition:.5s;} .Innovate #platform .clinical .list ul li .img img{display: block;width: 1.29rem;margin: auto;} .Innovate #platform .clinical .list ul li .title{margin-top: .25rem;font-size: .16rem;color: #666666;text-align: center;} .Innovate #platform .clinical .list .slick-arrow{ position: absolute; top:40%; z-index:5; transform: translateY(-50%); width:.4rem; height:.4rem; background-size:cover; border-radius:100%; overflow: hidden; transition: all .5s; background-color:#0c677c;} .Innovate #platform .clinical .list .slick-prev{left:0; background-image:url(../images/slick-prev2.png);} .Innovate #platform .clinical .list .slick-next{right:0; background-image:url(../images/slick-next2.png);} .Innovate #platform .clinical .list .slick-arrow:hover{ background-color:#0c677c;} .Innovate #platform .business{padding: 1rem .35rem;} .Innovate #platform .business .img img{width: 100%} .Innovate #technology{padding: 1.2rem 0;} .Innovate #technology .list ul{font-size: 0;margin: -1%;} .Innovate #technology .list ul li{display: inline-block;width: 48%;margin: 1%;} .Innovate #technology .list ul li .img{overflow: hidden;} .Innovate #technology .list ul li .img img{width: 100%;transition:.3s;} .Innovate #technology .list ul li .img:hover img{transform: scale(1.1, 1.1);} .Innovate #technology .list ul li .box{margin-top:.35rem; display:flex; align-items:center; justify-content:space-between;} .Innovate #technology .list ul li .box .title{ width:calc(100% - 1.2rem); font-size: .26rem;color: #000000;} .Innovate #technology .list ul li .box .more a{font-size: .18rem;color: #666666;} .Innovate #technology .list ul li .box .more a:after{display: inline-block;content: '';margin-left: .1rem;width: 6px;height: 6px;border-top: 1px solid #666;border-right: 1px solid #666;vertical-align: middle;transform: rotate(45deg);} .Innovate #technology .list ul li .box .more a:hover{color:#0c677c;} .Innovate #minister{padding: 1.2rem;background-color: #fafafa;} .Innovate #minister .list{font-size: 0;} .Innovate #minister .list .table-box{display:block;} .Innovate #minister .list .table-box .item{position: relative;} .Innovate #minister .list .table-box .item.on{display: block;} .Innovate #minister .list .table-box .item .img{position: relative;overflow: hidden;} .Innovate #minister .list .table-box .item .img span{ display: block; padding-bottom:45%; transition:.3s; background-repeat:no-repeat; background-position:center; background-size:cover;} .Innovate #minister .list .table-box .item .img img{width: 100%; display:none;} .Innovate #minister .list .table-box .item .img:hover span{transform: scale(1.1, 1.1);} .Innovate #minister .list .table-box .item .img:before{display: block;content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;background-image: url('../images/Innovate-minister.png');background-size: cover;z-index: 3;} .Innovate #minister .list .table-box .item .box{position: absolute;left: 0;bottom: 0;width: 100%;padding: .3rem .6rem;box-sizing: border-box;z-index: 5;} .Innovate #minister .list .table-box .item .box .title{ line-height:1.5; font-size: 26px;color: #ffffff;} .Innovate #minister .list .table-box .item .box .text{margin-top: .2rem;font-size: .18rem;color: #ffffff;line-height: 1.8;} .Innovate #minister .list .slick-arrow{ position:absolute; top:50%; z-index:10; display:block; width:.4rem; height:.4rem; background-size:100%; cursor:pointer; transition:.3s; transform: translateY(-50%); border-radius:100%; overflow: hidden;} .Innovate #minister .list .slick-prev{ left:2%; background-image: url('../images/slick-prev2.png');} .Innovate #minister .list .slick-next{ right:2%; background-image: url('../images/slick-next2.png');} .Innovate #minister .list .slick-prev:hover{ background-color:#0c677c;} .Innovate #minister .list .slick-next:hover{ background-color:#0c677c;} /*患者关爱*/ .Patient #case{padding:.65rem 0 1.2rem;overflow: hidden;} .Patient #case .list{width: 126%;overflow: hidden; position:relative;} .Patient #case .swiper{padding-right: 9.591%;} .Patient #case .swiper .slick-list{overflow: inherit;} .Patient #case .swiper .swiper-slide{width: 5.6rem;margin-right:.4rem;} .Patient #case .swiper .swiper-slide .img{margin-bottom: .35rem;overflow: hidden;} .Patient #case .swiper .swiper-slide .img img{width: 100%;transition:.3s;} .Patient #case .swiper .swiper-slide:hover .img img{transform: scale(1.1, 1.1);} .Patient #case .swiper .swiper-slide .more{position: relative;float: right;margin-left: .2rem;z-index: 2;cursor:pointer;} .Patient #case .swiper .swiper-slide .more span{font-size: .16rem;color: #999999;cursor: pointer;} .Patient #case .swiper .swiper-slide .more span:after{display: inline-block;content: '';margin-left: .1rem;width: 6px;height: 6px;border-top: 1px solid #666;border-right: 1px solid #666;vertical-align: middle;transform: rotate(45deg);transition:.3s;} .Patient #case .swiper .swiper-slide .more span:hover{color:#0c677c;} .Patient #case .swiper .swiper-slide.on .more span:after{transform: rotate(135deg);} .Patient #case .swiper .swiper-slide .more span:nth-of-type(1){display: block;} .Patient #case .swiper .swiper-slide .more span:nth-of-type(2){display: none;} .Patient #case .swiper .swiper-slide.on .more span:nth-of-type(1){display: none;} .Patient #case .swiper .swiper-slide.on .more span:nth-of-type(2){display: block;} .Patient #case .swiper .swiper-slide .title{font-size: .26rem;color: #000000;} .Patient #case .swiper .swiper-slide:hover .title{color:#0c677c;} .Patient #case .swiper .swiper-slide .box{display: none;margin-top: .3rem;font-size: .18rem;color: #666666;line-height: 1.8;} .Patient #case .swiper .swiper-slide .box b{color: #000;} .Patient #case .swiper .swiper-slide.on .box{display: block;} .Patient #case .btn .button-next, .Patient #case .btn .button-prev{ position:absolute; top:2.5rem; z-index:10; display:block; width:.4rem; height:.4rem; background-size:100%; cursor:pointer; transition:.3s; transform: translateY(-50%); border-radius:100%; overflow: hidden;} .Patient #case .btn .button-prev{ left:2%; background-image: url('../images/slick-prev2.png');} .Patient #case .btn .button-next{ right:14%; background-image: url('../images/slick-next2.png');} .Patient #case .btn .button-prev:hover{ background-color:#0c677c;} .Patient #case .btn .button-next:hover{ background-color:#0c677c;} .Patient #billboard{padding: 1.2rem 0;background-color: #fafafa;} .Patient #billboard .list ul{font-size: 0;margin: -0.5%;} .Patient #billboard .list ul li{display: inline-block;min-height: 5.6rem;width: 32.33%;margin: 0.5%;padding: .55rem .3rem;background-color: #fff;box-shadow: 0 3px .2rem rgba(0, 0, 0, .05);box-sizing: border-box;} .Patient #billboard .list ul li .name .icon{ position: relative; background-color:#0c677c; border:solid 1px #0c677c; display:inline-block; width:.4rem; margin-right:.1rem; vertical-align:middle; transition:.5s; border-radius:100%; overflow:hidden;} .Patient #billboard .list ul li .name .icon img{ width: 100%; transition:all .5s;} .Patient #billboard .list ul li .name .intera{ position: absolute; left:0; opacity:0;} .Patient #billboard .list ul li:hover .name .icon{ border-color:#0c677c; background-color:#fff;} .Patient #billboard .list ul li:hover .name img{opacity:0;} .Patient #billboard .list ul li:hover .name .intera{ opacity:1;} .Patient #billboard .list ul li .name span{display: inline-block;font-size: .26rem;color: #000000;vertical-align: middle;} .Patient #billboard .list ul li .img{margin-top: .3rem;margin-bottom: .25rem;overflow: hidden;} .Patient #billboard .list ul li .img img{width: 100%;transition:.3s;} .Patient #billboard .list ul li:hover .img img{transform: scale(1.1, 1.1);} .Patient #billboard .list ul li .title{font-size: .18rem;color: #000000;line-height: 1.6;} .Patient #billboard .list ul li:hover .title{color:#0c677c;} .Patient #billboard .list ul li .text{margin-top: .1rem;font-size: .16rem;color: #666666;line-height: 1.8;} .Patient #warlock{padding: 1.2rem 0;} .Patient #warlock .list ul li{display: flex;align-items: center;padding-bottom: .5rem;margin-bottom: .5rem;border-bottom: 1px solid #eeeeee;} .Patient #warlock .list ul li:last-child{margin-bottom: 0;} .Patient #warlock .list ul li .img{width: 3.4rem; overflow: hidden;} .Patient #warlock .list ul li .img img{width: 100%;transition: all 0.3s ease-in-out} .Patient #warlock .list ul li .img:hover img{transform:scale(1.2)} .Patient #warlock .list ul li .box{width: calc(100% - 4rem);margin-left: .6rem;} .Patient #warlock .list ul li .box .title a{font-size: .26rem;color: #000000;} .Patient #warlock .list ul li .box .title a:hover{color:#0c677c;} .Patient #warlock .list ul li .box .text{margin-top: .3rem;font-size: .18rem;color: #666666;line-height: 1.8;} .Patient #warlock .list ul li .box .more{margin-top: .3rem;} .Patient #warlock .list ul li .box .more a{display: block;width: 1.6rem;line-height: .6rem;font-size: .16rem;color: #0c677c;text-align: center;background-color: #f1f5f8;border-radius: .6rem} .Patient #warlock .list ul li .box .more a:after{display: inline-block;content: '';margin-left: .1rem;width: 6px;height: 6px;border-top: 1px solid #0c677c;border-right: 1px solid #0c677c;vertical-align: middle;transform: rotate(45deg);} .Patient #warlock .list ul li .box .more a:hover{background-color: #0c677c;color: #fff;} .Patient #warlock .list ul li .box .more a:hover:after{border-top: 1px solid #fff;border-right: 1px solid #fff;} @media(max-width:640px){ .Patient #warlock .list ul li .box .more a:hover{ background:#f1f5f8; color:#0c677c;} .Patient #warlock .list ul li .box .more a:hover:after{ display:none;} } /*人才招聘*/ .Talent #join{padding:.65rem 0 1.2rem;} .Talent #join .list ul{font-size: 0;margin: -1.5%;} .Talent #join .list ul li{display: inline-block;margin: 1.5%;width: 47%;background-color: #fff;border-radius: .1rem;overflow: hidden;box-sizing: border-box;box-shadow: 0 3px .2rem rgba(0, 0, 0, .09) } .Talent #join .list ul li .img{overflow: hidden;} .Talent #join .list ul li .img img{width: 100%;transition:.3s;} .Talent #join .list ul li:hover .img img{transform: scale(1.1, 1.1);} .Talent #join .list ul li .box{padding: .35rem .4rem;display: flex;justify-content: space-between;align-items: center} .Talent #join .list ul li .box .title{font-size: .26rem;color: #000000;} .Talent #join .list ul li:hover .box .title{color:#0c677c;} .Talent #join .list ul li .box .name{margin-top: .15rem;font-size: .18rem;color: #666666;} .Talent #join .list ul li .box .more a{font-size: .16rem;color: #252628;} .Talent #join .list ul li .box .more a:hover{color:#0c677c;} .Talent #join .list ul li .box .more a:after{display: inline-block;content: '';margin-left: .1rem;width: 6px;height: 6px;border-top: 1px solid #252628;border-right: 1px solid #252628;vertical-align: middle;transform: rotate(45deg);} .Talent #strategy .main-title{position: relative;font-size: .4rem;color: #000000;} .Talent #strategy .main-title em{position: absolute;right: 0;top: 0;bottom: 0;margin: auto 0;width: calc(100% - 3.3rem);height: 1px;background-color: #eeeeee;z-index: 3;} .Talent #strategy .main-title em:before{display: block;content: '';width: 7px;height: 7px;position: absolute;left: 0;top: 0;bottom: 0;margin: auto 0;background-color: #0c677c;border-radius: 7px;z-index: 3;} .Talent #strategy .main-text{margin-top: .35rem;font-size: .18rem;color: #666666;line-height: 2;} .Talent #strategy .list{margin-top: .9rem;} .Talent #strategy .list ul li{position: relative;margin-bottom: 1rem;} .Talent #strategy .list ul li .img{width: 49%;} .Talent #strategy .list ul li .img img{width: 100%;} .Talent #strategy .list ul li .box{position: absolute;width: 44.5%;bottom: 0;} .Talent #strategy .list ul li .box .title{font-size: .26rem;color: #000000;} .Talent #strategy .list ul li .box .text{margin-top: .35rem;font-size: .18rem;color: #666666;line-height: 2;} .Talent #strategy .list ul li .box .text b{color: #000;} .Talent #strategy .list ul li:nth-of-type(odd) .img{margin-right: auto;} .Talent #strategy .list ul li:nth-of-type(even) .img{margin-left: auto;} .Talent #strategy .list ul li:nth-of-type(odd) .box{right: 0;} .Talent #strategy .list ul li:nth-of-type(even) .box{left: 0;} .Talent #welfare{padding: 1rem 0;background-color: #f7f8fa;} .Talent #welfare .list ul{font-size: 0;margin: -1%} .Talent #welfare .list ul li{display: inline-block;width: 48%;margin: 1%;} .Talent #welfare .list ul li .img{overflow: hidden;} .Talent #welfare .list ul li .img img{width: 100%;transition:.3s;} .Talent #welfare .list ul li:hover .img img{transform: scale(1.1, 1.1);} .Talent #welfare .list ul li .title{margin-top: .6rem;font-size: .26rem;color: #000000;} .Talent #welfare .list ul li .text{margin-top: .3rem;font-size: .18rem;color: #666666;line-height: 2;} .Talent #setting{padding: 1.2rem 0;} .Talent #setting .w1280{position: relative;} .Talent #setting .public-title3{text-align: left;} .Talent #setting .mySwiper{overflow: hidden;} .Talent #setting .swiper-slide{position: relative;float: left;margin-right: 0.5%;transition:.3s;} .Talent #setting .swiper-slide:last-child{margin-right:0;} .Talent #setting .swiper-slide .widBox{transition:.3s;width: 100%;} .Talent #setting .swiper-slide .img img{width: 100%} .Talent #setting .swiper-slide .img figure{padding-bottom:5.6rem;background-repeat:no-repeat;background-size: cover;background-position:center center;width: 100%;} .Talent #setting .swiper-slide .title{position: absolute;left: 0;bottom: 0;width: 1.6rem;line-height: .5rem;text-align: center;font-size: .18rem;color: #ffffff;background-color: #0c677c;opacity: 0;} .Talent #setting .swiper-slide .title:after{display: inline-block;content: '';width: 0;height: 0;margin-left: .1rem;border-right: 10px solid #fff;border-top: 4px solid transparent;border-bottom: 4px solid transparent;vertical-align: middle;} .Talent #setting .swiper-slide.swiper-slide-active .title{opacity: 1;} .Talent #setting .btn{position: absolute;top: 0;right: 0;z-index: 3;opacity: 0;} .Talent #setting .button-next{display: inline-block;margin-left: .2rem;width: .6rem;height: .6rem;background-size: 100%;background-image: url('../images/slick-next.png');cursor:pointer;transition:.3s;} .Talent #setting .button-prev{display: inline-block;width: .6rem;height: .6rem;background-size: 100%;background-image: url('../images/slick-prev.png');cursor:pointer;transition:.3s;} .Talent #setting .button-prev:hover{transform: rotate(-360deg);} .Talent #setting .button-next:hover{transform: rotate(360deg);} .Talent #List{padding: 1rem 0;} .Talent #List .menu-nav{margin-bottom: .6rem;text-align: center;} .Talent #List .menu-nav ul li{display: inline-block;margin-right: .4rem;padding-bottom: 6px;border-bottom: 4px solid transparent;} .Talent #List .menu-nav ul li:last-child{margin-right: 0;} .Talent #List .menu-nav ul li a{font-size: .26rem;color: #aaaaaa;} .Talent #List .menu-nav ul li.on{border-bottom: 4px solid #0c677c;} .Talent #List .menu-nav ul li.on a{color: #000;} .Talent #List .search{padding: .6rem .4rem;background-color: #f7f8f9;} .Talent #List .search .title{font-size: .26rem;} .Talent #List .search .search-box{margin-top: .2rem;display: flex;} .Talent #List .search .search-box .text{width: calc(100% - 1.4rem);height: .6rem;padding: 0 .2rem;background-color: #fff;box-sizing: border-box;} .Talent #List .search .search-box .btn{width: 1.4rem;height: .6rem;text-align: center;font-size: .16rem;color: #ffffff;background-color: #0c677c;cursor:pointer} .Talent #List .search .select{margin-top: .2rem;display: flex;justify-content: space-between} .Talent #List .search .select select {width: 23%;height: .6rem;padding: 0 .2rem;background-color: #fff;box-sizing: border-box; appearance: none;-webkit-appearance: none;background-image: url('../images/chevron-down.svg');background-size: 15px;background-position: calc(100% - 15px);background-repeat: no-repeat;} .Talent #List .list{margin-top: .2rem;} .Talent #List .list ul li{margin-bottom: .2rem;padding: .6rem;background-color: #f7f8f9;transition:.3s;} .Talent #List .list ul li .head-box .title{position: relative;font-size: .26rem;color: #333333;cursor:pointer} .Talent #List .list ul li .head-box .title:after{position: absolute;right: 0;top: 0;bottom:0;margin: auto 0;display: inline-block;content: '';width: 6px;height: 6px;border-top: 1px solid #999999;border-right: 1px solid #999999;vertical-align: middle;transform: rotate(45deg);transition:.3s;} .Talent #List .list ul li .head-box:hover .title, .Talent #List .list ul li.on .head-box .title{color:#0c677c;} .Talent #List .list ul li.on .head-box .title:after{transform: rotate(135deg);} .Talent #List .list ul li:hover{box-shadow: 0 0 15px rgb(0 0 0 / 20%);} .Talent #List .list ul li:hover .head-box .title:after, .Talent #List .list ul li.on .head-box .title:after{border-color:#0c677c;} .Talent #List .list ul li .head-box .box{margin-top: .3rem;} .Talent #List .list ul li .head-box .box .type{float: left;} .Talent #List .list ul li .head-box .box .type .item{display: inline-block;margin-right: .5rem;font-size: .16rem;color: #666666;} .Talent #List .list ul li .head-box .box .type .item:last-child{margin-right: 0;} .Talent #List .list ul li .head-box .box .time{float: right;font-size: .16rem;color: #666666;} .Talent #List .list ul li .casket{display: none;margin-top: .6rem;} .Talent #List .list ul li .casket .item{margin-bottom: .4rem;} .Talent #List .list ul li .casket .item .name{font-size: .16rem;color: #000;} .Talent #List .list ul li .casket .item .text{margin-top: .2rem;font-size: .16rem;color: #666666;line-height: 1.8;} .Talent #List .list ul li .casket .apply a{display: block;width: 1.4rem;line-height: .6rem;text-align: center;font-size: .16rem;color: #ffffff;background-color: #0c677c;} .Talent #List .list ul li.on .casket{display: block;} /*患者咨询*/ .Query{padding:.65rem 0 1.2rem;} .Query .list{padding: 1rem;background-color: #f7f8f9;} .Query .list ul li{margin-bottom: .55rem;} .Query .list ul li:last-child{margin-bottom: 0;} .Query .list ul li .name {margin-bottom: .2rem;font-size: .18rem;color: #000000;font-weight: bold;} .Query .list ul li .item{display: inline-block;margin-right: 1rem;} .Query .list ul li .radio{display: inline-block;margin-right: .1rem;position: relative;vertical-align: middle;} .Query .list ul li .radio input{opacity: 0;position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: block;z-index: 3;} .Query .list ul li .radio input + label{display: block;width: 18px;height: 18px;border: 1px solid #eeeeee;box-sizing: border-box;} .Query .list ul li .radio input:checked + label:after{display: block;position: absolute;content: '';left: 0;top: 0;right: 0;bottom: 0;margin: auto;width: 6px;height: 6px;background-color: #0c677c;} .Query .list ul li .text {display: inline-block;font-size: .18rem;color: #000000;vertical-align: middle;font-weight: bold;} .Query .list ul li:nth-of-type(1) .box,.Patient .list ul li:nth-of-type(2) .box{margin-top: .4rem;} .Query .list ul li:nth-of-type(2) .select{margin-top: .2rem;} .Query .list ul li .select select { display: block; width: 100%; height: .7rem; font-size: .16rem; color: #000000; background-color: #fff; padding: 0 .2rem; box-sizing: border-box; /*替换默认下拉框箭头*/ appearance: none; -webkit-appearance: none; background-image: url('../images/chevron-down.svg'); background-size: 15px; background-position: calc(100% - 15px); background-repeat: no-repeat; } .Query .list ul li .tips{margin-bottom: .2rem;font-size: .16rem;color: #000;} .Query .list ul li textarea{display: block;width: 100%;height: 1.4rem;padding: .2rem;font-size: .16rem;color: #000;background-color: #fff;box-sizing: border-box;} .Query .list ul li .flex{display: flex;justify-content: space-between} .Query .list ul li .flex .items{width: 32%;} .Query .list ul li .input-text{display: block;width: 100%;height: .7rem;padding: 0 .2rem;font-size: .16rem;color: #000;background-color: #fff;box-sizing: border-box;} .Query .list ul li .submit{display: block;width: 2.4rem;height: .7rem;margin: auto;text-align: center;font-size: .16rem;color: #fff;background-color: #0c677c;cursor:pointer} /*全球招商*/ .Courtship #object{padding:.65rem 0 1.2rem;} .Courtship #object .flex{display: flex;justify-content: space-between} .Courtship #object .flex .box{width: 23.5%} .Courtship #object .flex .img{width: 70%;overflow: hidden;} .Courtship #object .flex .img img{width: 100%;transition:.3s;} .Courtship #object .flex .img:hover img{transform: scale(1.1, 1.1);} .Courtship #object .public-title2{text-align: left;} .Courtship #object .flex .box .list ul li{position: relative;padding-bottom: .25rem;margin-bottom: .25rem;font-size: .22rem;color: #000000;border-bottom: 1px solid #eeeeee;} .Courtship #object .flex .box .list ul li:hover{color:#0c677c;} .Courtship #object .flex .box .list ul li:last-child{margin-bottom: 0;} .Courtship #object .flex .box .list ul li:after{position: absolute;right: 0;top: .02rem;font-size: .18rem;color: #999999;z-index: 3;} .Courtship #object .flex .box .list ul li:nth-of-type(1):after{content: '01.';} .Courtship #object .flex .box .list ul li:nth-of-type(2):after{content: '02.';} .Courtship #object .flex .box .list ul li:nth-of-type(3):after{content: '03.';} .Courtship #object .flex .box .list ul li:nth-of-type(4):after{content: '04.';} .Courtship #object .flex .box .list ul li:nth-of-type(5):after{content: '05.';} .Courtship #process{padding: 1.2rem 0;background-color: #f7f8f9;} .Courtship #process .img img{width: 100%;} .Courtship #network{padding: 1.1rem 0;} .Courtship #network .img img{width: 100%} .Courtship #global .img img{width: 100%} .Courtship #global .list{position: relative;max-width: 1120px;margin: -1.6rem auto 0 auto;} .Courtship #global .list ul{font-size: 0;} .Courtship #global .list ul li{display: inline-block;width: 33.33%;padding: .6rem .4rem;box-sizing: border-box;background-image: linear-gradient(to right, #e7f1f3,#f5f7f9);} .Courtship #global .list ul li .name{font-size: .26rem;color: #000000;} .Courtship #global .list ul li dl{margin-top: .4rem;} .Courtship #global .list ul li dl dd{position: relative;padding-left: .3rem;margin-bottom: .2rem;font-size: .18rem;color: #000000;} .Courtship #global .list ul li dl dd:last-child{margin-bottom: 0;} .Courtship #global .list ul li dl dd:before{position: absolute;display: block;content: '';width: .18rem;height: .21rem;background-size: 100%;left: 0;top: 0;bottom: 0;margin: auto 0;z-index: 3;} .Courtship #global .list ul li dl dd:nth-of-type(1):before{background-image: url('../images/Courtship-global1.png');} .Courtship #global .list ul li dl dd:nth-of-type(2):before{background-image: url('../images/Courtship-global2.png');} .Courtship #global .list ul li dl dd:nth-of-type(3):before{background-image: url('../images/Courtship-global3.png');} .Courtship #contact{padding: 1.2rem 0;} .Courtship #contact .list ul li{margin-bottom: .6rem;font-size: 0;} .Courtship #contact .list ul li:last-child{margin-bottom: 0;} .Courtship #contact .list ul li .item{display: inline-block;width: 49%;margin-right: 2%;} .Courtship #contact .list ul li .item:last-child{margin-right: 0;} .Courtship #contact .list ul li .name{margin-bottom: .15rem;font-size: .16rem;color: #000000;} .Courtship #contact .list ul li .name span{color: #ff4d4d;} .Courtship #contact .list ul li .input-text{display: block;width: 100%;height: .7rem;font-size: .16rem;color: #000;border-bottom: 1px solid #000;box-sizing: border-box;} .Courtship #contact .list ul li .radio{display: inline-block;margin-right: .1rem;position: relative;vertical-align: middle;} .Courtship #contact .list ul li .radio input{opacity: 0;position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: block;z-index: 3;} .Courtship #contact .list ul li .radio input + label{display: block;width: 18px;height: 18px;border: 1px solid #eeeeee;box-sizing: border-box;} .Courtship #contact .list ul li .radio input:checked + label:after{display: block;position: absolute;content: '';left: 0;top: 0;right: 0;bottom: 0;margin: auto;width: 6px;height: 6px;background-color: #0c677c;} .Courtship #contact .list ul li .text{display: inline-block;font-size: .16rem;color: #000000;vertical-align: middle;} .Courtship #contact .list ul li .text a:hover{ color: #0c677c;text-decoration: underline} .Courtship #contact .list ul li .submit{display: block;width: 2.4rem;height: .7rem;margin: auto;text-align: center;font-size: .16rem;color: #fff;background-color: #0c677c;cursor:pointer} /*售前咨询*/ .Presale{padding:.65rem 0 1.2rem;} .Presale .box{padding: 1rem;background-color: #f7f8f9;} .Presale .box .list ul li{margin-bottom: .6rem;font-size: 0;} .Presale .box .list ul li:last-child{margin-bottom: 0;} .Presale .box .list ul li .item{display: inline-block;width: 49%;margin-right: 2%;} .Presale .box .list ul li .item:last-child{margin-right: 0;} .Presale .box .list ul li .name{margin-bottom:.15rem;font-size:.18rem;color:#000000;font-weight:bold;} .Presale .box .list ul li .name span{color: #ff4d4d;} .Presale .box .list ul li .input-text{display: block;width: 100%;height: .7rem;padding: 0 .2rem;font-size: .16rem;color: #000;background-color: #fff;box-sizing: border-box;} .Presale .box .list ul li .radio{display: inline-block;margin-right: .1rem;position: relative;vertical-align: middle;} .Presale .box .list ul li .radio input{opacity: 0;position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: block;z-index: 3;} .Presale .box .list ul li .radio input + label{display: block;width: 18px;height: 18px;border: 1px solid #eeeeee;box-sizing: border-box;} .Presale .box .list ul li .radio input:checked + label:after{display: block;position: absolute;content: '';left: 0;top: 0;right: 0;bottom: 0;margin: auto;width: 6px;height: 6px;background-color: #0c677c;} .Presale .box .list ul li .text{display: inline-block;font-size: .16rem;color: #000000;vertical-align: middle;} .Presale .box .list ul li .textarea{display: block;width: 100%;height: 1.4rem;padding: .2rem;font-size: .16rem;color: #000;background-color: #fff;box-sizing: border-box;} .Presale .box .list ul li .submit{display: block;width: 2.4rem;height: .7rem;margin: auto;text-align: center;font-size: .16rem;color: #fff;background-color: #0c677c;cursor:pointer} /*服务支持*/ .Support{padding:.65rem 0 1.2rem;} .Support .box{padding: 1rem;background-color: #f7f8f9;} .Support .box .list ul li{margin-bottom: .6rem;font-size: 0;} .Support .box .list ul li:last-child{margin-bottom: 0;} .Support .box .list ul li .item{display: inline-block;width: 49%;margin-right: 2%;} .Support .box .list ul li .item:last-child{margin-right: 0;} .Support .box .list ul li .name{margin-bottom:.15rem;font-size:.18rem;color:#000000;font-weight:bold;} .Support .box .list ul li .name span{color: #ff4d4d;} .Support .box .list ul li .input-text{display: block;width: 100%;height: .7rem;padding: 0 .2rem;font-size: .16rem;color: #000;background-color: #fff;box-sizing: border-box;} .Support .box .list ul li .radio{display: inline-block;margin-right: .1rem;position: relative;vertical-align: middle;} .Support .box .list ul li .radio input{opacity: 0;position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: block;z-index: 3;} .Support .box .list ul li .radio input + label{display: block;width: 18px;height: 18px;border: 1px solid #eeeeee;box-sizing: border-box;} .Support .box .list ul li .radio input:checked + label:after{display: block;position: absolute;content: '';left: 0;top: 0;right: 0;bottom: 0;margin: auto;width: 6px;height: 6px;background-color: #0c677c;} .Support .box .list ul li .text{display: inline-block;font-size: .16rem;color: #000000;vertical-align: middle;} .Support .box .list ul li .textarea{display: block;width: 100%;height: 1.4rem;padding: .2rem;font-size: .16rem;color: #000;background-color: #fff;box-sizing: border-box;} .Support .box .list ul li .submit{display: block;width: 2.4rem;height: .7rem;margin: auto;text-align: center;font-size: .16rem;color: #fff;background-color: #0c677c;cursor:pointer} /*信息披露*/ .Disclosure{padding: 1.2rem 0;} .Disclosure .head-box{padding: .8rem;background-color: #f1f5f8;} .Disclosure .head-box .flex{display: flex;justify-content: space-between} .Disclosure .head-box .flex .shares .name{font-size: .18rem;color: #000000;} .Disclosure .head-box .flex .shares .text{margin-top: .1rem;font-size: .6rem;color: #0c677c;} .Disclosure .head-box .flex .shares .text span{font-size: .24rem;font-weight: bold;vertical-align: initial;} .Disclosure .head-box .flex .shares .text span:before{display: inline-block;margin-right: .1rem;content: '';width: 0;height: 0;border-left: .055rem solid transparent;border-right: .055rem solid transparent;vertical-align: initial;} .Disclosure .head-box .flex .shares .text span.down:before{border-top: .11rem solid #0c677c;} .Disclosure .head-box .flex .shares .text span.up:before{border-bottom: .11rem solid #0c677c;} .Disclosure .head-box .flex .type{margin-top: .1rem;} .Disclosure .head-box .flex .type .item{display: inline-block;margin-right: .8rem;} .Disclosure .head-box .flex .type .item:last-child{margin-right: 0;} .Disclosure .head-box .flex .type .item .name{font-size: .16rem;color: #999999;} .Disclosure .head-box .flex .type .item .text{margin-top: .2rem;color: #000;font-size: .4rem;} .Disclosure .head-box .tips{margin-top: 1rem;font-size: .16rem;color: #666666;} .Disclosure .list{margin-top: 1rem;} .Disclosure .list .public-title2{text-align: left;} .Disclosure .list .competition{display: flex;justify-content: space-between} .Disclosure .list .competition select{width: 21.8%;height: .6rem;padding: 0 .2rem;background-color: #fbfbfb;box-sizing: border-box;cursor:pointer} .Disclosure .list .competition .box{width: 54.6%;display: flex;} .Disclosure .list .competition .box .text{width: calc(100% - .6rem);height: .6rem;padding: 0 .2rem;background-color: #fbfbfb;box-sizing: border-box;} .Disclosure .list .competition .box .btn{width: .6rem;height: .6rem;background-image: url('../images/Disclosure.jpg');background-size: cover;} .Disclosure .list ul{margin-top: .4rem;} .Disclosure .list ul li{display: flex;margin-bottom: .2rem;padding: .4rem;background-color: #fbfbfb;justify-content: space-between;align-items: center} .Disclosure .list ul li:last-child{margin-bottom: 0;} .Disclosure .list ul li .left{display: flex} .Disclosure .list ul li .left .time{font-size: .18rem;color: #999999;} .Disclosure .list ul li .left .title{margin-left: .4rem;font-size: .18rem;color: #000;} .Disclosure .list ul li .right{margin-left: .2rem;padding-left: .45rem;padding-top: .05rem;padding-bottom: .05rem;border-left: 1px solid #e5e5e5;} .Disclosure .list ul li .right .download{position: relative;padding-left: .3rem;font-size: .18rem;color: #999999;cursor:pointer} .Disclosure .list ul li .right .download:before{display: block;position: absolute;left: 0;top: 0;bottom: 0;content: '';margin: auto 0;width: .19rem;height: .2rem;background-image: url('../images/Disclosure-download.png');background-size: cover;z-index: 3;} .Popup{display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .5);z-index: 999;} .Popup .Popup-box{position: absolute;top: 50%;left: 50%;max-width: 500px;width: 100%;transform: translate(-50%,-50%);z-index: 3;} .Popup .Popup-box .box{padding: 1rem 0 .5rem 0;background-color: #fff;text-align: center;} .Popup .Popup-box .box .logo{max-width: 1.46rem;margin: auto;} .Popup .Popup-box .box .logo img{width: 100%} .Popup .Popup-box .box .name{margin-top: .6rem;font-size: .16rem;color: #333333;} .Popup .Popup-box .box .title{margin-top: .2rem;font-size: .36rem;color: #000000;} .Popup .Popup-box .box .time{margin-top: 3rem;font-size: .16rem;color: #000000;} .Popup .Popup-box .btn{margin-top: .4rem;text-align: center;} .Popup .Popup-box .btn .download{display: inline-block} .Popup .Popup-box .btn .download a{display: block;width: 1.6rem;height: .6rem;line-height: .6rem;text-align: center;font-size: .16rem;color: #fff;background-color: #0c677c;border-radius: .6rem} .Popup .Popup-box .btn .close{display: inline-block;margin-left: .2rem;width: 1.6rem;height: .6rem;line-height: .6rem;text-align: center;font-size: .16rem;color: #0c677c;background-color: #f1f5f8;border-radius: .6rem;cursor:pointer} @media screen and (max-width: 1320px){ .w1280{max-width: 92%} .Patient #case .list{ width:105%;} } @media screen and (max-width: 1366px){ #section3 .w1280{overflow: hidden} #section2 .dot-icon{width: 2rem} #section2 .slider-pic{width: 25.3545vw;height: 25.3545vw;} } @media screen and (max-width: 1200px){ #section5 .list li .txt .counter.cPhone{ display: inline-block; line-height: 1; transform: translateY(4px); } #section5 .list li .txt .counter.hide{display: none;} header{position: fixed;left: 0;top: 0 ;padding: 10px 0;width: 100%;box-sizing: border-box;z-index:150; background:#fff; box-shadow:0 0 15px rgba(0,0,0,.2);} .index-head header .language .name{background: url(../images/Top002262-lang.png) no-repeat left center;color: #000;background-size: auto 60%;} .index-head .logo img:nth-of-type(2){display: block;} .index-head .logo img:nth-of-type(1){display: none;} header nav{position: fixed;margin-top: 0;padding: 120px 0 30px 0;top: 0;right: 0;width: 240px;height: 100%;background-color: #fff;overflow: unset;box-sizing: border-box;overflow-x: hidden;transform: matrix(1, 0, 0, 1, 240, 0);z-index: 300;} header .language{margin-right: 40px;} #mian{position: relative; padding-top:62px;} #mian.on:before{display: block;position: absolute;content: "";top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.6);z-index: 666;transition: 0.4s ease;} .rightMenuBtn{ display: block; top:10px;} .location{display: none;} .column-menu{float: none;position: relative;} .column-menu ul li a{display: block;line-height: 35px;} .column-menu ul li.on:before{bottom: 0} footer .top-box .foot-nav{display: none;} footer .top-box{padding: 0;} header nav ul{display: block;} header nav ul li{margin-right: 0;padding: 0 .2rem;} header nav ul li .drop-down{position: static;width: 100%} header nav ul li .drop-down dl{padding: .2rem;} header nav ul li>a{line-height:.4rem; font-size:.24rem;} .index-head header nav ul li>a{ color: #333;} .index-head header nav ul li:hover>a, .index-head header nav ul li.on>a{color: #0c677c;} .column-menu ul li a{color: #333} .banner .slider .pc{display: none;} .banner .slider .wap{display: block; width:120%;} .fp-section.fp-table,.fp-section .fp-tableCell{height: auto !important;} #section2 .w1280{opacity: 1;transform: translateY(0px); -webkit-transform: translateY(0px); -ms-transform: translateY(0px);} #section2{padding: 1rem 0;} #section2 .fp-tableCell, #section3 .fp-tableCell, #section4 .fp-tableCell, #section5 .fp-tableCell, #section6 .fp-tableCell, #section7 .fp-tableCell{padding: 1rem 0;} #section4 .w1280 {opacity: 1;transform: translateY(0);-webkit-transform: translateY(0);-ms-transform: translateY(0);} #section5 .list li{opacity: 1;transform: translate3d(0,0,0);transition-duration: 0s;} #section5 .slogan {opacity: 1;transform: translateY(0);-webkit-transform: translateY(0);-ms-transform: translateY(0);} #section7 footer {opacity: 1;transform: translateY(0);-webkit-transform: translateY(0);-ms-transform: translateY(0);} footer .bottom_nav{display: none;} footer .share .ewm{display: none;} footer .share ul{display: none;} footer .share{padding-bottom: 0;border-bottom: 0;} footer .share .logo img{max-width: 2rem;margin: auto;} footer .share .logo{float: none;} .column-banner .move{display: block;} .column-banner .pc{display: none;} .About .culture .box .item .en{font-size:.8rem;} } @media screen and (max-width: 1024px){ header nav ul li .drop-down{ border-top:solid 2px #0c677c;} header nav ul li .drop-down dl dd a{ font-size:.2rem;} header nav ul li>a::before{ height:2px;} .Patient #case .btn .button-next, .Patient #case .btn .button-prev{ top:1.8rem;} .Patient #case .btn .button-next{ left:auto; right:2%;} } @media screen and (max-width: 768px){ #section2{padding: 2rem 0;} #section2 .slider-pic{margin-left: 1rem;} #section2 .slider-pic {width: 28.3545vw;height: 28.3545vw;} #section2 .fp-tableCell, #section3 .fp-tableCell, #section4 .fp-tableCell, #section5 .fp-tableCell, #section6 .fp-tableCell, #section7 .fp-tableCell {padding: 0.5rem 0;} #section4 .fp-tableCell{padding-top: 0;} .public-title{margin-bottom: .4rem;} #section4 li{width: 48%!important;margin-bottom: .2rem;margin-right: 0;} #section4 li:not(:nth-child(2n)){margin-right:4%} #section4 li.on .liBox .liCon .txt{ display:-webkit-box;overflow: hidden;text-overflow: ellipsis;word-break: break-word;-webkit-box-orient: vertical;-webkit-line-clamp: 2;} #section4 li.on a .txtBox{position:absolute;left: .8rem;right: .1rem;} #section4 li.on .liBox .liCon{padding: 10px;display: block;} #section4 li.on .liBox .liCon .icon{left: .08rem;} #section4 li.on .liBox .liCon .icon img{max-width:0.5rem} #section4 li.on a{height: 1.2rem;} #section4 li.on a .txtBox .h3{line-height: .2rem;font-size: .17rem;} #section4 li{height: 3rem;} #section4 li .Ispic{background-size: contain;} #section5 .list li{display: inline-block;width: 50%;margin: .1rem 0;} #section6 .main {transform: translate3d(0,0,0);transition-duration: 0;opacity: 1;} #section6 .carousel .slides .slideItem{width: 100%!important} #section6 .carousel .slides .slideItem#side0 img{width: 100%!important} #section6 .carousel .slides .slideItem a{border-radius: 0} #section6 .carousel{float: none;width: 100%} #section6 .info-show{position: static;width: 100%;height: 3rem;border-radius: 0} #section6 .info-show li .time{margin-bottom: 2%;} #section6 .info-show li .des{margin-top: .2rem;} #section6 .info-show li .ytable{width: 90%} #section6 .carousel .prevButton, #section6 .carousel .nextButton{left: 93%;} footer .copyright dt{float: none;text-align: center;} footer .copyright dd{float: none;margin-top: .2rem;text-align: center;line-height: 1.6;} footer .copyright{padding-top: 6%;} .Talent #setting .swiper-slide .img figure{padding-bottom:3.2rem;} .Patient #case .btn .button-next, .Patient #case .btn .button-prev{ top:2.3rem;} } @media screen and (max-width: 640px){ .public-title .en{font-size: .32rem;} .public-title .cn{font-size: .26rem;} #section3 .w1280{ max-width:100%;} #section5 .slogan{font-size: .22rem;} #section5 .list{margin-top: 0.5rem;} #section5 .list li .inner{max-width: 2.3rem;width: 96%;} #section5 .list li .txt .counter{font-size: .36rem} .About .origination{padding: .8rem 0;} .public-title2{margin-bottom: .4rem;font-size: .3rem;} .About .origination .swiper-slide.swiper-slide-active .img{display: block;margin: auto;height: 3.5rem;width: 3.5rem;border-radius: 3.5rem;padding: .25rem;} .About .origination .swiper-slide .box{width: 100%;margin-left: 0;} .About .origination .swiper-slide .img span{width: 3rem;height: 3rem;border-radius: 3rem;} .About .history .dot-icon{display: none;} .About .history .box{padding: .3rem 0;} .About .history .img img{height: 5rem; object-fit: cover;} .About .culture{padding: .4rem 0;} .About .culture .box{max-width: 100%;padding-top: 0;} .About .culture .box .item{padding-top: 0;} .About .culture .img{position: relative;width: 100%;margin-top:20px; max-width:100%;} .About .meaning{padding: .4rem 0;} .About .thought{padding: .4rem 0;} .About .thought .box{padding-top: 0;max-width: 100%} .About .thought .box .item{margin-bottom: .2rem;} .About .thought .img{position: relative;width:100%;margin-top:20px; max-width:100%;} .About .idea{padding: .4rem 0;} .About .social{padding: .4rem 0;} .About .social .swiper-slide{width:100%; margin-right:0;} .About .social .btn{margin-top: 0.4rem;} .About .social .btn .button-next,.About .social .btn .button-prev{width: .5rem;height: .5rem} .About .idea .list ul li{margin-bottom:.5rem;margin-right: .5rem;} .About .idea .list ul li img{ max-width: 1.4rem;} .About .idea .list ul li:nth-child(1){margin-right: .7rem;margin-left: 0.3rem;} .About .idea .list ul li:nth-child(2){margin-right: .3rem;} .Solution #medical{padding: .4rem 0;} .public-title3 .title{font-size: .3rem;} .Solution #medical .list ul li{width:100%;margin:0;margin-bottom:.2rem;min-height:auto;padding:.4rem; display:flex; align-items:center;} .Solution #equipment{padding: .4rem 0;} .Solution #product{padding: .4rem 0;} .Solution #product .list ul{ margin:-.2rem;} .Solution #product .list ul li{ margin:.1rem .2rem; width: calc(50% - 0.4rem)} .Contact{padding: .4rem 0;} .Contact .box{padding: .3rem;} .Contact .box .top-box .list{float: none;margin-top: 0;} .Contact .box .top-box .list ul li{width: 49%} .Contact .box .top-box .ewm{float: none;margin-top: .2rem;} .Contact .box .top-box em{display: none;} .Contact .box .table-box .item .left{display: block;width: 100%} .Contact .box .table-box .item .right{display: block;width: 100%;margin-top: .2rem;} .Maintenance #service{padding: .4rem 0 .2rem;} .Maintenance #service ul li{width: 100%;margin-right: 0;margin-bottom: .2rem; padding-top: .8rem;} .Maintenance #service ul li .title{font-size: .24rem} .Maintenance #college1{padding: .4rem 0;} .Maintenance #college1 .list ul{font-size: 0;display: block;} .Maintenance #college1 .list ul li{display: inline-block;width: 50%;margin: 0;} .Maintenance #college2{padding-top: .4rem;} .Maintenance #college2 .img{position: relative;width: 100%} .Maintenance #college2 .list{width: 100%;margin-top: .2rem;} .Maintenance #maintain{padding: .4rem 0 .2rem;} .Maintenance #maintain .list ul{display: block;} .Maintenance #maintain .list ul li{display: block;width: 100%;margin-bottom: .2rem;min-height: auto;padding-bottom: .4rem;} .Maintenance #contact .img img{height: 2rem;} .Maintenance #contact .box{padding: .3rem;} .News .List ul li{display: block;} .News .List ul li .img{width: 100%} .News .List ul li .time{margin: .2rem 0 0 0;} .News .List ul li .box{width: 100%} .News .List ul li .box .text{margin-top: .2rem;} .News{padding: .4rem 0;min-height: 4rem;} .News .Details .head-box .title{line-height: 1.6;} .prew .return{float: none;margin-left: 0;margin-bottom: .2rem;} .Innovate #gene{padding: .4rem 0;} .Innovate #gene .list ul li{width: 100%;margin-top:.2rem;} .Innovate #gene .list ul li:not(:last-child){padding-bottom: 20px;margin-bottom: 20px;} .Innovate #gene .list ul li:nth-of-type(2n){width: 100%;} .Innovate #gene .list ul li .title{margin-top: .2rem;line-height: 1.6;} .Innovate #platform{padding: .4rem 0;} .Innovate #platform .guide .list ul li{width: 48%;margin: 0 0 .2rem 0;} .Innovate #platform .guide .list ul li .title{height: auto;} .Innovate #platform .clinical .list ul{display: block;} .Innovate #platform .clinical .list ul li{width: 50%;margin-bottom: .2rem;} .Innovate #platform .clinical{padding: .5rem .35rem;} .Innovate #platform .item{margin-bottom: .5rem} .Innovate #minister{padding: .4rem 0;} .Innovate #technology{padding: .4rem 0;} .Innovate #technology .list ul li{width: 48%;margin: 0 0 .2rem 0;} .Innovate #technology .list ul li:not(:nth-child(2n)){margin-right: 4%;} .Innovate #technology .list ul li .box .more a{font-size: .12rem} .Innovate #technology .list ul li .box .title{font-size: .2rem} .Innovate #minister .list .table-box .item .box .title{font-size: .26rem} .Innovate #minister .list .table-nav{width: 100%;} .Innovate #minister .list .table-nav ul{display: flex} .Innovate #minister .list .table-nav ul li{width: 32.33%;margin-right: 1%;height: 1rem;} .Innovate #minister .list .table-box{width: 100%;margin-left: 0;margin-top: .2rem;} .Patient #case{padding: .4rem 0;} .Patient #case .swiper .swiper-slide{width: 100%} .Patient #billboard{padding: .4rem 0;} .Patient #billboard .list ul li{width: 100%} .Patient #warlock{padding: .4rem 0;} .Patient #warlock .list ul li{display: block;width: 48%;float: left;padding-bottom: .1rem;margin-bottom: .3rem;} .Patient #warlock .list ul li:not(:nth-child(2n)){margin-right:4%;} .Patient #warlock .list ul li .box .text{height: 62px;overflow:hidden;} .Patient #warlock .list ul li .box .more{margin-top: 0;} .Patient #warlock .list ul li .box .more a{text-align:left;} .Patient #warlock .list ul li:last-child{margin-bottom:.3rem} .Patient #warlock .list ul li .img{width: 100%} .Patient #warlock .list ul li .box{width: 100%;margin-left: 0;margin-top: .2rem;} .Patient #case .btn{margin-top: 0.4rem;} .Support{padding: .4rem 0;} .Support .box{padding: .3rem;} .Query{padding: .4rem 0;} .Query .list{padding: .3rem;} .Query .list ul li .tips{line-height: 1.6;} .Query .list ul li .flex{display: block;} .Query .list ul li .flex .items{width: 100%;margin-bottom: .2rem;} .Courtship #object{padding: .4rem 0;} .Courtship #object .flex{display: block;} .Courtship #object .flex .box{width: 100%} .Courtship #object .flex .img{width: 100%;margin-top: .2rem;} .Courtship #process{padding: .4rem 0;} .Courtship #network{padding: .4rem 0;} .Courtship #global .list{max-width: 100%;margin-top: 0;} .Courtship #global .list ul li{width: 100%} .Courtship #contact{padding: .4rem 0;} .Talent #join{padding: .4rem 0;} .Talent #join .list ul li{width: 100%;margin: 0 0 .2rem 0;} .Talent #strategy .main-title{font-size: .3rem;} .Talent #strategy .list{margin-top: .4rem} .Talent #strategy .list ul li .img{width: 100%} .Talent #strategy .list ul li .box{position: relative;width: 100%;margin-top: .2rem;} .Talent #welfare{padding: .4rem 0;} .Talent #welfare .list ul li{width: 100%;margin: 0 0 .2rem 0;} .Talent #setting{padding: .4rem 0;} .Talent #List{padding: .4rem 0;} .Talent #List .search .select{display: block;} .Talent #List .search .select select{width: 100%;margin-bottom: .2rem;} .Talent #List .list ul li .head-box .box .type{float: none;} .Talent #List .list ul li .head-box .box .time{float: none;margin-top: .2rem;} .Talent #List .list ul li{padding: .3rem;} .Presale{padding: .4rem 0;} .Presale .box{padding: .3rem;} .Disclosure{padding: .4rem 0;min-height: 4rem;} .Disclosure .head-box{padding: .3rem;} .Disclosure .head-box .flex{display: block;} .Disclosure .head-box .flex .type{font-size: 0;} .Disclosure .head-box .flex .type .item{width: 50%;margin-right: 0;margin-bottom: .2rem;} .Disclosure .head-box .tips{margin-top: .3rem;line-height: 1.6;} .Disclosure .list .competition{display: block;} .Disclosure .list .competition select{width: 100%;margin-bottom: .2rem;} .Disclosure .list .competition .box{width: 100%} .Popup .Popup-box{max-width: 92%} header nav{height:auto;padding:120px 0 100% 0;} header nav ul li>a{ font-size:.24rem;line-height: .7rem;} .column-menu .name{height: 1rem;line-height: 1rem;font-size: 16px;display: none;} .column-menu ul{ top:0;display:block;position:relative;padding:.1rem;background-color:#f3f3f3; border-color:#f3f3f3;} .column-menu ul li{display:inline-block;width:auto;margin:0 .2rem;} .column-menu ul li.on a{ color:#0c677c;} .Maintenance #contact{padding-bottom: .4rem;} .Patient #case .btn .button-next, .Patient #case .btn .button-prev{ top:1.8rem;} footer .share>a{ display:block; text-align:center;} footer .share>a>img{ max-width:145px;} } @media(min-width: 1200px){ .column-banner{margin-top:.8rem;} header{position: fixed;left: 0;top: 0;padding: 10px 0;width: 100%;box-sizing: border-box;z-index: 150;background: #fff;box-shadow: 0 0 15px rgb(0 0 0 / 20%);} .index-head header{background:none;box-shadow: none;position: static;} .index-head.on header{background: #fff;} }