* {
touch-action: pan-y;
}
html,body{
height: 100%;
margin: 0;
font-size: 14px;
color: #666;
font-family: Arial, Helvetica, sans-serif;
overflow-x: initial;
width: 100%;
letter-spacing: 1px;
word-break: break-word;
}
font,span,p{
font-family: Arial, Helvetica, sans-serif !important;
}
ol, ul {
list-style: none;
margin: 0;
padding: 0;
}
a:hover, a:active, a:focus {
text-decoration: none;
outline: 0;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder{
color: #999 !important;
}
input,textarea{
appearance: none;
-moz-appearance: none; /* Firefox */
-webkit-appearance: none; /* Safari 鍜� Chrome */
}
strong{
color: #ff0d00;
}
langPack{
display: none;
}
body.modal-open{
position: absolute !important;
}
button[disabled]{
cursor: not-allowed;
opacity: .6;
}
.template{
display: none;
}
.text-nowrap {
white-space: nowrap;
}
.text-justify{
text-align: justify;
}
.flex{
display: -ms-flexbox;
display: flex;
}
.flex-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-center{
display: -ms-flexbox;
display: flex !important;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
}
.flex-start{
display: -ms-flexbox;
display: flex;
-ms-flex-pack: start;
justify-content: flex-start;
}
.flex-end {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: end;
justify-content: flex-end;
}
.flex-start-center{
display: -ms-flexbox;
display: flex;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-align: center;
align-items: center;
}
.flex-start-stretch{
display: -ms-flexbox;
display: flex;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-align: stretch;
align-items: stretch;
}
.flex-end-center{
display: -ms-flexbox !important;
display: flex !important;
-ms-flex-pack: end;
justify-content: flex-end;
-ms-flex-align: center !important;
align-items: center !important;
}
.flex-between-center{
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
}
.flex-between-start{
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: start;
align-items: flex-start;
}
.flex-between-stretch{
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: stretch;
align-items: stretch;
}
.flex-around-center {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
-ms-flex-align: center;
align-items: center;
}
.flex-around-start {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
-ms-flex-align: start;
align-items: flex-start;
}
.flex-around-stretch {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
-ms-flex-align: stretch;
align-items: stretch;
}
.flex-center-start{
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: start;
align-items: flex-start;
}
.align-items-start {
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-stretch {
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-items-end {
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-baseline {
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.flex-fill {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.col-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.pos-relative{
position: relative;
}
.ft-blod{
font-weight: bold;
}
.ft09{
font-size: .9rem !important;
}
.ft10{
font-size: 1rem !important;
}
.ft105{
font-size: 1.05rem;
}
.ft11{
font-size: 1.1rem !important;
}
.ft12{
font-size: 1.15rem;
}
.ft13{
font-size: 1.3rem;
}
.ft14{
font-size: 1.4rem;
}
.ft15{
font-size: 1.5rem;
}
.ft16{
font-size: 1.6rem;
}
.ft17{
font-size: 1.7rem;
}
.ft18{
font-size: 1.8rem;
}
.ft20{
font-size: 2rem;
}
.ft-blue{
color: #2087ec !important;
}
.ft-red{
color: #ef0001;
}
.ft-light{
color: #999 !important;
}
.ft-dark{
color: #333 !important;
}
.ft-darker{
color: #000 !important;
}
.ft-white{
color: #ffffff !important;
}
.mr-0{
margin: 0 !important;
}
.mt-05{
margin-top: .5rem !important;
}
.mt-1{
margin-top: 1rem !important;
}
.mt-1-5{
margin-top: 1.5rem !important;
}
.mt-2{
margin-top: 2rem !important;
}
.mt-3{
margin-top: 3rem !important;
}
.mt-4{
margin-top: 4rem !important;
}
.mt-5{
margin-top: 5rem !important;
}
.mt-6{
margin-top: 6rem !important;
}
.mt-7{
margin-top: 7rem !important;
}
.mb-05{
margin-bottom: .5rem !important;
}
.mb-1{
margin-bottom: 1rem !important;
}
.mb-1-5{
margin-bottom: 1.5rem !important;
}
.mb-2{
margin-bottom: 2rem !important;
}
.mb-3{
margin-bottom: 3rem !important;
}
.mb-4{
margin-bottom: 4rem !important;
}
.mb-5{
margin-bottom: 5rem !important;
}
.mb-6{
margin-bottom: 6rem !important;
}
.mb-7{
margin-bottom: 7rem !important;
}
.ml-1{
margin-left: 1rem !important;
}
.ml-2{
margin-left: 2rem !important;
}
.ml-3{
margin-left: 3rem !important;
}
.ml-4{
margin-left: 4rem !important;
}
.ml-5{
margin-left: 5rem !important;
}
.ml-6{
margin-left: 6rem !important;
}
.ml-7{
margin-left: 7rem !important;
}
.mr-1{
margin-right: 1rem !important;
}
.mr-2{
margin-right: 2rem !important;
}
.mr-3{
margin-right: 3rem !important;
}
.mr-4{
margin-right: 4rem !important;
}
.mr-5{
margin-right: 5rem !important;
}
.mr-6{
margin-right: 6rem !important;
}
.mr-7{
margin-right: 7rem !important;
}
.pd-0{
padding: 0 !important;
}
.pd-1{
padding: 1rem !important;
}
.pd-2{
padding: 2rem !important;
}
.pd-3{
padding: 3rem !important;
}
.pt-05{
padding-top: .5rem;
}
.pt-1{
padding-top: 1rem;
}
.pt-1-5{
padding-top: 1.5rem;
}
.pt-2{
padding-top: 2rem;
}
.pt-3{
padding-top: 3rem;
}
.pl-05{
padding-left: .5rem;
}
.pl-1{
padding-left: 1rem;
}
.pl-2{
padding-left: 2rem;
}
.pl-3{
padding-left: 3rem;
}
.pr-05{
padding-right: .5rem;
}
.pr-1{
padding-right: 1rem;
}
.pr-2{
padding-right: 2rem;
}
.pr-3{
padding-right: 3rem;
}
.pr-4{
padding-right: 4rem;
}
.border{
border: 1px solid #e5e5e5;
}
.border-left{
border-left: 1px solid #e5e5e5;
}
.border-bottom{
border-bottom: 1px solid #e5e5e5;
}
.no-border{
border: none !important;
}
.bg-gary{
background-color: #f1f1f1;
}
.bg-white{
background-color: #ffffff;
}
.l-space-0{
letter-spacing: 0 !important;
}
.contact-link,.contact-link:hover{
color: #41a6fb;
text-decoration: underline;
}
.download-link{
color: #666;
text-decoration: none !important;
cursor: pointer;
}
.download-link:hover{
color: #41a6fb;
}
.left-caret{
display: inline-block;
width: 0;
height: 0;
margin-left: 2px;
vertical-align: middle;
border-left: .6rem dashed #aaa;
border-top: .6rem solid transparent;
border-bottom: .6rem solid transparent;
}
.checkbox input[type="checkbox"],
.radio input[type="radio"]{
cursor: pointer;
opacity: 0;
z-index: 1;
outline: none !important;
}
.checkbox label,
.radio label{
font-family:"hc1iconfont" !important;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style:normal;
font-variant: normal;
text-rendering: auto;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-align: start;
align-items: flex-start;
padding-left: 2rem;
}
.checkbox label::before {
content: "\e616";
font-size: 1.4rem;
display: inline-block;
left: 0;
position: absolute;
opacity: .6;
margin-top: -3px;
}
input[type="checkbox"]:checked + label::before {
content: "\e617";
color: #2087ec;
opacity: 1;
}
.radio label::before {
content: "\e62f";
font-size: 1.4rem;
display: inline-block;
left: 0;
position: absolute;
opacity: .6;
}
input[type="radio"]:checked + label::before {
content: "\e639";
color: #2087ec;
opacity: 1;
}
/*********************** 鍋ョ绯荤粺鍥炬爣 ****************************/
@font-face {
font-family: 'hc1iconfont';
src: url('//at.alicdn.com/t/font_976215_rvbnbt7yo68.woff2?t=1646202710754') format('woff2'),
url('//at.alicdn.com/t/font_976215_rvbnbt7yo68.woff?t=1646202710754') format('woff'),
url('//at.alicdn.com/t/font_976215_rvbnbt7yo68.ttf?t=1646202710754') format('truetype');
}
.hc1iconfont {
font-family:"hc1iconfont" !important;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style:normal;
font-variant: normal;
text-rendering: auto;
}
.icon-icon-:before { content: "\e613"; }
.icon-icon-1:before { content: "\e614"; }
.icon-icon-2:before { content: "\e615"; }
.icon-icon-3:before { content: "\e616"; }
.icon-icon-4:before { content: "\e617"; }
.icon-icon-5:before { content: "\e618"; }
.icon-icon-6:before { content: "\e619"; }
.icon-icon-7:before { content: "\e61a"; }
.icon-icon-8:before { content: "\e61b"; }
.icon-icon-9:before { content: "\e61c"; }
.icon-icon-10:before { content: "\e61d"; }
.icon-icon-11:before { content: "\e61e"; }
.icon-icon-12:before { content: "\e61f"; }
.icon-icon-13:before { content: "\e620"; }
.icon-icon-14:before { content: "\e621"; }
.icon-icon-15:before { content: "\e622"; }
.icon-icon-16:before { content: "\e623"; }
.icon-icon-17:before { content: "\e624"; }
.icon-icon-18:before { content: "\e625"; }
.icon-icon-19:before { content: "\e626"; }
.icon-icon-20:before { content: "\e627"; }
.icon-icon-21:before { content: "\e628"; }
.icon-icon-22:before { content: "\e629"; }
.icon-icon-23:before { content: "\e62a"; }
.icon-icon-24:before { content: "\e62b"; }
.icon-icon-25:before { content: "\e62c"; }
.icon-icon-26:before { content: "\e62d"; }
.icon-icon-27:before { content: "\e62e"; }
.icon-icon-28:before { content: "\e62f"; }
.icon-icon-29:before { content: "\e643"; }
.icon-icon-30:before { content: "\e631"; }
.icon-icon-31:before { content: "\e632"; }
.icon-icon-32:before { content: "\e633"; }
.icon-icon-33:before { content: "\e634"; }
.icon-icon-34:before { content: "\e635"; }
.icon-icon-35:before { content: "\e642"; }
.icon-icon-36:before { content: "\e637"; }
.icon-icon-37:before { content: "\e638"; }
.icon-icon-38:before { content: "\e639"; }
.icon-icon-39:before { content: "\e63a"; }
.icon-icon-40:before { content: "\e63b"; }
.icon-icon-41:before { content: "\e63c"; }
.icon-icon-42:before { content: "\e63d"; }
.icon-icon-43:before { content: "\e63e"; }
.icon-icon-44:before { content: "\e63f"; }
.icon-icon-45:before { content: "\e640"; }
.icon-icon-46:before { content: "\e641"; }
.icon-icon-35-copy:before { content: "\e642"; }
.icon-icon-29-copy:before { content: "\e643"; }
/********************** 瀹樼綉鍥炬爣 **********************************/
@font-face {
font-family: 'website-icon'; /* project id 1569188 */
src: url('//at.alicdn.com/t/font_1569188_ca80p0ye486.eot');
src: url('//at.alicdn.com/t/font_1569188_ca80p0ye486.eot?#iefix') format('embedded-opentype'),
url('//at.alicdn.com/t/font_1569188_ca80p0ye486.woff2') format('woff2'),
url('//at.alicdn.com/t/font_1569188_ca80p0ye486.woff') format('woff'),
url('//at.alicdn.com/t/font_1569188_ca80p0ye486.ttf') format('truetype'),
url('//at.alicdn.com/t/font_1569188_ca80p0ye486.svg#iconfont') format('svg');
}
.website-icon {
font-family:"website-icon" !important;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style:normal;
font-variant: normal;
text-rendering: auto;
}
.iconyld:before {
content: "\e622";
}
.iconyld1:before {
content: "\e623";
}
.iconyld2:before {
content: "\e624";
}
.iconyld3:before {
content: "\e625";
}
.iconyld4:before {
content: "\e626";
}
.iconyld5:before {
content: "\e627";
}
.iconyld6:before {
content: "\e628";
}
.iconyld7:before {
content: "\e629";
}
.iconyld8:before {
content: "\e62a";
}
.iconyld9:before {
content: "\e62b";
}
.iconyld10:before {
content: "\e62c";
}
.iconyld11:before {
content: "\e62d";
}
.iconyld12:before {
content: "\e62e";
}
.iconyld13:before {
content: "\e62f";
}
.iconyld14:before {
content: "\e630";
}
.iconyld15:before {
content: "\e631";
}
.iconyldgw:before {
content: "\e632";
}
.iconyldgw1:before {
content: "\e633";
}
.iconyldgw2:before {
content: "\e634";
}
.iconyldgw4:before {
content: "\e636";
}
.iconyldgw5:before {
content: "\e637";
}
.iconyldgw6:before {
content: "\e638";
}
.iconyldgw7:after {
content: "\e639";
}
.iconyldgw8:before {
content: "\e63a";
}
.iconyldgw9:before {
content: "\e63b";
}
.iconyldgw10:before {
content: "\e63c";
}
.iconyldgw11:before {
content: "\e63d";
}
.iconyldgw12:before {
content: "\e63e";
}
.iconyldgw13:before {
content: "\e63f";
}
.iconyldgw14:before {
content: "\e640";
}
.iconyldgw15:before {
content: "\e641";
}
.iconyldgw16:before {
content: "\e642";
}
.iconyldgw17:before {
content: "\e643";
}
.iconyldgw18:before {
content: "\e644";
}
.iconyldgw19:before {
content: "\e645";
}
.iconyldgw20:before {
content: "\e646";
}
.iconyldgw21:before {
content: "\e647";
}
.iconyldgw22:before {
content: "\e648";
}
.iconyldgw23:before {
content: "\e649";
}
.iconyldgw24:before {
content: "\e64a";
}
.iconyldgw25:before {
content: "\e64b";
}
.iconyldgw3:before {
content: "\e635";
}
.iconyldgw26:before {
content: "\e64c";
}
.iconyld16:before {
content: "\e64d";
}
.iconyld17:before {
content: "\e64e";
}
.iconqt1:before {
content: "\e64f";
}
.fa-spin {
-webkit-animation: fa-spin 2s infinite linear;
animation: fa-spin 2s infinite linear;
position: fixed;
top: 50%;
z-index: 19999;
color: white;
left: 50%;
font-size: 5rem;
margin-top: -2.5rem;
margin-left: -2.5rem;
z-index: 0;
}
.icon06x{
transform:scale(.6);
-ms-transform:scale(.6); /* IE 9 */
-moz-transform:scale(.6); /* Firefox */
-webkit-transform:scale(.6); /* Safari and Chrome */
-o-transform:scale(.6); /* Opera */
}
.icon08x{
transform:scale(.8);
-ms-transform:scale(.8); /* IE 9 */
-moz-transform:scale(.8); /* Firefox */
-webkit-transform:scale(.8); /* Safari and Chrome */
-o-transform:scale(.8); /* Opera */
}
.icon09x{
transform:scale(.9);
-ms-transform:scale(.9); /* IE 9 */
-moz-transform:scale(.9); /* Firefox */
-webkit-transform:scale(.9); /* Safari and Chrome */
-o-transform:scale(.9); /* Opera */
}
.icon11x{
transform:scale(1.1);
-ms-transform:scale(1.1); /* IE 9 */
-moz-transform:scale(1.1); /* Firefox */
-webkit-transform:scale(1.1); /* Safari and Chrome */
-o-transform:scale(1.1); /* Opera */
}
.icon12x{
transform:scale(1.2);
-ms-transform:scale(1.2); /* IE 9 */
-moz-transform:scale(1.2); /* Firefox */
-webkit-transform:scale(1.2); /* Safari and Chrome */
-o-transform:scale(1.2); /* Opera */
}
.icon13x{
transform:scale(1.3);
-ms-transform:scale(1.3); /* IE 9 */
-moz-transform:scale(1.3); /* Firefox */
-webkit-transform:scale(1.3); /* Safari and Chrome */
-o-transform:scale(1.3); /* Opera */
}
.icon14x{
transform:scale(1.4);
-ms-transform:scale(1.4); /* IE 9 */
-moz-transform:scale(1.4); /* Firefox */
-webkit-transform:scale(1.4); /* Safari and Chrome */
-o-transform:scale(1.4); /* Opera */
}
.icon15x{
transform:scale(1.5);
-ms-transform:scale(1.5); /* IE 9 */
-moz-transform:scale(1.5); /* Firefox */
-webkit-transform:scale(1.5); /* Safari and Chrome */
-o-transform:scale(1.5); /* Opera */
}
.icon16x{
transform:scale(1.6);
-ms-transform:scale(1.6); /* IE 9 */
-moz-transform:scale(1.6); /* Firefox */
-webkit-transform:scale(1.6); /* Safari and Chrome */
-o-transform:scale(1.6); /* Opera */
}
.icon18x{
transform:scale(1.8);
-ms-transform:scale(1.8); /* IE 9 */
-moz-transform:scale(1.8); /* Firefox */
-webkit-transform:scale(1.8); /* Safari and Chrome */
-o-transform:scale(1.8); /* Opera */
}
.icon19x{
transform:scale(1.9);
-ms-transform:scale(1.9); /* IE 9 */
-moz-transform:scale(1.9); /* Firefox */
-webkit-transform:scale(1.9); /* Safari and Chrome */
-o-transform:scale(1.9); /* Opera */
}
.icon20x{
transform:scale(2);
-ms-transform:scale(2); /* IE 9 */
-moz-transform:scale(2); /* Firefox */
-webkit-transform:scale(2); /* Safari and Chrome */
-o-transform:scale(2); /* Opera */
}
.icon90deg{
transform: rotate(90deg);
-ms-transform: rotate(90deg); /* IE 9 */
-moz-transform: rotate(90deg); /* Firefox */
-webkit-transform: rotate(90deg); /* Safari and Chrome */
-o-transform: rotate(90deg); /* Opera */
}
.show-tw,
.show-cn,
.show-en{
display: none;
}
.page-tw .show-tw,
.page-cn .show-cn,
.page-en .show-en{
display: block;
}
/* loading 鍥炬爣 */
@-webkit-keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
.ueditor-content{
color: #000;
font-size: 16px;
}
.ueditor-content td,
.ueditor-content th{
padding: 5px 10px;
border: 1px solid #ddd;
}
.ueditor-content p{
margin: auto;
width: 80%;
}
.ueditor-content p:after{
display: block;
content: "clear";
height: 0;
clear: both;
overflow: hidden;
visibility: hidden;
}
.ueditor-content table{
display: table;
}
.ueditor-content .p-full{
width: 100% !important;
}
.ueditor-content img{
max-width: 100%;
}
@media (max-width: 2180px){
.ueditor-content p{
width: 1680px;
}
}
@media (max-width: 1920px){
.ueditor-content p{
width: 1300px;
}
}
@media (max-width: 1680px){
.ueditor-content p{
width: 1130px;
}
}
@media (max-width: 1440px){
.ueditor-content p{
width: 1000px;
}
}
@media (max-width: 1200px){
.ueditor-content p{
width: 1000px;
}
}
@media (max-width: 1000px){
.ueditor-content p{
width: auto;
}
}
/************************PC鐗堝畼缃戞牱寮� start*************************************/
.hc1-container{
width: 95%;
margin-left: auto;
margin-right: auto;
}
.tab-container{
width: 95%;
max-width: 1000px;
margin-left: auto;
margin-right: auto;
}
@media (max-width: 2180px){
html,body{
font-size: 20px;
}
.hc1-container{
width: 1680px;
}
.tab-container {
max-width: 1680px;
}
}
@media (max-width: 1920px){
html,body{
font-size: 18px;
}
.hc1-container{
width: 1530px;
}
.tab-container {
max-width: 1300px;
}
}
@media (max-width: 1680px){
html,body{
font-size: 16px;
}
.hc1-container{
width: 1360px;
}
.tab-container {
max-width: 1130px;
}
}
@media (max-width: 1440px){
html,body{
font-size: 14px;
}
.hc1-container{
width: 1230px;
}
.tab-container {
max-width: 1000px;
}
}
@media (max-width: 1200px){
html,body{
font-size: 14px;
}
.hc1-container{
width: 1150px;
}
.tab-container {
max-width: 1000px;
}
}
@media (max-width: 1150px){
html,body{
font-size: 14px;
}
.hc1-container{
width: 100%;
}
.tab-container {
max-width: 100%;
}
}
.return-top{
position: fixed;
right: 0;
bottom: 10%;
z-index: 10;
cursor: pointer;
opacity: .3;
font-size: 3rem;
}
.return-top:hover{
opacity: 1;
}
.stardand-table{
width: 100%;
font-size: 1.1rem;
}
.stardand-table td{
padding: .5rem 1.5rem;
}
.table-bordered.stardand-table>thead>tr>td, .table-bordered>thead>tr>th {
text-align: center;
padding: .5rem 1.5rem;
border-bottom-width: 1px;
font-weight: normal;
color: #333;
background-color: #d1eafe;
}
.stardand-table.bg-cross>tbody>tr:nth-child(even){
background-color: #f2f9ff;
}
.table-bordered.stardand-table>tbody>tr>td, .table-bordered.stardand-table>tbody>tr>th, .table-bordered.stardand-table>tfoot>tr>td, .table-bordered.stardand-table>tfoot>tr>th, .table-bordered.stardand-table>thead>tr>td, .table-bordered.stardand-table>thead>tr>th {
border: 1px solid #ccc;
}
.submit-icon {
display: inline-block;
width: 8.5rem;
margin: 1.5rem 0;
background-size: 8.5rem auto;
background-position: center center;
background-repeat: no-repeat;
}
.submit-icon .success-icon,
.submit-icon .fail-icon{
display: none
}
.submit-icon.submit-icon-success .success-icon{
width: 100%;
display: block;
}
.submit-icon.submit-icon-fail .fail-icon{
width: 100%;
display: block;
}
.sub-page-nav{
box-shadow: 0 5px 10px -5px #ddd;
position: relative;
}
.sub-page-nav .swiper-wrapper{
-ms-flex-align: stretch;
align-items: stretch;
}
.sub-page-nav .sub-page-link{
color: #666;
text-decoration: none;
text-align: center;
border-bottom: 4px solid transparent;
padding-bottom: .8rem;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
cursor: pointer;
font-size: 1.15rem;
height: auto;
}
.sub-page-nav .sub-page-link.active{
color: #2087ec;
border-bottom: 4px solid #2087ec;
}
.sub-page-nav .sub-page-link:hover{
color: #2087ec;
border-bottom: 4px solid #2087ec;
background-color: #f2f4f6;
}
.sub-page-nav .sub-page-link .link-icon{
margin-top: .4rem;
font-size: 3rem;
}
.sub-page-nav .sub-page-link .tab-icon{
height: 70px;
padding: 4px 0;
position: relative;
}
.sub-page-nav .sub-page-link .tab-icon img{
height: 62px;
position: absolute;
top: 4px;
left: 50%;
display: block;
transform: translateX(-50%);
-ms-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-o-transform: translateX(-50%);
}
.sub-page-nav .sub-page-link .tab-icon img:nth-child(1){
z-index: 10;
}
.sub-page-nav .sub-page-link .tab-icon img:nth-child(2){
z-index: 20;
display: none;
}
.sub-page-nav .sub-page-link.active .tab-icon img:nth-child(2),
.sub-page-nav .sub-page-link:hover .tab-icon img:nth-child(2){
display: block;
}
.sub-page-nav .sub-page-link.active .tab-icon img:nth-child(1),
.sub-page-nav .sub-page-link:hover .tab-icon img:nth-child(1){
display: none;
}
.sub-page-nav .sub-page-link .tab-name{
padding: 0 1rem;
font-size: 1.1rem;
line-height: 1.2;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
}
.sub-page-nav .pro-button-next,
.sub-page-nav .pro-button-prev {
position: absolute;
top: 50%;
margin-top: -1.4rem;
font-size: 2rem;
z-index: 10;
cursor: pointer;
color: #666;
opacity: 1;
outline: none;
}
.sub-page-nav .pro-button-prev {
left: 2.5%;
}
.sub-page-nav .pro-button-next {
right: 2.5%;
}
.sub-page-nav .pro-button-next.swiper-button-disabled,
.sub-page-nav .pro-button-prev.swiper-button-disabled{
display: none;
}
/****************涓嬫媺澶氶��************************/
.multiple-select-input{
border: 1px solid #2087ec;
margin-right: 1.2rem;
position: relative;
max-height: 10rem;
padding: 5px;
cursor: pointer;
}
.multiple-select-input .icon-icon-2{
position: absolute;
right: 1.5rem;
top: 50%;
margin-top: -.7rem;
color: #2087ec;
transform:scale(.9);
-ms-transform:scale(.9); /* IE 9 */
-moz-transform:scale(.9); /* Firefox */
-webkit-transform:scale(.9); /* Safari and Chrome */
-o-transform:scale(.9); /* Opera */
}
.multiple-select-input.open .icon-icon-2{
transform:scale(.9) rotate(180deg);
-ms-transform:scale(.9) rotate(180deg); /* IE 9 */
-moz-transform:scale(.9) rotate(180deg); /* Firefox */
-webkit-transform:scale(.9) rotate(180deg); /* Safari and Chrome */
-o-transform:scale(.9) rotate(180deg); /* Opera */
}
.multiple-select-input .tag-list{
padding: 2px 3rem 2px 1rem;
margin-bottom: -.7rem;
line-height: 2.4rem;
font-size: 1.15rem;
}
.multiple-select-input .tag-list .selected-tag{
font-size: 1.15rem;
padding: 0 1.5rem;
background-color: #e8f5fe;
border-radius: 2rem;
color: #333;
margin-right: 1rem;
margin-bottom: .7rem;
}
.multiple-select-input .tag-options{
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
min-width: 100%;
padding: 0;
margin: 0.4rem 0 0;
color: #575757;
text-align: left;
list-style: none;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #e1e1e1;
border-radius: 4px;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
}
.multiple-select-input.open .tag-options{
display: block;
}
.multiple-select-input .tag-options .checkbox{
line-height: 3.5rem;
font-size: 1.15rem;
margin: 0;
}
.multiple-select-input .tag-options .checkbox:hover{
background-color: #eff6fc;
}
.multiple-select-input .tag-options .checkbox label{
padding-left: 4rem;
}
.multiple-select-input .tag-options .checkbox label::before{
left: 2rem;
}
.multiple-select-btn{
flex: 0 0 10rem;
}
.multiple-select-btn .btn{
display: block;
border-radius: 0;
width: 100%;
line-height: 2.5rem;
font-size: 1.15rem;
background-color: #2087ec;
}
.multiple-select-btn .btn:hover{
background-color: #0d8cf9;
}
.hc1-jumbotron{
margin-top: 80px;
height: 70%;
position: relative;
min-height: 450px;
min-width: 1200px;
overflow: hidden;
}
.hc1-jumbotron>img{
height: 100%;
margin-left: 50%;
transform: translate(-50%,0);
-webkit-transform: translate(-50%,0);
-moz-transform: translate(-50%,0);
-ms-transform: translate(-50%,0);
}
.hc1-jumbotron-100{
margin-top: 80px;
position: relative;
min-height: 25vh;
}
.hc1-jumbotron-100>img{
width: 100%;
}
.hc1-jumbotron-full{
width:100%;
padding-top: 80px;
height:100%;
min-height: 580px;
min-width: 1200px;
position: relative;
overflow: hidden;
}
.hc1-jumbotron-full>img{
min-width:100%;
height: 100%;
margin-left: 50%;
transform: translate(-50%,0);
-webkit-transform: translate(-50%,0);
-moz-transform: translate(-50%,0);
-ms-transform: translate(-50%,0);
}
.slogan-circle-block{
display: inline-block;
width: 100px;
height: 100px;
border-radius: 50%;
background-color: rgba(255, 255, 255, .35);
margin: 0 10px;
text-align: center;
font-size: 20px;
color: #2094f9;
padding: 22px 15px;
}
.hc1-article{
margin: 80px 0;
text-align: center;
}
.hc1-article img{
width: 1000px;
margin: auto;
}
.hc1-article .article-content{
width: 1000px;
margin: auto;
}
.hc1-article p{
text-indent: 2.5rem;
font-size: 18px;
color: #666666;
line-height: 2;
margin: 0;
text-align:justify;
text-justify:inter-ideograph;
}
.hc1-article .title-block {
margin-top: -80px;
}
.hc1-article .title-block .title-text{
font-size: 30px;
}
.text-indent{
text-indent: 0;
}
.bg-blue{
background-color: #e8f5fe;
}
.pt80{
padding-top:80px;
}
.pb80{
padding-bottom:80px;
}
.color-white{
color: #ffffff;
}
.bg-white{
background-color: #ffffff;
}
.form-control{
background-color: #f7f7f7;
}
.form-control:focus{
background-color: #ffffff;
box-shadow: none;
}
.slogan-title .content-title{
font-size: 32px;
letter-spacing: .2rem;
}
.slogan-title .icon-plus{
position: absolute;
left: 11rem;
top: -15px;
font-size: 1.8rem;
opacity: .8
}
.slogan-title .split{
display: inline-block;
width: 2.5rem;
height: 4px;
margin: 20px 0;
opacity: .8
}
.slogan-title .sub-title{
font-size: 1.6rem;
line-height: 1.5;
letter-spacing: .2rem;
}
/*闋儴灏庤埅娆�*/
.site-topbar{
position: fixed;
width: 100%;
z-index: 999;
top: 0;
height: 80px;
line-height: 80px;
background-color: #FFFFFF;
box-shadow: 0 0 3px 1px #aaa;
}
.hc1-logo{
display: inline-block;
}
.hc1-logo img{
display: inline-block;
height: 44px;
}
.site-topbar ul{
margin: 0;
padding: 0;
font-size: 1.15rem;
}
.site-topbar ul>li{
list-style: none;
display: inline-block;
margin-right: 54px;
position: relative;
}
.site-topbar ul>li a{
color: #666666;
text-decoration: none;
}
.site-topbar a:hover,.site-topbar a:active,.site-topbar .active,.site-topbar .active>a{
color: #2087ec !important;
}
.site-topbar ul>li:nth-last-child(2){
margin-right: 0;
}
.site-topbar ul>li:nth-last-child(2) a{
padding-right: 24px;
/*border-right: 1px solid #e5e5e5;*/
}
.site-topbar ul>li:last-child{
margin-right: 0;
}
.site-topbar ul>li:last-child a{
padding-left: 24px;
font-size: 14px;
color: #999999;
}
.site-topbar ul>li>a>img{
vertical-align: middle;
width: 12px;
margin-left: 10px;
}
.site-topbar ul>li>a>.menu-arrow{
display:inline-block;
width: 12px;
height: 12px;
margin-left:10px;
background:url('../img/arrow_down.png');
background-size: cover;
vertical-align: middle;
}
.site-topbar ul>li:hover .menu-arrow{
background:url('../img/arrow_up.png');
}
.site-topbar .nav-sub-menu{
position: absolute;
z-index: 999;
background-color: #FFFFFF;
min-width: 130px;
padding: 15px 0;
border-radius: 5px;
white-space:nowrap;
font-size: 1.15rem;
text-align: center;
top: 80px;
left: 50%;
display: none;
box-shadow: 0 0 5px rgba(0,0,0,0.4);
-ms-transform: translate(-50%,0); /* IE 9 */
-moz-transform: translate(-50%,0); /* Firefox */
-webkit-transform: translate(-50%,0); /* Safari and Chrome */
-o-transform: translate(-50%,0); /* Opera */
}
.site-nav-menu li:hover>.nav-sub-menu{
display: block;
}
.site-topbar .nav-sub-menu .sub-menu-list a{
display: block;
padding: .6rem 1rem;
line-height: normal;
}
.site-topbar .nav-sub-menu .sub-menu-list a:first-child{
padding-top: 0;
}
.site-topbar .nav-sub-menu .sub-menu-list a:last-child{
padding-bottom: 0;
}
.nav-sub-menu .caret-hover{
display: inline-block;
position: absolute;
top: -15px;
left: calc(50% - 0.5rem);
}
.nav-sub-menu .caret-hover:before,
.nav-sub-menu .caret-hover:after{
border: .5rem solid transparent;
border-bottom: .5rem solid #ffffff;
width: 0;
height: 0;
position: absolute;
top: 2px;
content: ' ';
}
.site-topbar .nav-sub-menu.multi-menu .caret-hover{
left: 52%;
}
.nav-sub-menu .caret-hover:before{
border-bottom-color: #ddd;
top: 0;
}
.site-topbar .nav-sub-menu.multi-menu{
left: calc(50% - 2rem);
padding: 1.6rem .5rem;
transform: translate(-50%,0);
-ms-transform: translate(-50%,0); /* IE 9 */
-moz-transform: translate(-50%,0); /* Firefox */
-webkit-transform: translate(-50%,0); /* Safari and Chrome */
-o-transform: translate(-50%,0); /* Opera */
}
.site-topbar .nav-sub-menu.multi-menu .sub-menu-list{
position: relative;
}
.site-topbar .nav-sub-menu.multi-menu .sub-menu-list.split{
border-right: 1px solid #ddd;
}
.site-topbar .nav-sub-menu .sub-sub-menu{
text-align: left;
font-size: 1.1rem;
}
.site-topbar .nav-sub-menu .sub-menu-top{
text-align: left;
font-weight: bold;
color: #333;
}
.site-topbar .nav-sub-menu .sub-menu-top [nav-name]{
display: inline-block;
}
.site-topbar .nav-sub-menu .sub-menu-top [nav-name]:after{
content: "\e61b";
font-family: "hc1iconfont" !important;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
margin-left: .2rem;
font-size: 1rem;
font-weight: normal;
transform: scale(0.8);
-ms-transform: scale(0.8);
-moz-transform: scale(0.8);
-webkit-transform: scale(0.8);
-o-transform: scale(0.8);
}
[lang=en] .site-topbar .nav-sub-menu .sub-menu-top{
white-space: normal
}
.site-topbar .nav-sub-menu.multi-menu .sub-menu-list a:first-child{
padding: 0 1.5rem .3rem 1.5rem;
}
.site-topbar .nav-sub-menu.multi-menu .sub-menu-list a{
padding: .5rem 1.5rem 0 1.5rem;
}
[lang=en] .site-topbar .nav-sub-menu .sub-sub-menu [nav-name]{
display: inline-block;
white-space: normal;
line-height: 1;
max-width: 200px;
}
.site-topbar .nav-sub-menu .sub-menu-top>.icon-icon-8{
margin-left: .2rem;
font-size: 1rem;
font-weight: normal;
transform:scale(0.8);
-ms-transform:scale(0.8);
-moz-transform:scale(0.8);
-webkit-transform:scale(0.8);
-o-transform:scale(0.8);
}
.site-topbar .lang-change{
line-height: normal;
position: relative;
}
.site-topbar .lang-change .select-arrow{
color: #ccc;
}
.site-topbar .lang-change .default-select.open .select-arrow {
color: #2087ec;
}
.site-topbar .lang-change .form-control.form-control-select{
background-color: transparent;
box-shadow: none;
color: #aaa;
border-color: #ddd;
height: 32px;
transition: none;
}
.site-topbar .lang-change .form-control.form-control-select:hover {
border-color: #2087ec;
}
.site-topbar .lang-change .default-select.open .form-control,
.site-topbar .lang-change .default-select .form-control:hover {
color: #2087ec;
border-color: #2087ec;
}
.site-topbar .lang-change .default-select-options ul>li {
margin: 0;
width: 100%;
text-align: center;
font-size: 1rem;
}
.site-topbar .lang-change .default-select .default-select-options{
top: 52px;
border: none;
box-shadow: 0 0 5px rgba(0,0,0,0.4);
}
.site-topbar .lang-change .caret-hover {
}
.site-topbar .lang-change .default-select-options ul>li:hover,
.site-topbar .lang-change .default-select-options ul>li.active {
background-color: transparent;
color: #2087ec !important;
}
.site-topbar .lang-change .default-select-options:before,
.site-topbar .lang-change .default-select-options:after{
border: .5rem solid transparent;
border-bottom: .5rem solid #ffffff;
width: 0;
height: 0;
position: absolute;
content: ' ';
top: -13px;
left: 50%;
margin-left: -5px;
z-index: 9999;
}
.site-topbar .lang-change .default-select-options:before{
border-bottom-color: #ddd;
top: -15px;
}
/*搴曢儴妯ｅ紡*/
.page-footer{
background-color: #e5e9ed;
}
.page-footer .hc1-container{
padding: 3rem 5%;
}
.page-footer .page-footer-left{
-ms-flex: 0 0 55%;
flex: 0 0 55%;
max-width: 55%;
border-right: 1px solid #ccc;
}
.page-footer .page-footer-right{
-ms-flex: 0 0 33%;
flex: 0 0 33%;
max-width: 33%;
}
.page-footer .page-footer-right a{
cursor: pointer;
color: #666;
text-decoration: none;
}
.page-footer .page-footer-right a:hover{
color: #2087ec !important;
}
.page-footer .page-footer-title{
font-size: 1.2rem;
color: #000;
}
.page-footer .page-footer-title:after{
content:'';
display: block;
width: 1.5rem;
height: .1rem;
background-color: #666;
margin: 1rem 0;
opacity: .3;
}
.page-footer .page-footer-link{
cursor: pointer;
font-size: 1.1rem;
color: #666;
text-decoration: none;
display: block;
margin-bottom: .8rem;
line-height: 1;
}
.page-footer .page-footer-link:hover{
color: #2087ec !important;
}
.index-footer{
min-height: 40px;
padding: 10px;
background-image: url("../img/footer_bg.png");
background-size: cover;
text-align: center;
color: #FFFFFF;
}
.index-footer span{
color: #FFFFFF;
}
/*棣栭爜妯ｅ紡*/
.index-banner{
width:100%;
position: relative;
overflow: hidden;
min-height: 35vw;
}
.index-banner>img{
width: 100%;
}
#banner1_news_link{
display: block;
text-align: center;
margin-top: 20px;
background: -webkit-linear-gradient(left, #3ed980 , #2093f8);
background: -o-linear-gradient(right, #3ed980, #2093f8);
background: -moz-linear-gradient(right, #3ed980, #2093f8);
background: linear-gradient(to right, #3ed980 , #2093f8);
border-radius: 1.25rem;
height: 2.5rem;
line-height: 2.5rem;
color: #ffffff;
padding: 0 10px 0 18px;
font-size: 1rem;
cursor: pointer;
letter-spacing: 1px;
text-decoration: none;
}
#banner1_news_link:hover{
background: -webkit-linear-gradient(left, #42ea8a , #3aa0f9);
background: -o-linear-gradient(right, #42ea8a, #3aa0f9);
background: -moz-linear-gradient(right, #42ea8a, #3aa0f9);
background: linear-gradient(to right, #42ea8a , #3aa0f9);
}
.btn-banner,.btn-banner:active,.btn-banner:focus{
border-radius: 20px;
border: 1px solid #259de7;
color: #259de7;
background: transparent;
padding: 6px 20px;
font-size: 1.15rem;
outline: none !important;
}
.btn-banner:hover{
background-color: #259de7;
color: #fff;
}
#pas_banners .btn-banner{
font-size: 1.2rem;
font-weight: bold;
border-radius: 2rem;
padding: .6rem 1.6rem;
text-decoration: none;
letter-spacing: 2px;
}
.swiper-container .hc1-jumbotron-full{
padding-top: 0;
position: relative;
}
.swiper-banner {
margin-top: 80px;
width: 100%;
text-align: center;
min-height: 35vw;
}
.center-absolute{
left: 50%;
transform: translate(-50%,0);
-webkit-transform: translate(-50%,0);
-moz-transform: translate(-50%,0);
-ms-transform: translate(-50%,0);
}
/* .swiper-slide img{
height: 100%;
margin-left: 50%;
transform: translate(-50%,0);
-webkit-transform: translate(-50%,0);
-moz-transform: translate(-50%,0);
-ms-transform: translate(-50%,0);
} */
.my-bullet{
width: 8px;
height: 8px;
display: inline-block;
border-radius: 4px;
background: rgba(0, 0, 0, .2);
margin: 0 10px;
opacity: .6;
}
.my-bullet-active{
background: #259de7;
opacity: 1;
}
#product_service{
background-color: #FFFFFF;
width: 100%;
}
.title-block{
margin-top: 80px;
text-align: center;
}
.title-block .title-text{
font-size: 2.5rem;
color: #333333;
}
.title-block .split{
display: inline-block;
width: 36px;
height: 4px;
background-color: #2087ec;
margin: 26px 0;
}
.title-block .sub-title{
color: #333;
text-align: center;
font-size: 22px;
}
#product_service .pro-banner-block{
padding: 4rem 8% 4rem 8%
}
#product_service .pro-logo{
text-align: center;
padding: 0 1.5rem;
}
#product_service .pro-logo .pro-wise-medical{
display: inline-block;
background: url("../img/qt_25.png");
background-size: 100% 100%;
width: 12rem;
height: 12rem;
position: relative;
}
#product_service .pro-logo.active .pro-wise-medical,
#product_service .pro-logo:hover .pro-wise-medical{
display: inline-block;
background: url("../img/qt_22.png");
background-size: 100% 100%;
width: 12rem;
height: 12rem;
position: relative;
}
#product_service .pro-logo .pro-cloud-medical{
display: inline-block;
background: url("../img/qt_26.png");
background-size: 100%;
width: 12rem;
height: 12rem;
position: relative;
}
#product_service .pro-logo.active .pro-cloud-medical,
#product_service .pro-logo:hover .pro-cloud-medical{
display: inline-block;
background: url("../img/qt_23.png");
background-size: 100%;
width: 12rem;
height: 12rem;
position: relative;
}
#product_service .pro-logo .pro-precision-medical{
display: inline-block;
background: url("../img/qt_27.png");
background-size: 100%;
width: 12rem;
height: 12rem;
position: relative;
}
#product_service .pro-logo.active .pro-precision-medical,
#product_service .pro-logo:hover .pro-precision-medical{
display: inline-block;
background: url("../img/qt_24.png");
background-size: 100%;
width: 12rem;
height: 12rem;
position: relative;
}
#product_service .pro-logo .pro-smart-health{
display: inline-block;
background: url("../img/qt_41.jpg");
background-size: 100%;
width: 12rem;
height: 12rem;
position: relative;
}
#product_service .pro-logo.active .pro-smart-health,
#product_service .pro-logo:hover .pro-smart-health{
display: inline-block;
background: url("../img/qt_42.jpg");
background-size: 100%;
width: 12rem;
height: 12rem;
position: relative;
}
#product_service .pro-logo .pro-name{
font-size: 1.5rem;
color: #333;
margin-top: 1rem;
}
#product_service .pro-logo.active .pro-name,
#product_service .pro-logo:hover .pro-name{
color: #333;
}
.swiper-product{
width: 100%;
text-align: center;
overflow: hidden;
}
.swiper-product .content-title{
font-size: 2.2rem;
letter-spacing: 2px;
position: relative;
font-weight: bold;
}
.swiper-product .content-text{
color: #ffffff;
font-size: 1.2rem;
text-align:justify;
text-justify:inter-ideograph;
line-height: 2;
font-weight: bold;
}
.swiper-product .icon-plus{
position: absolute;
left: 11rem;
top: -1rem;
font-size: 1.8rem;
opacity: .8;
}
.swiper-product .split{
display: inline-block;
width: 3rem;
height: 3px;
margin: 1.2rem 0;
opacity: .8;
background-color: #ffffff;
}
.swiper-product .sub-title{
font-size: 20px;
line-height: 1.5;
letter-spacing: 2px;
}
.swiper-product .slogan-title{
position: absolute;
left: 12%;
top:16%;
text-align: left;
width: 40%;
}
.swiper-product .btn-link{
font-size: 1.2rem;
border: 1px solid #ffffff;
border-radius: 2rem;
color: #ffffff;
padding: .6rem 1.6rem;
text-decoration: none;
font-weight: bold;
letter-spacing: 2px;
}
.swiper-product .btn-link:hover{
background-color: #ffffff;
color: #2087ec;
text-decoration: none;
}
.swiper-product .btn-link-dark{
font-size: 1.2rem;
border: none;
border-radius: 2rem;
color: #333;
padding: .6rem 1.6rem;
text-decoration: none;
font-weight: bold;
background-color: rgba(255, 255, 255, .5);
letter-spacing: 2px;
}
.swiper-product .btn-link-dark:hover{
background-color: #a081fa;
color: #ffffff;
text-decoration: none;
}
.pro-button-next, .pro-button-prev {
position: absolute;
top: 43%;
font-size: 3rem;
margin-top: -2rem;
z-index: 10;
cursor: pointer;
color: #ffffff;
opacity: .5;
}
.pro-button-next:hover, .pro-button-prev:hover{
opacity: 1;
}
.pro-button-prev {
left: 3%;
}
.pro-button-next{
right: 3%;
}
.pro-button-prev.swiper-button-disabled, .pro-button-next.swiper-button-disabled {
opacity: .5;
cursor: auto;
pointer-events: none;
}
.pro-list{
margin-top: 26px;
text-align: center;
}
.pro-list .pro-grid{
height: 450px;
padding: 0 !important;
}
.pro-list .pro-grid .pro-content{
position: relative;
width: 360px;
height: 100%;
margin: 0 auto;
padding: 5px;
}
.pro-list .pro-grid .pro-content .pro-A{
position: absolute;
width: 100%;
top: 50%;
margin-top: -118px;
opacity: 1;
transition: opacity 0.1s;
-moz-transition: opacity 0.1s;
-webkit-transition: opacity 0.1s;
-o-transition: opacity 0.1s;
}
.pro-list .pro-grid .pro-content:hover .pro-A{
opacity: 0;
z-index: 100;
}
.pro-list .pro-grid .pro-content .pro-B{
position: absolute;
width: 100%;
height: 100%;
padding: 25px 20px;
opacity: 0;
transition: opacity 0.1s;
-moz-transition: opacity 0.1s;
-webkit-transition: opacity 0.1s;
-o-transition: opacity 0.1s;
}
.pro-list .pro-grid .pro-content:hover .pro-B{
padding: 25px 20px;
opacity: 1;
z-index: 110;
}
.pro-list .pro-grid:nth-child(1) .pro-content:hover .pro-B{
background: url("../img/pic_green_frame.png");
background-size: cover;
}
.pro-list .pro-grid:nth-child(2) .pro-content:hover .pro-B{
background: url("../img/pic_blue_frame.png");
background-size: cover;
}
.pro-list .pro-grid:nth-child(3) .pro-content:hover .pro-B{
background: url("../img/pic_purple_frame.png");
background-size: cover;
}
.pro-list .pro-grid .pro-content .pro-B p{
font-size: 16px;
text-align:justify;
text-justify:inter-ideograph;
line-height: 1.8;
color: #666666;
margin: 0;
padding: 0;
}
.pro-list .pro-icon{
width: 180px;
height: 180px;
}
.pro-list .pro-name{
font-size: 24px;
color: #666666;
margin-top: 28px;
}
.pro-B .pro-link{
position: absolute;
bottom: 30px;
text-align: center;
width: 250px;
left: 50%;
margin-left:-125px;
}
.pro-B .pro-link a{
font-size: 16px;
height: 36px;
line-height: 36px;
border: 1px solid transparent;
border-radius: 18px;
display: block;
margin-top: 20px;
padding: 0 20px;
text-decoration: none;
color: #666666;
}
.pro-list .pro-grid:nth-child(1) .pro-link a{
border: 1px solid #24d394;
}
.pro-list .pro-grid:nth-child(2) .pro-link a{
border: 1px solid #14b7f4;
}
.pro-list .pro-grid:nth-child(3) .pro-link a{
border: 1px solid #a98cff;
}
.pro-list .pro-grid:nth-child(1) .pro-link a:hover,.pro-list .pro-grid:nth-child(1) .pro-link a:focus{
background-color: #24d394;
color: #ffffff;
}
.pro-list .pro-grid:nth-child(2) .pro-link a:hover,.pro-list .pro-grid:nth-child(2) .pro-link a:focus{
background-color: #14b7f4;
color: #ffffff;
}
.pro-list .pro-grid:nth-child(3) .pro-link a:hover,.pro-list .pro-grid:nth-child(3) .pro-link a:focus{
background-color: #a98cff;
color: #ffffff;
}
#last_news{
background-color: #ffffff;
width: 100%;
}
.news-list{
padding: 25px 15px;
max-width: 1080px;
margin: auto;
}
.news-row{
cursor: pointer;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: start;
justify-content: flex-start;
}
.news-row .news-left{
padding-top: 20px;
padding-bottom: 20px;
padding-right: 3rem;
text-align: right;
color: #999999;
float: left;
}
.news-row.active .news-left,.news-row:hover .news-left{
color:#2087ec;
}
.news-time{
height: 100px;
min-width: 5rem;
}
.news-time .time-date{
font-size: 1.8rem;
white-space: nowrap;
}
[lang=en] .news-time .time-date{
width: 10rem;
}
.news-time .time-year{
font-size: 1.4rem;
}
.news-row .news-center{
float: left;
padding: 1.5rem 0;
border-left: 1px solid #dbdbdb;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.news-row.new-row-plain .news-center{
border-left: none;
}
.news-text{
padding-left: 3rem;
margin-left: -1px;
border-left: 2px solid transparent;
float: left;
width: 75%
}
.news-row.active .news-text,.news-row:hover .news-text{
border-left: 2px solid #2087ec;
color: #2087ec !important;
}
.news-row.new-row-plain.active .news-text,.news-row.new-row-plain:hover .news-text{
border-left: 2px solid transparent;
}
.news-text .news-title{
font-size: 1.6rem;
color: #333333;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
line-height: 1.4;
word-break: break-word;
}
.news-row:hover .news-text .news-title{
color: #2087ec !important;
}
.news-text .news-sub-title{
font-size: 1.15rem;
color: #999999;
margin-top: 1rem;
margin-bottom: 1rem;
text-align:justify;
text-justify:inter-ideograph;
}
.news-row:hover .news-text .news-sub-title{
color: #2087ec !important;
}
.news-row .news-right{
float: right;
width: 25%;
position: relative;
padding-left: 3rem;
}
.news-row .news-right img{
width:100%;
}
.news-row:hover .news-text{
color: #2087ec !important;
}
.more-news{
color: #666;
text-decoration: none;
}
.more-news:hover{
color: #2087ec !important;
text-decoration: none;
}
/*璩囪▕瑭虫儏*/
.news-content{
margin-top: 80px;
background-color: white;
letter-spacing: 1px;
}
.news-content .hc1-container {
width: auto;
max-width: 1230px;
margin-left: auto;
margin-right: auto;
}
.news-content h4{
letter-spacing: 2px;
}
.news-content .news-content-title{
font-size: 2.2rem;
color: #000000;
padding-top: 86px;
text-align: center;
width: 80%;
margin: auto;
line-height: 1.5;
}
.news-content .news-content-time{
font-size: 1.4rem;
color: #999999;
margin-top: 38px;
text-align: center;
margin-bottom: 30px;
}
.news-content .news-content-img img,
.news-content .news-content-main img{
max-width: 100% !important;
width: 100%;
margin: auto;
}
.news-content .news-content-main{
width: 85%;
margin: 50px auto;
font-size: 1.15rem;
color: #666666;
line-height: 2.5;
}
.news-content .news-content-main p,
.news-content .news-content-main span,
.news-content .news-content-main font{
text-align: justify;
word-break: break-word;
}
.news-content-main iframe{
width: 100%;
height: 54vw;
max-width: 800px;
max-height: 450px;
}
.news-content .news-content-text,
.news-content p,
.news-content span{
margin: 15px 0;
font-size: 1.15rem;
font-family: Arial, Helvetica, sans-serif;
color: #666666;
line-height: 2.5;
text-align: justify;
word-break: break-all;
}
.news-content .news-content-main a{
text-decoration: underline;
}
.news-content .news-content-img{
width: 100%;
margin: 20px auto;
}
.news-content .circle-li{
display: inline-block;
width: .6rem;
height: .6rem;
border-radius: .3rem;
background-color: #666;
}
/*关于我们*/
#about_us{
margin-top: 2rem;
margin-bottom: 2rem;
}
#about_us_nav .sub-page-link{
-ms-flex: 0 0 15%;
flex: 0 0 15%;
max-width: 15%;
}
#about_us .patents-item{
display: flex;
align-items: center;
}
#about_us .patents-item::before{
content: "";
display: inline-block;
width: 8px;
height: 8px;
border-radius: 50%;
background-color: #333333;
margin-right: 10px;
}
#about_us .right-content{
padding: 10px 40px;
}
#about_us .right-content p{
font-size: 1.15rem;
color: #666666;
line-height: 2;
text-align:justify;
text-justify:inter-ideograph;
margin-bottom: 1.5rem;
letter-spacing: 1px;
}
#about_us .right-content .event-link:hover p,
#about_us .right-content .event-link:focus p{
color: #2087ec;
cursor: pointer;
}
#about_us .right-content .right-content-block {
padding: 0 10%;
}
#about_us .right-content .right-content-block table {
margin-top:20px;
}
#about_us .right-content .right-content-block table tr td {
font-size: 18px;
color: #666666;
line-height: 1.5;
text-align:justify;
text-justify:inter-ideograph;
border:1px solid #666666;
}
#about_us .right-content .right-content-block table tr td:first-child {
width: 185px;
text-align:center;
}
#about_us .right-content .right-content-block table tr td:last-child {
padding: 10px 20px;
}
/*鏅烘収鍖荤枟*/
#wise_medical_nav .sub-page-link{
-ms-flex: 0 0 50%;
flex: 0 0 20%;
max-width: 20%;
}
#wise_medical_content .video-block{
margin-top: 6rem;
text-align: center;
}
#wise_medical_content .content-block{
margin-top: 5rem;
letter-spacing: 1px;
}
#wise_medical_content .content-title{
color: #333;
font-size: 1.5rem;
position: relative;
padding-left: 1rem;
font-weight: bold;
margin-bottom: 1.8rem;
}
#wise_medical_content .content-title:before{
content: '';
display: inline-block;
position: absolute;
width: .3rem;
height: 1.6rem;
top: 50%;
left: 0;
margin-top: -.7rem;
background-color: #2087ec;
}
#wise_medical_content .content-text{
position: relative;
padding: 0 1.2rem;
font-size: 1.15rem;
color: #666666;
line-height: 2;
}
#wise_medical_content .circle-li{
font-size: 1.15rem;
margin-bottom: 1.5rem;
}
#wise_medical_content .circle-li:before{
content:'';
display: inline-block;
width: .6rem;
height: .6rem;
border-radius: 50%;
background-color: #666;
margin-right: 1rem;
}
#wise_medical_content .device-doc{
padding: 0 1.2rem;
line-height: 2;
font-size: 1.15rem;
}
#wise_medical_content .device-doc .doc-label{
-ms-flex: 0 0 7.5rem;
flex: 0 0 7.5rem;
max-width: 7.5rem;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
margin-right: .5rem;
}
#wise_medical_content .device-doc .doc-text{
text-align:justify;
letter-spacing: 1px;
}
.wise-medical .video-block{
margin-top: 80px;
text-align: center;
}
.wise-medical .pro-link{
margin-top: 10px;
margin-bottom: 20px;
}
.wise-medical .pro-link a{
font-size: 18px;
width: 30%;
margin :0 1%;
height: 60px;
line-height: 60px;
border: 1px solid #24d394;
border-radius: 30px;
display: inline-block;
padding: 0 20px;
text-decoration: none;
color: #666;
}
.wise-medical .pro-link a:hover{
background-color: #24d394;
color: #ffffff;
}
.wise-medical .image-grid{
text-align: center;
}
.wise-medical .image-grid img{
width: 100%;
}
.wise-medical .image-grid .image-name{
font-size: 16px;
margin: 20px 0;
}
.wise-medical-pro{
margin-top: 40px;
margin-bottom: 50px;
}
.wise-medical-pro .left-menu{
padding: 10px 40px 10px 0;
float: left;
border-right: 1px solid #dbdbdb;
}
.wise-medical-pro .left-menu ul{
width: 240px;
margin: 0;
padding: 0;
}
.wise-medical-pro .left-menu ul>li{
list-style: none;
height: 70px;
line-height: 70px;
color: #666666;
font-size: 18px;
border-left: 4px solid transparent;
background-color: #efefef;
padding-left: 25px;
padding-right: 20px;
margin-bottom: 2px;
cursor: pointer;
}
.wise-medical-pro .left-menu ul>li:hover,.wise-medical-pro .left-menu ul>li.active{
border-left: 4px solid #2087ec;
background-color: #DDDDDD;
color: #333333;
}
.wise-medical-pro .right-content{
padding: 10px 40px;
margin-left: 280px;
border-left: 1px solid #dbdbdb;
}
.wise-medical-pro .right-content p{
font-size: 18px;
color: #666666;
line-height: 2;
text-indent: 2.5rem;
letter-spacing: 1px;
text-align:justify;
text-justify:inter-ideograph;
}
.wise-medical-pro #content_2 p{
text-indent: 0;
}
.wise-medical-pro .right-content .right-content-block{
display: none;
}
.wise-medical-pro .right-content ul{
margin: 0;
padding-left: 2rem;
}
.wise-medical-pro .right-content ul>li{
list-style: none;
color: #666;
font-size: 18px;
text-align: left;
line-height: 36px;
}
.wise-medical-pro .right-content ul .li-dot {
display: inline-block;
width: 8px;
height: 8px;
background-color: #666;
border-radius: 50%;
float: left;
margin-top: 14px;
}
.wise-medical-pro .right-content ul .li-content{
margin-left: 20px;
}
/*闆茬鍖荤枟*/
#cloud_medical_nav .sub-page-link{
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
#cloud_medical_content .content-text{
position: relative;
padding: 0 1.2rem;
font-size: 1.15rem;
color: #666666;
line-height: 2;
}
#APP_content .content-block{
padding: 0 2rem;
margin-top: 3rem;
letter-spacing: 1px;
}
#APP_content .content-title{
color: #333;
font-size: 1.5rem;
position: relative;
padding-left: 1rem;
font-weight: bold;
margin-bottom: 1.8rem;
}
#APP_content .content-title:before{
content: '';
display: inline-block;
position: absolute;
width: .3rem;
height: 1.6rem;
top: 50%;
left: 0;
margin-top: -.8rem;
background-color: #2087ec;
}
#APP_content .content-text{
position: relative;
padding: 0 1.2rem;
font-size: 1.15rem;
color: #666666;
line-height: 2;
}
#APP_content td{
width: 50%;
padding-left: 6rem;
}
.app-introduce{
width: 100%;
min-width: 1200px;
padding: 3rem 0;
}
.app-introduce:nth-child(odd){
background-color: #f2f6fa;
}
.app-introduce:nth-child(even){
background-color: #dbeff8;
}
.app-introduce .right-text{
-ms-flex: 0 0 35%;
flex: 0 0 35%;
max-width: 35%;
}
.app-introduce .left-text{
/* -ms-flex: 0 0 35%;
flex: 0 0 35%;
max-width: 35%; */
}
.app-introduce .content-title{
color: #000000;
font-size: 2.1rem;
letter-spacing: 2px;
}
.app-introduce .split{
display: inline-block;
width: 32px;
height: 4px;
background-color: #2087ec;
margin: 15px 0;
}
.app-introduce .sub-title{
font-size: 1.3rem;
color: #888;
line-height: 1.5;
letter-spacing: 2px;
}
.introduce-block{
display: -ms-flexbox;
display: flex !important;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: start;
align-items: flex-start;
height: 100%;
}
#app_introduce_1 .left-image{
-ms-flex: 0 0 55%;
flex: 0 0 55%;
max-width: 55%;
}
#app_introduce_1 .left-image img:nth-child(1){
height: 100%;
}
#app_introduce_1 .left-image img:nth-child(2){
position: absolute;
top: 31%;
left: 7%;
height: 50%;
}
#app_introduce_2{
}
#app_introduce_2 .right-image{
margin-right: -4rem;
transform:scale(1.2);
-ms-transform:scale(1.2); /* IE 9 */
-moz-transform:scale(1.2); /* Firefox */
-webkit-transform:scale(1.2); /* Safari and Chrome */
-o-transform:scale(1.2); /* Opera */
}
#app_introduce_3 .left-image{
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
transform:scale(1.2);
-ms-transform:scale(1.2); /* IE 9 */
-moz-transform:scale(1.2); /* Firefox */
-webkit-transform:scale(1.2); /* Safari and Chrome */
-o-transform:scale(1.2); /* Opera */
}
#app_introduce_4 .right-image{
-ms-flex: 0 0 38%;
flex: 0 0 38%;
max-width: 38%;
transform:scale(1.2);
-ms-transform:scale(1.2); /* IE 9 */
-moz-transform:scale(1.2); /* Firefox */
-webkit-transform:scale(1.2); /* Safari and Chrome */
-o-transform:scale(1.2); /* Opera */
}
#app_introduce_5 .index-footer{
position: absolute;
width: 100%;
top: 100%;
}
#app_introduce_5 .left-image{
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
transform:scale(1.2);
-ms-transform:scale(1.2); /* IE 9 */
-moz-transform:scale(1.2); /* Firefox */
-webkit-transform:scale(1.2); /* Safari and Chrome */
-o-transform:scale(1.2); /* Opera */
}
#app_introduce_6 .right-image{
-ms-flex: 0 0 45%;
flex: 0 0 45%;
max-width: 45%;
}
/*鍏ㄥ瀹濈敓鐞嗛噺娓郴缁�*/
.block-split{
height: 10px;
background-color: #e5e5e5;
margin: 0 -15px;
}
/* 鐩稿唺 */
.mio-thumbs {
position: relative;
}
.mio-thumbs .thumbs-view{
border: 1px solid #e5e5e5;
margin: 1.5rem 0;
position: relative;
}
.mio-thumbs .sales-mark{
position: absolute;
text-align: center;
font-size: 1.4rem;
font-weight: normal;
letter-spacing: 1px;
line-height: 3rem;
max-width: 50%;
padding: 0 1rem;
border-radius: 0 0 0 5px;
white-space: nowrap;
overflow: hidden;
top: 0;
right: 0;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
z-index: 99;
color: #fff;
background-color: #ef0001;
}
.mio-thumbs .thumbs-nav{
padding: 0 4rem;
position: relative;
}
.mio-thumbs .swiper-slide img{
display: block;
}
.mio-thumbs .swiper-slide .play-icon{
position: absolute;
top: 50%;
left: 50%;
color: #ffffff;
width: 22%;
transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%); /* IE 9 */
-moz-transform: translate(-50%,-50%); /* Firefox */
-webkit-transform: translate(-50%,-50%); /* Safari and Chrome */
-o-transform: translate(-50%,-50%); /* Opera */
}
.mio-thumbs .thumbs-list .swiper-slide .play-icon{
width: 30%;
}
.mio-thumbs .thumbs-list .swiper-slide{
border: 1px solid #e5e5e5;
cursor: pointer;
}
.mio-name{
margin: 1rem 0 1rem 0;
font-size: 1.6rem;
color: #333;
font-weight: bold;
}
.price-box{
background-color: #f7f7f7;
padding: .5rem 1rem;
}
#cloud_devices_content .thumbs-nav .thumbs-button-next,
#cloud_devices_content .thumbs-nav .thumbs-button-prev {
color: #cfcfcf;
position: absolute;
top: 50%;
font-size: 3rem;
margin-top: -2rem;
outline: none;
opacity: 1;
}
#cloud_devices_content .thumbs-nav .thumbs-button-next {
right: 0;
}
#cloud_devices_content .thumbs-nav .thumbs-button-prev {
left: 0;
}
#cloud_devices_content .block-title {
padding-left: 10px;
font-size: 1.5rem;
color: #333;
font-weight: bold;
position: relative;
}
#cloud_devices_content .block-title:before{
content:'';
position: absolute;
height: 1.6rem;
top: 50%;
margin-top: -.8rem;
left: 0;
width: 4px;
background-color: #2087ec;
}
.pro-tab-nav{
text-align: center;
font-size: 1.2rem;
color: #797979;
line-height: 60px;
cursor: pointer;
border-bottom: 2px solid #EEEEEE;
}
.pro-tab-nav.active{
color: #000000;
border-bottom: 3px solid #2087ec;
}
.pro-tab{
padding-bottom: 1.5rem;
letter-spacing: 1px;
font-size: 1.1rem;
}
.input-block .want-buy{
display: block;
}
.input-block .want-try{
display: none;
}
.input-block.show-try .want-buy{
display: none;
}
.input-block.show-try .want-try{
display: block;
}
.pro-tab .block-tip{
font-size: 1rem;
color: #999999;
margin-top: 1rem;
padding-left: 1.5rem;
}
#cloud_devices_content .want-buy .block-title{
font-size: 1.3rem;
}
.pro-tab .input-row{
margin: 1.2rem 0;
}
.pro-tab .input-row .input-label{
-ms-flex: 0 0 8rem;
flex: 0 0 8rem;
max-width: 8rem;
text-align: right;
margin-right: 5px;
}
.pro-tab .input-row .custom-input{
position: relative;
}
.pro-tab .input-row .custom-input .areaCode{
position: absolute;
width: 5rem;
height: 2rem;
margin: 0.4rem 0;
padding: .2rem .5rem .2rem 1rem;
font-size: 1.1rem;
border-right: 1px solid #cfcfcf;
text-wrap: nowrap;
text-align: center;
}
.pro-tab .input-row .custom-input .form-control {
height: 2.8rem;
padding: .6rem 1rem;
font-size: 1.1rem;
border-radius: 1.3rem;
color: #000000;
-webkit-box-shadow: none;
box-shadow: none;
}
.pro-tab .buy-num-input{
-ms-flex: 1 1 auto;
flex: 1 1 auto;
display: -ms-flexbox !important;
display: flex !important;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-align: center !important;
align-items: center !important;
}
.pro-tab .buy-num-input .form-control{
width: 5rem;
height: 2.8rem;
line-height: 2.8rem;
font-size: 1.1rem;
border-radius: 0;
color: #000000;
-webkit-box-shadow: none;
box-shadow: none;
text-align: center;
}
.pro-tab .buy-num-input .sub-btn,
.pro-tab .buy-num-input .add-btn{
font-size: 1rem;
height: 2.8rem;
background-color: #f7f7f7;
border: 1px solid #ccc;
width: 2.5rem;
text-align: center;
line-height: 2.8rem;
user-select: none;
}
.pro-tab .buy-num-input .sub-btn:active,
.pro-tab .buy-num-input .add-btn:active{
background-color: #ddd;
}
.pro-tab .buy-num-input .sub-btn{
border-right: none;
border-radius: 50% 0 0 50%;
cursor: pointer;
}
.pro-tab .buy-num-input .add-btn{
border-left: none;
border-radius: 0 50% 50% 0;
cursor: pointer;
}
.pro-tab .buy-num-input .sub-btn span{
display: inline-block;
transform: scaleX(1.4);
-ms-transform: scaleX(1.4); /* IE 9 */
-moz-transform: scaleX(1.4); /* Firefox */
-webkit-transform: scaleX(1.4); /* Safari and Chrome */
-o-transform: scaleX(1.4); /* Opera */
}
.pro-tab .buy-num-input .add-btn span{
display: inline-block;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
-ms-transform: rotate(45deg); /* IE 9 */
-moz-transform: rotate(45deg); /* Firefox */
-o-transform: rotate(45deg); /* Opera */
}
.pro-tab .want-buy-btn,
.pro-tab .want-try-btn,
.pro-tab .outsitelink{
margin: 1rem 0;
height: 2.8rem;
line-height: 2.8rem;
padding: 0 1.5rem;
width: 15rem;
border-radius: 1.5rem;
border: 1px solid #2087ec;
color: #2087ec;
background-color: white;
outline: none;
display: inline-block;
text-align: center;
}
.pro-tab .want-buy-btn:active,
.pro-tab .want-try-btn:active,
.pro-tab .outsitelink:active{
color: #ffffff;
background-color: #2087ec;
}
.related-link{
margin: 0;
padding: 20px;
background-color: #f1f1f1;
}
.related-video{
padding: 0;
}
#cloud_devices_content .detail-content img{
max-width: 100% !important;
}
@media (min-width: 1200px){
#cloud_devices_content .detail-content img {
width: 100%;
}
}
.app-download{
background-color: #eaf7fd;
padding: 1rem 15%;
}
.app-download .iOS-download,
.app-download .android-download{
display: block;
margin: 1.5rem 0;
}
.package-btn,.spec-btn{
border: 1px solid #cfcfcf;
color: #333;
width: 20rem;
font-size: 1.4rem;
font-weight: bold;
padding: 1rem 0;
margin: 2rem 2rem;
background-color: #fff;
text-align: center;
outline: none;
cursor: pointer;
}
.package-btn:active,
.spec-btn:active{
background-color: #f1f1f1;
}
#cloud_devices_content .pro-service-bar.wrap-full{
width: auto;
}
.cg-list .cg-name{
padding: 0 10px;
line-height: 1.3;
font-size: 1.05rem;
overflow: hidden;
margin-bottom: -.2rem;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
}
.content-modal .modal-dialog{
height: 75vh;
margin: 0 15px;;
margin-top: 30vh;
background-color: #ffffff;
border-radius: 5px;
position: relative;
}
.content-modal.modal{
margin-top: 0;
overflow: visible;
}
.content-modal .modal-close{
position: absolute;
font-size: 1.8rem;
top: 5px;
right: 10px;
z-index: 10;
cursor: pointer;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
-ms-transform: rotate(45deg); /* IE 9 */
-moz-transform: rotate(45deg); /* Firefox */
-o-transform: rotate(45deg); /* Opera */
}
.content-modal .modal-close:hover{
color: #2087ec;
}
.content-modal .modal-head{
text-align: center;
font-size: 1.6rem;
color: #333;
padding: 1.5rem 0 1rem 0;
}
.content-modal .modal-body{
height: calc(75vh - 70px);
overflow-y: auto;
padding: 10px;
font-size: 1.15rem !important;
line-height: 1.8 !important;
}
.content-modal .modal-body span,
.content-modal .modal-body p,
.content-modal .modal-body font{
font-size: 1.15rem !important;
line-height: 1.8 !important;
}
#buy_tip_modal.content-modal .modal-body{padding: 2rem;}
#buy_tip_modal.content-modal .modal-body,
#buy_tip_modal.content-modal .modal-dialog{
height: auto;
}
.content-modal .modal-body-content{
padding: 0 2rem;
}
.material-box{
padding: 2rem;
}
#cloud_devices_nav .sub-page-link{
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
.sub-page-nav #cloud_devices_nav .sub-page-link{
-ms-flex: none;
flex: none;
max-width: 20%;
}
#cloud_devices_nav.sub-page-nav .sub-page-link{
padding-bottom: .6rem;
font-size: 1.1rem;
}
#cloud_devices_nav .iconyldgw26{
transform: scale(1.5) translateY(.5rem);
-ms-transform: scale(1.5) translateY(.5rem);
-moz-transform: scale(1.5) translateY(.5rem);
-webkit-transform: scale(1.5) translateY(.5rem);
-o-transform: scale(1.5) translateY(.5rem);
}
#cloud_devices_nav .iconyldgw7{
transform: scale(1.5) translateY(.3rem);
-ms-transform: scale(1.5) translateY(.3rem);
-moz-transform: scale(1.5) translateY(.3rem);
-webkit-transform: scale(1.5) translateY(.3rem);
-o-transform: scale(1.5) translateY(.3rem);
}
#cloud_devices_nav .iconyldgw24{
transform: scale(1.6) translateY(.2rem);
-ms-transform: scale(1.6) translateY(.2rem);
-moz-transform: scale(1.6) translateY(.2rem);
-webkit-transform: scale(1.6) translateY(.2rem);
-o-transform: scale(1.6) translateY(.2rem);
}
#cloud_devices_content .device-doc{
padding-left: 2rem;
line-height: 2;
font-size: 1.15rem;
}
#cloud_devices_content.cloud-devices-cg .device-doc{
line-height: 2.1;
}
#cloud_devices_content .device-doc .doc-label{
-ms-flex: 0 0 8.2rem;
flex: 0 0 8.2rem;
max-width: 8.2rem;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
margin-right: .5rem;
}
#cloud_devices_content .device-doc .doc-text{
text-align:justify;
letter-spacing: 1px;
}
#cloud_devices_content .pro-consultation{
padding-left: 1rem;
}
#cloud_devices_content .pro-consultation p{
font-size: 1.15rem;
margin-bottom: 1rem;
letter-spacing: 1px;
}
#cloud_devices_content .consultation-list a{
color: #666;
font-size: 1.15rem;
text-decoration: none;
line-height: normal;
}
#cloud_devices_content .consultation-list .website-icon{
font-size: 5rem;
}
#cloud_devices_content .consultation-list a:hover{
color: #2087ec;
}
#cloud_devices_content .content-block{
padding: 0 2rem;
margin-top: 3rem;
letter-spacing: 1px;
}
#cloud_devices_content .content-title{
color: #333;
font-size: 1.5rem;
position: relative;
padding-left: 1rem;
font-weight: bold;
margin-bottom: 1.8rem;
}
#cloud_devices_content .content-title:before{
content: '';
display: inline-block;
position: absolute;
width: .3rem;
height: 1.6rem;
top: 50%;
left: 0;
margin-top: -.7rem;
background-color: #2087ec;
}
#cloud_devices_content .content-text{
position: relative;
padding: 0 1.2rem;
font-size: 1.15rem;
color: #666666;
line-height: 2;
}
#cloud_devices_content .li-title{
font-size: 1.15rem;
margin-bottom: 1rem;
}
#cloud_devices_content .circle-li{
font-size: 1.15rem;
margin-bottom: 1rem;
}
#cloud_devices_content .circle-li:before{
content:'';
display: inline-block;
width: .6rem;
height: .6rem;
border-radius: 50%;
background-color: #666;
margin-right: .5rem;
margin-bottom: .1rem;
}
#cloud_devices_content .title-dot{
font-size: 1.3rem;
font-weight: bold;
color: #666;
}
#cloud_devices_content .title-dot:before{
content: '';
display: inline-block;
width: .8rem;
height: .8rem;
border-radius: 50%;
background: -webkit-linear-gradient(#2087ec , #00ccff);
background: -o-linear-gradient(#2087ec, #00ccff);
background: -moz-linear-gradient(#2087ec, #00ccff);
background: linear-gradient(#2087ec , #00ccff);
margin-right: .5rem;
}
#cloud_devices_content .pro-service-bar.pos-relative{
position: relative;
}
#cloud_devices_content .pro-service-bar{
position: absolute;
width: 100%;
left: 0;
background: -webkit-linear-gradient(left, #3ed980 , #2093f8);
background: -o-linear-gradient(right, #3ed980, #2093f8);
background: -moz-linear-gradient(right, #3ed980, #2093f8);
background: linear-gradient(to right, #3ed980 , #2093f8);
padding: 0 10%;
color: #ffffff;
font-size: 1.4rem;
text-align: center;
}
#cloud_devices_content .pro-service-bar .col-4{
padding: 2rem;
position: relative;
cursor: pointer;
color: #ffffff;
text-decoration: none;
}
#cloud_devices_content .pro-service-bar .col-4:hover{
background-color: rgba(0, 0, 0, 0.1);
}
#cloud_devices_content .pro-service-bar .split{
display: inline-block;
width: 1px;
height: 4rem;
background-color: rgba(0, 0, 0, 0.2);
position: absolute;
top: 50%;
right: 0;
margin-top: -2rem;
}
#cloud_devices_content .cg-swiper{
position: relative;
}
#cloud_devices_content .pro-button-next,
#cloud_devices_content .pro-button-prev{
color: #aaa;
position: absolute;
top: 50%;
margin-top: -2.2rem;
outline: none;
}
#cloud_devices_content .pro-button-next.swiper-button-disabled,
#cloud_devices_content .pro-button-prev.swiper-button-disabled{
display: none;
}
#cloud_devices_content .pro-button-next{
right: -5%;
}
#cloud_devices_content .pro-button-prev{
left: -5%;
}
#cloud_devices_content .cg-box{
cursor: pointer;
text-align: center;
padding: 1rem 10px;
box-shadow: 0 0 8px 1px #ddd;
position: relative;
}
#cloud_devices_content .cg-box .sales-mark{
position: absolute;
text-align: center;
font-size: 1.2rem;
font-weight: normal;
letter-spacing: 1px;
line-height: 2.4rem;
max-width: 50%;
border-radius: 0 0 0 5px;
padding: 0 1rem;
white-space: nowrap;
overflow: hidden;
top: 0;
right: 0;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
z-index: 99;
color: #fff;
background-color: #f20000;
}
#cloud_devices_content .cg-box img{
margin-bottom: 1rem;
min-height: 8rem;
}
#cloud_devices_content .cg-swiper .swiper-slide{
padding: 1rem;
margin: 1rem 0;
}
#cloud_devices_content .cg-box:hover{
border: 2px solid #2087ec;
transform:scale(1.1);
-ms-transform:scale(1.1); /* IE 9 */
-moz-transform:scale(1.1); /* Firefox */
-webkit-transform:scale(1.1); /* Safari and Chrome */
-o-transform:scale(1.1); /* Opera */
}
.mio-cg-title{
position: absolute;
top: 35%;
left:18%;
font-size:2rem;
letter-spacing:.1rem;
color: #fff;
}
.mio-cg-title.active{
display: block;
}
.btn-return{
color: #666;
border-radius: 1.5rem;
outline: none;
font-size: 1rem;
margin-bottom: .5rem;
}
.btn-return:hover{
color: #fff !important;
background-color: #2087ec !important;
border-color: transparent;
}
.cloud-medical-device{
margin-top: 40px;
margin-bottom: 50px;
}
.cloud-medical-device .left-menu{
padding: 10px 40px 10px 0;
float: left;
border-right: 1px solid #dbdbdb;
}
.cloud-medical-device .left-menu ul{
width: 240px;
margin: 0;
padding: 0;
}
.cloud-medical-device .left-menu ul>li{
list-style: none;
height: 70px;
line-height: 70px;
color: #666666;
font-size: 18px;
border-left: 4px solid transparent;
background-color: #efefef;
padding-left: 25px;
padding-right: 20px;
margin-bottom: 2px;
cursor: pointer;
}
.cloud-medical-device .left-menu ul>li:hover,.cloud-medical-device .left-menu ul>li.active{
border-left: 4px solid #2087ec;
background-color: #DDDDDD;
color: #333333;
}
.cloud-medical-device .right-content{
padding: 10px 40px;
margin-left: 280px;
border-left: 1px solid #dbdbdb;
}
.cloud-medical-device .right-content p{
font-size: 18px;
color: #666666;
line-height: 2;
}
.cloud-medical-device .right-content .right-content-block{
display: none;
}
.cloud-medical-device .cloud-device-detail{
margin-top: 0;
}
/*绮炬簴閱檪*/
#precision_medical_nav .sub-page-link{
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
#precision_medical_content .video-block{
margin-top: 6rem;
text-align: center;
}
#precision_medical_content .content-block{
margin-top: 5rem;
letter-spacing: 1px;
}
#precision_medical_content .content-title{
color: #333;
font-size: 1.5rem;
position: relative;
padding-left: 1rem;
font-weight: bold;
margin-bottom: 1.8rem;
}
#precision_medical_content .content-title:before{
content: '';
display: inline-block;
position: absolute;
width: .2rem;
height: 1.6rem;
top: 50%;
left: 0;
margin-top: -.7rem;
background-color: #2087ec;
}
#precision_medical_content .content-text{
position: relative;
padding: 0 1.2rem;
font-size: 1.15rem;
color: #666666;
line-height: 2;
}
#precision_medical_content .circle-li{
font-size: 1.15rem;
margin-bottom: 1.5rem;
}
#precision_medical_content .circle-li:before{
content:'';
display: inline-block;
width: .6rem;
height: .6rem;
border-radius: 50%;
background-color: #666;
margin-right: 1rem;
}
.iconyldgw6{
position: relative;
}
.iconyldgw6:after {
position: absolute;
content: "\e637";
color: #4f81bd;
left: 0;
z-index: -1;
transform:scale(0.5);
-ms-transform:scale(0.5); /* IE 9 */
-moz-transform:scale(0.5); /* Firefox */
-webkit-transform:scale(0.5); /* Safari and Chrome */
-o-transform:scale(0.5); /* Opera */
}
/*瀹㈡埗鏈嶅嫏*/
#sales_point_nav .sub-page-link,
#FAQ_services_nav .sub-page-link,
#video_introduce_nav .sub-page-link{
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
#manual_download_nav .sub-page-link{
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
#sales_point .SPA-page,
#FAQ_services .SPA-page,
#video_introduce .SPA-page,
#manual_download .SPA-page{
margin: 4rem 0;
}
#sales_point p,
#FAQ_services p,
#video_introduce p,
#manual_download p{
font-size: 1.15rem;
margin-bottom: 1rem;
letter-spacing: 1px;
}
#sales_point .contact-link{
color: #41a6fb;
text-decoration: underline;
}
.slgan-text{
color: #ffffff;
display: inline-block;
font-size: 2rem;
padding: 1rem 4rem;
letter-spacing: .5rem;
border: 2px solid rgba(255, 255, 255, .7);
font-weight: bold;
}
.map-link,.map-link:hover{
color: #2087ec;
text-decoration: underline;
}
/*瀹㈡埛鏈嶅姟*/
.FAQ-search-input{
border: 1px solid #2087ec;
margin-right: 1.2rem;
position: relative;
max-height: 10rem;
padding: 5px;
max-width: 85%;
}
.FAQ-search-input .icon-icon-2{
position: absolute;
right: 1.5rem;
top: 50%;
margin-top: -.7rem;
color: #2087ec;
transform:scale(.9);
-ms-transform:scale(.9); /* IE 9 */
-moz-transform:scale(.9); /* Firefox */
-webkit-transform:scale(.9); /* Safari and Chrome */
-o-transform:scale(.9); /* Opera */
}
.FAQ-search-input.open .icon-icon-2{
transform:scale(.9) rotate(180deg);
-ms-transform:scale(.9) rotate(180deg); /* IE 9 */
-moz-transform:scale(.9) rotate(180deg); /* Firefox */
-webkit-transform:scale(.9) rotate(180deg); /* Safari and Chrome */
-o-transform:scale(.9) rotate(180deg); /* Opera */
}
.FAQ-search-input .tag-list{
padding: 2px 3rem 2px 1rem;
margin-bottom: -.7rem;
line-height: 2.4rem;
font-size: 1.15rem;
}
.FAQ-search-input .tag-list .FAQ-tag{
font-size: 1.15rem;
padding: 0 1.5rem;
background-color: #e8f5fe;
border-radius: 2rem;
color: #333;
margin-right: 1rem;
margin-bottom: .7rem;
}
.FAQ-search-input .tag-options{
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
min-width: 100%;
padding: 0;
margin: 0.4rem 0 0;
color: #575757;
text-align: left;
list-style: none;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #e1e1e1;
border-radius: 4px;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
}
.FAQ-search-input.open .tag-options{
display: block;
}
.FAQ-search-input .tag-options .checkbox{
line-height: 3.5rem;
font-size: 1.15rem;
margin: 0;
}
.FAQ-search-input .tag-options .checkbox:hover{
background-color: #eff6fc;
}
.FAQ-search-input .tag-options .checkbox label{
padding-left: 4rem;
}
.FAQ-search-input .tag-options .checkbox label::before{
left: 2rem;
}
.FAQ-search-btn{
width: 10rem;
}
.FAQ-search-btn .btn{
display: block;
border-radius: 0;
width: 100%;
line-height: 2.5rem;
font-size: 1.15rem;
background-color: #2087ec;
}
.FAQ-search-btn .btn:hover{
background-color: #0d8cf9;
}
.FAQ-list .content-title{
color: #333;
font-size: 1.5rem;
position: relative;
padding-left: 1rem;
font-weight: bold;
line-height: 4.5rem;
}
.FAQ-list .content-title:before{
content: '';
display: inline-block;
position: absolute;
width: .3rem;
height: 1.6rem;
top: 50%;
left: 0;
margin-top: -.7rem;
background-color: #2087ec;
}
.FAQ-item{
font-size: 1.15rem;
}
.FAQ-item .FAQ-title{
color: #333;
padding: 1.1rem 4rem 1.1rem .6rem;
position: relative;
cursor: pointer;
text-align: left;
}
.FAQ-item .FAQ-title:before{
content: "+";
color: #2087ec;
position: absolute;
top: 50%;
margin-top: -.7rem;
right: 1rem;
transform:scale(1.5);
-ms-transform:scale(1.5); /* IE 9 */
-moz-transform:scale(1.5); /* Firefox */
-webkit-transform:scale(1.5); /* Safari and Chrome */
-o-transform:scale(1.5); /* Opera */
}
.FAQ-item .FAQ-title:after{
content: "-";
color: #ffffff;
position: absolute;
top: 50%;
margin-top: -.8rem;
right: 1.2rem;
display: none;
transform:scale(2.5,1.5);
-ms-transform:scale(2.5,1.5); /* IE 9 */
-moz-transform:scale(2.5,1.5); /* Firefox */
-webkit-transform:scale(2.5,1.5); /* Safari and Chrome */
-o-transform:scale(2.5,1.5); /* Opera */
}
.FAQ-item .FAQ-title:hover,
.FAQ-item.open .FAQ-title{
color: #ffffff;
background-color: #2087ec;
}
.FAQ-item .FAQ-title:hover:before{
color: #ffffff;
}
.FAQ-item.open .FAQ-title:before{
display: none;
}
.FAQ-item.open .FAQ-title:after{
display: block;
}
.FAQ-item .FAQ-content{
display: none;
font-size: 1.15rem;
padding: 1.5rem 2rem;
line-height: 2.2;
box-shadow: 0 0 10px 2px #ddd;
}
.FAQ-item.open .FAQ-content{
display: block;
}
#video_introduce .img-box{
padding: 1rem;
cursor: pointer;
}
#video_introduce .img-box .img-cover{
position: relative;
text-align: center;
overflow: hidden;
}
#video_introduce .video-box{
padding: 1rem;
cursor: pointer;
}
#video_introduce .video-box .video-cover{
position: relative;
text-align: center;
overflow: hidden;
}
#video_introduce .video-box .video-cover:after{
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .1);
z-index: 1;
}
#video_introduce .video-box .video-cover .play-icon{
position: absolute;
top: 50%;
left: 50%;
color: #ffffff;
width: 4rem;
height: 4rem;
margin-top:-2rem;
margin-left:-2rem;
border-radius: 50%;
background: rgba(0, 0, 0, .4);
}
#video_introduce .video-box .video-cover .play-icon:before {
content: "\e622";
position: absolute;
top:50%;
left: 50%;
z-index: 2;
font-size: 1.6rem;
margin-top:-1.05rem;
margin-left:-.68rem;
-webkit-transform: rotate(90deg) scale(1,1.3);
-moz-transform: rotate(90deg) scale(1,1.3);
-ms-transform: rotate(90deg) scale(1,1.3);
-o-transform: rotate(90deg) scale(1,1.3);
}
#video_introduce .video-box:hover .video-cover .play-icon{
background: rgba(0, 0, 0, .5);
}
#video_introduce .video-box .video-title,
#video_introduce .img-box .video-title{
font-size: 1.15rem;
margin-top: .8rem;
word-break: break-word;
}
#video_introduce .video-box:hover .video-title,
#video_introduce .img-box:hover .video-title{
color: #2087ec;
}
.user-services{
margin-top: 40px;
margin-bottom: 50px;
}
.user-services .left-menu{
padding: 10px 40px 10px 0;
float: left;
border-right: 1px solid #dbdbdb;
}
.user-services .left-menu ul{
width: 240px;
margin: 0;
padding: 0;
}
.user-services .left-menu ul>li{
list-style: none;
height: 70px;
line-height: 70px;
color: #666666;
font-size: 18px;
border-left: 4px solid transparent;
background-color: #efefef;
padding-left: 25px;
padding-right: 20px;
margin-bottom: 2px;
cursor: pointer;
}
.user-services .left-menu ul>li:hover,.user-services .left-menu ul>li.active{
border-left: 4px solid #2087ec;
background-color: #DDDDDD;
color: #333333;
}
.user-services .right-content{
padding: 10px 40px;
margin-left: 280px;
border-left: 1px solid #dbdbdb;
}
.user-services .right-content p{
font-size: 18px;
color: #666666;
line-height: 2;
letter-spacing: 1px;
}
.user-services .right-content .right-content-block{
display: none;
}
.user-services .right-content ul{
margin: 0;
padding-left: 0;
}
.user-services .right-content ul>li{
list-style: none;
color: #666;
font-size: 18px;
text-align: left;
line-height: 2;
text-indent: 2.5rem;
}
.user-services .right-content ul .li-dot {
display: inline-block;
width: 8px;
height: 8px;
background-color: #666;
border-radius: 50%;
margin-right: 10px;
}
.user-services .right-content .img-row{
display: table;
margin-left: -5px;
margin-right: -5px;
}
.user-services .right-content .img-row .img-grid{
display: table-cell;
padding: 0 5px;
cursor: pointer;
}
.user-services .right-content .split-line{
border-bottom: 1px solid #dbdbdb;
}
.user-services .right-content .img-row .img-grid .img-box{
padding-bottom: 20px;
border-bottom: 3px solid transparent;
position: relative;
}
.user-services .right-content .img-row .img-grid.active .img-box{
border-bottom: 3px solid #dbdbdb;
}
.user-services .right-content .img-row .img-grid .img-box img{
width: 100%;
height: 150px;
border-radius: 5px;
}
.user-services .right-content .img-row .img-grid .img-box .gay-over{
position: absolute;
top:0;
width: 100%;
height: 100%;
padding-bottom: 20px;
display: block;
}
.user-services .right-content .img-row .img-grid.active .img-box .gay-over{
display: none;
}
.user-services .right-content .img-row .img-grid:hover .img-box .gay-over{
display: none;
}
.user-services .right-content .img-row .img-grid .img-box .gay-over .locking{
width: 100%;
height: 100%;
background-color: #666;
border-radius: 5px;
opacity:.5;
}
.user-services .right-content .img-tabs{
margin-top: 40px;
}
.user-services .right-content .img-tabs .img-tab{
display: none;
}
.user-services .right-content .img-tabs .img-tab.active{
display: block;
}
.user-services .right-content .img-tab-title{
border-left: 3px solid #2087ec;
padding-left: 10px;
font-size: 24px;
height: 24px;
line-height: 24px;
color: #000000;
}
.user-services .right-content .img-tab-content{
padding: 80px 0;
text-align: center;
}
.user-services .right-content .img-tab-content .img-box{
display: inline-block;
padding: 0 60px;
}
.user-services .right-content .img-tab-content .img-box>img{
width: 150px;
}
.user-services .right-content .img-tab-content .img-box .QRcode-des{
font-size: 18px;
color: #000000;
margin-top: 20px;
}
.user-services .right-content .img-tab-content .img-box .QRcode-des>img{
height: 24px;
margin-right: 15px;
}
.user-services .sale-point-row p{
margin: 0;
border-left: 4px solid transparent;
padding-left: 15px;
}
.user-services .sale-point-row p:first-child{
border-left: 4px solid #2087ec;
height: 20px;
line-height: 20px;
margin-bottom: 10px;
}
.user-services .sale-point{
width: 800px;
position: relative;
}
.user-services .sale-point .sale-map{
width: 100%;
}
.user-services .sale-point .mark-point{
position: absolute;
width: 30px;
height: 30px;
}
.user-services .sale-point .mark-point:hover{
-webkit-transform: translate(0,-5px);
-moz-transform: translate(0,-5px);
-ms-transform: translate(0,-5px);
-o-transform: translate(0,-5px);
z-index: 999;
}
.user-services .sale-point .mark-point .mark-point-icon{
position: absolute;
top:0;
width: 30px;
height: 30px;
background:url('../img/mark_point.png');
background-size: 30px 30px;
z-index: 90;
}
.user-services .sale-point .mark-point:hover .mark-point-icon{
background:url('../img/mark_point_active.png');
background-size: 30px 30px;
}
.user-services .sale-point .sale-point-des{
position: absolute;
z-index: 999;
left: 15px;
width: 280px;
bottom: 28px;
padding: 15px 20px 20px 20px;
background:url('../img/mark_point_bg.png');
background-size: 280px 100%;
transform: translate(-50%,0);
-webkit-transform: translate(-50%,0);
-moz-transform: translate(-50%,0);
-ms-transform: translate(-50%,0);
display: none;
}
.user-services .sale-point .sale-point-des p{
margin:0;
line-height: 1.5;
font-size: 14px;
color: #666;
}
.user-services .sale-point .mark-point:hover .sale-point-des{
display: block;
}
/*鑱旂粶鎴戜滑*/
.contact-us{
margin:auto;
padding: 50px;
}
.contact-us-left{
-ms-flex: 0 0 48%;
flex: 0 0 48%;
max-width: 48%;
}
.contact-us-right{
-ms-flex: 0 0 52%;
flex: 0 0 52%;
max-width: 52%;
}
.contact-us .block-title{
border-left: 3px solid #2087ec;
padding-left: 10px;
font-size: 1.4rem;
height: 1.6rem;
line-height: 1.6rem;
color: #333;
font-weight: bold;
}
.contact-us .input-row{
margin-top: 2rem;
}
.contact-us .input-row .input-box{
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-align: center;
align-items: center;
margin-bottom: 2.5rem;
}
.contact-us .input-row .input-label{
color: #666;
font-size: 1.1rem;
padding-left: 10px;
text-align: right;
-ms-flex: 0 0 8rem;
flex: 0 0 8rem;
max-width: 8rem;
letter-spacing: 1px;
word-break: break-word;
}
.contact-us .strong{
color: #ff0d00;
margin-right: 5px;
}
.contact-us .input-row .custom-input,.contact-us .input-row .custom-textarea{
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding-left: .5rem;
}
.contact-us .input-row .custom-input{
position: relative;
}
.contact-us .input-row .custom-input .areaCode{
position: absolute;
width: 5rem;
height: 2rem;
margin: 0.4rem 0;
padding: .2rem .5rem .2rem 1rem;
font-size: 1.1rem;
border-right: 1px solid #cfcfcf;
text-wrap: nowrap;
text-align: center;
}
.contact-us .input-row .custom-input .form-control{
height: 2.8rem;
padding: .6rem 1rem;
font-size: 1.1rem;
border-radius: 1.3rem;
background-color: #f7f7f7;
color: #000000;
-webkit-box-shadow: none;
box-shadow: none;
}
.contact-us .input-row .form-control:FOCUS{
background-color: #ffffff !important;
}
.contact-us .input-row .custom-textarea .form-control{
font-size: 1.1rem;
padding: .8rem 1.4rem;
background-color: #f7f7f7;
line-height: 1.5;
color: #333;
-webkit-box-shadow: none;
box-shadow: none;
}
.contact-us .input-row .input-box .input-tip{
position: absolute;
bottom: -25px;
left: 8rem;
color: #ff0d00;
padding-left: 10px;
display: none;
}
.contact-us .input-row .has-error .form-control {
background-color: white;
border-color: #ff0d00;
}
.contact-us .input-row .has-error .input-tip{
display: block;
}
.contact-us .contact-method{
display: inline-block;
width: 12rem;
height: 3rem;
line-height: 3rem;
font-size: 1.15rem;
}
.contact-method .submit-btn{
height: 3rem;
line-height: 2.5rem;
padding: 0 1.5rem;
width:100%;
border-radius: 1.5rem;
border: 1px solid #2087ec;
color: #2087ec;
background-color: white;
outline: none;
}
.contact-method .submit-btn:focus,.contact-method .submit-btn:hover{
background-color: #2087ec;
color: white;
}
.contact-method .submit-btn:active{
border: 1px solid #2087ec;
background-color: #2087ec;
}
.contact-method .submit-btn[disabled]{
border: 1px solid #cfe6f9 !important;
color: #cfe6f9 !important;
background-color: white !important;
}
.liner-background-1{
background: -webkit-linear-gradient(left, #3d3791 , #d0187a);
background: -o-linear-gradient(right, #3d3791, #d0187a);
background: -moz-linear-gradient(right, #3d3791, #d0187a);
background: linear-gradient(to right, #3d3791 , #d0187a);
}
.contact-us .checkbox label{
font-size: 1.1rem;
}
.contact-us .question-list{
margin-top: 2rem;
padding: 0 1rem;
}
[lang=en] .contact-us .question-list{
margin-top: 3rem;
}
.contact-us .question-list .checkbox,.contact-us .pro-type-list .checkbox{
margin-top: 1.2rem;
margin-bottom: 1.2rem;
}
.contact-us .pro-type-list{
margin-left: 2rem;
}
/************************PC鐗堝畼缃戞牱寮� end*************************************/
/************************Mobile鐗堝畼缃戞牱寮� start*************************************/
.noscroll-container {
position: fixed;
width: 100%;
height: calc(100vh - 60px);
overflow-y: auto;
top: 60px;
left: 0;
margin: 0;
}
@media (max-width: 768px){
*{
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
}
html{font-size: 16px;}
body{
font-size: 16px;
width: 100%;
overflow-x: hidden;
position: relative;
margin-top: 60px;
letter-spacing: 0;
}
img{
pointer-events: none;
}
.checkbox label,
.radio label{
padding-left: 1.8rem;
}
.checkbox label::before {
font-size: 1.2rem;
margin-top: -2px;
}
.return-top {
opacity: .6 !important;
}
.btn-banner, .btn-banner:active, .btn-banner:focus{
font-size: 1rem;
padding: .4rem 1rem;
}
.btn-banner:hover{
border: 1px solid #259de7;
color: #259de7;
background: transparent;
}
.price-box{
background-color: #ffffff;
padding: 0;
}
#pas_banners .btn-banner{
display: block;
width: 100%;
border-radius: 3rem;
text-align: center;
font-size: 1rem;
padding: .6rem;
font-weight: bold;
letter-spacing: 2px;
white-space: normal;
}
.contact-link,.contact-link:hover{
text-decoration: none !important;
border-bottom: 1px solid;
}
#buy_tip_modal.content-modal .modal-body {
padding: 15px;
}
.submit-icon {
width: 10rem;
background-size: 10rem auto;
}
.ueditor-content p {
width: 100%;
padding: 0 15px;
}
.ueditor-content p.p-full,
.ueditor-content table p{
padding: 0;
}
.ueditor-content hr{
margin-left: 15px;
margin-right: 15px;
}
.multiple-select-input{
width: 100%;
max-width: 100%;
}
.multiple-select-input .tag-list {
padding: 2px 2.5rem 2px .5rem;
margin-bottom: 0;
line-height: 2rem;
font-size: 1rem;
}
.multiple-select-input .tag-list .selected-tag{
margin: 0;
font-size: 1rem;
padding: 0 1rem;
}
.multiple-select-input .icon-icon-2 {
right: 1rem;
transform: scale(.8);
-ms-transform: scale(.8);
-moz-transform: scale(.8);
-webkit-transform: scale(.8);
-o-transform: scale(.8);
}
.multiple-select-input.open .icon-icon-2 {
transform: scale(.8) rotate(180deg);
-ms-transform: scale(.8) rotate(180deg);
-moz-transform: scale(.8) rotate(180deg);
-webkit-transform: scale(.8) rotate(180deg);
-o-transform: scale(.8) rotate(180deg);
}
.multiple-select-input .tag-panel{
height: 100vh;
width: 100%;
position: fixed;
left: 0;
top: 0;
background-color: rgba(0, 0, 0, .3);
border-top: 1px solid #e5e6e6;
z-index: 500;
opacity: 0;
visibility: hidden;
-webkit-transition: visibility .3s ease,opacity .3s ease,-webkit-transform .3s ease;
transition: visibility .3s ease,opacity .3s ease,-webkit-transform .3s ease;
transition: visibility .3s ease,opacity .3s ease,transform .3s ease;
transition: visibility .3s ease,opacity .3s ease,transform .3s ease,-webkit-transform .3s ease;
}
.multiple-select-input.open .tag-panel{
opacity: 1;
visibility: visible;
}
.multiple-select-input .tag-modal{
height: 70vh;
width: 100%;
left: 0;
bottom: -70vh;
position: fixed;
z-index: 501;
background-color: #fff;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
.multiple-select-input.open .tag-modal{
bottom: 0;
}
.multiple-select-input .tag-modal .modal-head{
font-size: 1.1rem;
color: #333;
padding: .75rem 2rem;
text-align: center;
position: relative;
border-bottom: 1px solid #e5e6e6;
letter-spacing: 1px;
white-space: normal;
display: -ms-flexbox;
display: flex !important;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
}
.multiple-select-input .tag-modal .modal-head .icon-icon-27{
position: absolute;
font-size: .9rem;
top: 50%;
right: .75rem;
margin-top: -.6rem;
}
.multiple-select-input .tag-modal .modal-body{
padding: 15px 0;
}
.multiple-select-input .type-options{
height: calc(70vh - 160px);
overflow-y: auto;
padding: 0 15px;
}
.multiple-select-input .type-options .checkbox{
line-height: 3rem;
font-size: 1rem;
margin: 0;
}
.multiple-select-btn {
padding: 2rem 15px 1rem 15px;
width: 100%;
}
.multiple-select-btn .btn{
display: block;
font-size: 1rem;
line-height: 2.8rem;
padding: 0;
}
}
@media (max-width: 320px){
html{font-size: 12px;}
body{
font-size: 12px;
}
}
.ft1-15{
font-size: 1.15rem;
}
.ft1-2{
font-size: 1.2rem;
}
.ft1-35{
font-size: 1.35rem;
}
.page-content{
max-width: 768px;
background-color: #ffffff;
margin: auto;
}
.toast-box{
padding: 0 25px;
position: fixed;
top: 50%;
width: 100%;
text-align: center;
z-index: 999;
opacity: 0;
visibility: hidden;
-webkit-transition: visibility 1s ease,opacity 1s ease,-webkit-transform 1s ease;
transition: visibility 1s ease,opacity 1s ease,-webkit-transform 1s ease;
transition: visibility 1s ease,opacity 1s ease,transform 1s ease;
transition: visibility 1s ease,opacity 1s ease,transform 1s ease,-webkit-transform 1s ease;
}
.toast-box.show{
opacity: 1;
visibility: visible;
}
.toast-box .toast-text{
margin: 0 auto;
display: inline-block;
color: #fff;
background: rgba(0, 0, 0, .5);
color: #ffffff;
font-size: 1.1rem;
padding: .5rem 1.2rem;
border-radius: 1.5rem;
z-index: 999;
letter-spacing: 1px;
-webkit-transform: translate(0,-50%);
-moz-transform: translate(0,-50%);
-ms-transform: translate(0,-50%);
}
.swiper-container{
z-index: 0;
}
.hc1-banner-mobile{
width:100%;
height: 122.666vw;
position: relative;
overflow: hidden;
display: block;
}
.hc1-banner-mobile>img {
height: 100%;
width: auto;
margin-left: 50%;
transform: translate(-50%,0);
-webkit-transform: translate(-50%,0);
-moz-transform: translate(-50%,0);
-ms-transform: translate(-50%,0);
}
.tab-nav{
position: relative;
box-shadow: 0 5px 10px -5px #ddd;
z-index: 1;
}
.tab-nav .swiper-wrapper{
-ms-flex-align: stretch;
align-items: stretch;
}
.tab-nav .tab-link{
text-align: center;
padding-bottom: 5px;
border-bottom: 2px solid transparent;
height: auto;
}
.tab-nav .tab-link.active{
color: #2087ec !important;
border-bottom: 2px solid #2087ec;
}
.tab-nav .tab-link .link-icon{
font-size: 2.6rem;
}
.tab-nav .tab-link .link-name{
font-size: 1rem;
margin-top: -.5rem;
height: 1.25rem;
line-height: 1.2;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
}
.tab-nav .tab-link .tab-icon{
height: 60px;
padding: 4px 0;
position: relative;
}
.tab-nav .tab-link .tab-icon img{
height: 52px;
position: absolute;
top: 4px;
left: 50%;
display: block;
transform: translateX(-50%);
-ms-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-o-transform: translateX(-50%);
}
.tab-nav .tab-link .tab-icon img:nth-child(1){
z-index: 10;
}
.tab-nav .tab-link .tab-icon img:nth-child(2){
z-index: 20;
display: none;
}
.tab-nav .tab-link.active .tab-icon img:nth-child(2){
display: block;
}
.tab-nav .tab-link.active .tab-icon img:nth-child(1){
display: none;
}
.tab-nav .tab-link .tab-name{
padding: 0 1.2rem;
font-size: 1rem;
line-height: 1.2;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
}
.tab-nav .pro-button-next,
.tab-nav .pro-button-prev {
position: absolute;
top: 49%;
margin-top: -.7rem;
font-size: 1rem;
z-index: 10;
cursor: pointer;
color: #666;
opacity: 1;
outline: none;
}
.tab-nav .pro-button-prev {
left: 6px;
}
.tab-nav .pro-button-next {
right: 6px;
}
.tab-nav .pro-button-next.swiper-button-disabled,
.tab-nav .pro-button-prev.swiper-button-disabled{
display: none;
}
.wrap p{
color: #666;
font-size: 1rem;
line-height: 2;
margin: 0;
text-align: justify;
text-justify: inter-ideograph;
}
/* 闋儴灏庤埅 */
.site-header {
width: 100%;
height: 60px;
position: fixed;
top: 0;
left: 0;
background-color: #fff;
-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.08);
box-shadow: 0 0 10px rgba(0,0,0,0.08);
z-index: 360;
-webkit-transition: background-color .3s ease,height .3s ease;
transition: background-color .3s ease,height .3s ease;
}
.wrap {
max-width: 1300px;
padding: 0 15px;
margin-right: auto;
margin-left: auto;
}
.wrap-full{
margin: 0 -15px;
}
.site-navbar {
margin-right: -15px;
padding-left: 5px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.site-navbar .logo {
text-indent: -9999px;
height: 60px;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
.site-navbar .logo img{
height: 63%;
}
.nav-toggle {
z-index: 999;
cursor: pointer;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 20px 25px 20px 30px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
.nav-toggle .nav-toggle-bar {
width: 22px;
height: 18px;
position: relative;
}
body.open,
body.modal-open{
position: fixed;
width: 100%;
}
.nav-toggle .bar-top {
top: 0;
right: 0;
}
body.open .nav-toggle .bar-top {
width: 22px;
top: 50%;
right: 50%;
-webkit-transform: translate(50%,-50%) rotate(-45deg);
transform: translate(50%,-50%) rotate(-45deg);
}
.nav-toggle .bar-center {
top: 50%;
right: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
body.open .nav-toggle .bar-center {
opacity: 0;
}
.nav-toggle .bar-bottom {
bottom: 0;
right: 0;
}
body.open .nav-toggle .bar-bottom {
width: 22px;
bottom: 50%;
right: 50%;
-webkit-transform: translate(50%,50%) rotate(45deg);
transform: translate(50%,50%) rotate(45deg);
}
.nav-toggle span {
display: block;
position: absolute;
width: 100%;
height: 2px;
background-color: #666;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
.site-nav{
height: calc(100vh - 60px);
width: 100%;
position: fixed;
right: 0;
top: 60px;
background-color: #fff;
border-top: 1px solid #e5e6e6;
z-index: 115;
opacity: 0;
visibility: hidden;
-webkit-transition: visibility .3s ease,opacity .3s ease,-webkit-transform .3s ease;
transition: visibility .3s ease,opacity .3s ease,-webkit-transform .3s ease;
transition: visibility .3s ease,opacity .3s ease,transform .3s ease;
transition: visibility .3s ease,opacity .3s ease,transform .3s ease,-webkit-transform .3s ease;
}
.site-nav.open {
opacity: 1;
visibility: visible;
overflow-y: auto;
}
.site-nav a.active{
color: #2087ec !important;
}
.site-nav a.no-border{
border: none !important;
}
.site-nav>ul>li>a {
display: block;
padding: 0 25px;
height: 60px;
line-height: 60px;
font-size: 1.2rem;
color: #333;
border-bottom: 1px solid #e5e6e6;
}
.site-nav>ul>li>a:before{
content: '\e615';
font-family:"hc1iconfont";
position: absolute;
width: 30px;
text-align: center;
font-size: 1.125rem;
top: 0;
right: 20px;
}
.site-nav a.has-arrow:before{
content: '\e615';
font-family:"hc1iconfont";
position: absolute;
text-align: center;
font-size: 1.125rem;
top: 50%;
margin-top: -.8rem;
right: 10px;
color: #999;
}
.site-nav>ul>li>a.open-arrow:before,
.site-nav a.open-arrow:before{
transform: rotate(180deg) translateY(.2rem);
-ms-transform: rotate(180deg) translateY(.2rem);
-moz-transform: rotate(180deg) translateY(.2rem);
-webkit-transform: rotate(180deg) translateY(.2rem);
-o-transform: rotate(180deg) translateY(.2rem);
}
.site-nav a.has-arrow.open-arrow{
border-bottom: none;
}
.site-nav>ul>li>a.no-arrow:before{
display: none;
}
.site-nav .sub-nav{
display: none;
padding: 0 15px;
background-color: #f4f4f4;
}
.site-nav .sub-nav.open{
display: block;
border-bottom: 1px solid #e5e6e6;
}
.site-nav .sub-nav>li>a{
display: block;
padding: 1rem 10px;
font-size: 1.2rem;
color: #333;
border-bottom: 1px solid #e5e6e6;
}
.site-nav .sub-nav>li:last-child>a{
border-bottom: none;
}
.site-nav .sub-nav-level2{
border-bottom: 1px solid #e5e6e6;
padding-bottom: 12px;
}
.site-nav .sub-nav-level3{
display: none;
}
.site-nav .sub-nav-level3.open{
display: block;
}
.site-nav .sub-nav-level2>a,
.site-nav .sub-nav-level3>a{
display: block;
padding: .7rem 10px;
padding-right: 2rem;
font-size: 1.15rem;
color: #666;
}
.site-nav .contact-way{
padding: 0 25px;
font-size: 1.1rem;
margin-top: 8rem;
margin-bottom: 8rem;
}
.site-nav .contact-way a{
color: #999;
}
/* 棣栭爜 */
.swiper-banner-mobile{
width: 100vw;
height: 122.666vw;
}
.swiper-banner-mobile .index-banner,
.swiper-banner-mobile .index-banner>a{
width:100%;
height: 100%;
position: relative;
overflow: hidden;
display: block;
height: 122.666vw;
}
.swiper-banner-mobile .index-banner img {
width: 100%;
height: 100%;
}
.swiper-banner-mobile .my-bullet {
margin: 0 5px;
}
.title-split{
display: inline-block;
width: 1.4rem;
height: 3px;
background-color: #2087ec;
margin: .6rem 0;
}
.pro-banner .pro-banner-block{
margin: 1rem 0;
}
.pro-banner .pro-logo{
text-align: center;
-ms-flex: 0 0 32%;
flex: 0 0 32%;
max-width: 32%;
padding: 0 5px;
}
.pro-banner .pro-logo{
margin: 2rem 0;
}
.pro-banner .pro-logo .pro-wise-medical{
margin: 0 auto;
background: url("../img/qt_25.png");
background-size: 100% auto;
background-position: center center;
background-repeat: no-repeat;
position: relative;
width: calc(calc(93vw - 30px)*0.3 - 10px);
height: calc(calc(93vw - 30px)*0.3 - 10px);
}
.pro-banner .pro-logo.active .pro-wise-medical{
background: url("../img/qt_22.png");
background-size: 100% auto;
background-position: center center;
background-repeat: no-repeat;
position: relative;
}
.pro-banner .pro-logo .pro-cloud-medical{
margin: 0 auto;
background: url("../img/qt_26.png");
background-size: 100% auto;
background-position: center center;
background-repeat: no-repeat;
position: relative;
width: calc(calc(93vw - 30px)*0.3 - 10px);
height: calc(calc(93vw - 30px)*0.3 - 10px);
}
.pro-banner .pro-logo.active .pro-cloud-medical{
background: url("../img/qt_23.png");
background-size: 100% auto;
background-position: center center;
background-repeat: no-repeat;
position: relative;
}
.pro-banner .pro-logo .pro-precision-medical{
margin: 0 auto;
background: url("../img/qt_27.png");
background-size: 100% auto;
background-position: center center;
background-repeat: no-repeat;
position: relative;
width: calc(calc(93vw - 30px)*0.3 - 10px);
height: calc(calc(93vw - 30px)*0.3 - 10px);
}
.pro-banner .pro-logo.active .pro-precision-medical{
background: url("../img/qt_24.png");
background-size: 100% auto;
background-position: center center;
background-repeat: no-repeat;
position: relative;
}
.pro-banner .pro-logo .pro-smart-health{
margin: 0 auto;
background: url("../img/qt_41.jpg");
background-size: 100% auto;
background-position: center center;
background-repeat: no-repeat;
position: relative;
width: calc(calc(93vw - 30px)*0.3 - 10px);
height: calc(calc(93vw - 30px)*0.3 - 10px);
}
.pro-banner .pro-logo.active .pro-smart-health{
background: url("../img/qt_42.jpg");
background-size: 100% auto;
background-position: center center;
background-repeat: no-repeat;
position: relative;
}
.pro-banner .pro-logo .pro-name{
font-size: 1rem;
color: #333;
white-space: normal;
margin-top: .5rem;
}
.pro-banner .pro-logo.active .pro-name{
color: #333;
}
.swiper-product-mobile{
height: 168vw;
}
.swiper-product-mobile .index-banner{
width:100%;
height: 100%;
position: relative;
overflow: hidden;
display: block;
}
/* .swiper-product-mobile .index-banner:nth-child(1){
background: url("../img/mb_5.png");
background-size: 100% 100%;
background-position: center center;
background-repeat: no-repeat;
}
.swiper-product-mobile .index-banner:nth-child(2){
background: url("../img/mb_6.png");
background-size: 100% 100%;
background-position: center center;
background-repeat: no-repeat;
}
.swiper-product-mobile .index-banner:nth-child(3){
background: url("../img/mb_7.png");
background-size: 100% 100%;
background-position: center center;
background-repeat: no-repeat;
} */
.swiper-product-mobile .index-banner>img {
height: 100%;
width: auto;
margin-left: 50%;
transform: translate(-50%,0);
-webkit-transform: translate(-50%,0);
-moz-transform: translate(-50%,0);
-ms-transform: translate(-50%,0);
}
.swiper-product-mobile .my-bullet {
margin: 0 5px;
}
.swiper-product-mobile .my-bullet-active{
background: #ffffff;
opacity: 1;
}
.swiper-product-mobile .slogan-title{
position: absolute;
width: 100%;
padding: 0 20px;
bottom: 7%;
}
.swiper-product-mobile .slogan-title .content-title{
font-size: 1.2rem;
letter-spacing: .1rem;
}
.swiper-product-mobile .slogan-title .icon-plus {
position: absolute;
left: 6rem;
top: -.5rem;
font-size: 1.1rem;
opacity: .8;
}
.swiper-product-mobile .slogan-title .split {
display: inline-block;
width: 1.5rem;
height: 3px;
margin: .8rem 0;
opacity: .8;
}
.swiper-product-mobile .slogan-title .content-text{
font-size: 1rem;
color: #ffffff;
line-height: 1.9;
text-align: justify;
}
.swiper-product-mobile .slogan-title .btn-link{
display: block;
color: #ffffff;
border: 1px solid #ffffff;
border-radius: 3rem;
text-align: center;
font-size: 1rem;
padding: .6rem;
margin-bottom: 1.2rem;
letter-spacing: 2px;
font-weight: bold;
}
.swiper-product-mobile .btn-link:hover{
background-color: #ffffff;
color: #2087ec;
text-decoration: none;
}
.swiper-product-mobile .btn-link-dark{
display: block;
color: #333;
border-radius: 3rem;
text-align: center;
font-size: 1rem;
padding: .6rem;
margin-bottom: 1rem;
font-weight: bold;
background-color: rgba(255, 255, 255, .7);
letter-spacing: 2px;
}
.swiper-product-mobile .btn-link-dark:hover{
background-color: #a081fa;
color: #ffffff;
text-decoration: none;
}
.news-list-mobile .news-item{
padding: 1rem 0;
border-bottom: 1px solid #e5e5e5;
}
.news-list-mobile .news-item-left{
-ms-flex: 0 0 66%;
flex: 0 0 66%;
max-width: 66%;
}
.news-list-mobile .news-item-right{
-ms-flex: 0 0 34%;
flex: 0 0 34%;
max-width: 34%;
position: relative;
}
.news-list-mobile .news-title{
font-size: 1.1rem;
color: #333;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
line-height: 1.75rem;
height: 3.5rem;
padding-right: 15px;
letter-spacing: 0;
word-break: break-all;
}
.news-list-mobile .news-time{
height: 2rem;
line-height: 2rem;
font-size: .9rem;
color: #999;
margin-top: .5rem;
}
.news-list-mobile .news-item img{
width: 100%;
}
.page-footer-mobile{
margin-top: 3rem;
background-color: #eaeaea;
}
.page-footer-mobile .footer-title{
display: block;
padding: 0 25px;
height: 50px;
line-height: 50px;
font-size: 1.1rem;
color: #333;
border-bottom: 1px solid #e0e0e0;
position: relative;
}
.page-footer-mobile .footer-title:before{
content: "+";
color: #999;
position: absolute;
top: 0;
right: 25px;
transform:scale(1.5);
-ms-transform:scale(1.5); /* IE 9 */
-moz-transform:scale(1.5); /* Firefox */
-webkit-transform:scale(1.5); /* Safari and Chrome */
-o-transform:scale(1.5); /* Opera */
}
.page-footer-mobile .footer-title:after{
content: "-";
color: #999;
position: absolute;
top: 0;
right: 25px;
display: none;
transform:scale(2.5,1.5);
-ms-transform:scale(2.5,1.5); /* IE 9 */
-moz-transform:scale(2.5,1.5); /* Firefox */
-webkit-transform:scale(2.5,1.5); /* Safari and Chrome */
-o-transform:scale(2.5,1.5); /* Opera */
}
.page-footer-mobile .open .footer-title:before{
display: none;
}
.page-footer-mobile .open .footer-title:after{
display: block;
}
.page-footer-mobile .footer-title.no-arrow:before,
.page-footer-mobile .footer-title.no-arrow:after{
display: none;
}
.page-footer-mobile .footer-link-list{
background-color: #dcdcdc;
padding: 0 10px;
display: none;
}
.page-footer-mobile .open .footer-link-list{
display: block;
}
.page-footer-mobile .footer-link-list>.footer-link{
display: block;
padding: 0 15px;
height: 50px;
line-height: 50px;
font-size: 1.1rem;
color: #666;
border-bottom: 1px solid #d3d3d3;
}
.page-footer-mobile .contact-way{
padding: 1.2rem 25px 4rem 25px;
font-size: 1.1rem;
}
.page-footer-mobile .contact-way a{
color: #999;
}
.page-footer-mobile .index-footer{
font-size: .8rem;
}
/* mobile鑱旂粶鎴戜滑 */
@media (max-width: 768px){
.contact-us{
padding: 0 15px;
}
.contact-us .block-title {
border-left: 3px solid #2087ec;
padding-left: 10px;
font-size: 1.1rem;
height: 1.2rem;
line-height: 1.2rem;
color: #333;
}
.contact-us .checkbox label {
font-size: 1rem;
}
.contact-us .question-list{
border-bottom: 1px solid #e5e6e6;
padding: 0 0 .5rem .8rem;
}
.contact-us .pro-type-list {
margin-left: 1.8rem;
}
.contact-us .input-row .input-box {
position: relative;
display: block;
margin-bottom: 2rem;
}
.contact-us .input-row .input-box.has-error {
margin-bottom: 1rem;
}
.contact-us .input-row .input-label {
color: #666;
font-size: 1rem;
padding-left: 0;
text-align: left;
letter-spacing: 1px;
margin-bottom: .5rem;
max-width: 100%;
padding-left: .8rem;
}
.contact-us .input-row .custom-input,.contact-us .input-row .custom-textarea{
padding-left: 0;
}
.contact-us .input-row .custom-input{
position: relative;
}
.contact-us .input-row .custom-input .areaCode{
position: absolute;
width: 5rem;
height: 2rem;
margin: 0.4rem 0;
padding: .2rem .5rem .2rem 1rem;
font-size: 1.1rem;
border-right: 1px solid #cfcfcf;
text-wrap: nowrap;
text-align: center;
z-index: 1;
}
.contact-us .input-row .custom-input .form-control {
font-size: 1rem;
}
.contact-us .contact-method {
display: block;
width: 100%;
height: 2.75rem;
line-height: 2.75rem;
font-size: 1.1rem;
}
.contact-method .submit-btn {
height: 2.75rem;
line-height: 2.75rem;
}
.contact-us .input-row .input-box .input-tip {
position: relative;
top: 0;
left: 0;
padding-top: .5rem;
padding-left: .8rem;
}
}
/* 闂滄柤鎴戝�� */
#about_us .wrap table tr td:first-child {
width: 6rem;
text-align: center;
}
#about_us .wrap table tr td {
font-size: 1rem;
color: #666666;
line-height: 1.8;
text-align: justify;
text-justify: inter-ideograph;
border: 1px solid #aeaeae;
padding: .8rem;
}
#about_us .milestone-content{
margin-left: 5.2rem;
}
/* 瀹㈡埛鏈嶅姟 mobile */
@media (max-width: 768px){
#sales_point .SPA-page, #FAQ_services .SPA-page, #video_introduce .SPA-page, #manual_download .SPA-page {
margin: 2rem 0;
}
#sales_point p, #FAQ_services p, #video_introduce p, #manual_download p {
font-size: 1rem;
margin-bottom: 0;
letter-spacing: 1px;
}
#sales_point .wrap table tr .t-hd {
width: 4rem;
text-align: center;
background-color: #d1eafe;
}
#sales_point .wrap table tr td {
font-size: 1rem;
color: #666666;
line-height: 1.5;
text-align: justify;
text-justify: inter-ideograph;
border: 1px solid #aeaeae;
padding: .5rem;
}
.slgan-text {
color: #ffffff;
display: inline-block;
font-size: 1.25rem;
padding: 1rem 2rem;
letter-spacing: .5rem;
border: 1px solid rgba(255, 255, 255, .7);
font-weight: 500;
}
.FAQ-search-input{
width: 100%;
max-width: 100%;
}
.FAQ-search-input .tag-list {
padding: 2px 2.5rem 2px .5rem;
margin-bottom: 0;
line-height: 2rem;
font-size: 1rem;
}
.FAQ-search-input .tag-list .FAQ-tag{
margin: 0;
font-size: 1rem;
padding: 0 1rem;
}
.FAQ-search-input .icon-icon-2 {
right: 1rem;
transform: scale(.8);
-ms-transform: scale(.8);
-moz-transform: scale(.8);
-webkit-transform: scale(.8);
-o-transform: scale(.8);
}
.FAQ-search-input.open .icon-icon-2 {
transform: scale(.8) rotate(180deg);
-ms-transform: scale(.8) rotate(180deg);
-moz-transform: scale(.8) rotate(180deg);
-webkit-transform: scale(.8) rotate(180deg);
-o-transform: scale(.8) rotate(180deg);
}
.FAQ-search-input .tag-panel{
height: 100vh;
width: 100%;
position: fixed;
left: 0;
top: 0;
background-color: rgba(0, 0, 0, .3);
border-top: 1px solid #e5e6e6;
z-index: 500;
opacity: 0;
visibility: hidden;
-webkit-transition: visibility .3s ease,opacity .3s ease,-webkit-transform .3s ease;
transition: visibility .3s ease,opacity .3s ease,-webkit-transform .3s ease;
transition: visibility .3s ease,opacity .3s ease,transform .3s ease;
transition: visibility .3s ease,opacity .3s ease,transform .3s ease,-webkit-transform .3s ease;
}
.FAQ-search-input.open .tag-panel{
opacity: 1;
visibility: visible;
}
.FAQ-search-input .tag-modal{
max-height: 100vh;
min-height: 40vh;
width: 100%;
left: 0;
bottom: -70vh;
position: fixed;
z-index: 501;
background-color: #fff;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
.FAQ-search-input.open .tag-modal{
bottom: 0;
}
.FAQ-search-input .tag-modal .modal-head{
font-size: 1.1rem;
color: #333;
padding: .75rem 2rem;
text-align: center;
position: relative;
border-bottom: 1px solid #e5e6e6;
letter-spacing: 1px;
white-space: normal;
display: -ms-flexbox;
display: flex !important;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
}
[lang=en] .FAQ-search-input .tag-modal .modal-head{
padding: .75rem 2rem .75rem 1rem;
-ms-flex-pack: start;
justify-content: flex-start;
}
.FAQ-search-input .tag-modal .modal-head .icon-icon-27{
position: absolute;
font-size: .9rem;
top: 50%;
right: .75rem;
margin-top: -.6rem;
}
.FAQ-search-input .tag-modal .modal-body{
padding: 15px 0;
}
.FAQ-search-input .type-options{
max-height: calc(70vh - 160px);
min-height: calc(40vh - 160px);
overflow-y: auto;
padding: 0 15px;
}
.FAQ-search-input .type-options .checkbox{
line-height: 3rem;
font-size: 1rem;
margin: 0;
}
.FAQ-search-btn {
padding: 2rem 15px 1rem 15px;
width: 100%;
}
.FAQ-search-btn .btn{
display: block;
font-size: 1rem;
line-height: 2.8rem;
padding: 0;
}
.FAQ-list .content-title {
color: #333;
font-size: 1.15rem;
position: relative;
padding-left: .8rem;
font-weight: bold;
line-height: 2rem;
}
.FAQ-list .content-title:before {
content: '';
display: inline-block;
position: absolute;
width: 3px;
height: 1.2rem;
top: 50%;
left: 0;
margin-top: .-.6rem;
background-color: #2087ec;
}
.FAQ-item {
font-size: 1rem;
}
.FAQ-item .FAQ-title {
color: #333;
padding: 1rem 3rem 1rem .8rem;
position: relative;
cursor: pointer;
text-align: left;
z-index: 1;
}
.FAQ-item .FAQ-title>span{
text-indent: -1.3rem;
margin-left: 1rem;
}
.FAQ-item .FAQ-content {
display: none;
font-size: 1rem;
padding: 1rem 1.2rem;
line-height: 2;
box-shadow: 0 2px .8rem 1px #ddd;
}
#video_introduce .video-box{
margin: 0;
}
#video_introduce .video-box .video-cover .play-icon,
#video_introduce .video-box:hover .video-cover .play-icon{
position: absolute;
top: 50%;
left: 50%;
color: #ffffff;
width: 3rem;
height: 3rem;
margin-top: -1.5rem;
margin-left: -1.5rem;
background: url("../img/pro_mb_30.png");
background-size: 100% 100%;
background-position: center center;
background-repeat: no-repeat;
}
#video_introduce .video-box .video-cover .play-icon:before {
display: none;
}
#video_introduce .video-box .video-title {
font-size: 1rem;
margin-top: .5rem;
}
#video_modal .modal-dialog{
width: 100%;
height: 56.25vw;
margin: 0;
margin-top: 58vh
}
#video_modal.modal{
margin-top: -28.125vw;
overflow: visible;
background-color: rgba(0, 0, 0, .6);
}
#manual_download .download-link {
letter-spacing: 0;
}
#manual_download_nav .tab-link .link-name {
font-size: 1rem;
margin-top: -.4rem;
margin-bottom: -.2rem;
height: 2.5rem;
line-height: 1.2;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
}
}
/* 鏂拌仦瑭虫儏 */
@media (max-width: 768px){
.news-content-title{
font-size: 1.25rem;
color: #333;
line-height: 1.5;
padding-top: 1.5rem;
padding-bottom: 1rem;
font-weight: bold;
margin: 0;
}
.news-content-time{
font-size: .9rem;
color: #999;
}
.news-split-title{
font-size: 1rem;
color: #333;
font-weight: bold;
}
.news-content-main{
margin-top: 1rem;
color: #666;
font-size: 1rem;
font-family: Arial, Helvetica, sans-serif;
line-height: 2;
text-align: justify;
text-justify: inter-ideograph;
}
.news-content-main p,
.news-content-main span{
color: #666;
font-size: 1rem;
font-family: Arial, Helvetica, sans-serif;
line-height: 2;
text-align: justify;
text-justify: inter-ideograph;
}
.news-content-img{
margin-top: 1rem;
}
.news-content-img img,
.news-content-main img{
max-width: 100% !important;
width: 100%;
margin: auto;
}
.wrap .news-content-text .circle-li{
display: inline-block;
width: .6rem;
height: .6rem;
border-radius: .3rem;
background-color: #666;
}
}
/* 浜у搧鍙婃湇鍔�*/
#tab_template{display: none;}
@media (max-width: 768px){
.block-split{
height: 10px;
background-color: #f1f1f1;
margin: 0 -15px;
}
/* 鐩稿唺 */
.mio-thumbs .thumbs-view{
border: 1px solid #e5e5e5;
margin: 1.5rem 0;
position: relative;
}
.mio-thumbs .sales-mark{
position: absolute;
text-align: center;
font-size: 1.2rem;
font-weight: normal;
letter-spacing: 1px;
line-height: 2.4rem;
border-radius: 0 0 0 5px;
padding: 0 1rem;
max-width: 50%;
overflow: hidden;
top: 0;
right: 0;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
z-index: 99;
color: #fff;
background-color: #ef0001;
}
.mio-thumbs .thumbs-nav{
padding: 0 2rem;
position: relative;
}
.mio-thumbs .swiper-slide img{
display: block;
}
.mio-thumbs .swiper-slide .play-icon{
position: absolute;
top: 50%;
left: 50%;
color: #ffffff;
width: 22%;
transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%); /* IE 9 */
-moz-transform: translate(-50%,-50%); /* Firefox */
-webkit-transform: translate(-50%,-50%); /* Safari and Chrome */
-o-transform: translate(-50%,-50%); /* Opera */
}
.mio-thumbs .thumbs-list .swiper-slide .play-icon{
width: 30%;
}
.mio-thumbs .thumbs-list .swiper-slide{
border: 1px solid #e5e5e5;
}
.mio-name{
margin: 1rem 0 .5rem 0;
font-size: 1.4rem;
color: #333;
font-weight: bold;
}
#cloud_devices_content .thumbs-nav .thumbs-button-next,
#cloud_devices_content .thumbs-nav .thumbs-button-prev {
color: #d1d1d1;
position: absolute;
top: 50%;
font-size: 2rem;
margin-top: -1.5rem;
outline: none;
opacity: .5;
}
#cloud_devices_content .thumbs-nav .thumbs-button-next {
right: -2%;
}
#cloud_devices_content .thumbs-nav .thumbs-button-prev {
left: -2%;
}
#cloud_devices_content .block-title {
padding-left: 10px;
font-size: 1.1rem;
color: #333;
font-weight: bold;
position: relative;
}
#cloud_devices_content .want-buy .block-title {
font-size: 1.1rem;
}
#cloud_devices_content .block-title:before{
content:'';
position: absolute;
height: 1.2rem;
top: .1rem;
margin-top: 0;
left: 0;
width: 3px;
background-color: #2087ec;
}
.pro-tab{
padding-bottom: 1.5rem;
letter-spacing: 1px;
}
.pro-tab .block-tip{
margin-top: 1.5rem;
}
.pro-tab .input-row{
margin: 1.2rem 0;
}
.pro-tab .input-row .input-label{
-ms-flex: 0 0 8rem;
flex: 0 0 8rem;
max-width: 8rem;
text-align: right;
}
.pro-tab .input-row .custom-input{
position: relative;
}
.pro-tab .input-row .custom-input .areaCode{
position: absolute;
width: 5rem;
height: 2rem;
margin: 0.4rem 0;
padding: .2rem .5rem .2rem 1rem;
font-size: 1.1rem;
border-right: 1px solid #cfcfcf;
text-wrap: nowrap;
text-align: center;
z-index: 1;
}
.pro-tab .input-row .custom-input .form-control {
height: 2.8rem;
padding: .6rem 1rem;
font-size: 1.1rem;
border-radius: 1.3rem;
color: #000000;
-webkit-box-shadow: none;
box-shadow: none;
}
.pro-tab .buy-num-input{
-ms-flex: 1 1 auto;
flex: 1 1 auto;
display: -ms-flexbox !important;
display: flex !important;
-ms-flex-pack: end;
justify-content: flex-end;
-ms-flex-align: center !important;
align-items: center !important;
}
.pro-tab .buy-num-input .form-control{
width: 5rem;
height: 2.8rem;
line-height: 2.8rem;
font-size: 1.1rem;
border-radius: 0;
background-color: #f7f7f7;
color: #000000;
-webkit-box-shadow: none;
box-shadow: none;
text-align: center;
}
.pro-tab .buy-num-input .sub-btn,
.pro-tab .buy-num-input .add-btn{
font-size: 1rem;
height: 2.8rem;
background-color: #f7f7f7;
border: 1px solid #ccc;
width: 2.5rem;
text-align: center;
line-height: 2.8rem;
}
.pro-tab .buy-num-input .sub-btn:active,
.pro-tab .buy-num-input .add-btn:active{
background-color: #ddd;
}
.pro-tab .buy-num-input .sub-btn{
border-right: none;
border-radius: 50% 0 0 50%;
}
.pro-tab .buy-num-input .add-btn{
border-left: none;
border-radius: 0 50% 50% 0;
}
.pro-tab .buy-num-input .sub-btn span{
display: inline-block;
transform: scaleX(1.4);
-ms-transform: scaleX(1.4); /* IE 9 */
-moz-transform: scaleX(1.4); /* Firefox */
-webkit-transform: scaleX(1.4); /* Safari and Chrome */
-o-transform: scaleX(1.4); /* Opera */
}
.pro-tab .buy-num-input .add-btn span{
display: inline-block;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
-ms-transform: rotate(45deg); /* IE 9 */
-moz-transform: rotate(45deg); /* Firefox */
-o-transform: rotate(45deg); /* Opera */
}
.pro-tab .want-buy-btn,
.pro-tab .want-try-btn,
.pro-tab .outsitelink{
margin: 1rem 0;
height: 2.8rem;
line-height: 2.8rem;
padding: 0 1.5rem;
width: 100%;
border-radius: 1.5rem;
border: 1px solid #2087ec;
color: #2087ec;
background-color: white;
outline: none;
}
.pro-tab .want-buy-btn:active
.pro-tab .want-try-btn:active,
.pro-tab .outsitelink:active{
color: #ffffff;
background-color: #2087ec;
}
.related-link{
margin: 0 -15px;
padding: 20px;
background-color: #f1f1f1;
}
.related-video{
padding: 1.5rem 0;
}
.app-download{
background-color: #eaf7fd;
padding: 1rem 15%;
}
.app-download .iOS-download,
.app-download .android-download{
display: block;
margin: 1.5rem 0;
}
.package-btn,.spec-btn{
border: 1px solid #cfcfcf;
color: #333;
width: 50%;
font-size: 1.2rem;
font-weight: bold;
padding: 1rem 0;
margin: 2rem .5rem;
background-color: #fff;
text-align: center;
outline: none;
}
.package-btn:active,
.spec-btn:active{
background-color: #f1f1f1;
}
#cloud_devices_content .pro-service-bar.wrap-full{
width: auto;
}
.cg-list .cg-name{
padding: 0 10px;
height: auto;
line-height: 1.2;
overflow: hidden;
margin-bottom: 0;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
}
.content-modal .modal-dialog{
height: 75vh;
margin: 0 15px;;
margin-top: 30vh;
background-color: #ffffff;
border-radius: 5px;
position: relative;
}
.content-modal.modal{
margin-top: 0;
overflow: visible;
background-color: rgba(0, 0, 0, .6);
}
.content-modal .modal-close{
position: absolute;
font-size: 1.8rem;
top: 5px;
right: 10px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
-ms-transform: rotate(45deg); /* IE 9 */
-moz-transform: rotate(45deg); /* Firefox */
-o-transform: rotate(45deg); /* Opera */
}
.content-modal .modal-head{
text-align: center;
font-size: 1.5rem;
color: #333;
padding: 1.5rem 0 1rem 0;
}
.content-modal .modal-body{
height: calc(75vh - 70px);
overflow-y: auto;
padding: 0 15px;
}
/****************************************************/
#wise_medical_content .content-block,
#precision_medical_content .content-block,
#cloud_devices_content .content-block,
#APP_content .content-block{
margin-top: 2rem;
padding: 0;
letter-spacing: 0;
}
#wise_medical_content .content-title,
#precision_medical_content .content-title,
#cloud_devices_content .content-title,
#APP_content .content-title{
color: #333;
font-size: 1.1rem;
position: relative;
padding-left: .8rem;
margin-bottom: 1rem;
font-weight: bold;
}
#wise_medical_content .content-title:before,
#precision_medical_content .content-title:before,
#cloud_devices_content .content-title:before,
#APP_content .content-title:before{
content: '';
display: inline-block;
position: absolute;
width: 3px;
height: 1.2rem;
top: 0;
left: 0;
margin-top: .1rem;
background-color: #2087ec;
}
#wise_medical_content .circle-li,
#precision_medical_content .circle-li,
#cloud_devices_content .circle-li,
#APP_content .circle-li{
font-size: 1rem;
line-height: 2;
margin-bottom: 0;
padding-left: 1rem;
}
#wise_medical_content .circle-li:before,
#precision_medical_content .circle-li:before,
#cloud_devices_content .circle-li:before,
#APP_content .circle-li:before{
content: '';
position: absolute;
top: 0;
left: 0;
margin-top: .75rem;
display: inline-block;
width: .5rem;
height: .5rem;
border-radius: 50%;
background-color: #666;
margin-right: .5rem;
}
#precision_medical_nav .tab-link .link-name{
margin-top: -.2rem;
height: 2.5rem;
}
#precision_medical_content .next-step{
color: #d5d5d5;
}
#precision_medical_content .left-caret {
display: inline-block;
width: 0;
height: 0;
margin-left: 2px;
vertical-align: middle;
border-left: .5rem dashed #d5d5d5;
border-top: .5rem solid transparent;
border-bottom: .5rem solid transparent;
}
#precision_medical_content .wrap table tr td:first-child {
width: 7.5rem;
text-align: left;
white-space: nowrap;
}
#precision_medical_content .wrap .stardand-table td {
padding: .5rem .5rem .5rem .8rem;
word-break: break-all;
}
#precision_medical_content .iconyldgw6:after {
z-index: 0;
transform: scale(0.45);
-ms-transform: scale(0.45);
-moz-transform: scale(0.45);
-webkit-transform: scale(0.45);
-o-transform: scale(0.45);
}
#cloud_medical_nav a{
color: #666;
}
#cloud_medical_nav .tab-link .link-name,
#cloud_devices_nav .tab-link .link-name {
font-size: 1rem;
margin-top: 0;
margin-bottom: -.2rem;
height: 2.5rem;
line-height: 1.2;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
}
#cloud_medical_nav .iconyldgw21{
transform: scale(1.4) translateY(.4rem);
-ms-transform: scale(1.4) translateY(.4rem);
-moz-transform: scale(1.4) translateY(.4rem);
-webkit-transform: scale(1.4) translateY(.4rem);
-o-transform: scale(1.4) translateY(.4rem);
}
#cloud_medical_nav .app-icon{
transform: translateY(.3rem);
-ms-transform: translateY(.3rem);
-moz-transform: translateY(.3rem);
-webkit-transform: translateY(.3rem);
-o-transform: translateY(.3rem);
}
#cloud_medical_nav .iconyld10{
transform: scale(1.9) translateY(.2rem);
-ms-transform: scale(1.9) translateY(.2rem);
-moz-transform: scale(1.9) translateY(.2rem);
-webkit-transform: scale(1.9) translateY(.2rem);
-o-transform: scale(1.9) translateY(.2rem);
}
#cloud_devices_nav .iconyldgw26 {
transform: scale(1.15) translateY(.4rem);
-ms-transform: scale(1.15) translateY(.4rem);
-moz-transform: scale(1.15) translateY(.4rem);
-webkit-transform: scale(1.15) translateY(.4rem);
-o-transform: scale(1.15) translateY(.4rem);
}
#cloud_devices_nav .iconyldgw7 {
transform: scale(1.25) translateY(.4rem);
-ms-transform: scale(1.25) translateY(.4rem);
-moz-transform: scale(1.25) translateY(.4rem);
-webkit-transform: scale(1.25) translateY(.4rem);
-o-transform: scale(1.25) translateY(.4rem);
}
#cloud_devices_nav .iconyld9 {
transform: scale(1.4) translateY(.2rem);
-ms-transform: scale(1.4) translateY(.2rem);
-moz-transform: scale(1.4) translateY(.2rem);
-webkit-transform: scale(1.4) translateY(.2rem);
-o-transform: scale(1.4) translateY(.2rem);
}
#cloud_devices_nav .iconyldgw3 {
transform: scale(1.4) translateY(.2rem);
-ms-transform: scale(1.4) translateY(.2rem);
-moz-transform: scale(1.4) translateY(.2rem);
-webkit-transform: scale(1.4) translateY(.2rem);
-o-transform: scale(1.4) translateY(.2rem);
}
#cloud_devices_nav .iconyldgw24 {
transform: scale(1.4) translateY(.2rem);
-ms-transform: scale(1.4) translateY(.2rem);
-moz-transform: scale(1.4) translateY(.2rem);
-webkit-transform: scale(1.4) translateY(.2rem);
-o-transform: scale(1.4) translateY(.2rem);
}
#cloud_devices_content .device-doc {
padding-left: 0;
line-height: 2;
font-size: 1rem;
letter-spacing: 0;
}
#cloud_devices_content .device-doc .doc-label {
-ms-flex: 0 0 7rem;
flex: 0 0 7rem;
max-width: 7rem;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
margin-right: 0;
margin-left: -.5rem;
}
#cloud_devices_content .device-doc .doc-text {
letter-spacing: normal;
text-align: justify;
}
#cloud_devices_content .consultation-list a {
margin-right: 0;
color: #666;
font-size: 1rem;
text-decoration: none;
line-height: normal;
padding: 0 5px;
}
#cloud_devices_content .consultation-list .website-icon {
font-size: 3.5rem;
}
#cloud_devices_content .content-block {
padding: 0;
margin-top: 1.5rem;
letter-spacing: 0;
}
#cloud_devices_content .li-title {
font-size: 1rem;
margin-bottom: 0;
line-height: 2;
margin-left: -.5rem;
}
#cloud_devices_content .title-dot {
font-size: 1rem;
font-weight: bold;
color: #666;
line-height: 2;
}
#cloud_devices_content .title-dot:before {
content: '';
display: inline-block;
width: .6rem;
height: .6rem;
border-radius: 50%;
background: -webkit-linear-gradient(#2087ec , #00ccff);
background: -o-linear-gradient(#2087ec, #00ccff);
background: -moz-linear-gradient(#2087ec, #00ccff);
background: linear-gradient(#2087ec , #00ccff);
margin-right: .5rem;
}
#cloud_devices_content .wrap table{
width: 100%;
text-align: center;
}
#cloud_devices_content .wrap table tr td {
border: 1px solid #e5e5e5;
}
#cloud_devices_content .pro-service-bar{
position: relative;
padding: 0;
font-size: 1rem;
}
#cloud_devices_content .pro-service-bar .col-4 {
padding: 1.5rem 0;
}
#cloud_devices_content .pro-service-bar .split {
background-color: rgba(0, 0, 0, 0.1);
}
#cloud_devices_content .cg-list .col-6:nth-child(even) {
padding-left: 10px;
margin-bottom: 20px;
}
#cloud_devices_content .cg-list .col-6:nth-child(odd) {
padding-right: 10px;
margin-bottom: 20px;
}
#cloud_devices_content .cg-list .cg-box{
padding: 0 0 .5rem 0;
height: 100%;
position: relative;
}
#cloud_devices_content .cg-list .cg-box img {
margin-bottom: 0;
min-height: 5rem;
}
#cloud_devices_content .cg-list .cg-box .sales-mark{
position: absolute;
text-align: center;
font-size: 1rem;
font-weight: normal;
letter-spacing: 1px;
line-height: 2rem;
white-space: nowrap;
padding: 0 .5rem;
max-width: 50%;
overflow: hidden;
border-radius: 0 0 0 5px;
top: 0;
right: 0;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
z-index: 99;
color: #fff;
background-color: #f20000;
}
#cloud_devices_content .app-download-btn{
padding: .4rem 2rem;
}
.btn.btn-return {
padding: .6rem 1.2rem;
font-size: 1rem;
}
#APP_content.wrap{
padding: 0 16px;
}
#APP_content .stardand-table {
width: 100%;
font-size: 1rem;
letter-spacing: normal;
}
#APP_content .stardand-table>tbody>tr:first-child>td{
letter-spacing: 1px;
}
#APP_content .stardand-table td {
padding: .6rem 1rem;
border: 1px solid #e5e5e5;
}
#APP_content .stardand-table tr>td:first-child {
width: 55%;
}
#APP_content .stardand-table.last-table tr>td:first-child {
width: 48%;
}
}
/* 科室圖標 */
.department-box{
padding: 20px;
border: 2px solid #dcdcdc;
margin: 0 20px 20px 20px;
border-radius: 5px;
cursor: pointer;
}
.department-box:hover,
.department-box.active{
border-color: #2087ec;
color: #2087ec;
}
.department-box .department-icon{
position: relative;
width: 100px;
height: 100px;
margin: 0 20px 10px 20px;
}
.department-box .department-icon img {
height: 100%;
position: absolute;
top: 50%;
left: 50%;
display: block;
transform: translate(-50%,-50%);
}
.department-box .department-icon img:nth-child(1){
z-index: 10;
}
.department-box .department-icon img:nth-child(2) {
z-index: 20;
display: none;
}
.department-box.active .department-icon img:nth-child(1),
.department-box:hover .department-icon img:nth-child(1) {
display: none;
}
.department-box.active .department-icon img:nth-child(2),
.department-box:hover .department-icon img:nth-child(2) {
display: block;
}
@media (max-width: 768px){
.department-box{
flex: 0 0 calc(50% - 6px);
padding: 15px;
border: 1px solid #dcdcdc;
margin: 0 0 15px 0;
border-radius: 5px;
cursor: pointer;
}
.department-box .department-icon{
position: relative;
width: 100%;
height: 80px;
margin: 0;
}
}