html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } 

 body { color: #222324; line-height: 1.5; font-size: 14px; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif; } 
 
 html,
 body,
 div,
 span,
 applet,
 object,
 iframe,
 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 p,
 blockquote,
 pre,
 a,
 abbr,
 acronym,
 address,
 big,
 cite,
 code,
 del,
 dfn,
 em,
 img,
 ins,
 kbd,
 q,
 s,
 samp,
 small,
 strike,
 strong,
 sub,
 sup,
 tt,
 var,
 dl,
 dt,
 dd,
 ol,
 ul,
 li,
 fieldset,
 form,
 label,
 legend,
 table,
 caption,
 tbody,
 tfoot,
 thead,
 tr,
 th,
 td { margin: 0; padding: 0; } 
 button,
 input,
 optgroup,
 select,
 textarea { color: inherit; font: inherit; margin: 0; padding: 0; border: 0; background: 0; } 
 button:focus,
 input:focus,
 optgroup:focus,
 select:focus,
 textarea:focus { text-decoration: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); outline: none; } 
 textarea { resize: none; } 
 img { border: 0; vertical-align: bottom; max-width: 100%; } 
 a { text-decoration: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); outline: none; color: #222324; } 
 a:hover { color:#2E65EF; } 
 a,a:hover,a:active,a:visited,a:link,a:focus { -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; outline:none; background: none; text-decoration: none; } 
 ul,
 li { list-style: none; } 
 h1,
 h2,
 h3,
 h4,
 h5,
 h6 { font-size: 100%; font-variant: normal; } 
 .clearfix:before,
 .clearfix:after { content: ""; display: table; } 
 .clearfix::after { clear: both; overflow: hidden; } 
 [class *= 'col-'] { float: left; } 
 .row::after { content: ""; display: block; clear: both; overflow: hidden; } 
 .col-1 { width:8.33333333%; } 
 .col-2 { width:16.66666667%; } 
 .col-3 { width:25%; } 
 .col-4 { width:33.33333333%; } 
 .col-5 { width:41.66666667%; } 
 .col-6 { width:50%; } 
 .col-7 { width:58.33333333%; } 
 .col-8 { width:66.66666667%; } 
 .col-9 { width:75%; } 
 .col-10 { width:83.33333333%; } 
 .col-11 { width:91.66666667%; } 
 .col-12 { width:100%; } 
 .sm-show,
 .md-show,
 .xs-show { display: none; } 
 
/* 共用图标 */
/* 向下箭头 */
.downIcon { width: 20px; height: 16px; } 
.col-13p { width: 13.33%; } 
.col-20p { width: 20%; } 
.col-30p { width: 30%; } 
.col-39p { width: 39.99%; } 
.col-40p { width: 40%; } 
.col-80p { width: 80%; } 

/* 辅助样式 */
/* hover */
.FHTS-hover:hover { cursor: pointer; } 
.FHTS-hover-primary:hover { color: #2D65EF; } 
/* 定位 */
.FHTS-pst-re { position: relative; } 
/* 边框 */
.FHTS-test-border { border: 1px solid red; box-sizing: border-box; } 
/* 块 */
.FHTS-dp-bk { display: block; } 
.FHTS-dp-ib { display: inline-block; } 
.FHTS-boxs-bbox { box-sizing: border-box; } 
/* 排列 */
.FHTS-ttc { text-align: center; } 
.FHTS-ttl { text-align: left; } 
.FHTS-ttr { text-align: right; } 
.FHTS-white-space { white-space: nowrap; } 
.FHTS-vtc-top { vertical-align: top; } 
/* 隐藏 */
.FHTS-hide { display: none; } 
.FHTS-overhide { overflow: hidden; } 
/* 浮动 */
.FHTS-float-lt { float: left; } 
.FHTS-float-rt { float: right; } 
.FHTS-float-clear { clear:both; overflow: hidden; } 
/* 字体粗度 */
.FHTS-ftw-sx { font-weight: 400; } 
.FHTS-ftw-base { font-weight: 500; } 
.FHTS-ftw-lg { font-weight: bold; } 
/* 字体尺寸 */
.FHTS-fonts-mini { font-size: 10px; } 
.FHTS-fonts-xs { font-size: 12px; } 
.FHTS-fonts-sm { font-size: 14px; } 
.FHTS-fonts-md { font-size: 16px; } 
.FHTS-fonts-lg { font-size: 18px; } 
.FHTS-fonts-xl { font-size: 20px; } 
.FHTS-fonts-xxl { font-size: 22px; } 
/* 字体颜色 */
.FHTS-color-white { color: #fff; } 
.FHTS-color-primary { color: #2D65EF; } 
.FHTS-color-danger { color: #f44a4a; } 
.FHTS-color-text-olevel { color: #333; } 
.FHTS-color-text { color: #444; } 
.FHTS-color-seconday { color: #878787; } 
.FHTS-color-placeholder { color: #656565; } 
.FHTS-color-light { color: #999; } 
.FHTS-color-greyolevel { color: #666; } 
.FHTS-color-lighter { color: #9A9A9A; } 
/* 背景颜色 */
.FHTS-bg-white { background-color: #fff; } 
.FHTS-bg-primary { background-color: #2D65EF; } 
.FHTS-bg-light { background-color: #F9F9FD; } 
/* 图片背景 */
.FHTS-bgImage { background-position: center center; background-size: cover; background-repeat: no-repeat; } 
.FHTS-width100p { width: 100%; } 
.FHTS-height100p { height: 100%; } 
/* 行高 */
.FHTS-lh-reset{ line-height: 1; }
/* 一般用于多行的描述 */
.FHTS-lineh-olevel { line-height: 1.8; } 
/* 一般用于多行的标题 */
.FHTS-lineh-slevel { line-height: 1.5; } 
.FHTS-floor { padding-top: 120px; } 

 #banner { margin-top: 89px; } 
 .main-banner-img { bottom: 70%; } 
 .reservation { height: 200px; background-color: #222324; margin-top: 70px; text-align: center; color:#fff; overflow: hidden; position: relative; } 
 .reservation h2 { font-size: 30px; padding-top: 35px; position: relative; z-index: 1; } 
 .reservation .FHTS-button { width: 160px; height: 44px; line-height: 44px; font-weight: bold; font-size: 16px; padding:0px; margin-top: 20px; position: relative; z-index: 1; } 
 .reservation .ns-bg { position: absolute; left:0; top:0; transform: translateY(-35%); width: 100%; } 
 .tabClass { background-color: #262c48; height: 150px; } 
 .tabClass .tab-title { position: absolute; top: 22px; left: 50%; transform: translateX(-50%); width: 100%; font-size: 24px; color: #fff; } 
 .tabClass .tab-des { position: absolute; bottom: 24px; left: 50%; transform: translateX(-50%); width: 230px; font-size: 16px; color: #fff; } 
 .tabClass .tag { position: relative; } 
 .tabClass .active { background-image: url(/assets/cloud/images/solution-tabbg.png); background-size: cover; background-repeat: no-repeat; background-position: center center; transition: all .3s linear; } 
 .tabClass .active::after { content: ""; display: block; position: absolute; top: 66px; left: 50%; transform: translateX(-50%); z-index: 1; width: 80px; height: 2px; background-color: #03fff6; } 
 .tabClass .active .tab-title, 
 .tabClass .active .tab-des { color: #03fff6; font-weight: 600; } 
 
 /* start */
.v-close-icon{
	position: absolute;
    right: -96px;
    top: -8px;
    z-index: 5;
    border: 1px solid #ddd;
    border-radius: 50%;
    padding: 5px;
    transform: scale(0.8);
    background-color: #fff;
}
.small-v{
	position: fixed;
	bottom: 70px;
    right: 95px;
	z-index: 80;
	transition: all .4s linear;
}
.xiao-v{ 
	width: 180px;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
 }
.consulting-img{
	position: relative;
	transform: translateX(50%);
	z-index: 2;
}
.small-v .qqzx{
	width: 184px;
	height: 56px;
	position: absolute;
	left: -92px;
	bottom: 18px;
	z-index: 5;
}
.small-v .zxzx{
	width: 184px;
	height: 56px;
	position: absolute;
	right: -92px;
	bottom: 18px;
	z-index: 5;
}
/* end */
 
@media screen and (max-width: 1024px){
 .col-md-1 { width:8.33333333%; } 
 .col-md-2 { width:16.66666667%; } 
 .col-md-3 { width:25%; } 
 .col-md-4 { width:33.33333333%; } 
 .col-md-5 { width:41.66666667%; } 
 .col-md-6 { width:50%; } 
 .col-md-7 { width:58.33333333%; } 
 .col-md-8 { width:66.66666667%; } 
 .col-md-9 { width:75%; } 
 .col-md-10 { width:83.33333333%; } 
 .col-md-11 { width:91.66666667%; } 
 .col-md-12 { width:100%; } 
 .md-show { display: block; } 
 .md-hide { display: none; } 

 #banner { margin-top: 50px; } 
 .reservation { margin-top:60px; } 
 }

 @media screen and (max-width:768px){
 .col-sm-1 { width:8.33333333%; } 
 .col-sm-2 { width:16.66666667%; } 
 .col-sm-3 { width:25%; } 
 .col-sm-4 { width:33.33333333%; } 
 .col-sm-5 { width:41.66666667%; } 
 .col-sm-6 { width:50%; } 
 .col-sm-7 { width:58.33333333%; } 
 .col-sm-8 { width:66.66666667%; } 
 .col-sm-9 { width:75%; } 
 .col-sm-10 { width:83.33333333%; } 
 .col-sm-11 { width:91.66666667%; } 
 .col-sm-12 { width:100%; } 
 .sm-hide { display: none; } 
 .sm-show { display: block; } 
 .tabClass .tab-title { font-size: 22px; top: 50%; transform: translate(-50%, -50%); } 
 .tabClass .active::after { top: auto; bottom: 0; width: 120px; height: 4px; } 
 }

 @media (max-width: 480px){
 .col-xs-1 { width:8.33333333%; } 
 .col-xs-2 { width:16.66666667%; } 
 .col-xs-3 { width:25%; } 
 .col-xs-4 { width:33.33333333%; } 
 .col-xs-5 { width:41.66666667%; } 
 .col-xs-6 { width:50%; } 
 .col-xs-7 { width:58.33333333%; } 
 .col-xs-8 { width:66.66666667%; } 
 .col-xs-9 { width:75%; } 
 .col-xs-10 { width:83.33333333%; } 
 .col-xs-11 { width:91.66666667%; } 
 .col-xs-12 { width:100%; } 
 .xs-hide { display: none; } 
 .xs-show { display: block; } 
 #banner { margin-top: 50px; } 
 .reservation { margin-top: 40px; } 
 .tabClass .tab-title { font-size: 12px; top: 50%; } 
 .tabClass { height: 75px; } 
 .tabClass .active::after { top: 73px; width: 60px; height: 2px; } 
 }
 /*大于等于360 安卓 */
@media (max-width: 360px){
 .tabClass .tab-title { font-size: 12px; } 
 }

/*大于等于320 ios5 安卓 */
@media (max-width: 320px){
 .tabClass .tab-title { font-size: 12px; top: 30px; } 
 }

body { min-width: 1280px; } 
 /*容器*/
.FHTS-container { margin: 0 auto; box-sizing: border-box; position: relative; width: 1220px; } 

/*按钮*/
.FHTS-button { display: inline-block; line-height: 1; white-space: nowrap; cursor: pointer; background: #fff; border: 1px solid #dcdfe6; color: #606266; -webkit-appearance: none; text-align: center; box-sizing: border-box; outline: none; margin: 0; font-weight: 500; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; padding: 12px 20px; font-size: 14px; border-radius: 4px; cursor: pointer; position: relative; overflow: hidden; } 
.FHTS-button + .FHTS-button { margin-left: 10px; } 
.FHTS-fr { float: right; } 
.FHTS-fl { float: left; } 
.FHTS-button--primary { background-color: #3c42ef; color:#fff; border:0px; } 
.FHTS-button--primary a{color:#fff;}
.FHTS-button--plain { background: none; } 
.FHTS-button--primary.FHTS-button--plain { border-width: 1px; border-style: solid; border-color: #3c42ef; color:#3c42ef; } 
.FHTS-button::after { content: ""; background: rgba(0,0,0,0.1); display: block; position: absolute; border-radius: 50%; padding-top: 240%; padding-left: 240%; margin-top: -120%; margin-left: -120%; opacity: 0; transition: all 1s; } 
 
.FHTS-button:active::after { padding-top: 0; padding-left: 0; margin-top: 0; margin-left: 0; opacity: 1; transition: 0s; } 
.FHTS-button--primary::after { background-color: rgba(255,255,255,0.3); } 
.FHTS-button--small { padding:9px 16px; } 

 /* 省略 */
.FHTS-omit1,
.FHTS-omit2,
.FHTS-omit3,
.FHTS-omit4 { overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } 
.FHTS-omit1 { -webkit-line-clamp: 1; } 
.FHTS-omit2 { -webkit-line-clamp: 2; } 
.FHTS-omit3 { -webkit-line-clamp: 3; } 
.FHTS-omit4 { -webkit-line-clamp: 4; } 

/*image*/
.FHTS-image { max-width: 100%; overflow: hidden; } 
.FHTS-image img { object-fit: cover; width: 100%; height: 100%; } 
.FHTS-image--contain img { object-fit: contain; } 


/*图片预览放大*/
.FHTS-preview { background: #000; width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 9999; overflow: hidden; } 
.FHTS-preview__pagination { position: fixed; left: 0; width: 100%; height: 32px; line-height: 32px; top: 0; text-align: center; color:#fff; z-index: 11; background:rgba(0,0,0,0.5) } 
.FHTS-preview .swiper-zoom-container img { max-width: 100%; max-height: 100%; position: relative; z-index: 10; } 

/*头部*/
.FHTS-header { height: 70px; position: fixed; width: 100%; left:0; top:0; z-index: 99; } 
.FHTS-header .FHTS-container { max-width: 1440px; position: relative; z-index: 2; height: 100%; width: inherit; min-width: 1220px; } 
.FHTS-header-logo { position:absolute; left:0; top:50%; margin-top: -13px; height: 26px; } 
.FHTS-header-logo img { height: 100%; display: block; } 
.FHTS-header-logo .FHTS-header-logo__black { display: none; } 
.FHTS-header-right { float: right; } 
.FHTS-header .FHTS-menu { float: left; } 
.FHTS-header-accout { float: right; margin:19px 0 0 20px; } 
.FHTS-header-accout .FHTS-button { padding:0 50px; font-size: 16px; height: 32px; line-height: 30px; border-radius: 30px;} 
.FHTS-header-accout .FHTS-button--primary { background-color: #fff; color:#3c42ef; border-color: #fff; } 
.FHTS-header-accout .FHTS-button--plain { border:0; color:#fff; } 
.FHTS-header-bg { background-color: #F8F9FC; width: 100%; height: 100%; position: absolute; left:0; top:0; opacity: 0; transition: .1s; z-index: 1; } 
.FHTS-header-normal .logob{display: none;}
/* .FHTS-header-normal:hover .logob{display:inline;}
.FHTS-header--white .logow,.FHTS-header-normal:hover .logow{display: none;} */
.FHTS-header--white .logob{display:inline !important;}
.FHTS-header-normal .FHTS-menu .FHTS-menu-item__link a{color: #fff;}
.FHTS-header--white .FHTS-menu .FHTS-menu-item__link a { color:#666; } 
.FHTS-menu-item__arrow { display: inline-block; width: 12px; height: 12px; background: url(/assets/cloud/images/icon_more01.png) no-repeat center; background-size: 12px; margin-left: 3px; } 
.FHTS-menu-item.hover .FHTS-menu-item__link .FHTS-menu-item__arrow { background: url(/assets/cloud/images/icon_more02.png) no-repeat center; } 
.FHTS-header-normal .FHTS-header-logo__black,
.FHTS-header--white .FHTS-header-logo__black { display: block; } 
.FHTS-header-normal .FHTS-header-logo__white,
.FHTS-header--white .FHTS-header-logo__white { display: none; } 
.FHTS-header--white .FHTS-header-accout .FHTS-button--primary { background-color: #3c42ef; border-color: #3c42ef; color:#fff; } 
.FHTS-header--white .FHTS-header-accout .FHTS-button--plain { border-color: #3c42ef; color:#3c42ef; } 
.FHTS-header-normal { height: 70px; } 
.footer-detail { padding:30px 0 30px; background:#121728; } 
.footer-detail li { float: left; width: 20%; } 
.footer-detail .detail-icon-box { position: relative; padding-left: 45px; } 
.footer-detail .detail-icon-box i { position: absolute; left: 0; font-size: 40px; line-height: 40px; color: rgba(255,255,255,0.8); } 
.footer-detail p.detail-name { font-size: 16px; color: #fff; line-height: 24px; } 
.footer-detail .detail-info { color: #fff; font-size: 12px; } 

@media screen and (min-width:1025px){
 .FHTS-header:hover .FHTS-header-bg { opacity: 1 !important; } 
 .FHTS-header:hover .FHTS-header-logo__white { display: none; } 
 .FHTS-header:hover .FHTS-header-logo__black { display: block; } 
 .FHTS-header:hover .FHTS-menu .FHTS-menu-item__link a { color:#666; } 
 .FHTS-header:hover .FHTS-header-accout .FHTS-button--primary { background-color: #3c42ef; border-color: #3c42ef; color:#fff; } 
 .FHTS-header:hover .FHTS-header-accout .FHTS-button--plain { border-color: #3c42ef; color:#3c42ef; } 
 }

/*头部抽屉下拉项*/
.FHTS-drawer { height: 400px; background-color: #f7f9ff; position: fixed; left:0; width: 100%; top:70px; padding-top: 30px; display: none;background-image: url(/assets/cloud/images/bg.image);background-size: cover; } 
.FHTS-drawer--product { box-sizing: border-box; } 
.FHTS-drawer-item__right { width: 140px; float: left; padding-left: 50px; box-sizing: border-box; } 
.FHTS-drawer__right__title { font-size: 24px; font-weight: 400; color: #444; line-height: 48px; border-bottom: 1px solid #f4f4f4; } 
.FHTS-drawer__right__title i { font-size: 22px; color: #2E65EF; margin-right: 7px; float: left; } 
.FHTS-drawer__right__content { line-height: 26px; font-size: 18px; font-family: Microsoft YaHei; font-weight: bold; padding: 10px 24px 10px; margin-top: 16px; color: #333; } 
.FHTS-drawer__new { background:url(/assets/cloud/images/label_new.png) no-repeat left top #FAFAFA; } 
.FHTS-drawer__right__content:hover { color: #2E65EF; cursor:pointer; } 
.FHTS-drawer__right__content span
 {
 font-size: 14px; font-family: Microsoft YaHei; font-weight: 400; color: #999999; line-height: 24px; } 
.FHTS-drawer-item { width: 290px; float: left; padding-right:50px; box-sizing: border-box; } 
.FHTS-drawer-item--big { width: 240px; } 
.FHTS-drawer-item__title { height: 46px; line-height: 45px; color: #777; } 
.FHTS-drawer-item ul { margin-top: 15px; } 
.FHTS-drawer-item li { line-height: 40px; font-size: 16px; } 
.FHTS-drawer-item li a { color:#444; } 
.FHTS-drawer-item li a:hover { color:#2E65EF; } 
.FHTS-drawer-item a.highlight { color:#2E65EF; } 
.FHTS-drawer-item .iconfont { color:#2E65EF; font-size: 22px; margin-right: 7px; float: left; } 
.FHTS-drawer-item__info { line-height: 22px; color:#999; margin-top: 5px; } 
.FHTS-drawer-item__info p { padding-top: 15px; } 
.FHTS-drawer-item__info p a { color:#3c42ef; } 

.FHTS-drawer--product .FHTS-drawer-item:first-child { border-right: 1px solid #e9e9e9; height: 317px; } 
.FHTS-drawer--product .FHTS-drawer-item:first-child li { font-size: 14px; } 

.FHTS-drawer--case .FHTS-drawer-item { width: 33.3%; box-sizing: border-box; padding:20px 40px; } 
.FHTS-drawer--case .FHTS-drawer-item__title { font-size: 18px; color:#333; } 
.FHTS-drawer--offer .FHTS-service-item:hover { background-color: #FFF !important; } 
.FHTS-drawer-item__subitem { line-height: 22px; color:#999; } 
.FHTS-drawer--offer .FHTS-service-item { width: 16.66666% !important; box-sizing: border-box; padding:0 40px !important; text-align: center; line-height: 40px; } 
.FHTS-service-item { float: none; display: inline-block; } 
.FHTS-service-box { text-align: center; } 
.FHTS-drawer--offer .FHTS-drawer-item { width: 20%; box-sizing: border-box; padding:20px 40px; text-align: center; line-height: 40px; } 
.FHTS-drawer--offer .FHTS-drawer-item .iconfont { display: block; font-size: 36px; margin: 0 auto; float: inherit; color:#666; } 
.FHTS-drawer--offer .FHTS-drawer-item:hover { background-color: #fdfbf9; border-radius: 6px; } 
.FHTS-drawer--offer .FHTS-drawer-item a { color:#666; } 
.FHTS-drawer--offer .FHTS-drawer-item h4 { font-weight: normal; font-size: 16px; } 
.FHTS-drawer--offer .FHTS-drawer-item a:hover .iconfont,
.FHTS-drawer--offer .FHTS-drawer-item a:hover { color:#3c42ef; } 

/*菜单*/
.FHTS-menu-item { float: left; height: 70px; line-height: 70px; position: relative; } 
.FHTS-menu-item__link a { padding: 0 22px; font-size: 16px;  } 
.FHTS-menu-item.hover,
.FHTS-menu-item.active { background-color: #ffffff; } 
.FHTS-menu-item.hover .FHTS-menu-item__link a,
.FHTS-menu-item.active .FHTS-menu-item__link a { color:#3c42ef !important; font-weight: bold; } 
.FHTS-menu-item.hover .FHTS-sub-munu { display: block; } 
.FHTS-sub-munu { width: 100%; position: absolute; background-color: #fff; padding:10px 0; left:0; top:70px; display: none; border-radius: 0 0 6px 6px; box-shadow: 0 3px 3px rgba(0,0,0,0.06); } 
.FHTS-sub-munu li { text-align: center; line-height: 44px; font-size: 14px; } 
.FHTS-sub-munu li a { display: block; color:#444; } 
.FHTS-sub-munu li a:hover { background-color: #f6f6f6; } 
/*灰色遮罩层*/
.FHTS-mask { width: 100%; height: 100%; position: fixed; left:0; bottom: 0; background-color: rgba(0, 0, 0, 0.5); z-index: 90; } 

/*底部*/
.FHTS-footer-nav { height: 100px; background-color: #21263a; } 
.FHTS-footer-nav li { width: 20%; float: left; color:#fff; position: relative; padding-left:45px; box-sizing: border-box; margin-top: 20px; } 
.FHTS-footer-nav li strong { font-size: 18px; color:rgba(255,255,255,0.8); } 
.FHTS-footer-nav li p { line-height: 24px; font-size: 14px; color:rgba(255,255,255,0.8); } 
.FHTS-footer-nav .iconfont { position: absolute; left:0; top:0; font-size: 32px; line-height: 54px; opacity: 0.8; } 

.FHTS-footer { background-color: #121728; padding:20px 0; } 

.FHTS-footer-article { width: 17%; float: left; } 
.FHTS-footer-title { font-size: 18px; color:rgba(255,255,255,0.9); line-height: 70px; } 
.FHTS-footer-title a{}
.FHTS-footer-article li { font-size: 16px; line-height: 34px; } 
.FHTS-footer-article a,
.FHTS-footer-cooperation a { color:rgba(255,255,255,0.6); } 
.FHTS-footer-article a:hover { color:rgba(255,255,255,0.9); } 

.FHTS-footer-concat,
.FHTS-footer-cooperation { line-height: 30px; color:#969A9F; font-size: 16px; } 
.FHTS-footer-cooperation,.FHTS-footer-cooperation a { line-height: 22px; color:#969A9F; } 
.FHTS-footer-concat { margin-right:30px; } 
.FHTS-footer-concat__span { padding:0 7px; position: relative; display: inline-block; } 
.FHTS-footer-concat__span .iconfont { font-size: 20px; } 
.FHTS-footer-concat__span:hover,
.FHTS-footer-concat__span:hover a { color:rgba(255,255,255,0.8); } 
.FHTS-footer-concat__span:hover .FHTS-footer-concat__code-img { display: block; } 
.FHTS-footer-concat__code-img { width: 120px; height: 120px; position: absolute; top:-133px; padding: 6px; background-color: #fff; display: none; left:0; } 
.FHTS-footer-concat__code-img img { width: 100%; height: 100%; } 
.FHTS-footer-concat__rz { margin-top: 15px; } 
.FHTS-footer-concat__rz a { margin-right:15px; opacity: 0.6; } 
.FHTS-footer-concat__rz img { height: 32px; } 
.FHTS-footer-concat__rz a:hover { opacity: 0.8; } 
.FHTS-footer-cooperation { font-size: 14px; } 
.FHTS-footer-code img { width: 256px; margin-right: 15px; margin-top: 8px; } 
.FHTS-footer-line { height: 1px; background-color: rgba(255,255,255,0.06); margin-top: 30px; } 

.FHTS-footer-partner a { color:rgba(255,255,255,0.6); margin-right: 15px; } 

.FHTS-footer-copyright { color:rgba(255,255,255,0.6); font-size: 12px; line-height: 20px; margin-top: 30px; padding:0 20px; } 
.FHTS-footer-copyright a { color:rgba(255,255,255,0.6); } 
.FHTS-drawer--sbudrawer { font-size: 14px; font-weight: 400; color: #999999; line-height: 24px; margin-bottom: 20px; } 
/*侧边悬浮*/
.FHTS-aside-icons { position: fixed; bottom: 40%; right:50px; display: none; z-index: 2; z-index: 90; } 
.FHTS-aside-item { width: 50px; height: 50px; border: 1px solid #E7EAF2; box-shadow:0px 4px 10px 0px rgba(112,144,176,0.1); border-radius:6px; background-color: #fff; margin-top:10px; text-align: center; line-height: 50px; color:#ccd0e3; position: relative; cursor: pointer; } 
.FHTS-aside-item:hover { color:#2E65EF; } 
.FHTS-aside-item:hover .FHTS-aside-item__box { display: block; } 
.FHTS-aside-item .iconfont { font-size: 24px; } 
.FHTS-aside-item__box { width: 140px; border: 1px solid #E7EAF2; top:0; border-radius: 6px; padding:10px; position: absolute; right: 70px; line-height: 28px; background-color: #F9FAFD; color:#666666; display: none; box-shadow:0px 4px 10px 0px rgba(112,144,176,0.1); } 
.FHTS-aside-item__box p { font-size: 14px; font-weight: bold; } 
.FHTS-aside-item__box img { width: 100%; display: block; cursor: default; } 
.FHTS-aside-item__box::before { content: ''; width: 10px; height: 14px; background: url(https://www.kesion.com/Template/skin1/static2022/common/images/aside-arrow-right.png) no-repeat; position: absolute; right:-9px; top:17px; } 
.FHTS-aside-item__box--zx { padding:0px; background:none; width: 386px; border:0px; right:55px; } 
.FHTS-aside-item__qqzx,
.FHTS-aside-item__zxzx { width: 184px; height: 56px; position: absolute; left:8px; bottom: 18px; cursor: pointer; } 
.FHTS-aside-item__zxzx { left: inherit; right: 8px; } 
.FHTS-aside-item__box--zx::before { background:none; } 
.FHTS-aside-item__box strong { font-size: 18px; } 


/*手机页面底部咨询*/
.FHTS-footer-advisory,
.FHTS-footer-advisory-blank { height: 50px; line-height: 50px; } 
.FHTS-footer-advisory { position: fixed; width: 100%; left:0; transition: .3s; bottom: -50px; z-index: 9; background-color: #fff; box-shadow: 0 -1px 6px rgba(0,0,0,0.07); } 
.FHTS-footer-advisory__item { width: 50%; float: left; text-align: center; font-size: 15px; color:#3c42ef; } 
.FHTS-footer-advisory__item .iconfont { margin-right: 10px; font-size:18px; } 
.FHTS-footer-advisory__item:last-child { background-color: #3c42ef; color:#fff; } 
/*页面下方咨询部分*/
.FHTS-advisory-banner-blank { height: 140px; overflow: hidden; } 
.FHTS-advisory-banner { height: 140px; background-color: #262C48; box-sizing: border-box; padding:27px 0; position: fixed; width: 100%; left:0; bottom: -200px; z-index: 99; transition: .4s; } 
.FHTS-advisory-banner__lun { width: 273px; height: 182px; background-image: url(/assets/cloud/images/lun.png); background-repeat: no-repeat; background-size: 100%; position: absolute; right:-70px; top:-80px; animation: lunmove 3s linear infinite; } 
.FHTS-advisory-banner__concat { line-height: 32px; font-size: 20px; letter-spacing: 1px;margin-top: 10px; } 
.FHTS-advisory-banner__concat span { color: #03FFF6; font-weight: bold; display: inline-block; } 
@keyframes lunmove { 
 0% { right:-70px; top:-80px; } 
 50% { right:-50px; top:-70px; } 
 100% { right:-70px; top:-80px; } 
 }

.FHTS-advisory-banner__textimg img { height: 37px; } 
.FHTS-advisory-banner__button { padding: 0px; width: 160px; height: 46px; line-height: 46px; border-radius: 4px; color:#262C48; background-color: #03FFF6; text-align: center; font-size: 16px; position: absolute; right: 175px; top:20px; border:0px; } 

.FHTS-advisory-banner__close { width: 32px; height: 32px; border: 1px solid rgba(255,255,255,0.3); border-radius: 50%; position: absolute; right:-60px; top:10px; text-align: center; line-height: 32px; color:rgba(255,255,255,0.8); cursor: pointer; } 


/*大标题*/
.FHTS-headline { height: 36px; line-height: 36px; font-size: 34px; font-weight: bold; text-align: center; position: relative; padding-bottom: 78px; } 

.FHTS-headline::after { content: ''; width: 250px; height: 12px; background-image: url(/assets/cloud/images/underline-bg.png); background-repeat: no-repeat; background-position: 50% 0; background-size: auto 100%; position: absolute; bottom: 60px; left:50%; margin-left: -125px; } 


/*大选项卡*/
.FHTS-large-tab { text-align: center; } 
.FHTS-large-tab::after { content: ''; display: block; clear: both; } 
.FHTS-large-tab-item { display: inline-block; width: 310px; position: relative; height: 36px; font-size: 20px; color:#666; line-height: 36px; padding-bottom: 78px; cursor: pointer; } 
.FHTS-large-tab-item.active { font-size: 34px; font-weight: bold; color:#222324; } 
.FHTS-large-tab-item.active::after { content: ''; width: 250px; height: 12px; background-image: url(/assets/cloud/images/underline-bg.png); background-repeat: no-repeat; background-position: 50% 0; background-size: auto 100%; position: absolute; bottom: 60px; left:50%; margin-left: -125px; } 

/*轮播图圆点*/
.FHTS-swiper-pagination { text-align: center; } 

.FHTS-swiper-pagination .swiper-pagination-bullet { width: 10px; height: 10px; background-color: #2E65EF; opacity: 0.1; margin: 0 5px; } 
.FHTS-swiper-pagination .swiper-pagination-bullet-active { opacity: 1; } 


/*弹窗*/
.FHTS-popup { position: fixed; width: 800px; height: 400px; left: 50%; margin-left: -400px; top: 50%; margin-top: -200px; background: #fff; z-index: 10000; border-radius: 6px; color:#6a6e75; max-width: 92%; } 
.FHTS-popup-head { height: 46px; line-height: 46px; text-align: center; font-size: 16px; border-bottom: 1px solid #eee; color:#6a6e75; } 
.FHTS-popup-head__close { width: 46px; height: 46px; position: absolute; right: 0; top: 0; background: url(/assets/cloud/images/close.png) no-repeat 50% 50%; cursor: pointer; } 
.FHTS-popup--open .FHTS-popup-body { position: relative; height: calc(100% - 46px); overflow-x: hidden; overflow-y: auto; } 
.FHTS-popup--open .FHTS-popup-body--headfalse { height: 100%; } 
.FHTS-popup-content { padding: 20px; line-height: 24px; font-size: 14px; position: relative; } 
.FHTS-popup-content--takeicon { padding-left: 62px; } 
.FHTS-popup-content__icon { position: absolute; left: 20px; top:16px; height: 32px; } 
.FHTS-popup-body__iframe { width: 100%; height: 100%; position: absolute; left: 0; top: 0; border: 0px; } 
.FHTS-popup--msg { max-width: 320px; background: rgba(0, 0, 0, .6); color:#fff; } 
.FHTS-popup--msg .FHTS-popup-content { padding:12px 15px; } 
.FHTS-popup-mask { width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 999; background: rgba(0, 0, 0, .6) } 
.FHTS-popup-mask--msg { background: none; } 
.FHTS-popup-footer { padding: 15px; text-align: right; } 

/*预约服务*/
.FHTS-reserve-form { margin-top: 40px; height: 260px; background:#336aec url(/assets/cloud/images/OEM_content7_bg.png) no-repeat 50% 50%; background-size: auto 100%; text-align: center; padding-top:60px; box-sizing: border-box; } 
.FHTS-reserve-form__input { width: 280px; height: 40px; border: 1px solid #fff; border-radius: 2px; padding:0 10px; box-sizing: border-box; color:#fff; } 
.FHTS-reserve-form__input::placeholder { color:#fff; } 
.FHTS-reserve-form__button { width: 180px; height: 40px; padding:0px; background-color: #FFAA00; color:#fff; line-height: 40px; margin-top: 60px; } 


/*视频预览*/
.FHTS-video-preview { width: 100%; height: 100%; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,.5); z-index: 550; } 
.FHTS-video-preview__go-out { width: 40px; height: 40px; position: absolute; top: 123px;right: 41px; cursor: pointer; display: block; z-index: 100;background-color: #fff;border-radius: 50%; } 
.FHTS-video-preview__go-out::before { transform: translate(-50%,-50%) rotate(45deg) scale(0.5); } 
.FHTS-video-preview__go-out::after { transform: translate(-50%,-50%) rotate(-45deg) scale(0.5); } 
.FHTS-video-preview__go-out::after, .FHTS-video-preview__go-out::before { content: ''; display: block; position: absolute; border-top: 4px solid #333; top: 50%; left: 50%; width: 100%; -ms-transform-origin: center center; -webkit-transform-origin: center center; -o-transform-origin: center center; -moz-transform-origin: center center; transform-origin: center center; } 
.FHTS-video-preview iframe { position: absolute; left:0; right: 0; margin: 0 auto;  top:15%; outline: none; } 
.FHTS-video-preview .FHTS-container { position: relative; height: 100%; } 
.FHTS-video-preview iframe body:-webkit-full-page-media{ background-color: transparent; }

/* 分页 */
.fenye { padding: 60px 0 140px 0; } 
.fenye a { margin: 0px 5px; font-size: 12px; width: 30px; float: left; height: 30px; line-height: 30px; background: #F9F9FD; border-radius: 3px; color: #616466; text-align: center; margin-bottom: 10px; } 
.fenye a.curr { background: #2E65EF; color: #fff; } 
.fenye a.curr:hover { background: #306efd; color: #fff; } 
.fenye .next img { width: 10px; height: 10px; margin-top: 10px; vertical-align: top; } 
/* 20210227新加 */
.FHTS-footer-link { background: #0A1022; line-height: 40px; text-align: center; } 
.FHTS-footer-link span,.FHTS-footer-link a { font-size: 14px; color: #C6C7C9; } 
.FHTS-footer-link a { margin-right: 10px; } 
.FHTS-footer-navinfo { background: #121728; padding: 26px 0; } 
.FHTS-footer-navinfo li { width: 25%; float: left; } 
.navinfo-img { display: inline-block; width: 36px; height: 36px; vertical-align: middle; } 
.navinfo-img img { width: 100%; height: 100%; display: block; object-fit: cover; } 
.navinfo-text { font-size: 18px; color: #fff; vertical-align: middle; margin-left: 10px; } 
.FHTS-footer-pccopyright { background: #181f29; padding-bottom: 44px; } 
.FHTS-footer-certification { display: flex; flex-direction: row; justify-content: end; align-items: center; text-align: center; padding: 34px 0 47px; } 
.certification-item { flex: 1; border-right: 1px solid #293444; } 
.certification-item:last-child { border-right:0; } 
.certification-item img { display: block; width: 46px; height: 46px; margin: auto; } 
.certification-item p { font-size: 14px; color: #fff; line-height: 14px; margin-top: 13px; } 
/* 20210301 新加开始*/
.leftfixed { position: fixed; width: 130px; background: #fff; top: 50%; left: 140px; z-index: 1; box-shadow: 0px 10px 30px 0px rgba(150, 165, 202, 0.2); border-radius: 10px; box-sizing: border-box; margin-top: -321px; overflow: hidden; } 
.leftfixed li { padding: 0 15px; } 
.leftfixed a { display: block; text-align: center; line-height: 57px; height: 57px; box-sizing: border-box; font-size: 16px; color: #666; border-bottom: 1px solid #eee; } 
.leftfixed li:hover { background: #2E65EF; } 
.leftfixed li:hover a { color: #fff; border-bottom: 0; } 
/* 20210301 新加结束*/

/* 顶部下拉调整 */
.FHTS-drawer--case .FHTS-drawer-item .switch-ib,
.FHTS-drawer--offer .FHTS-drawer-item .switch-ib{ 
	display: inline-block; 
	text-align: left;
    vertical-align: top;
}
.FHTS-drawer--case .FHTS-drawer-item.border,
.FHTS-drawer--offer .FHTS-drawer-item.border{
	width: 25% !important;
	border: 1px solid #f3f3f3;
    height: 104px;
    margin: 0 15px;
	padding: 0 !important;
}
.FHTS-drawer--case .FHTS-drawer-item.border{
	width: 27% !important;
	padding: 15px !important;
	height: auto;
	text-align:left;
}
.FHTS-drawer--case .border .FHTS-drawer-item__title{
	height: auto;
	line-height:1;
}
.mg-olevel{
	margin-left: 15px;
    margin-top: 21px;
}
.FHTS-drawer--case .border img,
.FHTS-drawer--offer .border img{
	width: 40px;
	margin-top: 32px;
}
.text-mt-olevel{ margin-top: 32px;margin-left: 15px; }
.switch-align{ text-align: center; }
.FHTS-drawer--case .FHTS-drawer-item .wd-olevel{ width: 280px; }
.service-p{
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background: rgb(51 51 51 / 60%);
	z-index: 100;
	display: none;
}
.show-service{
	display: flex;
}
.service-box{
	position: relative;
	width: 800px;
	height: 548px;
	background: linear-gradient(180deg, #0077FF 0%, #E7F1FF 100%);
	border-radius: 16px;
	padding: 40px;
	box-sizing: border-box;
}
.service-box_bg{
	position: absolute;
	right: 100px;
	top: 10px;
	z-index: 0;
}
.service-title{
	position: relative;
	z-index: 1;
	margin-bottom: 25px;
}
.service-title h2{
	line-height: 31px;
	font-size: 24px;
	font-weight: bold;
	color: #FFFFFF;
	padding-left: 30px;
	background: url('/assets/cloud/images/scode.png') no-repeat center left;
	background-size: 22px 22px;
	margin-bottom: 12px;
}
.service-title p{
	line-height: 24px;
	font-size: 18px;
	color: #FFFFFF;
	opacity: 0.8;
}
.service-box_close{
	position: absolute;
	width: 20px;
	height: 20px;
	right: 40px;
	top: 30px;
	background: url('/assets/cloud/images/sclose.png') no-repeat center;
	background-size: 20px 20px;
	z-index: 2;
	cursor: pointer;
}
.service-con{
	height: 376px;
	background: linear-gradient(180deg, #DCEBFF 0%, #F5F9FF 100%);
	border-radius: 12px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: relative;
}
.service-con::after{
	content: '';
	position: absolute;
	display: block;
	width: 202px;
	height: 202px;
	background: url('/assets/cloud/images/code-bg.png') no-repeat center;
	right: 0;
	bottom: 0;
	z-index: 0;
}
.service-con span{
	font-size: 14px;
	line-height: 22px;
	color: #3492ff;
	opacity: 0.6;
}
.service-code{
	width: 200px;
	height: 200px;
	border: 8px #fff solid;
	border-radius: 8px;
	display: block;
	margin-bottom: 24px;
	margin-top: 24px;
	position: relative;
	z-index: 1;
}
.service-con p{
	line-height: 24px;
	font-size: 18px;
	font-weight: bold;
	color: #333333;
	position: relative;
	z-index: 1;
}
@media screen and (max-width: 1480px){
 .leftfixed { left: 0; } 
 .FHTS-header-logo { left:20px; } 
 .FHTS-header .FHTS-container { padding:0 20px; } 
 /* .FHTS-menu-item__link a { padding:0 15px; } */
 .FHTS-header-accout .FHTS-button { padding:0 20px; } 
 }

@media screen and (max-width: 1024px){
 .leftfixed { left: 0; } 
 body { min-width: inherit; } 
 .FHTS-drawer__new { background-color: #fff; } 
 .FHTS-menu-item__arrow { display: none; } 
 .FHTS-floor { padding-top: 70px; padding-left: 40px; padding-right: 40px; } 
 .FHTS-container { width: inherit; } 
 .FHTS-header { height: 50px; } 
 .FHTS-header .FHTS-container { padding:0 15px; min-width: inherit; } 
 .FHTS-header-logo { height:15px; margin-top:-7px; left:15px; } 
 .FHTS-header-right { width:100%; position: fixed; background-color: #fff; height: 100%; right:0; top:0; display: none; overflow-y: auto; z-index: 100; } 

 .FHTS-header .FHTS-menu,
 .FHTS-header .FHTS-menu-item { float: none; height: auto; line-height: 55px; } 
 .FHTS-header .FHTS-menu-item__link a { color:#666 !important; display: block; } 
 .FHTS-header .FHTS-menu-item { border-bottom: 1px solid #f5f5f5; } 
 .FHTS-menu-item__link { position: relative; } 
 .FHTS-menu-item--drawer .FHTS-menu-item__link::before { content: ''; width: 2px; height: 14px; background-color: #999; position: absolute; right:21px; top:50%; margin-top: -7px; } 
 .FHTS-menu-item--drawer .FHTS-menu-item__link::after { content: ''; width: 14px; height: 2px; background-color: #999; position: absolute; right:15px; top:50%; margin-top: -1px; } 
 .FHTS-menu-item.hover .FHTS-menu-item__link::before { display: none; } 
 .FHTS-menu-item.hover .FHTS-drawer { display: block; } 
 .FHTS-menu-item__link a { padding:0 20px; } 
 .FHTS-drawer,
 .FHTS-sub-munu { position: relative; height: inherit; top:0px; padding:10px; box-sizing: border-box; background-color: #F8F9FC; width: 100%; } 
 .FHTS-sub-munu { box-shadow:0px 0px 0px rgba(0, 0, 0, 0); } 
 .FHTS-sub-munu li { text-align: left; padding: 0 15px; } 
 .FHTS-drawer--product .FHTS-drawer-item:first-child { border:0px; height: inherit; } 
 
 .FHTS-drawer-item,
 .FHTS-drawer--case .FHTS-drawer-item,
 .FHTS-drawer--offer .FHTS-drawer-item { padding: 20px 0; width: inherit; float: none; text-align: left; } 
 .FHTS-drawer--offer .FHTS-drawer-item { padding: 10px 0; } 
 .FHTS-drawer--offer .FHTS-drawer-item .iconfont { float: left; font-size: 24px; margin-right: 15px; } 
 .FHTS-drawer-item ul { margin-top: 10px; overflow: hidden; } 
 .FHTS-drawer-item li { font-size: 14px; width: 50%; float: left; } 
 .FHTS-header-accout { float: none; margin: 0px; padding: 20px; } 
 .FHTS-service-box { text-align: left; } 
.FHTS-drawer--offer .FHTS-service-item { width: inherit !important; padding: 10px 0 !important; float: left; } 
 .FHTS-header-accout .FHTS-button--primary { background-color: #3c42ef; color:#fff; } 
 .FHTS-header-accout .FHTS-button--plain { border-color: #3c42ef; color:#3c42ef; } 
 .FHTS-advisory-banner-blank,
 .FHTS-advisory-banner { display: none; } 
 .FHTS-header .FHTS-menu { margin-top: 15px; } 

 .FHTS-header-menu-btn { position: absolute; right: 0; top:0; height: 50px; width: 50px; } 
 .FHTS-header-menu-btn span { width: 16px; height: 2px; background-color: #fff; display: block; position: absolute; left:0; right:0; margin: 0 auto; top:50%; margin-top:-1px; } 
 .FHTS-header-menu-btn span::before,
 .FHTS-header-menu-btn span::after { content: ''; width: 100%; height: 2px; background-color: #fff; position: absolute; left: 0; } 
 .FHTS-header-menu-btn span::before { top:-6px; } 
 .FHTS-header-menu-btn span::after { bottom:-6px; } 
 .FHTS-header-normal { height: 50px; } 
 .FHTS-header-normal .FHTS-header-menu-btn span,
 .FHTS-header-normal .FHTS-header-menu-btn span::before,
 .FHTS-header-normal .FHTS-header-menu-btn span::after,
 .FHTS-header--white .FHTS-header-menu-btn span,
 .FHTS-header--white .FHTS-header-menu-btn span::before,
 .FHTS-header--white .FHTS-header-menu-btn span::after { background-color:#333; } 
 .FHTS-headline { font-size: 30px; } 
 .FHTS-headline,
 .FHTS-large-tab-item { padding-bottom: 65px; } 
 .FHTS-large-tab-item.active::after,
 .FHTS-headline::after { height: 10px; bottom: 45px; } 
 
 .FHTS-large-tab-item { width: 220px; font-size: 18px; } 
 .FHTS-large-tab-item.active { font-size: 30px; } 

 .FHTS-aside-icons { right: 30px; } 
 .FHTS-aside-item { width: 40px; height: 40px; line-height: 40px; } 
 .FHTS-aside-item .iconfont { font-size: 20px; } 

 

 .FHTS-footer .FHTS-container { padding: 0px; } 

 .FHTS-footer-nav { display: none; } 
 .FHTS-footer-line { display: none; } 
 .FHTS-footer-article { display: none; width: auto; float: none; padding:0 15px; } 
 .FHTS-footer-article li { font-size: 14px; width: 33%; float: left; line-height: 25px;} 
 .FHTS-footer-title { line-height: 56px; } 
 .FHTS-footer-article ul::after { content: ''; clear: both; display: block; } 
 .FHTS-footer-article:first-child { display: block; } 

 .fenye { padding:40px 0 60px 0; } 
 .textArea-vice { padding-top: 20px; } 
 
	 .FHTS-drawer--offer .FHTS-drawer-item.border,
	 .FHTS-drawer--case .FHTS-drawer-item.border{
    	width: 100% !important;
	    border: none;
		float: none;
	 }
	 .FHTS-drawer--case .FHTS-drawer-item .wd-olevel { width: auto; }
 
 }

@media screen and (max-width: 768px){
 .leftfixed { display: none; } 
 .mark .closeMark { transform: scale(.8); top: 15px; right: 15px; } 
 }

@media screen and (max-width: 480px){
	.FHTS-video-preview__go-out { width: 32px; height: 32px;top: 15px;right: 15px; } 
	.FHTS-video-preview iframe{ width: 100%; height: 100%; top: 0; }
	.FHTS-floor { padding-top: 60px; padding-left: 15px; padding-right: 15px; } 
	.mobile-show { display: block; } 
	.computer-show { display: none; } 
	.mark .closeMark { transform: scale(.6); } 
	.FHTS-aside-icons { display: none !important; } 
	.FHTS-headline { font-size: 20px; padding-bottom: 46px; } 
	.FHTS-large-tab { margin: 0 10px; } 
	.FHTS-large-tab-item.active::after,
	.FHTS-headline::after { height: 6px; bottom: 40px; } 

	.FHTS-large-tab-item { font-size: 14px; } 
	.FHTS-large-tab-item.active { font-size: 16px; } 
	.FHTS-large-tab-item { padding-bottom: 46px; } 
	.FHTS-swiper-pagination .swiper-pagination-bullet { width: 6px; height: 6px; } 
	.FHTS-fonts-xl { font-size: 18px; } 
	.FHTS-fonts-md { font-size: 14px; } 
	.FHTS-fonts-sm { font-size: 10px; } 
	
	.viewBox { width: 100%; } 
 	.FHTS-drawer--case .FHTS-drawer-item .wd-olevel { width: 270px; }
	.FHTS-drawer--offer .FHTS-drawer-item.border, .FHTS-drawer--case .FHTS-drawer-item.border{ padding: 0 !important; margin: 0; }
	.FHTS-drawer--offer .FHTS-drawer-item.border{ height: 80px; }
	.service-p{
		background: none;
	}
	.service-box{
		height: 100%;
		width: 100%;
		background: linear-gradient(180deg, #0077FF 0%, #E7F1FF 100%);
		padding: 0 28px;
		display: flex;
		flex-direction: column;
		justify-content: center;
		border-radius: 0;
	}
	.service-box_close{
		right: 28px;
		top: 28px;
	}
	.service-title{
		position: relative;
		padding-bottom: 16px;
		margin-bottom: 0;
	}
	.service-title h2{
		line-height: 24px;
		font-size: 18px;
		margin-bottom: 10px;
	}
	.service-title p{
		line-height: 24px;
		font-size: 18px;
	}
	.mservice-box_bg{
		position: absolute;
		width: 124px;
		height: 105px;
		bottom: -6px;
		right: 0;
	}
	.service-con{
		height: 390px;
	}
	.service-con span{
		max-width: 80%;
		text-align: center;
	}
	.service-code{
		margin-top: 14px;
	}
	.service-con::after{
		width: 108px;
		height: 108px;
		background: url('/assets/cloud/images/mcode-bg.png') no-repeat center;
		background-size: 108px 108px;
		right: 8px;
		bottom: 8px;
	}
 }

@media screen and (max-width: 375px) { 
	.FHTS-drawer--case .FHTS-drawer-item .wd-olevel { width: 250px; }
} 

@media screen and (max-width: 360px){
 .FHTS-floor { padding-top: 40px !important; } 
 }

@media screen and (max-width: 320px){
 .FHTS-floor { padding-top: 30px !important; } 
 .FHTS-fonts-xl { font-size: 16px; } 
 .FHTS-fonts-md { font-size: 12px; } 
 }